HTML Data
Uploaded by
Max de WaardHTML Data
Uploaded by
Max de Waard<!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=iso-8859-1" />
<title>Breaking Ontop</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="mainBody">
<div id="leftPan">
<div id="member">
<p></p>
<form method="post" action="#">
<h2>members login</h2>
<label>your name</label>
<label>password</label>
<input type="text" name="textbox" value="" />
<input type="password" name="password" value="" />
<input type="checkbox" name="checkSet1" id="check1" class="checkbox"
value="foo" />
<label class="re">remember my password</label>
<input type="button" name="button" class="login" value="" title="login" />
</form>
<p class="buttom"></p>
</div>
<h2 title="breaking ontop">breaking ontop</h2>
<div id="contact">
<p></p>
<form name="contact" method="post" action="#" >
<h2>contact info</h2>
<label>first name:</label>
<input type="text" name="textbox" value="" maxlength="23"/>
<label>middle name:</label>
<input type="text" name="textbox" value="" maxlength="23" />
<label>last name:</label>
<input type="text" name="textbox" value="" maxlength="23" />
<label>email id:</label>
<input type="text" name="textbox" value="" maxlength="23" />
<label class="comment">comments:</label>
<textarea name="" cols="" rows=""></textarea>
<input type="submit" name="submit" class="submit" value="" />
</form>
<p class="bu"></p>
</div>
<div id="leftA">
<div id="arch"> <span></span>
<h2>archives</h2>
<h3>january 2007</h3>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">dolor sit amet,</a></li>
<li><a href="#">consectetuer</a></li>
<li class="nobor"><a href="#">adipiscing</a></li>
</ul>
<h3>february 2007</h3>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">dolor sit amet,</a></li>
<li><a href="#">consectetuer</a></li>
<li class="nobor"><a href="#">adipiscing</a></li>
</ul>
<h3>march 2007</h3>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">dolor sit amet,</a></li>
<li><a href="#">consectetuer</a></li>
<li class="nobor"><a href="#">adipiscing</a></li>
</ul>
<p></p>
</div>
</div>
<br class="blank" />
</div>
<div id="rightPan">
<div id="rightsude">
<form name="search" method="post" action="#">
<h2>search</h2>
<label>enter the search term </label>
<input type="text" name="textbox" value="" />
<input type="checkbox" name="checkSet2" id="check2" class="checkbox1"
value="foo" />
<label class="sea">advance search</label>
<input type="button" name="go" value="" class="go" />
</form>
<span></span> </div>
<div id="rightPan1">
<ul>
<li><a href="#" class="show">Home</a></li>
<li><a href="#">Network</a></li>
<li><a href="#">New Submission</a></li>
<li><a href="#">Latest Archives</a></li>
<li><a href="#">Finance</a></li>
<li><a href="#">Testimonials</a></li>
<li class="no"><a href="#">Contact Us</a></li>
</ul>
<h2><span>Welcome to</span> Breaking Ontop</h2>
<p>Breaking Ontop is a free, tableless, W3C-compliant web design layout by
Template World. This template has been tested and proven compatible with all major
browser environments and operating systems. You are free to modify the design to
suit your tastes in any way you like.</p>
<p>We only ask you to not remove "Design by Template World" and the link
http://www.templateworld.com from the footer of the template.</p>
<h3>nterdum augue id scelerisque </h3>
<ul class="nti">
<li><a href="#">ultrices, lorem libero venenatisu </a></li>
<li><a href="#">ligula, nec tempor</a></li>
</ul>
<a class="more" href="#"></a> </div>
</div>
<br class="blank" />
</div>
<div id="footer">
<ul>
<li><a href="#">Home</a>|</li>
<li><a href="#">Network</a>|</li>
<li><a href="#">New Submission</a>|</li>
<li><a href="#">Latest Archives</a>|</li>
<li><a href="#">Finance</a>|</li>
<li><a href="#">Testimonials</a>|</li>
<li><a href="#">Contact Us</a></li>
</ul>
<p>©Breaking Ontop. All rights reserved.</p>
<ul class="vali">
<li><a href="http://validator.w3.org/check?uri=referer" target="_blank"
class="xhtml" title="xhtml">XHTML</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"
class="css" title="css">CSS</a></li>
</ul>
<p class="text">Designed by<a href="http://www.templateworld.com"
target="_blank">Template World</a></p>
</div>
</body>
</html>
<!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>Bright Side of Life</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/BrightSide.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo">bright<span class="green">side</span>of<span
class="gray">life</span></h1>
<h2 id="slogan">Put your company slogan here...</h2>
<form method="post" class="searchform" action="#">
<p>
<input type="text" name="search_query" class="textbox" />
<input type="submit" name="search" class="button" value="Search" />
</p>
</form>
<ul>
<li id="current"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>News</span></a></li>
<li><a href="#"><span>Downloads</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Support</span></a></li>
<li><a href="#"><span>About</span></a></li>
</ul>
</div>
<div id="content-wrap"> <img src="images/headerphoto.jpg" width="820"
height="120" alt="headerphoto" class="no-border" />
<div id="sidebar" >
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"Men are disturbed, not by the things that happen, but by their
opinion of the things that happen."</p>
<p class="align-right">- Epictetus</p>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template <span class="green">Info</span></h1>
<p><strong>Bright Side of Life 1.0</strong> is a free, W3C-compliant, CSS-
based website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Oct 15,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample <span class="green">tags</span></h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
<div id="rightbar">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero.
Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam,
lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus
nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
</div>
</div>
<div id="footer">
<div class="footer-left">
<p class="align-left"> © 2006 <strong>Company Name</strong> | Design by
<a href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </p>
</div>
<div class="footer-right">
<p class="align-right"> <a href="#">Home</a> | <a
href="#">SiteMap</a> | <a href="#">RSS Feed</a> </p>
</div>
</div>
</div>
</body>
</html>
<!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>Bright Side of Life</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/BrightSide.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo">bright<span class="green">side</span>of<span
class="gray">life</span></h1>
<h2 id="slogan">Put your company slogan here...</h2>
<form method="post" class="searchform" action="#">
<p>
<input type="text" name="search_query" class="textbox" />
<input type="submit" name="search" class="button" value="Search" />
</p>
</form>
<ul>
<li id="current"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>News</span></a></li>
<li><a href="#"><span>Downloads</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Support</span></a></li>
<li><a href="#"><span>About</span></a></li>
</ul>
</div>
<div id="content-wrap"> <img src="images/headerphoto.jpg" width="820"
height="120" alt="headerphoto" class="no-border" />
<div id="sidebar" >
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"Men are disturbed, not by the things that happen, but by their
opinion of the things that happen."</p>
<p class="align-right">- Epictetus</p>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template <span class="green">Info</span></h1>
<p><strong>Bright Side of Life 1.0</strong> is a free, W3C-compliant, CSS-
based website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Oct 15,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample <span class="green">tags</span></h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
<div id="rightbar">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero.
Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam,
lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus
nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
</div>
</div>
<div id="footer">
<div class="footer-left">
<p class="align-left"> © 2006 <strong>Company Name</strong> | Design by
<a href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </p>
</div>
<div class="footer-right">
<p class="align-right"> <a href="#">Home</a> | <a
href="#">SiteMap</a> | <a href="#">RSS Feed</a> </p>
</div>
</div>
</div>
</body>
</html>
<!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>Broadsheet</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Broadsheet</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="posts">
<div class="post">
<p><img src="images/img11.jpg" alt="" width="320" height="200" /></p>
<h2 class="title">Welcome to Broadsheet!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Broadsheet</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Et pulvinar pede ligula a sapien. Donec fermentum condimentum
nisi. Proin iaculis mauris id lorem viverra molestie. Duis vel orci. Nam
consequat. Morbi nec lacus.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="archives" class="obox">
<h2 class="heading">Archives</h2>
<div class="content">
<ul>
<li><a href="#">February</a> (7)</li>
<li><a href="#">January 2007</a> (31)</li>
<li><a href="#">December 2006</a> (31)</li>
<li><a href="#">November 2006</a> (30)</li>
<li><a href="#">October 2006</a> (31)</li>
<li><a href="#">September 2006</a> (30)</li>
<li><a href="#">August 2006</a> (31)</li>
<li><a href="#">July 2006</a> (31)</li>
<li><a href="#">June 2006</a> (30)</li>
<li><a href="#">May 2006</a> (31)</li>
<li><a href="#">April 2006</a> (30)</li>
<li><a href="#">March 2006</a> (31)</li>
<li><a href="#">February 2006</a> (28)</li>
<li><a href="#">January 2006</a> (31)</li>
<li><a href="#">December 2005</a> (31)</li>
<li><a href="#">November 2005</a> (30)</li>
<li><a href="#">October 2005</a> (31)</li>
<li><a href="#">September 2005</a> (30)</li>
<li><a href="#">August 2005</a> (31)</li>
<li><a href="#">July 2005</a> (31)</li>
<li><a href="#">June 2005</a> (30)</li>
<li><a href="#">May 2005</a> (31)</li>
<li><a href="#">April 2005</a> (30)</li>
<li><a href="#">March 2005</a> (31)</li>
<li><a href="#">February 2005</a> (28)</li>
<li><a href="#">January 2005</a> (31)</li>
<li><a href="#">December 2004</a> (31)</li>
<li><a href="#">November 2004</a> (30)</li>
<li><a href="#">October 2004</a> (31)</li>
<li><a href="#">September 2004</a> (30)</li>
<li><a href="#">August 2004</a> (31)</li>
<li><a href="#">July 2004</a> (31)</li>
<li><a href="#">June 2004</a> (30)</li>
<li><a href="#">May 2004</a> (31)</li>
<li><a href="#">April 2004</a> (30)</li>
<li><a href="#">March 2004</a> (31)</li>
<li><a href="#">February 2004</a> (28)</li>
<li><a href="#">January 2004</a> (31)</li>
</ul>
</div>
</div>
<div id="search" class="gbox">
<h2 class="heading">Search</h2>
<div class="content">
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value=""
size="18" />
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</div>
</div>
<div id="pages" class="gbox">
<h2 class="heading">Pages</h2>
<div class="content">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="categories" class="gbox">
<h2 class="heading">Categories</h2>
<div class="content">
<ul>
<li><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
<li><a href="#">Quisque vestibulum</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
<li><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
</ul>
</div>
</div>
<div id="blogroll" class="gbox">
<h2 class="heading">Blogroll</h2>
<div class="content">
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Broadsheet. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a> |
<a href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BUBBLE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:73%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:bold 1em/1.4em "lucida sans", helvetica, "Trebuchet MS",
arial, sans-serif;}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="top">
<h1><a href="#">Homepage</a> | <a href="#"> contact</a></h1>
<div id="menuh-container">
<div id="menuh">
<ul>
<li><a href="#" class="top_parent"> Homepage</a>
<ul>
<li><a href="#">• About</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery 1</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery 2</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery 3</a></li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Resources</a></li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Contact</a></li>
</ul>
</div>
</div>
</div>
<div id="leftnav">
<h3>Links</h3>
<div id="nav">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
</div>
<p>This is a <a href="#">LINK</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Morbi quis ligula. Donec tortor purus, ornare vel,
tincidunt at, lacinia ac, leo. Nunc fermentum congue odio.</p>
<p class="quotebox">"You can't depend on your eyes if your imagination is out
of focus" ~ Mark Twain</p>
</div>
<div id="content">
<h2>Your Company Name</h2>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE templates visit my website.</blockquote>
<h2>Header</h2>
<div class="gallery"> <img src="images/img.jpg" alt="" /> <img
src="images/img.jpg" alt=""/> <img src="images/img.jpg" alt=""/> <img
src="images/img.jpg" alt=""/>
<div class="clear"></div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis ligula.
Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum
congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu,
ac pulvinar lacus massa non ipsum. </p>
<h2>Header</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis ligula.
Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum
congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu,
ac pulvinar lacus massa non ipsum. </p>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>Bucolic | Pastoral and Rural</title>
<meta http-equiv="content-language" content="en-us" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="author" content="Sadhana Ganapathiraju" />
<meta name="copyright" content="Copyright 2006 Sadhana Ganapathiraju" />
<meta name="keywords" content="bucolic, xhtml, css, web standards, free templates,
blog, personal site" />
<meta name="description" content="Bucolic is a free template that is beautiful and
standards-compliant." />
<link rel="stylesheet" type="text/css" media="screen,projection"
href="master.css" />
<link rel="start" title="SimplyGold" href="#" />
<script type="text/javascript" src="caption.js"></script>
</head>
<body>
<div id="header">
<h1><a href="#" title="Go Home" rel="bookmark">Bucolic</a></h1>
</div>
<div id="navigation">
<ul>
<li class="active"><a href="#" title="SimplyGold">Home</a></li>
<li><a href="#notebook/">Blog</a></li>
<li><a href="#showcase/">Our Portfolio</a></li>
<li><a href="#about/">About Us</a></li>
<li><a href="#contact/">Contact Us</a></li>
</ul>
</div>
<div id="about">
<dl>
<dt><strong>bu-col-ic</strong> [<em>byoo-<strong>kol</strong>-ik</em>]</dt>
<dd>1. of or pertaining to shepherds; pastoral.</dd>
<dd>2. of, pertaining to, or suggesting an idyllic rural life.</dd>
<dd>3. a pastoral poem.</dd>
<dd><a class="offsite" href="http://dictionary.reference.com/search?
q=bucolic&x=0&y=0"> — <cite>dictionary.com</cite></a></dd>
</dl>
</div>
<div id="content">
<div class="drop-shadow"> <a href="#01"><img src="images/china_village.png"
width="200" height="150" alt="Chinese village alley [Credit: archartist at
stock.xchng]" class="captionated" /></a> </div>
<div class="drop-shadow"> <a href="#02"><img src="images/pump_it.png" width="200"
height="150" alt="A pump in a village [Credit: stock.xchng]" class="captionated"
/></a> </div>
<div class="drop-shadow"> <a href="#02"><img src="images/rusty_lock.png"
width="200" height="150" alt="A rusty lock [Credit: stock.xchng]"
class="captionated" /></a> </div>
<hr />
<div class="drop-shadow"> <a href="#02"><img src="images/fresh_eggs.png"
width="200" height="150" alt="A pump in a village [Credit: stock.xchng]"
class="captionated" /></a> </div>
<div class="drop-shadow"> <a href="#02"><img src="images/dry_grass.png"
width="200" height="150" alt="A pump in a village [Credit: stock.xchng]"
class="captionated" /></a> </div>
<div class="drop-shadow"> <a href="#02"><img src="images/tori.png" width="200"
height="150" alt="A pump in a village [Credit: stock.xchng]" class="captionated"
/></a> </div>
<hr />
</div>
<div id="footer">
<p>Design by <a href="http://www.nikhedonia.com/" title="SimplyGold">Sadhana
Ganapathiraju</a> | Released
under <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/"
title="Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License"> Creative
Commons</a> license.</p>
<p>Try more <a href="#showcase/free_templates/" rel="bookmark">free templates</a>
or <a href="#showcase/commercial_templates/" rel="bookmark">commercial
templates</a></p>
<p> <a href="#31">Legal</a> | <a href="#32">Terms of Service</a> | <a
href="#33">Privacy Statement</a> | <a href="http://validator.w3.org/check/referer"
title="Valid XHTML 1.0 Strict">Xhtml</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="Valid CSS 2.0 Strict">Css</a> </p>
</div>
</body>
</html>
<!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>Bugs Life</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">bugs life</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">My Journal</a></li>
<li><a href="#" accesskey="3">My Photos</a></li>
<li><a href="#" accesskey="4">My Favorites</a></li>
<li><a href="#" accesskey="5">Contact Me</a></li>
</ul>
<h3>Lorem Ipsum Dolore </h3>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis.</p>
<h3>Suspendisse Potenti</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida</a><a href="#">…</a></li>
<li><a href="#">Vivamus sagittis bibendum</a><a href="#">…</a></li>
<li><a href="#">Nullam et orci in erat…</a></li>
</ul>
</div>
</div>
<div id="colTwo">
<div class="post">
<h2>Welcome to Bugs life!</h2>
<p><strong>Bugs Life </strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The header photo is from PDPhoto.org. You're
free to use it for both commercial or personal use. I only ask that you link back
to my site in some way. <em>Enjoy :)</em></p>
</div>
<div class="post">
<h3>Suspendisse Potenti</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Below the Horizon. Designed by <a
href="http://freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Burgeon | Flourish</title>
<meta http-equiv="content-language" content="en-us" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="description" content="Burgeon is a free template that is simple,
stunning, and standards-compliant." />
<link rel="stylesheet" type="text/css" media="screen,projection"
href="master.css" />
<!--[if lt ie 7]><link rel="stylesheet" type="text/css" media="screen,projection"
href="ie-win.css" /><![endif]-->
<link rel="start" title="SimplyGold" href="#" />
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#showcase/free_templates/">Blog</a></li>
<li><a href="#showcase/commercial_templates/">News</a></li>
<li class="active"><a href="#about/">About</a></li>
<li><a href="#contact/">Contact</a></li>
</ul>
</div>
<div class="post">
<h2 class="post-title"><a href="#41" rel="bookmark" title="Read the rest of
the entry">Captions with Javascript</a></h2>
<div class="post-content">
<p>Most awesome stuff has been happening recently in the world. For
example, Pluto got demoted to the status of a dwarf planet.</p>
<p>Then there's the unearthing of the 3.5 million-year-old skeleton of
Lucy's sister Salem in Ethiopia.</p>
<ul>
<li>Dukedom</li>
<li>Earldom</li>
<li>Monte Cresto</li>
</ul>
<ol>
<li>Excellent</li>
<li>Ecletic</li>
<li>Grandiloquent</li>
<li>Bombast</li>
</ol>
<p>I'm another paragraph. I don't really need this but I just wanted to
show it. I need to write more before the blockquote
goes down far enough to give me a clear understanding of how much space
it leaves between itself and whatever comes before it.</p>
<blockquote>
<p>Say, I'm a blockquote. </p>
<p>And there's no reason we can't have two paragraphs in a
blockquote.</p>
</blockquote>
<p>You want to show a caption for your image? Me too. It's a pity that we
can't use
the <code><caption></code> element with an image. I thought about
using a def.
list to associate the image with its caption, but I really didn't want to
go to the
extra trouble every single time. So: I decided to go the javascript way.
An <acronym
title="Acronym">acronym</acronym>, an <abbr
title="Abbreviation">abbreviation</abbr>,
a <cite title="Citation">citation</cite> or two, some <ins>inserted
text</ins>, some <code>code that doesn't look like code</code>, and some
<del>deleted text</del> go to
a bar <a href="#35" class="more" title="Read the rest of the article
→">[...]</a> </p>
</div>
<p class="post-footer"> <strong>03 Oct 2006</strong>, <em><a
href="#36">Javascript</a></em>, <a href="#37" class="comments-link">48 comments</a>
</p>
</div>
</div>
<p id="logo"><img src="images/logo.png" width="35" height="134" alt="Burgeon"
/></p>
<div id="sidenotes">
<h3>Sidenotes</h3>
<ul>
<li> <a href="http://en.wikipedia.org/wiki/Alexander_of_Macedon">
<strong>Alexander the Great</strong> <em>10.03.2006</em> Alexander the Great, aka,
Megas Alexandros, aka Alexander III. A brilliant
military strategist. </a> </li>
<li> <a href="http://en.wikipedia.org/wiki/Philip_III_of_Macedon">
<strong>Philip III Arrhidaeus</strong> <em>10.01.2006</em> Illegitimate son of
Philip II, making him the half-brother of Alexander the
Great. </a> </li>
<li> <a href="http://en.wikipedia.org/wiki/Arsaces_II_of_Parthia">
<strong>Arsaces II of Parthia</strong> <em>09.30.2006</em> Known as "Artabanus" by
early scholars but currently goes by the name "Arsaces." </a> </li>
<li> <a href="http://en.wikipedia.org/wiki/Balash_of_Persia">
<strong>Balash</strong> <em>09.30.2006</em> "Balash [...] was the brother and
successor of Peroz I of Persia (457 – 484),
who had died in a battle against the Hephthalites (White Huns) who
invalided Persia
from the east." Supposed to be new — that's new. ;-) </a> </li>
<li> <a href="http://en.wikipedia.org/wiki/Yazdegerd_II_of_Persia">
<strong>Yazdegerd II</strong> <em>09.28.2006</em> His name means "made by God,"
which unfortuantely didn't stop him from dying. He's
just except for his "strict religious policies..." So you mean he wasn't
just? :p </a> </li>
</ul>
</div>
</div>
<div id="footer">
<div id="meta">
<ul class="cats">
<li><a href="#01">C#</a></li>
<li><a href="#02">ASP .NET</a></li>
<li><a href="#03">CSS/XHTML</a></li>
<li><a href="#04">Writing</a></li>
<li><a href="#05">Travel</a></li>
<li><a href="#06">Life</a></li>
<li><a href="#07">Microsoft</a></li>
<li><a href="#08">Apple</a></li>
<li><a href="#09">Technology</a></li>
<li><a href="#10">Procrastination</a></li>
</ul>
<ul class="date">
<li><a href="#11">October 2006</a></li>
<li><a href="#12">September 2006</a></li>
<li><a href="#13">August 2006</a></li>
<li><a href="#14">July 2006</a></li>
<li><a href="#15">June 2006</a></li>
<li><a href="#16">May 2006</a></li>
<li><a href="#17">April 2006</a></li>
<li><a href="#18">March 2006</a></li>
<li><a href="#19">February 2006</a></li>
<li><a href="#20">January 2006</a></li>
</ul>
</div>
<div id="flickr">
<h3>Flick'r</h3>
<img src="images/friendship.png" width="130" height="130" alt="Flickr Image" />
<img src="images/globe.png" width="130" height="130" alt="Flickr Image" /> <img
src="images/kid.png" width="130" height="130" alt="Flickr Image" /> <img
src="images/rings.png" width="130" height="130" alt="Flickr Image" /> </div>
<hr />
<p id="copyright"> Design copyright © 2006 <a
href="http://www.nikhedonia.com/" title="SimplyGold">Sadhana Ganapathiraju</a> | <a
href="#showcase/free_templates/" title="More Free Templates">Free Templates</a> |
<a href="#showcase/commercial_templates/" title="More Commercial
Templates">Commercial Templates</a> | <a
href="http://validator.w3.org/check/referer" title="Xhtml 1.1 Strict">Xhtml
Happy</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="Css
2.0 Strict">Css Happy</a> </p>
</div>
</body>
</html>
<!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>
<title>Burnt</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="undohtml.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>The Burnt Design</h1>
</div>
<div id="container">
<div id="infinitum">
<p><strong>Navigation<br />
</strong><a href="#">Home</a></p>
<p><a href="#">Colophon</a></p>
<p><a href="#">Photography</a></p>
<p><a href="#">Portfolio</a></p>
<p><a href="#">Contact</a><strong><br />
<br />
Search</strong><br />
</p>
<form name="form1" id="form1" method="post" action="#">
<input type="text" name="textfield" />
</form>
<p> </p>
<p><strong>Monthly Archives</strong></p>
<p><a href="#">June 2005 <br />
May 2005</a></p>
<p><a href="#">April 2005</a></p>
<p><a href="#">March 2005</a></p>
<p> <strong><br />
Categories</strong></p>
<p><a href="#">Discussion</a></p>
<p><a href="#">Jokes</a></p>
<p><a href="#">Typography</a></p>
<p><a href="#">Design</a></p>
<p><a href="#">CSS</a></p>
<p><a href="#">XHTML</a></p>
<p><a href="#">Politics</a></p>
<p> </p>
<p><strong>Feeds</strong></p>
<p><a href="#">RSS</a></p>
<p><a href="#">Atom</a></p>
<p> </p>
<p><strong>Validation</strong></p>
<p><a href="http://validator.w3.org/check?uri=referer">Valid
XHTML</a> </p>
<p><a href="http://jigsaw.w3.org/css-validator/check/referer">Valid
CSS</a> </p>
<p> </p>
<p><strong>Disclaimers</strong></p>
<p>© Your Name Here</p>
<p><a href="http://smallpark.org">Design by Smallpark</a></p>
<p> </p>
</div>
<div id="mightylinks">
<p><strong> I like linking to people</strong></p>
<ul>
<li><a href="#">Mandatory CSS-SSC Update</a> <br />
Suspendisse eu mauris. Pellentesque auctor. Fusce eu massa. </li>
<li><a href="#">Latest Macdonald's theft</a> <br />
In lacinia magna in purus. </li>
<li><a href="#">I like burgers</a> <br />
In lacinia magna in purus. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egesta.</li>
<li><a href="#">Bob's going to College!</a> <br />
Torbi rutrum, nisi in ultricies tristique, diam velit convallis nisi, ut
ornare mi.</li>
<li><a href="#">Eating causes obesity.</a><br />
Fusce pellentesque turpis a mauris dapibus euismod. Donec nec eros iaculis
augue malesuada consequat. Morbi rutrum, nisi in ultricies <br />
<strong><br />
</strong><a href="#">View the Archive ></a> </li>
</ul>
</div>
<div class="text">
<h1><strong>Welcome to Burnt</strong></h1>
<h2><strong>October 7th 2005.</strong></h2>
<p><strong>My 3rd Design for OSWD.</strong></p>
<p>Burnt is my thrid design for OSWD. It's a three column static template.
There's not much to say except for that it's quite simple design, but can still
hold a lot of content. I was going to submit this to the OSWD Fall Design
Competition, but instead created another one, so I'm submiting this as a regular
design. Feel free to massacre it to your needs. If you're interested in me creating
a custom design for you, drop me a line anytime. Now for some more Latin. Stique
at, pulvinar quis, molestie pulvinar, quam. Nunc blandit. Vivamus posuere ultricies
tortor. Suspendisse eu mauris. Pellentesque auctor. Fusce eu massa. </p>
<p> </p>
<p>In et tellus consectetuer augue hendrerit tincidunt. Etiam ullamcorper
facilisis turpis. </p>
<p> </p>
<p><strong>Ut rutrum interdum neque.</strong></p>
<p> In lacinia magna in purus. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Praesent nunc pede, dictum in,
tincidunt nec, egestas id, ipsum. Nullam venenatis turpis a nulla. Aenean
consequat. Proin varius dignissim velit. Pellentesque dictum interdum magna. </p>
<p> </p>
<p><strong>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Etiam tristique.</strong></p>
<p> Fusce pellentesque turpis a mauris dapibus euismod. Donec nec eros iaculis
augue malesuada consequat. Morbi rutrum, nisi in ultricies tristique, diam velit
convallis nisi, ut ornare mi turpis nec tellus. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam erat
volutpat. Nullam vehicula metus. Nam quis ligula in nisl tincidunt scelerisque. Nam
ultrices, sem vel interdum sagittis, urna dolor pulvinar augue, interdum rutrum
tellus est eget urna. </p>
<p> </p>
<p><strong>Donec odio. </strong></p>
<p>Cras venenatis purus at magna. Donec viverra augue non dolor. Nunc at enim
et orci pulvinar facilisis. Etiam a libero sit amet nulla aliquet dignissim. Nam
ipsum pede, commodo a, varius et, varius at, leo. Curabitur nunc. Phasellus nisi.
Sed semper congue est. Ut sit amet libero a mauris eleifend iaculis. Donec in nulla
sit amet ante mollis sollicitudin. Cras vel felis. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Integer sagittis, nunc
a faucibus dignissim, dui lacus venenatis dui, rutrum venenatis erat tellus at
erat. </p>
</div>
</div>
</body>
</html>
<!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>
<title>Business Web</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="wrapperi">
<div id="wrapperj">
<h1 id="header"><a href="#"><img src="images/logo.gif" width="257"
height="96" alt="Business Company" /></a></h1>
<div id="left">
<form action="#" method="get" id="search" name="search">
<input name="q" class="text" />
<input type="submit" value="search" class="submit" />
</form>
<ul id="nav">
<li><a href="#">HOME</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Proposals</a></li>
<li><a href="#">contact</a></li>
</ul>
<div id="policies">
<h2><img src="images/title_our_policies.gif" width="95"
height="22" alt="our policies" /></h2>
<ul>
<li>This is demo text. It will be replaced.</li>
<li>This is demo text. It will be replaced.</li>
<li>This is demo text. It will be replaced.</li>
<li>This is demo text. It will be replaced.</li>
<li>This is demo text. It will be replaced.</li>
<li>This is demo text. It will be replaced.</li>
</ul>
</div>
<div id="callbox"><a href="#"><img src="images/call_box_left.gif"
width="123" height="110" alt="call our helpline" /></a></div>
<div class="clear"></div>
<div id="news">
<h2><img src="images/title_latest_news.gif" width="93" height="22"
alt="latest news" /></h2>
<h3>July 12, 2005</h3>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by the original. This is demo text. It will be replaced
by the original. This is demo text. It will be replaced by the original.</p>
<h3>July 12, 2005</h3>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by the original. This is demo text. It will be replaced
by the original. This is demo text. It will be replaced by the original.</p>
<h3>July 12, 2005</h3>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by the original. This is demo text. It will be replaced
by the original. This is demo text. It will be replaced by the original.</p>
<p class="readmore"><a href="#" class="green">Read More</a></p>
</div>
</div>
<div id="right">
<div id="explore">
<div id="explorei">
<h2><img src="images/title_explore.gif" width="218" height="32"
alt="explore your business" /></h2>
<ul>
<li><a href="#">on demand business</a></li>
<li><a href="#">make your business easier</a></li>
<li><a href="#">your links go here</a></li>
</ul>
<p class="learnmore"><a href="#" class="orange">learn more</a></p>
<div id="special">
<h3><img src="images/offer_box_top.gif" width="187" height="36"
alt="special business offer" /></h3>
<p>This is demo text, it will be replaced by the original. This is
demo text, it will be replaced by the original.</p>
<p class="readmore"><a href="#">Read More</a></p>
<div class="bottom"></div>
</div>
</div>
</div>
<div id="subright">
<div id="strategies">
<h2><img src="images/title_our_strategies.gif" width="112" height="22"
alt="our strategies" /></h2>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by the original. This is demo text. It will be replaced
by the original. This is demo text. It will be replaced by the original.</p>
<ul>
<li><a href="#">on demand business</a></li>
<li><a href="#">make your business easier</a></li>
<li><a href="#">your links go here.</a></li>
<li><a href="#">your text goes here replace the demo.</a></li>
</ul>
<p class="readmore"><a href="#" class="blue">Read More</a></p>
</div>
<div id="solutions">
<h2><img src="images/title_our_solutions.gif" width="104" height="22"
alt="our solutions" /></h2>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by the original. This is demo text. It will be replaced
by the original. This is demo text. It will be replaced by the original.</p>
<p class="photo"><img src="images/photo_people.jpg" width="166"
height="103" alt="" /></p>
<p class="readmore"><a href="#" class="orange">Read More</a></p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<div id="footer">
<div id="footeri"> <span class="copyright"> Powered by <a
href="http://www.freewebsitetemplates.com">Free Website Templates</a></span> <a
href="#">HOME</a> <a href="#">Services</a> <a href="#">Products</a>
<a href="#">Portfolio</a> <a href="#">Proposals</a> <a
href="#">contact</a> </div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>Advantage</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Advantage</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Advantage!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="story"> <img src="images/img06.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Advantage</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Advantage. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>Business 2007</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="container">
<div id="holder" class="clearfix">
<div id="logo">
<h1>Business Design</h1>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">TECHNOLOGY SOLUTIONS</a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a href="#">STRATEGIC PARTNERS</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">JOBS</a></li>
</ul>
</div>
<div id="header"></div>
<div id="content">
<h1>Business Design 2007. Propelling your business into the 21st Century with
a fresh, clean Web site template.</h1>
<p>Lovely. A nice clean design with no <a
href="http://validator.w3.org/check?uri=referer">HTML Validation errors</a> and
only one CSS error, and a few tiny warnings. The focus with this design was to
create something professional with a modern feel. The coding is of a good standard,
with only one extra div for structural purposes.</p>
<p>My previous designs, under the guise of NOWdesign at various Open Source
Web design template sites, has led to over fifty thousand downloads. This design
itself is intended to replace the most popular of those designs, 'Business Design'
(oswd.org & OpenWebDesign.org).</p>
<p>My name is Tjobbe Andrews, my portfolio site at SiteCreative has more
templates. For information ab0out me, visit my personal Web site.</p>
<p>Enjoy the design!</p>
</div>
<div id="news">
<div class="newsItem">
<h1>Copyright</h1>
<p>Please be so kind as to leave the copyright message in the footer
intact, if you must remove it, I would still appreciate a link to my site.</p>
</div>
<div class="newsItem">
<h1>Other info</h1>
<p>You are free to use this design for anythign you wish. I do ask that the
"design by sitecreative" stays in the footer with a link back to my site.
Please don't sell it or re-distribute it. </p>
</div>
</div>
</div>
<div id="footer"> <span id="copyright">Design by <a
href="http://www.sitecreative.net">SiteCreative</a></span>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Technology Solutions</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Strategic Partners</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Jobs</a></li>
</ul>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: BusinessBlue
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BusinessBlue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div id="logo">
<h1><a href="#">BusinessBlue</a></h1>
<p>Free Website Template</p>
</div>
<div id="info">
<ul>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li> | </li>
<li>Mail: [email protected]</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="intro">
<div class="fl_left"><a href="#"><img src="images/demo/400x230.gif" alt=""
/></a></div>
<div class="fl_right">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<ul>
<li><a href="#">Link Text</a></li>
<li><a href="#">Link Text</a></li>
<li class="last"><a href="#">Link Text</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="container">
<div id="services">
<ul>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/290x100.gif"
alt="" /></a></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p>congue magnis vestibulum quismodo nulla et feugiat.
Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/290x100.gif"
alt="" /></a></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p>congue magnis vestibulum quismodo nulla et feugiat.
Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<div class="imgholder"><a href="#"><img src="images/demo/290x100.gif"
alt="" /></a></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p>congue magnis vestibulum quismodo nulla et feugiat.
Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
<div id="content">
<h2>Maurisurna et cursus nunc eu urna</h2>
<p>Nullanec facingilla ac tortorttis risque id urna nam sit dapientum
curabitur. Sitsem consectum at pellus quis <a href="#">males sed justo dictum</a>
urna nulla. Enimadipit orci ero ero partur semper id justo molesuada volutpat
cursus.</p>
<p>Aliquejusto pede wisi non proin nulla dui eget orci rhoncus vest.
Donecnequat et liberos congue ligula dui convallis consectetus ac at condis.</p>
<p>Malesuadaa intes euis mattitorttitor phasellus natis sem sed fring ut et.
Rutrummauris urna tincidunt curabitur feugiat <a href="#">por mus id pede
consectetus</a> massa. Velnullam orci ulla pendrerit nulla sociis curabitur morbi
ipsum dui alique.</p>
<p>Diamnas <a href="#">maurisus orci</a> tellus justo nonummy et lobortis ut
orci semper. Antesqueeros fringilla maecenascetur nunc nunc faucibulum id cursus
sodalesuada tur eu.</p>
</div>
<div id="column">
<div class="flickrbox">
<h2>Latest From Flickr</h2>
<ul>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
</ul>
<br class="clear" />
</div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="footer">
<div class="footbox">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Indonectetus facilis leo nibh</h2>
<ul>
<li><a href="#">» Lorem ipsum dolor sit amet, conse</a></li>
<li><a href="#">» Phasellus tempor vestibulum odio</a></li>
<li><a href="#">» Vestibulum quis augue id mauris</a></li>
<li class="last"><a href="#">» Duis egestas elit at erat
imperdiet</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Indonectetus facilis leo nibh</h2>
<address>
Company Name<br />
Street Name & Number<br />
Town<br />
Postcode/Zip<br />
</address>
Tel: xxxxx xxxxxxxxxx
<!-- -->
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: BusinessToday
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BusinessToday</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div id="logo">
<h1><a href="#">BusinessToday</a></h1>
<p><strong>Free Website Template</strong></p>
</div>
<div id="newsletter">
<p>Sign up to our newsletter for the latest news, updates and offers.</p>
<form action="#" method="post">
<fieldset>
<legend>NewsLetter</legend>
<input type="text" value="Name…"
onfocus="this.value=(this.value=='Name…')? '' : this.value ;" />
<input type="text" value="Email…"
onfocus="this.value=(this.value=='Email…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="Sign Up" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col3">
<div id="intro">
<div class="fl_left">
<h2>Cursus penati saccum ut curabitur nulla.</h2>
<p>Cursuspenatisaccum ut curabitur nulla tellus tor ames a in curabitur pede.
Idet mollisi eros dis orci congue elis et curabitur consequam intesque.
Curabiturpisametur in ante.</p>
<p class="readmore"><a href="#">Ipsumsenterdum non velit »</a></p>
</div>
<div class="fl_right"><img src="images/demo/380x300.gif" alt="" /></div>
<br class="clear" />
</div>
</div>
<div class="wrapper col4">
<div id="services">
<ul>
<li>
<div class="fl_left"><img src="images/demo/100x180.gif" alt="" /></div>
<div class="fl_right">
<h2>Indonectetus facilis</h2>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</li>
<li>
<div class="fl_left"><img src="images/demo/100x180.gif" alt="" /></div>
<div class="fl_right">
<h2>Indonectetus facilis</h2>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</li>
<li class="last">
<div class="fl_left"><img src="images/demo/100x180.gif" alt="" /></div>
<div class="fl_right">
<h2>Indonectetus facilis</h2>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col5">
<div id="container">
<div id="content">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor
mauris. Wisinon vivamus wisis adipis laorem lobortis curabiturpiscingilla dui
platea ipsum lacingilla.</p>
<p>Semalique tor sempus vestibulum libero nibh pretium eget eu elit montes.
Sedsemporttis sit intesque felit quis elis et cursuspenatibulum tincidunt non
curabitae.</p>
</div>
<div id="column">
<div class="holder">
<h2>Nullamlacus loborttis</h2>
<ul id="latestnews">
<li> <img class="imgl" src="images/demo/100x75.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
</li>
<li class="last"> <img class="imgl" src="images/demo/100x75.gif"
alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
</li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col6">
<div id="footer">
<div id="login">
<h2>Client Login !</h2>
<p>Clients can Login to their accounts here.</p>
<form action="#" method="post">
<fieldset>
<legend>Client Login</legend>
<div class="fl_left">
<input type="text" value="Enter email address…"
onfocus="this.value=(this.value=='Enter email address…')? '' : this.value ;"
/>
<input type="password" value="Enter password…"
onfocus="this.value=(this.value=='Enter password…')? '' : this.value ;" />
</div>
<div class="fl_right">
<input type="submit" name="login_go" id="login_go" value="»" />
</div>
</fieldset>
</form>
<p><a href="#">» Lost Your Password</a> | <a href="#">Create An Account
»</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col7">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Busy City</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link href="bc-stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div>
<ul>
<li><a href="#" class="on">Home</a></li>
<li><a href="#code">code</a></li>
<li><a href="#author">author</a></li>
<li><a href="#contact">contact</a></li>
</ul>
<h1> <a href="#">Busy City</a></h1>
</div>
</div>
<div id="content">
<div id="right">
<h2 id="idea">The <em>Idea</em></h2>
<p>This is my entry for the <a href="#">openwebdesign.org</a> competition
(March '06). To enter the competition I had to base my design
on a theme which was chosen to be "The City" and this is what I came up
with.</p>
<p><strong>NB:</strong> Due to <a href="#">owd</a>'s <strong>25kb</strong>
limit on images, I had to reduce the quality of
the header image in order for it to be accepted into the competition,
however, I have created a higher quality version which you can find
here.</p>
<h2 id="code">The <em>Code</em></h2>
<p>Busy City has been coded entirely in <acronym title="eXtensible HyperText
Markup Language">XHTML</acronym> 1.1 & <acronym title="Cascading Style
Sheets">CSS</acronym>. No tables
were touched in the making of this website. Isn't that cool? As well as
being cool, using <acronym title="eXtensible HyperText Markup
Language">XHTML</acronym> & <acronym title="Cascading Style
Sheets">CSS</acronym> has many advantages
such as:</p>
<ul>
<li><strong>Cleaner Code</strong>: Adherence to strict guidelines results
in cleaner code. All extraneous or ambiguous elements are eliminated,
so pages are smaller, load faster, and render correctly.</li>
<li><strong>Interoperability and Accessibility</strong>: <acronym
title="eXtensible HyperText Markup Language">XHTML</acronym> is currently readable
by the greatest number of browsers, devices and
assistive technologies like screen readers. Accessibility is quickly
becoming a legal issue.</li>
<li><strong>Search Engine Friendly Code</strong>: <acronym
title="eXtensible HyperText Markup Language">XHTML</acronym> produces pages that
search engine spiders find easy to understand. There
are no presentational elements or bloated code to confuse the spiders,
so they'll crawl everything that matters and rank you accordingly.</li>
<li><strong>Design Consistency</strong>: With <acronym title="Cascading
Style Sheets">CSS</acronym>,
the same style elements can be applied to every page of a site. From
the first page forward, your visitors will be presented with a consistent
design scheme, building their comfort level and effectively promoting
your brand.</li>
<li><strong>Easy Maintenance</strong>: Changes to <acronym title="Cascading
Style Sheets">CSS</acronym> web page designs are simple. Instead of having to go
back and alter
every single page of your site, with <acronym title="Cascading Style
Sheets">CSS</acronym> only the relevant style sheets have to be updated, saving you
hours
of work and limiting the introduction of possible errors.</li>
</ul>
<h2 id="examples">The <em>Examples</em></h2>
<p>Here are some example elements that you may end up using on your
website.</p>
<ul>
<li>An un-ordered list</li>
<li>With several items</li>
<li>To give you an example</li>
</ul>
<blockquote>
<p>Some blockquote text. Lorem ipsum dolor sit amet, consectetuer
adipiscing
elit. Cras semper neque ac tellus. Vestibulum ante ipsum primis in
faucibus
orci.</p>
</blockquote>
<h2 id="author">The <em>Author</em></h2>
<p>My name is Jenna Smith, and I am a 19 year old female from Cambridgeshire,
<acronym title="United Kingdom">UK</acronym>. I work full time as a Web
Designer for a very well known company and freelance out of work through
my growldesign website.</p>
<p>I made my first website when I was 11 years old and have been using
<acronym title="eXtensible HyperText Markup Language">XHTML</acronym> &
<acronym title="Cascading Style Sheets">CSS</acronym> for around
2 years. Other languages I know include <acronym title="Hypertext Pre-
processor">PHP</acronym>, <acronym title="Open source Structured Query
Language">MySQL</acronym>, <acronym title="eXtensible Markup
Language">XML</acronym> and <acronym title="eXtensible StyleSheet Language
Transformation">XSLT</acronym>.
For a full list, take a look at my website.</p>
<h2 id="contact">Contact <em>Me</em></h2>
<p>If you are a small business wanting an online presence, or a company
looking to outsource, feel free to me for a quote.</p>
</div>
<div id="left">
<h2>From the <em>Gallery</em></h2>
<ul class="thumbs">
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
</ul>
<h2>Useful <em>Links</em></h2>
<ul>
<li><a href="http://www.growldesign.co.uk">Web Development &
Design</a></li>
<li><a href="#">CSSBeauty</a></li>
<li><a href="#">CSSMania</a></li>
<li><a href="#">Learn CSS</a></li>
</ul>
<h2>More <em>Text</em></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tellus nisi,
iaculis ac, sagittis vel.</p>
<h2>More <em>Text</em></h2>
<p>Cras laoreet hendrerit leo. Nam luctus condimentum nunc. Maecenas congue
consectetuer risus. Proin dictum, risus sed ornare gravida, ligula mauris.</p>
</div>
</div>
</div>
<div id="footer">
<!-- It is not an imperitive that you leave a link to my site but I would be
grateful if you did -->
<p>Copyright © 2006 Company. All Rights Reserved. <a
href="http://validator.w3.org/check/referer">XHTML 1.1</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer?
warning=no&profile=css2">CSS</a> | design/inspired by <a
href="http://www.growldesign.co.uk">growldesign</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: BusyBusiness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BusyBusiness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/featured_slide.js"></script>
</head>
<body id="top">
<!--
###################################################################################
#################### -->
<div class="wrapper col1">
<div id="header">
<div class="fl_left">
<h1><a href="#">BusyBusiness</a></h1>
<p>Free Website Template</p>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
<input type="submit" name="go" id="go" value="GO" />
</fieldset>
</form>
</div>
</div>
<div id="topnav">
<ul>
<li><a class="active" href="index.html">Homepage</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="pages/style-demo.html">Style Demo</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li class="last"><a href="#">Our Services</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="featured_slide">
<div class="preview_holder"><img src="images/demo/slide_1.gif" alt="" />
<div class="text_holder">
<div class="introtext">
<p class="title"><a href="#">The title for the first image !</a></p>
<p>Integer vitae nulla. Cum sociis natoque penatibus et magnis dis
parturient montes.</p>
</div>
</div>
</div>
<div class="selector">
<ul>
<li><a href="images/demo/slide_1.gif"><img src="images/demo/50x50.gif"
alt="" /></a>
<div class="introtext">
<p class="title"><a href="#">The title for the first image !</a></p>
<p>Integer vitae nulla. Cum sociis natoque penatibus et magnis dis
parturient montes.</p>
</div>
</li>
</ul>
</div>
<div class="selector">
<ul>
<li class="middle"><a href="images/demo/slide_2.gif"><img
src="images/demo/50x50.gif" alt="" /></a>
<div class="introtext">
<p class="title"><a href="#">The title for the second image !</a></p>
<p>Integer vitae nulla. Cum sociis natoque penatibus et magnis dis
parturient montes.</p>
</div>
</li>
</ul>
</div>
<div class="selector">
<ul>
<li><a href="images/demo/slide_3.gif"><img src="images/demo/50x50.gif"
alt="" /></a>
<div class="introtext">
<p class="title"><a href="#">The title for the third image !</a></p>
<p>Integer vitae nulla. Cum sociis natoque penatibus et magnis dis
parturient montes.</p>
</div>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="homecontent">
<div class="fl_left">
<div class="column2">
<ul>
<li>
<h2>Lipsum</h2>
<div class="imgholder"><img src="images/demo/240x130.gif" alt=""
/></div>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Lipsum</h2>
<div class="imgholder"><img src="images/demo/240x130.gif" alt=""
/></div>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
<div class="column2">
<h2>About This Free CSS Template !</h2>
<img class="imgl" src="images/demo/imgl.gif" alt="" />
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer. For more CSS templates visit <a
href="http://www.os-templates.com/">Free Website Templates</a>.</p>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa.</p>
<p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
</div>
</div>
<div class="fl_right">
<h2>Latest News From Our Blog</h2>
<ul>
<li>
<p><a href="#"><img src="images/demo/80x80.gif" alt="" /></a>
Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem.
Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis
loreet.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p><a href="#"><img src="images/demo/80x80.gif" alt="" /></a>
Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem.
Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis
loreet.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p><a href="#"><img src="images/demo/80x80.gif" alt="" /></a>
Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem.
Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis
loreet.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p><a href="#"><img src="images/demo/80x80.gif" alt="" /></a>
Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem.
Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis
loreet.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<p><a href="#"><img src="images/demo/80x80.gif" alt="" /></a>
Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem.
Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis
loreet.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="footer">
<div class="footbox">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Indonectetus facilis leo nibh</h2>
<ul>
<li><a href="#">» Lorem ipsum dolor sit amet, conse</a></li>
<li><a href="#">» Phasellus tempor vestibulum odio</a></li>
<li><a href="#">» Vestibulum quis augue id mauris</a></li>
<li class="last"><a href="#">» Duis egestas elit at erat
imperdiet</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Indonectetus facilis leo nibh</h2>
<address>
Company Name<br />
Street Name & Number<br />
Town<br />
Postcode/Zip<br />
</address>
Tel: xxxxx xxxxxxxxxx
<!-- -->
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>buzzword</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css"
media="screen,projection" />
</head>
<body>
<div id="container">
<div id="header">
<h1>buzzword</h1>
</div>
<div id="menubar">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">FORUM</a></li>
</ul>
</div>
<!--left column-->
<div id="leftcol">
<div class="rightbox"> <img src="turtle.jpg" alt="img" />
<div class="brief"> Turtles, not having the power of speech, are not prone to
using buzzwords. </div>
</div>
<h1>What is a buzzword?</h1>
<h2>A trendy word or phrase that is used more to impress than explain.</h2>
<div class="copy">People hear so many buzzwords day-in and day-out that they
get numb to them. But there is one buzzword that always gets people's attention.
FREE! This template is free for you to download and modify however you want. The
only thing I ask is that you leave the link to me in the footer giving me credit
for the original design. </div>
<div class="copy"> If you find this template useful and want to support my
work, then please visit websitedesignbasics.com and send me a paypal donation.
Thank you. </div>
<div class="dateline"> Posted today: In primary action items </div>
<div class="rightbox"> <img src="pod.jpg" alt="img" />
<div class="brief"> Alien pod-plants are popping up all over the place.
</div>
</div>
<h1>Alien pod-plants</h1>
<h2>Follow these tips to make sure your alien pod-plants survive winter's
chill.</h2>
<div class="copy">• Make sure tender specimens are planted in a sheltered
spot, under large trees and shrubs or against walls. <br />
• Ensure that plants with tender flower buds or shoots are not planted
in east-facing sites. <br />
• Leave the old growth of tender plants unpruned over the winter months.
This will help to protect the central crown of the plant and take the brunt of any
frost damage. If plants are cut back hard in autumn new growth could be damaged by
frost. </div>
<div class="dateline"> Posted today: In primary action items </div>
</div>
<!--end left column-->
<!--right column-->
<div id="rightcol">
<h1>Welcome</h1>
<div class="righttext"> <img src="vine.jpg" alt="img" /> What's the buzz? The
buzz is blogging. This template is suitable for blogging with easy-to-read
type and lots of spots for<a href="#">photos and graphics</a>. The right-hand
column is an excellent spot for a menu. </div>
<h2>Like this one:</h2>
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
<li><a href="#">Item six</a></li>
<li><a href="#">Item seven</a></li>
<li><a href="#">Item eight</a></li>
<li><a href="#">Item nine</a></li>
<li><a href="#">Item ten</a></li>
<li><a href="#">Item eleven</a></li>
<li><a href="#">Item twelve</a></li>
</ul>
<h2>Directions:</h2>
<div class="righttext"> For external use only. <br />
To relieve muscle stiffness, prevent bed sores and relieve soreness of
sprains and bruises. </div>
</div>
<!--end right column-->
<div id="footer"> Your company name : <a
href="http://www.websitedesignbasics.com">Design by websitedesignbasics.com</a>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Canvass
Version : 1.0
Released : 20070615
Description: A two-column, fixed width template with a artistic look.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Canvass by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Canvass</a></h1>
<p>By <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
<!-- end header -->
<div id="page">
<div id="content">
<div class="feature bg7">
<h1 class="title">Welcome to Our Website!</h1>
<div class="content">
<p><img src="images/img03.jpg" alt="" width="122" height="122" class="left"
/> <strong>Canvass</strong> is a free template from <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from <a href="http://www.pdphoto.org/">PDPhoto.org</a>.
You're free to use it for both commercial or personal use. I only ask that you link
back to my site in some way. <em><strong>Enjoy :)</strong></em></p>
<p> </p>
</div>
</div>
<div class="box">
<h2 class="title bg4">Lorem Ipsum</h2>
<div class="content">
<p>Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est.
Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna,
consequat vel, suscipit in, mattis placerat, nulla.</p>
<ul class="list">
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
</ul>
</div>
</div>
<div class="box" style="padding-left: 19px;">
<h2 class="title bg5">Mauris Et Vulputate</h2>
<div class="content">
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque
tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis,
rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat
odio vel elit.</p>
<p> Sed ac leo. <a href="#">Pellentesque imperdiet…</a></p>
</div>
</div>
</div>
<!-- end content -->
<div id="sidebar">
<ul>
<li id="menu" class="bg6">
<h2 class="bg1">Menu</h2>
<ul>
<li class="first"><a href="#" accesskey="1" title="">Home</a></li>
<li><a href="#" accesskey="2" title="">Blogs</a></li>
<li><a href="#" accesskey="3" title="">Photos</a></li>
<li><a href="#" accesskey="4" title="">Links</a></li>
<li><a href="#" accesskey="5" title="">About</a></li>
<li><a href="#" accesskey="6" title="">Contact</a></li>
</ul>
</li>
<li id="news">
<h2 class="bg2">Categories</h2>
<ul>
<li class="first">6/15: <a href="#">Donec dictum metus lorem ipsum
…</a></li>
<li>6/12: <a href="#">Etiam rhoncus volutpat lorem ipsum…</a></li>
<li>6/9: <a href="#">Integer gravida nibh lorem ipsum…</a></li>
</ul>
</li>
<li id="archives">
<h2 class="bg3">Archives</h2>
<ul>
<li class="first"><a href="#">June 2007</a> <i>(2)</i></li>
<li><a href="#">May 2007</a> <i>(31)</i></li>
<li><a href="#">April 2007</a> <i>(30)</i></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
<div id="footer">
<p id="legal"><strong>Canvass</strong> © 2007. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"> <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
<!-- end footer -->
</body>
</html>
<!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>Capsicum</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Capsicum</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="sidebar">
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome">
<h2>Welcome to Capsicum!</h2>
<img src="images/img03.jpg" alt="" width="180" height="140" style="position:
relative; float: left; margin-right: 1em;" />
<p><strong>Capsicum</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="hr">
<hr />
</div>
<div id="example">
<h2>Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
<div id="extra"></div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Capsicum. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Carbonated</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Carbonated</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<p><img src="images/img04.jpg" alt="" width="420" height="200" /></p>
<h2>Welcome to Carbonated!</h2>
<p><strong>Carbonated</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<div class="hr">
<hr />
</div>
<h2>Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique
ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id,
elementum congue, nibh.</p>
<p>This is another example of a paragraph followed by an ordered list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>News & Events</h2>
<dl>
<dt><strong>April 5, 2007</strong></dt>
<dd>In posuere eleifend odio quisque semper augue mattis wisi maecenas
ligula. <a href="#">More…</a></dd>
<dt><strong>April 2, 2007</strong></dt>
<dd>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna
congue rutrum. <a href="#">More…</a></dd>
<dt><strong>March 30, 2007</strong></dt>
<dd>Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">More…</a></dd>
</dl>
</li>
<li>
<h2>Numbered List</h2>
<ol>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum enim</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elit vitae augue</a></li>
<li><a href="#">Sed quis odio sagittis leo</a></li>
</ol>
</li>
<li>
<h2>A Sidebar's Blockquote</h2>
<blockquote>
<p>“Quisque dictum integer nisl risus, sagittis convallis, rutrum
id, congue, and nibh. Donec leo, vivamus fermentum nibh in augue praesent a lacus
at urna congue rutrum.”</p>
</blockquote>
<ul>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Carbonated. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Cardinal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
@import url("css/layout.css");
@import url("css/typo.css");
@import url("css/color.css");
@import url("css/nav.css");
@import url("css/forms.css");
</style>
</head>
<body>
<div id="container">
<div id="header">
<p class="logo"><img src="img/logo.gif" alt="logo" /></p>
<p class="head">CardinaL</p>
<p class="subhead">A Beautiful Slogan</p>
</div>
<!-- header--->
<div id="login">
<form id="access" action="#" method="post">
<p>
<label for="codice">User: </label>
<input type="text" name="codice" id="codice" value="" size="15" />
<label for="password">Pass: </label>
<input type="password" name="password" id="password" value="" size="15" />
<input type="submit" value=" Login " />
</p>
</form>
</div>
<div id="page">
<div id="main">
<h1>About Cardinal</h1>
<p>This template is coded in XHTML 1.0 Strict.
The name <strong>Cardinal</strong> is inpired by the color scheme.
It's kinda <em>serious looking</em>. Note that the <code><h1></code>
heading is in the top of page <em>content</em> and not in the <em>header</em>!
There are some<a href="#">good argomentation</a> (fake link) about that on
the net.</p>
<h2>Many CSS</h2>
<p>I start make use of my personal css <em>framework</em>, inspired by some
articles
on the web. Actually this template use 5 stylesheets:</p>
<dl>
<dt>layout.css</dt>
<dd>main style to define the blocks</dd>
<dt>color.css</dt>
<dd>all about colors and backgrounds (even image)</dd>
<dt>typo.css</dt>
<dd>definitions of typography</dd>
<dt>nav.css</dt>
<dd>styling the navigation menu</dd>
<dt>forms.css</dt>
<dd>the login form (optional)</dd>
</dl>
<p>Splitting the css help me to spot problems and work better. If you don't
like
to manage all this files there are 2 solutions:</p>
<ol>
<li>concatenate all the stylesheets in one file;</li>
<li>create a <em>main.css</em> that @includes all other css</li>
</ol>
<p>If you choose one of the above solutions you can import only one css in
the
head section.</p>
<h2>Browser Test</h2>
<p>I have tested this layout on a MS Windows machine with the following
browsers:</p>
<ul>
<li>Internet Explorer 6.0</li>
<li>Mozilla Firefox 1.5</li>
<li>Opera 9.01</li>
</ul>
<h3>The Logo</h3>
<p>The logo in the upper left is a simple transparent <em>gif</em> 95x84
pixels.
If your logo has differend size adjust <code>width</code> and
<code>height</code> for <code>#header-p.logo</code> in <strong>typo.css</strong>
file.
Or you can rid of the logo and center the header-changing the <code>margin-
left</code> in the <code>#header-p.head, #header-p.subhead</code> declarations in
<strong>typo.css</strong> file.</p>
<p><em>In this page you can see examples of headings (h1, h2, h3), strong,
em, link,
code, lists (ordered, unordered, definition) and bad english</em>.</p>
</div>
<!-- main -->
<div id="nav">
<!-- <p>Navgazione</p> -->
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a>
<ul>
<li><a href="#">Our Mission</a></li>
<li><a href="#">Edition 2004/05</a></li>
<li><a href="#">Photo Gallery</a></li>
</ul>
</li>
<li><a href="#">Journal</a>
<ul>
<li><a href="#">Articles & News</a></li>
<li><a href="#">Statistic of Month</a></li>
<li><a href="#">Our Redaction</a></li>
</ul>
</li>
<li><a href="#">Partnership</a>
<ul>
<li><a href="#">Press Digest</a></li>
</ul>
</li>
</ul>
</div>
<!-- nav -->
</div>
<!-- page -->
<div id="footer">
<p> "<strong>Cardinal</strong>" Free Template for The Web <br />
Designed by <a href="#">Scaracco</a> whith XHTML/CSS <br />
feel free to use and abuse </p>
</div>
<!-- footer -->
</div>
<!-- container -->
</body>
</html>
<!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>Aerolyk</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Aerolyk</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="colOne">
<div class="post">
<h2 class="title">Welcome to Aerolyk!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Aerolyk</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>.You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An unordered list:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
</ul>
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Sed eu diam. Vivamus nonummy elit et odio. Fusce risus quam,
scelerisque sed, pharetra ut, pharetra id, ante. Etiam posuere, elit a blandit
varius, velit sem tincidunt elit, et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie.</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Search</h2>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Aerolyk. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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 profile="http://gmpg.org/xfn/11">
<title>Carrera</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrap">
<div id="content-container">
<div id="header">
<div id="navlist-container">
<div id="navlist">
<ul>
<li class="current_page_item"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
</div>
<h1><a href="#">Carrera</a></h1>
<div id="subtitle">Free CSS Template</div>
<div class="alignleft"> </div>
<div id="menu_search_box">
<form method="get" id="searchform" style="display:inline;" href="#">
<span class="searchttl">Search: </span>
<input type="text" class="s" value="" name="s" id="s" />
</form>
</div>
</div>
<div id="aboutus"> <b>About us</b> <br />
Duiet laculum fring non anterdum vestas elit ac dolor elit convallicituris.
Auguemus vestibulum temper vestibulum sodalesuada vitae nibh molesuada aenean sit
pretra. Metuerleo ipsum liberos euisque tellus portis ut pede semper odio tor.
Ideuis habiturpiscingillam gravida convallis tor vel moles morbi vitae mollis
wisi.<br />
<a href="#">more...</a></div>
<div id="content">
<div class="post-container">
<div class="post" id="post-3">
<div class="posttop">
<h2><a href="#"> Download High Quality Car Wallpapers </a></h2>
<div class="postinfo">
<div class="posted"> Filed under: <a href="#">Wallpapers</a> </div>
<div class="published"> 26 July 2008 </div>
</div>
</div>
<div class="entry">
<div class="content">
<p>Duiet laculum fring non anterdum vestas elit ac dolor elit
convallicituris. Auguemus vestibulum temper vestibulum sodalesuada vitae nibh
molesuada aenean sit pretra. Metuerleo ipsum liberos euisque tellus portis ut pede
semper odio tor. Ideuis habiturpiscingillam gravida convallis tor vel moles morbi
vitae mollis wisi. Accumlaoreet libero elis maurisus laorem sce ero orci augue
molesuada duis.</p>
<p>Acsempus convallis orci id nullamcorper nisl pretium tortor lacus
id vitas. Tempusalique por pede nibh aliquam in ipsum ac lacilis euis tempus.
Lobortaodio nam ridictus temper laorem platea masse eget ut temper et. Nibhlaorem
dignisse ut nunc eget condimente ut platea sed et faucibulum. Utaccumsan diam nec
famet sagittitor urna magna nibh aenean temporttis nullam.</p>
<p>Condisconvallisis cursus hendrerit convallis consequam doloreet ut
ac purus tincidunt dui. Aenenasnulla nisl gravida facinia sus loreet pretium nibh
amet quis trices. Tempusrhoncus dui nibh augue quisque ac nulla sit tellus
convallicitudin fring. Aliquatvelis venec nec laorem porta praesenean portis por et
vestibulum nulla. Ligulaipsum pellentum pellus et ut dictus pellus id nonummy a
consequam.</p>
<p>Nullamtemper tincidunt faucibus in nequam estas nasce eros wisi
non adipiscing. Gravidanibh sem urna intesque platea tur et nulla ut ut loreet.
Ametuerconsequam temper nulla intesque neque torta justo alique cumst sit interdum.
Vitaenequat vestas tincidunt adipis metus massa pellus et et hendreristique
feugiat. Justoero condiment platea sed elit sed id pellent semper ac cras.</p>
<p>Euadipiscing consectum justo fauctor sed a rutrum dignisl vitae
ligula scetuer. Etnec wisi cursus at mi velit purus et ut sed wisi. Aliqueet at a
et sem ut vivamus at adipiscing molesuada alique. Nibhtincidunt curabitae vel nulla
convallis consectetus tincidunt sus aucibulum interdum et. Eulacilis non leo torta
tincidunt torta et morbi nunc ligula feugiat.</p>
</div>
</div>
<div class="postbottom">
<div class="rssfeed"> <a href="#">RSS</a> </div>
<div class="comments"> <a href="#">1 Comment</a> </div>
</div>
</div>
<div class="post" id="post-1">
<div class="posttop">
<h2><a href="#"> Hello world! </a></h2>
<div class="postinfo">
<div class="posted"> Filed under: <a href="#">Templates</a> </div>
<div class="published"> 26 July 2008 </div>
</div>
</div>
<div class="entry">
<p>Hendreritid consectetuer pellus quis libero justo morbi ut justo
condis dui. Interdummagna nulla fametuer vel sem mollicitur vel quismodo mattitor
rutrum magna. Quisipsum pellentum risus congue euis sodalesuada a nibh nam faucibus
phasellentesque. Curabiturpisciniaac nibh velis sit at eros dignisl urna libero
congue euisque. Habiturnunc trisus vestibulum aenean elit et ipsum rhoncus urna
felit morbi.</p>
</div>
<div class="postbottom">
<div class="rssfeed"> <a href="#">RSS</a> </div>
<div class="comments"> <a href="#">1 Comment</a> </div>
</div>
</div>
</div>
<div id="sidebars-area">
<div id="sidebars">
<div id="sidebar">
<ul>
<li id="categories-187785351" class="widget widget_categories">
<h2 class="widgettitle">Categories</h2>
<ul>
<li><a href="#">Templates</a> </li>
<li><a href="#">Wallpapers</a> </li>
</ul>
</li>
<li id="archives" class="widget widget_archive">
<h2 class="widgettitle">Archives</h2>
<ul>
<li><a href="#">July 2008</a></li>
</ul>
</li>
<li id="calendar" class="widget widget_calendar">
<h2 class="widgettitle"> </h2>
<div id="calendar_wrap">
<table id="wp-calendar" summary="Calendar">
<caption>
October 2008
</caption>
<thead>
<tr>
<th scope="col" title="Monday">M</th>
<th scope="col" title="Tuesday">T</th>
<th scope="col" title="Wednesday">W</th>
<th scope="col" title="Thursday">T</th>
<th scope="col" title="Friday">F</th>
<th scope="col" title="Saturday">S</th>
<th scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td abbr="July" colspan="3" id="prev"><a href="#">«
Jul</a></td>
<td class="pad"> </td>
<td colspan="3" id="next" class="pad"> </td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="2" class="pad"> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td id="today">20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td class="pad" colspan="2"> </td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
</div>
<div id="sidebar2">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">July 2008</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Templates</a> (1) </li>
<li><a href="#">Wallpapers</a> (1) </li>
</ul>
</li>
<li class="linkcat">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Development Blog</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Plugins</a></li>
<li><a href="#">Suggest Ideas</a></li>
<li><a href="#">Support Forum</a></li>
<li><a href="#">Themes</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="#">Log in</a></li>
<li><a href="http://validator.w3.org/check/referer">Valid <abbr
title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends
Network">XFN</abbr></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="footerlinks"> Designed by: <a
href="http://www.hostsvault.com">HostsVault.com</a> the leader in <a
href="http://www.hostsvault.com">Cheap Hosting</a> solutions. </div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>Catchinfo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<style>
#left ul li a{text-indent:-2000px;}
</style>
<![endif]-->
</head>
<body>
<div id="main">
<div id="header"> <img src="images/logo.gif" width="221" height="61"
alt="Catchinfo" />
<h1>Lorem ipsum dolor sit amet,</h1>
</div>
<div id="body">
<div id="left">
<ul>
<li><a href="#" class="home">Home</a></li>
<li class="li1"><a href="#" class="contact">Contact</a></li>
</ul>
</div>
<div id="mid">
<h1>Dont miss a chance</h1>
<a href="#" class="see">See details</a>
<h2>why we are ahead</h2>
<p>Catch Info is a <strong>free, tableless, W3C-compliant</strong> web design
layout by Template World. This template has been tested and proven compatible with
all major browser environments and operating systems. You are free to modify the
design to suit your tastes in any way you like.</p>
<p>We only ask you to not remove <strong>"Design by Template World"</strong>
and the link http://www.templateworld.com from the footer of the template.</p>
<p class="nibh"><span>“</span>If you are interested in seeing more of
our free web template designs feel free to visit our website, Template World. We
intend to add at least 25 new free templates in the coming
month.<span>”</span><span class="name">m joseph</span></p>
<a href="#">more</a></div>
<div id="right_bg">
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Surpport</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Chat</a></li>
<li><a href="#">Ideas</a></li>
<li class="li2"><a href="#">Meeting</a></li>
</ul>
</div>
<br class="blank" />
</div>
</div>
<div id="bottom_table">
<div id="bottom">
<div id="leftdiv">
<h2>current events<br />
<span>on 30th september 2006</span></h2>
<p><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.ut Etiam
ut magna. Proin velit enim,</strong> suscipit sed, dapibus gravida, scelerisqu e
etmagna. Fusce dolor leo, feugiat quis, elementum aullamcoi<br />
narcu. Praesent t</p>
<p>nibh. Vestibulum at velit sit amet nunc malesuada venenatis. Sed malesuada
odio a lacus sollicitudin elementum. Praesent porttitor auctor leo. Morbi congue
arcu. Morbi vel risus sit amet erat fringill</p>
<p><strong>nibh. Vestibulum at velit sit amet nunc malesuada </strong>
venenatis. Sed malesuada odio a lacus sollicitudin elementum. Praesent porttitor
auctor leo. </p>
<a href="#">more</a> </div>
<p class="line"></p>
<div id="right"> <a href="#"><img src="images/online.gif" alt="online
supportchart" width="289" height="116" border="0" title="online supportchart"/></a>
<h2>services</h2>
<h3>Lorem ipsum dolor sit amet, consectetuer adipiscing </h3>
<ul>
<li><a href="#">suscipit sed, dapibus gravida, scelerisqu </a></li>
<li><a href="#">etmagna. Fusce dolor leo, feugiat quis,</a></li>
<li><a href="#">elementum aullamcoi</a></li>
<li><a href="#">narcu. Praesent t</a></li>
</ul>
<a href="#" class="link">more</a> </div>
</div>
</div>
<div id="footer">
<div id="footer_div">
<ul>
<li><a href="#" class="mg">About us</a>|</li>
<li><a href="#">Services</a>|</li>
<li><a href="#">Surpport</a>|</li>
<li><a href="#">Testimonials</a></li>
<li>|<a href="#">Clients</a>|</li>
<li><a href="#">Chat</a>|</li>
<li><a href="#">Ideas</a>|</li>
<li><a href="#">Meeting</a></li>
</ul>
<ul class="ad">
<li class="nobor1"><a><span>Designed by:</span></a><br />
<a class="footer_div" href="http://www.templateworld.com"
target="_blank">Template World</a></li>
<li class="nobor1"><a><span>ph:</span><br />
012-2568-6897</a></li>
<li class="nobor"><a><span>fax:</span><br />
(012)-2568-6898</a></li>
</ul>
<ul class="css">
<li><a href="http://validator.w3.org/check?uri=referer" target="_blank"
class="htm" title="xhtml valid">xhtml</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer"
target="_blank" class="cs" title="css valid">css</a></li>
</ul>
<p>©catchinfo. All right reserved.</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Center Stage
Version : 1.0
Released : 20070710
Description: A two-column, fixed-width template suitable for small business
websites.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Center Stage by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Center Stage</a></h1>
<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Galleries</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div id="page">
<div id="content">
<div style="margin-bottom: 20px;">
<h1 class="title">Welcome to Our Website!</h1>
<p><strong>Center Stage</strong> is a free template from <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You"re free to use it for both commercial or personal use. I only ask
that you link back to <a href="http://www.freecsstemplates.org/">my site</a> in
some way. <em>Enjoy :)</em></p>
<h2>Praesent Scelerisque</h2>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat:</p>
<blockquote>
<p>“Integer nisl risus, sagittis convallis, rutrum id, elementum
congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam
ante orci, pellentesque eget.”</p>
</blockquote>
</div>
<div> </div>
<div class="twocols">
<div class="col1">
<h3 class="title">Lorem Ipsum Dolor</h3>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna
congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh.</p>
<p><a href="#">Read more…</a></p>
</div>
<div class="col2">
<h3 class="title">Pellentesque Quis</h3>
<ul class="list">
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus dui</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum</a></li>
<li><a href="#">Aenean facilisis ligula</a></li>
<li><a href="#">Vestibulum luctus dui</a></li>
<li><a href="#">Ut elit vitae augue</a></li>
<li><a href="#">Sed sagittis leo vehicula</a></li>
<li><a href="#">Ut elit vitae augue</a></li>
</ul>
</div>
</div>
</div>
<!-- end content -->
<div id="sidebar">
<div id="search" class="boxed">
<h2 class="title">Quick Search</h2>
<div class="content">
<form id="searchform" method="get" action="">
<fieldset>
<input id="searchinput" type="text" name="searchinput" value="" />
<input id="searchsubmit" type="submit" value="Search" />
<p><a href="#">Advanced Search</a></p>
</fieldset>
</form>
</div>
</div>
<div id="news" class="boxed">
<h2 class="title">News & Events</h2>
<div class="content">
<ul>
<li class="first">
<h3>04 July 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper…</a></p>
</li>
<li>
<h3>29 June 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in
augue…</a></p>
</li>
<li>
<h3>13 June 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus
sagittis…</a></p>
</li>
</ul>
</div>
</div>
<div id="extra" class="boxed">
<h2 class="title">Sagittis Convallis</h2>
<div class="content">
<ul class="list">
<li class="first"><a href="#">Ut semper vestibulum est…</a></li>
<li><a href="#">Vestibulum luctus venenatis…</a></li>
<li><a href="#">Integer rutrum nisl in mi…</a></li>
</ul>
</div>
</div>
</div>
<!-- end sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
<div id="footer">
<p id="legal">©2007 Center Stage. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"><a href="#">Privacy</a> | <a href="#">Terms</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
</body>
</html>
<!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>Chamberlands Restaraunt</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<!-- Start Border -->
<div id="border"> <img src="images/border-top.jpg" alt="" class="block" />
<!-- Start Main Wrapper -->
<div id="wrapper">
<!-- Start Header -->
<div id="header"> <img src="images/top-banner.jpg" alt="" class="block" />
</div>
<!-- End Header -->
<!-- Start Navigation Bar -->
<div id="navbar"> Nav </div>
<!--`End Navigation Bar -->
<div id="leftcolumn"> <img src="images/sub-navigation.jpg" alt="" />
<ul class="mainnav">
<li class="border-top"><a href="#">Home</a></li>
<li><a href="#">The Restaraunt</a></li>
<li><a href="#">Trattoria</a></li>
<li><a href="#">Sample Menus</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Reservations</a></li>
<li><a href="#">Directions</a></li>
<li><a href="#">Chamberlands Careers</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Reservations</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Reservations</a></li>
</ul>
<br />
<img src="images/sub-contact.jpg" alt="" width="145" height="23" />
<ul class="mainnav">
<li class="border-top"><a href="#">Reservations</a></li>
<li><a href="#">Information</a></li>
<li><a href="#">Customer Service</a></li>
</ul>
<br />
<p class="center"> <img src="images/contact-details.jpg" alt="Contact
Details" /> </p>
</div>
<!-- End Left Column -->
<!-- Start Center Column -->
<div id="centercolumn"> <img src="images/menu.jpg" alt="Menu" width="297"
height="550" /> <br />
</div>
<!-- End Center Column -->
<!-- Start Right Column -->
<div id="rightcolumn">
<p><a href="#"><img src="images/thumb-desserts.jpg" alt="" /></a></p>
<p> </p>
<p>
<!-- End Right Column -->
<a href="#"><img src="images/thumb-food.jpg" width="129" height="92"
/></a></p>
<p> </p>
<p><a href="#"><img src="images/thumb-wine.jpg" width="128" height="92"
/></a></p>
<p> </p>
<p> <a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict"
height="31" width="88" /></a></p>
<p> </p>
<p> <a href="http://jigsaw.w3.org/css-validator/"> <img
style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-
validator/images/vcss" alt="Valid CSS!" /> </a> </p>
</div>
<div id="footer"> <em>© Copyright with <a href="http://www.code-
sucks.com">Code-Sucks.com</a> 2006</em> </div>
</div>
<!-- End Main Wrapper -->
<img src="images/border-bottom.jpg" class="block" style="float:left; margin-
bottom: 20px;" alt="" /> <br />
<br />
</div>
<!-- End Border -->
</body>
</html>
<!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" lang="en" xml:lang="en">
<head>
<title>Changingman</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="assets/css/changingman.css" />
</head>
<body id="changingman" class="index">
<div id="content">
<div id="nav-main">
<h1>Lorem ipsum dolor sit amet</h1>
<ul>
<li><a href="#">Homepage</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
</ul>
</div>
<div id="content-main"> <span id="sp-1"></span>
<div class="keypoint introduction">
<h2>Changingman layout</h2>
<p>Created by Andy Clarke with <abbr title="Cascading style
sheets">CSS</abbr> assistance from Brothercake. <abbr title="Extensible Hypertext
Mark-up Language">XHTML</abbr> and <abbr title="Cascading style sheets">CSS</abbr>
only, released under a <a
href="http://creativecommons.org/licenses/by/2.0/">Creative Commons Deed
Attribution 2.0</a>.</p>
<p>You are free:</p>
<div class="inset">
<ul>
<li>To copy, distribute and display the work</li>
<li>To make derivative works</li>
<li>To make commercial use of the work</li>
</ul>
</div>
</div>
<dl id="services">
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur.</dd>
</dl>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div id="content-sub"> <span id="sp-2"></span>
<div class="keypoint">
<h2>Lorem ipsum dolor sit amet</h2>
<dl class="next">
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
</dl>
</div>
<div class="keypoint featured">
<dl>
<dt><a href="#">Lorem ipsum dolor sit amet</a></dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
</dl>
</div>
<p id="siteinfo-legal"><a href="http://www.stuffandnonsense.co.uk">Layout
design</a> <br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</body>
</html>
<!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>
<title>Charity template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div id="logo_w1">Charitable</div>
<div id="logo_w2">Organization</div>
<div id="header_text">
<p>Make a donation today and help 2000 children</p>
<a href="#">Make a donation now !</a> </div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Who are we?</a></li>
<li><a href="#">Make a donation</a></li>
<li><a href="#">Our work</a></li>
<li><a href="#">News & press</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h1>Welcome to our organization</h1>
<p>Don't forget to check <a href="#">free website templates</a> every day,
because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look
like.</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.</p>
<h1>Photos</h1>
<div id="photos"> <a href="#"><img src="images/photo1.jpg" alt="photo" /></a>
<a href="#"><img src="images/photo2.jpg" alt="photo" /></a> <a href="#"><img
src="images/photo3.jpg" alt="photo" /></a> <a href="#"><img src="images/photo4.jpg"
alt="photo" /></a> </div>
</div>
<div id="right">
<h2>Latest news</h2>
<a href="http://www.justwebtemplates.com">Just Web Templates</a>
<p>Even more websites all about website templates on Just Web Templates.</p>
<a href="http://www.templatebeauty.com">Template Beauty</a>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
<a href="#">The forum</a>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
</div>
<div id="footerline"></div>
</div>
<div id="footer">Copyright © 2007 Charity Organization. All rights reserved |
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
</div>
</body>
</html>
<!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>Charity Trust</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><img src="images/logo.jpg" width="172" height="45" alt="Charity
Trust"></h1>
<div id="nav"> <a href="#"><img src="images/m1.jpg" width="66" height="41"
alt="M1"></a> <a href="#"><img src="images/m2.jpg" width="87" height="41"
alt="M2"></a> <a href="#"><img src="images/m3.jpg" width="83" height="41"
alt="M3"></a> <a href="#"><img src="images/m4.jpg" width="72" height="41"
alt="M4"></a> <a href="#"><img src="images/m5.jpg" width="84" height="41"
alt="M5"></a> <a href="#"><img src="images/m6.jpg" width="64" height="41"
alt="M6"></a> <a href="#"><img src="images/m7.jpg" width="89" height="41"
alt="M7"></a> <a href="#"><img src="images/m8.jpg" width="89" height="41"
alt="M8"></a> </div>
</div>
<div id="headline">
<div id="photo">
<div> <img src="images/pic_1.jpg" width="618" height="254" alt="Pic 1">
</div>
</div>
<div id="search-news">
<h2>Search this site</h2>
<form action="#">
<div>
<input type="text" name="q" value="" id="q" />
</div>
<div class="more">
<input type="image" name="search" value="" src="images/btn_search.gif">
</div>
</form>
<h2 class="downcast">News & Events</h2>
<div id="news-box">
<h3><a href="#">05.12.06</a></h3>
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing
elit.</p>
<p class="more"><a href="#">more</a></p>
<h3><a href="#">01.12.06</a></h3>
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing
elit.</p>
<p class="more"><a href="#">more</a></p>
</div>
</div>
<div class="clear"></div>
</div>
<div id="body">
<div id="body-left">
<h2><img src="images/h_welcome_to_our_site.gif" width="203" height="20"
alt="H Welcome To Our Site" /></h2>
<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. Don't want your boss to know you used a free website
template ;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web Templates.</p>
<p class="more"><a href="#">more</a></p>
<h2><img src="images/h_needs.gif" width="150" height="20" alt="Urgent
Needs"></h2>
<img src="images/pic_3.jpg" width="172" height="92" alt="Pic 3"
class="left" />
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit.
Mauris ut elit. Sed eu pede. Morbi quis ante a pede feugiat egestas. Etiam feugiat
mi in pede. Aenean massa sem.</p>
<ul class="plussbullets">
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer
adipiscing</a></li>
<li><a href="#">Elit. Mauris ut elit. Sed eu pede. Morbi quis ante
a</a></li>
<li><a href="#">Pede feugiat egestas. Etiam feugiat mi in pede. Aenean
massa sem.</a></li>
</ul>
</div>
<div id="body-right">
<h2><img src="images/h_donations_for_us.gif" width="151" height="20"
alt="Donations For Us"></h2>
<p><img src="images/pic_2.jpg" width="321" height="93" alt="Pic 2"></p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web Templates.</p>
<p class="more"><a href="#"><img src="images/btn_click_here.gif" width="51"
height="19" alt="Btn Click Here"></a></p>
<h2><img src="images/h_gallery.gif" width="65" height="22"
alt="Gallery"></h2>
<div id="gallery"> <a href="#"><img src="images/gal_1.jpg" width="101"
height="96" alt="Gal 1"></a> <a href="#"><img src="images/gal_2.jpg" width="114"
height="96" alt="Gal 2"></a> <a href="#"><img src="images/gal_3.jpg" width="112"
height="96" alt="Gal 3"></a> </div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<p>© 2006 all rights reserved. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</body>
</html>
<!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>
<title>*CHESSPIECE 2*</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="wrap">
<div id="masthead">
<h1>Your Company Name</h1>
<div id="menucontainer">
<div id="menunav">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#" class="current"><span>About Us</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Our Work</span></a></li>
<li><a href="#"><span>Contact Us</span></a></li>
</ul>
</div>
</div>
</div>
<div id="container">
<div id="sidebar">
<h2>Sidebar</h2>
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> search:<img src="images/magnify.png" alt="search"
/></label>
</span> <span>
<input type="text" value="demo only"name="txtsearch" title="Text input:
search" id="txtsearch" size="25" />
</span> </div>
</fieldset>
</form>
<img src="images/img.gif" alt="" />
<div id="navcontainer">
<ul>
<li><a href="#">Snapp Happy</a> </li>
<li><a href="#">OPEN DESIGNS</a> </li>
<li><a href="#">ANDREAS VIKLUND</a> </li>
<li><a href="#">JAMES KOSTER</a> </li>
<li><a href="#">CSS play</a> </li>
<li><a href="#">LISTAMATIC </a> </li>
<li><a href="#"> LAYOUTGALA </a> </li>
<li><a href="#"> BLUEROBOT </a> </li>
</ul>
</div>
<p>Mauris ultricies neque nec augue. Aenean vehicula. Ut dictum. Vivamus
placerat diam nec velit. Suspendisse ornare. Ut viverra. Mauris sagittis nisl sed
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Suspendisse
est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Vivamus placerat metus eu urna. Etiam dictum. Aliquam eu dui eu
ante euismod tristique. Donec posuere augue varius mi. Nunc erat ligula, ultrices
eu, ultrices sed, sodales ut, magna. Mauris ultricies neque nec augue. </p>
</div>
<div id="content">
<h2>Welcome to <span style="font-weight:bold; color:#4592BE;">Chesspiece
2</span> Template</h2>
<p>Mauris ultricies neque nec augue. Aenean vehicula. Ut dictum. Vivamus
placerat diam nec velit. Suspendisse ornare. Ut viverra. Mauris sagittis nisl sed
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. </p>
<blockquote>This template has been tested in Mozilla Firefox and IE7. The
page validates as XHTML 1.0 Transitional using valid CSS. It will work in browser
widths of 800x600, 1024x768 & 1280x1064. The images used in this template are
courtesy of <a href="http://www.sxc.hu/" title="free images">stock xchng</a>. The
top navigation menu is from <a href="http://www.13styles.com/" title="free CSS
menus">13 Styles</a> and has been amended to suit this template. <br />
For more FREE CSS templates visit <a href="http://www.mitchinson.net">my
website</a>.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse in
odio et nibh volutpat eleifend. Donec rutrum, risus sed auctor malesuada, augue
felis placerat neque, vel vestibulum odio erat eget felis. Phasellus id mauris eu
urna sagittis posuere. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Mauris elementum elit et ipsum. Cras ornare
magna eu felis. Morbi convallis. Nunc fermentum, odio sed ornare ultricies, urna
odio egestas sem, vel scelerisque nisi neque vitae lectus. Proin dolor. Vestibulum
condimentum urna dignissim arcu. Nullam interdum. Proin lacinia, magna ut
scelerisque facilisis, augue sem tempor purus, consequat suscipit tellus ligula et
justo. Nam magna. Donec magna sapien, aliquam non, egestas eu, hendrerit nec, quam.
Donec commodo auctor lectus. Suspendisse rhoncus. Proin tincidunt euismod nisi.
Cras nibh ante, ultrices non, placerat quis, placerat id, est. Suspendisse sed quam
volutpat lacus faucibus venenatis.</p>
</div>
</div>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Chic</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<ul id="nav">
<li id="current"><a href="#">home</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<h1>CHIC</h1>
<h2>PUT YOUR TITLE HERE</h2>
<div id="sidebar"> <a href="#"><img src="images/image.gif" alt="" /></a> <a
href="#"><img src="images/image.gif" alt="" /></a> You can put lots of interesting
stuff in this side bar. Some suggested uses are: personal images, intro text, links
to other sites, or leave it blank to give the layout some breathing room. </div>
<div id="content">
<p>Another layout so soon? I must be really bored :] Anyways, this one looks
like it might do well as a business site. The first line of each paragraph will
always be bolded (css magic), and the list item marked with id="current" tells the
browser where to put the little arrow that shows where you are in the navigation
scheme. Unfortunately, ie only does hovers on anchor tags, and not images, so all
you explorer people will have to live without the neat hover effect on images, too
bad ;] The picture on top comes from sxc.hu, feel free to replace it, but I think
it adds to the mood, and as usual, the rest of the page will be filled with greeked
passages. Enjoy.</p>
<p> Donec luctus nunc quis dui. Morbi placerat. Sed ut nunc. Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh. In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.</p>
<p> Donec luctus nunc quis dui. Morbi placerat. Sed ut nunc. Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh. In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.</p>
<p> Donec luctus nunc quis dui. Morbi placerat. Sed ut nunc. Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh. In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.</p>
<p> Donec luctus nunc quis dui. Morbi placerat. Sed ut nunc. Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh. In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.</p>
<p> Donec luctus nunc quis dui. Morbi placerat. Sed ut nunc. Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh. In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.</p>
</div>
<div id="footer"><a href="#">footer link</a> | <a href="#">footer link</a></div>
</div>
</body>
</html>
<!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>
<title>Restaurant</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#"><img src="images/logo.gif" alt="" /></a></h1>
<ul id="nav">
<li><a href="#">HOME</a> | </li>
<li><a href="#">RESTAURANT</a> | </li>
<li><a href="#">MENUS</a> | </li>
<li><a href="#">RESERVATIONS</a> | </li>
<li><a href="#">EVENTS</a> | </li>
<li><a href="#">CONTACT US</a></li>
</ul>
<!-- end nav -->
<div id="welcome">
<h2><img src="images/title_welcome.gif" alt="Welcome to our Restaurant"
/></h2>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here. Some demo text goes here. Some demo text goes here. Some demo text goes here.
Some demo text goes here. Some demo text goes here. Some demo text goes here. Some
demo text goes here. Some demo text goes here. Some demo text goes here. Some demo
text goes here. Some demo text goes here. Some demo text goes here. Some demo text
goes here. Some demo text goes here. Some demo text goes here. Some demo text goes
here. Some demo text goes here. Some demo text goes here. Some demo text goes here.
Some demo text goes here. Some demo text goes here. Some demo text goes here.</p>
</div>
<!-- end welcome -->
</div>
<!-- end header -->
<div id="body">
<div id="body-i">
<h2 id="hspecials"><img src="images/title_menus.gif" alt="Our Special
Menus" /></h2>
<div id="specials">
<div style="background-image: url(images/picture_1.jpg);" class="imagebox">
<h3><a href="#">Menu Name</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text
goes here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<div style="background-image: url(images/picture_2.jpg);" class="imagebox">
<h3><a href="#">Menu Name</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text
goes here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<div style="background-image: url(images/picture_3.jpg);" class="imagebox">
<h3><a href="#">Menu Name</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text
goes here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
</div>
<!-- end specials -->
<h2 id="hevents"><img src="images/title_events.gif" alt="Special Events"
/></h2>
<div id="events">
<h3><a href="#">02.04.2005</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
<h3><a href="#">03.04.2005</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
<h3><a href="#">04.04.2005</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
<h3><a href="#">05.04.2005</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<!-- end events -->
<div class="clear" id="spacer"></div>
</div>
</div>
<!-- end body -->
<div id="hotstuff">
<h2><img src="images/title_hot.gif" alt="Today's Hot" /></h2>
<div style="background-image: url(images/picture_4.jpg);" id="hot-one"
class="imagebox">
<h3><a href="#">Today's Hot Item Name</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<div style="background-image: url(images/picture_5.jpg);" id="hot-two"
class="imagebox">
<h3><a href="#">Today's Hot Item Name</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<div style="background-image: url(images/picture_6.jpg);" id="hot-three"
class="imagebox">
<h3><a href="#">Today's Hot Item Name</a></h3>
<p>Some demo text goes here. Some demo text goes here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<div class="clear"></div>
</div>
<!-- end hotstuff -->
</div>
<!-- end wrapper -->
<div id="footer"> Powered by <a href="http://www.freewebsitetemplates.com">Free
Website Templates</a> </div>
<!-- end footer -->
</body>
</html>
<!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>Affection</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Affection</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="content">
<div id="welcome">
<h1 class="title">Welcome to Affection!</h1>
<div class="content">
<p><strong>Affection</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div class="floating-box">
<h2 class="heading">Lorem Ipsum</h2>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue
rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue,
and nibh. In posuere eleifend odio quisque semper augue mattis wisi maecenas.</p>
<ul>
<li><a href="#">Maecenas luctus lectus at </a></li>
<li><a href="#">Etiam rhoncus volutpat </a></li>
<li><a href="#">Donec dictum metus in </a></li>
<li><a href="#">Integer gravida nibh quis </a></li>
<li><a href="#">Etiam posuere augue sit </a></li>
</ul>
</div>
<div class="floating-box">
<h2 class="heading">Quisque Dictum</h2>
<p>Quisque dictum integer nisl risus, sagittis convallis. Donec leo, vivamus
fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
<h3>A Heading Level Three</h3>
<p>Rutrum id congue und nibh:</p>
<ol>
<li><a href="#">Maecenas luctus lectus at </a></li>
<li><a href="#">Etiam rhoncus volutpat </a></li>
<li><a href="#">Donec dictum metus in </a></li>
<li><a href="#">Integer gravida nibh quis </a></li>
<li><a href="#">Etiam posuere augue sit </a></li>
</ol>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="H"><b>H</b>omepage</a></li>
<li><a href="#" accesskey="A"><b>A</b>bout Us</a></li>
<li><a href="#" accesskey="P"><b>P</b>roducts</a></li>
<li><a href="#" accesskey="S"><b>S</b>ervices</a></li>
<li><a href="#" accesskey="C"><b>C</b>ustomer Support</a></li>
<li><a href="#" accesskey="U">Contact <b>U</b>s</a></li>
</ul>
</div>
<div id="links">
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Maecenas luctus at</a></li>
<li><a href="#">Etiam volutpat erat</a></li>
<li><a href="#">Donec dictum metus</a></li>
</ul>
</div>
<div>
<h2>A Blockquote</h2>
<blockquote>
<p>Quisque dictum integer nisl risus, sagittis convallis. Donec leo,
vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
</blockquote>
</div>
</div>
<!-- end #sidebar -->
<div id="extra" style="clear: both; height: 1px;"></div>
</div>
<!-- end #page -->
<div id="footer">
<p class="links"><a href="#">Privacy</a> · <a href="#">Terms</a> ·
Designed By <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>
· <a href="http://validator.w3.org/check/referer" title="This page validates
as XHTML 1.0 Strict"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> · <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
<p class="legal">© 2007 Affection</p>
</div>
</div>
</body>
</html>
<!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>Chromz</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Chromz</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="wrapper">
<div id="col-one">
<div class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value=""
class="textfield" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value=""
class="textfield" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" class="button" />
<p class="tiny"><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div class="boxed">
<h2 class="title">Site Search</h2>
<div class="content">
<form id="form2" method="get" action="#">
<fieldset>
<legend>Search</legend>
<input id="inputtext3" type="text" name="inputtext3" value=""
class="textfield" />
<input id="inputsubmit2" type="submit" name="inputsubmit2" value="Search"
class="button" />
<p class="tiny"><a href="#">Advanced Search</a></p>
</fieldset>
</form>
</div>
</div>
<div class="boxed">
<h2 class="title">Newsletter</h2>
<div class="content">
<form id="form3" method="post" action="#">
<fieldset>
<legend>Subscribe</legend>
<label for="inputtext4">Email:</label>
<input id="inputtext4" type="text" name="inputtext4" value=""
class="textfield" />
<input id="inputsubmit3" type="submit" name="inputsubmit3"
value="Subscribe" class="button" />
</fieldset>
</form>
</div>
</div>
</div>
<div id="col-two">
<div class="boxed">
<h2 class="title">Welcome to Chromz!</h2>
<div class="content">
<p><strong>Chromz</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div class="boxed">
<h2 class="title">Examples of Common Tags</h2>
<div class="content">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="col-three">
<div class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Chromz. All Rights Reserved.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a> | Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>
<title>Church Site 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">Church Site V.2 </div>
<div id="headermenu"> <a href="#">Forum Login</a> - <a href="#">Forum
Registration</a></div>
</div>
<div id="menubar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sunday Bulletin</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Beliefs</a></li>
<li><a href="#">Ministries</a></li>
<li><a href="#">Leadership</a></li>
<li><a href="#">Podcasts</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="leftpic">
<div id="leftsidebar">
<h2>Church Services</h2>
<div id="leftsidebartext">
<p><b>Wednesday Night:</b></p>
<p>6:30pm - 7:15pm</p>
<br/>
<p><b>Sunday:</b></p>
<p>Morning: 8:00 - 8:45</p>
<p>Afternoon: 10 - 10:45</p>
<p>Night: 6:00 - 6:45</p>
</div>
<h3>Contact Information</h3>
<div id="leftsidebartext1">
<p> <a href="#">Get Directions</a></p>
<p>Phone: 888-555-5555</p>
<p>Email: <a href="#">[email protected]</a></p>
</div>
</div>
</div>
<div id="rightpic">
<div id="rightsidebar">
<h2>Latest Sermons</h2>
<div id="rightsidebartext">
<ul>
<li><a href="#">Mathew</a></li>
<li><a href="#">Romans</a></li>
<li><a href="#">Revalations</a></li>
<li><a href="#">Ruth</a></li>
</ul>
</div>
<h3>Recent Forum Posts</h3>
<div id="rightsidebartext1">
<ul>
<li><a href="#">Prayer Request</a></li>
<li><a href="#">Recommended Books</a></li>
<li><a href="#">Open Designs Community</a></li>
<li><a href="#">How to...</a></li>
<li><a href="#">Issues on...</a></li>
<li><a href="#">Good online resources</a></li>
<li><a href="#">Need help!</a></li>
<li><a href="#">Stay healthy</a></li>
</ul>
</div>
</div>
</div>
<div id="content">
<div id="middlepic"></div>
<div id="contenttxt">
<h2>Latest News</h2>
<br/>
<b>Moving to New York</b><br/>
Monday, February 10, 2007<br/>
<br/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris velit
nisi, vehicula eget, fermentum vitae, ultrices vitae, orci. Fusce blandit nibh id
ante. Mauris lobortis dignissim massa. Donec eleifend sodales elit.</p>
<br/>
<br/>
<h2>New Design</h2>
<br/>
<b>New Site Design is up!</b><br/>
Monday, February 9, 2007<br/>
<br/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris velit
nisi, vehicula eget, fermentum vitae, ultrices vitae, orci. Fusce blandit nibh id
ante. Mauris lobortis dignissim massa. Donec eleifend sodales elit.</p>
</div>
</div>
<div id="footer">
<div id="footer_text"> © 2007 Your Church - All Rights Reserved. - <a
href="#">[email protected]</a><br/>
Designed by <a href="http://refueled.net">RFDN</a></div>
</div>
</div>
</body>
</html>
<!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>Citrus Island</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/CitrusIsland.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<form method="post" class="search" action="#">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1 id="logo">citrus<span>island</span></h1>
<h2 id="slogan">put your website slogan here...</h2>
</div>
<div id="menu">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="sidebar" >
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Template</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"To know what you know and know what you don't know is the
characteristic of one who knows"</p>
<p class="align-right">- Confucius</p>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Citrus Island 1.1</strong> is is a free, W3C-compliant, CSS-based
website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a href="http://www.styleshout.com/">my
website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read more</a>
<a href="#" class="comments">Comments (7)</a> <span class="date">Oct 11,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>example of</li>
<li>ordered list</li>
</ol>
<ul>
<li>example of</li>
<li>unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
<div id="rightbar">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
<h1>Header Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit... </p>
</div>
</div>
<div id="footer">
<div id="footer-content">
<div id="footer-right"> <a href="#">Home</a> | <a href="#">Site Map</a> | <a
href="#">RSS Feed</a> </div>
<div id="footer-left"> © Copyright 2006 <strong>Your
Company</strong> Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </div>
</div>
</div>
</body>
</html>
<!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>Citrus Island</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/CitrusIsland.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<form method="post" class="search" action="#">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1 id="logo">citrus<span>island</span></h1>
<h2 id="slogan">put your website slogan here...</h2>
</div>
<div id="menu">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="sidebar" >
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Template</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"To know what you know and know what you don't know is the
characteristic of one who knows"</p>
<p class="align-right">- Confucius</p>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Citrus Island 1.1</strong> is is a free, W3C-compliant, CSS-based
website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a href="http://www.styleshout.com/">my
website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read more</a>
<a href="#" class="comments">Comments (7)</a> <span class="date">Oct 11,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>example of</li>
<li>ordered list</li>
</ol>
<ul>
<li>example of</li>
<li>unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
<div id="rightbar">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
<h1>Header Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit... </p>
</div>
</div>
<div id="footer">
<div id="footer-content">
<div id="footer-right"> <a href="#">Home</a> | <a href="#">Site Map</a> | <a
href="#">RSS Feed</a> </div>
<div id="footer-left"> © Copyright 2006 <strong>Your
Company</strong> Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </div>
</div>
</div>
</body>
</html>
<!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>City Nightlife</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
</head>
<body>
<div class="content">
<h1>City Nightlife</h1>
<div class="left">
<div class="left_content">
<h2><a href="#">Perfect night on the town!</a></h2>
<p><img src="images/pic.gif" alt="X" />Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat.</p>
</div>
<div class="left_content">
<h2><a href="#">Lorem Ipsum</a></h2>
<p><img src="images/pic.gif" alt="X" />Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat.</p>
</div>
</div>
<div class="right">
<div class="uppermenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">About</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="lowermenu">
<div class="box">
<h2>1587</h2>
<p>users</p>
</div>
<div class="box">
<h2>12548</h2>
<p>images</p>
</div>
</div>
</div>
<div class="bottom">
<div class="related">
<h2>Related entries:</h2>
<p>ENTRIES YOU MIGHT WANT TO READ</p>
<p class="leftlist"><img src="images/redbullet.gif" alt="" /> <b><a
href="#">Lorem Ipsum</a></b> - 19.03.2006.</p>
<p class="leftlist"><img src="images/redbullet.gif" alt="" /> <b><a
href="#">Lorem Ipsum</a></b> - 15.03.2006.</p>
<p class="leftlist"><img src="images/redbullet.gif" alt="" /> <b><a
href="#">Lorem Ipsum</a></b> - 12.03.2006.</p>
<p class="leftlist"><img src="images/redbullet.gif" alt="" /> <b><a
href="#">Lorem Ipsum</a></b> - 27.02.2006.</p>
</div>
<div class="worth">
<h2>Worth visit:</h2>
<p>WEB SITES WORTH VISITING</p>
<p class="rightlist"><img src="images/bluebullet.gif" alt="" /> <b><a
href="#">Solucija</a></b> - The home of sNews and CSS templates</p>
<p class="rightlist"><img src="images/bluebullet.gif" alt="" /> <b><a
href="#">360 Web Design</a></b> - Accessible Web Design</p>
<p class="rightlist"><img src="images/bluebullet.gif" alt="" /> <b><a
href="#">Open Web Design</a></b> - Free CSS Templates</p>
<p class="rightlist"><img src="images/bluebullet.gif" alt="" /> <b><a
href="#">Concept Nova</a></b> - Accessible Web Frameworks</p>
</div>
</div>
</div>
<div class="footer">
<p>© 2006 Your Company, Design: Luka Cvrk, <a
href="http://www.solucija.com/" title="What's your solution?">Solucija</a> - <a
href="http://validator.w3.org/check?uri=referer" title="Validate">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/check/referer"
title="Validate">CSS</a></p>
</div>
</body>
</html>
<!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>City Scape</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">City Scape</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
</div>
<div id="splash"><img src="images/img02.jpg" alt="" width="760" height="140"
/></div>
<div id="content">
<div id="colOne">
<h2 class="section">Welcome to City Scape!</h2>
<div class="content">
<p>City Scape is a free template from <strong>Free CSS Templates</strong>
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis.</p>
<h3>Lorem Ipsum Dolorem</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
</ul>
</div>
<div class="boxed">
<h2>Lorem Ipsum Dolore </h2>
<div class="content">
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare.</p>
</div>
</div>
</div>
<div id="colTwo">
<h2 class="section">Recent Updates</h2>
<div class="content">
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum
erat. Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
</div>
<div class="boxed">
<h2>Ipsum Dolorem</h2>
<div class="content">
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 City Scape. Designed by <a
href="http://www.freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: CleanBusiness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CleanBusiness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper">
<!--
###################################################################################
#################### -->
<div id="header">
<div class="fl_left">
<h1><a href="#">CleanBusiness</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="topbar">
<div class="fl_left">
<p>Tel: xxxxx xxxxxxxxxx | Mail: [email protected]</p>
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
<input type="submit" name="go" id="go" value="GO" />
</fieldset>
</form>
</div>
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="intro">
<div class="fl_left"> <a href="#"><img src="images/demo/360x330.gif" alt=""
/></a> </div>
<div class="fl_right">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
</div>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="homecontent">
<ul>
<li>
<h2>Nullamlacus dui ipsum</h2>
<img class="imgl" src="images/demo/60x60.gif" alt="" />
<p>Nullamlacus dui ipsum conseque lobor ttis non euisque morbi pen as
dapibulum orna. Urna ultrices quis curabitur phas nullamlacus. Nullamlacus dui
ipsum conseque lobor ttis non euisque morbi penas dapibulum orna. Urna ultrices
quis curabitur phas ellen tesque con gue magnis vestibulum quismodo nulla et feu
giat adipiscin iapellentum leo ut.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2>Nullamlacus dui ipsum</h2>
<img class="imgl" src="images/demo/60x60.gif" alt="" />
<p>Nullamlacus dui ipsum conseque lobor ttis non euisque morbi pen as
dapibulum orna. Urna ultrices quis curabitur phas nullamlacus. Nullamlacus dui
ipsum conseque lobor ttis non euisque morbi penas dapibulum orna. Urna ultrices
quis curabitur phas ellen tesque con gue magnis vestibulum quismodo nulla et feu
giat adipiscin iapellentum leo ut.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Nullamlacus dui ipsum</h2>
<img class="imgl" src="images/demo/60x60.gif" alt="" />
<p>Nullamlacus dui ipsum conseque lobor ttis non euisque morbi pen as
dapibulum orna. Urna ultrices quis curabitur phas nullamlacus. Nullamlacus dui
ipsum conseque lobor ttis non euisque morbi penas dapibulum orna. Urna ultrices
quis curabitur phas ellen tesque con gue magnis vestibulum quismodo nulla et feu
giat adipiscin iapellentum leo ut.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="imageline">
<ul>
<li><a href="#"><img src="images/demo/174x100.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x100.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x100.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x100.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/174x100.gif" alt=""
/></a></li>
</ul>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="footer">
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<br class="clear" />
</div>
</body>
</html><!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>Green Football</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<!-- Start Wrapper -->
<div id="wrapper">
<!-- Begin Logo -->
<div id="leftcolumn">
<h1><a href="#">Free CSS Templates</a></h1>
</div>
<!-- End Logo -->
<!-- Begin Right Utility Links -->
<div id="centercolumn">
<ul class="mainnav">
<li><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Code-Sucks</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
<!-- End Right Utility Links -->
<!-- Begin Banner -->
<img src="images/top-text.jpg" alt="Feature Text" /><br />
<br />
<!-- End Banner -->
<!-- Begin Main Left Column -->
<div class="mainleftcolumn"><img src="images/cs-feature.jpg" alt="Feature Image
Number 1" /> <img src="images/cs-feature-2.jpg" alt="Feature Image Number 2"
/>
<div class="main-content">
<h1>Lorem Ipsum</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor.<br />
<br />
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostris nostrud e
xercitation ullamco <br />
<br />
laboris nisi ut aliquip ex ea commodo consequat. Duis aute iru.</div>
<div class="main-content">
<h1>Lorem Ipsum</h1>
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias
excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem
rerum</div>
<div class="main-content">
<h1>Lorem Ipsum</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor.<br />
<br />
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostris nostrud e
xercitation ullamco <br />
<br />
laboris nisi ut aliquip ex ea commodo consequat. Duis aute iru.</div>
</div>
<!-- End Main Left Column -->
<!-- Begin Main Right Column -->
<div class="mainrightcolumn">
<!-- Begin Right Blue Content -->
<img src="images/mainrighttop.jpg" style="display:block;" alt="" />
<div class="left-mid">
<h1>Hello There.. </h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor.<br />
<br />
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostris nostrud e
xercitation ullamco <br />
<br />
laboris nisi ut aliquip ex ea commodo consequat. Duis aute iru. <br />
<br />
<h1>Upcoming Events </h1>
<ul>
<li>16.12.06 - Winter ball</li>
<li>17.12.06 - Earners Forum Party</li>
<li>18.12.06 - Wicked Fire Dance</li>
<li>19.12.06 - Eire Studio Festival</li>
<li>25.12.06 - Santa's Coming :)</li>
<li>11.01.07 - Keith Donegan B'Day</li>
</ul>
<br />
<h1>Industry News </h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor.<br />
<br />
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostris nostrud e
xercitation ullamco <br />
<br />
laboris nisi ut aliquip ex ea commodo consequat. Duis aute iru. </div>
<img src="images/mainrightbottom.jpg" style="display:block;" alt="bottom
banner" />
<!-- End Right Blue Content -->
<div class="left-bottom">
<h1>Keith Donegan</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor.<br />
<br />
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostris nostrud e
xercitation ullamco <br />
<br />
laboris nisi ut aliquip ex ea commodo consequat. Duis aute iru. </div>
</div>
<div id="footer"> Copyright © with <a href="http://www.code-
sucks.com/">Code-Sucks.com</a> 2006/07
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict"
height="31" width="88" /></a> <a href="http://jigsaw.w3.org/css-validator/"> <img
style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-
validator/images/vcss" alt="Valid CSS!" /> </a> </div>
</div>
<!-- End Wrapper -->
</body>
</html>
<!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>Clothes Fasion template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="header">
<h1><em>Clothes</em><strong>COLLECTION</strong></h1>
</div>
<div id="left-person"></div>
<div id="uppers">
<form action="#">
<select name="gender">
<option value="w">woman</option>
<option value="w">man</option>
</select>
<input type="text" name="q" value="Enter product code" id="q" />
<input type="image" name="s" src="images/btn_header.gif" id="s" />
</form>
<div id="nav-top">
<ul>
<li><a href="#">Site map</a> |</li>
<li><a href="#">Advertisement</a> |</li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
</div>
<div id="nav">
<div>
<ul>
<li><a href="#">HOME</a> | </li>
<li><a href="#">NEWS</a> | </li>
<li><a href="#">ACCESSORIES</a> | </li>
<li><a href="#">MEN COLLECTION</a> | </li>
<li><a href="#">WOMEN COLLECTION</a> | </li>
<li><a href="#">KIDS COLLECTION</a></li>
</ul>
</div>
</div>
<div id="body">
<h2><em>Welcome</em> to our site</h2>
<p>This is a template designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a> 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 class="more"><a href="#">more</a></p>
</div>
<div id="black-tl">
<div id="black-tr">
<div id="black-br">
<div id="black-bl">
<div class="black-box">
<h2><em>Men</em> collection</h2>
<p><img src="images/pic_1.jpg" width="120" height="105" alt="Pic 1"
/></p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p class="more">> > <a href="#">more</a></p>
</div>
<div class="black-box">
<h2><em>Women</em> collection</h2>
<p><img src="images/pic_2.jpg" width="120" height="105" alt="Pic 2"
/></p>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="more">> > <a href="#">more</a></p>
</div>
<div class="black-box">
<h2><em>Kids</em> collection</h2>
<p><img src="images/pic_3.jpg" width="120" height="105" alt="Pic 3"
/></p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the <a href="#">forum</a>.</p>
<p class="more">> > <a href="#">more</a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="tips">
<h2><em>Fasion</em> tips</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse metus.
Nunc at velit a erat dapibus ullamcorper. Mauris posuere lacus et libero. Fusce
pretium</p>
<p class="more"><a href="#">more</a></p>
</div>
<div id="choose">
<h2><em>Choose</em> a designer</h2>
<p>vestibulum. Aliquam erat volutpat. Sed pede erat </p>
<p>Choose a Designer</p>
<form action="#">
<select name="q">
<option value="">Designer</option>
</select>
<input type="image" name="submit" src="images/btn_footer.gif" id="submit" />
</form>
</div>
</div>
<div class="clear"></div>
<div id="copyright"> Copyright information goes here. All rights reserved |
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
</body>
</html>
<!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>
<title>Clouds</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="page">
<div id="header">
<div id="headerimg">
<h1><a href="#">Free Website</a></h1>
<div class="description">Just another free website template</div>
</div>
</div>
<hr />
<div id="content" class="narrowcolumn">
<div class="post" id="post-1">
<h2><a href="#">Hello world!</a></h2>
<small>May 7th, 2007</small>
<div class="entry">
<p>Welcome to website. This is your first post. Edit or delete it, then
start blogging!</p>
<p>Curabitur odio pede, accumsan vel, mollis quis, pulvinar vel, urna.
Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque. Vestibulum id
mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus ut, hendrerit
id, facilisis et, neque. Curabitur odio pede, accumsan vel, mollis quis, pulvinar
vel, urna. Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque.
Vestibulum id mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus
ut, hendrerit id, facilisis et, neque.</p>
<p>Curabitur odio pede, accumsan vel, mollis quis, pulvinar vel, urna.
Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque. Vestibulum id
mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus ut, hendrerit
id, facilisis et, neque. Curabitur odio pede, accumsan vel, mollis quis, pulvinar
vel, urna. Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque.
Vestibulum id mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus
ut, hendrerit id, facilisis et, neque.</p>
</div>
<p class="postmetadata">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
</div>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></div>
</div>
</div>
<div id="sidebar">
<ul>
<li>
<form method="get" id="searchform" action="#">
<div>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
</li>
<li class="pagenav">
<h2>Pages</h2>
<ul>
<li class="page_item"><a href="#">About</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">May 2007</a></li>
</ul>
</li>
<li class="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Uncategorized</a> (1)</li>
</ul>
</li>
<li></li>
</ul>
</div>
<hr />
<div id="footer">
<p>© Your Website Name.</p>
</div>
<div class="design_copyright"> Web design by <a href="http://www.sarkis-
webdesign.com/" class="website_designer">Sarkis.</a></div>
</div>
</body>
</html>
<!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>Ahoy!</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Ahoy!</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="H"><b>H</b>ome</a></li>
<li><a href="#" accesskey="P" title="Plan a Cruise"><b>P</b>lan a
Cruise</a></li>
<li><a href="#" accesskey="S" title="Customer Support">Customer
<b>S</b>upport</a></li>
<li><a href="#" accesskey="U" title="About Us">About <b>U</b>s</a></li>
<li><a href="#" accesskey="C" title="Contact Us"><b>C</b>ontact Us</a></li>
</ul>
</div>
</div>
<div id="page">
<div id="content">
<div id="welcome" class="boxed2">
<h1 class="title">Welcome to Ahoy!</h1>
<div class="content">
<p><strong>Ahoy</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You"re free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div id="sample1" class="boxed3">
<h2 class="title">Wisi Maecenas Ligula</h2>
<div class="content">
<ul>
<li><a href="#">Mauris vulputate dolor sit amet</a></li>
<li><a href="#">Nulla luctus eleifend purus</a></li>
<li><a href="#">Praesent scelerisque lorem</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus quam</a></li>
<li><a href="#">Fusce ultrices fringilla metus</a></li>
<li><a href="#">Praesent mattis condimentuml</a></li>
</ul>
</div>
</div>
<div id="sample2" class="boxed3">
<h2 class="title">Pellentesque Tempus</h2>
<div class="content">
<ol>
<li><a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula.</a></li>
<li><a href="#">Donec leo, vivamus fermentum nibh in augue
praesent.</a></li>
<li><a href="#">Quisque dictum integer nisl risus sagittis convallis
rutrum.</a></li>
</ol>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="news" class="boxed1">
<h2 class="title">News & Updates</h2>
<div class="content">
<ul>
<li>
<h3>April 12th: <a href="#">Lorem Ipsum Dolor</a></h3>
<p>In posuere eleifend odio quisque semper augue mattis wisi maecenas
ligula. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 3rd: <a href="#">Sagittis Et Convallis</a></h3>
<p>Donec leo, vivamus fermentum nibh in augue praesent lorem ipsum
dolor a lacus at urna congue rutrum. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 1st: <a href="#">Integer Nisl Risus</a></h3>
<p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Read more…</a></p>
</li>
</ul>
</div>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright © 2007 Ahoy! Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>
<title>CLOUDS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div id="header">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<h1>*Clouds*</h1>
</div>
</div>
<div id="gutter"></div>
<div id="col1">
<h2>Heading</h2>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE templates visit my website.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In elit. Vestibulum
tortor justo, lacinia ut, ullamcorper ac, interdum at, mauris. Proin metus nulla,
aliquet sit amet, nonummy nec, dictum vitae, ligula. Duis et augue et mi
scelerisque convallis. Morbi augue nisi, pharetra ut, consequat vel, adipiscing
vel, erat. Vestibulum commodo mollis odio. Curabitur vehicula rutrum odio. Integer
posuere. Vestibulum euismod magna eu orci. Praesent erat. Nunc volutpat.
Pellentesque sollicitudin. Morbi sagittis aliquam purus.</p>
<div style="float: right; width: 125px; height: 7em; margin: 25px 0 15px 15px;
font-family: Georgia, arial, helvetica; font-size: 16px; line-height: 1.5em; color:
#666; text-align: right;"> <span style="color:#333;"><img src="images/quote.gif"
alt="quote"/>.... this is a </span>magazine style <span style="color:
#999;">pullquote .... <img src="images/unquote.gif" alt="unquote"/></span> </div>
<p> This is a <a href="#">link</a> to nowhere. Integer posuere. Vestibulum
euismod magna eu orci. Praesent erat. Nunc volutpat. Pellentesque sollicitudin.
Morbi sagittis aliquam purus. Duis nisl. Phasellus ut arcu eu mauris consequat
venenatis. Curabitur commodo. Etiam ultricies tristique dolor. Etiam rhoncus congue
pede. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In elit. Vestibulum
tortor justo, lacinia ut, ullamcorper ac, interdum at, mauris. Proin metus nulla,
aliquet sit amet, nonummy nec, dictum vitae, ligula. Duis et augue et mi
scelerisque convallis. Morbi augue nisi, pharetra ut, consequat vel, adipiscing
vel, erat. Vestibulum commodo mollis odio. Curabitur vehicula rutrum odio. Integer
posuere. Vestibulum euismod magna eu orci. Praesent erat. Nunc volutpat.
Pellentesque sollicitudin. Morbi sagittis aliquam purus. Duis nisl. Phasellus ut
arcu eu mauris consequat venenatis. Curabitur commodo. Etiam ultricies tristique
dolor. Etiam rhoncus congue pede. Morbi sagittis aliquam purus. Duis nisl.
Phasellus ut arcu eu mauris consequat venenatis. Curabitur commodo. Etiam ultricies
tristique dolor. Etiam rhoncus congue pede.</p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="col2">
<h3>Photo Gallery</h3>
<div id="gallery"> <a href="#"><img src="images/img3.jpg" alt="" /></a> <a
href="#"><img src="images/img3.jpg" alt="" /></a> <a href="#"><img
src="images/img3.jpg" alt="" /></a> <a href="#"><img src="images/img3.jpg"
alt="" /></a> <a href="#"><img src="images/img3.jpg" alt="" /></a> <a href="#"><img
src="images/img3.jpg" alt="" /></a> <a href="#"><img src="images/img3.jpg"
alt="" /></a> <a href="#"><img src="images/img3.jpg" alt="" /></a> <a href="#"><img
src="images/img3.jpg" alt="" /></a> <a href="#"><img src="images/img3.jpg"
alt="" /></a> <a href="#"><img src="images/img3.jpg" alt="" /></a> <a href="#"><img
src="images/img3.jpg" alt="" /></a> <a href="#"><img src="images/img3.jpg"
alt="" /></a> <a href="#"><img src="images/img3.jpg" alt="" /></a> <a href="#"><img
src="images/img3.jpg" alt="" /></a>
<p> </p>
<p> </p>
<div class="clear"></div>
</div>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</body>
</html>
<!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>Clouds Up</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" media="all" type="text/css" />
</head>
<body>
<div id="header">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Domain</a></li>
<li><a href="#">Visitor</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="content">
<h1>Home</h1>
<h2>Subtitle of Some Sort (remove if you wish)</h2>
<p><strong>You are free to change or tweak the layout, meeting your needs and
tastes. Keeping the credit isn't mandatory either, but it's nice.</strong></p>
<p><strong>There's supposed to be a body background. If it doesn't show, go to my
website to see the original layout.</strong></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ut nibh
a sapien accumsan sollicitudin. Nam aliquam, velit quis scelerisque consectetuer,
est massa sodales augue, id feugiat felis odio a orci. Praesent commodo sapien vel
lectus. Donec lacinia lorem sit amet ipsum. Suspendisse ante ligula, condimentum
et, blandit et, rutrum eu, metus. Aenean quis metus. Nunc ultrices, augue vitae
porttitor lacinia, arcu metus luctus nibh, sed volutpat tortor risus non quam. <a
href="#">Quisque ultricies molestie enim</a>. Quisque ac velit. Morbi ultrices
malesuada elit. Aenean vulputate, massa quis egestas nonummy, eros metus gravida
odio, vitae pretium risus lectus eu metus. Donec consectetuer. Suspendisse et ante
id quam sagittis luctus. Cras scelerisque. Etiam rutrum. In vehicula nisl
condimentum est. Mauris consequat pede a diam. Donec mattis massa ut mauris.</p>
<p>An image:</p>
<img src="sample.jpg" alt="sample.jpg" />
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Phasellus lacus dolor, viverra vitae, vehicula ut, rhoncus vitae,
pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Nunc dolor pede, varius ut, vestibulum faucibus, venenatis at, erat.
Nunc feugiat tincidunt mauris. Nunc imperdiet. Pellentesque augue est, interdum
eget, mollis id, interdum quis, lacus. Integer mauris turpis, iaculis ut, hendrerit
vitae, pellentesque sit amet, pede. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Ut eget eros nec justo consectetuer
aliquam. Integer sagittis. In rhoncus viverra nisl. Vestibulum quis odio. Aenean eu
diam. Curabitur vel nunc.</p>
<p>Unordered list:</p>
<ul>
<li>Donec volutpat ligula id nisi.</li>
<li>Quisque hendrerit condimentum justo.</li>
<li>Nullam bibendum suscipit leo.</li>
<li>Sed vestibulum felis et libero.</li>
</ul>
<p>A quote:</p>
<blockquote>
<p>Ut orci. Fusce condimentum tincidunt urna. Phasellus scelerisque, pede sit
amet vehicula scelerisque, augue lacus volutpat tortor, ut tempus velit ligula sed
urna. Donec eget justo. Quisque eget eros vel magna ultricies vehicula. Donec
nonummy pretium ipsum. Praesent arcu sem, posuere ac, vestibulum quis, tincidunt
sed, ante. Aliquam ligula nisl, ultrices ut, faucibus nec, pretium id, mi.
Curabitur molestie malesuada lorem. In pulvinar, risus vel blandit sollicitudin,
libero elit tempus nulla, vitae faucibus urna dolor et mauris. Duis erat. Cras
volutpat pellentesque nisl. Phasellus venenatis velit quis ipsum. Curabitur
eleifend, risus vel sollicitudin ornare, velit mi egestas mi, sed placerat tortor
odio ut turpis.</p>
</blockquote>
</div>
<div id="footer">design by <a href="http://one-am.net/">karen</a> / © your
name</div>
</body>
</html>
<!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>
<title>CLOUDS 2</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="wrapper">
<div id="banner"><a href="#">Homepage</a> | <a href="#">contact</a> </div>
<div id="header">
<h1>Your <span style="color: #7AB900;">Company</span> Name</h1>
</div>
<div id="sidebar">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
<li><a href="#">Item six</a></li>
<li><a href="#">Item seven</a></li>
<li><a href="#">Item eight</a></li>
<li><a href="#">Item nine</a></li>
<li><a href="#">Item ten</a></li>
</ul>
</div>
<h2>Heading</h2>
<p>Vestibulum imperdiet. Praesent sit amet tellus. Proin lobortis. Nam quis
pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean a velit ut
purus tempor semper. Proin id mi sit amet magna porta faucibus. Praesent cursus,
risus in facilisis placerat, erat mauris lacinia leo, vitae euismod nibh ipsum sit
amet mauris.</p>
</div>
<div id="content">
<h3>Welcome to <span style="color:#336799;">Clouds 2</span> Template</h3>
<blockquote>All images were created by me so feel free to use them if you wish.
This page has been tested in Mozilla and IE7 and validates as XHTML 1.0
Transitional using valid CSS.<br />
This is a <a href="#">LINK</a> to nowhere. For more FREE CSS templates visit
my website.</blockquote>
<div style="float: right; width: 150px; height: 7em; margin-top: 5px; margin-
bottom: 10px; margin-left: 10px; margin-right: 10px; font-family: Georgia, arial,
helvetica; font-size: 18px; line-height: 1.5em; color: #666; text-align: right;">
<span style="color:#036;"><img src="img/quote.gif" alt="quote"/>.... For more FREE
</span>templates visit <span style="color: #999;">my website .... <img
src="img/unquote.gif" alt="unquote"/></span> </div>
<p> Vestibulum imperdiet. Nunc in sapien. Sed feugiat arcu quis lorem. Vivamus
ac odio at nulla tincidunt imperdiet. Integer consectetuer, dui in iaculis
tincidunt, nisl ante auctor libero, nec pulvinar quam massa id erat. Etiam bibendum
nulla eu mi. Phasellus ut justo. Aliquam consectetuer volutpat enim. Cras venenatis
posuere justo. Vivamus quis nisl vehicula risus eleifend vehicula. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam nec
turpis vel pede viverra porta.</p>
<h3>Heading</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean a velit ut
purus tempor semper. Proin id mi sit amet magna porta faucibus. Praesent cursus,
risus in facilisis placerat, erat mauris lacinia leo, vitae euismod nibh ipsum sit
amet mauris. Morbi libero metus, laoreet eget, interdum nec, suscipit a, purus.
Nunc in sapien. Sed feugiat arcu quis lorem. Vivamus ac odio at nulla tincidunt
imperdiet. Integer consectetuer, dui in iaculis tincidunt, nisl ante auctor libero,
nec pulvinar quam massa id erat. Etiam bibendum nulla eu mi. </p>
<h3>Heading</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean a velit ut
purus tempor semper. Proin id mi sit amet magna porta faucibus. Praesent cursus,
risus in facilisis placerat, erat mauris lacinia leo, vitae euismod nibh ipsum sit
amet mauris. Morbi libero metus, laoreet eget, interdum nec, suscipit a, purus.
Nunc in sapien. Sed feugiat arcu quis lorem. Vivamus ac odio at nulla tincidunt
imperdiet. Integer consectetuer, dui in iaculis tincidunt, nisl ante auctor libero,
nec pulvinar quam massa id erat. Etiam bibendum nulla eu mi. Phasellus ut justo.
Aliquam consectetuer volutpat enim. Cras venenatis posuere justo. </p>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>Coffee Beans</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Coffee Beans</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Coffee Beans!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Coffee Beans</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="extra" style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Coffee Beans. All Rights Reserved. Designed
by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Coffee N Cream</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="container">
<div class="header">
<div class="title">
<h1>Coffee N Cream</h1>
</div>
</div>
<div class="navigation"> <a href="#">Home</a> <a href="#">Suspendisse</a> <a
href="#">Elemen</a> <a href="#">Maecenas</a> <a href="#">Sodales</a>
<div class="clearer"><span></span></div>
</div>
<div class="main">
<div class="content">
<h1>Porttitor posuere</h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est
pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo.
Vestibulum ac ante. Sed in est.</p>
<blockquote>
<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</p>
</blockquote>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam
vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius
mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a>
risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius
pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod
ultricies. </p>
<h1>Adipiscing</h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non
euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante.
Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.
Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim
quam fringilla mi.</p>
<h1>Interdum</h1>
<div class="descr">May 24, 2006 by Lectus</div>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo placerat elit,
eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat
aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat
molestie.</p>
</div>
<div class="sidenav">
<h1>Something</h1>
<ul>
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h1>Another thing</h1>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h1>Third and last</h1>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat molestie</a></li>
</ul>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="footer">© 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://templates.arcsin.se">Arcsin</a> </div>
</div>
</body>
</html>
<!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>CollectiveBlue</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="content">
<div id="left">
<h1 class="text1">CoLLECTIVEBLUE<br />
<span class="text2">Free CSS Template</span></h1>
<p> </p>
<div id="menu1">
<ul>
<li id="menu-01"><a href="#">Home</a></li>
<li id="menu-02"><a href="#">Products</a></li>
<li id="menu-03"><a href="#">Services</a></li>
<li id="menu-04"><a href="#">About Us</a></li>
<li id="menu-05"><a href="#">Contact Us</a></li>
</ul>
</div>
<div>
<p>
<h3><span class="text3">Recent News</span></h3>
</p>
<p><strong>June 09, 2006</strong><br />
In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.
Quisque dictum wisi maecenas integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Learn more...</a></p>
<p><strong>June 05, 2006</strong><br />
In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.
Quisque dictum wisi maecenas integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Learn more...</a></p>
<p><strong>June 01, 2006</strong><br />
In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.
Quisque dictum wisi maecenas integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Learn more...</a></p>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</div>
<div id="colB">
<div class="img1"><img src="images/img03.gif" alt="" width="520"
height="130" /></div>
</div>
<div id="right">
<h2>Welcome to our website!</h2>
<p>COLLECTIVEBLUE is a free template from Free CSS Templates released under a
<a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution
2.5 License</a>. You're free to use it for both commercial or personal use. I only
ask that you link back to my site in some way. Enjoy :)</p>
<p>Donec leo. Vivamus fermentum nibh in augue. Praesent a lacus at urna congue
rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim
nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna
nec eleifend rutrum, nunc lectus vestibulum velit, euismod lacinia quam nisl id
lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo
nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit.
</p>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique
ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id,
elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel
elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur
sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel,
suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
<p><strong>Consectetuer adipiscing elit</strong>. Nam pede erat, porta eu,
lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.
Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium
velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus
lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus
ac magna. Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas.</p>
<p>Donec leo. Vivamus fermentum nibh in augue. Praesent a lacus at urna congue
rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim
nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna
nec eleifend rutrum, nunc lectus vestibulum velit, euismod lacinia quam nisl id
lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo
nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit.
</p>
</div>
</div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>College Music</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div>
<p>Don't forget to check <a href="#">free website templates</a> 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.</p>
<p class="more"><a href="#"><img src="images/more_red.jpg" width="71"
height="14" alt="More" /></a></p>
</div>
</div>
<div id="nav"> <a href="#">Home</a> <a href="#">About us</a> <a
href="#">Services</a> <a href="#">Music</a> <a href="#">Courses</a> <a
class="lastchild" href="#">Contact us</a> </div>
<div id="body">
<div id="body-top">
<div id="body-bot">
<div id="about-box">
<h2><b>About</b> our music</h2>
<img src="images/pic_1.jpg" width="112" height="92" alt="Pic 1"
class="left" />
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </li>
<li>Cras semper erat ut mi. </li>
<li>Proin lobortis ipsum ac erat. </li>
<li>Morbi nec enim vitae est posuere luctus.</li>
</ul>
</div>
<div id="express-box">
<h2><b>Express</b> Learning</h2>
<img src="images/pic_2.jpg" width="112" height="92" alt="Pic 2"
class="left" />
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div class="narrow-text">
<p><a href="#">It is a long</a> established fact that a reader will be
distracted by the readable content of a page when looking at its layout.</p>
<p><a href="#">The point of using</a> Lorem Ipsum is that it has a
more-or-less normal distribution of letters...</p>
</div>
<p class="more"><a href="#"><img src="images/more.gif" width="68"
height="14" alt="More" /></a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="foot">
<div id="foot-top">
<div id="foot-bot">
<div id="what-box">
<h2><b>What</b> we offer</h2>
<img src="images/pic_3.jpg" width="86" height="77" alt="Pic 3"
class="left" />
<ul>
<li><a href="#">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing
elit.</li>
<li>Cras semper erat ut mi. </li>
<li>Proin lobortis ipsum ac erat. </li>
<li>Morbi nec enim vitae est posuere luctus.</li>
</ul>
</div>
<div id="news-box">
<h2><b>News</b> & events</h2>
<img src="images/pic_4.jpg" width="86" height="77" alt="Pic 4"
class="left" />
<ul>
<li><a href="#">Nullam</a> scelerisque consequat libero. </li>
<li><a href="#">Vivamus</a> mattis augue ut augue.</li>
</ul>
<p class="more clear"><a href="#"><img src="images/more.gif" width="68"
height="14" alt="More" /></a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="footer">
<p>© 2006 collegeofmusic.com all right reserved | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Color Pencils</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="main">
<div class="tophead">
<h1 class="logo"><a href="#">Color Pencils</a></h1>
</div>
<div class="header">
<div class="headertext">This was my previous website and was showcased in CSS
Bloom few months ago. I have altered the design a bit, but not entirely. </div>
</div>
<div class="belowheader">
<div id="menu">
<ul>
<li><a href="#" class="active"><span>HOME</span></a></li>
<li><a href="#"><span>ABOUT</span></a></li>
<li><a href="#"><span>GOODIES</span></a></li>
<li><a href="#"><span>PORTFOLIO</span></a></li>
<li><a href="#"><span>BLOG</span></a></li>
<li><a href="#"><span>PHOTO GALLERY</span></a></li>
<li><a href="#"><span>CONTACT ME</span></a></li>
</ul>
</div>
</div>
<div class="contents">
<div class="right">
<div class="rightbox">
<div class="rightboxhead">
<h2>About the Author</h2>
</div>
<div class="rightboxcontent">Morbi dignissim mattis mi. Sed molestie
iaculis purus. Donec gravida scelerisque nunc. Aenean ac nulla. Proin egestas orci
non mauris. <a href="#">» Read More</a></div>
<div class="rightboxbottom"></div>
</div>
<div class="rightbox">
<div class="rightboxhead">
<h2>Quick Links </h2>
</div>
<div class="rightboxcontent">
<ul>
<li><a href="#">Nulla Laoreet</a></li>
<li><a href="#">Faucibus ante</a></li>
<li><a href="#">Quisque tupis</a></li>
<li><a href="#">justo</a></li>
<li><a href="#">runtrum</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat </a></li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="rightboxbottom"></div>
</div>
<div class="rightbox">
<div class="rightboxhead">
<h2>Meta </h2>
</div>
<div class="rightboxcontent">
<ul>
<li><a href="#">XHTML</a> 1.0 & <a href="#">CSS 2.0</a></li>
<li><a href="#">Powered By</a></li>
</ul>
</div>
<div class="rightboxbottom"></div>
</div>
</div>
<div class="left">
<h2>Welcome</h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra
mauris nec metus. Nullam non eros at neque pharetra euismod. Cras fermentum, ipsum
elementum dapibus sodales, urna sapien varius massa, at bibendum dolor erat at
diam. Morbi dignissim mattis mi. Sed molestie iaculis purus. Donec gravida
scelerisque nunc. Aenean ac nulla. Proin egestas orci non mauris. Curabitur varius
fringilla metus. Nulla nonummy bibendum enim. Fusce nibh. Cras viverra. </p>
<h2>What do I do ? </h2>
<p>Nulla laoreet faucibus ante. Quisque turpis justo, rutrum in, tincidunt
id, consequat ut, pede. Nam et velit quis augue faucibus ullamcorper. Etiam velit.
Fusce dui neque, feugiat vitae, tincidunt ut, sollicitudin eget, sapien. Nullam
commodo. Maecenas metus. </p>
<blockquote>Nunc condimentum vestibulum nisi. Vestibulum nisi. Fusce auctor.
Aliquam tristique. Curabitur eget arcu. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos hymenaeos. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Praesent rhoncus
dapibus risus. Proin ut felis. Donec dui eros, ornare vel, fringilla in, aliquam
ac, lectus. Etiam vestibulum feugiat dolor.</blockquote>
<p>Maecenas a risus sit amet libero suscipit dignissim. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Pellentesque blandit, augue eget
porttitor aliquet, quam sapien tincidunt est, ut dapibus nisi arcu varius felis.
Vestibulum enim nibh, varius sit amet, lobortis eget, porta vel, sapien. Curabitur
vel nisi. Vestibulum ligula tortor, suscipit consectetuer, pellentesque et,
fermentum a, nunc. Etiam facilisis arcu non lectus. Sed lacinia, nisi ut rhoncus
imperdiet, diam nisl volutpat urna, a gravida justo velit a massa. Fusce eleifend
fermentum dolor. Phasellus nunc dolor, pretium commodo, dapibus vel, cursus in,
nulla. Proin bibendum ante vel ipsum laoreet congue. Cras malesuada elit non metus
cursus auctor. Vestibulum ac quam. Nam interdum, orci a luctus consequat, neque
est tristique libero, in tempus odio tortor eget dolor. In hac habitasse platea
dictumst. Etiam suscipit massa a metus. </p>
<p>Proin porta nibh vel turpis consequat bibendum. In nibh sem, rhoncus sed,
sagittis ac, bibendum vel, justo. Aenean pulvinar. Aliquam erat volutpat. Sed
imperdiet est id velit. Proin dictum. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Phasellus bibendum pulvinar libero. Pellentesque ullamcorper
lorem eu orci. Suspendisse tempor eros eu neque. Fusce nisi diam, bibendum sit
amet, tincidunt ac, tincidunt sit amet, augue. Donec sapien. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Suspendisse eget enim. Nam tristique, justo a fermentum laoreet, neque dui iaculis
orci, eget molestie sem nunc a tortor. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Nam quis ipsum faucibus ligula ornare venenatis. </p>
<p>Donec vehicula placerat eros. Nulla nec velit dapibus dui posuere
condimentum. Donec massa elit, luctus eget, interdum vel, lobortis quis, ipsum.
Morbi vitae ligula. Donec sed lorem lacinia leo egestas euismod. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Duis cursus. Integer rhoncus. Quisque condimentum dolor sit amet lectus porttitor
faucibus. In at mi a diam tempus varius. </p>
</div>
</div>
</div>
<div class="footer">
<div class="footerinner"> Here goes your footer Text</div>
</div>
<div class="footerbottom">
<div class="footerleft">Copyright Information </div>
<div class="footerright"><a href="#">Back to Top</a> | <a
href="http://www.ramblingsoul.com">Design : RamblingSoul</a></div>
</div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Colour World</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<h1><img src="images/logo.jpg" width="378" height="63" alt="Logo" /><img
src="images/spray.jpg" width="37" height="5" alt="Spray" id="spray" /></h1>
<div id="body-left">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Catalogue</a></li>
<li><a href="#">Planning</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h2 id="h-color"><img src="images/h_colours_of_the_world.gif" width="220"
height="31" alt="H Colours Of The World" /></h2>
<img src="images/pic_2.jpg" width="360" height="88" alt="Pic 2" />
<h2 id="h-projects"><img src="images/h_projects.gif" width="82" height="26"
alt="Projects" /></h2>
<div id="projects-outer">
<div id="projects"> <img src="images/pic_3.jpg" width="116" height="80"
alt="Pic 3" class="left" />
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<br />
<br />
<div class="dot-divider"></div>
<img src="images/pic_4.jpg" width="116" height="80" alt="Pic 4"
class="left" />
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<br />
<br />
<p class="more"><a href="#">more projects</a>
</div>
</div>
</div>
<div id="body-right"> <img src="images/pic_1.jpg" width="318" height="464"
alt="Pic 1" />
<h2 id="h-welcome"><img src="images/h_welcome.gif" width="134" height="28"
alt="H Welcome" /></h2>
<p>Don't forget to check <a href="#">free website templates</a> 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 having problems editing the template please don't hesitate to ask
for help on the <a href="#">forum</a>.</p>
<p class="more" id="welcome-more"><a href="#">learn more...</a></p>
<div id="copyright"> © Copyright 2006 | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</div>
</body>
</html>
<!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>Conglomerate</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Conglomerate</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="splash">
<p><em>“Quisque dictum integer nisl risus sagittis convallis rutrum id
congue and nibh.”</em></p>
</div>
<div id="page">
<div id="content">
<h1>Welcome to Conglomerate!</h1>
<blockquote>
<p><strong>“Conglomerate</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em>”</p>
</blockquote>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue
rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue,
and nibh.</p>
<ol>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque
pharetra.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li>
<li><a href="#">Duis non ante in metus commodo euismod lobortis.</a></li>
</ol>
</div>
<div id="sidebar">
<h2>Integer Gravida Nibh</h2>
<ul>
<li>
<h3>May 14th</h3>
<a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula…</a></li>
<li>
<h3>May 9th</h3>
<a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus…</a></li>
<li>
<h3>May 3rd</h3>
<a href="#">Quisque dictum integer nisl risus sagittis convallis rutrum id
congue…</a></li>
</ul>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Conglomerate. All Rights Reserved. Designed
by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<?xml version="1.0"?>
<!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>
<title>Alien Invasion</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
<!--Start of Wrapper div -->
<div class="logo">
<h1> DENiAL Design </h1>
</div>
<div id="header">
<ul>
<li> <a href="#">Home</a> </li>
<li id="current"> <a href="#">News</a> </li>
<li> <a href="#">Products</a> </li>
<li> <a href="#">About</a> </li>
<li> <a href="#">Contact</a> </li>
</ul>
</div>
<br />
<div id="top">
<!-- Text div -->
<div class="con_top"></div>
<div id="con_mid">
<div id="sidebar">
<h3> Something </h3>
<ul>
<li> <a href="#">Something</a> </li>
<li> <a href="#">Something Else</a> </li>
<li> <a href="#">OpenDesigns.org</a> </li>
<li> <a href="#">Something</a> </li>
<li> <a href="#">Something</a> </li>
<li> <a href="#">Something</a> </li>
</ul>
<h3> Latest Gallery </h3>
<div class="side_photo"> <img src="images/example.gif" alt="" /> </div>
<div class="center"> <a href="#">View</a> | <a href="#">Download</a> </div>
</div>
<div class="post">
<h3> <a href="#">Lorem ipsum dolor</a> </h3>
<div class="left"> <img src="images/example.gif" alt="" /> </div>
This Design was made by, Jason Kingery of DENiAL Design. You are free to
use this template however you see fit, all I ask is that you keep the link in the
footer to denial-Design, or some sort of credit. Otherwise, rip it apart, and learn
away. And as always, I hope you enjoy using this template as much, as I enjoyed
creating it. You can check out more of my Designs @ Open Designs. -Jason </div>
<br />
<div class="post">
<h3> <a href="#">Lorem ipsum dolor</a> </h3>
<div class="right"> <img src="images/example.gif" alt="" /> </div>
sit amet, consectetuer adipiscing elit. Praesent pellentesque euismod elit.
Praesent facilisis leo sed diam. Curabitur imperdiet interdum erat. Sed lorem.
Donec at nibh. Sed eu quam nec nunc tempus sagittis. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. </div>
<br />
<div class="post">
<h3> <a href="#">Different Tags</a> </h3>
<h1> H1 Tag </h1>
<h2> H2 Tag </h2>
<h3> H3 Tag </h3>
<br />
<h2> Unordered List </h2>
<ul>
<li>Item 1 </li>
<li>Item 2 </li>
<li>Item 3 </li>
<li>Item 4 </li>
<li>Item 5 </li>
</ul>
<br />
<blockquote> This is some blockquote text, just to show you what the
blockquote looks like, I really do hope you enjoy this template,and find something
really great to do with it! </blockquote>
</div>
<br />
</div>
<div class="con_bottom"></div>
</div>
<!--Text div ends -->
<div id="footer">
<!-- Footer start -->
© Name | Design by <a href="http://denial-Design.com">DENiAL Design</a> |
<a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </div>
<!-- Footer ends -->
</div>
<!-- Wrapper ends -->
</body>
</html>
<!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>Connection</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<div id="logo">
<h1><a href="#">Connection</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active first"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Connection!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Connection</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum.
Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh.
Suspendisse dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list.
In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Connection. All Rights Reserved. Designed
by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</div>
</body>
</html>
<!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>Contemplate</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Contemplate</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<div class="post">
<h1 class="title"><span>Welcome to Contemplate!</span></h1>
<img src="images/img07.jpg" alt="" width="120" height="120" class="left" />
<p><strong>Contemplate</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from <a
href="#">PDPhoto.org</a>. You're free to use it for both commercial or personal
use. I only ask that you link back to my site in some way. <em>Enjoy :)</em></p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="post">
<h2 class="title"><span>Lorem Ipsum Dolor</span></h2>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque
tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis,
rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat
odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est.
Curabitur sit amet nulla. Nam in massa. Sed vel tellus.</p>
<h3>Curabitur Sem Urna</h3>
<p>Vel consequat, suscipit in, mattis placerat, nulla. Sed ac leo.
Pellentesque imperdie:</p>
<blockquote>
<p>“In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula.Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna
congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh.”</p>
</blockquote>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="menu" class="box">
<h2 class="title">Pages</h2>
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="updates" class="box">
<h2 class="title">Recent Updates</h2>
<ul>
<li class="first">
<h3>May 31, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula…</a></p>
</li>
<li>
<h3>May 26, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>May 22, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>May 17, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et, tellus.
Etiam nequea…</a></p>
</li>
<li>
<h3>May 14, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at urna
congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
<!-- end #updates -->
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Red Avenue. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!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>Cool Racing</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="header">
<h1><span class="heading_color">Cool</span> Racing</h1>
</div>
<div id="header_menu">
<ul class="navlist">
<li><a href="#">Log in</a></li>
<li><a href="#">Sign up!</a></li>
</ul>
</div>
<div id="container">
<div id="left">
<h4>Menu</h4>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
<div id="right"><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_2.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_2.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_2.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /></div>
<div id="content">
<h2>About this template </h2>
<p>This template is created by Dieter Schneider Desember 2006. It's valid Xhtml
1.0 Strict! If you want the PSD file for this template you can purchase it at
CssTemplateHeaven.com for only 7$, this will give you a lot more flexibility. I
kindly ask you to not remove the copyright in the footer if you have the free
version of this template. Tested in the latest versions of FF, Opera and in IE
6.0. Enjoy your template. </p>
<h3>Lorem ipsum dolor sit amet</h3>
<p><img src="images/cool_original_logo.jpg" alt="" width="208" height="141"
class="images_left" /> This will spice up your template pretty well, only seven
dollars :) </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu magna at
nulla feugiat dapibus. Nam nec turpis. Donec tortor. Integer venenatis. Donec
accumsan gravida pede. Proin quis leo auctor dolor euismod fringilla. Praesent
sodales leo sit amet neque. Donec lorem ipsum, cursus eget, consectetuer et,
ultricies sed, massa. Donec rhoncus erat quis neque. Fusce euismod condimentum
nulla.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu magna at
nulla feugiat dapibus. Nam nec turpis. Donec tortor. Integer venenatis. Donec
accumsan gravida pede. Proin quis leo auctor dolor euismod fringilla. Praesent
sodales leo sit amet neque. Donec lorem ipsum, cursus eget, consectetuer et,
ultricies sed, massa. Donec rhoncus erat quis neque. Fusce euismod condimentum
nulla.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu magna at
nulla feugiat dapibus. Nam nec turpis. Donec tortor. Integer venenatis. Donec
accumsan gravida pede. Proin quis leo auctor dolor euismod fringilla. Praesent
sodales leo sit amet neque. Donec lorem ipsum, cursus eget, consectetuer et,
ultricies sed, massa. Donec rhoncus erat quis </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu magna at
nulla feugiat dapibus. Nam nec turpis. Donec tortor. Integer venenatis. Donec
accumsan gravida pede. Proin quis leo auctor dolor euismod fringilla. Praesent
sodales leo sit amet neque. Donec lorem ipsum, cursus eget, consectetuer et,
ultricies sed, massa. Donec rhoncus erat quis neque. Fusce euismod condimentum
nulla.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu magna at
nulla feugiat dapibus. Nam nec turpis. Donec tortor. Integer venenatis. Donec
accumsan gravida pede. Proin quis leo auctor dolor euismod fringilla. Praesent
sodales leo sit amet neque. Donec lorem ipsum, cursus eget, consectetuer et,
ultricies sed, massa. Donec rhoncus erat quis </p>
</div>
<div id="footer">© <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a> | Created by
Dieter Schneider 2006</div>
</div>
</body>
</html>
<!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>
<title>Cool Web</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="maintopPan">
<div id="maintopPanOne">
<div id="topHeaderPan"> <a href="#"><img src="images/logo.jpg" title="Cool Web"
alt="Cool Web" width="220" height="53" border="0" /></a>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Company</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Testimonials</a></li>
<li class="resources"><a href="#">Resources</a></li>
</ul>
</div>
<div id="topSidemenuPan">
<ul>
<li class="home"><a href="#">Home</a></li>
<li class="contact"><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div id="bodyPan">
<div id="leftPan">
<h2>who we are</h2>
<p>Cool Web is a <span>free, tableless, W3C-compliant</span> web design layout
by Template World. This template has been tested and proven compatible with all
major browser environments and operating systems. You are free to modify the design
to suit your tastes in any way you like.</p>
<p>We only ask you to not remove <span>"Design by Template World"</span> and
the link http://www.templateworld.com from the footer of the template.</p>
<p>If you are interested in seeing more of our free web template designs feel
free to visit our website, Template World. We intend to add at least 25 new free
templates in the coming month.</p>
<p class="more"><a href="#">read more</a></p>
<div id="leftPaninleftPan">
<h3>current events</h3>
<h4>image</h4>
<p class="strongtext">on 23rd july 2006</p>
<p><span>sit amet, consectetuer adipi scing elit. Vestibulum liiVm perdiet
ut, commodo vel,co</span> auctor vel,</p>
<p>Etiam orci nulla, aliquet vel Proin , pharetra in, posuere ultrices
Proin , sapien. Proin vel lacus. Integerda magna. Cras mi nibh, dapibus simit amet,
aliquet ut, venenatis sed,en <span>tortor. Mauris eu leo.</span> </p>
<p class="moreone"><a href="#">read more</a></p>
</div>
<div id="leftPaninrightPan">
<h4>image</h4>
<p class="strongtext">on 23rd july 2006</p>
<p><span>sit amet, consectetuer adipi scing elit. Vestibulum liiVm perdiet
ut, commodo vel,co</span> auctor vel,</p>
<p>Etiam orci nulla, aliquet vel Proin , pharetra in, posuere ultrices
Proin , sapien. Proin vel lacus. Integerda magna. Cras mi nibh, dapibus simit amet,
aliquet ut, venenatis sed,en <span>tortor. Mauris eu leo.</span> </p>
<p class="moretwo"><a href="#">read more</a></p>
</div>
</div>
<div id="rightPan">
<h2><span>new</span><br />
service overview </h2>
<ul>
<li class="dot">sitamet,consectetuer adipiscing elit.</li>
<li>posuere ultrices, sapien Nul.</li>
<li class="dot">sitamet,consectetuer adipiscing elit.</li>
<li>posuere ultrices, sapien Nul.</li>
<li class="dot">sitamet,consectetuer adipiscing elit.</li>
<li>posuere ultrices, sapien Nul.</li>
<li class="dot">sitamet,consectetuer adipiscing elit.</li>
<li>posuere ultrices, sapien Nul.</li>
</ul>
<div id="rightbottomPan"><img src="images/blank.gif" alt="" /></div>
</div>
</div>
<div id="footermainPan">
<div id="footerPan"> <a href="#"><img src="images/footerlogo.gif" title="Cool
Web" alt="Cool Web" width="218" height="52" border="0" /></a>
<ul>
<li><a href="#">Home</a>| </li>
<li><a href="#">About Us</a> | </li>
<li><a href="#">Company</a>| </li>
<li><a href="#">Partners</a> | </li>
<li><a href="#">Testimonials</a> |</li>
<li><a href="#">Resource</a> |</li>
<li><a href="#">Contact</a> </li>
</ul>
<p class="copyright">©cool web. All rights reserved.</p>
<div id="footerPanhtml"><a href="http://validator.w3.org/check?uri=referer"
target="_blank">html</a></div>
<div id="footerPancss"><a href="http://jigsaw.w3.org/css-
validator/check/referer" target="_blank">css</a></div>
<ul class="templateworld">
<li>Design By:</li>
<li><a href="http://www.templateworld.com" target="_blank">Template
World</a></li>
</ul>
</div>
</div>
</body>
</html>
<!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>Corporate</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Corporate<br />
<span class="text1">Free CSS Template</span></h1>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2>Welcome to Sitename.com!</h2>
<p><img src="images/img03.jpg" alt="" width="155" height="120" class="img1"
/>CORPORATE is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p> </p>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
<hr id="border-top" />
<div id="colA">
<p><strong>Fusce mollis tristique sem</strong><br />
Nullam et orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum
blandit nisl. Quisque elementum convallis purus. Nunc pellentesque. Sed vestibulum
blandit nisl. </p>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornar</a></li>
</ul>
</div>
<div id="colB">
<p><strong>Fusce mollis tristique sem</strong><br />
Nullam et orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum
blandit nisl. Quisque elementum convallis purus. Nunc pellentesque. Sed vestibulum
blandit nisl.</p>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornar</a></li>
</ul>
</div>
</div>
<div id="right">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>corporateblue</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
@import url("layout.css");
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>cORPORATEBLUE</h1>
<h2>Free CSS Template</h2>
</div>
<div id="main-menu">
<ul>
<li class="first"><a href="#" id="main-menu1" accesskey="1">Home</a></li>
<li><a href="#" id="main-menu2" accesskey="2">Products</a></li>
<li><a href="#" id="main-menu3" accesskey="3">Services</a></li>
<li><a href="#" id="main-menu4" accesskey="4">About Us</a></li>
<li><a href="#" id="main-menu5" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2 class="bigger">Welcome to our website</h2>
<p>CORPORATEBLUE is a free template from Free CSS Templates released under a
<a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution
2.5 License</a>. You're free to use it for both commercial or personal use. I only
ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<div class="hr1">
<hr />
</div>
<h2>Suspendisse potenti</h2>
<p>Etiam odio mi, suscipit et, rhoncus ac, lacinia malesuada, nisl. Aliquam
gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros imperdiet eros
interdum blandit. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam
erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. </p>
<ul>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
</ul>
<p>Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante
orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla.
Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in,
mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet. </p>
</div>
</div>
<div id="right">
<h2>Lorem Ipsum Dolor</h2>
<h3>June 09, 2006</h3>
<p><img src="images/homepage04.jpg" alt="" width="72" height="56"
class="img1" /> Donec nulla est, laoreet quis, pellentesque in, congue in, dui.
Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis,
sagittis ut, orci. <a href="#">Read more…</a></p>
<hr class="hr1" />
<h3>June 06, 2006</h3>
<p><img src="images/homepage04.jpg" alt="" width="72" height="56"
class="img1" /> Donec nulla est, laoreet quis, pellentesque in, congue in, dui.
Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis,
sagittis ut, orci. <a href="#">Read more…</a></p>
<hr class="hr1" />
<h3>June 02, 2006</h3>
<p><img src="images/homepage04.jpg" alt="" width="72" height="56"
class="img1" />Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc
rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis,
sagittis ut, orci. <a href="#">Read more…</a></p>
</div>
<div class="hr1">
<hr />
</div>
<div id="footer">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Corporation
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Corporation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="head">
<h1><a href="index.html">Corporation</a></h1>
<p>Free Website Template</p>
<div id="topnav">
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="submit" name="go" id="go" value="GO" />
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
</fieldset>
</form>
</div>
</div>
</div>
<div class="wrapper col2">
<div id="gallery">
<ul>
<li class="placeholder" style="background-
image:url(images/demo/gallery_default.gif);">Image Holder</li>
<li><a class="swap" style="background-image:url(images/demo/290x105.gif);"
href="#gallery"><strong>Services</strong><span><img src="images/demo/gallery_1.gif"
alt="" /></span></a></li>
<li><a class="swap" style="background-image:url(images/demo/290x105.gif);"
href="#gallery"><strong>Products</strong><span><img src="images/demo/gallery_2.gif"
alt="" /></span></a></li>
<li class="last"><a class="swap" style="background-
image:url(images/demo/290x105.gif);"
href="#gallery"><strong>Company</strong><span><img src="images/demo/gallery_3.gif"
alt="" /></span></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="wrapper col4">
<div id="container">
<div id="content">
<h1>About This Free CSS Template</h1>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor
mauris. Wisinon vivamus wisis adipis laorem lobortis curabiturpiscingilla dui
platea ipsum lacingilla.</p>
<p>Semalique tor sempus vestibulum libero nibh pretium eget eu elit montes.
Sedsemporttis sit intesque felit quis elis et cursuspenatibulum tincidunt non
curabitae.</p>
<div class="homecontent">
<ul>
<li>
<p class="imgholder"><img src="images/demo/286x100.gif" alt="" /></p>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p>congue magnis vestibulum quismodo nulla et feugiat.
Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="last">
<p class="imgholder"><img src="images/demo/286x100.gif" alt="" /></p>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna.</p>
<p>Urnaultrices quis curabitur phasellentesque congue magnis vestibulum
quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id
nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
</ul>
<div class="clear"></div>
</div>
<p>Odiointesque at quat nam nec quis ut feugiat consequet orci liberos.
Tempertincidunt sed maecenas eros elerit nullam vest rhoncus diam consequat amet.
Diamdisse ligula tincidunt a orci proin auctor lacilis lacilis met vitae.</p>
</div>
<div id="column">
<div id="featured">
<ul>
<li>
<h2>Indonectetus facilis leonib</h2>
<p class="imgholder"><img src="images/demo/240x90.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="more"><a href="#">Read More »</a></p>
</li>
</ul>
</div>
<div class="holder">
<div class="imgholder"><img src="images/demo/290x100.gif" alt="" /></div>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="wrapper col5">
<div id="footer">
<div id="contactform">
<h2>Why Not Contact Us Today !</h2>
<form action="#" method="post">
<fieldset>
<legend>Contact Form</legend>
<label for="fullname">Name:
<input id="fullname" name="fullname" type="text" value="" />
</label>
<label for="emailaddress" class="margin">Email:
<input id="emailaddress" name="emailaddress" type="text" value="" />
</label>
<label for="phone">Telephone:
<input id="phone" name="phone" type="text" value="" />
</label>
<label for="subject" class="margin">Subject:
<input id="subject" name="subject" type="text" value="" />
</label>
<label for="message">Message:<br />
<textarea id="message" name="message" cols="40" rows="4"></textarea>
</label>
<p>
<input id="submitform" name="submitform" type="submit"
value="Submit" />
<input id="resetform" name="resetform" type="reset" value="Reset" />
</p>
</fieldset>
</form>
</div>
<!-- End Contact Form -->
<div id="compdetails">
<div id="officialdetails">
<h2>Company Information !</h2>
<ul>
<li>Company Name Ltd</li>
<li>Registered in England & Wales</li>
<li>Company No. xxxxxxx</li>
<li class="last">VAT No. xxxxxxxxx</li>
</ul>
<h2>Stay in The Know !</h2>
<p><a href="#">Get Our E-Newsletter</a> | <a href="#">Grab The RSS
Feed</a></p>
</div>
<div id="contactdetails">
<h2>Our Contact Details !</h2>
<ul>
<li>Company Name</li>
<li>Street Name & Number</li>
<li>Town</li>
<li>Postcode/Zip</li>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li>Fax: xxxxx xxxxxxxxxx</li>
<li>Email: [email protected]</li>
<li class="last">LinkedIn: <a href="#">Company Profile</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- End Company Details -->
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html><!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>Corporation ltd.</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<link rel="stylesheet" type="text/css" media="screen, projection"
href="menu.css" />
<link rel="stylesheet" type="text/css" media="screen, projection"
href="style.css" />
<style type="text/css">
<!--
div.wrap1 .wrap2 {
/* only with left panel- background-image: url(img/bg1.gif); */
/* right and left panel */ background-image: url(img/bg2.gif);
/* only with right panel - background-image: url(img/bg3.gif); */
}
-->
</style>
</head>
<body>
<div class="wrap1">
<div class="wrap2">
<div class="logo">
<div style="display:inline; float:left;"> Corporation ltd.
<div class="slogan">Free CSS Website Template</div>
</div>
<div style="display:inline; float:right">
<input type="text" />
</div>
</div>
<div id="menu">
<div class="menu">
<ul>
<li><span class="left"></span><span class="hlavny"><a
href="#">Home</a></span><span class="right"></span></li>
<li><img src="img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="index1.html">2 Columns
(1)</a></span></li>
<li><img src="img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="index2.html">2 Columns
(2)</a></span></li>
<li><img src="img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="#" >Links</a></span></li>
<li><img src="img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="#">Contact</a></span></li>
</ul>
</div>
<div class="info"> This text is describing selected item. You may give here
advertisement, informations etc. Whatever! </div>
<div class="leftpanel">
<div class="header">Products</div>
<ul id="categories">
<li style="border-top:0;"><a href="#">Item 1</a></li>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li class="selected"><a href="#">Item 4 - selected</a></li>
<li><a href="#">Item 5</a></li>
<li><a href="#">Item 6</a></li>
<li><a href="#">Item 7</a></li>
</ul>
<br />
<div class="header">Office</div>
<div class="text"> <strong>Corporation ltd.</strong><br />
<br />
212 Military Parkway<br />
<span class="divider">Los Angeles, CA 94043</span> Telephone: +421 903
000 000<br />
E-mail: [email protected]<br />
ICQ: 000-000-000<br />
Skype: corporation1<br />
<br />
</div>
</div>
<div class="mainpanel">
<div class="text_">
<h1><a href="#">Welcome on our website!</a></h1>
<div class="text"><img src="img/img1.jpg" alt="" />This is a free, fully
standards-compliant CSS template designed by P&B Creations and supported by
Tachlovice. You're pretty much free to do whatever you want with it (even use it
commercially) provided you keep the links in the footer intact. The photo used is
from Wallpaperstock.net. Have fun with it :)<br />
<br />
Ad has utinam senserit maiestatis. Sonet causae per no, ex vel choro
eirmod alienum. Tota takimata imperdiet ea est, ut eligendi iudicabit mei. Sea
probo laboramus in, paulo placerat at qui. Vix labore concludaturque ex.<br />
<br />
Cu alii movet diceret duo. Sonet causae per no, ex vel choro eirmod
alienum. </div>
<h2><a href="#"><img src="img/more.gif" alt="" />Read more</a> <a
href="#"><img src="img/comment.gif" alt="" />Comments (8)</a></h2>
</div>
<div class="text_">
<h1><a href="#">Sed unum qualisque idi</a></h1>
<div class="text"><img src="img/img1.jpg" alt="" />Sed unum qualisque id,
et est reque veniam disputando. Ad eum saperet consulatu laboramus, audire percipit
eu cum. Nec eu wisi delicatissimi. Ut putent fabulas civibus eam, eu mucius nostrum
philosophia pro, pri an reque iuvaret vulputate. Eum ei assum sensibus iudicabit.
Ad has utinam senserit maiestatis. Sonet causae per no, ex vel choro eirmod
alienum. Tota takimata <a href="#">imperdiet</a> ea est, ut eligendi iudicabit mei.
Sea probo <a href="#">laboramus</a> in, paulo placerat at qui. Vix labore
concludaturque ex. Cu alii movet diceret duo. </div>
<h2><a href="#"><img src="img/more.gif" alt="" />Read more</a> <a
href="#"><img src="img/comment.gif" alt="" />Comments (1)</a></h2>
</div>
<div class="text_">
<h1><a href="#">His aliquip inciderint ex</a></h1>
<div class="text"><img src="img/img1.jpg" alt="" />His aliquip inciderint
ex, meliore mediocritatem in sed, an fabulas inimicus praesent cum. Ut legendos
conclusionemque vix. Ea legere tincidunt constituto has. Ut his <a href="#">solum
audire efficiendi</a>, pri postea quidam referrentur at. Ut solet mucius placerat
usu, ut has dicat dolorum evertitur, at utamur partiendo has. Ex enim laudem
persequeris vim.<br />
<br />
Sit an posse eruditi corrumpit. Eligendi pericula ne duo. Vix illud
omnesque salutatus ne. Est in saepe civibus, oportere hendrerit scribentur eos ad.
Alienum comprehensam eu mei. Te iusto integre nam, unum hendrerit eu ius. Sonet
causae per no, ex vel choro eirmod alienum. Ut putent fabulas civibus eam, eu
mucius nostrum philosophia pro, pri an reque iuvaret vulputate. </div>
<h2><a href="#"><img src="img/more.gif" alt="" />Read more</a> <a
href="#"><img src="img/comment.gif" alt="" />Comments (21)</a></h2>
</div>
</div>
<div class="rightpanel">
<div class="header">Inquiry</div>
<div class="inquiry"> <span class="divider" style="font-weight:bold;">Pri
iudico cetero euripidis eu, tota utinam interesset nam et?</span> <span
class="divider"><a href="#">Viris delectus voluptatum</a> (467)</span> <span
class="divider"><a href="#">Has ne etiam epicuri</a> (1347)</span> <span
class="divider"><a href="#">Docendi honestatis eos ne</a> (608)</span> <span
class="divider"><a href="#">Mel ex ullum probatus similique</a> (609)</span>
<strong>3031 votes</strong><br />
<br />
</div>
<div class="header">Corporation ltd.</div>
<div class="text"> <strong>Corporation ltd.</strong><br />
<br />
212 Military Parkway<br />
<span class="divider">Los Angeles, CA 94043</span> Telephone: +421 903
000 000<br />
E-mail: [email protected]<br />
ICQ: 000-000-000<br />
<span class="divider">Skype: corporation1</span> Telephone: +421 903 000
000<br />
E-mail: [email protected]<br />
ICQ: 000-000-000<br />
Skype: corporation1<br />
<br />
</div>
</div>
</div>
<div class="info1">
<div style="display:inline; float:left;">© 2008 <a
href="#">yourwebsite.com</a>. Design <a href="http://pbcreations.sk">P&B
Creations</a>.</div>
<div style="display:inline; float:right;"><a href="http://www.topas-
tachlovice.cz/topas-tachlovice.aspx">Tachlovice</a></div>
</div>
</div>
</div>
</body>
</html>
<!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>Counter-Strike</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="body_wrapper">
<!-- Start of Body Container -->
<div id="body_container">
<div id="body_container_b">
<div id="body_container_c">
<!-- Start of Page Header -->
<div id="page_header">
<!-- Website Title -->
<h1><span class="hidethis"> Counter Strike </span></h1>
</div>
<!-- End of Page Header -->
<!-- Start of Page Content -->
<div id="page_content">
<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>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<div class="tb_center"> <img src="images/cs_img01.gif" width="425"
height="176" alt="" /></div>
<p>You can remove any link to our websites from this template you're
free to use the template without linking
back to us. Don't want your boss to know you used a free website
template ;) .</p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
<!-- Read More Button -->
<div class="link_readmore"> <a href="#"><span class="hidethis">Read
more</span></a></div>
</div>
<!-- End of Page Content -->
</div>
</div>
</div>
<!-- End of Body Container -->
<!-- Start of Navigation Menu -->
<div id="navmenu">
<div id="navmenu_b">
<div id="navmenu_c">
<h3><span class="hidethis">Site Menu:</span></h3>
<ul>
<li class="list_first"><a href="#">Home</a></li>
<li><a href="#">Members</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Members</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!-- End of Navigation Menu -->
<div class="clearthis"> </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>
<!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" >
<head>
<title>Cream of the Crop</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/fix.css" type="text/css" />
<![endif]-->
</head>
<body>
<div id="container">
<div id="header">
<div id="title"><span>Cream of the Crop</span> <br />
<span class="subheader">The best floats to the top</span> </div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="2columns.html">2 Columns</a></li>
<li><a href="1column.html">1 Column</a></li>
<li><a href="tags.html">Tags</a></li>
</ul>
</div>
</div>
<div id="slogan">
<p>Your. Wordy. Slogan. Here.</p>
</div>
<div id="twocolumn">
<div id="left">
<h1>Cream of the Crop</h1>
<h6>Enjoy!!</h6>
<p>This is my first submission OWD. It is also my first Design
made as template. The idea for this Design came to me while looking
at a site posted on Web Creme </p>
<p>This template is flexable and has many different uses. I also
tried to style as many elements as I could -<a href="tags.html">Tags
page</a> </p>
<p>I would really like to hear how you use this template, so if you use it
let me know!</p>
</div>
<div id="right">
<h1>License</h1>
<h6>Creative Commons Attribution 2.5 License</h6>
<p>This template was released under the <a
href="http://creativecommons.org/licenses/by-sa/2.5/"> Creative Commons Attribution
2.5 License</a>, so you are free to
use this template however you want under the condition that
you give me credit by leaving the attribution in the footer.
For more details on the license visit Creative Commons</p>
</div>
<div id="clearboth"></div>
</div>
<div id="content">
<div id="one">
<h1>Header</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus orci
sed libero. Donec et nisi. Aenean ornare nisi hendrerit risus. Suspendisse eu
sapien. Sed sit amet libero. Phasellus non lectus vel massa porta pharetra. Aenean
vehicula ligula vitae libero. Sed aliquet erat vitae pede. Nunc volutpat congue mi.
Quisque nisi diam, consectetuer luctus, suscipit ac, congue ut, mauris. Aliquam
cursus commodo ipsum. Nulla fermentum vehicula felis. Ut sem. Nullam at erat.
Mauris adipiscing neque in erat.</p>
<p>Phasellus neque. Mauris nisi dui, pharetra a, fermentum id, auctor nec,
orci. Proin a nibh at enim fringilla consequat. Proin varius dapibus metus. Integer
lectus velit, ultricies eu, commodo non, tincidunt a, lorem. Aenean lacinia
molestie augue. Aliquam euismod. Morbi mattis. Duis ornare lacus sit amet ante.
Quisque non risus. Vestibulum scelerisque erat vel ligula. In sagittis leo sed
lorem. Mauris sit amet sem sit amet nibh accumsan rhoncus. Ut placerat sagittis
turpis. Nulla molestie, risus sed facilisis aliquam, tortor orci ultrices metus, eu
varius sem tortor eget neque. Duis quis orci. Cras ultrices placerat quam. Nam
vitae est eget risus tempus fermentum. Praesent malesuada tristique nibh.</p>
</div>
<div id="subnav">
<h4 class="subnavheader">Sub Menu</h4>
<div id="subnavcontainer">
<ul id="subnavlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<div class="copy">Copyright © 2006 | <a href="#">yourwebsite.com</a></div>
<div class="credit"><a href="http://validator.w3.org/">Valid CSS</a> | <a
href="http://validator.w3.org/">Valid XHTML</a> - Design by <a
href="http://realalibi.com">Robobuilder</a></div>
</div>
</div>
</body>
</html>
<!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>Mighty</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<link rel="stylesheet" href="css/styles.css" media="all" type="text/css" />
</head>
<body>
<div id="header">
<div class="subContainer">
<div id="logo">
<div id="box">ALL</div>
<p>MIGHTY</p>
</div>
<!-- /logo -->
</div>
<!-- /subContainer -->
</div>
<!-- header -->
<div id="navigation">
<ul>
<li id="active"><a href="#">Home</a></li>
<li><a href="#">About Mighty</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<!-- /navigation -->
<div id="container">
<div id="primaryContent">
<h2>Website Kulor on top yet again website Kulor on top yet again</h2>
<h3>Kulor was today nominated the best in UK website authoring</h3>
<img src="images/kulor_site.jpg" alt="" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce condimentum
nibh. Sed eros tellus, <strong>semper</strong> vel, dignissim at, feugiat sit amet,
leo. Phasellus sit amet erat. <em>Pellentesque turpis</em>. Nullam tempus. Nullam
enim lorem, vulputate non, porta ut, faucibus vitae, mi. Maecenas ullamcorper
turpis quis turpis ultrices imperdiet. Duis varius, nunc <a href="#">ut
condimentum</a> gravida, nibh felis pulvinar turpis, non convallis lectus nulla non
sapien.</p>
<ul>
<li>Sed eros</li>
<li>Dignissim at</li>
<li>Feugiat sit</li>
<li>Condimentum</li>
<li>Pellentesque turpis</li>
</ul>
<p>consectetuer adipiscing elit. Fusce condimentum nibh. Sed eros tellus, <a
href="#">semper vel</a>, dignissim at, feugiat sit amet, leo. Phasellus sit amet
erat. Pellentesque turpis. Nullam tempus. Nullam enim lorem, vulputate non, porta
ut, faucibus vitae, mi. Maecenas ullamcorper turpis quis turpis ultrices imperdiet.
Duis varius, nunc ut condimentum gravida, nibh felis pulvinar turpis, non convallis
lectus nulla non sapien.</p>
<div id="comments">
<dl id="status">
<dt>Comments (1)</dt>
<dd>| <a href="#">Add comment</a></dd>
</dl>
<dl class="comment">
<dt><a href="#">John Doe</a></dt>
<dd class="date">on Wed 5 Aug 06</dd>
<dd>Fusce condimentum nibh. Sed eros tellus, semper vel, dignissim at,
feugiat sit amet, leo.</dd>
</dl>
</div>
<!-- /comments -->
</div>
<!-- /primaryContent -->
<div id="secondaryContent">
<h2>Nullam tempus. Nullam enim lorem, <strong>vulputate non</strong>, porta ut,
faucibus vitae, mi.</h2>
<h3>Also See:</h3>
<ul>
<li><a href="#">Sed eros</a></li>
<li><a href="#">Condimentum</a></li>
<li><a href="#">Feugiat sit</a></li>
<li><a href="#">Dignissim at</a></li>
<li><a href="#">Pellentesque turpis</a></li>
</ul>
<h3>Links</h3>
<!--
This part was designed to handle images
-->
<ul class="links">
<li><a href="#">A foundation</a></li>
<li><a href="#">5* Service</a></li>
</ul>
<h3>Login</h3>
<form action="#">
<p>
<input value="user" />
</p>
<p>
<input value="password" />
</p>
<p>
<button>submit</button>
</p>
</form>
</div>
<!-- /secondaryContent -->
<br class="clear" />
</div>
<!-- container -->
<div id="footer">
<ul>
<li id="copyright">© 2006 James Broad</li>
<li id="links">
<ul>
<li><a href="http://validator.w3.org/check/referer">XHTML</a> |</li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> |
</li>
<li><a href="http://www.kulor.com/">Design by Kulor</a></li>
</ul>
</li>
</ul>
</div>
<!-- /footer -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Crisp 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1>Crisp 2</h1>
</div>
<div id="nav">
<ul>
<li id="active" ><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li class="last"><a href="#">Link 6</a></li>
</ul>
</div>
<div id="container">
<div id="rightcol">
<div class="navright">
<ul class="navlistright">
<li class="fixed"> <a href="#">Another Menu</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li class="active"><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
<li class="empty"> <a href="#"> </a></li>
</ul>
</div>
<div class="news">
<h1>Site News</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet doloresit amet...<br />
<a href="#">Read more...</a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet doloresit amet...<br />
<a href="#">Read more...</a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet doloresit amet...<br />
<a href="#">Read more...</a></p>
</div>
</div>
<div class="short_content">
<h1>Template Info</h1>
<p>Crisp 2 is a modified version of an earlier template called "Crisp".
Thanks to Frits Anderson of mogenblue.com, for his inspiration for some of the
changes he made to the original Design which I recreated. </p>
<h2>header-2</h2>
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer</a> adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet doloresit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet doloresit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.</p>
<h2>More Filler Text</h2>
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer</a> adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet doloresit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet doloresit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.</p>
</div>
</div>
<div id="footer">
<p>Copyright© 2006 Your Company <br />
| XHTML template by <a
href="http://www.karenblundell.com">arwen54</a> | <a
href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/">Valid CSS</a> |</p>
</div>
</div>
</body>
</html>
<!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>Criterion</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Criterion</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Criterion!</h2>
<div class="story">
<p><strong>Criterion</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Criterion. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<?xml version="1.0"?>
<!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="cs" lang="cs">
<head>
<title>CrystalX</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen,projection" type="text/css"
href="css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="css/aural.css" />
</head>
<body id="www-url-cz">
<!-- Main -->
<div id="main" class="box">
<!-- Header -->
<div id="header">
<!-- Logotyp -->
<h1 id="logo"><a href="#">Crystal<strong>X</strong><span></span></a></h1>
<hr class="noscreen" />
<!-- Quick links -->
<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a
href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr />
</div>
<!-- Search -->
<div id="search" class="noprint">
<form action="#" method="get">
<fieldset>
<legend>Search</legend>
<label><span class="noscreen">Find:</span> <span id="search-input-out">
<input type="text" name="" id="search-input" size="30" />
</span></label>
<input type="image" src="design/search_submit.gif" id="search-submit"
value="OK" />
</fieldset>
</form>
</div>
<!-- /search -->
</div>
<!-- /header -->
<!-- Main menu (tabs) -->
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3>
<ul class="box">
<li><a href="#">Home<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li id="active"><a href="#">Weblog<span class="tab-l"></span><span
class="tab-r"></span></a></li>
<!-- Active -->
<li><a href="#">About Me<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Photos<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Portfolio<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Contact<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Links<span class="tab-l"></span><span class="tab-
r"></span></a></li>
</ul>
<hr class="noscreen" />
</div>
<!-- /tabs -->
<!-- Page (2 columns) -->
<div id="page" class="box">
<div id="page-in" class="box">
<div id="strip" class="box noprint">
<!-- RSS feeds -->
<p id="rss"><strong>RSS:</strong> <a href="#">articles</a> / <a
href="#">comments</a></p>
<hr class="noscreen" />
<!-- Breadcrumbs -->
<p id="breadcrumbs">You are here: <a href="#">Home</a> > <a
href="#">Category</a> > <strong>Page</strong></p>
<hr class="noscreen" />
</div>
<!-- /strip -->
<!-- Content -->
<div id="content">
<!-- Article -->
<div class="article">
<h2><span><a href="#">This is my best article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
<!-- Article -->
<div class="article">
<h2><span><a href="#">This is my third article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
<!-- Article -->
<div class="article">
<h2><span><a href="#">This is my second article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
<!-- Article -->
<div class="article">
<h2><span><a href="#">This is my first article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
</div>
<!-- /content -->
<!-- Right column -->
<div id="col" class="noprint">
<div id="col-in">
<!-- About Me -->
<h3><span><a href="#">About Me</a></span></h3>
<div id="about-me">
<p><img src="design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" />
<strong>John Doe</strong><br />
Age: 26<br />
Dallas, TX<br />
<a href="#">Profile on MySpace</a></p>
</div>
<!-- /about-me -->
<hr class="noscreen" />
<!-- Category -->
<h3 ><span>Category</span></h3>
<ul id="category">
<li id="category-active"><a href="#">Selected category</a></li>
<!-- Active -->
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
</ul>
<hr class="noscreen" />
<!-- Archive -->
<h3><span>Archive</span></h3>
<ul id="archive">
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li id="archive-active"><a href="#">August 2006</a></li>
<!-- Active -->
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
<hr class="noscreen" />
<!-- Links -->
<h3><span>Links</span></h3>
<ul id="links">
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
</ul>
<hr class="noscreen" />
</div>
<!-- /col-in -->
</div>
<!-- /col -->
</div>
<!-- /page-in -->
</div>
<!-- /page -->
<!-- Footer -->
<div id="footer">
<div id="top" class="noprint">
<p><span class="noscreen">Back on top</span> <a href="#header" title="Back on
top ^">^<span></span></a></p>
</div>
<hr class="noscreen" />
<p id="createdby">created by <a href="http://www.nuvio.cz">Nuvio |
Webdesign</a>
<!-- DON´T REMOVE, PLEASE! -->
</p>
<p id="copyright">© 2007 <a href="#">My Name</a></p>
</div>
<!-- /footer -->
</div>
<!-- /main -->
</body>
</html>
<!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>Cultivated</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Cultivated</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="adspace"><a href="#"><img src="images/ad120x600.jpg" alt="" width="120"
height="600" /></a></div>
<div id="content">
<div class="post">
<h2>Welcome to Cultivated!</h2>
<p><strong>“Cultivated</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
</div>
<div class="post">
<h2>Praesent mattis condimentum nisl</h2>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue
rutrum:</p>
<blockquote>
<p>“In posuere eleifend odio. Quisque semper augue mattis wisi.
Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat.
Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis
convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus.
Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis,
ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur
sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo.
Pellentesque imperdiet.”</p>
</blockquote>
<h3>Nulla luctus eleifend purus</h3>
<ol>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque
pharetra.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li>
<li><a href="#">Duis non ante in metus commodo euismod lobortis.</a></li>
</ol>
</div>
</div>
<div id="sidebar">
<div id="menu" class="boxed">
<h2>Pages</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div class="boxed">
<h2>Integer Gravid</h2>
<ul class="list">
<li>
<h3>May 14th</h3>
<a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula…</a></li>
<li>
<h3>May 9th</h3>
<a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus…</a></li>
<li>
<h3>May 3rd</h3>
<a href="#">Quisque dictum integer nisl risus sagittis convallis rutrum
id congue…</a></li>
</ul>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Cultivated. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Culture Shock</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="voodoo.css" media="screen" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<link rel="stylesheet" type="text/css" href="handheld.css" media="handheld" />
</head>
<body>
<div class="top"></div>
<div class="page_wrap clearfix">
<div class="header">
<div class="header_block">
<div class="logo"><img alt="logo" src="img/pc_logo.jpg" /></div>
<h1>culture shock</h1>
Voodoo Dolly in an Awkward Office Environment Coffee Clutch </div>
</div>
<div class="navbar" id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Info</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="container clearfix">
<div class="left_column">
<h3>Left Column</h3>
<p>Secondary links, news updates, pointless rants or images can fill this
column.</p>
<p>The border to the right is assigned to the <a href="#">center</a> column
and will expand with content over there. You can move it to this colum
or give it the axe. Decisions, decisions. </p>
<h3>Style Sheets</h3>
<p>Seperate style sheets for both print and handheld devices are included
with this design, so you'd be covered if/when someone visits your site
on their cell phone or what-not.</p>
</div>
<div class="center_column">
<div class="box_right">
<h3>Faux Column</h3>
<p>This isn't a column but a handy little text box with a float:right
slapped on it.</p>
<p>Could be used for a profile, secondary links or what ever else rocks
your world.</p>
<h3>Damn You IE!</h3>
<p>Is common sense dead? And if it is, was Microsoft the ones that killed
it? It never fails, learning about CSS is also learning about just
how much of a pain in the ass IE can be.</p>
<p>This is the first time that I used the "!important" tag
and it couldn't have come at a better time.</p>
<p>Is it too much to ask that someday web designers won't have to rely
on hacks so much? Damn I hope not.</p>
</div>
<h2>Voodoo Dolly (v1.0)</h2>
<p>What can i say? A two-column layout with fixed dimensions. Sure it's
nothing that will take over the world or get women to talk to you, but
it can serve as either a personal or commercial web site.</p>
<p>Of course, out-of-the-box, this design can be applied to a site that
has something to do with computers but by removing both the upper and
lower logos, it can be used for anything really.</p>
<p>The image below gives you an idea what the "bones" of this design looks
like.</p>
<p><img width="361" height="373" alt="" src="img/layout.gif" /></p>
<h2>Web Geek Stuff</h2>
<p><em>Voodoo Dolly (v1.0)</em> was tested in Windows with Firefox1.0.7,
IE6.0, Netscape7.2 and Opera7.54 with valid css and xhtml 1.0-strict.</p>
<p>As is, download time for 56k is 5.76 seconds; ISDN 128K at 1.90 seconds;
T1 at .35 seconds.</p>
<p>All images weigh in at 19.5KB.</p>
<h2>Better Living Through Open Source Design</h2>
<p>This is an open source design originally developed for the OSWD community
and is free to be used and adpated as such. If you need help figuring
things out or have questions about customizing this design, you can contact
me through OSWD or
visiting www.raykdesign.net.</p>
<p>If you use this design, please drop me a line so that I can see it in
action. Thanks and good luck!</p>
</div>
</div>
<div class="footer">
<div class="footer_logo"><img alt="" src="img/footer_logo.jpg" /></div>
<span id="footer">Copyright, 2005 (Your Site Name) • Design
by <a href="http://www.dbfnetwork.info/rayk/index.html">pogy366</a> for
OSWD • <a href="http://validator.w3.org/check?
uri=referer">Valid
XHTML</a> • <a href="http://jigsaw.w3.org/css-
validator/">Valid
CSS</a></span> </div>
</div>
<div class="bottom"></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Curiously.Green 1.0</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="default.css" />
</head>
<body>
<div id="header">
<div id="header_inner">
<h1><span>My.</span>Website</h1>
<div id="slogan">Gravida tortor lectus pellentesque.</div>
</div>
</div>
<div id="main">
<div id="lcol">
<div id="menu">
<ul>
<li><a href="#">Homepage<span></span></a></li>
<li><a href="#">My Blog<span></span></a></li>
<li><a href="#">Portfolio<span></span></a></li>
<li><a href="#">About Me<span></span></a></li>
<li><a href="#">Contact Me<span></span></a></li>
</ul>
</div>
<div id="menu_end"></div>
<div id="lcontent">
<h3 class="first">Interesting.<span>Stuff</span></h3>
<ul class="divided">
<li class="first"><a href="#">Tincidunt aliquam</a></li>
<li><a href="#">Cursus lorem nulla</a></li>
<li><a href="#">Nunc ante elit</a></li>
<li><a href="#">Tincidunt aliquam</a></li>
<li><a href="#">Cursus sed tempus</a></li>
</ul>
<h3>Aliquam.<span>Cursus</span></h3>
<p><a href="#">Sollicitudin sed</a> arcu et vivamus viverra. Nullam turpis.
Vestibulum Nullam turpis vestibulum.</p>
<div class="divider"></div>
<p><a href="#">Vestibulum veroeros</a> sed arcu et vivamus viverra lorem
ipsum dolor sit amet dolore nulla facilisi.</p>
</div>
</div>
<div id="rcol">
<div id="rcontent">
<h1>Curiously<span>.Green<sup>1.0</sup></span></h1>
<span id="slogan2">a plain and simple free design</span>
<div class="box">
<div class="box_inner">
<div class="captioned_image"> <img src="images/pic.jpg" alt="" />
<div>Fig 1. Obscure?</div>
</div>
<h2>Some obscure headline</h2>
<p>Sollicitudin et, arcu. Vivamus viverra. Nullam turpis. Vestibulum sed
etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed tortor. Nullam turpis.
Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed tortor.</p>
</div>
</div>
<h3>Obscure.<span>Explanations</span></h3>
<p> <strong>Curiously.green<sup>1.0</sup></strong> is a free, lightweight,
tableless, W3C-compliant website design
by NodeThirtyThree Design. You can't sell it (or derivative
works based on it), but you're free to use it, dissect it, and manipulate
it to your heart's content.
If you want to use it in any other manner, drop us a line nd we'll talk
about it. </p>
<p> We hope you find this design useful for ... well, something. You can find
more of our free work
(when released) at the same place you found this design, or some of our
commercial work on <a href="#">4Templates.com</a>, a commercial website template
site. </p>
<div class="divider"></div>
<div class="summary">- Those people at <a href="#">NodeThirtyThree
Design</a></div>
<h3>Tincidunt.Sed.<span>Vestibulum</span></h3>
<p> Quisque suscipit, quam vel aliquet tincidunt, eros nisi ultrices urna, a
interdum est purus vitae leo.
Pellentesque a lectus et tortor tincidunt <a href="#">dignissim etiam</a>.
Aliquam erat volutpat. Quisque
risus nunc, eleifend gravida, ullamcorper non, gravida ut, nulla. </p>
</div>
</div>
</div>
<div id="footer"> © 2006 My.Website. All rights reserved. Design by <a
href="http://www.nodethirtythree.com/">NodeThirtyThree</a>. </div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<!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>Daisy Cutter</title>
<link rel="stylesheet" type="text/css" href="printstyle.css" media="print" />
<link rel="stylesheet" type="text/css" href="screenstyle.css" media="screen" />
</head>
<body>
<div class="wholepage">
<div id="header">
<div class="superheader">http://www.yourdomain.com</div>
<div class="mainheader">
<h1>Daisy Cutter</h1>
<p>“Your motto or random text”</p>
</div>
<div class="subheader">Welcome to Daisy Cutter by Ad_267</div>
</div>
<div id="sidecontainer">
<h2>Navigation</h2>
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h2>Links</h2>
<ul class="nav">
<li><a href="#">OSWD</a></li>
<li><a href="#">WPDFD</a></li>
<li><a href="#">stock.xchng</a></li>
<li><a href="#">Wikepedia</a></li>
</ul>
</div>
<div id="content">
<h1>New Design</h1>
<p>This web page is validated xhtml strict and css 2 and uses no tables. Due to
all the formatting being in a style sheet this page is very easy to edit and the
design is also easy to change. I also decided to include a print style sheet with
this design so that your computer will automatically print a printer friendly page.
Try and make sure that the content is longer than the links on the left so that the
design looks it's best.</p>
<q>“This design uses no tables and includes a print
stylesheet.”</q>
<h1>The Daisy Photo</h1>
<p>I found this photo on stock.xchng and thought it would look great in a
design. The photo was taken by Dimiter Tzankov so if you use this design and decide
to keep that photo you must leave the photo credit at the bottom of the page.</p>
<h1>Daisy Cutter</h1>
<p>The BLU-82 daisy cutter is a bomb used by the US Military, specifically the
USAF. The origins of the name 'daisy cutter' (which is an understatement, see
daisy) are disputed. It is generally supposed to derive from Vietnam War-era usage
of the device, but in that era, it was known as Commando Vault when used to clear
landing fields (rumored to be able to clear a 300 foot diameter landing zone) for
helicopters by being dropped from a C-130 transport aircraft, or as Big Blue 82 for
the bomb on its own. Information from Wikipedia</p>
</div>
<div id="footer">
<div class="superfooter"></div>
<div class="mainfooter">
<p>Copyright © Whatsisname Thingymajig 2005</p>
<p>Daisy Photo Credit: <strong><a href="http://www.sxc.hu/browse.phtml?
f=profile&l=tzankov">Dimiter
Tzankov</a></strong> :: Design by <strong><a
href="http://www.oswd.org/userinfo.phtml?user=ad_267">Ad_267</a></strong></p>
</div>
<div class="subfooter"></div>
</div>
</div>
</body>
</html>
<!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>danmyaz 1.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="media/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<ul class="solidblockmenu">
<li><a href="#">dolor sit</a></li>
<li><a href="#">consectetuer</a></li>
<li><a href="#" class="current">Aliquam</a></li>
<li><a href="#">Nullam</a></li>
<li><a href="#">Quisque gravida</a></li>
<li><a href="#">Cras turpis</a></li>
<li><a href="#">Home</a></li>
</ul>
<div class="top">
<div class="top-left">
<h1><a href="#">danmyaz</a><sub>1.0</sub></h1>
<h2>my first css template...</h2>
</div>
<div class="top-right">
<label>
<input name="textfield" type="text" value="Search..." />
<input type="submit" name="Submit" value="Go!" />
</label>
</div>
</div>
<div class="top-bottom">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Sed non risus.</div>
<div class="left">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">dolor sit</a></li>
<li><a href="#">consectetuer</a></li>
<li><a href="#">Aliquam</a></li>
<li><a href="#">Nullam</a></li>
<li><a href="#">Quisque gravida</a></li>
<li><a href="#">Cras turpis</a></li>
<li><a href="#">Curabitur</a></li>
<li><a href="#">Nunc vitae</a></li>
</ul>
<br style="clear:left;" />
<div class="sidebox">Valid <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> & <a href="http://jigsaw.w3.org/css-
validator/">CSS</a></div>
</div>
<div class="right">
<h1>header-1</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nibh leo,
gravida hendrerit, aliquam eget, placerat eget, <a href="#">diam</a>. Nullam
facilisis iaculis nulla. Quisque gravida leo. Praesent sem nibh, imperdiet vel,
pulvinar nec, eleifend non, arcu.
<h1 class="red">Red H1</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<h2>header-2</h2>
Duis laoreet semper lectus. Phasellus tristique ultricies leo. Cras turpis.
Curabitur feugiat. Nunc vitae leo et odio <a href="#">auctor congue</a>.
<h3>header-3</h3>
Aenean et pede sit amet risus dapibus ullamcorper. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.<br />
<br />
The top menu is from Dynamic Drive.<br />
<br />
Please leave comments & suggestions here </div>
<br style="clear:both;" />
<div class="footer">© Your Company |
Design by <a href="http://www.mad-Designs.org">M.A.D.
Designs</a></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dark Shine</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- navigation -->
<ul id="nav">
<li id="current"><a href="#">Home</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Chat</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#">Contest</a></li>
<li><a href="#">FAQ</a></li>
</ul>
<!-- main title -->
<h1 id="title">DARK SHINE</h1>
<!-- beginning of actual page -->
<div id="wrapper">
<!-- this is the small black bar -->
<div id="top">
<ul>
<li id="search"><a href="#">search</a></li>
<li id="login"><a href="#">login</a></li>
<li id="join"><a href="#">Join!</a></li>
<li id="chat"><a href="#">Chat!</a></li>
</ul>
<span>total users: <strong>1,000,000</strong> currently online:
<strong>100</strong> using IM: <strong>50</strong> new photos:
<strong>99</strong></span> </div>
<!-- space for ads -->
<div id="adspace"> ad space </div>
<!-- image links -->
<div id="main">
<h1>New Members</h1>
<ul>
<li> <a href="#"><img src="images/box.jpg" width="105px" height="105px"
alt="" /></a>
<h2>profile name</h2>
</li>
<li> <a href="#"><img src="images/box.jpg" width="105px" height="105px"
alt="" /></a>
<h2>profile name</h2>
</li>
<li> <a href="#"><img src="images/box.jpg" width="105px" height="105px"
alt="" /></a>
<h2>profile name</h2>
</li>
<li> <a href="#"><img src="images/box.jpg" width="105px" height="105px"
alt="" /></a>
<h2>profile name</h2>
</li>
<li> <a href="#"><img src="images/box.jpg" width="105px" height="105px"
alt="" /></a>
<h2>profile name</h2>
</li>
</ul>
</div>
<!-- rest of content -->
<div class="content">
<h1>Latest News</h1>
<h2>Hello Again</h2>
This is Jack. I haven't been around for a while and I thought I'd contribute
another template. I've been busy with school and work, but summer is almost here
and it looks like I'll be back on the horse with some new designs. This one was
originally a concept I developed for a client of mine. They liked it a lot, but it
wasn't quite what they were looking for. I didn't want to waste the design, so I
coded it up for openwebdesign. I've tested the layout in Firefox and IE, and I
suspect it's fine for most other browsers. If you catch a glitch, give me a shout
and I'll see what I can do. </div>
<div class="content">
<h1>Latest Posts</h1>
<!-- this is a list of links -->
<ul class="hover_list">
<li><a href="#">Hey guys what's up?</a></li>
<li><a href="#">New template uploaded!</a></li>
<li><a href="#">Math sucks, lets all ban math</a></li>
<li><a href="#">Students' strike against raising tuition!</a></li>
<li><a href="#">Diagonal stripes are so cheesy</a></li>
</ul>
</div>
<div class="content">
<h1>Second Header</h1>
<h2>Welcome</h2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem
Ipsum has been the industry's standard dummy text ever since the 1500s, <a
href="#">when an unknown printer took a galley</a> of type and scrambled it
to
make a type specimen book. It has survived not only five centuries, but also
the
leap into electronic typesetting, remaining essentially unchanged. It was
popularised in the 1960s with the release of Letraset sheets containing Lorem
Ipsum passages, and more recently with desktop publishing software like Aldus
PageMaker including versions of Lorem Ipsum. </div>
<div class="content">
<h1>More stolen content from lipsum.org</h1>
It is a long established fact that a reader will be distracted by the readable
content of a page when looking at its layout. The point of using Lorem
Ipsum is that it has a more-or-less normal distribution of letters, as opposed to
using 'Content here, content here', making it look like readable English. Many
desktop publishing packages and web page editors now use Lorem Ipsum as
their default model text, and a search for 'lorem ipsum' will uncover many web
sites still in their infancy. Various versions have evolved over the years,
sometimes by accident, sometimes on purpose (injected humour and the
like). </div>
<!-- footer -->
<div id="footer">Copyleft 2006. Feel free to do with as you wish | <a href="#">My
Portfolio</a> | <a href="#">My Blog</a> | <a href="#">My Artwork</a></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Free CSS Templates - Free Template Dark Theme</title>
<meta name="description" content="Free CSS Templates features free templates from
website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates,
Templates, Free Templates, CSS" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="images/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Your Company</h1>
<ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#">Sign In</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Home</a></li>
</ul>
<div class="Visual"> </div>
</div>
<div id="CONTENT">
<h2>Welcome</h2>
<div id="TEXT">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rhoncus, eros
nec dictum adipiscing, mauris orci ornare pede, a dictum neque lacus sed ligula.
Pellentesque mollis arcu quis lorem. Sed vitae quam et mauris euismod aliquam.
Pellentesque quis nisl a ante iaculis volutpat. Duis varius sem at nisi. Etiam
mattis scelerisque erat. Maecenas lacus sapien, elementum non, semper id, gravida
vel, risus. Suspendisse mi risus, iaculis in, bibendum quis, pulvinar eget, velit.
Fusce neque libero, vestibulum a, fermentum vel, rutrum sit amet, mauris. Ut ac
dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse interdum
nisi congue ligula. </p>
<p>Nam dignissim ligula vel sapien. Curabitur viverra lacus sagittis sem. Donec
pretium pretium sapien. Aenean dapibus, augue quis pulvinar iaculis, velit libero
rhoncus dui, a adipiscing elit libero at elit. Donec facilisis mauris quis dui.
Donec et justo. Praesent ornare vestibulum quam. Sed ultricies pellentesque mi.
Etiam odio. Aenean justo. Fusce quis massa ac risus sodales ultricies. Duis eget
eros sed ante placerat dignissim. </p>
</div>
</div>
<div id="FOOTER">
<p> <a href="#">FAQ</a> • <a href="#">Terms</a> •<a href="#">Home</a>
• <a href="#">About Us</a></p>
<p>Your Company © 2006 </p>
<p><a href="http://www.gettemplate.com">Designed by GetTemplate.com</a></p>
</div>
<script src="http://www.google-analytics.com/urchin.js"
type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-24";
urchinTracker();
</script>
</body>
</html>
<!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>AmazinglyCool</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>amazinglycool</h1>
<h2>Free CSS Template</h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="columnA">
<h2>Welcome to Sitename.com!</h2>
<p>AMAZINGLYCOOL is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="columnB">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>Darkened</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Darkened</h1>
<h2>Menu</h2>
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Products</a></li>
<li><a href="#" accesskey="3">Services</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h3>Lorem Ipsum</h3>
<ul class="list">
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
</ul>
<p> </p>
<h3>Consequat Portitor</h3>
<p><img src="images/img6.jpg" alt="" width="179" height="59" /></p>
<p>Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus interdum.
Donec <a href="#">pede nisl gravida</a> iaculis, auctor vitae, bibendum sit amet,
mauris. Cras adipiscing libero et risus. Donec rutrum. <a
href="#">More…</a></p>
</div>
<div id="colTwo">
<h2>Welcome</h2>
<img src="images/img7.jpg" alt="" width="114" height="104" style="float: left;
margin-right: 25px;" />
<p>Darkened is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo to the left is from PDPhoto.org. You're free to use this
template for both commercial or personal use. I only ask that you link back to my
site in some way. Enjoy :)</p>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus
mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec,
adipiscing at, elit. Maecenas sed sem sit amet lectus mattis molestie. Integer quis
eros lorem ipsum dolor sit amet veroeros consequat.</p>
<p> </p>
<h2>Blandit Etiam</h2>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet <a href="#">magna ac
lacus</a> dapibus interdum. Donec pede nisl, gravida iaculis, auctor vitae,
bibendum sit amet, mauris. Cras adipiscing libero et risus. Donec rutrum tempus
massa. Proin at mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla
quis, sagittis nec, adipiscing at, elit. Maecenas <a href="#">sed sem sit amet
lectus</a> mattis molestie. Integer quis eros lorem ipsum dolor sit amet veroeros
consequat.</p>
</div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All rights reserved. Design by <a
href="http://freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Darkness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Darkness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper">
<div id="header">
<div id="logo">
<h1><a href="index.html">Darkness</a></h1>
<p>Free Website Template</p>
</div>
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">Link Text</a></li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper">
<div id="latest">
<div class="fl_left"><a href="#"><img src="images/demo/575x300.gif" alt=""
/></a></div>
<div class="fl_right">
<h2>Cursus penati saccum ut.</h2>
<p>Cursuspenatisaccum ut curabitur nulla tellus tor ames a in curabitur pede.
Idet mollisi eros dis orci congue elis et curabitur consequam intesque.
Cursuspenatisaccum ut curabitur nulla tellus tor.</p>
<ul>
<li><a href="#"><img src="images/demo/100x100.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/100x100.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/100x100.gif" alt=""
/></a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper">
<div id="intro">
<ul>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<div class="imgholder"><a href="#"><img src="images/demo/300x150.gif"
alt="" /></a></div>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. </p>
<p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<div class="imgholder"><a href="#"><img src="images/demo/300x150.gif"
alt="" /></a></div>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. </p>
<p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Indonectetus facilis leo nibh</h2>
<div class="imgholder"><a href="#"><img src="images/demo/300x150.gif"
alt="" /></a></div>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. </p>
<p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper">
<div id="container">
<div id="content">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
</div>
<div id="column">
<div class="holder">
<h2>Nullamlacus loborttis</h2>
<ul id="latestnews">
<li class="last"><img class="imgl" src="images/demo/80x80.gif" alt="" />
<p><strong>Indonectetus facilis leo nibh.</strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper">
<div id="footer">
<div id="newsletter">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Dear Diary</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Dear Diary</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="search">
<h2>Search</h2>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18" />
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>
</div>
<div id="content">
<div id="colOne">
<div id="latest-post">
<h2 class="title"><a href="#">Welcome to Dear Diary!</a></h2>
<h3 class="posted">Posted on February 1st, 2007 by <a
href="#">Author</a></h3>
<div class="story"><img src="images/img3.jpg" alt="" width="180" height="135"
class="image" />
<p><em><strong>Dear Diary</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Etiam eu nibh. Quisque condimentum varius velit. Proin interdum erat
quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Vivamus in odio.</p>
</div>
</div>
<div id="recent-posts">
<h3 class="title">Recent Posts</h3>
<ul>
<li><strong><a href="#">Lorem ipsum dolor sit amet</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Cras sagittis est laoreet odio</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Sed pulvinar ornare urna</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Quisque in dolor non erat</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Fusce lobortis dui molestie eros</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Maecenas vel leo nec dui
pulvinar</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
</ul>
</div>
<div style="clear: both; height: 1px;"></div>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Pages</h2>
<ul>
<li class="active"><a id="page1" href="#">Home</a></li>
<li><a id="page2" href="#">My Photos</a></li>
<li><a id="page3" href="#">My Favorites</a></li>
<li><a id="page4" href="#">About Me</a></li>
<li><a id="page5" href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
</ul>
<div style="clear: both;"> </div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Dear Diary. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Decayed</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div id="container">
<div id="content">
<h1 id="site-title"><a href="#">Decayed</a></h1>
<p id="site-description">another trash style website template</p>
<h1 class="decay"><a href="#">Porttitor posuere</a></h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<img src="img/sample-image.gif" width="120" height="90" alt="sample image"
class="right border" />
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est
pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo.
Vestibulum ac ante. Sed in est.</p>
<blockquote>
<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere
laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</p>
</blockquote>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae,
interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris.
Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a> risus.
Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius pede
tristique ultricies. Cras nisl. Proin quis massa semper felis euismod ultricies.
</p>
<h1 class="decay"><a href="#">Adipiscing</a></h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non
euismod nulla dui non diam.</p>
<ol>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ol>
<p>Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est. Sed
sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet,
turpis massa tristique justo, sed egestas metus magna sed purus. Fusce eleifend,
dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla
mi.</p>
<h1 class="decay"><a href="#">Interdum</a></h1>
<div class="descr">May 24, 2006 by Lectus</div>
<img src="img/sample-image.gif" width="120" height="90" alt="" class="left
border" />
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo placerat elit,
eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh.</p>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat
molestie.</p>
<div id="footer"> <span class="left">© 2007 <a href="#">Website.com</a>.
Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a></span> <span
class="right">Website template by <a href="http://arcsin.se">Arcsin</a></span>
<div class="clearer"><span></span></div>
</div>
</div>
<div id="navigation">
<h2 class="decay">Something</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h2 class="decay">Another thing</h2>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h2 class="decay">Third and last</h2>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat molestie</a></li>
</ul>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Deep Impact</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1"
/>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Your<span>Site</span>.com</h1>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">services</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">site map</a></li>
<li><a href="#">contacts</a></li>
</ul>
</div>
<div id="block">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ut enim.
Mauris in enim. Nulla rutrum. Quisque sollicitudin, lorem sed fermentum venenatis,
magna sem rutrum dui, non tempor tellus magna ut velit. Proin sit amet tortor sed
massa tempus tincidunt. Suspendisse potenti. Suspendisse accumsan cursus ligula.
Mauris commodo. Nulla facilisi. In dapibus. Praesent malesuada. Integer tristique
mattis enim. Vestibulum id lectus luctus erat scelerisque bibendum. Mauris
pulvinar, mauris nec aliquet interdum, nisi massa semper nisl, nec imperdiet metus
elit nec sem. Nam ut turpis. Mauris laoreet accumsan pede. Fusce porttitor tempus
leo.</p>
<p>Proin sit amet tortor sed massa tempus tincidunt. Suspendisse potenti.
Suspendisse accumsan cursus ligula. Mauris commodo. Nulla facilisi. In dapibus.</p>
</div>
<ul id="nav">
<li><a href="#" class="active">home</a></li>
<li><a href="#">services</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">contacts</a></li>
</ul>
<div id="pathway"> Home > Services > Web Design </div>
<div id="body">
<div class="clear"> </div>
<div id="left">
<p>Some more text here or delete this for 1 solid block of text.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi.
Fusce condimentum varius metus. Mauris lacus. Vivamus egestas facilisis eros.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi.
Fusce condimentum varius metus. Mauris lacus. Vivamus egestas facilisis eros.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi.
Fusce condimentum varius metus. Mauris lacus. Vivamus egestas facilisis eros.</p>
</div>
<div id="right">
<p>Here is some more text.</p>
<p>Susmonte urnar et nam temper congue a leo maurisus morbi nibh.
Conguecondimenterdum ac natis eget sed ant sed arcu ut nectus sapien. Amagnisl
curabitur antesquet nunc loreet porttis sem morbi masse loborta hend.
Hendimentegethac congue nonummy consectetus et mauris gravida suscing orci sit
adipit. Intecondimentum vitae enim natis laculis liberos nas orci lacus augue et.
Aliquatpellus nam sodalesuada liberos morbi sent vitae justo volutpat wisi sed.
Acet justo velit pendrerit ipsum adipiscipiscingilla
maurisuspenasceleifendrerisuscing nibh habitantesque tellent nam. Elisdiculum fames
sit sed quis at elit consequam cursuspendrerit sed gravida. Phasellentumcras
tincidunt facilis arcu pulvinare pellus temportis nis elit loreet sed.
Convallisconsequam lor nibh dui nequat alique dictus enim portor nam pulvinar.</p>
<p>Pharetiumac ac elit lacilis gravida gravida sed ac dolor id cursusce.
Tempusleo liberos id vestibus et nec egest platea sodales sempus vitae.
Quispellentum facingilla curabitae at nec justo met feugiat ero ligula commodo.
Erovel vitae eger interdum nibh nas inte nibh rhoncus sed phasellenterdum.
Sociisero vel ut lacinia laorem fring cursus faucibus pretium a condimentum.
Ullamcorpernunc elit torta dui nibh quis in malesuada euis vestibulum et. Duiwisi
elit elit in enim vel id alique lacus leo por. Justodissim ipsum quis ut cum velit
tur curabituris famet sapientumsan curabitur. Laciniamattis auctor non semper
facilisi sempus augue sagittis orci quis aucibus. Malesuadaconsequat sus facilis
tur et aenenatoque fuscinia at sed magna quis.</p>
<p>Duisit habiturpiscinia et aenean duis loreet feugiat consequat met eget
ultris. Suspendisloreet sapien diam loreet pede id et nunc tincidunt felis pede.
Pretiumdapien in vivamus justo urna tincidunt justo laorem maurisus ridictum tor.
Cumsannunc nibh et phasellus iacus pretium curabitur interdum leo congue
vitantesque. Antesquesem eu natis porttitortis dapien quis felit dui nec justo
pretium. Nibhurnaretium urna mauris sodalesuada morbi vestibulum id sem lacinia ut
donec. Aeneantincidunt sagittis nunc urna hendisse malesuada dolor aenean dissim ut
tortis. Mattisat in sociis loborta amet facilis nam et malesuada nulla eros.
Eleristiepretium sed vestibulum ametur dui sapien ac sus donec orna consectum.
Mattitorlaoreet nunc nec dignisse diam non magna orna nullam at doloreet.</p>
<p>Wisinulla met pellus maurisque volutpat dis justo tellentum velit ridictum
mus. Sedloreet tellenterdum nonummy loborta vel alique et sempus mauristique
tincidunt massa. Ipsumsed males monterdum tur por orci non mollis dui congue nibh.
Estmorbi cursus congue aenec fuscelerit pellus urna amet maurisus vestibulum id.
Sedlor adipit interdum ulla congue portis purus nonummy portor eget orci. Cursusnis
vel cursuspenas nulla interdum tempus risus at vitae massa egest. Urnaurna nunc ut
ipsum orci nibh volutpat nunc urna nisl tincidunt. Interdumlor tortis justo nam sed
fusce nibh nequat ac facilis vivamus. Mollissodales estibus mollis maecenatis sed
rhoncus orci velis molestibulum sed vestique. Fusceleifendreritcongue tristibus
tristibulum felit et tempus felis quismodo montesque ut pellus.</p>
<p>Quamtincidunt semper morbi morbi sed aenenas dapibulum vestas nasceleris
aliquam vitassa. Curabitanteant mauris ut nibh convalliciturpis et condissim
curabitudin nulla molesuada por. Vitaenon risque laorem sed et tellus pede tellus
et pellentumst sem. Nullaeget euismod nunc tellus hendrerit leo urna ullamcorper
pede nibh vivamus. Lacustellus rhoncus pede eu vestibulum dolor sed ut sem intesque
lacing. Elitsus velis alique et gravida metus antesque enim gravida semper in.
Justoet ac trisque natibulum lobortor pellus et quis ipsum odio et. Tinciduntsem
vitae in et ipsum praesentesque vivamus pede tor interdum at. Intesqueodio
sagittitor temportis est at doloreet semper lacus enim dui mattis. Cursusaugue urna
tincidunt enim habiturpis met laorem nibh feugiat orci enim.</p>
<p>Quisa vestibulum id estibulum fring sapibus massa quis pede accumst
trisus. Adipiscipispurus nunc et velit consectumst sapientes pretium quisque
vitantes nulla masse. Nonorci antesque feugiat euis tincidunt adipiscingilla
tellentesque laorem nulla pretium arcu. Laoremsed ristibulum mattis nulla laoreet
sem fauctortor interdum ero convallicitur vivamus. Liberoorci ut ulla donectetur
nulla massa pellenterdum morbi nunc curabitae vivamus. Quislor quis mollisi nec
lacinia orna ipsum eget nibh lacilis risque. Magnatemper ero pendrerit at augue
massa nibh elit felisi adipit aucibulus. Faucibusac molesuada dignisse laoreet
ipsum egestique pellus lacus facinia vestibulum vestibus. Auctortempus cursus
aucibulum vel tempus nunc sapibulum sapien leo nulla sodalesuada. Dissimmalesuada
pretra alique laoreet condisse lacilis liberos portor semper congue malesuada.</p>
</div>
<div class="clear"> </div>
</div>
<div id="footer"> Design by <a href="http://www.td50.com">TD50.com</a> |
Copyright 2006 yoursite.com | XHTML | CSS </div>
</div>
</body>
</html>
<!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-AU">
<head>
<title>DeepBlack</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="nav">
<ul>
<li><a class="active" href="#">Home</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">PW2</a></li>
<li><a href="#">ABC's</a></li>
<li><a href="#">Web Designs</a></li>
</ul>
</div>
<div class="header">
<h1>DeepBlack</h1>
</div>
<div class="content">
<div class="entry">
<h2>Lorem ipsum</h2>
<p> The background is from the great site at SquidFingers. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Ut rutrum velit a sapien volutpat
porttitor. Mauris et ante venenatis justo condimentum aliquet. Praesent risus
neque, faucibus at, convallis ac, dictum <a href="#">fermentum</a>, mi. Fusce
tincidunt neque nec arcu. </p>
<p> Pellentesque habitant <a href="#">morbi tristique</a> senectus et netus et
malesuada fames ac turpis egestas. Proin eu orci eu mauris blandit vestibulum. Cras
egestas magna vitae felis. In purus urna, aliquam non, tempus eget, placerat vel,
elit. Donec neque justo, fermentum id, mollis non, mattis ut, odio. Phasellus quis
dui. Donec ultrices mollis libero. </p>
</div>
<div class="entry">
<h2>Free Designs!</h2>
<p> If you go to Open Design, they are offering free template creation. Not
only for regular html, but also for WordPress, Mamboo, Joomla, and Drupal. All you
have to do is give a description of what you want and they'll create it for you.
The best things in life are free. </p>
</div>
<div class="entry">
<h2>Vivamus massa</h2>
<p> Vivamus massa. Quisque adipiscing viverra magna. In et arcu nec leo lacinia
ornare. Morbi a felis at ipsum faucibus bibendum. Proin condimentum eros ac mi.
Integer viverra, justo eu tristique convallis, sem turpis venenatis dolor, vel
semper nisi mi nec felis. Sed lorem. <a href="#">Nam turpis</a>. Fusce sagittis.
Aenean quis nunc iaculis risus interdum sagittis. Praesent adipiscing auctor nisi.
Nam nec dolor ac est tempor tincidunt. Nam nonummy massa et justo. </p>
<p> Fusce pulvinar pulvinar lorem. Curabitur fringilla metus et lacus.
Vestibulum tincidunt aliquet eros. Vestibulum dapibus elit id ante. Nullam eget
risus. </p>
</div>
<div class="links">
<div class="column"> <span class="title">Links</span>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
</ul>
</div>
<div class="column"> <span class="title">Some More</span>
<ul>
<li><a href="#">Link 7</a></li>
<li><a href="#">Link 8</a></li>
<li><a href="#">Link 9</a></li>
<li><a href="#">Link 10</a></li>
</ul>
</div>
</div>
</div>
<div class="footer">
<p>Designed by <a href="http://Design.awardspace.us">graystatic</a> | ©
your company </p>
</div>
</body>
</html>
<!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>
<title>Deliciously Blue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<form name="form1" id="form1" method="post" action="#">
<input type="text" name="textfield" value="Search For..." />
<input class=" button" type="submit" name="Submit" value="GO" />
</form>
<h1>Deliciously Blue</h1>
<p>so tasty it hurts</p>
</div>
<div id="tabs10">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
<li><a href="#"><span>Link 7</span></a></li>
</ul>
</div>
<div id="container2">
<div id="content">
<h2>Here is the Main Content</h2>
<p> Well, I don't have too much to say about this template. It was heavily
inspired by "Leaves" by "Anthonyy". I also used a menu that I found in the
Designologue. So really, I didn't do much here, but it was my first submitted
template and I am quite happy with it. I believe this thing is standards compliant
too.<br />
<br />
<img src="left.gif" alt="Left Align" width="150" height="112"
class="left" />Now I also added some image classes to position your nifty photos,
so go ahead and have yourself a merry little time. There is a left one, a right
one, and guess what? A center one!<br />
<br />
Quisque viverra, eros sed imperdiet iaculis, est risus facilisis quam, id
malesuada arcu nulla luctus urna. Nullam et est. <br />
</p>
<h2>Quisque facilisis</h2>
<p> <img src="left.gif" alt="Right Align" width="150" height="112"
class="right" />Aenean eros arcu, condimentum nec, dapibus ut, tincidunt sit amet,
urna. Quisque viverra, eros sed <a href="#">imperdiet</a> iaculis, est risus
facilisis quam, id malesuada arcu nulla luctus urna. Nullam et est. Vestibulum
velit sem, faucibus cursus, dapibus vestibulum, pellentesque et, urna. Donec
luctus. Donec lectus. Aliquam eget eros facilisis tortor feugiat sollicitudin.
Integer lobortis vulputate sapien. Sed iaculis erat ac nunc. <br />
<br />
Aenean eros arcu, condimentum nec, dapibus ut, tincidunt sit amet, urna.
Quisque viverra, eros sed imperdiet iaculis, est risus facilisis quam, id malesuada
arcu nulla luctus urna. Nullam et est. <a href="#">Vestibulum velit</a> sem,
faucibus cursus, dapibus vestibulum, pellentesque et, urna. Donec luctus. Donec
lectus. Aliquam eget eros facilisis tortor feugiat sollicitudin. Integer lobortis
vulputate sapien. Sed iaculis erat ac nunc.<img src="left.gif" alt="" width="150"
height="112" class="center" /></p>
<h2>Fusce varius</h2>
<p> Aenean eros arcu, <a href="#">condimentum</a> nec, dapibus ut, tincidunt
sit amet, urna. Quisque viverra, eros sed imperdiet iaculis, est risus facilisis
quam, id malesuada arcu nulla luctus urna. Nullam et est. Vestibulum velit sem,
faucibus cursus, dapibus vestibulum, pellentesque et, urna. Donec luctus. Donec
lectus. Aliquam eget eros facilisis tortor feugiat sollicitudin. Integer lobortis
vulputate sapien. Sed iaculis erat ac nunc.</p>
</div>
<div id="sidebar">
<h2>Sidebar</h2>
<p>This is a little tidbit for sidebar content. This whole column could be
used for whatever kind of purpose: news, pics, etc.</p>
<p>Aenean eros arcu, condimentum nec, <a href="#">dapibus</a> ut, tincidunt
sit amet, urna. Quisque viverra, eros sed imperdiet iaculis, est risus facilisis
quam, id malesuada arcu nulla luctus urna. Nullam et est.</p>
<p>Aenean eros arcu, condimentum nec, dapibus ut, tincidunt sit amet, urna.
Quisque viverra, eros sed imperdiet iaculis, est risus facilisis quam, id malesuada
arcu nulla luctus urna. Nullam et est.</p>
</div>
<div id="footer">
<p> <a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0</a> |
Copyright © Your Name Here | Design by <a href="#">super j man</a> </p>
</div>
</div>
</div>
</body>
</html>
<!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>Desert Sand</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="bg">
<div id="header">
<div id="logo">
<h1><a href="#">Desert Sand</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<div id="menu">
<h2>Navigation Menu</h2>
<ul>
<li><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="content">
<div id="splash">
<div class="top"><img src="images/img07.jpg" alt="" width="460"
height="180" /></div>
<div class="bottom"></div>
</div>
<div id="welcome">
<h2>Welcome to Desert Sand!</h2>
<p><strong>Desert Sand</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. Enjoy :)</p>
</div>
<div id="samples">
<h2>Common Markup Examples</h2>
<p>This is a paragraph followed by an unordered list of links. Quisque
dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh. In
posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.</p>
<ul>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida
blandit.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat
eleifend.</a></li>
</ul>
<h3>A Heading Level Three</h3>
<blockquote>
<p>This is a blockquote. Quisque dictum integer nisl risus, sagittis
convallis, rutrum id, congue, and nibh. In posuere eleifend odio quisque semper
augue mattis wisi maecenas ligula.</p>
</blockquote>
<h3>A Heading Level Three</h3>
<p>Another paragraph example followed by an ordered list:</p>
<ol>
<li>Integer sit amet pede vel arcu aliquet pretium.</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
</ol>
</div>
</div>
<div id="sidebar">
<h3 class="title">Urna Congue Rutrum</h3>
<div class="content">
<p>Donec leo. Vivamus fermentum nibh in augue. Praesent a lacus at urna
congue rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh.</p>
<ul>
<li><a href="#">Duis enim nulla luctus</a></li>
<li><a href="#">Eu dapibus lacinia venenatis</a></li>
<li><a href="#">Id quam vestibulum imperdiet</a></li>
<li><a href="#">Magna nec eleifend rutrum</a></li>
<li><a href="#">Nunc lectus vestibulum velit</a></li>
<li><a href="#">Euismod lacinia quam nisl</a></li>
<li><a href="#">Quisque erat vestibulum</a></li>
<li><a href="#">Pellentesque justo mollis</a></li>
<li><a href="#">Suscipit justo nulla blandit</a></li>
<li><a href="#">Libero in blandit augue justo</a></li>
<li><a href="#">Fusce mattis viverra elit</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
<div class="bottom"></div>
</div>
</div>
<div id="footer">
<p><a href="#">Home</a> | <a href="#">Terms of Use</a><br />
©2007 Desert Sand. All Rights Reserved.</p>
</div>
</div>
</body>
</html>
<!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>Deserted</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Deserted</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="content">
<div id="welcome">
<p style="margin: 0;"><img src="images/img06.jpg" alt="" width="160"
height="200" class="left" /></p>
<h2 class="title">Welcome to Deserted!</h2>
<p><strong>Deserted</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<!-- end #welcome -->
<div id="olist" class="boxed">
<h2 class="title">An Ordered List In A Box</h2>
<div class="content">
<ol>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus enatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elit vitae</a></li>
<li><a href="#">Sed quis odio sagittis leo</a></li>
</ol>
</div>
</div>
<!-- end #olist -->
<div id="ulist" class="boxed">
<h2 class="title">Boxed Bulleted List</h2>
<div class="content">
<ul>
<li><a href="#">Etiam malesuada rutrum</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elit vitae</a></li>
<li><a href="#">Sed quis odio sagittis leo</a></li>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus enatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
</ul>
</div>
</div>
<!-- end #ulist -->
</div>
<!-- end #content -->
<div id="sidebar">
<div id="menu">
<h2>Navigation Menu</h2>
<ul>
<li class="first"><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Product Catalog</a></li>
<li><a href="#" accesskey="4">Our Services</a></li>
<li><a href="#" accesskey="5">Customer Support</a></li>
<li><a href="#" accesskey="6">Community Forums</a></li>
<li><a href="#" accesskey="7">Contact Us</a></li>
</ul>
</div>
<!-- end #menu -->
<div class="boxed">
<h2 class="title">A Sidebar's Blockquote</h2>
<div class="content">
<blockquote>
<p>“Quisque dictum integer nisl risus, sagittis convallis, rutrum
id, congue, and nibh. Donec leo, vivamus fermentum nibh in augue praesent a lacus
at urna congue rutrum.”</p>
</blockquote>
</div>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Deserted. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>Webdesign</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<style type="text/css" media="all">
@import "ie.css";
</style>
<![endif]-->
</head>
<body>
<div id="ie"></div>
<div id="wrapper">
<ul id="nav">
<li><a href="#"><img src="images/menu_1.gif" width="31" height="70"
alt="home" /></a></li>
<li><a href="#"><img src="images/menu_2.gif" width="31" height="70"
alt="portfolio" /></a></li>
<li><a href="#"><img src="images/menu_3.gif" width="31" height="70"
alt="designs" /></a></li>
<li><a href="#"><img src="images/menu_4.gif" width="31" height="70"
alt="client" /></a></li>
<li><a href="#"><img src="images/menu_5.gif" width="31" height="69"
alt="contact" /></a></li>
</ul>
<h1><a href="#"><img src="images/logo.gif" width="135" height="30" alt="logo"
/></a></h1>
<div id="body">
<div class="inner">
<div id="content">
<div>
<h2>Content,</h2>
<p>Please replace this text with the original one. Please replace this
font with the customised one. please replase this font. This is demo text please
replase this with your text.</p>
</div>
</div>
<!-- end content -->
<div id="page_title"> <img src="images/title_main_page.gif" width="47"
height="148" alt="main page" /> </div>
<!-- end page_title -->
<div id="news">
<div>
<div>
<h2><img src="images/title_latest_news.gif" width="78" height="5"
alt="latest news" /></h2>
<img src="images/picture_3.jpg" width="96" height="56" alt="picture
3" />
<p>05-20-2005</p>
<p>This is a demo text please replase this text with the original one
please replase this text.</p>
<p class="readmore"><a href="#"><img src="images/btn_learn_more.gif"
width="68" height="7" alt="learn more" /></a></p>
</div>
</div>
</div>
<!-- end news -->
<div class="clear"></div>
</div>
<!-- end .inner -->
<div id="footer"> <img src="images/footer.gif" width="435" height="196"
alt="tortoise" class="footer" /> <img src="images/footer_ie.gif" width="435"
height="196" alt="tortoise" class="footerie" /> </div>
<!-- end footer -->
</div>
<!-- end body -->
<div id="paper">
<div class="inner">
<h2><img src="images/title_latest_designs.gif" width="90" height="5"
alt="latest designs" /></h2>
<a href="#"><img src="images/picture_1.jpg" width="130" height="74"
alt="picture 1" /></a> <a href="#"><img src="images/btn_zoom.gif" width="130"
height="22" alt="zoom in" /></a> <a href="#"><img src="images/picture_2.jpg"
width="130" height="74" alt="picture 2" /></a> <a href="#"><img
src="images/btn_zoom.gif" width="130" height="22" alt="zoom in" /></a>
<p>This is a demo text please replase the text with the original one. Please
replase the text.</p>
<p class="readmore"><a href="#"><img src="images/btn_more.gif" width="52"
height="6" alt="see more" /></a></p>
</div>
<!-- end .inner -->
</div>
<!-- end paper -->
</div>
<!-- end wrapper -->
<div style="clear:both;position:relative;display:block;margin-top:530px;" > Powered
by <a href="http://www.freewebsitetemplates.com">Free Website Templates</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Ambiance
Version : 1.0
Released : 20070807
Description: A wide two-column, fixed width template with fluid header/footer
background. Suitable for blogs and small websites.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Ambiance by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- start header -->
<div id="header">
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Ambiance</a></h1>
<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
</div>
<!-- end header -->
<!-- start page -->
<div id="page">
<!-- start content -->
<div id="content">
<div class="post">
<p class="date">September <b>30th</b></p>
<h1 class="title">Welcome to Our Website!</h1>
<p class="meta"><small>Filed under <a href="#">Uncategorized</a> |
<a href="#">Comments (12)</a></small></p>
<div class="entry">
<p>This is <strong>Ambiance</strong>, a free, fully standards-compliant CSS
template designed by <a href="http://www.freecsstemplates.org/">Free CSS
Templates</a>. This free template is released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions
2.5</a> license, so you're 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>This template is also available as a <a
href="http://www.freewpthemes.net/preview/ambiance/">WordPress theme</a> at <a
href="http://www.freewpthemes.net/">Free WordPress Themes</a>.</p>
<h2>Sample Tags</h2>
<blockquote>
<p>“A blockquoted paragraph. In posuere eleifend odio quisque
semper augue mattis wisi maecenas ligula.”</p>
</blockquote>
<p>An example of an ordered list:</p>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
<li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
</ol>
<h3>Heading Level 3: Followed by an Unordered List</h3>
<ul>
<li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
<li>Maecenas vitae orci vitae tellus feugiat eleifend.</li>
<li>Etiam ac tortor eu metus euismod lobortis</li>
</ul>
</div>
</div>
</div>
<!-- end content -->
<!-- start sidebar -->
<div id="sidebar">
<ul>
<li id="search">
<h2>Search</h2>
<form method="get" action="">
<fieldset>
<input type="text" id="s" name="s" value="" />
<input type="submit" id="x" value="Search" />
</fieldset>
</form>
</li>
<li>
<h2>Lorem Ipsum</h2>
<ul>
<li><a href="#">Fusce dui neque fringilla</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
</ul>
</li>
<li>
<h2>Volutpat Dolore</h2>
<ul>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Fusce dui neque fringilla</a></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar -->
</div>
<!-- end page -->
<div id="footer">
<p id="legal">©2007 Ambiance. All Rights Reserved. | Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"><a href="#">Privacy</a> | <a href="#">Terms</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dew Drops</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<!-- container start -->
<div id="right">
<!-- right side start-->
<ul id="menu">
<!-- menu start -->
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
<!-- menu end -->
<h1>Site News</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean gravida magna id diam.
Donec sodales nunc id nibh. Phasellus nisl. Quisque augue ante, ornare sit amet,
imperdiet vitae, fermentum et, felis. Nullam et orci. In congue gravida dui. Mauris
at erat eu tortor interdum malesuada.<br />
<a href="#">Read more...</a></p>
<h1>Comment</h1>
<div class="comment">
<!-- right comment -->
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa.<br />
<a href="#">Read more...</a> </div>
<!-- end right comment -->
</div>
<!-- end right side -->
<div id="header">
<!-- begin header--->
<h1>Dew Drops</h1>
</div>
<!-- end header--->
<div id="main">
<!-- begin main -->
<h1>Template Info</h1>
<img src="images/leaf2.gif" alt="" width="100" height="100" border="0" />
<p>This template was inspired by the wonderful template called "Autumn" by
"JayKay", who was one of the winners of OWD's fall contest. I hope you like my
version. Dew Drops has been tested on Firefox 1.5.0.1 and IE6 and it is valid XHTML
transitional and CSS. It's completely open source so there's no usage restrictions,
but please email me at karen[at]karenblundell[dot]com if you do use it. I love to
see how my Designs are being used. Enjoy!</p>
<p>Random text...lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Morbi tortor enim, molestie in, egestas vitae, venenatis id, neque. Fusce purus
turpis, laoreet sit amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean
gravida magna id diam. Donec sodales nunc id nibh. Phasellus nisl. Quisque augue
ante, ornare sit amet, imperdiet vitae, fermentum et, felis. Nullam et orci. In
congue gravida dui. </p>
<p>Example of a list:</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<h1>Another Header</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean gravida magna id diam.
Donec sodales nunc id nibh. Phasellus nisl. Quisque augue ante, ornare sit amet,
imperdiet vitae, fermentum et, felis. Nullam et orci. In congue gravida dui. </p>
<div class="footer">
<!-- begin footer -->
Copyright© 2006 Your Company<br />
Template Design by <a href="http://www.karenblundell.com">Karen Blundell (aka
arwen54)</a>. </div>
<!-- end footer -->
</div>
<!-- end main -->
</div>
<!-- end container -->
<div id="farright">
<!-- begin far right...can be used for google ads -->
<h3>G</h3>
<h3>0</h3>
<h3>O</h3>
<h3>G</h3>
<h3>L</h3>
<h3>E</h3>
<h3>A</h3>
<h3>D</h3>
<h3>S</h3>
<p><span><a href="http://validator.w3.org/check?uri=referer">Valid
XHTML</a> ~ <a href="http://jigsaw.w3.org/css-validator/">Valid
CSS</a></span></p>
</div>
<!-- end far right -->
</body>
</html>
<!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>Differential</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Services</a></li>
<li><a href="#" accesskey="3">Information</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
<div id="search">
<form id="form1" method="get" action="#">
<div>
<input type="text" name="textfield1" id="textfield1" />
<input type="submit" name="submit1" id="submit1" value="Search" />
</div>
</form>
</div>
</div>
<div id="content">
<div id="colOne">
<div id="logo">
<h1><a href="#">Differential</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div class="boxed">
<h3>Lorem ipsum dolor</h3>
<ul>
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
</ul>
</div>
<div class="boxed">
<h3>Mauris cras libero</h3>
<ul>
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
</ul>
</div>
</div>
<div id="colTwo">
<div id="welcome">
<h2>Welcome to Sitename.com</h2>
<img src="images/img5.jpg" alt="" width="109" height="109" class="image" />
<p><strong>Differential</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo to the left is from PDPhoto.org.
You're free to use this template for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna ac lacus
dapibus interdum. Donec pede nisl, gravida iaculis, auctor vitae, bibendum sit
amet, mauris. Cras adipiscing libero et risus. Donec rutrum tempus massa. Proin at
mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec,
adipiscing at, elit. Maecenas sed sem sit amet lectus mattis molestie. Integer quis
eros lorem ipsum dolor sit amet veroeros consequat.</p>
</div>
<div class="post">
<h3>Fusce quisque condimentum</h3>
<h4><strong>01.14.2007</strong> | <a href="#">34 Comments</a></h4>
<p>Morbi sit amet magna ac lacus dapibus interdum. Donec nec risus vel sem
dignissim tristique. Sed neque. Fusce in elit. Quisque condimentum, ante id
convallis convallis, sapien est dignissim elit, vel pulvinar augue eros quis metus.
Suspendisse pede nisl, gravida iaculis, auctor vitae, bibendum sit amet, mauris.
Cras adipiscing libero et risus. Donec rutrum tempus massa. Proin at mauris sed
elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec, adipiscing
at, elit. Maecenas sed sem sit amet lectus mattis molestie. Integer quis eros.</p>
</div>
<div class="post">
<h3>Maecenas lectus mattis</h3>
<h4><strong>01.14.2007</strong> | <a href="#">16 Comments</a></h4>
<p>Morbi sit amet magna ac lacus dapibus interdum. Donec nec risus vel sem
dignissim tristique. Sed neque. Fusce in elit. Quisque condimentum, ante id
convallis convallis, sagittis nec, adipiscing at, elit. Maecenas sed sem sit amet
lectus mattis molestie. Integer quis eros sapien est dignissim elit, vel pulvinar
augue eros quis metus. Suspendisse pede nisl, gravida iaculis, auctor vitae,
bibendum sit amet, mauris. Cras adipiscing libero et risus. Donec rutrum tempus
massa. Proin at mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla
quis, sagittis nec, adipiscing at, elit.</p>
</div>
</div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All rights reserved. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>Dimension</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Blogs</a></li>
<li><a href="#" accesskey="3">Photos</a></li>
<li><a href="#" accesskey="4">Links</a></li>
<li><a href="#" accesskey="5">About</a></li>
<li><a href="#" accesskey="6">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="header">
<h1><a href="#">Dimension</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<div class="post">
<h1 class="title">Welcome to Dimension!</h1>
<div class="story">
<p><strong>Dimension</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
<div class="post boxed">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three </li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li class="first"><a href="#">June 2007</a> <i>(2)</i></li>
<li><a href="#">May 2007</a> <i>(31)</i></li>
<li><a href="#">April 2007</a> <i>(30)</i></li>
<li><a href="#">March 2007</a> <i>(31)</i></li>
<li><a href="#">February 2007</a> <i>(28)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li class="first"><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
<li>
<h2>Blog Roll</h2>
<ul>
<li class="first"><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Dimension. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"> <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a
href="http://validator.w3.org/check/referer"><abbr title="eXtensible HyperText
Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Dirtylicious</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="outer-container">
<div class="inner-container">
<div class="header">
<div class="title"> <span class="sitename"> <a
href="#">Dirtylicious</a></span>
<div class="slogan">Free website template</div>
</div>
</div>
<div class="path"> <a href="#">Home</a> › <a href="#">Subpage</a> </div>
<div class="main">
<div class="content">
<h1>Porttitor posuere</h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate
elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique
tortor. In bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor,
sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus
leo. Vestibulum ac ante. Sed in est.</p>
<blockquote>
<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</p>
</blockquote>
<h2>Sollicitudin</h2>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam
vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius
mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a>
risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius
pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod
ultricies. </p>
<h1>Adipiscing</h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate
elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique
tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium
leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum
ac ante. Sed in est.</p>
<h1>Interdum</h1>
<div class="descr">May 24, 2006 by Lectus</div>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet,
dui. Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh.
Curabitur pellentesque, lectus at <a href="#">volutpat interdum</a></p>
<h3>Sem justo</h3>
<p>Placerat elit, eget feugiat est leo tempor quam. Ut quis neque convallis
magna consequat molestie. Nullam semper massa eget ligula. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque a
nibh quis nunc volutpat aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna
consequat molestie.</p>
</div>
<div class="navigation">
<h2>Something</h2>
<ul>
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h2>Another thing</h2>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h2>Third and last</h2>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat molestie</a></li>
</ul>
</div>
<div class="clearer"> </div>
</div>
<div class="footer"> <span class="left"> © 2007 <a
href="#">Website.com</a>. Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> </span> <span class="right"> Website template by <a
href="http://arcsin.se">Arcsin</a> </span>
<div class="clearer"></div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>DJ Club</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<ul>
<li id="navtop"></li>
<li><a class="link" href="#">Home</a></li>
<li><a class="link" href="#">Parties</a></li>
<li><a class="link" href="#">Gallery</a></li>
<li><a class="link" href="#">Flyers</a></li>
<li><a class="link" href="#">About us</a></li>
<li><a id="last" href="#">Contact us</a></li>
<li id="navbottom"></li>
</ul>
</div>
<div id="content">
<div id="left">
<h3>NEWS & UPDATES</h3>
<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>
<br />
<br />
<br />
<br />
<br />
<br />
<img id="djset" src="images/djset.gif" alt="djset" /></div>
<div id="middle">
<h3>PHOTOS and VIDEOS</h3>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#"><img id="photos" src="images/photos.jpg" alt="djset" /></a></div>
<div id="right"> <a href="#"><img src="images/timetoparty.jpg" alt="time to
party" /></a>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
<div class="clear"></div>
<div id="footer">
<p>© Copyright information goes here.All rights reserved. | designed by
<a href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</div>
</div>
</body>
</html>
<!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>DkBlog</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="topbar">
<div class="content">
<div id="icons"> <a href="#"><img src="images/home.gif" alt="Home" /></a> <a
href="#"><img src="images/contact.gif" alt="Contact" /></a> <a href="#"><img
src="images/sitemap.gif" alt="Sitemap" /></a> </div>
<div class="url"> <a href="#">www.your-blog.com</a> </div>
</div>
</div>
<div id="top">
<div class="content">
<div id="menu">
<ul>
<li><a class="current" href="#"><span>HOME</span></a></li>
<li><a href="#"><span>ARTICLES</span></a></li>
<li><a href="#"><span>GALLERY</span></a></li>
<li><a href="#"><span>AFFILIATES</span></a></li>
<li><a href="#"><span>ARTICLES</span></a></li>
<li><a href="#"><span>ABOUTS US</span></a></li>
<li><a href="#"><span>CONTACT</span></a></li>
</ul>
</div>
<h1><a href="#">DkBlog</a></h1>
<h2>Your Best Slogan here</h2>
</div>
</div>
<div class="content">
<div id="main">
<div class="right_side">
<div class="pad">
<h3>Thank you for visiting!</h3>
<p> Free-css-templates.com was created on the 3 of April 2006 and has
already about 3000 unique visitors per day! <br />
<a href="#">Read more...</a> </p>
<h3>Last Articles:</h3>
<ul>
<li><a href="#">Ajax-Tutorials.com</a></li>
<li><a href="#">Csszengarden.com dead?</a></li>
<li><a href="#">New dedicated server</a></li>
<li><a href="#">Adobe Creative Suite 3...</a></li>
<li><a href="#">Style your Source Code...</a></li>
<li><a href="#">GeiselVille : free photoshop...</a></li>
<li><a href="#">The Best HDR Tutorials</a></li>
<li><a href="#">Complete Color Matching...</a></li>
<li><a href="#">Related Articles mod for...</a></li>
</ul>
<h3>Popular Articles:</h3>
<ul>
<li><a href="#">LOST - John Locke - Speed...</a></li>
<li><a href="#">Painting of the Mona Lisa in...</a></li>
<li><a href="#">Free Photoshop Brushes</a></li>
<li><a href="#">Free Photoshop Plugins...</a></li>
<li><a href="#">CSS gallery CSSHeaven...</a></li>
<li><a href="#">How to do glamour photo...</a></li>
</ul>
<a href="#"><img src="images/rss.jpg" alt="RSS Feed" /></a> </div>
</div>
<div class="right_side">
<div class="pad">
<h3>Categories:</h3>
<ul>
<li><a class="current" href="#">Home</a></li>
<li><a href="#">Templates</a></li>
<li><a href="#">CSS Techniques</a></li>
<li><a href="#">Internet</a></li>
<li><a href="#">Photoshop</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">sNews</a></li>
</ul>
<h3>Directory</h3>
<p>Links4se.com is a seo-friendly and human-edited general directory.
Featured links need to be paid only $4.95 for unlimited time and regular links only
$1.95!</p>
<h3>Creative News</h3>
<p><a href="#">Creative News</a> is a place for web developers searching
for fresh news on web development with one goal - to put their creativity into
action.</p>
<h3>Css Heaven</h3>
<p><a href="#">CSS Heaven</a> has one objective to provide you with a
central resource to view a wide range of eye catching and innovative web design
plus inspire you to create new and exciting web designs. </p>
<h3>Premium Templates</h3>
<p>These <a href="#">website templates</a>, flash templates and other
products are ready-made web designs, that can be used as a basis for fast and high-
quality website and are completely customizable and ready for immediate download!
</p>
</div>
</div>
<div id="left_side">
<div class="intro">
<div class="pad">sNews is a completly free PHP and MySQL driven content
management system for managing web content. Consisting of only one file, sNews is
extremely lightweight, easy to install, and easy to use via a simple web interface.
<br />
<a href="#">Download</a> | <a href="#">Read more...</a>
</div>
</div>
<div class="mpart">
<h2>Webdesign</h2>
<h3>Posted on April 11 , 2007 in <a href="#">sNews</a></h3>
<p>A website like free-css-templates.com is a collection of information
about a particular topic or subject. Designing a website is defined as the
arrangement and creation of web pages that in turn make up a website. A web page
consists of information for which the website is developed. A website might be
compared to a book, where each page of the book is a web page. </p>
<p> Here a code sample made with Code2CSS: </p>
<ol class="code">
<li class="t0">for ($i = 0; $i < $num_kw; $i++) {</li>
<li class="t2"><code>$keywords = trim($kws[$i]);</code></li>
<li class="t2"><code>$value .= " keywords_meta LIKE '%$keywords%'
";</code></li>
<li class="t2"><code>if ($i < $num_kw-1) {</code></li>
<li class="t3"><code>$value .= " OR ";</code></li>
<li class="t2"><code>}</code></li>
<li class="t0">}</li>
</ol>
<p>Blockquote example:</p>
<blockquote>
<p>The Extensible HyperText Markup Language, or XHTML, is a markup
language that has the same depth of expression as HTML, but with a syntax that
conform to XML syntax.</p>
</blockquote>
<div class="date"><a href="#">Comments (5)</a></div>
<h2>Cascading Style Sheets</h2>
<h3>Posted on April 10 , 2007 in <a href="#">Internet</a></h3>
<div class="rs"> <strong>List example</strong>:
<ul>
<li>list line 1</li>
<li>list line 2
<ul>
<li>sublist line a</li>
<li>sublist line b</li>
</ul>
</li>
</ul>
</div>
<p>In computing, <b>Cascading Style Sheets</b> (<b>CSS</b>) is a stylesheet
language used to describe the presentation of a document written in a markup
language. Its most common application is to style web pages written in HTML and
XHTML, but the language can be applied to any kind of XML document, including SVG
and XUL. The CSS specifications are maintained by the World Wide Web Consortium
(W3C).</p>
<p>CSS has various levels and profiles. Each level of CSS builds upon the
last, typically adding new features and are typically denoted as CSS1, CSS2, and
CSS3. Profiles are typically a subset of one or more levels of CSS built for a
particular device or user interface. Currently there are profiles for mobile
devices, printers, and television sets. Profiles should not be confused with media
types which were added in CSS2.</p>
<div class="date"><a href="#">Comments (11)</a></div>
</div>
</div>
</div>
<div id="footer">
<div class="right">© Copyright 2007, Your Website - Design: <a
href="http://www.free-css-templates.com">Free Css Templates</a></div>
<a href="#">Home</a> - <a href="http://validator.w3.org/check?uri=referer"
title="Validate">XHTML</a> - <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="Validate">CSS</a> </div>
</div>
</body>
</html>
<!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>Dog care template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>DogCare</h1>
<div id="nav-top">
<ul>
<li id="tab-faq">
<div><a href="#">faq</a></div>
</li>
<li id="tab-map">
<div><a href="#">site maps</a></div>
</li>
</ul>
</div>
<div id="nav">
<ul>
<li class="home"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Our Cost</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Training Tips</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
<div id="content">
<div class="left-col">
<div id="welcome">
<h2>Welcome</h2>
<p>Don't forget to check <a href="#">free website templates</a> every day,
because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look
like.</p>
<p><a href="#">more...</a></p>
</div>
<h2>Our Dog Gallery...</h2>
<div id="gallery">
<div class="box">
<h3>01</h3>
<img src="images/pic_1.jpg" width="119" height="84" alt="Pic 1" />
<p>This is just a place holder so you can see how the site would look
like.</p>
<p class="more"><a href="#">more</a></p>
</div>
<div class="box box-lit">
<h3>02</h3>
<img src="images/pic_2.jpg" width="119" height="84" alt="Pic 2" />
<p>This is just a place holder so you can see how the site would look
like.</p>
<p class="more"><a href="#">more</a></p>
</div>
<div class="box">
<h3>03</h3>
<img src="images/pic_3.jpg" width="119" height="84" alt="Pic 3" />
<p>This is just a place holder so you can see how the site would look
like.</p>
<p class="more"><a href="#">more</a></p>
</div>
</div>
</div>
<div class="right-col">
<h2>Breed...</h2>
<ul>
<li><a href="#">Beagle </a></li>
<li><a href="#">Boxer </a></li>
<li><a href="#">Bulldog </a></li>
<li><a href="#">Chihuahua </a></li>
<li><a href="#">Dachshund </a></li>
<li><a href="#">German Shepherd </a></li>
<li><a href="#">Golden Retriever </a></li>
<li><a href="#">Labrador Retriever</a></li>
<li><a href="#">Maltese </a></li>
<li><a href="#">Poodle </a></li>
<li><a href="#">Pomeranian </a></li>
<li><a href="#">Pitbull </a></li>
<li><a href="#">Pug </a></li>
<li><a href="#">Rottweiler </a></li>
<li><a href="#">Shih Tzu </a></li>
<li><a href="#">Yorkie </a></li>
</ul>
</div>
<div class="clear"> </div>
<div id="later">
<div class="left-col">
<div class="box" id="later-b1"> <img src="images/pic_4.jpg" width="92"
height="175" alt="Pic 4" /> </div>
<div class="box" id="later-b2">
<h2>New Articles</h2>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>..</p>
<p class="more"><a href="#">more...</a></p>
</div>
<div class="box" id="later-b3">
<h2>Dog's Food</h2>
<p>This is a template designed by free website templates for you for free
you can replace all the text by your own text.</p>
<p class="more"><a href="#">more...</a></p>
</div>
<div class="box" id="later-b4"> <img src="images/pic_5.jpg" width="137"
height="166" alt="Pic 5" /> </div>
<div class="clear"> </div>
</div>
<div class="right-col">
<h2>Training Tips</h2>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the <a href="#">forum</a>.</p>
<p class="more"><a href="#">more...</a></p>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="clear" id="footc"> </div>
<div id="footer"> Copyright statement goes here. All rights reserved | designed
by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</body>
</html>
<!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>
<title>Dogs Palace</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="logo"> <a href="#"><img src="images/logo.jpg" alt="" border="0" /></a>
</div>
<div id="header">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">News & Updates</a></li>
<li><a href="#">Place and order</a></li>
<li><a href="#" class="lastchild">Contact</a></li>
</ul>
</div>
<div id="content">
<h1>Dog Names and Breeds</h1>
<div id="left">
<div class="text">
<h2>General Information about Hunting Dogs</h2>
<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. Don't want your boss to know you used a free website template
;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web
Templates.</p>
<h2>General Information about Hunting Dogs</h2>
<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. Don't want your boss to know you used a free website template
;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web
Templates.</p>
</div>
<div class="photos"> <img src="images/dog1.jpg" alt="bog 1" border="0" />
<img src="images/dog2.jpg" alt="bog 2" border="0" /> <img src="images/dog3.jpg"
alt="bog 3" border="0" /> <img src="images/dog4.jpg" alt="bog 4" border="0" /> <img
src="images/dog5.jpg" alt="bog 5" border="0" /> </div>
<div class="clear"></div>
</div>
<div id="right">
<h2>News & Views</h2>
Template Beauty.com
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
Just Web Templates
<p>Even more websites all about website templates on Just Web Templates.</p>
Template Beauty.com
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
Just Web Templates
<p>Even more websites all about website templates on Just Web Templates. Even
more websites all about website templates on Just Web Templates.</p>
<span>More</span> </div>
<div class="clear"></div>
</div>
<div id="footer">© Dogs palace copyright all rights reserve. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</body>
</html>
<!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=iso-8859-1" />
<title>*DOLPHIN*</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Your Company Name ....</h1>
<img class="imgleft" src="images/Dolphin.png" alt="logo"/></div>
<div id="gutter"></div>
<div id="col1">
<h2>Welcome to <span style="font-weight:bold; color:#FF9934;">Dolphin</span>
Template</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam consectetuer
pellentesque turpis. Vivamus augue. Quisque purus mauris, adipiscing quis, dapibus
non, dignissim vel, arcu. Etiam pede tortor, laoreet ut, elementum ut, varius ut,
eros. Nunc malesuada. Duis pellentesque elementum tortor. Praesent imperdiet.
Nullam scelerisque felis lobortis ante. Proin vitae ipsum non dui congue egestas.
Pellentesque ipsum. Proin convallis.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 03, 2007</span> </p>
<p>Phasellus varius, felis quis placerat ultrices, metus purus varius neque, sed
auctor lorem leo ac diam. Curabitur auctor, nibh ac aliquet ultrices, tellus ligula
laoreet urna, vel accumsan erat ipsum nec felis. Phasellus pellentesque. Vestibulum
et ligula sit amet mi suscipit semper. Nulla scelerisque tellus eu ante. In in
turpis. Mauris volutpat tortor. Mauris iaculis sagittis dui. Vivamus rutrum laoreet
nibh. Cras sit amet ligula. Integer lacus leo, condimentum id, fringilla feugiat,
mollis eget, metus. Nunc nunc sapien, suscipit non, placerat a, mattis ultricies,
odio.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 03, 2007</span> </p>
<p>Phasellus varius, felis quis placerat ultrices, metus purus varius neque, sed
auctor lorem leo ac diam. Curabitur auctor, nibh ac aliquet ultrices, tellus ligula
laoreet urna, vel accumsan erat ipsum nec felis. Phasellus pellentesque. Vestibulum
et ligula sit amet mi suscipit semper. Nulla scelerisque tellus eu ante. In in
turpis. Mauris volutpat tortor. Mauris iaculis sagittis dui. Vivamus rutrum laoreet
nibh. Cras sit amet ligula. Integer lacus leo, condimentum id, fringilla feugiat,
mollis eget, metus. Nunc nunc sapien, suscipit non, placerat a, mattis ultricies,
odio.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 03, 2007</span> </p>
</div>
<div id="col2">
<h2> About Our Company</h2>
<div class="box">
<p><img class="imgleft" src="images/badge.png" alt="logo"/><span
style="color:#FF9934; font-weight:bold;"> This template has been tested in Mozilla
Firefox and IE7. The page validates as XHTML 1.0 Transitional using valid CSS. It
will work in browser widths of 800x600, 1024x768 & 1280x1064. <br />
For more FREE CSS templates visit <a href="http://www.mitchinson.net">my
website</a>.</span>
</div>
<div class="box">
<p><img class="imgleft" src="images/badge2.png" alt="logo"/>Dolphin image is
from <a
href="http://commons.wikimedia.org/wiki/Category:PD_OpenClipart">wikimedia.org</a>.
The blue and orange badges used in this template are courtesy of <a
href="http://www.MouseRunner.com" title="free resources"> Mouse Runner</a>.</p>
</div>
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> <img src="images/search.gif" alt="search" />
:search</label>
</span> <span>
<input type="text" value="demo only" name="txtsearch" title="Text input:
search" id="txtsearch" size="25" />
</span> </div>
</fieldset>
</form>
</div>
<div id="col3">
<div id="navcontainer">
<ul id="navlist">
<li class="links">Navigate</li>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Contact</a></li>
<li class="links">Articles</li>
<li><a href="#">Article 1</a></li>
<li><a href="#">Article 2</a></li>
<li><a href="#">Article 3</a></li>
<li><a href="#">Article 4</a></li>
<li><a href="#">Article 5</a></li>
<li><a href="#">Article 6</a> </li>
<li class="links">Archives</li>
<li><a href="#">April 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">Feb 2007</a></li>
<li><a href="#">Jan 2007</a></li>
<li><a href="#">Dec 2006</a></li>
<li><a href="#">Nov 2006</a></li>
</ul>
</div>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | © 2007 Anyone | Design by <a
href="http://www.mitchinson.net"> www.mitchinson.net</a> | Licensed under a <a
rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
Attribution 3.0 License</a> </div>
</body>
</html>
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>DRAMA LIFE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="outer">
<div id="container">
<div id="wrap">
<div id="title"><font color="#660066" size="+6" face="Verdana, Arial,
Helvetica, sans-serif">D R A M A</font></div>
<div id="header"></div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Collection</a></li>
<li><a href="#">links</a></li>
<li><a href="#">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>B O L D</p>
<p> L I K E</p>
<p>ME.</p>
</div>
<h3>Welcome!</h3>
<p> this is my first try to make something as open source. First of all,
i want to give the credit to dream logic whose fashion page gave me an
inspiration. </p>
<h3>About the Designer</h3>
<p>The designer is young graduate<br/>
available at [email protected] <br/>
</p>
<p>About this Design</p>
<p>This template can be used by any one any where on the theory of open
source. </p>
<!-- end page content -->
</div>
<div id="footer"><br />
copyrights© <a href="http://www.decodeit.biz">BLACK ZERO</a> </div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>AMOREIRA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style_blue.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<div class="csschanger"><a href="#">Home</a> | <a href="#">Contacts</a> | <a
href="#">Sitemap</a> </div>
<div class="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 6</a></li>
</ul>
</div>
</div>
<div id="containerboth">
<div id="sidebar-a">
<div class="news">
<h1>News</h1>
<p>This is some extra content, it can be used for news, links, updates,
or anything else. </p>
</div>
<div class="search">
<p><strong>Looking for Something: </strong><br />
<br />
<input type="text" size="15" />
<input type="submit" name="Search" value="Search" />
</p>
</div>
<h1>Menu </h1>
<div id="rightmenu"><a href="#">One</a> <a href="#">Two</a> <a
href="#">Tree</a> <a href="#">Four</a></div>
<a href="http://validator.w3.org/check?uri=referer"><br />
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="" width="88"
height="31" border="0" /></a> </div>
<div id="content">
<h2>Hi there.</h2>
<p><img src="images/IMG_3711.JPG" alt="" width="80" height="60"
class="imgright" />I made this template to be distributed and used for free, but if
possible i would like you to give me some credit keeping the credits at the footer.
You can use this theme for whatever, all I ask is if you want please keep a <a
href="#">link</a> to my website. If you need some work done, please contact me for
more. </p>
<div class="box">
<h2>Lorem Ipsum </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.. </p>
</div>
<h2>Lorem Ipsum </h2>
<p> <img src="images/122-2214_IMG.JPG" alt="" width="60" height="80"
class="imgleft" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent lupt...</p>
</div>
</div>
<div id="footer">
<div class="fotext">Copyright © 2006. Design by <a
href="http://www.wdesign-it.com">WEDESIGNIT</a>. Any changes please contact me //
This Page Is Valid XHTML 1.0 Transitional!</div>
</div>
</div>
</body>
</html>
<!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>
<title>For Children</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<h1 id="logo"> <a href="#"><img src="images/logo.gif" width="166" height="33"
alt="" /></a> </h1>
<div id="wire"></div>
<div id="frame">
<div id="backing">
<div id="nav"> <img src="images/menu_woman.jpg" width="247" height="358"
alt="menu" usemap="#menu_woman_map" /> </div>
<!-- end id="nav" -->
<div id="body">
<div id="scroll">
<div id="content">
<h2><img src="images/hi_friends.gif" width="96" height="30" alt="hi
friends" /></h2>
<p>This is a demo text. It will be replaced by the original. This is a
demo text. It will be replaced by the original. This is a demo text. It will bw
replaced by the original. This is a demo text. It will bw replaced by the original.
This is a demo text. It will bw replaced by the original. This is a demo text. </p>
<p>This is a demo text. It will be replaced by the original. This is a
demo text. It will bw replaced by the original. This is a demo text. It will bw
replaced by the original. This is a demo text. It will bw replaced by the
original.</p>
<p class="readmore"><a href="#">.....Join Us</a></p>
</div>
<!-- end content -->
</div>
<!-- end scroll -->
</div>
<!-- end body -->
<div id="collectnow"><a href="#"><img src="images/collect_now.gif"
width="202" height="152" alt="collect dream princess books online" /></a></div>
<div id="greenguy"></div>
<div id="purplegal"></div>
</div>
<!-- end backing -->
</div>
<!-- end frame -->
</div>
<div id="copyright">Powered by <a href="http://www.freewebsitetemplates.com">Free
Website Templates</a></div>
<map name="menu_woman_map" id="menu_woman_map">
<area shape="poly" alt="Contact" coords="169,223, 176,246, 73,254, 67,232"
href="#" />
<area shape="poly" alt="Adventures" coords="62,209, 67,232, 169,225, 159,198"
href="#" />
<area shape="poly" alt="Music" coords="53,183, 59,209, 159,197, 159,177" href="#"
/>
<area shape="poly" alt="Stories" coords="53,159, 53,183, 159,177, 159,153"
href="#" />
<area shape="poly" alt="Home" coords="53,138, 53,159, 159,153, 159,132"
href="#" />
</map>
</body>
</html>
<!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>
<title>Dreamy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Dreamy</h1>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
</ul>
</div>
<div id="sidebar">
<div id="feed"> <a class="feed-button" href="#"> </a></div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
</ul>
<div id="sidebar-bottom"> </div>
</div>
<div id="content">
<div id="ad-top">
<!-- Insert 468x60 banner advertisement -->
</div>
<div class="entry">
<div class="entry-title"><a href="#">Lorem Ipsum</a></div>
<div class="date">Posted on 30 November 2006</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.</p>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi.</p>
<div class="comments"><a href="#">3 comments</a></div>
</div>
</div>
<div id="footer">
<div id="footer-valid"> <a
href="http://validator.w3.org/check/referer">xhtml</a> / <a
href="http://www.ginger-ninja.net/">ginger ninja!</a></div>
</div>
</div>
</body>
</html>
<!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>Earthling</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Earthling</h1>
<h2>Free CSS Template</h2>
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Blog</a></li>
<li><a href="#" accesskey="3">Photo Gallery</a></li>
<li><a href="#" accesskey="4">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Sitename.com</h2>
<img src="images/img5.jpg" alt="" width="102" height="102" class="image" />
<p class="indent"><strong>Earthling</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo to the left is from PDPhoto.org. You're free to use this
template for both commercial or personal use. I only ask that you link back to my
site in some way. Enjoy :) Sed vel quam. Vestibulum pellentesque. Morbi sit amet
magna ac lacus dapibus mauris sed elit venenatis porttitor. Morbi quam nisl,
fringilla quis, sagittis nec, adipiscing at, elit. Maecenas sed sem sit amet lorem
ipsum dolor sit amet veroeros consequat blandit sed nullam.</p>
<h3>Lorem Ipsum Dolor</h3>
<p>Fusce in turpis vitae nulla rutrum adipiscing. Ut urna. Maecenas at tellus.
Duis pellentesque massa fermentum diam blandit imperdiet. Sed posuere vulputate
magna. Proin placerat, nisl ut mollis tempus, magna nibh fringilla est, consequat
cursus diam metus vel dolor. Fusce ut nulla sit amet mi sodales dictum. Proin
tempor purus quis est. Donec nunc felis, hendrerit non, facilisis consectetuer,
faucibus nec, leo. Etiam vestibulum luctus nibh. In hac habitasse platea dictumst.
Vivamus luctus magna. Integer aliquam feugiat massa.</p>
<p>Sed tempor pede nec est. Aenean accumsan vestibulum nibh. Aliquam erat
volutpat. Praesent a odio. Proin at libero in tellus scelerisque aliquam. Morbi at
nisi. Ut at erat vel massa vulputate ultrices. Aliquam suscipit. Proin consequat,
felis eu pulvinar adipiscing, augue lorem vestibulum turpis, a ornare diam lectus
et neque. Aenean quis lacus. </p>
</div>
<div id="colTwo">
<h3>Sed Etiam</h3>
<p>Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus mauris sed
elit venenatis porttitor. Morbi sit amet lorem ipsum dolor sit amet veroeros
consequat blandit sed nullam. Blandit consequat etiam dolor.</p>
<h3>Nulla Maecenas</h3>
<ul>
<li class="first"><a href="#">Fusce in turpis vitae</a></li>
<li><a href="#">Nulla rutrum adipiscing urna</a></li>
<li><a href="#">Maecenas at tellus duis</a></li>
<li><a href="#">Pellentesque massa fermentum</a></li>
<li><a href="#">Diam blandit imperdiet sed</a></li>
<li><a href="#">Posuere vulputate magna</a></li>
<li><a href="#">Proin placerat nisl ut mollis</a></li>
<li><a href="#">Consequat cursus diam</a></li>
<li><a href="#">Metus vel dolor fusce ut nulla</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>(c) 2006 Sitename.com. All Rights Reserved. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>Earthy Colours</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="header">
<div id="header_inside">
<h1>have a big title..</h1>
<h2>and a slogan (maybe)</h2>
</div>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#" class="active">active link</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
<li><a href="#">link six</a></li>
</ul>
</div>
<div id="content">
<div class="left">
<h1>Important</h1>
<p>Licensed under the <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution
2.5</a>. You MUST retain the backlink to my site ( www.edg3.co.uk ) at the
bottom.</p>
<h1>About</h1>
<p>Designed by Christopher Robinson of EDG3.</p>
<p>This template was just a concept I decided to play around with firstly, then
I threw it into the mix at openwebDesign.org and asked for opinions. I started this
template quite grey (once again) but it got suggested to use earthy colors, so
here's my attempt at something completely new for me, with random new colors which
I have not really used before!</p>
<p>Hope its turned out well anyway.. not sure what you could use for but maybe
having the images down one side and text on the other may give you some idea's,
maybe someone finds a use for it.</p>
<code>This Design only uses two main images, the first is the logo image, and
the second is the main central column. Feel free to contact me if you use this
Design as its always nice to see them in use and see what people have changed in
it.</code>
<h1>Fancy a List?</h1>
<p>Well here's one anyway..</p>
<ul>
<li>red</li>
<li>blue</li>
<li>green</li>
</ul>
<h1>header-two</h1>
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam
turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed
tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis
sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.</p>
<div style="text-align:center">
<p></p>
<p></p>
<p>Copyright © <a href="#">Earthy Colours</a> 2007<br/>
Designed by <a href="http://www.edg3.co.uk/">edg3.co.uk</a><br />
Sponsored by Open Designs<br />
Valid <a href="http://jigsaw.w3.org/css-validator/">CSS</a> & <a
href="http://validator.w3.org/">XHTML</a></p>
</div>
</div>
<div class="center">
<!-- DO NOT REMOVE THIS CENTER SECTION AS IT IS NEEDED BY THE Design-->
</div>
<div class="right">
<h1>Latest Gallery Images</h1>
<img src="image/01.jpg" alt="01" /><br />
<br />
<img src="image/02.jpg" alt="02" /><br />
<br />
<img src="image/01.jpg" alt="01" /><br />
<br />
<img src="image/02.jpg" alt="02" /><br />
<br />
</div>
</div>
</body>
</html>
<!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>Eclipse</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Eclipse</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active first"><a href="#">Home</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="page">
<div id="content">
<div id="welcome" class="post">
<div class="title">
<h2>Welcome to Eclipse!</h2>
</div>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story"> <img src="images/img6.jpg" alt="" width="112"
height="112" class="left" />
<p><strong>Eclipse</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<div class="title">
<h2>Examples of Common Tags</h2>
</div>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="login" class="boxed">
<div class="title">
<h2>Client Account</h2>
</div>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<!-- end #login -->
<div class="boxed">
<div class="title">
<h2>Lorem Ipsum Dolor</h2>
</div>
<div class="content">
<ul class="list1">
<li class="first"><a href="#">Maecenas luctus lectus</a></li>
<li><a href="#">Etiam rhoncus volutpat</a></li>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Integer gravida nibh quis</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Praesent scelerisque erat</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Tempus quam quis nulla</a></li>
<li><a href="#">Fusce ultrices metus</a></li>
<li><a href="#">Praesent mattis nisl </a></li>
</ul>
</div>
</div>
</div>
<!-- end #sidebar -->
<div id="extra" style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Eclipse. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>Eco Friendly</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="main">
<div id="wrapper">
<div id="header">
<div class="logo"><a href="#" class="logo"><span>Eco</span>Friendly</a></div>
<div id="top">
<div id="user">7 users Online</div>
<div id="nav">
<div id="navcontainer">
<ul id="navlist">
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="bannerbg">
<div id="banner">
<h1>Another Free Release </h1>
<div class="leftcontent"> Yet another free release from FreeCSS.info. If
you use this template I ask that you do not distribute it to other and that you
keep the footer link back to www.freecss.info. If you would like to request a
template or copyright removal from an existing template please email me and I will
try to get back to you as soon as possible. The template is easy to edit and comes
with all the required files. If you need anything or think something has been
missed out please email me. The email for the queries is [email protected]. </div>
<div class="rightcontent"><img src="woodland.jpg" alt="woodland"
width="372" height="146" class="image" /></div>
</div>
<div class="contentmain">
<div class="leftcolumn">
<h2>Free CSS Template </h2>
<div id="navvy">
<ul id="navvylist">
<li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Templates</a></li>
</ul>
</div>
<h2>This Template </h2>
This is yet another free release from www.freecss.info. If you
downloaded it from a site other than www.freecss.info or www.webmaster-files.com
please email me at [email protected]. </div>
<div class="rightcolumn">
<h3>News Update </h3>
<div id="lipsum">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas
mauris augue, posuere vitae, iaculis vitae, volutpat nec, urna. Donec quam nunc,
convallis ut, pretium quis, rhoncus ut, nunc. Vivamus luctus velit. Mauris
facilisis fermentum leo. Vivamus rutrum pede quis libero. Fusce sed neque id nibh
congue aliquam. Nunc dolor lacus, aliquam mollis, congue a, iaculis eget, ante.
Nunc dictum lectus vel metus. Maecenas commodo nunc at justo. Mauris velit. Nulla
facilisi. Mauris aliquet, nibh vel vestibulum cursus, ligula arcu molestie purus,
ut mollis nunc eros eget urna. Vestibulum non nisi in purus laoreet lobortis.
Integer ornare velit eget sem. Sed adipiscing. Aliquam pede erat, laoreet et,
fringilla a, rutrum ac, libero. Nam pulvinar, nibh id varius ultrices, urna lorem
pulvinar justo, ac posuere mi massa ac purus. Nullam id elit. Mauris
sollicitudin.</p>
<p>Phasellus eget felis quis nibh mattis lacinia. Proin lacinia mollis
neque. Phasellus enim. Donec ut lectus. Fusce sit amet nisl id turpis hendrerit
rutrum. Mauris consectetuer condimentum neque. Phasellus semper commodo massa.
Vivamus ornare est. Phasellus sed lorem. Phasellus fringilla suscipit lacus. Morbi
ornare nisl nec dolor. Aliquam erat volutpat. Duis scelerisque turpis in neque.
Suspendisse tortor massa, rhoncus id, facilisis a, porttitor eget, nunc.</p>
</div>
<h3>News Update </h3>
<div id="div">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas
mauris augue, posuere vitae, iaculis vitae, volutpat nec, urna. Donec quam nunc,
convallis ut, pretium quis, rhoncus ut, nunc. Vivamus luctus velit. Mauris
facilisis fermentum leo. Vivamus rutrum pede quis libero. Fusce sed neque id nibh
congue aliquam. Nunc dolor lacus, aliquam mollis, congue a, iaculis eget, ante.
Nunc dictum lectus vel metus. Maecenas commodo nunc at justo. Mauris velit. Nulla
facilisi. Mauris aliquet, nibh vel vestibulum cursus, ligula arcu molestie purus,
ut mollis nunc eros eget urna. Vestibulum non nisi in purus laoreet lobortis.
Integer ornare velit eget sem. Sed adipiscing. Aliquam pede erat, laoreet et,
fringilla a, rutrum ac, libero. Nam pulvinar, nibh id varius ultrices, urna lorem
pulvinar justo, ac posuere mi massa ac purus. Nullam id elit. Mauris
sollicitudin.</p>
<p>Phasellus eget felis quis nibh mattis lacinia. Proin lacinia mollis
neque. Phasellus enim. Donec ut lectus. Fusce sit amet nisl id turpis hendrerit
rutrum. Mauris consectetuer condimentum neque. Phasellus semper commodo massa.
Vivamus ornare est. Phasellus sed lorem. Phasellus fringilla suscipit lacus. Morbi
ornare nisl nec dolor. Aliquam erat volutpat. Duis scelerisque turpis in neque.
Suspendisse tortor massa, rhoncus id, facilisis a, porttitor eget, nunc.</p>
</div>
<p> </p>
</div>
</div>
</div>
<div class="clear"></div>
<div id="footer"><a href="http://www.freecss.info">Free CSS Templates</a></div>
</div>
</div>
</body>
</html>
<!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>Ecology Portal</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>ECOLOGY PORTAL</h1>
</div>
<div id="pic">
<div id="leftmenu">
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Global Warming?</a></li>
<li><a href="#">Water: Renewable Resource?</a></li>
<li><a href="#">Composting 101</a></li>
<li><a href="#">Recycling 101</a></li>
<li><a href="#">Rain Barrels</a></li>
<li><a href="#">A Pesticide Free Home</a></li>
<li><a href="#">Wind Power</a></li>
<li><a href="#">Solar Power</a></li>
<li><a href="#">Public Transit: How We All Benefit</a></li>
</ul>
</div>
</div>
</div>
<p id="quote">"There is something fundamentally wrong with treating the earth as
if it were a business in liquidation."
~ Herman Daly</p>
<ul id="menu">
<li><a href="#">01. HOME</a></li>
<li><a href="#">02. ABOUT US</a></li>
<li><a href="#">03. PROGRAMS</a></li>
<li><a href="#">04. E-LEARNING</a></li>
<li><a href="#">05. RESOURCES</a></li>
<li><a href="#">06. CONTACT US</a></li>
<li><a href="#">07. SITE MAP</a></li>
</ul>
<div class="data">
<p> <span class="big">L</span>orem ipsum dolor sit amet, consectetuer
adipiscing elit,<span class="highlight"> sed diam nonummy nibh euismod
tincidunt</span> ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit<span
class="highlighttwo"> praesent luptatum zzril delenit augue duis</span> dolore te
feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue
nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
</div>
<div class="box">
<h1>Make Your Own Composter</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea <a href="#">commodo consequat</a></p>
</div>
<div class="box">
<h1>Buy Bulk - Reduce waste</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea <a href="#">commodo consequat</a></p>
</div>
<div class="box">
<h1>Preserving Your Neighbourhood eco-system</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
<a href="#">aliquip ex ea</a></p>
</div>
<div class="clear"></div>
<div class="contentbox">
<h2>Reduce Your Trash!</h2>
<p> <img src="images/01.jpg" alt="" width="159" height="200" class="" /><span
class="big">L</span>orem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.<span class="highlighttwo"> praesent luptatum zzril
delenit augue duis</span> velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet
doming id quod mazim placerat facer possim assum. </p>
<p class="link"> <a href="#">Further Reading</a> >></p>
</div>
<div class="contentbox">
<h2>save our wetlands</h2>
<p> <img src="images/02.jpg" alt="" width="159" height="200" class="" /><span
class="big">C</span>onsectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex
ea commodo consequat. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.<span class="highlight"> praesent luptatum zzril
</span> velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis
at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum
soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat
facer possim assum. </p>
<p class="link"> <a href="#">Further Reading</a> >></p>
</div>
<div class="clear"></div>
<div id="resources">
<div class="resources">
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
<div class="resources">
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
<div class="resources">
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<div id="footer">
<p> © Copyright Ecology Portal - <a
href="http://www.openDesigns.org/">TODC</a><br />
<a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Programs</a> |
<a href="#">e-Learning</a> | <a href="#">Contact Us</a> | <a
href="mailto:[email protected]">Coll23</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Edit 80</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<link rel="stylesheet" type="text/css" href="style/green.css" />
</head>
<body>
<div id="main">
<div id="links_container">
<div id="logo">
<h1>edit_80</h1>
<h2>A fluid two column template</h2>
</div>
<div id="links">
<!-- **** INSERT LINKS HERE **** -->
<a href="#">home</a> | <a href="#">another link</a> | <a href="#">another
link</a> | <a href="#">another link</a> </div>
</div>
<div id="menu">
<ul>
<!-- **** INSERT NAVIGATION ITEMS HERE (use id="selected" to identify the
page you're on **** -->
<li><a id="selected" href="#">home</a></li>
<li><a href="#">page 1</a></li>
<li><a href="#">page 2</a></li>
<li><a href="#">page 3</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
<div id="content">
<div id="column1">
<div class="sidebaritem">
<h1>latest news</h1>
<!-- **** INSERT NEWS ITEMS HERE **** -->
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p> <a href="#">read more ...</a></p>
<p></p>
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p> <a href="#">read more ...</a></p>
</div>
<div class="sidebaritem">
<h1>additional links</h1>
<div class="sbilinks">
<!-- **** INSERT ADDITIONAL LINKS HERE **** -->
<ul>
<li><a href="#">open Designs</a></li>
<li><a href="#">learn XHTML</a></li>
<li><a href="#">learn CSS</a></li>
<li><a href="#">get firefox</a></li>
</ul>
</div>
</div>
<div class="sidebaritem">
<h1>other information</h1>
<!-- **** INSERT OTHER INFORMATION HERE **** -->
<p> This space can be used for additional information such as a contact
phone number, address
or maybe even a graphic. </p>
</div>
</div>
<div id="column2">
<h1>introduction</h1>
<!-- **** INSERT PAGE CONTENT HERE **** -->
<p> This website template is released as an 'open source' Design (under the
<a href="http://creativecommons.org/licenses/by/2.5"> Creative Commons
Attribution 2.5</a> licence), which means that you are free to download and
use it for anything you want (including modifying and amending it).
All I ask is that you leave the 'Design by dcarter' link in the footer of
the
template, but other than that... </p>
<p> This standards compliant template is written entirely in XHTML 1.1 and
CSS,
and can be validated using the links in the footer. </p>
<p> You can view my other 'open source' template Designs <a
href="#">here</a>. </p>
<h1>alternative colour schemes</h1>
<p>Here are some alternative colour schemes for anyone who doesn't like
green:</p>
<div id="colour"> <a href="index_blue.html"><span
class="blue">blue</span></a> <a href="index_orange.html"><span
class="orange">orange</span></a> <a href="index_purple.html"><span
class="purple">purple</span></a> </div>
<h1>example elements</h1>
<h2>Bold Text</h2>
<p><strong>this is an example of bold text</strong></p>
<h2>Italics</h2>
<p><i>this is an example of italic text</i></p>
<h2>Links</h2>
<p><a href="#">this is an example link</a></p>
<h2>Block Quotes</h2>
<blockquote>
<p> Some blockquote text. Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. </p>
</blockquote>
<h2>Unordered Lists</h2>
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>
<br />
<h2>Ordered Lists</h2>
<ol>
<li>list item 1</li>
<li>list item 2</li>
</ol>
<br />
<h2>Images</h2>
<p>images can be placed on the left, in the center or on the right.</p>
<span class="left"><img src="style/graphic.jpg" alt="" /></span>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla
pariatur. </p>
<span class="center"><img src="style/graphic.jpg" alt="" /></span> <span
class="right"><img src="style/graphic.jpg" alt="" /></span>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla
pariatur. </p>
</div>
</div>
<div id="footer"> copyright © 2006 your name | <a
href="#">email@emailaddress</a> | <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> | <a href="http://www.dcarter.co.uk">Design by
dcarter</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Education Board
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Education Board</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.ui.min.js"></script>
<!-- Homepage Specific -->
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.easing.1.3.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.timers.1.2.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.galleryview.2.1.1.min.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.galleryview.setup.js"></script>
<!-- / Homepage Specific -->
</head>
<body id="top">
<div class="wrapper row1">
<div id="header" class="clear">
<div class="fl_left">
<h1><a href="index.html">Education Board</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right">
<p><a href="#">A - Z Index</a> | <a href="#">Student Login</a> | <a
href="#">Staff Login</a></p>
<form action="#" method="post" id="sitesearch">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="image" src="layout/images/search.gif" id="search"
alt="Search" />
</fieldset>
</form>
</div>
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="pages/3-columns.html">3 Columns</a></li>
<li><a href="pages/portfolio.html">Portfolio</a></li>
<li><a href="pages/gallery.html">Gallery</a></li>
<li><a href="#">This a very long link</a></li>
<li class="last"><a href="#">This is the last</a></li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row2">
<div id="hpage_featured" class="clear">
<!--
###################################################################################
#################### -->
<div id="featured_slide">
<ul>
<li><img src="images/demo/450x320.gif" alt="" />
<div class="panel-overlay">
<h2>Nullamlacus dui ipsum</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper convallis
nunc laoreet. <a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/450x320.gif" alt="" /></li>
<li><img src="images/demo/450x320.gif" alt="" />
<div class="panel-overlay">
<h2>Semvelit nonummy odio tempus</h2>
<p>Justolacus eger at pede felit in dictum sempus elit curabitur ipsum.
Ametpellentum. <a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/450x320.gif" alt="" />
<div class="panel-overlay">
<h2>Pedefamet orci orci quisque</h2>
<p>Nonnam aenenasce morbi liberos malesuada risus id donec volutpat
estibulum curabitae. <a href="#">Continue Reading »</a></p>
</div>
</li>
</ul>
</div>
<!-- ###### -->
<div class="intro clear">
<div class="welcome clear"><img class="imgl" src="images/demo/imgl.gif"
alt="" />
<div class="fl_right">
<h2>Welcome to Our University</h2>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa condimen tumfelis.</p>
</div>
</div>
<div class="popular">
<h2>Most Popular Links</h2>
<ul class="clear">
<li><a href="#">» Visiting the University</a></li>
<li><a href="#">» Undergraduate Courses</a></li>
<li><a href="#">» Graduate Courses</a></li>
<li><a href="#">» Postgraduate Research</a></li>
<li><a href="#">» Postgraduate Taught</a></li>
<li><a href="#">» International Students</a></li>
<li><a href="#">» Lifelong Learning</a></li>
<li><a href="#">» Graduate Health Services</a></li>
<li><a href="#">» Graduate Housing</a></li>
<li><a href="#">» Graduate Programs</a></li>
<li><a href="#">» Graduate Student Association</a></li>
<li><a href="#">» Campus Life At a Glance</a></li>
<li><a href="#">» Campus Recreation</a></li>
<li><a href="#">» Campus Safety & Security</a></li>
<li><a href="#">» Class Schedules</a></li>
<li><a href="#">» Course Descriptions & Catalogue</a></li>
<li><a href="#">» Residential Colleges</a></li>
<li><a href="#">» Schools and Colleges</a></li>
<li><a href="#">» Student Activities</a></li>
<li><a href="#">» Student Affairs</a></li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row3">
<div id="container" class="clear">
<!--
###################################################################################
#################### -->
<div id="homepage" class="clear">
<!-- ###### -->
<div id="content">
<div id="top_featured" class="clear">
<ul class="clear">
<li>
<h2>Sentumquisque Morbi</h2>
<img src="images/demo/300x120.gif" alt="" />
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus
mus semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Sentumquisque Morbi</h2>
<img src="images/demo/300x120.gif" alt="" />
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus
mus semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
<div id="latestnews">
<h2>Latest News & Events</h2>
<ul>
<li>
<p><strong>Sentumquisque morbi dui congue tincidunt eu
quis</strong><br />
This is a W3C compliant free website template from <a
href="http://www.os-templates.com/" title="Free Website Templates">OS
Templates</a>. This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>…</p>
<p class="readmore"><a href="#">Read The Full Story »</a></p>
</li>
<li>
<p><strong>Sentumquisque morbi dui congue tincidunt eu
quis</strong><br />
You can use and modify the template for both personal and
commercial use. You must keep all copyright information and credit links in the
template and associated files. For more CSS templates visit <a href="http://www.os-
templates.com/">Free Website Templates</a>…</p>
<p class="readmore"><a href="#">Read The Full Story »</a></p>
</li>
<li class="last">
<p><strong>Sentumquisque morbi dui congue tincidunt eu
quis</strong><br />
Vestassapede et donec ut est liberos sus et eget sed eget.
Quisqueta habitur augue magnisl magna phasellus sagittitor…</p>
<p class="readmore"><a href="#">Read The Full Story »</a></p>
</li>
</ul>
</div>
<div id="quicklinks">
<h2>Quick Links</h2>
<ul>
<li>
<p><a href="#">Make an Application <img src="images/demo/200x80.gif"
alt="" /></a></p>
</li>
<li>
<p><a href="#">Order a Prospectus <img src="images/demo/200x80.gif"
alt="" /></a></p>
</li>
<li class="last">
<p><a href="#">Support Us <img src="images/demo/200x80.gif" alt=""
/></a></p>
</li>
</ul>
</div>
</div>
<!-- ###### -->
<div id="column">
<div class="holder">
<h2>Take The Virtual Tour</h2>
<!-- Begin Flash Here - This is the correct method for W3C validation -->
<object type="application/x-shockwave-flash"
data="https://www.youtube.com/v/vxAU88LxLis?
version=3&hl=en_US&fs=1&rel=0" width="300" height="250">
<param name="movie" value="https://www.youtube.com/v/vxAU88LxLis?
version=3&hl=en_US&fs=1&rel=0" />
<param name="wmode" value="opaque" />
<param name="quality" value="high" />
<param name="bgcolor" value="#E9E9E9" />
<param name="allowfullscreen" value="false" />
<param name="allowscriptaccess" value="never" />
</object>
<!-- End Flash Here -->
<p>Aliquatpede id pellus elit quis in nec consectetuer mattis duis in.
Ipsumet ris morbi quis ac nulla aenean trisuscelerit nonummy augue et.</p>
<p class="readmore"><a href="#">Apply To The University Today
»</a></p>
</div>
<div class="holder last">
<h2>Student & Staff Representatives</h2>
<ul class="staffmembers">
<li class="clear"><img class="imgl" src="images/demo/80x80.gif"
alt="" />
<div class="fl_left">
<p><strong>Principals Name Here</strong></p>
<p>Principal / Headmaster</p>
<p><a href="#">View Full Profile »</a></p>
</div>
</li>
<li class="clear"><img class="imgl" src="images/demo/80x80.gif"
alt="" />
<div class="fl_left">
<p><strong>Another Name Goes Here</strong></p>
<p>Head of Student Access</p>
<p><a href="#">View Full Profile »</a></p>
</div>
</li>
<li class="clear"><img class="imgl" src="images/demo/80x80.gif"
alt="" />
<div class="fl_left">
<p><strong>Yet Another Name Here</strong></p>
<p>Student Union Representative</p>
<p><a href="#">View Full Profile »</a></p>
</div>
</li>
</ul>
</div>
</div>
<!-- ###### -->
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row4">
<div id="footer" class="clear">
<!--
###################################################################################
#################### -->
<div class="footbox">
<h2>Quick Links</h2>
<ul>
<li><a href="#">» Homepage</a></li>
<li><a href="#">» Contact Us</a></li>
<li><a href="#">» Sitemap</a></li>
<li><a href="#">» Privacy Policy</a></li>
<li><a href="#">» Terms of Use</a></li>
<li><a href="#">» Copyright Information</a></li>
<li><a href="#">» Website Matters</a></li>
</ul>
</div>
<div class="footbox">
<h2>How To Find Us</h2>
<address>
Address Line 1<br />
Address Line 2<br />
Town/City<br />
Postcode/Zip<br />
<br />
Tel: xxxx xxxx xxxxxx<br />
Email: <a href="#">[email protected]</a>
</address>
</div>
<div class="fl_right">
<div id="social">
<h2>Connect With Us</h2>
<ul>
<li><a href="#"><img src="images/social/facebook.gif" alt="" /></a></li>
<li><a href="#"><img src="images/social/twitter.gif" alt="" /></a></li>
<li><a href="#"><img src="images/social/flickr.gif" alt="" /></a></li>
<li><a href="#"><img src="images/social/youtube.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/social/rss.gif" alt=""
/></a></li>
</ul>
</div>
<div id="newsletter" class="clear">
<form action="#" method="post">
<fieldset>
<legend>Subscribe To Our Newsletter:</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="text" id="subscribe" value="Submit" />
</fieldset>
</form>
</div>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="copyright" class="clear">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Education Time
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Education Time</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- liteAccordion is Homepage Only -->
<link rel="stylesheet" href="layout/scripts/liteaccordion-
v2.2/css/liteaccordion.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper row1">
<div id="header" class="clear">
<div class="fl_left">
<h1><a href="index.html">Education Time</a></h1>
<p>Free Website Template</p>
</div>
<form action="#" method="post" id="login">
<fieldset>
<legend>Student Login</legend>
<input type="password" />
<input type="text" />
<div id="forgot">Need <a href="#">Help ?</a> or <a href="#">Forgot Your
Details ?</a></div>
<input type="image" src="layout/images/sign_in.gif" id="signin" alt="Sign
In" />
</fieldset>
</form>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row2">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Homepage</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/3-columns.html">3 Columns</a></li>
<li class="last"><a href="pages/gallery.html">Gallery</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row3">
<div id="featured_slide">
<!--
###################################################################################
#################### -->
<ol>
<li>
<h2><span>Slide 1</span></h2>
<div><img src="images/demo/featured-slide/720x360.gif" alt="" /></div>
</li>
<li>
<h2><span>Slide 2</span></h2>
<div><img src="images/demo/featured-slide/720x360.gif" alt="" /></div>
</li>
<li>
<h2><span>Slide 3</span></h2>
<div><img src="images/demo/featured-slide/720x360.gif" alt="" /></div>
</li>
<li>
<h2><span>Slide 4</span></h2>
<div><img src="images/demo/featured-slide/720x360.gif" alt="" /></div>
</li>
<li>
<h2><span>Slide 5</span></h2>
<div><img src="images/demo/featured-slide/720x360.gif" alt="" /></div>
</li>
</ol>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row4">
<div id="container" class="clear">
<!--
###################################################################################
#################### -->
<div id="homepage" class="clear">
<div class="fl_left">
<h2 class="title">Quick Links</h2>
<div id="hpage_quicklinks">
<ul class="clear">
<li><a href="#">Academic departments</a></li>
<li><a href="#">Alumni</a></li>
<li><a href="#">Business & Enterprise</a></li>
<li><a href="#">Departments A-Z</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Graduate Courses</a></li>
<li><a href="#">International Students</a></li>
<li><a href="#">Job opportunities</a></li>
<li><a href="#">Lifelong Learning</a></li>
<li><a href="#">Maps and Directions</a></li>
<li><a href="#">Online Courses</a></li>
<li><a href="#">Parents</a></li>
<li><a href="#">Postgraduate research</a></li>
<li><a href="#">Postgraduate taught</a></li>
<li><a href="#">Prospective Students</a></li>
<li><a href="#">Research</a></li>
<li><a href="#">Students</a></li>
<li><a href="#">Teaching & Learning</a></li>
<li><a href="#">Undergraduate Courses</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Visiting the University</a></li>
<li><a href="#">What's On</a></li>
</ul>
</div>
<h2 class="title">Latest Gallery Images</h2>
<div id="hpage_gallery">
<ul class="clear">
<li><a href="#"><img src="images/demo/175x130.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/175x130.gif"
alt="" /></a></li>
<li><a href="#"><img src="images/demo/175x130.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/175x130.gif"
alt="" /></a></li>
</ul>
</div>
<h2 class="title">Keep Up With What's Happening</h2>
<div id="hpage_socialize">
<ul>
<li><span>Facebook:</span> <a
href="#">www.facebook.com/myhandel</a></li>
<li><span>Twitter:</span> <a href="#">www.twitter.com/myhandel</a></li>
<li class="last"><span>LinkedIn:</span> <a
href="#">www.linkedin.com/myhandel</a></li>
</ul>
<p><strong>Subscribe To Our Newsletter</strong></p>
<p>Justoid nonummy laoreet phasellent penatoque in antesque pellus elis
eget tincidunt. Nequatdui laorem justo a non tellus laoreet tincidunt ut vel
velit.</p>
<form action="#" method="post">
<fieldset>
<legend>Newsletter Signup:</legend>
<input type="text" id="newsletter" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="image" id="subscribe" src="layout/images/sign-up.gif"
alt="Submit" />
</fieldset>
</form>
<p class="form_hint">* Please add [email protected] to your trusted email
list</p>
</div>
</div>
<!-- ############### -->
<div class="fl_right">
<h2 class="title">Latest News</h2>
<div id="hpage_latestnews">
<ul>
<li>
<div class="imgl"><img src="images/demo/160x80.gif" alt="" /></div>
<p class="latestnews">This is a W3C compliant free website template
from <a href="http://www.os-templates.com/" title="Free Website Templates">OS
Templates</a>. This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<div class="imgl"><img src="images/demo/160x80.gif" alt="" /></div>
<p class="latestnews">You can use and modify the template for both
personal and commercial use. You must keep all copyright information and credit
links in the template and associated files. For more CSS templates visit <a
href="http://www.os-templates.com/">Free Website Templates</a>.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<div class="imgl"><img src="images/demo/160x80.gif" alt="" /></div>
<p class="latestnews">Attincidunt vel nam a maurisus lacinia
consectetus magnisl sed ac morbi. Inmaurisus habitur pretium eu et ac vest
penatibus id lacus parturpis. Maecenaset adipiscinia tellentum nullam velit et a
convallis curabitae vitae laoreet niseros ligula sem sed susp en at.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
<div id="hpage_specials" class="clear">
<ul>
<li>
<h2 class="title">Virtual Tour</h2>
<div class="box">
<div class="imgholder"><img src="images/demo/160x160.gif" alt=""
/></div>
<p>Vestassapede et donec ut est liberos sus et eget sed eget.
Quisqueta habitur augue magnisl magna phasellus sagittitor ant curabiturpis
molesuada amet. Tricessem faucibulum sit sed eleifendisse accumsan justo in tor vel
purus.</p>
<p class="readmore"><a href="#">Take The Tour »</a></p>
</div>
</li>
<li>
<h2 class="title">Sporting Activities</h2>
<div class="box">
<p><strong>Jan 01:</strong> <a href="#">Rugby</a></p>
<div class="imgholder"><img src="images/demo/160x80.gif" alt=""
/></div>
<p>Vestassapede et donec ut est liberos sus et eget sed eget.</p>
</div>
<div class="box">
<p><strong>Jan 06:</strong> <a href="#">Volleyball</a></p>
<div class="imgholder"><img src="images/demo/160x80.gif" alt=""
/></div>
<p>Vestassapede et donec ut est liberos sus et eget sed eget.</p>
</div>
</li>
<li class="last">
<h2 class="title">Upcoming Events</h2>
<div class="box">
<p><a href="#">Magna phasellus</a></p>
<p>Monday 21st January</p>
<p>Vestassapede et donec ut est liberos sus et eget sed eget.
Quisqueta habitur augue magnisl magna phasellus sagittitor ant curabiturpis.</p>
</div>
<div class="box">
<p><a href="#">Sentumquisque morbi dui congue tincidunt eu
quis</a></p>
<p>Monday 21st January</p>
<p>Vestassapede et donec ut est liberos sus et eget sed eget.
Quisqueta habitur augue magnisl magna phasellus sagittitor ant.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row5">
<div id="footer" class="clear">
<!--
###################################################################################
#################### -->
<div class="foot_contact">
<h2>University Name Here</h2>
<address>
Address Line 1<br />
Address Line 2<br />
Town/City<br />
Postcode/Zip
</address>
<ul>
<li><strong>Tel:</strong> xxxxx xxxxxxxxxx</li>
<li><strong>Fax:</strong> xxxxx xxxxxxxxxx</li>
<li class="last"><strong>Email:</strong> <a
href="#">[email protected]</a></li>
</ul>
</div>
<div class="footbox">
<h2>Administration</h2>
<ul>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Accessibility</a></li>
<li><a href="#">Freedom of Information</a></li>
<li><a href="#">Website Privacy</a></li>
<li><a href="#">Press Release Information</a></li>
<li><a href="#">Annual Report</a></li>
<li><a href="#">Financial Statements</a></li>
<li><a href="#">Job Vacancies</a></li>
<li class="last"><a href="#">Semester Dates</a></li>
</ul>
</div>
<div class="footbox">
<h2>Link Block 2</h2>
<ul>
<li><a href="#">Schools and Colleges</a></li>
<li><a href="#">Student Activities</a></li>
<li><a href="#">Student Affairs</a></li>
<li><a href="#">Student Development</a></li>
<li><a href="#">Student Financial Services</a></li>
<li><a href="#">Student Group Directory</a></li>
<li><a href="#">Student Life</a></li>
<li><a href="#">International Students</a></li>
<li class="last"><a href="#">Global Learning</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Link Block 3</h2>
<ul>
<li><a href="#">Academic Advisory</a></li>
<li><a href="#">Academic Assistance</a></li>
<li><a href="#">Academic Calendars</a></li>
<li><a href="#">Academics Office</a></li>
<li><a href="#">Administration</a></li>
<li><a href="#">Adult Learners</a></li>
<li><a href="#">Alumni Chapters</a></li>
<li><a href="#">Alumni Events</a></li>
<li class="last"><a href="#">Residential Colleges</a></li>
</ul>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="copyright" class="clear">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
</div>
</div>
<!-- liteAccordion is Homepage Only -->
<script type="text/javascript" src="layout/scripts/liteaccordion-
v2.2/js/liteaccordion.jquery.min.js"></script>
<script type="text/javascript">
$("#featured_slide").liteAccordion({
theme: "os-tpl",
containerWidth: 960, // fixed (px)
containerHeight: 360, // fixed (px) - overall height of the slider
headerWidth: 48, // fixed (px) - slide spine title
firstSlide: 1, // displays slide (n) on page load
activateOn: "click", // click or mouseover
autoPlay: false, // automatically cycle through slides
pauseOnHover: true, // pause slides on hover
rounded: false, // square or rounded corners
enumerateSlides: true, // put numbers on slides
slideSpeed: 800, // slide animation speed
cycleSpeed: 6000, // time between slide cycles
});
</script>
</body>
</html><!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>andreas00 v2.0</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="andreas00.css"
media="screen,projection" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1><a href="#">andreas00 v2.0</a></h1>
<p><strong>A free website template...</strong></p>
</div>
<div id="leftside">
<h2 class="hide">Site menu:</h2>
<ul class="avmenu">
<li><a class="current" href="#">Home</a></li>
<li><a href="styles.html">Included styles</a></li>
<li><a href="2-columns.html">2 columns</a></li>
<li><a href="3-columns.html">3 columns</a></li>
<li><a href="themes.html">Theme versions</a></li>
</ul>
<div class="announce">
<h2>Latest news:</h2>
<p><strong>Jan 29, 2007:</strong><br />
Updated to v2.0 with a few bugfixes and refreshments, an the usual update
of the default content.</p>
<p class="textright"><a href="#">Sample link »</a></p>
</div>
</div>
<div id="extras">
<h2>Information:</h2>
<p>This template includes a lot of additional styles and layout variations in
the stylesheet. To see these, use the navigation menu to view the different pages
and layout examples. It also includes links to theme versions for different CMS:s!
</p>
<h2>Sample links:</h2>
<ul>
<li><a href="#">Templates</a></li>
<li><a href="#">wordpress themes</a></li>
<li><a href="#">Made in Jokkmokk</a></li>
</ul>
<h2>Search box:</h2>
<form action="#" id="searchbox">
<div>
<label for="searchform">Find:</label>
<input type="text" value="(demo only)" name="searchform" id="searchform" />
<input type="hidden" id="searchsubmit" value="(demo only)" />
</div>
</form>
<h2>Version:</h2>
<p>andreas00 v2.0<br />
(Jan 29, 2007)</p>
</div>
<div id="content">
<h2>andreas00 - a free website template!</h2>
<p>This is a free XHTML/CSS-based website template, that anyone may use for any
purpose without any obligations or limitations. It was originally based on the
andreas01 template to which andreas00 added requested features such as a 2-column
layout variation and support for sub-pages in the main menu - features that were
later added into andreas01 as well. But there are also other small modifications
and a few extras, like the background images in the menu buttons. I hope that you
like what you see and that you find the template to be easy to work with. That is
what it was made for!</p>
<img src="img/test.jpg" height="100" width="125" class="left" alt="Example
content image" />
<p>If you use this template, I kindly ask you to leave the credits and the link
to my website in the footer since it is a nice way of giving something back to the
template designer. But that is only a friendly request, not any obligation.</p>
<h3>Other versions and additional resources</h3>
<p>This template is also available as a theme for WordPress and it has been
ported to a number of other blogs and CMS as well. New theme versions will be
announced on my website whenever a new port is released.</p>
</div>
<div id="footer">
<p>Copyright © 2007 Your Name | Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a
href="#">Homepage</a></p>
</div>
</div>
</body>
</html>
<!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>1024px v2.0</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="1024px.css" title="1024px style"
media="screen,projection" />
</head>
<body>
<div id="wrap">
<div id="header">
<p id="toplinks">Skip to: <a href="#content">Content</a> | <a
href="#sidebar">Navigation</a> | <a href="#footer">Footer</a></p>
<h1><a href="#">1024<span class="fade">px</span></a></h1>
<p id="slogan">when 800px just isn't enough...</p>
</div>
<div id="content">
<h2>As simple as it gets...</h2>
<img src="images/example.jpg" width="280" height="144" alt="Example frontpage
image" class="left photo" />
<p>Welcome to <strong><span class="blue">1024</span><span
class="gray">px</span></strong>, a free website template by Andreas Viklund. This
is a regular XHTML/CSS template which you can use to build your own website. This
template is released as open source web design, which means that you are free to
use it for any purpose and in any way you may want to without any obligations or
limitations. I kindly ask that you leave the credit text and link (the one that
says "Design by Andreas Viklund" in the footer) since that would be a nice way of
supporting my work. But the decision is yours, and that freedom is the beauty with
open source design...</p>
<h2>Blog/CMS theme versions</h2>
<p>Are you planning to use this template with a CMS? Have you checked if
someone has ported it already? If not, make sure to check out the ports and themes
page on my site to see if there are any version available for your favorite content
management system. If you are looking for a WordPress version, you will find it on
my wordpress themes page. If it is not available for your CMS and you make a port
yourself, please let me know about it so I can your version to the list.</p>
<p class="readmore"><a href="#">Example "Read more" link</a> »</p>
<p class="box"><strong>Note:</strong> This template is not intended to be
advanced or cool in any way. It was based on feedback and requests that I have got
from people who use my other templates. I was asked to make a really simple design
that was wider than my regular 800px templates, and so I did. Accessibility, good
code quality, search engine friendliness and low file size are important features
too.</p>
</div>
<div id="sidebar">
<h2>Welcome!</h2>
<p>This template comes in two different layout variations. <a href="index-
alt.html">Switch to layout #2</a>!</p>
<h2>Navigate:</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Downloads</a>
<ul>
<li><a href="#">Music</a></li>
<li><a href="#">Pictures</a></li>
</ul>
</li>
<li><a href="#">Link archive</a></li>
<li><a href="#header">Back to top</a></li>
</ul>
<h2>Site news:</h2>
<p><strong>January 29, 2007</strong><br />
New version, 1024px v2.0! General updates and minor fixes.</p>
<h2>Sample links:</h2>
<ul>
<li><a href="#">Free CSS Templates</a></li>
<li><a href="#">Made in Jokkmokk</a></li>
</ul>
</div>
<div id="footer">
<p><a href="#">Home</a> | <a href="#">Privacy policy</a> | <a
href="#">Sitemap</a> | <a href="#">RSS</a> | <a href="#header">Back to
top</a><br />
© 2007 <a href="#">Your Name</a> | Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a
href="#">Homepage</a></p>
</div>
</div>
</body>
</html>
<!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=iso-8859-1" />
<title>Education Zone</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="topPan"> <a href="#"><img src="images/logo.gif" alt="Education Zone"
width="245" height="37" border="0" class="logo" title="Education Zone"/></a>
<p>Your cool punch line</p>
<div id="topContactPan"> </div>
<div id="topMenuPan">
<div id="topMenuLeftPan"></div>
<div id="topMenuMiddlePan">
<ul>
<li class="home">Home</li>
<li><a href="#">About us</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">books</a></li>
<li><a href="#">university</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">ideas</a></li>
<li class="contact"><a href="#" class="contact">Contact</a></li>
</ul>
</div>
<div id="topMenuRightPan"></div>
</div>
</div>
<div id="bodyPan">
<div id="bodyLeftPan">
<h2><span>why</span> education zone</h2>
<p>Education Zone is a free, tableless, W3C-compliant web design layout by
<span>Template World</span>. This template has been tested and proven compatible
with all major browser environments and operating systems. You are free to modify
the design to suit your tastes in any way you like.</p>
<p>We only ask you to not remove "Design by Template World" and the link
<span>http://www.templateworld.com</span> from the footer of the template.</p>
<p>If you are interested in seeing more of our free web template designs feel
free to visit our website, Template World. We intend to add at least 25 new
<span>free templates</span> in the coming month.</p>
<ul>
<li><a href="#">Ndui et fermentum ullamcorper, purus orci sagittis leo,ac</a>
</li>
<li><a href="#">Ndui et fermentum ullamcorper, purus orci sagittis leo,ac
</a></li>
</ul>
<p class="more"><a href="#">more</a></p>
<h3><span>new</span> books</h3>
<div id="bookcatagories">
<div id="namePan">Name</div>
<div id="pricePan">price</div>
<div id="discountPan">discount</div>
<div id="nameonePan">
<ul>
<li>lorem ipsum dolor</li>
<li>Amet,conseAdipiscin</li>
<li>Elit Donec mol</li>
<li>Bibendum nunc.Lorem</li>
<li>Lpsum dolor</li>
<li>Sit amet,Consectetuer</li>
<li>Adipiscinrt.Integer</li>
<li>Enim vel mi.Vivamus</li>
<li>Atmi.Ut</li>
</ul>
</div>
<div id="priceonePan">
<ul>
<li>$20</li>
<li>$20</li>
<li>$25</li>
<li>$20</li>
<li>$35</li>
<li>$30</li>
<li>$29</li>
<li>$40</li>
<li>$25</li>
</ul>
</div>
<div id="discountonePan">
<ul>
<li>10%</li>
<li>10%</li>
<li>10%</li>
<li>10%</li>
<li>15%</li>
<li>15%</li>
<li>20%</li>
<li>20%</li>
<li>20%</li>
</ul>
</div>
</div>
<div id="bodyLeftNextPan">
<p class="next"><a href="#">next</a></p>
</div>
</div>
<div id="bodyRightPan">
<h2><span>few</span> tips</h2>
<ul>
<li><a href="#">lorem ipsum dolor sit</a> </li>
<li><a href="#">Amet, consectetuer</a> </li>
<li><a href="#">Amet, consectetuer</a> </li>
<li><a href="#">Bibendum nunc. Lorem</a> </li>
<li><a href="#">Ipsum dolor sit amet, </a> </li>
<li><a href="#">Consectetuer adipiscinrt.</a> </li>
<li><a href="#">Integer porta enim vel mi.</a> </li>
<li><a href="#">Vivamus at mi.Ut</a> </li>
</ul>
<h3><span>latest</span> updates</h3>
<p class="boldtext">on 03rd october 2006</p>
<p>lorem ipsum dolor sit Ametert, consectetue Adipiscingelitedo mol
Bibendum</p>
<p class="more"><a href="#">more</a></p>
<p class="boldtext">on 03rd october 2006</p>
<p>lorem ipsum dolor sit Ametert, consectetue Adipiscingelitedo mol
Bibendum</p>
<p class="more"><a href="#">more</a></p>
</div>
</div>
<div id="footermainPan">
<div id="footerPan">
<ul>
<li><a href="#">Home</a>| </li>
<li><a href="#">About us</a>| </li>
<li><a href="#">Support</a>| </li>
<li><a href="#">Books</a>| </li>
<li><a href="#">University</a>| </li>
<li><a href="#">Blog</a>| </li>
<li><a href="#">Ideas</a>| </li>
<li><a href="#">Contact</a> </li>
</ul>
<p class="copyright">©education zone. All right reserved.</p>
<ul class="templateworld">
<li>design by:</li>
<li><a href="http://www.templateworld.com" target="_blank">Template
World</a></li>
</ul>
<div id="footerPanhtml"><a href="http://validator.w3.org/check?uri=referer"
target="_blank">HTML</a></div>
<div id="footerPancss"><a href="http://jigsaw.w3.org/css-
validator/check/referer" target="_blank">css</a></div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Educational
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Educational</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.slidepanel.setup.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.ui.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.tabs.setup.js"></script>
</head>
<body>
<div class="wrapper col0">
<div id="topbar">
<div id="slidepanel">
<div class="topbox">
<h2>Nullamlacus dui ipsum</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="topbox">
<h2>Teachers Login Here</h2>
<form action="#" method="post">
<fieldset>
<legend>Teachers Login Form</legend>
<label for="teachername">Username:
<input type="text" name="teachername" id="teachername" value="" />
</label>
<label for="teacherpass">Password:
<input type="password" name="teacherpass" id="teacherpass"
value="" />
</label>
<label for="teacherremember">
<input class="checkbox" type="checkbox" name="teacherremember"
id="teacherremember" checked="checked" />
Remember me</label>
<p>
<input type="submit" name="teacherlogin" id="teacherlogin"
value="Login" />
<input type="reset" name="teacherreset" id="teacherreset"
value="Reset" />
</p>
</fieldset>
</form>
</div>
<div class="topbox last">
<h2>Pupils Login Here</h2>
<form action="#" method="post">
<fieldset>
<legend>Pupils Login Form</legend>
<label for="pupilname">Username:
<input type="text" name="pupilname" id="pupilname" value="" />
</label>
<label for="pupilpass">Password:
<input type="password" name="pupilpass" id="pupilpass" value="" />
</label>
<label for="pupilremember">
<input class="checkbox" type="checkbox" name="pupilremember"
id="pupilremember" checked="checked" />
Remember me</label>
<p>
<input type="submit" name="pupillogin" id="pupillogin"
value="Login" />
<input type="reset" name="pupilreset" id="pupilreset"
value="Reset" />
</p>
</fieldset>
</form>
</div>
<br class="clear" />
</div>
<div id="loginpanel">
<ul>
<li class="left">Log In Here »</li>
<li class="right" id="toggle"><a id="slideit"
href="#slidepanel">Administration</a><a id="closeit" style="display: none;"
href="#slidepanel">Close Panel</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col1">
<div id="header">
<div id="logo">
<h1><a href="index.html">Educational</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right">
<ul>
<li class="last"><a href="#">Search</a></li>
<li><a href="#">Online Support</a></li>
<li><a href="#">School Board</a></li>
</ul>
<p>Tel: xxxxx xxxxxxxxxx | Mail: [email protected]</p>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a>
<ul>
<li><a href="#">Libero</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mauris</a></li>
<li class="last"><a href="#">Suspendisse</a></li>
</ul>
</li>
<li><a href="pages/style-demo.html">Style Demo</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="#">Our Services</a></li>
<li class="last"><a href="#">Long Link Text</a></li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="featured_slide">
<div id="featured_wrap">
<ul id="featured_tabs">
<li><a href="#fc1">Nullamlacus dui ipsum<br />
<span>Nullamlacus dui ipsum conseqlo borttis.</span></a></li>
<li><a href="#fc2">Nullamlacus dui ipsum<br />
<span>Nullamlacus dui ipsum conseqlo borttis.</span></a></li>
<li><a href="#fc3">Nullamlacus dui ipsum<br />
<span>Nullamlacus dui ipsum conseqlo borttis.</span></a></li>
<li class="last"><a href="#fc4">Nullamlacus dui ipsum<br />
<span>Nullamlacus dui ipsum conseqlo borttis.</span></a></li>
</ul>
<div id="featured_content">
<div class="featured_box" id="fc1"><img src="images/demo/1.gif" alt="" />
<div class="floater"><a href="#">Continue Reading »</a></div>
</div>
<div class="featured_box" id="fc2"><img src="images/demo/2.gif" alt="" />
<div class="floater"><a href="#">Continue Reading »</a></div>
</div>
<div class="featured_box" id="fc3"><img src="images/demo/3.gif" alt="" />
<div class="floater"><a href="#">Continue Reading »</a></div>
</div>
<div class="featured_box" id="fc4"><img src="images/demo/4.gif" alt="" />
<div class="floater"><a href="#">Continue Reading »</a></div>
</div>
</div>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="container">
<div id="hpage">
<ul>
<li>
<h2>Indonectetus facilis leo</h2>
<div class="imgholder"><a href="#"><img src="images/demo/200x140.gif"
alt="" /></a></div>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. For more CSS templates visit
<a href="http://www.os-templates.com/">Free Website Templates</a>. Etmetus conse
cte tuer leo nisl justo sed vest vitae nunc massa scelerit</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2>Indonectetus facilis leo</h2>
<div class="imgholder"><a href="#"><img src="images/demo/200x140.gif"
alt="" /></a></div>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2>Indonectetus facilis leo</h2>
<div class="imgholder"><a href="#"><img src="images/demo/200x140.gif"
alt="" /></a></div>
<p>Seddui vestibulum vest mi liberos estibulum urna at eget amet sed.
Etmetus consectetuer leo nisl justo sed vest vitae nunc massa scelerit.
Namaucibulum lor ligula nullam risque et ristie sollis sapien nulla neque.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Indonectetus facilis leo</h2>
<div class="imgholder"><a href="#"><img src="images/demo/200x140.gif"
alt="" /></a></div>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi pen as
dapibulum orna. Urna ultrices quis curabitur phasellentesque congue magnis
vestibulum. Orcieleifendimentum risuspenatoque massa nunc.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="footer">
<div id="newsletter">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Educational Theory
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Educational Theory</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- Featured Slider -->
<script type="text/javascript" src="layout/scripts/jquery-s3slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#featured_slide_").s3Slider({
timeOut:10000
});
});
</script>
<!-- / Featured Slider -->
</head>
<body id="top">
<div class="wrapper row1">
<div id="topnav">
<ul>
<li class="active"><a href="index.html"><strong>Home</strong></a></li>
<li><a href="pages/style-demo.html"><strong>Style Demo</strong></a></li>
<li><a href="pages/full-width.html"><strong>Full Width</strong></a></li>
<li><a href="pages/3-columns.html"><strong>3 Columns</strong></a></li>
<li><a href="pages/portfolio.html"><strong>Portfolio</strong></a></li>
<li><a href="pages/gallery.html"><strong>Gallery</strong></a></li>
<li><a href="#"><strong>This a very long link</strong></a></li>
<li class="last"><a href="#"><strong>This is the last</strong></a></li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row2">
<div id="header" class="clear">
<div class="fl_left">
<h1><a href="index.html">Educational Theory</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right">
<form action="#" method="post" id="sitesearch">
<fieldset>
<legend>Site Search</legend>
<input type="text" />
<input type="image" src="layout/images/search.gif" id="search"
alt="Search" />
</fieldset>
</form>
<p><a href="#">A - Z Index</a> | <a href="#">Student Login</a> | <a
href="#">Staff Login</a></p>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row3">
<div id="featured_slide_">
<ul id="featured_slide_Content">
<li class="featured_slide_Image"><a href="#"><img
src="images/demo/940x340.gif" alt="" /></a>
<div class="introtext">
<h2>Template Details</h2>
<p>This is a W3C compliant free website template from <a
href="http://www.os-templates.com/" title="Free Website Templates">OS
Templates</a>. This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>. You can use and modify
the template for both personal and commercial use. You must keep all copyright
information and credit links in the template and associated files.</p>
</div>
</li>
<li class="featured_slide_Image"><a href="#"><img
src="images/demo/940x340.gif" alt="" /></a>
<div class="introtext">
<h2>Catchy Title 2</h2>
<p>For more CSS templates visit <a href="http://www.os-
templates.com/">Free Website Templates</a>. Convallisvivamus nam loborta tellus
vitae pendrerit justo donec justo pellenterdum nam. Convallisquismod orci quis
ipsum alique orci sed morbi diculis et dapien. Semperultrices vitae pede enim
pulvinare gravida est justo hendimente pellentum lacing.</p>
</div>
</li>
<li class="featured_slide_Image"><a href="#"><img
src="images/demo/940x340.gif" alt="" /></a>
<div class="introtext">
<h2>Catchy Title 3</h2>
<p>Curabiturpiscingillaenim justo augue gravida senean nec sed id
suscinia dui estie. Parturnibh nec donec praesenean tellentesque quis arcu
phasellus nec laoreet cumsan. Quissce hend tincidunt sem nunc dui aucibulum ris
sceleifendrerisque tor orci.</p>
</div>
</li>
<li class="clear featured_slide_Image"><!-- Important - Leave This Empty
--></li>
</ul>
</div>
<div id="hpage_featured_info" class="clear">
<ul>
<li><a href="#"><img src="images/demo/140x120.gif" alt="" /> <strong>Make An
Application</strong></a></li>
<li><a href="#"><img src="images/demo/140x120.gif" alt="" /> <strong>Order A
Prospectus</strong></a></li>
<li class="last"><a href="#"><img src="images/demo/140x120.gif" alt="" />
<strong>Fees & Funding</strong></a></li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row4">
<div id="quicknav" class="clear">
<ul>
<li><a href="#">Current Students</a>
<ul>
<li><a href="#">Academic advice</a></li>
<li><a href="#">Career Advice Centre</a></li>
<li><a href="#">Help With Learning</a></li>
<li><a href="#">Student Accommodation</a></li>
<li><a href="#">Student Communities</a></li>
<li><a href="#">Student Directory</a></li>
<li><a href="#">Student Facilities</a></li>
<li class="last"><a href="#">Students Union</a></li>
</ul>
</li>
<li><a href="#">Prospective Students</a>
<ul>
<li><a href="#">» University Life</a></li>
<li><a href="#">» Academic Courses</a></li>
<li><a href="#">» Where To Apply</a></li>
<li><a href="#">» Cost And Fees</a></li>
<li><a href="#">» Student Accommodation</a></li>
<li><a href="#">» Schools And Colleges</a></li>
<li><a href="#">» Open Days</a></li>
<li class="last"><a href="#">» Visit The University</a></li>
</ul>
</li>
<li><a href="#">International Students</a>
<ul>
<li><a href="#">» Why Our College</a></li>
<li><a href="#">» Arrival Information</a></li>
<li><a href="#">» Studying Abroad</a></li>
<li><a href="#">» How To Apply</a></li>
<li><a href="#">» Student Accommodation</a></li>
<li class="last"><a href="#">» Cost & Finances</a></li>
</ul>
</li>
<li class="last"><a href="#">Departments & Programs</a>
<ul>
<li><a href="#">» Art and Design</a></li>
<li><a href="#">» Business Management</a></li>
<li><a href="#">» Communications</a></li>
<li><a href="#">» Geosciences</a></li>
<li><a href="#">» Mathematics</a></li>
<li><a href="#">» Philosophy</a></li>
<li><a href="#">» Political Science</a></li>
<li class="last"><a href="#">» Secondary Education</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row5">
<div id="container" class="clear">
<!--
###################################################################################
#################### -->
<div id="homepage" class="clear">
<div class="fl_left">
<ul id="hpage_latestnews">
<li class="odd clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
<li class="even clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
<li class="odd clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
<li class="even clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
<li class="odd clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
<li class="even clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
</ul>
</div>
<div class="fl_right">
<h2>Sentumquisque Morbi</h2>
<img src="images/demo/300x120.gif" alt="" />
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="academiclinks" class="clear">
<div class="linkbox">
<h2>Link Category Heading</h2>
<ul>
<li><a href="#">» Academic Advisory</a></li>
<li><a href="#">» Academic Assistance</a></li>
<li><a href="#">» Academic Calendars</a></li>
<li><a href="#">» Academics Office</a></li>
<li><a href="#">» Administration</a></li>
<li><a href="#">» Adult Learners</a></li>
<li><a href="#">» Alumni Chapters</a></li>
<li><a href="#">» Alumni Events</a></li>
<li><a href="#">» Athletics</a></li>
<li><a href="#">» Campus Life At a Glance</a></li>
<li><a href="#">» Campus Recreation</a></li>
<li><a href="#">» Campus Safety & Security</a></li>
</ul>
</div>
<div class="linkbox">
<h2>Link Category Heading</h2>
<ul>
<li><a href="#">» Class Schedules</a></li>
<li><a href="#">» Counselling Center</a></li>
<li><a href="#">» Course Descriptions and Catalogue</a></li>
<li><a href="#">» Department Directory</a></li>
<li><a href="#">» Departments & Programs</a></li>
<li><a href="#">» Fellowships</a></li>
<li><a href="#">» Finals Schedules</a></li>
<li><a href="#">» Financial Aid</a></li>
<li><a href="#">» Fitness and Recreation Facilities</a></li>
<li><a href="#">» Global Learning</a></li>
<li><a href="#">» Graduate</a></li>
<li><a href="#">» Graduate Admissions</a></li>
</ul>
</div>
<div class="linkbox">
<h2>Link Category Heading</h2>
<ul>
<li><a href="#">» Graduate Health Services</a></li>
<li><a href="#">» Graduate Housing</a></li>
<li><a href="#">» Graduate Programs</a></li>
<li><a href="#">» Graduate Student Association</a></li>
<li><a href="#">» Graduate Studies</a></li>
<li><a href="#">» Honours Program</a></li>
<li><a href="#">» Interactive Schedule</a></li>
<li><a href="#">» International Programs</a></li>
<li><a href="#">» International Students</a></li>
<li><a href="#">» Intramural Sports</a></li>
<li><a href="#">» Language Resources</a></li>
<li><a href="#">» Maps and Directions</a></li>
</ul>
</div>
<div class="linkbox last">
<h2>Link Category Heading</h2>
<ul>
<li><a href="#">» Office of the Registrar</a></li>
<li><a href="#">» Online Learning</a></li>
<li><a href="#">» Parent Information</a></li>
<li><a href="#">» Residence Life</a></li>
<li><a href="#">» Residential Colleges</a></li>
<li><a href="#">» Schools and Colleges</a></li>
<li><a href="#">» Student Activities</a></li>
<li><a href="#">» Student Affairs</a></li>
<li><a href="#">» Student Development</a></li>
<li><a href="#">» Student Financial Services</a></li>
<li><a href="#">» Student Group Directory</a></li>
<li><a href="#">» Student Life</a></li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="footer" class="clear">
<!--
###################################################################################
#################### -->
<div class="fl_left clear">
<div class="fl_left center"><img src="images/demo/worldmap.gif" alt=""
/><br />
<a href="#">Find Us With Google Maps »</a></div>
<address>
Address Line 1<br />
Address Line 2<br />
Town/City<br />
Postcode/Zip<br />
<br />
Tel: xxxx xxxx xxxxxx<br />
Email: <a href="#">[email protected]</a>
</address>
</div>
<div class="fl_right">
<div id="social" class="clear">
<p>Stay Up to Date With Whats Happening</p>
<ul>
<li><a style="background-position:0 0;" href="#">Twitter</a></li>
<li><a style="background-position:-72px 0;" href="#">LinkedIn</a></li>
<li><a style="background-position:-142px 0;" href="#">Facebook</a></li>
<li><a style="background-position:-212px 0;" href="#">Flickr</a></li>
<li><a style="background-position:-282px 0;" href="#">RSS</a></li>
</ul>
</div>
<div id="newsletter">
<form action="#" method="post">
<fieldset>
<legend>Subscribe To Our Newsletter:</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="text" id="subscribe" value="Submit" />
</fieldset>
</form>
</div>
</div>
<div id="copyright" class="clear">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Elegant Typo
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Elegant Typo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div id="container">
<div id="head">
<div id="logo">
<h1><a href="index.html"><strong><span>E</span>leg</strong><span>ant
Typo</span></a></h1>
</div>
<div id="social">
<ul>
<li><a href="#"><img src="images/bookmarks/rss.jpg" alt="RSS" /></a></li>
<li><a href="#"><img src="images/bookmarks/twitter.jpg" alt="Twitter"
/></a></li>
<li><a href="#"><img src="images/bookmarks/delicious.jpg" alt="Del.icio.us"
/></a></li>
<li><a href="#"><img src="images/bookmarks/reddit.jpg" alt="reddit"
/></a></li>
<li><a href="#"><img src="images/bookmarks/stumbleupon.jpg"
alt="Stumbleupon" /></a></li>
<li><a href="#"><img src="images/bookmarks/facebook.jpg" alt="Add to:
Facebook" /></a></li>
<li><a href="#"><img src="images/bookmarks/digg.jpg" alt="Digg" /></a></li>
<li class="last"><a href="#"><img src="images/bookmarks/yahoo.jpg" alt="Y!
MyWeb" /></a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="submit" name="go" id="go" value="GO" />
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
</fieldset>
</form>
</div>
<div id="quicklinks">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li class="last"><a href="#">E-Newsletter</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="content">
<div id="introbox">
<div>{</div>
<h2>A typographical website template.</h2>
<p>Elegant Typo is an imageless free HTML website template that only uses
CSS for layout styling.</p>
</div>
<!-- Content Box -->
<div class="homecontent">
<ul>
<li>
<p class="imgholder"><img src="images/demo/286x100.gif" alt="" /></p>
<h2>About This Template</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="last">
<p class="imgholder"><img src="images/demo/286x100.gif" alt="" /></p>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
</ul>
<div class="clear"></div>
</div>
<!-- Content Box -->
<div class="homecontent">
<ul>
<li>
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus
dui ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore2"><a href="#">Read More »</a></p>
</li>
<li class="last">
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus
dui ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore2"><a href="#">Read More »</a></p>
</li>
</ul>
<div class="clear"></div>
</div>
<!-- /Box -->
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
</div>
<div id="rightblock">
<div id="navi">
<ul>
<li><a class="active" href="index.html">Homepage</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">Link Text 1</a></li>
<li><a href="#">Link Text 2</a></li>
</ul>
</div>
<div class="holder">
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<div class="readmore"><a href="#">Read More »</a></div>
</div>
<div class="holder"><img src="images/demo/230x100.gif" alt="" width="230"
height="100" />
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna.</p>
<div class="readmore"><a href="#">Read More »</a></div>
</div>
<div class="holder">
<h2>Lorem ipsum dolor</h2>
<p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia
sed.</p>
<ul>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li>Etiam vel sapien et</li>
<li><a href="#">Etiam vel sapien et</a></li>
</ul>
<p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia
sed. Condimentumsantincidunt dui mattis magna intesque purus orci augue lor
nibh.</p>
<div class="readmore"><a href="#">Read More »</a></div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div id="contactform">
<h2>Why Not Contact Us Today !</h2>
<form action="#" method="post">
<fieldset>
<legend>Contact Form</legend>
<label for="fullname">Name:
<input id="fullname" name="fullname" type="text" value="" />
</label>
<label for="emailaddress" class="margin">Email:
<input id="emailaddress" name="emailaddress" type="text" value="" />
</label>
<label for="phone">Telephone:
<input id="phone" name="phone" type="text" value="" />
</label>
<label for="subject" class="margin">Subject:
<input id="subject" name="subject" type="text" value="" />
</label>
<label for="message">Message:<br />
<textarea id="message" name="message" cols="40" rows="4"></textarea>
</label>
<p>
<input id="submitform" name="submitform" type="submit"
value="Submit" />
<input id="resetform" name="resetform" type="reset" value="Reset" />
</p>
</fieldset>
</form>
</div>
<!-- End Contact Form -->
<div id="compdetails">
<div id="officialdetails">
<h2>Company Information !</h2>
<ul>
<li>Company Name Ltd</li>
<li>Registered in England & Wales</li>
<li>Company No. xxxxxxx</li>
<li class="last">VAT No. xxxxxxxxx</li>
</ul>
<h2>Stay in The Know !</h2>
<p><a href="#">Get Our E-Newsletter</a> | <a href="#">Grab The RSS
Feed</a></p>
</div>
<div id="contactdetails">
<h2>Our Contact Details !</h2>
<ul>
<li>Company Name</li>
<li>Street Name & Number</li>
<li>Town</li>
<li>Postcode/Zip</li>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li>Fax: xxxxx xxxxxxxxxx</li>
<li>Email: [email protected]</li>
<li class="last">LinkedIn: <a href="#">Company Profile</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- End Company Details -->
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html><!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>Elements</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Element</a>s</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h2>Recent Updates</h2>
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor totique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat.
Curabitur malesuada lorem ipsum dolorem. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse
lorem ipsum dolorem potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h3>Suspendis potenti</h3>
<p>Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus
lorem ipsum dolorem placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. <a href="#">More…</a></p>
</div>
<div id="colTwo">
<h2>Welcome to Primitive Element!</h2>
<p><em><strong>Elements</strong></em> is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare.</p>
</div>
<div id="colThree">
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sed bibendum tellus id</a></li>
<li><a href="#">Vivamus commodo</a></li>
<li><a href="#">Sed bibendum risus atis</a></li>
<li><a href="#">Nulla ullamcorper arcu</a></li>
<li><a href="#">Vestibulum ultricies dui</a></li>
<li><a href="#">Proin a dui non elit</a></li>
<li><a href="#">Praesent utumsan</a></li>
<li><a href="#">In posuere risus ac felis</a></li>
<li><a href="#">Proin facilisis sagittis</a></li>
<li><a href="#">In fringilla aliquet odio</a></li>
<li><a href="#">Quisque sodales arcu</a></li>
<li><a href="#">Nam tincidunt consec</a></li>
</ul>
<h2>Nulla vel mollis</h2>
<ul>
<li><a href="#">Pellentesque consequat</a></li>
<li><a href="#">Morbi condimentum</a></li>
<li><a href="#">Cras tempor pulvinar</a></li>
<li><a href="#">Pellentesque vel magna</a></li>
<li><a href="#">Purus placerat imperdiet</a></li>
<li><a href="#">Duis ultrices pede vel</a></li>
<li><a href="#">Etiam eu libero eget est</a></li>
<li><a href="#">Faucibus fermentum.</a></li>
<li><a href="#">Vestibulum vulputate</a></li>
<li><a href="#">Cras sollicitudin pede et</a></li>
<li><a href="#">Maecenas interdum ante</a></li>
<li><a href="#">Nullam lacinia eleifend</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Elemenst. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>EliteCircle</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/EliteCircle.css" type="text/css" />
</head>
<body>
<div id="header">
<div id="header-content">
<h1 id="logo">Elite<span class="orange">Circle</span></h1>
<h2 id="slogan">Put your site slogan here...</h2>
<div id="header-links">
<p> <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">Site Map</a>
</p>
</div>
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</div>
<div id="content-wrap">
<div id="content">
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><a href="#"><img src="images/sample-image.jpg" width="174" height="140"
alt="firefox-gray" class="float-left" /></a> <strong>EliteCircle 1.0</strong> is a
free, W3C-compliant, CSS-based website template by <a
href="http://www.styleshout.com/">styleshout.com</a>. This work is distributed
under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5 License</a>, which means that you are free to use
and modify it for any purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Jan 09,
2007</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>here is an example of </li>
<li>an ordered list</li>
</ol>
<ul>
<li>here is an example of </li>
<li>an unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p> <a href="#"><img src="images/sample-image.jpg" width="174" height="140"
alt="sample image" class="float-left" /></a> Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna.
Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere
nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="35" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="35" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" value="Submit" type="submit" />
</p>
</form>
<br />
</div>
<div id="sidebar">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">TemplateInfo</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Templates...</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"No man becomes rich unless he enriches others."</p>
<p class="align-right">- Andrew Carnegie</p>
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
</div>
</div>
<div id="footer">
<div id="footer-content">
<div class="col float-left space-sep">
<h2>Site Partners</h2>
<ul class="columns">
<li class="top"><a href="#"><strong>Dreamhost</strong> - Excellent
Webhosting at $7.95/mo</a></li>
<li><a href="#"><strong>4templates</strong> - Low Cost Hi-Quality
Templates</a></li>
<li><a href="#"><strong>TemplateMonster</strong> - Best templates on the
net!</a></li>
<li><a href="#"><strong>Fotolia</strong> - Free stock images or from
$1</a></li>
<li><a href="#"><strong>Text Link Ads</strong> - Easiest. Money.
Ever.</a></li>
</ul>
</div>
<div class="col float-left">
<h2>Links</h2>
<ul class="columns">
<li class="top"><a href="#"><strong>openwebdesign.org</strong></a></li>
<li><a href="#"><strong>OSWD.org</strong></a></li>
<li><a href="#"><strong>opendesigns.org</strong></a></li>
<li><a href="#"><strong>Alistapart</strong></a></li>
<li><a href="#"><strong>CSS Remix</strong></a></li>
</ul>
</div>
<div class="col2 float-right">
<p> © copyright 2006 <strong>Your Company Name</strong><br />
Design by: <a href="http://www.styleshout.com/">styleshout</a>
Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> |
<a href="http://validator.w3.org/check/referer">XHTML</a> </p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">RSS Feed</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
</body>
</html>
<!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>EliteCircle</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/EliteCircle.css" type="text/css" />
</head>
<body>
<div id="header">
<div id="header-content">
<h1 id="logo">Elite<span class="orange">Circle</span></h1>
<h2 id="slogan">Put your site slogan here...</h2>
<div id="header-links">
<p> <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">Site Map</a>
</p>
</div>
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</div>
<div id="content-wrap">
<div id="content">
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><a href="#"><img src="images/sample-image.jpg" width="174" height="140"
alt="firefox-gray" class="float-left" /></a> <strong>EliteCircle 1.0</strong> is a
free, W3C-compliant, CSS-based website template by <a
href="http://www.styleshout.com/">styleshout.com</a>. This work is distributed
under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5 License</a>, which means that you are free to use
and modify it for any purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Jan 09,
2007</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>here is an example of </li>
<li>an ordered list</li>
</ol>
<ul>
<li>here is an example of </li>
<li>an unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p> <a href="#"><img src="images/sample-image.jpg" width="174" height="140"
alt="sample image" class="float-left" /></a> Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna.
Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere
nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="35" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="35" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" value="Submit" type="submit" />
</p>
</form>
<br />
</div>
<div id="sidebar">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">TemplateInfo</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Templates...</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"No man becomes rich unless he enriches others."</p>
<p class="align-right">- Andrew Carnegie</p>
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
</div>
</div>
<div id="footer">
<div id="footer-content">
<div class="col float-left space-sep">
<h2>Site Partners</h2>
<ul class="columns">
<li class="top"><a href="#"><strong>Dreamhost</strong> - Excellent
Webhosting at $7.95/mo</a></li>
<li><a href="#"><strong>4templates</strong> - Low Cost Hi-Quality
Templates</a></li>
<li><a href="#"><strong>TemplateMonster</strong> - Best templates on the
net!</a></li>
<li><a href="#"><strong>Fotolia</strong> - Free stock images or from
$1</a></li>
<li><a href="#"><strong>Text Link Ads</strong> - Easiest. Money.
Ever.</a></li>
</ul>
</div>
<div class="col float-left">
<h2>Links</h2>
<ul class="columns">
<li class="top"><a href="#"><strong>openwebdesign.org</strong></a></li>
<li><a href="#"><strong>OSWD.org</strong></a></li>
<li><a href="#"><strong>opendesigns.org</strong></a></li>
<li><a href="#"><strong>Alistapart</strong></a></li>
<li><a href="#"><strong>CSS Remix</strong></a></li>
</ul>
</div>
<div class="col2 float-right">
<p> © copyright 2006 <strong>Your Company Name</strong><br />
Design by: <a href="http://www.styleshout.com/">styleshout</a>
Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> |
<a href="http://validator.w3.org/check/referer">XHTML</a> </p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">RSS Feed</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
</body>
</html>
<!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>Emerald</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
<div id="header">
<h1><a href="#">Emerald</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="primaryContentContainer">
<div id="primaryContent">
<h2>Welcome to Sitename.com!</h2>
<p><strong>Emerald</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<h3>Example Blockquote</h3>
<blockquote>
<p>"Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu
eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus."</p>
</blockquote>
<h3>Example Unordered List</h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Example Table</h3>
<table>
<tr class="rowH">
<th>Date</th>
<th>Title</th>
<th>Description</th>
</tr>
<tr class="rowA">
<td>December 1, 2006</td>
<td>Sed vestibulum blandit</td>
<td>Vivamus sollicitudin dolor sit amet eros. Vivamus ligula. Sed
pretium turpis eu ipsum. Sed rutrum sapien id arcu.</td>
</tr>
<tr class="rowB">
<td>November 28, 2006</td>
<td>Augue non nibh</td>
<td>Nam adipiscing urna ac consequat dignissim massa est sodales
sem.</td>
</tr>
<tr class="rowA">
<td>November 23, 2006</td>
<td>Fusce ut diam bibendum</td>
<td>Vestibulum quis urn nulla facilis nam malesuada cursus turpis.</td>
</tr>
<tr class="rowB">
<td>November 21, 2006</td>
<td>Maecenas et ipsum</td>
<td>Vivamus mi lectus gravida scelerisque, ultrices vitae cursus in
neque.</td>
</tr>
</table>
</div>
</div>
<div id="secondaryContent">
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum
erat. Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<ul>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
</ul>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h3>Ipsum Dolorem</h3>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div id="tertiaryContent">
<h3>Lorem ipsum dolor</h3>
<p>Vivamus sagittis bibendum erat. Curabitur lorem ipsum dolore malesuada. <a
href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<ul>
<li><a href="#">Vivamus id arcu</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Pellentesque at lorem</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Ipsum vitae felis</a></li>
<li><a href="#">Integer facilisis</a></li>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
<h3>Malesuada vivamus</h3>
<ul>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Integer facilisis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Pellentesque at lorem</a></li>
<li><a href="#">Ipsum vitae felis</a></li>
<li><a href="#">Sagittis Bibendum Erat</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Copyright © 2007 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
<?xml version="1.0"?>
<!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="cs" lang="cs">
<head>
<title>EmeraldX</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen,projection" type="text/css"
href="css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="css/aural.css" />
</head>
<body id="www-url-cz">
<div id="main" class="box">
<div id="header">
<h1 id="logo"><a href="#">Emerald<strong>X</strong><span></span></a></h1>
<hr class="noscreen" />
<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a
href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr />
</div>
<div id="search" class="noprint">
<form action="#" method="get">
<fieldset>
<legend>Search</legend>
<label><span class="noscreen">Find:</span> <span id="search-input-out">
<input type="text" name="" id="search-input" size="30" />
</span></label>
<input type="image" src="design/search_submit.gif" id="search-submit"
value="OK" />
</fieldset>
</form>
</div>
</div>
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3>
<ul class="box">
<li><a href="#">Home<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li id="active"><a href="#">Weblog<span class="tab-l"></span><span
class="tab-r"></span></a></li>
<li><a href="#">About Me<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Photos<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Portfolio<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Contact<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Links<span class="tab-l"></span><span class="tab-
r"></span></a></li>
</ul>
<hr class="noscreen" />
</div>
<div id="page" class="box">
<div id="page-in" class="box">
<div id="strip" class="box noprint">
<p id="rss"><strong>RSS:</strong> <a href="#">articles</a> / <a
href="#">comments</a></p>
<hr class="noscreen" />
<p id="breadcrumbs">You are here: <a href="#">Home</a> > <a
href="#">Category</a> > <strong>Page</strong></p>
<hr class="noscreen" />
</div>
<div id="content">
<div class="article">
<h2><span><a href="#">This is my best article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
<div class="article">
<h2><span><a href="#">This is my third article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
<div class="article">
<h2><span><a href="#">This is my second article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
<div class="article">
<h2><span><a href="#">This is my first article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
</div>
<div id="col" class="noprint">
<div id="col-in">
<h3><span><a href="#">About Me</a></span></h3>
<div id="about-me">
<p><img src="design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" />
<strong>John Doe</strong><br />
Age: 26<br />
Dallas, TX<br />
<a href="#">Profile on MySpace</a></p>
</div>
<hr class="noscreen" />
<h3><span>Category</span></h3>
<ul id="category">
<li id="category-active"><a href="#">Selected category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
</ul>
<hr class="noscreen" />
<h3><span>Archive</span></h3>
<ul id="archive">
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li id="archive-active"><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
<hr class="noscreen" />
<h3><span>Links</span></h3>
<ul id="links">
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
</ul>
<hr class="noscreen" />
</div>
</div>
</div>
</div>
<div id="footer">
<div id="top" class="noprint">
<p><span class="noscreen">Back on top</span> <a href="#header" title="Back on
top ^">^<span></span></a></p>
</div>
<hr class="noscreen" />
<p id="copyright">© 2007 <a href="#">Home</a> | EmeraldX by <a
href="http://www.kendahlin.com/">Ken Dahlin</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Empire Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<link href="global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Container">
<div id="Menu"> <a href="#">Home</a> | <a href="infopage.html">Info Layout</a> |
<a href="details.html">Details Layout</a></div>
<div id="Top">
<h1>Empire Server<sup>1.0</sup></h1>
<h3>Your one and only web design solution</h3>
</div>
<!-- All Slopes have OverFlow:auto so you can add as much or as little text as
you like -->
<!-- Three Slopes -->
<div id="ThreeHolder">
<div id="SlopeONE">
<h2>Email Hosting</h2>
<p><a href="#"><img src="server.gif" alt="Email Hosting" width="173"
height="149" border="0" /></a></p>
<a href="#">Only £19 per year</a>
<p>Domain of your choice for £9.99<br />
<strong>10Mb hosting +150MB monthly bandwidth</strong> plenty for email
services. <br />
(<a href="#">This will allow for around 1,000 emails every month</a>).</p>
</div>
<div id="SlopeTWO">
<h2>Basic Hosting</h2>
<p><a href="#"><img src="server2.gif" alt="Basic Hosting" width="173"
height="149" border="0" /></a></p>
<a href="#">Only £29 per year</a>
<p>One .co.uk or .com domain name <br />
(no extra charge) <br />
<strong>50Mb hosting + 1.5Gb monthly bandwidth</strong> <br />
<a href="#">Allowing for around 10,000 page views a month</a></p>
</div>
<div id="SlopeTHREE">
<h2>Ecommerce Hosting</h2>
<p><a href="#"><img src="server3.gif" alt="Ecommerce Hosting" width="173"
height="149" border="0" /></a></p>
<a href="#">Only £39 per year</a>
<p>One .co.uk or .com domain name <br />
(no extra charge) <br />
<strong>200Mb hosting + 4Gb monthly bandwidth</strong><br />
<a href="#">Allowing for around 40,000 page views a month</a></p>
</div>
</div>
<!-- Two Slopes -->
<div id="TwoHolder">
<div id="SlopeA">
<p><strong>Lorem ipsum dolor sit amet</strong><br />
consectetuer adipiscing elit. Sed tortor massa, fermentum <a
href="#">convallis</a>, imperdiet vitae, aliquam vel, eros. Morbi vehicula diam nec
nisi mattis pretium. Maecenas pretium massa id augue.</p>
<br />
</div>
<div id="SlopeB">
<p><img src="linux-logo.gif" alt="Linux Logo" width="120" height="143"
align="left" style="padding-right:10px"/><strong>Lorem ipsum dolor sit
amet</strong><br />
consectetuer adipiscing elit. Sed tortor massa, fermentum convallis,
imperdiet vitae, aliquam vel, eros. Morbi vehicula diam nec nisi mattis pretium. <a
href="#">Maecenas</a> pretium massa id augue.</p>
<p><strong>Lorem ipsum dolor sit amet</strong><br />
consectetuer adipiscing elit. Sed tortor massa, fermentum convallis,
imperdiet vitae, aliquam vel, eros. Morbi vehicula diam nec nisi mattis pretium.
Maecenas pretium massa id augue.</p>
<p> </p>
</div>
</div>
<!-- Well and now just one Slope
You can Mix move the slopes up and down -->
<div id="OneSlope">
<p><strong>All the details you need to know about our domain
prices.</strong></p>
</div>
<p><img src="pic_site_security.gif" alt="Lorem ipsum" width="151" height="99"
align="left" style="padding-right:20px"/>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Sed tortor massa, fermentum convallis, imperdiet vitae, aliquam
vel, eros. Morbi vehicula diam nec nisi mattis pretium.</p>
<p> Maecenas pretium massa id augueLorem ipsum dolor sit amet, consectetuer
adipiscing elit. Sed tortor massa, fermentum convallis, imperdiet vitae, aliquam
vel, eros.Morbi vehicula diam nec nisi mattis pretium. Maecenas pretium massa id
augue.</p>
<p><img src="lamp-icon.gif" alt="Lorem ipsum" width="150" height="81"
align="left" style="padding-right:20px"/>Lorem ipsum dolor sit amet, <a
href="#">consectetuer adipiscing elit.</a> Sed tortor massa, fermentum convallis,
imperdiet vitae, aliquam vel, eros. Maecenas pretium massa id augueLorem ipsum
dolor sit amet, consectetuer adipiscing elit. Sed tortor massa, fermentum
convallis, imperdiet vitae, aliquam vel, eros.Morbi vehicula diam nec nisi mattis
pretium. Maecenas pretium massa id augue. Maecenas pretium massa id augueLorem
ipsum dolor sit amet, consectetuer adipiscing elit. Sed tortor massa, fermentum
convallis, imperdiet vitae, aliquam vel, eros.Morbi vehicula diam nec nisi mattis
pretium. Maecenas pretium massa id augue.</p>
<p><strong>Lorem ipsum dolor sit amet</strong><br />
consectetuer adipiscing elit. Sed tortor massa, fermentum convallis, <a
href="#">imperdiet</a> vitae, aliquam vel, eros. Maecenas pretium massa id
augueLorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tortor massa,
fermentum <a href="#">convallis</a>, imperdiet vitae, aliquam vel, eros.Morbi
vehicula diam nec nisi mattis pretium. Maecenas pretium massa id augue. Maecenas
pretium massa id augueLorem ipsum dolor sit amet, consectetuer elit. <a
href="#">Sed</a> tortor massa, fermentum convallis, imperdiet vitae, aliquam vel,
eros.Morbi vehicula diam nec nisi mattis pretium. Maecenas pretium massa id
augue.</p>
<div id="Footer"> <a href="#">Terms</a> | <a href="#">Privacy</a> | <a
href="#">News</a> |<a href="#">About Us</a> |<a href="#">Contact Us</a> |<a
href="#">Affiliates</a> |<a href="#">Free Hosting</a><br />
<a href="http://www.empire-elements.co.uk" title="Designed and Developed by
Empire Elemens">Designed and Developed by Empire Elemens</a> | Licenced under <a
href="http://creativecommons.org/licenses/by-nc-sa/2.0/uk/">Creative Commons
Attribution-Noncommercial-Share Alike 2.0 UK</a></div>
</div>
</body>
</html>
<!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">
<head>
<title>andreas01 v2.5</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="andreas01.css"
media="screen,projection" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1><a href="#">andreas01 v2.5</a></h1>
<p>Included layouts: <a href="#">3-col</a> · <a href="index2.html">2-col
a</a> · <a href="index3.html">2-col b</a> · <a
href="print.html">Print</a></p>
</div>
<img id="frontphoto" src="img/front.jpg" width="760" height="175" alt="" />
<div id="leftside">
<h2 class="hide">Menu:</h2>
<ul class="avmenu">
<li><a class="current" href="#">Home</a></li>
<li><a href="index2.html">2-column layout A</a></li>
<li><a href="index3.html">2-column layout B</a></li>
<li><a href="#">Subpage demo</a>
<ul>
<li><a href="#">Subpage 1</a></li>
<li><a href="#">Subpage 2</a></li>
</ul>
</li>
<li><a href="print.html">Print stylesheet</a></li>
</ul>
<div class="announce">
<h2>Version history</h2>
<p>Previous versions of the andreas01 website template:</p>
<p><strong>Jan 11, 2007:</strong><br />
Improved: v2.5!</p>
<p><strong>June 25, 2006:</strong><br />
Major upgrade: v2.0.</p>
<p><strong>June 25, 2005:</strong><br />
First release: v1.0.</p>
<p class="textright"><a href="#">Read more...</a></p>
</div>
</div>
<div id="extras">
<h2>Sample text:</h2>
<p>The andreas01 template has a simple but useful layout: a fixed-width 3-
column page with a header and a footer. The template can be used in many diffferent
ways, and it should be a great starting point for you to customize, play with and
add your own personal touch to.</p>
<h2>Sample links:</h2>
<ul>
<li><a href="#">Free templates</a></li>
<li><a href="#">WordPress themes</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">Made in Jokkmokk</a></li>
<li><a href="http://validator.w3.org/check/referer" title="W3.org XHTML
validator">Valid XHTML</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer" title="W3.org
CSS validator">Valid CSS</a></li>
</ul>
<h2>Version:</h2>
<p>andreas01 v2.5</p>
</div>
<div id="content">
<h2>Welcome to andreas01!</h2>
<p>This is a free XHTML/CSS website template, a great tool that makes it
possible for people with no web design experience to build a really good website!
You are completely free to make any changes and modifications that you may want to,
and use the template for any purpose without any obligations or limitations. I
kindly ask you to leave the original design credits in the footer to support my
template design work, but it is not any requirement.</p>
<img src="img/test2.jpg" height="160" width="120" class="right" alt="Example
content image - aligned to the right" />
<p>This template has been ported into themes for a number of different blogs
and content management systems. An official WordPress theme version is available,
and other ports are available as well. If you port this template into a CMS theme
for public distribution, feel free to contact the template author to put your port
on the list.</p>
<h3>Adding your own header image</h3>
<p>The default header image shows a snowy street in the small town of Porjus,
northern Sweden. It is easy to add a custom header. Just replace front.jpg with an
image of your own! If you use the same file name and image size as the default
image, 760x175 pixels, you don't need to edit the header image tag at all.</p>
</div>
<div id="footer">
<p>Copyright © 2007 <a href="#">Your Name</a> · Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a
href="#">Homepage</a></p>
</div>
</div>
</body>
</html>
<!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>Enlight</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="topmenu">
<ul>
<li><a href="#" id="topmenu1" accesskey="1">Home</a></li>
<li><a href="#" id="topmenu2" accesskey="2">Contact</a></li>
<li><a href="#" id="topmenu3" accesskey="3">Sitemap</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Enlight</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="main">
<div id="welcome">
<h2>Welcome to Enlight!</h2>
<p><strong>Enlight</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
</div>
<div id="example">
<h2>A Few Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Viverra
vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
</ul>
</div>
</div>
<div id="partners" class="boxed">
<h2 class="title">Partners</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Enlight. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Enlighten</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Enlighten.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<div id="logo-box">
<h1 id="logo">enlighten</h1>
<h2 id="slogan">Put your site slogan here...</h2>
</div>
<div class="headerphoto"></div>
</div>
<div id="menu">
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="content-wrap">
<div id="content">
<div id="sidebar" >
<div class="sidebox">
<h1>Short About</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis
aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p>
</div>
<div class="sidebox">
<h1 class="clear">Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Templates...</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Wise Words</h1>
<p>"If my life is fruitless, it does not matter who praises me, and
if my life is fruitful, it does not matter who criticizes me."</p>
<p class="align-right">- John Bunyan</p>
</div>
<div class="sidebox">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to
contribute, you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
<div class="sidebox">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
</div>
<div id="main">
<div class="post"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p>Posted by <a href="#">ealigam</a></p>
<p><strong>Enlighten 1.0</strong> is a free, W3C-compliant, CSS-based
website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Jan 09,
2007</span> </p>
</div>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p> <a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="121" alt="firefox-gray" class="float-left" /></a> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius
lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum,
dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna.
Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget
fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor
ipsum. Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper
nonummy, mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
</div>
<div id="footer">
<p> © 2006 <strong>Your Company</strong> | design by: <a
href="#"><strong>styleshout</strong></a> | Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer"><strong>CSS</strong></a> | <a
href="http://validator.w3.org/check/referer"><strong>XHTML</strong></a> </p>
</div>
</div>
</body>
</html>
<!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>Enlighten</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Enlighten.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<div id="logo-box">
<h1 id="logo">enlighten</h1>
<h2 id="slogan">Put your site slogan here...</h2>
</div>
<div class="headerphoto"></div>
</div>
<div id="menu">
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="content-wrap">
<div id="content">
<div id="sidebar" >
<div class="sidebox">
<h1>Short About</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis
aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p>
</div>
<div class="sidebox">
<h1 class="clear">Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Templates...</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Wise Words</h1>
<p>"If my life is fruitless, it does not matter who praises me, and
if my life is fruitful, it does not matter who criticizes me."</p>
<p class="align-right">- John Bunyan</p>
</div>
<div class="sidebox">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to
contribute, you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
<div class="sidebox">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
</div>
<div id="main">
<div class="post"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p>Posted by <a href="#">ealigam</a></p>
<p><strong>Enlighten 1.0</strong> is a free, W3C-compliant, CSS-based
website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Jan 09,
2007</span> </p>
</div>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p> <a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="121" alt="firefox-gray" class="float-left" /></a> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius
lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum,
dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna.
Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget
fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor
ipsum. Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper
nonummy, mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
</div>
<div id="footer">
<p> © 2006 <strong>Your Company</strong> | design by: <a
href="#"><strong>styleshout</strong></a> | Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer"><strong>CSS</strong></a> | <a
href="http://validator.w3.org/check/referer"><strong>XHTML</strong></a> </p>
</div>
</div>
</body>
</html>
<!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>Enter</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="first"><a href="#" id="menu1" accesskey="1">Homepage</a></li>
<li><a href="#" id="menu2" accesskey="2">Services</a></li>
<li><a href="#" id="menu3" accesskey="3">Products</a></li>
<li><a href="#" id="menu4" accesskey="4">About</a></li>
<li><a href="#" id="menu5" accesskey="5">Contact</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Enter</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colA">
<div id="welcome" class="boxedA">
<h2>Welcome to Enter!</h2>
<img src="images/img10.jpg" alt="" width="130" height="150" style="float:
right; margin: 1.5em 0 0 1.5em;" />
<p><strong>Enter</strong> is a free template from Free CSS Templates released
under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons
Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free to use it
for both commercial or personal use. I only ask that you link back to my site in
some way. Enjoy :)</p>
</div>
<div id="news" class="boxedA">
<h2>Recent News & Updates</h2>
<ul>
<li>
<h3>26th February 2007</h3>
<p>Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem
urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque
imperdiet. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget,
tempus quis, ultrices in, est.</p>
<p class="more"><a href="#">Read More</a></p>
</li>
<li>
<h3>19th February 2007</h3>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi amet.
Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat.
Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis
convallis, rutrum id elementum congue.</p>
<p class="more"><a href="#">Read More</a></p>
</li>
</ul>
</div>
</div>
<div id="colB">
<div class="boxedB">
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Maecenas luctus lectus</a></li>
<li><a href="#">Etiam rhoncus volutpat</a></li>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Integer gravida nibh</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Praesent scelerisque</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus quam</a></li>
</ul>
</div>
<div class="boxedC">
<h2>Veroeros Etiam </h2>
<ul>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Integer gravida nibh</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Praesent scelerisque</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus quam</a></li>
<li><a href="#">Fusce ultrices fringilla</a></li>
<li><a href="#">Praesent mattis condimentum</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2007 Enter. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>Entomology</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Entomology</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
</div>
<div id="wrapper">
<div id="sidebar">
<div id="menu">
<h2>Navigation Menu</h2>
<ul>
<li><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Forums</a></li>
<li><a href="#" accesskey="6">Join Us</a></li>
<li><a href="#" accesskey="7">Contact Us</a></li>
</ul>
</div>
<div id="testimonial">
<h2>Testimonial</h2>
<blockquote>
<p>“Donec leo, vivamus fermentum nibh in augue praesent a lacus at
urna congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum
id, congue, and nibh.”</p>
<p><em>Jane Smith</em><br />
<a href="#">www.example.com</a></p>
</blockquote>
</div>
</div>
<div id="content">
<div id="welcome">
<p class="image-right"><img src="images/img200x150.jpg" alt="" width="200"
height="150" /></p>
<h2>Welcome to Entomology!</h2>
<p><strong>Entomology</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. Enjoy :)</p>
</div>
<div id="example">
<h2>Common Markup Examples</h2>
<p>This is a paragraph followed by an unordered list of links. Quisque dictum
integer nisl risus, sagittis convallis, rutrum id, congue, and nibh. In posuere
eleifend odio quisque semper augue mattis wisi maecenas ligula.</p>
<ul>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li>
</ul>
<h3>A Heading Level Three</h3>
<blockquote>
<p>This is a blockquote. Quisque dictum integer nisl risus, sagittis
convallis, rutrum id, congue, and nibh. In posuere eleifend odio quisque semper
augue mattis wisi maecenas ligula.</p>
</blockquote>
<h3>A Heading Level Three</h3>
<p>Another paragraph example followed by an ordered list:</p>
<ol>
<li>Integer sit amet pede vel arcu aliquet pretium.</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
</ol>
</div>
</div>
<div style="height: 1px; clear: both;"></div>
</div>
<div id="footer">
<hr />
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a> | <a
href="#">RSS Feeds</a></p>
<p id="legal">Copyright © 2007 Entomology. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>Envision</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Envision.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo-text">envision</h1>
<h2 id="slogan">put your site slogan here...</h2>
<div id="header-links">
<p> <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">Site Map</a>
</p>
</div>
</div>
<div id="menu">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li class="last"><a href="#">About</a></li>
</ul>
</div>
<div id="content-wrap">
<div id="sidebar">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Links</h1>
<ul class="sidemenu">
<li><a href="#">PDPhoto.org</a></li>
<li><a href="#">Squidfingers</a></li>
<li><a href="#">Alistapart</a></li>
<li><a href="#">CSS Remix</a></li>
<li><a href="#">Dark Eye</a></li>
</ul>
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#"><strong>4templates</strong></a> <br />
Low Cost Hi-Quality Templates</li>
<li><a href="#"><strong>TemplateMonster</strong></a> <br />
Delivering the Best Templates on the Net!</li>
<li><a href="#"><strong>Fotolia</strong></a> <br />
Free stock images or from $1</li>
<li><a href="#"><strong>Text Link Ads</strong></a> <br />
Monetized your website</li>
<li><a href="#"><strong>Dreamhost</strong></a> <br />
Premium webhosting</li>
</ul>
<h1>Wise Words</h1>
<div class="left-box">
<p>"Evaluation of the past is the first step toward vision for the
future." </p>
<p class="align-right">- Chris Widener</p>
</div>
<h1>Support Styleshout</h1>
<div class="left-box">
<p>If you are interested in supporting my work and would like to
contribute, you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Envision 1.0</strong> is a free, W3C-compliant, CSS-based website
template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Oct 01,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>Here is an example</li>
<li>of an ordered list</li>
</ol>
<ul>
<li>Here is an example</li>
<li>of an unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. </p>
<h3>Table Styling</h3>
<table>
<tr>
<th class="first"><strong>post</strong> date</th>
<th>title</th>
<th>description</th>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="#">Augue non nibh</a></td>
<td><a href="#">Lobortis commodo metus vestibulum</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="#">Fusce ut diam bibendum</a></td>
<td><a href="#">Purus in eget odio in sapien</a></td>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="#">Maecenas et ipsum</a></td>
<td><a href="#">Adipiscing blandit quisque eros</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="#">Sed vestibulum blandit</a></td>
<td><a href="#">Cras lobortis commodo metus lorem</a></td>
</tr>
</table>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
<div id="footer">
<p> © 2006 <strong>Your Company</strong> | Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<a href="#">Home</a> | <a
href="#">Sitemap</a> | <a href="#">RSS Feed</a> </p>
</div>
</div>
</body>
</html>
<!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>Envision</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Envision.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo-text">envision</h1>
<h2 id="slogan">put your site slogan here...</h2>
<div id="header-links">
<p> <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">Site Map</a>
</p>
</div>
</div>
<div id="menu">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li class="last"><a href="#">About</a></li>
</ul>
</div>
<div id="content-wrap">
<div id="sidebar">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Links</h1>
<ul class="sidemenu">
<li><a href="#">PDPhoto.org</a></li>
<li><a href="#">Squidfingers</a></li>
<li><a href="#">Alistapart</a></li>
<li><a href="#">CSS Remix</a></li>
<li><a href="#">Dark Eye</a></li>
</ul>
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#"><strong>4templates</strong></a> <br />
Low Cost Hi-Quality Templates</li>
<li><a href="#"><strong>TemplateMonster</strong></a> <br />
Delivering the Best Templates on the Net!</li>
<li><a href="#"><strong>Fotolia</strong></a> <br />
Free stock images or from $1</li>
<li><a href="#"><strong>Text Link Ads</strong></a> <br />
Monetized your website</li>
<li><a href="#"><strong>Dreamhost</strong></a> <br />
Premium webhosting</li>
</ul>
<h1>Wise Words</h1>
<div class="left-box">
<p>"Evaluation of the past is the first step toward vision for the
future." </p>
<p class="align-right">- Chris Widener</p>
</div>
<h1>Support Styleshout</h1>
<div class="left-box">
<p>If you are interested in supporting my work and would like to
contribute, you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Envision 1.0</strong> is a free, W3C-compliant, CSS-based website
template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Oct 01,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>Here is an example</li>
<li>of an ordered list</li>
</ol>
<ul>
<li>Here is an example</li>
<li>of an unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. </p>
<h3>Table Styling</h3>
<table>
<tr>
<th class="first"><strong>post</strong> date</th>
<th>title</th>
<th>description</th>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="#">Augue non nibh</a></td>
<td><a href="#">Lobortis commodo metus vestibulum</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="#">Fusce ut diam bibendum</a></td>
<td><a href="#">Purus in eget odio in sapien</a></td>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="#">Maecenas et ipsum</a></td>
<td><a href="#">Adipiscing blandit quisque eros</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="#">Sed vestibulum blandit</a></td>
<td><a href="#">Cras lobortis commodo metus lorem</a></td>
</tr>
</table>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
<div id="footer">
<p> © 2006 <strong>Your Company</strong> | Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<a href="#">Home</a> | <a
href="#">Sitemap</a> | <a href="#">RSS Feed</a> </p>
</div>
</div>
</body>
</html>
<!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>Essence</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Essence</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="content">
<div id="welcome" class="post">
<h1 class="title">Welcome to Essence!</h1>
<div class="content"><img src="images/img4.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Essence</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<div class="content">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="sidebar">
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>May 17, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 13, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, and nibh…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Essence. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Euphonics</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="body_wrapper">
<div id="container">
<!-- Start of Page Header -->
<div id="page_header">
<!-- Start of Header Title -->
<div id="header_title">
<h2><span>The Albion College</span></h2>
<h1><span>Euphonics</span></h1>
<div class="textbox"> <a href="#">Click here</a> to schedule the Euphonics
for your event <br />
(Ask about our discount Student Organization Rate) </div>
</div>
<!-- End of Header Title -->
<!-- Start of Header Links -->
<div id="header_links">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
</div>
<!-- End of Header Links -->
<!-- Start of Header Navigation Menu -->
<div id="header_navmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Meet us</a></li>
<li><a href="#">Book us</a></li>
<li><a href="#">Concerts</a></li>
<li><a href="#">CD</a></li>
<li><a href="#">Multimedia</a></li>
<li><a href="#">Forum</a></li>
</ul>
</div>
<!-- End of Header Navigation Menu -->
<div class="clearthis"> </div>
</div>
<!-- End of Page Header -->
<!-- Start of Page Content First Row -->
<div id="page_content_1">
<!-- Start of First Row Left Sidebar -->
<div id="leftsidebar_1">
<div id="leftsidebar_1_header">
<h2><span>What Is New</span></h2>
</div>
<div class="leftsidebar_box">
<p> Please don't remove the link at the bottom. We have worked hard to
make this template and ask that you respect our hard work so we can continue
providing you with high quality templates. </p>
<p class="highlight"> If you really want to remove the link you can buy a
copyright free version on our website. </p>
<div class="pay_button"> <a href="#"><img
src="images/button_stormpay.gif" width="75" height="46" alt="Pay Now" /></a></div>
</div>
</div>
<!-- End of First Row Left Sidebar -->
<!-- Start of First Row Right Column -->
<div id="rightcolumn_1">
<!-- Start of Sign Up Now -->
<div id="signupnow">
<h3><span>Sign Up NOW and Receive updates on Concerts, CD Releases, and
Gigs!</span></h3>
<form action="#">
<div>
<div class="formfield"> <strong>Name :</strong>
<input type="text" />
<br />
<strong>E-mail :</strong>
<input type="text" />
</div>
<input type="image" src="images/submit_button.gif"
class="button_submit" />
<div class="clearthis"> </div>
</div>
</form>
<div class="clearthis"> </div>
</div>
<!-- End of Sign Up Now -->
<div class="whitebar"> </div>
<!-- Start of Welcome -->
<div class="rightcolumn_box">
<h2>Welcome to the 2005-2006 Albion College Euphonics Website!</h2>
<div class="thumbnail"><img src="images/welcome_thumbnail.jpg"
width="248" height="197" alt="Thumbnail Caption" /></div>
<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. <br />
<br />
If you're having problems editing the template Please don't hesitate to
ask for help on the forum. You will get help as soon as possible. You can also use
the forum to tell us what you like or dislike and what you would like to see more.
<br />
<br />
Your feedback is very important to us and we will do everything to
fulfill your wishes. <br />
<br />
<a href="#">More...</a> </p>
<div class="clearthis"> </div>
</div>
<!-- End of Welcome -->
</div>
<!-- End of First Row Right Column -->
<div class="clearthis"> </div>
</div>
<!-- End of Page Content First Row -->
<div class="clearthis"> </div>
<!-- Start of Page Content Second Row -->
<div id="page_content_2">
<!-- Start of Second Row Left Sidebar -->
<div id="leftsidebar_2">
<div class="leftsidebar_box">
<p> Please don't remove the link at the bottom. We have worked hard to
make this template and ask that you respect our hard work so we can continue
providing you with high quality templates. </p>
<div class="pay_button"> <a href="#"><img src="images/button_donate.gif"
width="75" height="30" alt="Pay Now" /></a></div>
</div>
</div>
<!-- End of Second Row Left Sidebar -->
<!-- Start of Second Row Right Column -->
<div id="rightcolumn_2">
<!-- Start of November Gigs -->
<div id="gigs">
<h2><span>November Gigs</span></h2>
<div id="gigs_table">
<table cellpadding="25" cellspacing="0">
<tr id="header_row">
<td><strong>Date</strong></td>
<td><strong>Time</strong></td>
<td><strong>Location</strong></td>
<td><strong>Description</strong></td>
</tr>
<tr>
<td>11/4</td>
<td>7:30 pm</td>
<td>KC Stack</td>
<td>Opening for Chapter 6</td>
</tr>
<tr>
<td>11/29</td>
<td>7:30 pm</td>
<td>Belmont Manor</td>
<td>Private Party</td>
</tr>
<tr>
<td>11/30</td>
<td>7 pm & 9 pm</td>
<td>KC Stack</td>
<td>Fall Concert</td>
</tr>
</table>
</div>
</div>
<!-- End of November Gigs -->
</div>
<!-- End of Second Row Right Column -->
<div class="clearthis"> </div>
</div>
<!-- End of Page Content Second Row -->
<div class="clearthis"> </div>
<!-- Start of Page Footer -->
<div id="page_footer">
<div id="page_footer_box">
<!-- Start of Footer Links -->
<div id="footer_links">
<ul>
<li id="firstlink"><a href="#">Home</a></li>
<li><a href="#">Meet us</a></li>
<li><a href="#">Book us</a></li>
<li><a href="#">Concerts</a></li>
<li><a href="#">CD</a></li>
<li><a href="#">Multimedia</a></li>
<li id="lastlink"><a href="#">Forum</a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Footer Links -->
<p> Web design by <a href="http://www.freewebsitetemplates.com">Free
Website Templates</a> </p>
<p> The opinions expressed in this page/section are strictly those of the
page author/creator. <br />
The contents of this page have not been reviewed or approved by Albion
College. </p>
</div>
</div>
<!-- End of Page Footer -->
<div class="clearthis"> </div>
</div>
</div>
</body>
</html>
<!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>Evergreen</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1>Evergreen</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Friends</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Evergreen!</h2>
<p><em><strong>Evergreen</strong></em> is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<h3>Sample Unordered List</h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
<h3>An Older Post Example</h3>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue:</p>
<ol>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">Blog-o-friend.com</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Evergreen. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>andreas02</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="andreas02.css"
media="screen,projection" title="andreas02 (screen)" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
</head>
<body>
<div id="toptabs">
<p>Site Network: <a class="activetoptab" href="#">Personal</a><span class="hide">
| </span> <a class="toptab" href="#">My Company</a><span class="hide"> | </span> <a
class="toptab" href="#">Artist projects</a><span class="hide"> | </span> <a
class="toptab" href="#">Shop</a></p>
</div>
<div id="container">
<div id="logo">
<h1><a href="#">andreas02 v2.0</a></h1>
</div>
<div id="navitabs">
<h2 class="hide">Site menu:</h2>
<a class="activenavitab" href="#">Home</a><span class="hide"> | </span> <a
class="navitab" href="#">Bio</a><span class="hide"> | </span> <a class="navitab"
href="#">Discography</a><span class="hide"> | </span> <a class="navitab"
href="#">Downloads</a><span class="hide"> | </span> <a class="navitab"
href="#">Photos</a><span class="hide"> | </span> <a class="navitab"
href="#">Tour</a><span class="hide"> | </span> <a class="navitab"
href="#">Merchandise</a><span class="hide"> | </span> <a class="navitab"
href="#">Interviews</a> </div>
<div id="desc">
<h2>Welcome to andreas02!</h2>
<p>This is a free XHTML/CSS website template that you can use for any purpose
without any obligations or limitations! It was originally released in August 2005,
and has since been updated several times. It uses XHTML 1.0 Strict and CSS, and it
has no tables at all. To show its features, I have filled it with some example
content.</p>
<p class="right"><a href="#">Read more</a> »</p>
</div>
<div id="main">
<h2>The idea behind the design</h2>
<p>When it was time to redesign one of my sites, I got an idea about making one
single design that all of my sites could use, and make some kind of official link
network between the sites. My way of doing this turned out to be the use of toptabs
(for selecting a website) and navitabs (for selecting subsections within the
different sites). With a basic PHP template, all sites could now have the same
design and share the same toptabs - but they can have their own separate content.
If needed, each navitab can have a submenu in the sidebar, which allows this design
to handle hundreds of pages while still keeping a quick and easy navigation. To
make navigation more logical, each tab could have its own colorscheme or header
image.</p>
<p class="block"><strong>Please note:</strong> This template is built with
XHTML and CSS code only. It contains no CMS-specific code. It may be customized to
work with many different content management systems, but that will require
additional programming.</p>
<h3>Free to use!</h3>
<p>If you like this layout and would like to use it in any way, you are free to
do so. I kindly ask that you leave the "Design by Andreas Viklund" link in the
footer of the site as that would be a nice way of giving something back to the
original template designer. But it is just a request, no obligation. If you use
this template for commercial purposes and remove the credits, please consider
making a small PayPal donation through my website to support my work!</p>
<p>Good luck with your new design!</p>
</div>
<div id="sidebar">
<h3>More information:</h3>
<p>Do you want more information about my free website templates? Then you
should check out these pages:</p>
<p> <a class="sidelink" href="#">Free templates</a><span class="hide"> |
</span> <a class="sidelink" href="#">Commercial templates</a><span class="hide"> |
</span> <a class="sidelink" href="#">OpenDesigns.org</a><span class="hide"> |
</span> <a class="sidelink" href="http://validator.w3.org/check/referer">Valid
XHTML</a><span class="hide"> | </span> <a class="sidelink"
href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a> </p>
<h3>Image example:</h3>
<p><img class="photo" src="images/test.jpg" height="100" width="130" alt=""
/><br />
"It happens every day: information overload! Time for a reboot..."<br />
(traditional haiku poem)</p>
</div>
<div id="footer">
<p>Copyright © 2007 <a href="#">Your Name</a> · <a
href="#">Contact</a> · <a href="#">Policy</a> · Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a
href="#">Homepage</a></p>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Evolution</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="contheader">
<div id="header">
<div id="headerleft">
<ul>
<li><a title="skip to content" href="#conttext">skip to content</a></li>
</ul>
</div>
<div id="headerright">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
</div>
</div>
<div id="contmain">
<div id="main">
<div id="mainleft">
<h1>website.name.here</h1>
</div>
<div id="mainright">
<h2><span></span>Aliquam erat volutpat. Sed egestas bibendum elit. Nulla vel
leo sit amet sem varius pellentesque. Nam ut nisi vel risus posuere
egestas.<span></span></h2>
</div>
</div>
</div>
<div id="conttext">
<div id="text">
<div id="textright">
<div>
<h4>first side menu</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
<h4>second side menu</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
</div>
<div id="textleft">
<div id="textbanner">
<ul>
<li><a href="#">home page</a></li>
<li>></li>
<li><a href="#">Home</a></li>
</ul>
</div>
<h3>welcome.</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla nisi
felis,
ultricies ut, tempor a, aliquet sed, leo. Proin posuere hendrerit dui. Ut
porta placerat felis. Donec sagittis tempus elit. Sed vestibulum mauris in
sapien. In ornare. Ut consectetuer facilisis mauris. Suspendisse vitae
justo
vitae nisl pretium pulvinar. Praesent vitae nibh nec odio viverra bibendum.
Morbi laoreet, dolor ac commodo viverra, mauris mi gravida sapien, vel
cursus ante ligula aliquam nulla.</p>
<blockquote>Proin erat lorem, pretium vitae, sodales
sit amet, aliquet at, arcu. Phasellus semper imperdiet velit. Fusce
molestie,
sem congue malesuada rutrum, dui est scelerisque magna, sit amet varius
magna lectus sed neque. Phasellus auctor lorem id libero. -
tristar</blockquote>
<p>Etiam lacus. Praesent blandit, turpis et fermentum ornare, lorem nunc
volutpat ligula, et porta dui turpis eget ante. Vestibulum ac nunc. Integer
in mauris nec dolor facilisis congue. Proin eleifend lectus rhoncus odio.
Nam eros ante, adipiscing in, luctus eu, suscipit at, nisl. In in neque.
Nam
neque. Nulla fermentum vehicula est. Cras nec nulla sed mauris ultricies
tempor. Proin et lorem. Vestibulum eu tortor ut turpis feugiat pharetra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam fringilla eleifend elit. Nullam sit amet risus.
In mollis, nisi eget lobortis posuere, ipsum mauris condimentum erat, vel
imperdiet nunc risus a odio. Nunc sed libero. Nulla facilisi.</p>
<p>Etiam suscipit turpis vitae quam. Proin erat lorem, pretium vitae, sodales
sit amet, aliquet at, arcu. Phasellus semper imperdiet velit. Fusce
molestie,
sem congue malesuada rutrum, dui est scelerisque magna, sit amet varius
magna lectus sed neque. Phasellus auctor lorem id libero. In dui. Fusce
eros.
Duis luctus bibendum justo. Nullam molestie. Phasellus ut lectus nec urna
varius venenatis. Integer urna. Sed diam turpis, molestie et, luctus
tempus,
commodo vel, orci.</p>
</div>
</div>
</div>
<div id="contfooter">
<div id="footer">
<div id="footerleft">
<h4>header.one.</h4>
<p>Etiam suscipit turpis vitae quam. Proin erat lorem, pretium vitae, sodales
sit amet, aliquet at, arcu. Phasellus semper imperdiet velit. Fusce
molestie,
sem congue malesuada rutrum, dui est scelerisque magna, sit amet varius
magna lectus sed neque. Phasellus auctor lorem id libero. In dui. Fusce
eros.
Duis luctus bibendum justo. Nullam molestie. Phasellus ut lectus nec urna
varius venenatis. Integer urna. Sed diam turpis, molestie et, luctus
tempus,
commodo vel, orci.</p>
</div>
<div id="footerright">
<h4>header.two.</h4>
<p>Etiam suscipit turpis vitae quam. Proin erat lorem, pretium vitae, sodales
sit amet, aliquet at, arcu. Phasellus semper imperdiet velit. Fusce
molestie,
sem congue malesuada rutrum, dui est scelerisque magna, sit amet varius
magna lectus sed neque. Phasellus auctor lorem id libero. In dui. Fusce
eros.
Duis luctus bibendum justo. Nullam molestie. Phasellus ut lectus nec urna
varius venenatis. Integer urna. Sed diam turpis, molestie et, luctus
tempus,
commodo vel, orci.</p>
</div>
<div id="footerbottom">
<p>web design by <a href="http://www.tristarwebdesign.co.uk">tristar web
design</a></p>
</div>
</div>
</div>
</body>
</html>
<!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" lang="en" xml:lang="en">
<head>
<title>Ezine</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<style type="text/css" media="all">
@import "style.css";
</style>
</head>
<body>
<div id="maincontainer">
<div id="topsection"> <span class="title1">E</span><span
class="title2">zine</span><span class="subtitle">YourWebsite.com</span> </div>
<div id="contentwrapper">
<div id="contentcolumn">
<div class="text">
<h1>Welcome! (h1)</h1>
<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,... (h2)</h2>
<p> <img class="imgleft" src="images/image.jpg" width="180" height="180"
border="0" alt="" /> <strong>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.</strong></p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.</p>
<h3>Headline (h3) </h3>
<div class="boxright">
<div class="boxrighttext"> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. </div>
</div>
<p style="margin-right: 185px">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
nulla.</p>
<div class="columnleft">
<h4>Headline (h4,h5,h6)</h4>
<p> <img class="imgleft" src="images/ebook.jpg" width="61" height="100"
alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat.</p>
<h4>Resources</h4>
<ul class="list">
<li><a href="#">Open Design</a></li>
<li><a href="#">Dynamic Drive CSS Library</a></li>
<li><a href="#">Listamatic</a></li>
<li><a href="#">stock.xchng</a></li>
<li><a href="#">Wikipedia</a></li>
</ul>
</div>
<div class="columnright">
<h4>Headline (h4,h5,h6)</h4>
<p> <img class="imgleft" src="images/ebook.jpg" width="61" height="100"
alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. </p>
<p> <a href="#">Read more...</a></p>
</div>
<hr style="clear: both" />
<div class="boxcenter">
<div class="boxcentertext"> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla. </div>
</div>
<div id="top"> <a href="#"><img src="images/top.gif" width="11" height="9"
alt="" /></a> </div>
<div id="copyright"> © Copyright 2007 Your Name. All Rights Reserved.
Design by <strong>wfiedler</strong></div>
</div>
</div>
</div>
<div id="leftcolumn">
<div class="text">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
<div class="boxleft">
<div class="boxlefttext"> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. </div>
</div>
<div class="boxleft">
<div class="boxlefttext"> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. </div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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" lang="en" xml:lang="en">
<head>
<title>Ezine 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<a name="top"></a>
<div id="maincontainer">
<div id="header">
<h1>Your Sitename</h1>
</div>
<div id="contentwrapper">
<div id="contentcolumn">
<div id="navmain">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
</div>
<h1>Welcome! (h1)</h1>
<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. (h2)</h2>
<div class="maintext">
<p><img class="imageLeft" src="images/image.jpg" width="117" height="117"
alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
</p>
<p>[+] <a href="#">Read more...</a></p>
<div class="hr">
<hr />
</div>
<h3>Headline (h3)</h3>
<p><img class="imageRight" src="images/image.jpg" width="117" height="117"
alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
</p>
<p>[+] <a href="#">Read more...</a></p>
<blockquote>>>Lorem ipsum dolor sit amet,<br />
consectetuer adipiscing elit<<</blockquote>
<div class="infobox">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Nulla congue, velit tristique mattis auctor, velit elit euismod diam, a
interdum tortor enim eget ante. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Nulla congue, velit tristique mattis auctor, velit elit euismod diam, a
interdum tortor enim eget ante. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Nulla congue, velit tristique mattis auctor, velit elit euismod diam, a
interdum tortor enim eget ante.</div>
<h4>Headline (h4, h5, h6)</h4>
<ul class="list">
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
</ul>
<div align="right"><a href="#top">top ´|`</a></div>
</div>
</div>
</div>
<div id="leftcolumn">
<h1>Menu</h1>
<ul id="navleft">
<li><a href="#">Home</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
<div id="leftcolumnText">
<h2>Headline (h2)</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />
[+] <a href="#">Read more...</a>
<h2>Headline (h2)</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />
[+] <a href="#">Read more...</a>
<h2>Headline (h2)</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />
[+] <a href="#">Read more...</a> </div>
</div>
<div id="rightcolumn">
<div id="rightcolumnText">
<h1>Headline (h1)</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<p>[+] <a href="#">Read more...</a></p>
<h1>Headline (h1)</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<p>[+] <a href="#">Read more...</a></p>
<h1>Headline (h1)</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<p>[+] <a href="#">Read more...</a></p>
</div>
</div>
<div id="footer">
<div id="copyright"> All contents © Copyright 2007 <a href="#">Your
Sitename</a> | Sponsored by <a href="http://openDesigns.org/">Open Designs</a> |
Design by wfiedler | <a href="http://validator.w3.org/check?uri=referer">Valid
XHTML 1.0 Transitional</a> </div>
</div>
</div>
</body>
</html>
<!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-gb" lang="en-gb">
<head>
<title>Face</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="c/GMV12.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<style type="text/css">
#content { height: 1em; }
pre{ overflow: auto; overflow-y: hidden;}
</style>
<![endif]-->
</head>
<body id="gordonmac-com" class="home">
<div id="wrapper-a">
<div id="wrapper-b">
<div id="wrapper-c">
<div id="content">
<div id="heading">
<h1>Free CSS Templates</h1>
<h2><q>HTML TEMPLATES & OTHER SILLY THINGS</q></h2>
<p id="homebutton"><a href="#">Home Page</a></p>
</div>
<div id="content-a">
<div id="content-a-inner">
<ul id="nav-main">
<li id="nav-main-about"><a href="#">Home</a></li>
<li id="nav-main-downloads"><a href="#">Downloads</a></li>
<li id="nav-main-tutorials"><a href="#">Tutorials</a></li>
<li id="nav-main-contact"><a href="#">Contact</a></li>
</ul>
<h2>About this site </h2>
<p>This web site belongs to Gordon Mackay, a hobbyist web developer
from the Highlands of Scotland.</p>
<p>The site offers several resources for web developers. Those
resources include free HTML/CSS templates, free Macromedia Fireworks PNG files and
some PHP scripts.</p>
<h2>Additional Pages</h2>
<ul>
<li><a href="#">Colophon</a></li>
<li><a href="#">Accessibility</a></li>
<li><a href="#">Linkage (sites and people I like)</a></li>
<li><a href="#">FAQ</a></li>
</ul>
<h2>Updates</h2>
<form id="subscribeform" method="post" action="index.htm">
<div>
<label>Your Name:
<input type="text" name="subscribe-name" id="subscribe-name" />
</label>
<label>Your Email:
<input type="text" name="subscribe-email" id="subscribe-email" />
</label>
<input type="image" alt="send message" class="imagesubmit"
onmouseover="this.src='i/GM12_form_subscribe_over.jpg';"
onmouseout="this.src='i/GM12_form_subscribe.jpg';"
src="i/GM12_form_subscribe.jpg" />
</div>
</form>
<p>Subscribe via <a href="#">RSS</a></p>
<h2>A Quick Note</h2>
<p>This site is built to be as accessible as possible to the people who
visit, it uses the most modern code available to web developers to ensure this is
possible.</p>
<ul id="validation">
<li><a href="http://validator.w3.org/check/referer">XHTML</a></li>
<li><a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a></li>
<li><a href="#">RSS</a></li>
<li>By <a href="http://www.gordonmac.com/">Gordon
Mackay</a></li>
</ul>
</div>
</div>
<div id="content-b">
<div id="content-b-inner">
<h2 id="mainheading">Welcome</h2>
<p>We convince ourselves that life will be better after we get married,
have a baby, then another. Then we are frustrated that the kids aren't old enough
and we'll be more content when they are. After that we're frustrated that we have
teenagers to deal with. We will certainly be happy when they are out of that
stage.</p>
<p>We tell ourselves that our life will be complete when our spouse
gets his or her act together, when we get a nicer car, are able to go on a nice
vacation, when we retire. The truth is, there's no better time to be happy than
right now. If not now, when? Your life will always be filled with challenges.</p>
<p>It's best to admit this to yourself and decide to be happy anyway.
One of my favourite quotes comes from Alfred D Souza. He said, "For a long
time it had seemed to me that life was about to begin - real life. But there was
always some obstacle in the way, something to be gotten through first, some
unfinished business, time still to be served, a debt to be paid. Then life would
begin. At last it dawned on me that these obstacles were my life."</p>
<h3>Contact Me </h3>
<form id="contactform" method="post" action="#">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><label for="contactform-name">Name:
<span>(required)</span></label>
<input type="text" name="contactform-name" id="contactform-
name" />
</td>
<td><label for="contactform-email">Email Address:
<span>(required)</span></label>
<input type="text" name="contactform-email" id="contactform-
email" />
</td>
</tr>
<tr>
<td colspan="2"><label for="contactform-subject">Subject:
<span>(required)</span></label>
<input type="text" name="contactform-subject"
id="contactform-subject" />
</td>
</tr>
<tr>
<td colspan="2"><label for="contactform-message">Message:
<span>(required)</span></label>
<textarea cols="50" rows="10" id="contactform-
message"></textarea>
<input type="image" alt="send message" class="imagesubmit"
onmouseover="this.src='i/GM12_form_submit_over.jpg';"
onmouseout="this.src='i/GM12_form_submit.jpg';" src="i/GM12_form_submit.jpg" />
</td>
</tr>
</tbody>
</table>
</form>
<p>This perspective has helped me to see that there is no way to
happiness. Happiness is the way. So, treasure every moment that you have. And
treasure it more because you shared it with someone special, special enough to
spend your time... and remember that time waits for no one...</p>
<h3>Headings</h3>
<p>So stop <q>waiting until you finish school</q>, until you go back to
school, until you lose ten pounds, until you gain ten pounds, until you have kids,
until your kids leave the house, until you start work, until you retire, until you
get married, until you get divorced, until Friday night, until Sunday morning,
until you get a new car or home, until your car or home is paid off, until spring,
until summer, until fall, until winter, until you are off welfare, until the first
or fifteenth, until your song comes on, until you've had a drink, until you've
sobered up, until you die, until you are born again to decide that there is no
better time than right now to be happy...</p>
<p>Happiness is a journey, not a destination.</p>
</div>
</div>
<div id="footer">
<p id="copyright">© 2005 Gordon Mackay. All rights reserved.</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</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="#"><span>Contact</span></a></li>
<li id="menu_latest"><a href="#"><span>Latest</span></a></li>
<li id="menu_gallery"><a href="#"><span>Gallery</span></a></li>
<li id="menu_home"><a href="#"><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="#">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="#">This is a demo text. It will be replaced by the
original.</a></li>
<li><a href="#">This is a demo text. It will be replaced by the
original.</a></li>
<li><a href="#">It will be replaced by the original.</a></li>
<li><a href="#">This is a demo text. It will be replaced by the
original.</a></li>
</ul>
</div>
<div id="trends_image"> <img src="images/trends_image.gif" width="112"
height="79" alt="Image Title" /></div>
<div class="link-more"> <a href="#">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="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="#">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="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="#">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="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="#">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="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="#">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>
<!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" />
<link rel="stylesheet" href="style.css" type="text/css" />
</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="#">Home</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">links</a></li>
<li><a href="#">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>
<!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>
<title>Fem Flex 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if IE]>
<style type="text/css">
body { width expression(document.body.clientWidth > 1003 ? "1003px" : "779px"); }
</style>
<![endif]-->
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Fem Flex 1</h1>
</div>
<div id="content">
<h1>Heading 1</h1>
<p>Main content starts here.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ut dui ac lacus
egestas vehicula. Quisque faucibus, risus id consequat porta, orci ligula
condimentum mi, ac commodo leo libero eget tortor.</p>
<h1>List Style</h1>
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
<p><img src="images/sample3.gif" alt="" class="alignleft" />Left-aligned
image...some descriptive text...Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Sed ut dui ac lacus egestas vehicula. Quisque faucibus, risus id consequat
porta, orci ligula condimentum mi, ac commodo leo libero eget tortor.</p>
<p style="clear:left"><img src="images/sample3.gif" alt="" class="alignright"
/>Right-aligned image...some descriptive text...Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Sed ut dui ac lacus egestas vehicula. Quisque
faucibus, risus id consequat porta, orci ligula condimentum mi, ac commodo leo
libero eget tortor.</p>
<p>Blockquote:</p>
<blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ut dui
ac lacus egestas vehicula. Quisque faucibus, risus id consequat porta, orci ligula
condimentum mi, ac commodo leo libero eget tortor.</blockquote>
</div>
<div id="left">
<h2>Our Sponsors</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
<p>Some text or news here</p>
</div>
<div id="right">
<h2>Site Menu</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
<p>Some text or news here</p>
<p>A centered image:</p>
<img src="images/sample3.gif" alt="" class="centered" /> </div>
<div id="footer">
<p>Copyright© 2006 Your Company. All Rights Reserved.<br />
| XHTML template by <a
href="http://www.karenblundell.com">arwen54</a> | <a
href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/">Valid CSS</a> |</p>
</div>
</body>
</html>
<!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>Fibreglass Company</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<!-- Start of Page Header -->
<div id="header_container">
<div id="page_header">
<div id="header_company">
<h1><span>Fibreglass Company</span></h1>
</div>
<div id="header_menu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>About Us</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Contacts</span></a></li>
</ul>
</div>
<div id="header_welcome">
<h3>Welcome</h3>
<div id="welcome_text">
<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>
</div>
</div>
</div>
</div>
<!-- End of Page Header -->
<!-- Start of Left Sidebar -->
<div id="left_sidebar">
<!-- Start of User Login -->
<div class="box_container">
<div id="userlogin">
<h2><span>User Login</span></h2>
<form action="#">
<div class="form_field"> <strong>Username</strong>
<input type="text" />
</div>
<div class="clearthis"> </div>
<div class="form_field"> <strong>Password</strong>
<input type="password" />
</div>
<div class="clearthis"> </div>
<div class="form_field">
<input type="image" src="images/userlogin_search.gif" class="button" />
</div>
</form>
<div id="link-password"> <a href="#">Forgot Password</a> </div>
</div>
</div>
<!-- End of User Login -->
<!-- Start of Latest News -->
<div class="box_container">
<div id="news">
<h2><span>Latest News</span></h2>
<h4> Nov 09, 2005 </h4>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<h4> Nov 07, 2006 </h4>
<p>Even more websites all about website templates on Just Web
Templates.</p>
<p>Even more websites all about website templates on Just Web
Templates.</p>
<div class="link-more"> <a href="#">Read More</a> </div>
<div class="clearthis"> </div>
</div>
</div>
<!-- End of Latest News -->
</div>
<!-- End of Left Sidebar -->
<!-- Start of Main Content Area -->
<div id="maincontent_container">
<div id="maincontent">
<div id="maincontent_top">
<!-- Start of How We Started -->
<div id="started_container">
<div id="started">
<h2><span>How We Started</span></h2>
<p>You can remove any link to our websites from this template you're
free to use the template without linking
back to us. Don't want your boss to know you used a free website
template ;) .</p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates
you can find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web
Templates.</p>
</div>
</div>
<!-- End of How We Started -->
<div id="right_container">
<!-- Start of We Also Do Repairing -->
<div id="repairing">
<h2><span>We also do repairing</span></h2>
<p>You can remove any link to our websites from this template you're
free to use the template without linking
back to us. Don't want your boss to know you used a free website
template ;) .</p>
</div>
<div class="clearthis"> </div>
<!-- End of We Also Do Repairing -->
<!-- Start of Get Special Offer -->
<div id="offer_container">
<div id="offer">
<h2><span>Get <strong>Special</strong> Offer</span></h2>
<p> This is a demo text. It will be replaced by the original. This is
a demo text. </p>
<div class="link-go"> <a href="#"><span>Go</span></a> </div>
</div>
</div>
<div class="clearthis"> </div>
<!-- End of Get Special Offer -->
</div>
<div class="clearthis"> </div>
</div>
<!-- Start of Featured Products -->
<div id="featured_container">
<div id="featured">
<h2><span>Featured Products</span></h2>
<div id="featured_products">
<ul>
<li><a href="#"><img src="images/featured_product_01.jpg" width="105"
height="82" alt="Featured Product" /></a>
<h4>Model 334</h4>
</li>
<li><a href="#"><img src="images/featured_product_02.jpg" width="105"
height="82" alt="Featured Product" /></a>
<h4>Model 334</h4>
</li>
<li><a href="#"><img src="images/featured_product_03.jpg" width="105"
height="82" alt="Featured Product" /></a>
<h4>Model 334</h4>
</li>
<li class="end"><a href="#"><img src="images/featured_product_04.jpg"
width="105" height="82" alt="Featured Product" /></a>
<h4>Model 334</h4>
</li>
</ul>
<div class="clearthis"> </div>
</div>
<div class="featured_nav"> <a href="#">Previous</a> </div>
<div class="featured_nav"> <a href="#">1</a> | <a href="#">2</a> | <a
href="#">3</a> </div>
<div class="featured_nav"> <a href="#">Next</a> </div>
<div class="link-more"> <a href="#">Read More</a> </div>
<div class="clearthis"> </div>
</div>
</div>
<div class="clearthis"> </div>
<!-- End of Featured Products -->
</div>
</div>
<!-- End of Main Content Area -->
<!-- Start of Page Footer -->
<div id="page_footer"> Powered by <a
href="http://www.freewebsitetemplates.com">Free Website Templates</a> </div>
<!-- End of Page Footer -->
<div class="clearthis"> </div>
</div>
</body>
</html>
<!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>Film</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<style type="text/css">
<!--
body,td,th {
font-size: 0.9em;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>
<body>
<div id="header">
<h1>FILM</h1>
<h3>Your Slogan</h3>
</div>
<!-- Used to force equal height columns -->
<div id="wrapper">
<div id="leftColumn">
<h2>Navigation</h2>
<br />
<div id="navcontainer1">
<ul id="navlist1">
<li id="active1"><a href="#" id="current1">Home</a>
<ul id="subnavlist1">
<li id="subactive1"><a href="#" id="subcurrent1">Subitem one</a></li>
<li><a href="#">Subitem two</a></li>
</ul>
</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
<br />
<h2>Important News</h2>
<p> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Aliquam auctor semper
libero. </p>
<p class="centerimg"><img src="reel.jpg" alt="coin" height="100" width="96"
/></p>
<!--//end #tags//-->
</div>
<!--//end #leftColumn//-->
<div id="rightColumn">
<h2>Navigation</h2>
<br />
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current1">Home</a>
<ul id="subnavlist">
<li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li>
<li><a href="#">Subitem two</a></li>
</ul>
</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
<br />
<h2>Important News</h2>
<p> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Aliquam auctor semper
libero. </p>
<p class="centerimg"><img src="reel.jpg" alt="coin" height="100" width="96"
/></p>
<div id="tags">
<p> </p>
<p> </p>
</div>
<!--//end #tags//-->
</div>
<!--//end #rightColumn//-->
<div id="centerColumn">
<h2>Main Content</h2>
<p><img src="film.gif" alt="film" id="leftImg" />Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Aliquam auctor semper libero. viverra porttitor. Phasellus eu lorem vitae
augue
aliquet aliquam. Integer vitae, ligula. Vivamus vitae
augue at dui consequat tempor. Aliquam auctor semper libero. viverra
porttitor. Phasellus eu lorem vitae augue
aliquet aliquam. Integer vitae, ligula. Vivamus vitae
augue at dui consequat tempor. Aliquam auctor semper libero. viverra
porttitor. Phasellus eu lorem vitae augue
aliquet aliquam. Integer vitae, ligula. Vivamus vitae
augue at dui consequat tempor.</p>
<blockquote>
<p>This page is valid xhtml 1.0 strict. Thank you to css
Tinderbox
for helping to build this foundation for the template. Please let me
know how you use this template. Thank you to Animation Factory for the
images. </p>
</blockquote>
<h2> </h2>
<h2>More Information </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam
auctor semper libero. Vestibulum at erat eget arcu sagittis adipiscing.
Vestibulum odio nisi, scelerisque et. </p>
<p>This page is valid xhtml 1.0 strict.</p>
<br />
<h3>Copyright 2007 Design by <a href="http://www.projectaces.com">LS</a></h3>
<br />
</div>
</div>
<!--//end #wrapper -->
</body>
</html>
<!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>Finding Peace</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen,print" />
</head>
<body>
<div id="toplinks">
<div id="toplinksnav">
<p>Are you looking for more open source Designs?</p>
</div>
<!--// end #toplinksnav //-->
</div>
<!--// end #toplinks //-->
<div id="slogan"> <img src="img/slogan-bamboo.jpg" height="310" width="303" alt=""
class="sloganfloat" />
<h1>Finding Peace.</h1>
<p>Searching for the balance between style and valid markup.</p>
</div>
<!--// end #slogan //-->
<div id="navbar">
<div id="navbarblock">
<ul>
<li><a href="#" class="now">Home</a></li>
<li><a href="layout-two.html">Layout 2</a></li>
<li><a href="layout-three.html">Layout 3</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Weblog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!--// end #navbarblock //-->
</div>
<!--// end #navbar //-->
<div id="callout">
<div id="calloutblock"> <img class="calloutfloat" src="img/whats-new.jpg"
width="358" height="104" alt="" />
<h2>Taking Refuge In Simplicity.</h2>
<p>I wanted to develop a theme that brings across a quiet, yet solid feel to it
that could potentially be used for both commercial or personal web sites. I think i
came pretty close to what I was looking for. </p>
<p><a href="#">Learn more…</a></p>
</div>
<!--// end #calloutblock //-->
</div>
<!--// end #callout //-->
<div id="textarea">
<h2>Never Underestimate The Open Source Community</h2>
<p class="date">December 07, 2006</p>
<p>The development of OpenDesigns.org by a dedicated group of open source
Designers in such a short amount of time proves the value of openly sharing
knowledge and experiance with others. I can honestly say that my own skills have
been strengthened by being a part of the open source community.</p>
<p>If you take this Design and adapt it to your own needs with further
improvements, please consider passing it along to the open source community so
others can continue to share and learn.</p>
<h2>A Word About The Design</h2>
<p class="date">December 05, 2006</p>
<p>The <em>Finding Peace</em> Design was built on a Windows machine with valid
CSS and XHTML 1.0 Strict. It was tested in Windows for FF 2.0, IE 6.0 and with Mac
OS X for Safari 1.3.</p>
<p>It's relased under the Creative Commons License so do what you want with it.
Although you're not obligated to maintain a link back to me as the Designer,
leaving it in place would be appreciated.</p>
</div>
<!--// end #textarea //-->
<div id="footer">
<p>2006 © Your Company Name<br />
Design by <a href="http://www.raykDesign.net">rayk Design</a> | Valid <a
href="http://jigsaw.w3.org/css-validator/validator-uri.html">CSS</a> and <a
href="http://validator.w3.org/">XHTML 1.0 Strict</a></p>
</div>
<!--// end #footer //-->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas03</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="andreas03.css" />
</head>
<body>
<div id="thetop"> <a id="top"></a>
<p class="hide">Skip to: <a href="#sitemenu" accesskey="2">Site menu</a> | <a
href="#maincontent" accesskey="3">Main content</a></p>
</div>
<div id="container">
<div id="main">
<div id="logo">
<h1>[<a href="#" accesskey="4">your site title</a>]</h1>
<span id="tagline">Your striking site slogan!</span> </div>
<div id="intro">
<h2><a id="maincontent"></a>Speed and accessibility!</h2>
<p>This website template is made for all of you who want a quick-loading and
solid XHTML/CSS website with light use of images and a strong focus on
accessibility. The template conforms to the WCAG 1.0 Triple-A rating, and it works
in all common browser types.</p>
</div>
<div class="clear"></div>
<h3 class="headerstyle">The idea behind the design</h3>
<p>The andreas03 template has a small file size, a simple layout for easy
editing, good accessibility features and semantic markup. Five small images have
been used for the design, adding only 3 kilobytes to the template load size (which
is approximately 12kb).</p>
<p>The images are linked from the stylesheet, which means that they will not
show up in browsers that does not support CSS. They can also be safely removed,
since the images do not affect the layout in any way. In CSS-enabled browsers the
removed images will be replaced by a background color. In browsers with no CSS
support, there will be no difference. See examples of this by looking at the
alternate versions listed under the menu.</p>
<p class="internallink">[ <a href="#top">Back to top</a> ]</p>
<h3 class="headerstyle">What is 'accessibility' and why is it important?</h3>
<p>Accessibility is about making your website available and understandable for
everyone, including users with disabilities. W3 explains it in a great way at the
<a href="http://www.w3.org/WAI/intro/accessibility.php">Web Accessibility
Initiative</a>.</p>
<p>This template allows visitors to use the following accesskeys:<br />
<strong>1 - </strong>Back to top | <strong>2 - </strong>Skip to site menu |
<strong>3 - </strong>Skip to main content | <strong>4 - </strong>Return to
index.html</p>
<p>You can easily change these or add more accesskeys to make the site fit your
needs, for example to allow easy access to each site menu link. Adding a logical
tab order is recommended! And finally: the template allows browser-based font
resizing, making sure that site visitors can enlarge the font size without breaking
the page layout in any way.</p>
<p class="internallink">[ <a href="#top">Back to top</a> ]</p>
<h3 class="headerstyle">Open source is freedom!</h3>
<p>If you like this layout and would like to use it in any way, you are free to
do so. This design is released as open source, which means that you are free to
make any changes you may want to. I kindly ask that you leave the "Design by
Andreas Viklund" link in the footer, but you are free to remove it if you want (or
need) to. If you use this design for commercial purposes, please consider making a
symbolic donation through my website.</p>
<p>Good luck with your new design!</p>
<p class="block"><strong>Additional information: </strong>Download more of my
free website templates from <a href="#">OSWD.org</a>!</p>
<p class="internallink">[ <a href="#top">Back to top</a> ]</p>
</div>
<div id="sidebar">
<h2 class="sidelink menuheader"><a id="sitemenu"></a>Site menu:</h2>
<a class="sidelink" href="#">Home</a> <span class="hide"> | </span> <a
class="sidelink" href="#">Another page</a> <span class="hide"> | </span> <a
class="sidelink" href="#">Number three</a> <span class="hide"> | </span> <a
class="sidelink" href="#">Sample button</a> <span class="hide"> | </span> <a
class="sidelink" href="#">Even more</a> <span class="hide"> | </span> <a
class="sidelink" href="#">And a last one</a> <span class="hide"> | </span> <a
class="hide" href="#top" accesskey="1">Top of page</a>
<h3>Important note</h3>
<p>This template conforms to <a href="http://www.section508.gov">Section
508</a> and to W3C's <a href="http://www.w3.org/TR/1999/WAI-WEBCONTENT-
19990505">WCAG 1.0</a>, level Triple-A. The code is valid XHTML 1.1 and CSS (no
warnings).</p>
<h3>Alternate versions</h3>
<p>Included in this template are the following example files:<br />
- <a href="#">Home</a><br />
- <a href="noimg.html">No images version</a><br />
- <a href="text-only.html">No CSS version</a></p>
<p>andreas03 v1.2<br />
(Nov 28, 2005)</p>
<h3>Regular links</h3>
<p> - <a href="#">Website Templates</a><br />
- <a href="#">Open Web Design</a><br />
- <a href="#">OSWD.org</a><br />
- <a href="#">Lagoona MP3s</a> </p>
</div>
<div class="clear"> </div>
</div>
<div id="footer">
<p>© 2005 Your name. Design by <a href="http://andreasviklund.com/"
class="credit">Andreas Viklund</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>FireRescue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="logo"><img src="images/logo.jpg" alt="Logo" /></div>
<div id="banner"><img src="images/main-image.jpg" alt="Main Image" /></div>
<div id="nav">
<ul>
<li class="nlink"><a href="#">Home</a></li>
<li class="nlink"><a href="#">Archives</a></li>
<li class="nlink"><a href="#">Apparatus</a></li>
<li class="nlink"><a href="#">Members</a></li>
<li class="nlink"><a href="#">Gallery</a></li>
<li class="nlink"><a href="#">Traning</a></li>
<li class="nlink"><a href="#">Store</a></li>
<li class="nlinkend"><a href="#">Links</a></li>
</ul>
</div>
<div id="content">
<div id="left"> <span class="flt-lft"><img src="images/thumbnail-1.jpg"
alt="Thumbnail" /></span>
<p class="date">October 20th:</p>
<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. Don't want your boss to know you used a free website
template ;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
<span class="flt-lft"><img src="images/thumbnail-2.jpg" alt="Thumbnail"
/></span>
<p class="date">October 15th:</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p class="flt-rgt"><a href="#">MORE</a></p>
</div>
<div id="right">
<div id="headlines"> <span class="heading1">LIST OF EVENTS</span>
<p class="date">Events Scheduled</p>
<p>Tue Dec 2 04:00 PM <br />
- KIVFD Advisory Council Monthly Meeting of Advisory Council regarding
the Capital Compaign.</p>
<p class="date">Events Scheduled</p>
<p>Tue Dec 2 04:00 PM <br />
- KIVFD Advisory Council Monthly Meeting of Advisory Council regarding
the Capital Compaign.</p>
<span class="flt-rgt"><a href="#">MORE</a></span></div>
<div id="stats"> <span class="heading2">Top Firefighters 2006</span>
<table>
<tr>
<td>Firefighter</td>
<td colspan="2">Number Of Calls</td>
</tr>
<tr>
<td>Mike Evans</td>
<td>326</td>
<td>69%</td>
</tr>
<tr>
<td>Dave Evans Jr</td>
<td>300</td>
<td>65%</td>
</tr>
<tr>
<td>Brian Harris Jr</td>
<td>268</td>
<td>57%</td>
</tr>
<tr>
<td>Pat Byrne</td>
<td>260</td>
<td>55%</td>
</tr>
<tr>
<td>Cordon Pippin</td>
<td>259</td>
<td>49%</td>
</tr>
<tr>
<td>Loreen Zoffinger</td>
<td>233</td>
<td>66%</td>
</tr>
<tr>
<td>Jim Ayers Sr</td>
<td>218</td>
<td>64%</td>
</tr>
</table>
</div>
</div>
<div style="clear:both"></div>
</div>
<div id="footer"> <a href="#">Home</a> | <a href="#">Archives</a> | <a
href="#">Apparatus</a> | <a href="#">Members</a> | <a href="#">Gallery</a> | <a
href="#">Training</a> | <a href="#">Store</a> | <a href="#">Links</a><br />
<br />
<p>© Fire Rescue Squad 2006. All rights reserved. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Flan 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header">
<div class="header_interior"><img src="images/logo.gif" alt="" width="44"
height="44" style="float:left; margin-right:10px;" />
<h1 class="title">YourNameHere.com</h1>
</div>
</div>
<div class="header_shadow"></div>
<div class="content_body">
<div class="content_interior">
<div class="left_column">
<div class="navigation">
<ul class="markermenu">
<li class="markermenu"><a href="#">Home</a></li>
<li class="markermenu"><a href="#">About</a></li>
<li class="markermenu"><a href="#">Link 1</a></li>
<li class="markermenu"><a href="#">Link 2</a></li>
<li class="markermenu"><a href="#" style="border-bottom-width: 0">Link
3</a></li>
</ul>
</div>
<div class="navigationbtm"></div>
<br />
<img src="images/img-2.jpg" alt="sample 2" /><br />
<br />
<h4>Contact us</h4>
<br />
YourName<br />
1234 Your St.<br />
Beverly Hills, CA 90210</div>
<div class="right_column"> <img src="images/sample-1.jpg" alt="sample-1"
hspace="5" vspace="5" align="right" />
<h1>Welcome to Flan </h1>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus
nibh. Aenean risus elit, elementum feugiat, cerat eu, aliquam pellentesque,
turpis. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet nonummy,
turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede.</p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus
nibh. Aenean risus elit, elementum feugiat, placerat eu, aliquam pellentesque,
turpis. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet nonummy,
turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede.</p>
<div class="hr"></div>
<h2>Article Title
In H2 </h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus
nibh. Aenean risus elit, elementum feugiat, placerat eu, aliquam pellentesque,
turpis. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet nonummy,
turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet
nonummy, turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede.</p>
</div>
</div>
<br clear="all" />
</div>
<div class="footer">
<div class="footer-inner">
<div class="footer-div">
<h4>Link Area</h4>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2 </a></li>
<li><a href="#">Link 3 </a></li>
</ul>
</div>
<div class="footer-div">
<h4>Link Area</h4>
<ul>
<li><a href="#">Link 1</a> </li>
<li><a href="#">Link 2</a> </li>
<li><a href="#">Link 3</a> </li>
</ul>
</div>
<div class="footer-div">
<h4>Link Area</h4>
<ul>
<li><a href="#">Link 1</a> </li>
<li><a href="#">Link 2</a> </li>
<li><a href="#">Link 3</a> </li>
</ul>
</div>
<div class="footer-div">
<h4>Link Area</h4>
<ul>
<li><a href="#">Link 1</a> </li>
<li><a href="#">Link 2</a> </li>
<li><a href="#">Link 3</a> </li>
</ul>
</div>
<br clear="all" />
<hr width="100%" noshade="noshade" style="border-top:1px solid #FFFFFF;
border-bottom: none; margin-bottom:5px;" />
<div style="text-align:center;">Copyright © 2006 YourName |
<!-- Please don't remove -->
Designed by: <a href="http://www.allfinancedirectory.com/">Finance
Directory</a>
<!-- Thanks Again -->
</div>
</div>
<br clear="all" />
</div>
</body>
</html>
<!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>
<title>Flange</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div>
<h1><a href="#">Flange<strong
style="color:#009900">Template</strong></a></h1>
<ul id="nav">
<li class="on"><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">services</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
</div>
<div id="strike">
<div class="home">
<p>You can place your slogan here. This would also be a great spot for a a
product pitch. </p>
</div>
</div>
<div id="body">
<div id="l">
<h2>Welcome</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc erat
augue, porttitor sed, sodales vitae, commodo id, urna. Curabitur congue malesuada
sapien. Donec ornare suscipit massa. Curabitur tempus, arcu ac facilisis posuere,
risus dui fermentum nibh, nec ultrices urna ante et dui. Vestibulum tincidunt
lorem vel nisi ultricies ullamcorper. Sed odio dolor, rutrum et, consequat a,
malesuada sed, augue. Vivamus nonummy urna quis tellus sagittis accumsan. </p>
<p>The quick brown fox jumped over the lazy dogs. The quick brown fox jumped
over the lazy dogs. The quick brown fox jumped over the lazy dogs. Etiam vel erat.
Sed neque nunc, hendrerit eu, vulputate elementum, posuere ut, libero. Praesent
pulvinar erat eget eros. Fusce vitae est. Mauris suscipit, nibh sit amet malesuada
porta, dui lectus commodo erat, id bibendum sapien dolor sit amet metus. Praesent
metus nunc, suscipit at, tempor a, auctor vel, purus. Vivamus convallis
scelerisque turpis. Etiam sodales tempus massa.</p>
</div>
<div id="r">
<h2>Sub Content </h2>
<p><span><img src="images/sample-cactus.jpg" alt="" width="205"
height="28" /><br />
</span><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc erat augue,
porttitor sed, sodales vitae, commodo id, urna.</p>
<hr />
<p><span><span><img src="images/sample-cactus.jpg" alt="" width="205"
height="28" /></span></span><br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc erat augue,
porttitor sed, sodales vitae, commodo id, urna.</p>
<hr />
<div class="block">Google ad here </div>
</div>
</div>
<br clear="all"/>
</div>
<div id="footer">
<div>
<div> Copyright © 2006 Your Name here, All Rights Reserved.
| Designed by:
<!-- PLEASE DON'T REMOVE THIS LINK -->
<a href="http://www.alltechnologydirectory.com">Technology Directory</a>
<!-- THANKS AGAIN! -->
</div>
</div>
</div>
</body>
</html>
<!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>
<title>*FLEUR*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li id="active"><a href="#" id="current">Active Link</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Six</a></li>
</ul>
</div>
<div id="sidebar">
<h1>Navigation</h1>
<div class="navlist">
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
<h1>Resources</h1>
<div class="navlist">
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
</div>
<div id="content">
<h1>Welcome to <span style="font-weight:bold; color:#C4DA64;">Fleur</span>
Template</h1>
<div class="rbroundbox">
<div class="rbtop">
<div></div>
</div>
<div class="rbcontent">
<h2>About Fleur Template ....</h2>
<img class="imgleft" src="img/flower.jpg" alt="flower" />
<blockquote>This template has been tested in Mozilla and IE7 and validates
as XHTML 1.0 Transitional using valid CSS.<br />
For more FREE templates visit <a href="http://www.mitchinson.net"
title="my website">my website</a>.</blockquote>
<p> </p>
</div>
<div class="rbbot">
<div></div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lectus ipsum,
mollis non, lobortis eget, tempus at, metus. Duis fermentum dignissim justo. Cras
lectus ipsum, mollis non, lobortis eget, tempus at, metus. Duis fermentum dignissim
justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Maecenas elementum accumsan ante. Praesent auctor urna eget pede. Nam
egestas nulla in tortor.</p>
<h1>About</h1>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Cras lectus ipsum, mollis non, lobortis eget, tempus
at, metus. Duis fermentum dignissim justo. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Nunc varius pellentesque erat. Ut tincidunt. Ut ultricies, urna a
egestas vehicula, risus est bibendum felis, eu vulputate tellus magna sodales
lectus. Morbi hendrerit. Sed fermentum. Aliquam adipiscing vulputate nibh. Ut
neque. Nam aliquam nulla et nisi. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aliquam risus lectus, congue eu, dapibus id, faucibus id, risus.
Aenean posuere feugiat nisi.</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>
<title>*FLEUR*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li id="active"><a href="#" id="current">Active Link</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Six</a></li>
</ul>
</div>
<div id="sidebar">
<h1>Navigation</h1>
<div class="navlist">
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
<h1>Resources</h1>
<div class="navlist">
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
</div>
<div id="content">
<h1>Welcome to <span style="font-weight:bold; color:#C4DA64;">Fleur</span>
Template</h1>
<div class="rbroundbox">
<div class="rbtop">
<div></div>
</div>
<div class="rbcontent">
<h2>About Fleur Template ....</h2>
<img class="imgleft" src="img/flower.jpg" alt="flower" />
<blockquote>This template has been tested in Mozilla and IE7 and validates
as XHTML 1.0 Transitional using valid CSS.<br />
For more FREE templates visit <a href="http://www.mitchinson.net"
title="my website">my website</a>.</blockquote>
<p> </p>
</div>
<div class="rbbot">
<div></div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lectus ipsum,
mollis non, lobortis eget, tempus at, metus. Duis fermentum dignissim justo. Cras
lectus ipsum, mollis non, lobortis eget, tempus at, metus. Duis fermentum dignissim
justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Maecenas elementum accumsan ante. Praesent auctor urna eget pede. Nam
egestas nulla in tortor.</p>
<h1>About</h1>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Cras lectus ipsum, mollis non, lobortis eget, tempus
at, metus. Duis fermentum dignissim justo. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Nunc varius pellentesque erat. Ut tincidunt. Ut ultricies, urna a
egestas vehicula, risus est bibendum felis, eu vulputate tellus magna sodales
lectus. Morbi hendrerit. Sed fermentum. Aliquam adipiscing vulputate nibh. Ut
neque. Nam aliquam nulla et nisi. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aliquam risus lectus, congue eu, dapibus id, faucibus id, risus.
Aenean posuere feugiat nisi.</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<?xml version="1.0" encoding="utf-8"?>
<!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-US" lang="en-US">
<head>
<title>Flight and Fight</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Company Name</h1>
<h2>nifty slogan here</h2>
</div>
<div id="middle">
<div id="focus">
<div id="navigation">
<h3>Navigation</h3>
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Columns</a></li>
<li><a href="#">Extras</a></li>
<li><a href="#">Examples</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="quicksearch">
<form action="#">
<fieldset>
<legend>Flight Search</legend>
<label for="depart">Departure Date</label>
<input type="text" id="depart" name="depart" class="date" />
<label for="return">Return Date</label>
<input type="text" id="return" name="return" class="date" />
<button type="submit" id="submit-go" class="submit">Search</button>
</fieldset>
</form>
</div>
</div>
<div id="content">
<div class="row">
<div class="onequartercolumn">
<h3>Client Spotlight</h3>
<p>This is a design I made for a design test to freelance. I declined
the job, but I decided to release the template to the Open Source community.</p>
</div>
<div class="threequartercolumn gray">
<h3>Learning Is Important</h3>
<img src="images/34007.jpg" width="150" height="105" alt="Business Image"
class="right" />
<p>I have included many customizable features into the content section.
But I haven't really put a whole lot of effort into this layout. Everything is
fixed height and width, which means that the font sizes do not adjust in most
browsers. If this design takes off, I'll probably do a liquid version and update
as requested. I hope you like this design. I am releasing it to the community
with no ties. If you feel like you would like to contribute something to me, you
can visit my site and request my paypal address, but I'd just be happy if all you
did was leave my adddress in the footer. Feel free to contact me if you use this
template and would like more features. I will update this as the requests come in.
Thank you, and I hope you enjoy the template.</p>
</div>
</div>
<p class="top"> <a href="#">Return to Top</a></p>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2007 <a href="#">Company Name</a> | Design by: <a
href="http://www.weissmike.com">Mike Weiss</a></p>
</div>
</body>
</html>
<!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>
<title>*FLORAL*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Company Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">HOMEPAGE</a></li>
<li id="active"><a id="current" href="#">ABOUT</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">LINKS</a></li>
<li><a href="#">SERVICE</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
<div id="sidebar">
<h2>Resources</h2>
<div class="navlist">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
</ul>
</div>
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> Find: <img src="img/search.gif" alt="search"
/></label>
</span> <span>
<input type="text" value="demo only" name="txtsearch" title="Text input:
search" id="txtsearch" size="20" />
</span> </div>
</fieldset>
</form>
<h2>Sub Menu</h2>
<div class="navlist">
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
</div>
<div id="content">
<h2>Welcome to <span style="color:#B29B35;"> Floral</span> Template</h2>
<blockquote>This template has been tested in Mozilla and IE7. The page
validates as XHTML 1.0 Transitional using valid CSS.<br />
For more FREE templates visit <a href="http://www.mitchinson.net">my
website</a>.</blockquote>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the
1500s, when an unknown printer took a galley of type and scrambled it to make a
type specimen book.</p>
<h2>Article One</h2>
<p class="info"><img class="noborder" src="img/flower.jpg" alt="flower"
title="flower"/> Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis odio.
Suspendisse aliquet. Nunc porta rutrum urna. Morbi porttitor magna id velit. Morbi
egestas. Etiam lorem sapien, vehicula in, dictum sed, accumsan tristique, justo.
Nunc fringilla congue est. Donec mollis leo et arcu. In condimentum lacus non
turpis. Morbi faucibus. Duis dapibus. Aenean lobortis. Ut nec metus non diam
scelerisque euismod. Nulla facilisi. In laoreet, augue eu auctor scelerisque, urna
orci pretium sem, nec pulvinar orci enim vel dui. Quisque sit amet arcu. In hac
habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Cras vestibulum est in risus. Nulla
facilisi.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 26, 2007</span> </p>
<h2>Article Two</h2>
<p class="info"><img class="noborder" src="img/flower.jpg" alt="flower"
title="flower"/> Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis odio.
Suspendisse aliquet. Nunc porta rutrum urna. Morbi porttitor magna id velit. Morbi
egestas. Etiam lorem sapien, vehicula in, dictum sed, accumsan tristique, justo.
Nunc fringilla congue est. Donec mollis leo et arcu. In condimentum lacus non
turpis. Morbi faucibus. Duis dapibus. Aenean lobortis. Ut nec metus non diam
scelerisque euismod. Nulla facilisi. In laoreet, augue eu auctor scelerisque, urna
orci pretium sem, nec pulvinar orci enim vel dui. Quisque sit amet arcu. In hac
habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Cras vestibulum est in risus. Nulla
facilisi.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 26, 2007</span> </p>
</div>
<div id="container-foot">
<div id="footer">
<p><a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | © 2007 Anyone | Design by <a
href="http://www.mitchinson.net"> www.mitchinson.net</a> | Licensed under a <a
rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
Attribution 3.0 License</a></p>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Fluid Solution</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="left">
<div class="header">
<h2><span>A totally liquid three-column layout</span></h2>
<h1>Fluid Solution</h1>
</div>
<div class="content">
<h1>Porttitor posuere</h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Porttitor <a href="#">nunc eget
pretium</a>, sem est pretium leo, non euismod nulla dui non diam. Pellentesque
dictum faucibus leo. Vestibulum ac ante. Sed in est.</p>
<blockquote>
<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere
laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</p>
</blockquote>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<h1>Adipiscing</h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis.</p>
<h1>Interdum</h1>
<div class="descr">May 24, 2006 by Lectus</div>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>.</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Ut quis neque convallis magna consequat molestie. Nullam semper massa eget
ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Pellentesque a nibh quis nunc volutpat aliquam</p>
</div>
</div>
<div class="nav">
<div class="logo"><span></span></div>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">convallis</a></li>
</ul>
</div>
<div class="right">
<div class="round">
<div class="roundtl"><span></span></div>
<div class="roundtr"><span></span></div>
<div class="clearer"><span></span></div>
</div>
<div class="subnav">
<h1>Something</h1>
<ul>
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">convallis</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h1>Another thing</h1>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
</ul>
<h1>Third and last</h1>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
</ul>
</div>
<div class="round">
<div class="roundbl"><span></span></div>
<div class="roundbr"><span></span></div>
<span class="clearer"></span> </div>
</div>
<div class="footer">© 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://arcsin.se">Arcsin</a> </div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom:
1.0em;"> Design provided by Free Web Templates - your source for <a href="#">free
website templates</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Fluidity.com</title>
<link rel="stylesheet" type="text/css" href="fluidity.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="hdrimg"> <span class="validation"> <a href="http://jigsaw.w3.org/css-
validator/check/referer"><img src="images/fluidcss.gif" alt="" /></a> <a
href="http://validator.w3.org/check?uri=referer"><img
src="images/fluidxhtml1.1.gif" alt="" /></a> </span>
<h1><a href="#"><strong>fluidity</strong>.com</a></h1>
<ul id="nav">
<li><a href="#" id="current">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">links</a></li>
</ul>
</div>
<!-- end of hdr img -->
<div class="rowcontainer">
<div class="fullcolumn">
<h2>Welcome to Fluidity.com</h2>
<p>Hello and welcome to fluidity.com a template by <acronym title="Dave Reeder
Design">drd</acronym><br />
I wanted to finish 2005 with something a bit different. Although this
template appears to be simple and the <acronym title="Cascading Style
Sheets">CSS</acronym> is quite small, it is highly versatile. Fluidity.com is a
<acronym title="Expands when you resize the window">fluid</acronym> layout which
has all the CSS needed to create one, two, three or four column layouts.<br />
Because Fluidity.com uses a row div called "rowcontainer" to keep the columns
together, you can mix and match the number of columns on one page just like I have
in the standard configuration of the template.</p>
<h3>A note from the author</h3>
<p>You can see more of my work on my site: www.davereederdesign.com. If you
have any problems using the template or simply want to say "hi" then it would be
great to hear from you!</p>
<p>Hope you have fun with the template,<br />
<br />
-Dave</p>
</div>
</div>
<div class="rowcontainer">
<div class="halfcolumn">
<h3>Careful testing</h3>
<p>Careful testing of any webpage should be top priority, so I've validated the
code and tested the template in the following browsers: </p>
<ul>
<li>Internet Explorer 5.5</li>
<li>Internet Explorer 6.0</li>
<li>Mozilla Firefox 0.8</li>
<li>Opera 7.54u2</li>
<li>Netscape 7.2</li>
</ul>
</div>
<div class="halfcolumn">
<h3>Controlling the columns</h3>
<img src="images/sample.gif" alt="" class="right" />
<p>Of course, the columns do <em>not</em> have to be of equal proportions. You
could specify one column that was a quarter of the screens width and another which
was three quarters. Simply specify a column in the xhtml with a class name that
corresponds to the relevent column in the CSS. <br />
<br />
Now I'll leave you with some Lorem Ipsum to fill the rest of the space :)</p>
</div>
</div>
<div class="rowcontainer">
<div class="onethirdcolumn">
<h3>Example of three columns!</h3>
<p>Nam ac ligula. Morbi cursus nonummy leo. Duis aliquet. Quisque rhoncus, odio
eget malesuada imperdiet, magna lectus iaculis velit, in tincidunt odio sapien nec
lacus. Curabitur ullamcorper metus ac justo.<br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer volutpat
leo sit amet eros. Sed vestibulum porta sapien. Nunc venenatis tortor ut massa.
Aliquam ut eros. Sed tempus nibh id felis. Cras vehicula tincidunt orci. Mauris
viverra, diam id volutpat condimentum, dolor nisl pretium nisi, ut blandit nisi
neque tempus lectus. In ultricies metus quis est. Integer lobortis pretium elit.
Curabitur et turpis. Morbi vitae sem at odio sagittis consequat. </p>
</div>
<div class="onethirdcolumn">
<h3>Example of three columns!</h3>
<p> Proin arcu sem, tempor vel, luctus sagittis, dictum sit amet, lectus.
Phasellus leo ante, elementum id, pellentesque non, cursus eget, purus. Aenean
lobortis laoreet quam. Nullam enim. Aenean malesuada, diam in tempor feugiat, nibh
arcu feugiat eros, ut rutrum dolor diam sed nulla. Etiam sit amet nisl at dui
cursus auctor. Nunc vulputate est et leo. Curabitur dolor leo, vulputate elementum,
egestas viverra, gravida eget, nisi. Suspendisse sed odio. Duis sed dolor. Nulla
euismod ipsum vitae quam. Sed sed libero. Nam sed mauris eu sem fermentum varius.
Aliquam porttitor consectetuer ipsum. Duis sagittis ipsum sed justo. Vestibulum
consectetuer. </p>
</div>
<div class="onethirdcolumn">
<h3>Example of three columns!</h3>
<p>Quisque sed nisi et quam aliquam volutpat. Aliquam erat volutpat. Vivamus id
ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Ut ac lorem. Proin venenatis rutrum nisl. Donec molestie laoreet
tortor. Maecenas velit. Vivamus pulvinar pellentesque eros. Nulla feugiat. Quisque
sit amet nulla mattis dolor adipiscing bibendum. Nam odio urna, convallis eu,
vestibulum eu, molestie in, libero. </p>
</div>
</div>
<div class="rowcontainer">
<div class="quartercolumn">
<h3>Example of four columns!</h3>
<p>Morbi metus diam, faucibus tincidunt, mattis et, tristique in, massa.
Pellentesque ac nulla in neque interdum suscipit. Nunc sodales. Curabitur a mauris.
Maecenas eu elit at tortor convallis congue. <br />
<br />
Donec id tortor ut ligula sagittis feugiat. Integer cursus. Vestibulum tellus
lectus, tincidunt sed, imperdiet eu, congue et, diam. In eget diam a tortor
pulvinar mattis. </p>
</div>
<div class="quartercolumn">
<h3>Example of four columns!</h3>
<p> Quisque et tellus. Nulla egestas rutrum massa. Etiam nisi. Morbi mauris
urna, auctor vel, ullamcorper et, cursus luctus, magna. Fusce tristique. Vestibulum
varius auctor dolor. Donec bibendum faucibus nibh. <br />
<br />
Duis dapibus blandit erat. Nam orci. Ut justo. Fusce ornare neque vitae leo.
Nullam laoreet. Etiam adipiscing, arcu nec dapibus laoreet, nunc nibh facilisis
erat, quis ultricies purus odio at tellus. </p>
</div>
<div class="quartercolumn">
<h3>Example of four columns!</h3>
<p>Curabitur at velit id massa gravida tristique. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Morbi convallis. Sed
aliquam nunc non quam. Nulla porttitor convallis erat. Cras venenatis. Quisque id
dolor. Vivamus vitae purus. Duis posuere, risus sit amet viverra bibendum, augue
eros pellentesque nibh, vitae mollis nisl libero nec justo. </p>
</div>
<div class="quartercolumn">
<h3>Example of four columns!</h3>
<p>Ut a nunc. Ut quam. Proin ullamcorper, leo ut varius luctus, nulla purus
ultricies nibh, ac ornare libero elit non elit. Donec cursus vestibulum mi. Sed
risus. Pellentesque justo. Nunc ac elit. </p>
</div>
</div>
<div id="bttmbar"> <span id="design">design: <a
href="http://www.davereederdesign.com/">davereederdesign.com</a></span><span
id="copyright">Copyright © 2005 Yourcopyright. All Rights Reserved</span>
</div>
<!-- end of bttmbar -->
</body>
</html>
<!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>Football</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<!-- Start of Page Header -->
<div id="page_header">
<h1><span>Football Card</span></h1>
<h3><span>Company Caption Here</span></h3>
</div>
<!-- End of Page Header -->
<!-- Start of Page Menu -->
<div id="page_menu">
<ul>
<li class="black" id="game"><a
href="#"><strong><span>Home</span></strong></a></li>
<li id="autographs"><a
href="#"><strong><span>Autographs</span></strong></a></li>
<li id="rookies"><a href="#"><strong><span>Rookies</span></strong></a></li>
<li id="cards"><a href="#"><strong><span>Number
Cards</span></strong></a></li>
<li id="commons"><a href="#"><strong><span>Commons</span></strong></a></li>
<li id="nonsports"><a
href="#"><strong><span>Nonsports</span></strong></a></li>
<li id="myebay"><a href="#"><strong><span>My Ebay</span></strong></a></li>
<li id="contactus"><a href="#"><strong><span>Contact
Us</span></strong></a></li>
</ul>
</div>
<!-- End of Page Menu -->
<!-- Start of Page Search -->
<div id="page_search">
<form action="#">
<div>
<h3>Search: </h3>
<input name="search" type="text" size="20" />
<input type="image" src="images/search_button.gif" alt="Go"
class="button" />
<div class="clearthis"> </div>
</div>
</form>
</div>
<!-- End of Page Search -->
<!-- Start of Page Content -->
<div id="page_content">
<div id="welcome_text">
<div class="content_box">
<h2><span>Welcome to Our Website</span></h2>
<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. <br/>
<br/>
If you’re having problems editing the template Please don’t
hesitate to ask for help on the forum. You will get help as soon as possible. You
can also use the forum to tell us what you like or dislike and what you would like
to see more. <br/>
<br/>
Your feedback is very important to us and we will do everything to
fulfill your wishes. <a href="#">More...</a></p>
</div>
</div>
<!-- Start of Services Column -->
<div id="services_column">
<!-- Start of Service Listing 1 -->
<div id="services1">
<div class="services_textbox">
<h2><span>Services 1</span></h2>
<p> Please don’t remove the link at the bottom. We have worked hard
to make the templates and ask that you respect our hard work so we can continue
providing you with high quality templates. </p>
<div class="link-more"> <a href="#">more</a> </div>
<div class="clearthis"> </div>
</div>
</div>
<!-- End of Service Listing 1 -->
<!-- Start of Service Listing 2 -->
<div id="services2">
<div class="services_textbox">
<h2><span>Services 2</span></h2>
<p> If you really want to remove the link you can buy a copyright free
version on our website. Thanks. </p>
<div class="link-more"> <a href="#">more</a> </div>
<div class="clearthis"> </div>
</div>
</div>
<!-- End of Service Listing 2 -->
<!-- Start of Service Listing 3 -->
<div id="services3">
<div class="services_textbox">
<h2><span>Services 3</span></h2>
<p> Please Please don’t remove the link at the bottom. We have
worked hard to make the templates and ask that you respect our hard work so we can
continue providing you with high quality templates. </p>
<div class="link-more"> <a href="#">more</a> </div>
<div class="clearthis"> </div>
</div>
</div>
<!-- End of Service Listing 3 -->
</div>
<!-- End of Services Column -->
<!-- Start of Order Cards -->
<div id="order_cards">
<div id="order_accept">
<h3><span>We Accept:</span></h3>
<img src="images/order_creditcards.gif" width="278" height="28"
alt="Paypal, Visa, Mastercard, Amex Discover, eCheck" /> </div>
<h2><span>Three Ways to Order Cards</span></h2>
<ul>
<li id="online"><a href="#"><span> </span><strong
class="block">Online</strong></a></li>
<li id="phone"><a href="#"><span> </span><strong
class="block">Phone</strong></a></li>
<li id="mail"><a href="#"><span> </span><strong
class="block">Mail</strong></a></li>
</ul>
<div class="clearthis"> </div>
<div id="order_text">
<p> If you really want to remove the link you can buy a copyright free
version on our website. <br />
<br />
Thanks. </p>
</div>
</div>
<!-- End of Order Cards -->
<!-- Start of Mailing List -->
<div id="mailing_list">
<h2>Join the Sports Card Mailing List Email</h2>
<form action="#">
<div>
<input type="text" />
<input type="image" src="images/mailinglist_button.gif" alt="Go"
class="button" />
</div>
</form>
</div>
<!-- End of Mailing List -->
<div class="clearthis"> </div>
</div>
<!-- End of Page Content -->
<!-- Start of Footer Links -->
<div id="footer_links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Mage Rone</a></li>
<li><a href="#">Rookies</a></li>
<li><a href="#">Number Cards</a></li>
<li><a href="#">Commons</a></li>
<li class="last"><a href="#">Contact Us</a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Footer Links -->
<!-- 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>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas04</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link type="text/css" rel="stylesheet" href="andreas04.css"
media="screen,projection" />
</head>
<body>
<div id="container">
<div id="sitetitle">
<h1><a href="#">close to attraction</a></h1>
<h2>the andreas04 template</h2>
</div>
<div id="menu"> <a href="#">home</a> <a href="#">archives</a> <a
href="#">profile</a> <a href="#">gallery</a> <a href="#">portfolio</a> <a
href="#">contact</a> </div>
<div id="content">
<div id="left">
<div class="entry">
<h2><a href="#">With a touch from the old school...</a></h2>
<img class="entryphoto" src="images/entryphoto.png" width="160"
height="213" alt="Entry photo example" />
<p>So here it is, my first open source template with classic .gif
animations! And maybe my last, since I find the .gif format outdated and mostly
annoying. If you feel the same, don't worry: It is really easy to remove the
animations and images - see the comments in the stylesheet for instructions.</p>
<h3>Standards and accessibility</h3>
<p>Despite the classic influences and the animated visuals, the coding is
very simple and modern. No Flash or scripts have been used, only valid XHTML 1.1
and CSS2. Because of that, the design works in most browsers, even in text-based
browsers. The design also complies to Section 508 and a WCAG 1.0 Double-A
accessibility ratings.</p>
<h3>Template version</h3>
<p>This theme was originally released in November 2005, but it has been
updated a number of times with various buxfixes and adjustments. This is
<strong>version 1.5</strong>, released July 15th, 2006. Please note that this is a
regular XHTML and CSS template, and not a theme for any blog or content management
system. You can use this template to build themes for different systems, but that
will require additional coding. However, the andreas04 design has been ported to a
number of blogs and systems already! For example, Tara Aukerman has created the
andreas04 theme for WordPress which has been added as one of the default themes on
WordPress.com. News and links to theme versions are posted on my website every now
and then, so if you want to use this design with a CMS I recommend you to search my
site for existing ports before you make your own.</p>
<p class="meta"><span class="date">July 15, 2006</span> Posted by Andreas |
Tags: Design, XHTML, CSS | 19 comments</p>
</div>
<div class="entry">
<h2><a href="#">Open source</a></h2>
<p>If you like this layout and would like to use it in any way, you are
free to do so. This design is released as open source, which means that you are
free to make any changes you may want to. I kindly ask that you leave the "Design
by Andreas Viklund" link in the footer, I would really appreciate that! If you use
this design for commercial purposes, please consider making a symbolic donation
through my website.</p>
<p>Also, if you would use this design to build a theme or template set for
WordPress, Textpattern, MovableType or any other interesting blog/CMS package, I
would be glad to distribute it through the blogs and CMS themes section of my
website!</p>
<p class="meta"><span class="date">November 22, 2005</span> Posted by
Andreas | Tags: Information, Themes | No comments</p>
</div>
<p class="pagenav"><a href="#">Older entries</a> | Newer entries</p>
</div>
<div id="right">
<h2>Wait, what's this?</h2>
<p class="intro">Welcome to the andreas04 template, a design made just for
fun! This is a fluid width design with a very simple layout, made with XHTML/CSS
(no tables) and less than 25 kilobytes of images. The design target has been to
present a non-standard visual appearance with some inspiration from the traditional
table/frame-based layouts from a few years ago - and to use animated .gif images
without doing too much damage to the design. Good luck with your new website!</p>
<h2>Latest photos</h2>
<p class="thumbs"> <a href="#"><img src="images/thumb1.png" width="80"
height="80" alt="Thumbnail example" /></a> <a href="#"><img src="images/thumb1.png"
width="80" height="80" alt="Thumbnail example" /></a> <a href="#"><img
src="images/thumb1.png" width="80" height="80" alt="Thumbnail example" /></a> <a
href="#"><img src="images/thumb1.png" width="80" height="80" alt="Thumbnail
example" /></a> </p>
<div class="subcontainer">
<div class="rightsub">
<h2>Popular tags</h2>
<a class="link" href="#">XHTML</a><br class="hide" />
<a class="link" href="#">Music</a><br class="hide" />
<a class="link" href="#">Podcast</a><br class="hide" />
<a class="link" href="#">Photos</a><br class="hide" />
<a class="link" href="#">CSS</a><br class="hide" />
<a class="link" href="#">Webdesign</a><br class="hide" />
<h2>RSS Feeds</h2>
<a class="link" href="#">Blog entries</a><br class="hide" />
<a class="link" href="#">Comments</a><br class="hide" />
<a class="link" href="#">Podcasts</a><br class="hide" />
</div>
<div class="rightsub2">
<h2>Latest entries</h2>
<a class="link" href="#">With a touch fr...</a><br class="hide" />
<a class="link" href="#">Open source</a><br class="hide" />
<a class="link" href="#">Hello world!</a><br class="hide" />
<h2>Favorite links</h2>
<a class="link" href="#">Free templates</a><br class="hide" />
<a class="link" href="#">Open Web Design</a><br class="hide" />
<a class="link" href="#">Made in Jokkmokk</a><br class="hide" />
<a class="link" href="#">Solucija.com</a><br class="hide" />
<a class="link" href="#">OSWD.org</a><br class="hide" />
</div>
</div>
</div>
<div id="footer">
<h2 class="hide">Site info</h2>
<span>close to attraction</span><br />
© 2005 Your Name | Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a href="#">Homepage</a> |
<a href="http://validator.w3.org/check?uri=referer">XHTML</a> / <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> / AA / 508 </div>
</div>
</div>
</body>
</html>
<!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>Fotoladia</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Fotoladia</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Fotoladia!</h2>
<p><em><strong>Fotoladia</strong></em> is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<h3>Sample Unordered List</h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
<h3>An Older Post Example</h3>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue:</p>
<ol>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<form id="form1" method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Pages</h2>
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Friends</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">Blog-o-friend.com</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Fotoladia. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Fractal Broccoli</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li class="active"><a href="#" accesskey="2">Photos</a></li>
<li><a href="#" accesskey="3">Links</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
<li id="rss"><a href="#" accesskey="6">RSS Feeds</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="header">
<h1><a href="#">Fractal Broccoli</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<!-- end #header -->
<div id="content">
<div id="latest-post">
<h2 class="title">Welcome to Fractal Broccoli!</h2>
<div class="story">
<p><strong>Fractal Broccoli</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #latest-post -->
<div id="posts">
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
</div>
<!-- end #posts -->
<div id="links">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">February 2007</a> <i>(22)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
<li>
<h2>Blog Roll</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #links -->
<div style="clear: both;"> </div>
</div>
<!-- end #content -->
<div id="footer">
<p>Copyright © 2007 Fractal Broccoli. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!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>Free Style</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="default.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<style>
#content{margin-left:-40px;}
#rightside{margin-right:0px;margin-left:-43px;}
#sidebar{margin-left:-30px;padding:0 40px 0 40px;}
#sidebar ul.nav{margin:10px -20px;padding:0}
#sidebar h1,#sidebar h3{margin-right:-30px;}
#content ul{padding-left:20px;list-style-position:outside;}
#footer ul{margin-left:20px;}
#footer li{margin:-1 0;}
#footer .footer_links{margin-bottom:0;padding-bottom:1px;}
#footer li.top_link{padding-bottom:20px;}
#footer .ie_foot{position:relative;top:20px;}
</style>
<![endif]-->
<!--[if IE 7]>
<style>
#sidebar{margin-left:-20px;padding:0 60px 0 20px;}
#sidebar ul.nav{margin:0 -20px;padding:0}
#sidebar h1,#sidebar h3{margin-right:-30px;}
#content ul{padding-left:20px;list-style-position:outside;}
#footer ul{margin-left:40px;}
#footer li a{margin:-1px 0 0 0;}
#footer .footer_links{margin-bottom:0;}
#footer .ie_foot{position:relative;top:30px;}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="rightside">
<div id="title">
<p>free style</p>
</div>
<div id="sidebar">
<ul class="nav">
<li><a href="#">home page</a></li>
<li><a href="#">cool links</a></li>
<li><a href="#">my artwork</a></li>
<li><a href="#">calendar</a></li>
<li><a href="#">contact me</a></li>
</ul>
<img src="img/star2.jpg" alt="star" style="display:none"/>
<h1>recent updates</h1>
<h3>last updated: 10/31/06</h3>
<ul id="gallery">
<li><a href="#"><b>First news item</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>October surprise</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>don't forget to vote</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>hover news rocks!</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>OWD gets an update</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>use as link list</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>Taking names</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>keep it under 8 items</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
</ul>
<h1>side item</h1>
<h3>a note, form, or ad</h3>
<p>This template is valid <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> 1.0 Strict and the <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> file validates as well. It has been released under
the Creative Commons Attribution v2.5 license. If you use this template, please
keep a link to me on the site. Thank you.</p>
</div>
</div>
<div id="content">
<h1>welcome to my blog</h1>
<h3>by michael on october 31, 2006</h3>
<p>This template was inspired by some artist friends of mine and I hope you
find it useful. You can replace the title to the left by changing the text in the
HTML or by using a bitmap <a href="http://adobe.com">graphics application</a> to
modify the background graphic and add your own styled text.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh. Vivamus viverra. Nullam turpis. Vestibulum sed etiam. Euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class="blogfoot"><span class="foot_top">Filed under: <a
href="#">Templates</a>, <a href="#">Technology</a>, <a href="#">Latin</a>, <a
href="#">Web-Design</a></span><br />
<span class="foot_bottom"> <a href="#">permalink</a> | <a
href="#">comments</a></span></div>
<h1>bold and em styles</h1>
<h3>by michael on october 26, 2006</h3>
<p><img src="img/skate.jpg" alt="Skater" class="l_blog" />If you need to make
more room for the blog titles and keep them on one line, simply adjust the size of
the #content H1 style. Bold text looks <b>like this</b>. It's 'Arial Black' and
#FFF just like the title and the headers, however, if the person viewing the site
removed 'Arial Black' then the font-weight:600 property will take care of bolding
it as much as possible.</p>
<p>Emphesized or italisized text looks <em>like this</em>. I don't think the
look of Arial's italics stands out, so I usually swap it out with Georgia.</p>
<div class="blogfoot"><span class="foot_top">Filed under: <a
href="#">Templates</a>, <a href="#">Technology</a>, <a href="#">Latin</a>, <a
href="#">Web-Design</a></span><br />
<span class="foot_bottom"> <a href="#">permalink</a> | <a
href="#">comments</a></span></div>
<h1>hover news & quotes</h1>
<h3>by michael on october 18, 2006</h3>
<p> <a href="#"><img src="img/skate.jpg" alt="Skater" class="r_blog"
/></a>Right under the navigation menu to the right you will see a heading called
Recent Updates. If you hover over the news items a short summary will pop up and
allow you to click to get to another page. You can use this as a link list giving
people a short description of what your link is about. I learned the technique from
Stu at <a href="#">CSS Play</a>. The original demo was to display a small photo
gallery this way but I adapted it for text.</p>
<blockquote>
<p>This is what quoted text looks like. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</blockquote>
<div class="blogfoot"><span class="foot_top">Filed under: <a
href="#">Templates</a>, <a href="#">Technology</a>, <a href="#">Latin</a>, <a
href="#">Web-Design</a></span><br />
<span class="foot_bottom"> <a href="#">permalink</a> | <a
href="#">comments</a></span></div>
<h1>and don't forget lists</h1>
<h3>by michael on october 2, 2006</h3>
<p>This is just a simple unordered list with a small 9×9 transparent 2-
color gif in the shape of a diamond. It lists the browsers I tested this template
with.</p>
<ul>
<li>Firefox 1.5-2.0 (Mac & PC)</li>
<li>Safari 2.0.4</li>
<li>Internet Explorer 6 & 7</li>
<li>Opera 9.02 (Mac & PC)</li>
</ul>
<p>The ordered list shared most of the same propertties save for the list item
image above.</p>
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipisicing elit</li>
<li>Sed diam nonummy nibh</li>
<li>Vivamus viverra. Nullam turpis</li>
</ol>
<div class="blogfoot"><span class="foot_top">Filed under: <a
href="#">Templates</a>, <a href="#">Technology</a>, <a href="#">Latin</a>, <a
href="#">Web-Design</a></span><br />
<span class="foot_bottom"> <a href="#">permalink</a> | <a
href="#">comments</a></span></div>
</div>
<div id="footer">
<div class="footer_links">
<ul>
<li class="top_link">my links</li>
<li><a href="#">digg.com</a></li>
<li><a href="#">Slashdot</a></li>
<li><a href="#">wikipedia</a></li>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">topleft pixel</a></li>
<li><a href="#">Apple</a></li>
</ul>
<ul>
<li class="top_link">web Design</li>
<li><a href="#">CSS Play</a></li>
<li><a href="#">Squidfingers</a></li>
<li><a href="#">Kaliber 10K</a></li>
<li><a href="#">Photoshop Star</a></li>
<li><a href="#">A List Apart</a></li>
<li><a href="#">Fractured Sanity</a></li>
</ul>
</div>
<div class="ie_foot">
<p><span class="rf_item">© 2006 www.yourwebsite.com</span> | <span
class="rf_item"><a href="http://validator.w3.org/check?uri=referer">XHTML</a>
1.1</span> | <span class="rf_item">Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a></span> | <span class="rf_item">Design by Tony
Pires</span></p>
</div>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Free CSS Templates - Free Template Fresh Air</title>
<meta name="description" content="Free CSS Templates features free templates from
website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates,
Templates, Free Templates, CSS" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!--<link rel="stylesheet" type="text/css" href="1-freshair800.css"
media="screen"/>-->
<link rel="stylesheet" type="text/css" href="1-freshair1024.css" media="screen"/>
</head>
<body>
<div id="MainWrapperBlock">
<div id="WrapperGray">
<div id="Header">
<div id="InnerHeader">
<h1>Fresh Air</h1>
<div id="Title"><a href="#">Fresh Air</a></div>
<h2>Fresh as a Daisy</h2>
</div>
</div>
<div style="clear: both;"><br/>
</div>
<div id="navcontainer2">
<ul id="navlist2">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About us</a></li>
</ul>
</div>
<div style="clear: both;"><br/>
</div>
<div id="RightColumn">
<div id="RightOne" class="RightContents">
<h3>In the News</h3>
<p><b>Oracle Upgrades Search Engine:</b> <br/>
Feb 5, 2007 09:03 PM<br/>
Oracle on Monday launched an upgrade of its standalone search engine,
adding support for third-party identity management directories in order to tap into
a company's existing security rules.</p>
<p><b>IBM CEO Palmisano To Get $1.8 Million Salary In 2007:</b> <br/>
Feb 5, 2007 06:35 PM <br/>
International Business Machines Corp., whose stock rose 16 percent last
year as it expanded in software, said Monday that Chief Executive Samuel Palmisano
will be paid a $1.8 million salary in 2007 and stands to receive another $5 million
in incentive pay, the same as last year.</p>
</div>
<div id="RightTwo" class="RightContents">
<h3>Quick Links</h3>
<ul>
<li><a href="#">OSWD</a></li>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">Wikipedia</a></li>
<li><a href="#">India News</a></li>
</ul>
</div>
</div>
<div id="LeftContainer">
<div id="LeftContents">
<h2>Introduction to Design</h2>
<span id="WrapText"> <img src="images/daisy.jpg" alt="Fresh as a daisy"
width="200" height="150" style="border:1px solid black;"/> </span>
<p>Thanks for your interest in this template. This is our first open web
template Design. This is a simple template with one header, a horizontal menu, and
two content columns. It also has a text based shadow effect (which behaves
undesirably for different text size) which provides some extra attraction to the
logo. The right hand side column can be used to add favorite links, Google ads etc.
We have tested this template in Firefox 1.5, Opera 8.5 and IE 6.0 and it works fine
in all these browsers. This is a valid <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and it is also very easy to customize. </p>
<p>You can use this template with no restrictions; just leave the "Designed
by" information as it is at the bottom. Good luck to your website.</p>
<h2>'Fresh Air' in six colors</h2>
<p><b>Fresh Air</b> template comes in six colors: two shades of green, two
shades of purple, brown and blue. Each color, in turn, caters to two most prevelant
screen resolutions: 1028x768 and 800x600. Link to various available css files to
try each one before deciding which one to use.</p>
<p>All Designs are valid <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a>. All the templates are released under the <a
href="http://en.wikipedia.org/wiki/Creative_Commons_License" title="Creative
Commons License">Creative Commons License</a>.</p>
<h2>A little bit more text</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras eget mi.
Proin viverra dignissim nulla. Donec sollicitudin est eget tellus. Pellentesque
diam lorem, varius ac, adipiscing sed, blandit nec, nunc. Phasellus odio est,
condimentum quis, convallis id, pretium porttitor, nulla. Nulla sit amet odio.
Vestibulum neque quam, eleifend quis, consequat nec, pulvinar et, arcu. Morbi
auctor commodo lorem. Nam vitae lorem. Phasellus malesuada gravida nisi. Curabitur
interdum commodo tortor. Donec porta interdum leo. Quisque id urna sit amet lacus
fermentum malesuada. Etiam purus libero, interdum quis, mattis aliquet, vulputate
sed, felis. Mauris vitae justo eget elit faucibus venenatis. Integer non ipsum at
elit vulputate sollicitudin. Vestibulum congue magna ut sem. Praesent nec lectus.
Donec malesuada, ligula eu dignissim adipiscing, lorem leo pulvinar leo, eget
bibendum purus dui ut purus. Morbi dui elit, adipiscing nec, tristique eu,
ullamcorper nec, diam.</p>
<p><b>IBM CEO Palmisano To Get $1.8 Million Salary In 2007:</b> <br/>
International Business Machines Corp., whose stock rose 16 percent last
year as it expanded in software, said Monday that Chief Executive Samuel Palmisano
will be paid a $1.8 million salary in 2007 and stands to receive another $5 million
in incentive pay, the same as last year.</p>
<p><b>Oracle Upgrades Search Engine:</b> <br/>
Oracle on Monday launched an upgrade of its standalone search engine,
adding support for third-party identity management directories in order to tap into
a company's existing security rules.</p>
</div>
</div>
<div id="Footer">
<div id="Footer1">Copyright © 2007 Your Company Name.</div>
<div id="Footer2">Design by <a
href="http://www.sumanasa.com/">Sumanasa.com</a> | <a href="#">India News</a> | <a
href="#">Hindi News</a></div>
</div>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js"
type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-24";
urchinTracker();
</script>
</body>
</html>
<!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>
<title>*FRESH*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a id="current" href="#">Homepage</a></li>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Six</a></li>
</ul>
</div>
<div class="intro">
<h2>Welcome to <span style="font-weight:bold; color:#069;">Fresh</span>
Template</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" />
<strong>This template has been tested in Mozilla and IE7. The page validates as
XHTML 1.0 Transitional using valid CSS. For more templates visit <a
href="http://www.mitchinson.net" title="my website">my website</a>.</strong> </p>
<p>» <a href="#">Read more</a></p>
</div>
<div class="separator"></div>
<div class="intro2">
<h2>Resources</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" /> Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et
cursus pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.
Phasellus sem lacus, tristique et, convallis non, mollis id ...</p>
<p>» <a href="#">Read more</a> </p>
</div>
<div class="intro3">
<h2>About Us</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" /> Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et
cursus pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.
Phasellus sem lacus, tristique et, convallis non, mollis id ...</p>
<p>» <a href="#">Read more</a> </p>
</div>
<div style="clear:both;"></div>
<div id="sidebar">
<h1>News</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus. </p>
<h1>Links </h1>
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic </a></li>
</ul>
</div>
<div id="content">
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>
<title>*FRESH*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a id="current" href="#">Homepage</a></li>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Six</a></li>
</ul>
</div>
<div class="intro">
<h2>Welcome to <span style="font-weight:bold; color:#069;">Fresh</span>
Template</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" />
<strong>This template has been tested in Mozilla and IE7. The page validates as
XHTML 1.0 Transitional using valid CSS. For more templates visit <a
href="http://www.mitchinson.net" title="my website">my website</a>.</strong> </p>
<p>» <a href="#">Read more</a></p>
</div>
<div class="separator"></div>
<div class="intro2">
<h2>Resources</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" /> Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et
cursus pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.
Phasellus sem lacus, tristique et, convallis non, mollis id ...</p>
<p>» <a href="#">Read more</a> </p>
</div>
<div class="intro3">
<h2>About Us</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" /> Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et
cursus pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.
Phasellus sem lacus, tristique et, convallis non, mollis id ...</p>
<p>» <a href="#">Read more</a> </p>
</div>
<div style="clear:both;"></div>
<div id="sidebar">
<h1>News</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus. </p>
<h1>Links </h1>
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic </a></li>
</ul>
</div>
<div id="content">
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>Fun Ride</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<h1><a href="#">Fun Ride</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<!-- end div#logo -->
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end div#menu -->
</div>
<!-- end div#header -->
<div id="page">
<div id="content">
<div id="welcome">
<h1>Welcome to Fun Ride!</h1>
<p><strong>Fun Ride!</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
<ol>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida
blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque
pharetra.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat
eleifend.</a></li>
<li><a href="#">Etiam ac tortor eu metus euismod lobortis.</a></li>
<li><a href="#">Duis non ante in metus commodo euismod lobortis.</a></li>
</ol>
</div>
<!-- end div#welcome -->
<div id="sample1" class="boxed">
<h2>Sample One</h2>
<ul>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis </a></li>
<li><a href="#">Etiam malesuada enim</a></li>
<li><a href="#">Aenean elementum facilisis </a></li>
<li><a href="#">Ut tincidunt elit vitae augue</a></li>
<li><a href="#">Sed quis odio sagittis leo </a></li>
</ul>
</div>
<!-- end div#sample1 -->
<div id="sample2" class="boxed">
<h2>Sample Two</h2>
<p>Quisque dictum nisl risus, sagittis, rutrum id, and nibh:</p>
<ul>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada enim</a></li>
<li><a href="#">Aenean elementum facilisis </a></li>
</ul>
</div>
<!-- end div#sample2 -->
</div>
<!-- end div#content -->
<div id="sidebar">
<ul>
<li id="submenu">
<h2>Other Links</h2>
<ul>
<li><a href="#">Semper vestibulum</a></li>
<li><a href="#">Vestibulum luctus</a></li>
<li><a href="#">Integer rutrum</a></li>
<li><a href="#">Etiam malesuada</a></li>
<li><a href="#">Elementum facilisis</a></li>
<li><a href="#">Ut tincidunt</a></li>
<li><a href="#">Odio sagittis</a></li>
</ul>
</li>
<!-- end li#submenu -->
<li id="news">
<h2>News & Updates</h2>
<ul>
<li>
<h3>25th May</h3>
<p><a href="#">Pellentesque quis elit non lectus gravida
blandit…</a></p>
</li>
<li>
<h3>23rd May</h3>
<p><a href="#">Lorem ipsum dolor sit amet, consectetuer
adipiscing…</a></p>
</li>
<li>
<h3>21st May</h3>
<p><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue…</a></p>
</li>
<li>
<h3>17th May</h3>
<p><a href="#">Maecenas vitae orci vitae tellus feugiat
eleifend…</a></p>
</li>
</ul>
</li>
<!-- end li#news -->
</ul>
</div>
<!-- end div#sidebar -->
<div style="clear: both; height: 1px"></div>
</div>
<!-- end div#page -->
<div id="footer">
<p id="legal">Copyright © 2007 Fun Ride. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
<!-- end div#footer -->
</div>
<!-- end div#wrapper -->
</body>
</html>
<!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>Funky Corporate Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<link href="global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Container">
<div id="Top">
<h1><img src="logo.gif" alt="Cool Web site Designs" width="160" height="50"
class="logo" />Funky Corporate Design</h1>
<h2>Your sub header title goes here </h2>
</div>
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Navigation 2</a></li>
<li><a href="#">Navigation 3</a></li>
<li><a href="#">Navigation 4</a></li>
<li><a href="#">Navigation 5</a></li>
<li class="last"><a href="#">Navigation 6</a></li>
</ul>
</div>
<div id="TopImage"><img src="top.jpg" alt="" width="800" height="174" /></div>
<div id="InfoLine">Latest news Text line.</div>
<div id="MainText">
<div id="MainText-right">
<h1>Welcome to our design studio that offers the coolest designs.</h1>
<p>Empire Elements is a UK Web Design Company delivering web sites, custom
web design and web site hosting to businesses and individuals. We take proper care
of the smallest job and we anticipate your needs.</p>
<p>We are specialists in web site design that requires precision code,
supporting W3C standard (please see statement of validation at the bottom of this
page), web hosting, multi browser support and Optimization for the search engines.
When we build a web site our web sites are by default tested in all major browsers,
to ensure visitors of your site encounter flawless experience.
Over 3 years of design company UK business experience, operating world wide
with bases in the United Kingdom and Europe. <br />
<br />
No fixed office hours, help when you need it.</p>
</div>
<div id="MainText-left">
<ul>
<li><a href="#">Original Web design Style</a></li>
<li><a href="#">W3C standard Validation</a></li>
<li><a href="#">Explicit Coding Techniques</a></li>
<li><a href="#">Makeovers</a></li>
<li><a href="#">Multibrowser Support</a></li>
<li><a href="#">LIVE Feature</a></li>
<li><a href="#">Code Optimization</a></li>
<li><a href="#">Our Clients</a></li>
<li><a href="#">Benefits with Us</a></li>
</ul>
</div>
</div>
<div id="Footer">
<p> Designed By <a href="http://www.empire-elements.co.uk/" title="Empire
Elements web design">Empire Elements</a><br />
<b>More Info:</b> | <a href="#">Terms and Conditions</a> | <a
href="#">Testimonials</a> | <a href="#">Contact Us</a><br />
This web site is <a href="http://validator.w3.org/check?uri=referer">W3C
XHTML 1.0 Strict VALID</a><br />
<b>Link Exchange: </b><a href="#">Add your site free</a>, <a href="#">Add
your site free</a><br />
Licenced under <a href="http://creativecommons.org/licenses/by-nc-
sa/2.0/uk/">Creative Commons Attribution-Noncommercial-Share Alike 2.0 UK</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>The Pig</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1"
/>
<link rel="stylesheet" href="mike02.css" type="text/css" />
</head>
<body>
<div id="container" >
<div id="headerWrap">
<div id="header">
<h1><a href="#">mike02: funny animal</a></h1>
<ul id="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">Page4</a></li>
<li><a href="#">Page3</a></li>
<li><a href="#">Page2</a></li>
<li><a href="#">Page1</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="contentHeader">
<div id="siteDescription">
<p>Here could be the description of your cool site!</p>
</div>
</div>
<div id="main">
<div class="post">
<h2>Open Source Template</h2>
<p>This template is an open source template. It's distributing under
Creative Commons 2.5 licence.
That means that you can use it in any way you like. All I ask for is that
you leave the "Design by Mike Yarmish"
link in the footer of the site. If you would like to remove that line, or
if you are interested
in professional services that are related to webDesign or this layout
(such as custom Design,
branding, scripting or programming), please contact me through my website
for more information!</p>
</div>
<div class="post">
<h2>Design Features</h2>
<p>The template is optimized for 800x resolution but looks nice at
different resolutions too.
The main header-with menu is liquid and change it's width in different
resolutions.
Content colums are easly changeble by float property in CSS.</p>
<blockquote>
<p>Some blockquote text which is showed as an example how it looks
like.</p>
</blockquote>
Example of an un-ordered list:
<ul>
<li>That is</li>
<li>how it</li>
<li>looks like</li>
</ul>
As you can see, the link color is <a href="#">light pink</a>. </div>
</div>
<div id="secondary">
<h2>About</h2>
<p>Here could be some sidebar. You can put here whatever you want. May be
some linkroll or some
additional information</p>
<h2>Version</h2>
<p>Template: mike02_2: funny animal. The Pig.</p>
<p>Current template version: 1.0 (15/07/06)</p>
<h2>Search</h2>
<form method="get" id="searchform" action="#">
<fieldset>
<input type="text" name="s" id="searchtext" />
<input type="submit" id="searchsubmit" value="search" />
</fieldset>
</form>
</div>
</div>
<div id="footer">
<p>© 2006 Your or your company name | Design by <a
href="http://www.mikeyarmish.com">Mike Yarmish</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Gallerised
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gallerised</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- s3slider -->
<script type="text/javascript" src="layout/scripts/jquery.s3slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#featured_slide_').s3Slider({
timeOut:6000
});
});
</script>
<!-- / s3slider -->
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div id="topnav">
<ul>
<li class="last"><a href="pages/gallery.html">Gallery Demo</a><span>Test
Text Here</span></li>
<li><a href="#">DropDown</a><span>Test Text Here</span>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a><span>Test Text
Here</span></li>
<li><a href="pages/style-demo.html">Style Demo</a><span>Test Text
Here</span></li>
<li class="active"><a href="index.html">Homepage</a><span>Test Text
Here</span></li>
</ul>
</div>
<div class="fl_left">
<h1><a href="index.html">Gallerised</a></h1>
<p>Free Website Template</p>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="featured_slide_">
<ul id="featured_slide_Content">
<li class="featured_slide_Image"><a href="pages/gallery.html"><img
src="images/demo/homepage/1.gif" alt="" /></a>
<div class="introtext">
<h2>Category 1 Title</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. For more CSS templates visit
<a href="http://www.os-templates.com/">Free Website Templates</a>.</p>
</div>
</li>
<li class="featured_slide_Image"><a href="pages/gallery.html"><img
src="images/demo/homepage/2.gif" alt="" /></a>
<div class="introtext">
<h2>Category 2 Title</h2>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
</div>
</li>
<li class="featured_slide_Image"><a href="pages/gallery.html"><img
src="images/demo/homepage/3.gif" alt="" /></a>
<div class="introtext">
<h2>Category 3 Title</h2>
<p>Short introduction text for category 3…</p>
</div>
</li>
<li class="featured_slide_Image"><a href="pages/gallery.html"><img
src="images/demo/homepage/4.gif" alt="" /></a>
<div class="introtext">
<h2>Category 4 Title</h2>
<p>Short introduction text for category 4…</p>
</div>
</li>
<li class="featured_slide_Image"><a href="pages/gallery.html"><img
src="images/demo/homepage/5.gif" alt="" /></a>
<div class="introtext">
<h2>Category 5 Title</h2>
<p>Short introduction text for category 5…</p>
</div>
</li>
<li class="clear featured_slide_Image">
<!-- Leave This Empty -->
</li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="footer">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas05</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="andreas05.css" />
</head>
<body>
<div id="title">
<h1>YOUR SITE TITLE</h1>
</div>
<div id="container">
<div id="sidebar">
<h2>Site menu</h2>
<a class="menu" href="#">Home</a> <a class="menu" href="#">Sample</a> <a
class="menu" href="#">Sample</a> <a class="menu" href="#">Sample</a> <a
class="menu" href="#">Sample</a> <a class="menu" href="#">Sample</a> <a
class="menu" href="#">Sample</a>
<p class="sidenote">More templates:<br />
<a href="#">AV</a> | <a href="#">OWD</a> | <a href="#">OSWD</a></p>
<p class="sidenote">WordPress themes:<br />
<a href="#">AV</a> | <a href="#">Jokkmokk</a></p>
<p class="sidenote">Version:<br />
andreas05 v2.0<br />
(Jul 15, 2006)</p>
</div>
<div id="main">
<h2>andreas05 - the simple solution!</h2>
<img src="dragonmini.png" width="125" height="125" alt="Dragon screenshot" />
<p>Sometimes, the simple things are the most beautiful. This design was made
with simplicity in mind, to make it quick and easy to edit the code and get your
website online. The amount of code is very small, and the layout is very basic. No
visual effects, no advanced features, just a very simple template.</p>
<p><strong>Note:</strong> If you don't like the dragon (which was made using a
freeware font named "Tattoo"), you can easily replace it with an image of your own!
</p>
<h2>An open source design!</h2>
<p>This design is released as open source, which means that you can make any
changes you may want to, and use the page in any way you want to as long as you
give the proper credits to the original author. Have fun! If you want more designs
to choose from, you can visit my website where you can download more templates by
me.</p>
<p class="credits"><strong>© 2005 Your name</strong> | Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a
href="#">Homepage</a></p>
</div>
<div id="footer"></div>
</div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<title>Game Zone</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<div id="body_image"> </div>
<div id="page_header">
<h1><span>Game Zone</span></h1>
<h3><span>Welcome to Game Zone</span></h3>
<div class="clearthis"> </div>
</div>
<div id="page_menu">
<ul>
<li class="online"><a href="#"><span>Online</span></a><span></span></li>
<li class="downloads"><a
href="#"><span>Downloads</span></a><span></span></li>
<li class="community"><a
href="#"><span>Community</span></a><span></span></li>
<li class="about"><a href="#"><span>About Zone</span></a><span></span></li>
</ul>
</div>
<div id="page_forms">
<div id="userlogin">
<div id="userlogin_header">
<h2><span>User Login</span></h2>
</div>
<form action="#">
<div id="field_username"> <strong><span>Log in:</span></strong>
<input type="text" />
</div>
<div id="field_password"> <strong><span>Password:</span></strong>
<input type="text" />
</div>
<div id="button_enter">
<input type="image" src="images/userlogin_enter.gif" alt="Enter"
class="button" />
</div>
</form>
<div id="userlogin_links"> <a href="#" id="register"><strong><span>Register
>>></span></strong></a> <br />
<a href="#" id="notregister"><strong><span>Not Registered Yet?
</span></strong></a> </div>
</div>
<div id="sitesearch_header">
<h2><span>Site Search</span></h2>
</div>
<div id="sitesearch">
<form action="#">
<div>
<input type="text" />
<input type="image" src="images/sitesearch_button.gif" alt="Go"
class="button" />
</div>
<div class="clearthis"> </div>
</form>
</div>
</div>
<div id="content_body">
<div id="reviews_box">
<div id="reviews">
<div class="content_header">
<h2><span>Recent Reviews</span></h2>
</div>
<div class="content_entry">
<div class="thumbnail"><img src="images/_image01.gif" width="121"
height="90" alt="Image Caption" /></div>
<div class="entry_text">
<p>We add new <a href="#">free website templates</a> frequently.</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>
</div>
<div class="clearthis"> </div>
</div>
<div class="content_entry">
<div class="thumbnail"><img src="images/_image02.gif" width="118"
height="88" alt="Image Caption" /></div>
<div class="entry_text">
<p>This is just a place holder so you can see how the site would look
like.</p>
<p>The template is designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a> for you for
free you can replace all the text by your own text.</p>
</div>
<div class="clearthis"> </div>
</div>
</div>
</div>
<div id="playnow_box">
<div id="playnow">
<div class="content_header">
<h2><span>Play Now</span></h2>
</div>
<div class="content_entry">
<div class="thumbnail"><img src="images/_image03.gif" width="118"
height="88" alt="Image Caption" /></div>
<div class="entry_text">
<h3> <a href="http://www.justwebtemplates.com">Just Web Templates</a>
<br />
</h3>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
</div>
<div class="clearthis"> </div>
</div>
<div class="content_entry">
<div class="thumbnail"><img src="images/_image04.gif" width="118"
height="88" alt="Image Caption" /></div>
<div class="entry_text">
<h3> <a href="http://www.templatebeauty.com">Template Beauty</a> <br />
</h3>
<p>If you're looking for beautiful and professionally made templates
you can find them at <a href="http://www.templatebeauty.com">Template
Beauty</a>.</p>
</div>
<div class="clearthis"> </div>
</div>
</div>
</div>
</div>
<div id="clearthis_contentbody"> </div>
</div>
<div id="page_footer"> Copyright <a href="#">www.yoursite.com</a> | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Gemstone</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css"/>
</head>
<body>
<div class="top">
<h1>Gameportal.com <span>your slogan goes here</span></h1>
</div>
<div class="header">
<div class="menu">
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News Archive</a></li>
<li><a href="#">Editorials</a></li>
<li><a href="#">Links</a></li>
</ul>
<ul>
<li><a href="#">Profiles</a></li>
<li><a href="#">Columns</a></li>
<li><a href="#">Hosted Sites</a></li>
<li><a href="#">FORUM</a></li>
</ul>
<ul>
<li><a href="#">ABOUT</a></li>
<li><a href="#">Guidelines</a></li>
<li><a href="#">RSS Feeds</a></li>
<li><a href="#">Buttons</a></li>
</ul>
</div>
</div>
<div class="content_left">
<div class="date">Saturday 22th of November</div>
<div class="newsitem">
<div class="title">QuakeWorld CD Project Update</div>
<div class="body"> <img src="img/somepicture.gif" width="120" height="120"
class="left" alt=""/>
<p>Mr.Noname from the QuakeWorld CD Project has released a new version of the
bootable linux Quakeworld CD. New features in version 0.1.5 include SSH support,
ALSA (Advanced Linux Sound Architecture), and a new simplified setup and
configuration.</p>
<p>Additional details on the QuakeWorld CD Project may be obtained in our
original news post dated several months ago, and on the official QWCD forums right
here at QuakeWorld.nu.</p>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="newsitem">
<div class="title">Duelmania coverage</div>
<div class="body">
<p>I just uploaded the MVDs packed with MP3 from the shoutcast stream. I'm
sorry to say that we still don't have any QTV for QW, so we will have to make do
with the resources we have available. For djWHEAT to reach his iTG audience it was
not possible to sync stream over TeamSpeak together with shoutcast. This meant all
the live stream was about 40 seconds delayed.</p>
<ul>
<li>Fortunately</li>
<li>Audience</li>
<li>Possible</li>
</ul>
<p>Fortunately it's fairly easy for you to download the packages and use
fuhquake's build-in winamp player and sync the stream with demos.</p>
<p>On a sidenote, ingame sounds were also included in Noones stream so it
might be wise to turn down, or completely turn off quake sound while watching and
listnening to the mp3's.</p>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="newsitem">
<div class="title">ezQuake gone SourceForge!</div>
<div class="body">
<p>ezQuake has become more serious as we now see it hosted by sourceforge.
What is ezQuake? I see it as copy-paste client taking all the great features from
other projects and putting them together in a blender, based on latest FuhQuake
release.</p>
<div class="quote">ezQuake has become more serious as we now see it hosted by
sourceforge. What is ezQuake? I see it as copy-paste client taking all the great
features from other projects and putting them together in a blender, based on
latest FuhQuake release.</div>
</div>
<div class="clearer"><span></span></div>
</div>
</div>
<div class="content_right">
<div class="links">
<div class="title">Latest League Results</div>
<a href="#">Hungary - N.America 2-3</a> <a href="#">Sweden - Netherlands 3-
2</a> <a href="#">UK - Poland 0-5</a> <a href="#">Germany - Belgium 5-0</a> <a
href="#">Russia - Portugal 5-0</a> <a href="#"><b>» more</b></a>
<div class="title">Latest 5 QW Demos</div>
<a href="#">Disconnect vs. Badname</a> <a href="#">Bewi vs. goldenboy</a> <a
href="#">Xalibur vs. Hawkkii</a> <a href="#">Me vs. you</a> <a href="#">you vs.
me</a> <a href="#"><b>» more</b></a>
<div class="title">Statistics</div>
<a href="#">Hits Today: 1632</a> <a href="#">Hits Alltime: 369843</a> <a
href="#">Users: 1991</a> <a href="#">Online: 16</a> <a href="#"><b>» more</b></a>
</div>
</div>
<div class="footer">
<div class="copyright">© 2006<a href="#">Website</a>. Design by <a
href="http://templates.arcsin.se">Arcsin</a>.</div>
</div>
</body>
</html>
<!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>Garden Mesh</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Garden Mesh</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Garden Mesh!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Garden Mesh</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>A sample ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A sample unordered list:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
</ul>
<p>A blockquote:</p>
<blockquote>
<p>“ Donec fermentum condimentum nisi. Proin iaculis id lorem
viverra molestie. Duis vel orci. Et pulvinar pede ligula a sapien. Donec fermentum
nisi. Proin iaculis mauris id lorem viverra molestie. Duis vel orci. Nam
consequat. Morbi nec lacus.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="search" class="boxed">
<h2 class="heading">Search</h2>
<div class="content">
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>
</div>
<div id="pages" class="boxed">
<h2 class="heading">Pages</h2>
<div class="content">
<ul class="links">
<li class="active"><a id="page1" href="#">Home</a></li>
<li><a id="page2" href="#">My Photos</a></li>
<li><a id="page3" href="#">My Favorites</a></li>
<li><a id="page4" href="#">About Me</a></li>
<li><a id="page5" href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="archives" class="boxed">
<h2 class="heading">Archives</h2>
<div class="content">
<ul class="links">
<li class="first"><a href="#">February</a> (7)</li>
<li><a href="#">January 2007</a> (31)</li>
<li><a href="#">December 2006</a> (31)</li>
<li><a href="#">November 2006</a> (30)</li>
<li><a href="#">October 2006</a> (31)</li>
<li><a href="#">September 2006</a> (30)</li>
</ul>
</div>
</div>
<div id="categories" class="boxed">
<h2 class="heading">Categories</h2>
<div class="content">
<ul class="links">
<li class="first"><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
</ul>
</div>
</div>
<div id="blogroll" class="boxed">
<h2 class="heading">Blogroll</h2>
<div class="content">
<ul class="links">
<li class="first"><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Garden Mesh. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Gathering14</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
</head>
<body>
<div id="outercontainer">
<div id="container">
<div id="header">
<h1>gathering.template<sup>14</sup></h1>
</div>
<div id="menu">
<div id="menumain">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
</div>
<div id="maincontentright">
<div id="sidemenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
<p>Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aliquam ut diam. Maecenas feugiat. Etiam
consequat sodales ante. Ut sit amet nisi non ipsum fermentum egestas.
Phasellus lacinia enim eu tortor. Integer vulputate dictum justo.
Vivamus hendrerit lectus vel nisi. Integer sit amet diam id pede
sagittis mollis.</p>
</div>
<div id="maincontent">
<h1>Lorem ipsum dolor sit amet...</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In
pulvinar. Cras nisl. Ut at arcu. Cras lectus justo, aliquet nec,
commodo sit amet, iaculis quis, nisl. Integer vitae sem ac ligula
fermentum egestas. Proin a magna ac ante malesuada cursus. Fusce
justo massa, eleifend ut, molestie vel, rutrum et, enim. Nulla
dignissim sem in urna. In viverra eros at nisi. Suspendisse id mi.
Aliquam erat volutpat. Sed egestas bibendum elit. Nulla vel leo sit
amet sem varius pellentesque. Nam ut nisi vel risus posuere egestas.</p>
<p><span><a href="#">read more ...</a></span></p>
<h2>In vitae pede non ligula...</h2>
<p>In vitae pede non ligula scelerisque pellentesque. Pellentesque id
arcu. Nulla convallis est quis orci. Vestibulum massa. Phasellus sit
amet libero ut dui varius eleifend. Proin ut dui non lacus feugiat
auctor. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Morbi eu enim. Praesent aliquam.
Aenean elementum metus a mi sagittis eleifend. Phasellus aliquam,
dolor eu accumsan accumsan, magna libero cursus velit, non
adipiscing nibh nisi vel leo. Aliquam libero. Nullam lobortis nibh
sed purus. Suspendisse dolor enim, ultricies sed, euismod et,
ullamcorper a, lacus. Nam egestas dolor nec nulla. Aenean
consectetuer ullamcorper eros. Quisque pulvinar cursus tellus.
Maecenas adipiscing congue lectus. Pellentesque molestie lacus ac
felis. Donec eu lacus.</p>
<p><span><a href="#">read more ...</a></span></p>
<h3>Cum sociis natoque penatibus...</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aliquam ut diam. Maecenas feugiat. Etiam
consequat sodales ante. Ut sit amet nisi non ipsum fermentum egestas.
Phasellus lacinia enim eu tortor. Integer vulputate dictum justo.
Vivamus hendrerit lectus vel nisi. Integer sit amet diam id pede
sagittis mollis. Quisque porta tellus sed nisl. Aenean eget dolor.
Donec mattis augue. Sed in orci ac mi fringilla tincidunt.</p>
<p><span><a href="#">read more ...</a></span></p>
</div>
<div id="footer">
<div id="footerleft">
<h1>In vitae pede non ligula...</h1>
<p>Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aliquam ut diam. Maecenas feugiat. Etiam
consequat sodales ante. Ut sit amet nisi non ipsum fermentum egestas.
Phasellus lacinia enim eu tortor. Integer vulputate dictum justo.
Vivamus hendrerit lectus vel nisi. Integer sit amet diam id pede
sagittis mollis. Quisque porta tellus sed nisl. Aenean eget dolor.
Donec mattis augue. Sed in orci ac mi fringilla tincidunt.
Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus.</p>
</div>
<div id="footerright">
<h1>In vitae pede non ligula...</h1>
<p>Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aliquam ut diam. Maecenas feugiat. Etiam
consequat sodales ante. Ut sit amet nisi non ipsum fermentum egestas.
Phasellus lacinia enim eu tortor. Integer vulputate dictum justo.
Vivamus hendrerit lectus vel nisi. Integer sit amet diam id pede
sagittis mollis. Quisque porta tellus sed nisl. Aenean eget dolor.
Donec mattis augue. Sed in orci ac mi fringilla tincidunt.
Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus.</p>
</div>
<div id="bottom">
<p>design by <a href="http://www.tristarwebdesign.co.uk">tristar web
design</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>gazebo</title>
<link rel="stylesheet" href="1.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="head">
<div id="navbox">
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
</ul>
</div>
</div>
<div class="textbox"> </div>
<br />
<h1>Gazebo</h1>
</div>
<div id="content">
<div id="content-head"> </div>
<h2>Section One</h2>
<div class="rightbox">
<h3>articles</h3>
<p> <strong>Article One</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit <a
href="#">read....</a></p>
<p> <strong>Article Two</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit <a
href="#">read....</a></p>
<p> <strong>Article Three</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit <a
href="#">read....</a></p>
</div>
<p> <img class="left" src="picks/3.jpg" alt=""></img> <strong>L</strong>orem
Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, when an unknown
printer took a galley of type and scrambled it to make a type specimen book. It has
survived not only five centuries. <a href="#">more....</a></p>
<p><strong>I</strong>t has survived not only five centuries, but also the leap
into electronic typesetting, remaining essentially unchanged.</p>
<p>There are many variations of passages of Lorem Ipsum available, but the
majority have suffered alteration in some form, by injected humour, or randomised
words. <a href="#">more....</a> </p>
<br />
<br />
<h2>Seaction Two</h2>
<br />
<div class="rightbox">
<h3>Photos</h3>
<img src="picks/5.jpg" alt="photos" />
<p> <a href="#">Enter....</a></p>
</div>
<img class="left" src="picks/4.jpg" alt=""></img>
<p><strong>L</strong>orem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, </p>
<p>when an unknown printer took a galley of type and scrambled it to make a type
specimen book. It has survived not only five centuries, but also the leap into
electronic typesetting, remaining essentially unchanged. There are many variations
of passages of Lorem Ipsum available, but the majority have suffered alteration in
some form, by injected humour, or randomised words which don't look even slightly
believable. <a href="#">more....</a></p>
<div id="footer"> <strong>By Coollew</strong> </div>
</div>
</body>
</html>
<!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>
<title>Generic Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE]>
<style>
#nav {
bottom: 0px;
}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Generic Blog</h1>
<ul id="nav" class="fc">
<li id="thome"><a href="#" class="selected"></a></li>
<li id="tabout"><a href="#"></a></li>
<li id="tcontact"><a href="#"></a></li>
</ul>
</div>
<div id="title">
<form action="#">
<input type="text" maxlength="30" size="15"/>
<img src="images/searchbutton.png" border="0" height="29" width="19"
class="searchbutton" alt="" />
</form>
</div>
<div id="minHeight"></div>
<!-- Safari hack -->
<div id="content">
<div id="leftbar">
<!-- Main content goes here! -->
<h3>December 2nd, 2006</h3>
<h2>Generic Blog Is Finished</h2>
<p>Welcome to my new theme, Generic Blog! There really isn't much to it,
just a basic blog template that's pretty much good for anything. My goal in this
template/theme was to create a "generic" looking blog that anyone could use. So,
in that essence I hope that you all can understand my coding and can use this
theme! Also, when you do finish editing this theme, please leave the footer link
leading to my portfolio on the bottom, thanks. Finally, if you have any questions
or need something clarified, just email me at my <a href="#">site</a></p>
<p>Phasellus cursus egestas nibh. Nunc congue odio vel tortor. Quisque rutrum
viverra nulla. Praesent mollis, neque vel consectetuer tempus, eros massa mattis
enim, at feugiat mauris dui et nisi. Pellentesque non lacus. Nulla tincidunt magna
non tellus. Quisque faucibus facilisis justo. Etiam quis quam. Nulla non nisl
porttitor metus scelerisque imperdiet. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Mauris quis risus non odio
luctus vehicula. Ut ligula massa, congue sit amet, suscipit a, mattis at, pede.
Integer tellus. Duis at urna ac orci feugiat lobortis. Vestibulum pulvinar. In
varius, lorem vitae convallis luctus, neque nisl feugiat justo, vel sollicitudin
augue purus eu lectus.
Nulla dictum justo in magna. Mauris quam. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Morbi et nisl.
Fusce non magna id sapien aliquet pretium. Nunc tempus sodales nulla. Donec
hendrerit, nisi ut malesuada aliquet, lectus lorem lacinia nisl, ac posuere purus
orci eget diam. Maecenas eu nisi nec elit elementum tristique. Curabitur eros
ipsum, lacinia tincidunt, mollis eu, mattis non, eros. Suspendisse eget nibh ac
felis ornare mollis. Pellentesque vel velit sed nisl consequat rutrum. Sed in sem
quis erat tincidunt pretium. Donec ultricies dictum felis. Sed sit amet enim.
Phasellus vulputate faucibus nisi. Praesent facilisis luctus ipsum. Aenean leo
odio, pellentesque ac, egestas et, pharetra vitae, erat. Etiam porttitor purus id
massa. Curabitur accumsan vestibulum est. Ut malesuada.
Ut nisi nibh, porta id, rhoncus in, porttitor non, nunc. Ut porttitor ante
et arcu feugiat vestibulum. Phasellus non quam sit amet purus molestie venenatis.
Nullam fringilla fringilla augue. Mauris aliquam, urna nec porttitor mollis, quam
augue semper sapien, in ultrices enim lacus nec tellus. In quam turpis, malesuada
interdum, vehicula sit amet, aliquam sed, tellus. Phasellus sapien est, pulvinar
id, dapibus tincidunt, viverra at, mi. Aenean semper congue tortor. Proin id pede
quis metus facilisis accumsan. Duis adipiscing odio ac tellus. Nam hendrerit orci.
Phasellus nec arcu vel ante blandit tincidunt. Integer quam. Duis semper
pretium enim. Vivamus ac odio sed purus elementum sagittis. Nunc ut mauris nec eros
pulvinar venenatis. Quisque ornare. Morbi quis odio. Aenean non tortor. Vestibulum
et neque. Sed in enim et turpis tristique vestibulum. Nunc adipiscing. Suspendisse
potenti. Sed est justo, posuere at, nonummy vel, auctor id, nisi. In consectetuer,
nibh id commodo auctor, tortor lacus tempus arcu, nec congue odio dolor sed massa.
Nullam libero mauris, fringilla et, rutrum ac, blandit et, felis. Curabitur et
nisi. Nunc condimentum condimentum elit. Nam auctor pellentesque libero. </p>
</div>
<div id="rightbar">
<!-- Menu stuff is here-->
<h2 class="toph2">Catagories</h2>
<p>Testing</p>
<p>Business</p>
<p>Personal</p>
<h2>Blogroll</h2>
<p>Me</p>
<p>Wordpress</p>
</div>
<div id="clearfooter"></div>
</div>
<div id="footer">
<p>Powered By A CMS</p>
<p><a href="http://www.thinkpoint.org">Theme By Eric Huang</a></p>
</div>
</div>
</body>
</html>
<!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>GenericBlue</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
<div id="header">
<h1><a href="#">GenericBlue</a></h1>
<h2>Free CSS Template</h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="tertiaryContent">
<h3>Lorem ipsum dolor</h3>
<p>Vivamus sagittis bibendum erat. Curabitur lorem ipsum dolore malesuada. <a
href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<ul>
<li><a href="#">Vivamus id arcu</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Pellentesque at lorem</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Ipsum vitae felis</a></li>
<li><a href="#">Integer facilisis</a></li>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
<h3>Malesuada vivamus</h3>
<ul>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Integer facilisis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Pellentesque at lorem</a></li>
<li><a href="#">Ipsum vitae felis</a></li>
<li><a href="#">Sagittis Bibendum Erat</a></li>
</ul>
<div class="xbg"></div>
</div>
<div id="primaryContentContainer">
<div id="primaryContent">
<h2>Welcome to Sitename.com!</h2>
<p><strong>GenericBlue</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<h3>Example Unordered List</h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Example Blockquote</h3>
<blockquote>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</blockquote>
<h3>Example Table</h3>
<table>
<tr class="rowH">
<th>Date</th>
<th>Title</th>
<th>Description</th>
</tr>
<tr class="rowA">
<td>December 1, 2006</td>
<td>Sed vestibulum blandit</td>
<td>Vivamus sollicitudin dolor sit amet eros. Vivamus ligula. Sed
pretium turpis eu ipsum. Sed rutrum sapien id arcu.</td>
</tr>
<tr class="rowB">
<td>November 28, 2006</td>
<td>Augue non nibh</td>
<td>Nam adipiscing urna ac consequat dignissim massa est sodales
sem.</td>
</tr>
<tr class="rowA">
<td>November 23, 2006</td>
<td>Fusce ut diam bibendum</td>
<td>Vestibulum quis urn nulla facilis nam malesuada cursus turpis.</td>
</tr>
<tr class="rowB">
<td>November 21, 2006</td>
<td>Maecenas et ipsum</td>
<td>Vivamus mi lectus gravida scelerisque, ultrices vitae cursus in
neque.</td>
</tr>
</table>
</div>
</div>
<div id="secondaryContent">
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum
erat. Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<ul>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
</ul>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h3>Ipsum Dolorem</h3>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Homepage</a></li>
</ul>
<div class="xbg"></div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
<!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-AU">
<head>
<title>Gila Two</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="gila-screen.css" media="screen"
title="Gila (screen)" />
<link rel="stylesheet" type="text/css" href="gila-print.css" media="print" />
</head>
<body>
<!-- For non-visual user agents: -->
<div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main
content.</a></div>
<!-- ##### Header ##### -->
<div id="header">
<h1 class="headerTitle"> <a href="#">Gila <span>Two</span></a> </h1>
<div class="subHeader"> <span class="doNotDisplay">Navigation: </span> <a
href="#">Home</a> | <a href="#">Solutions</a> | <a href="#">Store</a> | <a
href="#">Support</a> | <a href="#">Contact Us</a> | <a href="#">About Us</a> </div>
</div>
<div id="side-bar">
<!-- ##### Left Sidebar ##### -->
<div class="leftSideBar">
<p class="sideBarTitle">This Page</p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#cross-browser">Cross-browser</a></li>
<li><a href="#stylesheets">Stylesheets</a></li>
<li><a href="#accessibility">Accessibility</a></li>
</ul>
<p class="sideBarTitle">Branch Navigation</p>
<ul>
<li><a href="#">OSWD Home</a></li>
<li><a href="#">Browse Designs</a></li>
<li><a href="#">haran’s Designs</a></li>
<li><span class="thisPage">Gila Homepage</span></li>
</ul>
<p class="sideBarTitle">Comments</p>
<span class="sideBarText"> Comments and constructive criticisms are welcome <a
href="#">via email</a>. </span> </div>
<!-- ##### Right Sidebar ##### -->
<div class="rightSideBar">
<p class="sideBarTitle">News</p>
<div class="sideBarText"><strong>? May 03</strong><br />
Submitted revised version of Gila to <a href="#">OSWD</a></div>
<div class="sideBarText"><strong>3 Feb 03</strong><br />
Original version of Gila submitted</div>
<a href="" class="more">more news »</a>
<p class="sideBarTitle">Downloads</p>
<div class="sideBarText"><strong>Product Delta</strong><br />
<a href="#">info</a> | <a href="#">download</a></div>
<div class="sideBarText"><strong>Product Echo</strong><br />
<a href="#">info</a> | <a href="#">download</a></div>
<div class="sideBarText"><strong>Product Foxtrot</strong><br />
<a href="#">info</a> | <a href="#">download</a></div>
<p class="sideBarTitle">Validation</p>
<div class="sideBarText">Validate the <a
href="http://validator.w3.org/check/referer">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> of this page.</div>
</div>
</div>
<!-- ##### Main Copy ##### -->
<div id="main-copy">
<h1 id="introduction" style="border-top: none; padding-top: 0;">Introduction</h1>
<p>This is version two of Gila, a revision of the <a href="#">original design</a>
I submitted
to <a href="#"><acronym title="Open Source Web Design">OSWD</acronym></a> in
February 2003. Following is a summary of the major differences between this version
and the
original.</p>
<p>Gila was inspired by the homepage of <a href="#">ActiveState</a>, an
open-source application development company. The name <span class="titleTip"
title="Gila monster: a species of lizard">Gila</span> is a play on the
word <span class="titleTip" title="Komodo dragon: another species of
lizard">Komodo</span>,
the name of one of ActiveState’s products which is based on <a
href="#">the Mozilla project</a>.</p>
<p>This template is marked up in <acronym title="eXtensible HyperText Markup
Language">XHTML</acronym> 1.0 Strict and styled
with <acronym title="Cascading Style Sheets">CSS</acronym>, allowing for
greater compatibility
and transformability. The design does not use any tables (unlike <a
href="#">the design’s
inspiration</a>) resulting in greater design flexibility and cleaner code.</p>
<p>I hope you find this revision to your liking. You are free to use this design
for
any purpose you wish — personal, commercial or otherwise — without
any
obligation. If you publish a web site that’s based on this template,
please <a href="#">email me</a> your
site’s <acronym title="Uniform Resource Identifier">URI</acronym>.</p>
<h1 id="cross-browser">Improved Cross-browser Compatibility</h1>
<p>I did not test version one of Gila in Opera before submitting it to OSWD. As a
result, the
original does not render properly in that browser. In contrast, this version of
Gila has been
fully tested in <a href="#">Opera</a> (7.01), Gecko
(<a href="#">Mozilla</a> 1.3) and Internet Explorer (6.0) for consistent
rendering.</p>
<p>This means that people using <span class="titleTip" title="eg: Mozilla 1+,
Opera 7+, Netscape 6+, Internet Explorer 6+">standards-compliant browsers</span>
will see the same format and layout of your page.</p>
<h1 id="stylesheets">Modified Stylesheets</h1>
<dl>
<dt>More comprehensive screen stylesheet</dt>
<dd>The improved cross-browser consistency is a result of Gila’s more
comprehensive screen
stylesheet. Major style parameters are explicitly defined in the stylesheet,
resulting in
less dependence on browser-determined defaults and thus fewer rendering
idiosyncrasies.</dd>
<dt>Removal of colour scheme stylesheet</dt>
<dd>I’ve removed the separate colour scheme stylesheet found in the
original version,
instead incorporating the colour definitions in the single screen
stylesheet.</dd>
<dt>Addition of a print media stylesheet</dt>
<dd>Gila now has a print media stylesheet that styles the page in a format
appropriate for
black and white printing. To see the effect of this stylesheet, select <span
class="smallCaps">print preview</span> from the <span class="smallCaps">file</span>
menu, or direct this page to a printer (NB: print only this frame if you are
viewing this
template in a multi-frame document).</dd>
</dl>
<h1 id="accessibility">Improved Accessibility</h1>
<p>This version of Gila has improved accessibility features for people with
impaired vision.
The template tentatively conforms to the <a href="http://www.w3.org/TR/WCAG10">
<acronym>WCAG</acronym> double A rating</a> and <a href="http://www.access-
board.gov/508.htm">§ 508</a> guidelines for web content
accessibility. The relative simplicity of the template’s underlying
markup ensures that
your page can be easily transformed for rendering in aural, tactile (braille)
and other
non-visual user agents.</p>
<p>Additionally, the majority of document metrics (widths, lengths and spacings)
are font-size
relative. This means that a user can increase the default font size of your
page (using their
browser) without compromising it’s layout.</p>
</div>
<!-- ##### Footer ##### -->
<div id="footer">
<div class="doNotPrint"> <a href="#">Tell a Friend</a> | <a href="#">Privacy
Policy</a> | <a href="#">Site Map</a> | <a href="#">Feedback</a> | <a
href="#">Help</a> </div>
<div> Copyright © 2003, Your Company |
Modified on 2003-May-03 by <a href="http://www.oswd.org/email.phtml?
user=haran">haran</a> </div>
</div>
</body>
</html>
<!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>
<title>Ginger-esque</title>
<style type="text/css" media="screen">
@import url( style.css );
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<h3><a href="#">Ginger-esque</a></h3>
</div>
<div id="sidebar">
<h2>Navigation</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
<h2>Recent Entries</h2>
<ul>
<li><a href="#">New website design</a></li>
<li><a href="#">Welcome</a></li>
</ul>
<h2>Categories</h2>
<ul>
<li><a href="#">General</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Funny</a></li>
</ul>
<h2>Links</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div>
<div id="content">
<div class="item">
<h1><a href="#">New website design</a></h1>
<div class="meta">By Admin on 10th September 2006</div>
<p>Ginger-esque was designed by Donny Burnside of Ginger-Ninja.net and is
released under the <a href="http://creativecommons.org/licenses/by-
nc/2.5/">Creative Commons 2.5 license</a>. If you use the design all I ask is that
you keep the credit link in the footer. Also, it would be nice if you email me at
inbox[at]ginger-ninja.net to let me know how you're using the design. An editable
Fireworks .PNG file is included for the header image. Enjoy.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div class="item">
<h1><a href="#">Lorem Ipsum</a></h1>
<div class="meta">By Admin on 1st September 2006</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id="footer">
<p>© 2006 Your-Website.com | <a
href="http://validator.w3.org/check/referer">XHTML</a> | Design by <a
href="http://www.ginger-ninja.net/">Ginger Ninja!</a></p>
</div>
</body>
</html>
<!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>God of Gates</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">God of Gates</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to God of Gates!</h2>
<p><small>January 4th, 2007 by Author</small></p>
<p><em><strong>God of Gates</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Posted in <a href="#">Quisque vestibulum</a> | <a href="#">Edit</a> | <a
href="#">1 Comment »</a></p>
<p> </p>
<h2>Lorem Ipsum Dolore</h2>
<p><small>January 3rd, 2007 by Author </small></p>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
<p>Posted in <a href="#">Suspendisse iaculis</a> | <a href="#">Edit</a> | <a
href="#">23 Comment »</a></p>
</div>
<div id="colTwo">
<ul>
<li>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Pages</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">WebGod of Gates</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2007 God of Gates. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas06</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="andreas06.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="container"> <a id="top"></a>
<p class="hide">Skip to: <a href="#menu">site menu</a> | <a
href="#sectionmenu">section menu</a> | <a href="#main">main content</a></p>
<div id="sitename">
<h1>andreas06: falling leaves</h1>
<span>It is all about colors...</span> <a id="menu"></a> </div>
<div id="nav">
<ul>
<li id="current"><a href="#">Home</a></li>
<li ><a href="alternative.html">Alternative layout</a></li>
<li><a href="photo.html">Photo layout</a></li>
<li><a href="styles.html">Styles</a></li>
<li><a href="empty.html">Empty</a></li>
</ul>
<p class="hide"><a href="#top">Back to top</a></p>
</div>
<div id="wrap1">
<div id="wrap2">
<div id="topbox"> <strong><span class="hide">Currently viewing: </span><a
href="#">andreas06: Falling leaves</a> » <a href="#">Home</a></strong> </div>
<div id="leftside"> <a id="sectionmenu"></a>
<p class="soft">Use the navigation tabs to read more about the template and
to see alternative layouts and features.</p>
<h1>Example menu:</h1>
<p class="menublock"> <a class="nav" href="#">Downloads</a><br class="hide"
/>
<a class="nav sub" href="#">- MP3 files</a><br class="hide" />
<a class="nav sub" href="#">- MIDI tools</a><br class="hide" />
<a class="nav sub" href="#">- PDF Manuals</a><br class="hide" />
<a class="nav" href="#">Forum</a><br class="hide" />
<a class="nav sub" href="#">- Latest news</a><br class="hide" />
<a class="nav sub" href="#">- Members</a><br class="hide" />
<a class="nav sub" href="#">- Newsletter</a><br class="hide" />
<a class="nav" href="#">Login</a><br class="hide" />
<a class="nav" href="#">Merchandise</a><br class="hide" />
<a class="hide" href="#top">Back to top</a> </p>
</div>
<div id="rightside">
<h1>Template info:</h1>
<p>andreas06 is built with valid XHTML 1.1 and CSS2. It conforms to section
508 and a WCAG 1.0 AAA rating. It has full support for browser-based font-resizing,
100% readable also even in text-based browsers.</p>
<p>/<strong>Andreas</strong></p>
<h1>Links:</h1>
<p><a href="#">Free templates</a><br />
<a href="#">Baygroove.com</a><br />
<a href="#">Open Web Design</a><br />
<a href="#">OSWD.org</a><br />
<a href="#">sNews CMS</a><br />
</p>
<p class="smallcaps">andreas06 v1.2<br />
(Nov 28, 2005)</p>
</div>
<a id="main"></a>
<div id="content">
<h1>Welcome to "falling leaves"...</h1>
<img src="img/gravatar-leaf.jpg" height="80" width="80" alt="Gravatar
example" />
<p class="intro">...also known as "andreas06", yet another open source
template by Andreas. This one has a lot of useful features, such as the two-level
menu and a good set of formatting and layout styles!</p>
<p>Like in my other templates, the extra features are all built into the
stylesheet. The simple structure of the code (all content is separated from the
presentation) makes it easy to customize the look and feel of the design, and you
get several layouts to choose from in the download zip. Click the menu tabs to view
the examples.</p>
<p>The design is inspired by the colors of the fall, since the template was
created as an entry in the <a href="#">Open Web Design</a> "fall/autumn"
competition in October 2005 (where it as awarded 1st place). The colors are picked
from a photo of the local park, taken on Oct 1st.</p>
<h2>Open source design</h2>
<p>This template is released as open source, which means that you are free
to use it in any way you may want to. If you like this design, you can download my
other designs directly from my website (where you can also find a WordPress version
of this theme) or from Open Web Design. Comments, questions and suggestions are
always very welcome!</p>
<p class="hide"><a href="#top">Back to top</a></p>
</div>
</div>
<div id="footer">© 2005 Your Name | Design by <a
href="http://andreasviklund.com">Andreas Viklund</a></div>
</div>
</div>
</body>
</html>
<!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>Godetia</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="wrapper">
<div id="header">
<form action="#">
<input value="Search" />
</form>
<h1><a href="#">Godetia</a></h1>
<h2>A pink template by Six Shooter Media</h2>
</div>
<div class="menu">
<ul id="nav">
<li><a href="#" accesskey="i"><em>H</em>ome</a></li>
<li><a href="#" accesskey="a"><em>A</em>bout</a></li>
<li><a href="#" accesskey="e"><em>E</em>xamples</a></li>
<li><a href="#" accesskey="c"><em>C</em>ontact</a></li>
</ul>
<br class="clear" />
</div>
<div id="sidebar">
<h1>The Sidebar!</h1>
<p class="first">Welcome to the sidebar. Here, of course you can house any
information that takes your fancy! A latest news section, some links to other web
sites, latest comments, etc etc etc!</p>
<h2>Latest News</h2>
<h3>Godetia Template Released</h3>
<p>Here it is, my latest template!! Godetia is a simple 2 column layout with a
primarily pink colour scheme. This is of course easily changed via the CSS and via
the modification of a couple of images!</p>
<h3>More Templates!</h3>
<p>You can see all of my templates on my personal site! Or by following this
link to the free templates page!</p>
<h2>Some Links</h2>
<ul>
<li><a href="#">Six Shooter Media</a></li>
<li><a href="#">free templates</a></li>
<li><a href="#">Buy a Button</a></li>
<li><a href="#">Transfer Speculation</a></li>
</ul>
</div>
<div id="content">
<div class="first">
<h2 id="intro">Introduction</h2>
<p>Hey there! Welcome to Godetia. A css / xhtml template created by Six
Shooter Media. Anyone who knows me will know that I am quite fond of the colour
pink! And so it was about time that I created a pink themed template, thusly, here
is Godetia!</p>
</div>
<h2 id="about"><a href="#">About the Author</a></h2>
<p>Hi! My names Jay and I'm a 20 year old web designer from England. My main
projects are conducted through my website Six Shooter Media, but I (obviously) also
enjoy creating Open Source web templates for general use! You can keep a check on
my free templates here which is probably a link worth bookmarking as my templates
appear there a couple of weeks before OWD/OSWD due to the design queues. </p>
<p> Another site of mine that you might find interesting if you're setting up a
site with a free template like Buy a Button.net. There, for a great price you can
purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<p> If you want more of my free templates, they can be found here! </p>
<h2 id="examples"><a href="#">Some Examples</a></h2>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf hdsbf
jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd sb
</p>
</blockquote>
<h3>List Example</h3>
<ul>
<li><span>Here</span></li>
<li><span>Is our friend</span></li>
<li><span>The list!</span></li>
</ul>
<h2 id="contact"><a href="#">Contact</a></h2>
<p> If you decide to use this template please drop me a line to let me know!
Don't hesitiate to get in touch if your interested in a custom template or just in
any of my services in general. I look forward to hearing from you! </p>
<h3>Example Contact Form</h3>
<form action="#">
<label>Name</label>
<input value="Your Name" />
<label>Email</label>
<input value="Your Email" />
<label>You Comments</label>
<textarea rows="5" cols="5"></textarea>
<input type="submit" />
</form>
</div>
<div id="footer">
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here.</p>
</div>
</div>
</body>
</html>
<!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>Going Grey</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<!-- Start Wrapper -->
<div class="wrapper">
<!-- Start Header -->
<div class="header"> <img src="images/logo.jpg" alt="Logo" width="310"
height="100" /> </div>
<!-- End Header -->
<!-- Start Navigation Bar -->
<div class="nav-bar">
<ul class="nav-links">
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Location</a></li>
<li><a href="#">Our Team</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">More Information</a></li>
</ul>
</div>
<!-- End Navigation Bar -->
<!-- Start Outer Content -->
<div id="outercontent">
<div id="centercolumn">
<h1>Welcome</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse c.</p>
<p> </p>
<p><img src="images/feature.jpg" alt="Feature Image" width="481"
height="91" /></p>
<p> </p>
<h1>More to come...</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse c.</p>
<p> </p>
<img src="images/small-pic.jpg" alt="Small Pic" width="82" height="83"
class="float" />
<h1>More to come...</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim</p>
<p> </p>
<img src="images/small-pic2.jpg" alt="Small Pic" width="82" height="83"
class="float" />
<h1>"Here is the News"</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim</p>
<p> </p>
<img src="images/small-pic.jpg" alt="Small Pic" width="82" height="83"
class="float" />
<h1>"Here is the News"</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim</p>
</div>
<!-- Start Right Content -->
<div class="rightcolumn">
<h1>New Section</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim </div>
<div class="rightcolumn">
<h1>New Section</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim </div>
<div class="rightcolumn">
<p> <a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict"
height="31" width="88" /></a> <a href="http://jigsaw.w3.org/css-validator/"> <img
style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-
validator/images/vcss" alt="Valid CSS!" /> </a> </p>
</div>
<!-- End Right Content -->
</div>
<!-- End Outer Content -->
<!-- End Outer Content -->
<!-- Start Footer -->
<div id="footer"> © Copyright with <a href="http://www.code-
sucks.com/">Code-Sucks.com</a> 2006 </div>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html>
<!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>Gold Co.</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="breadcrumb">
<p><b>You are here:</b> Homepage</p>
</div>
<div id="content">
<div id="sidebar">
<div id="logo">
<h1><a href="#">Gold Co.</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Gold Co.!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Gold Co.</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="extra" style="clear: both;"></div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Gold Co.. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Good morning</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="Stylesheet" type="text/css" href="goodmorning.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1> Your website name </h1>
<ul id="mainmenu">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Guestbook</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="content">
<!-- CONTENT START -->
<h2>About the Template</h2>
<p>The header image is a drawing I made a long time ago for some other design,
but it was not used.
It's pretty simple-looking, and I believe it makes a great blog template.</p>
<p>It's tested in <a href="#">Mozilla Firefox 2.0</a>, <a href="#">Internet
Explorer 6 & 7</a>, <a href="#">Opera 9</a>, and <a href="#">Netscape 7.2</a>,
on resolution 800x600 and
1024x768, and works good in each of the mentioned. It is also validated <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>. </p>
<h2>Terms of Service</h2>
<p>This work is released under the <a
href="http://creativecommons.org/licenses/by-nc-nd/2.5/" title="Creative Commons
Attribution-NonCommercial-NoDerivs 2.5 License">Creative Commons Licence</a>.</p>
<ol>
<li>Leave the credit and link back to
http://inobscuro.com/http://inobscuro.com/</a> visible.</li>
<li>Do not redistribute.</li>
<li>Personal, non-profit use only.</li>
<li>Derivative work prohibited.</li>
</ol>
<h2>Instructions for Installation</h2>
<ul>
<li>Download the .ZIP file containing the entire template;</li>
<li>Unzip the file. Use software like WinRAR, WinZIP, StuffIt etc.
(If you have Windows XP then you don't need to download any additional
software);</li>
<li>Open the file <strong>index.html</strong> in your text editor (Notepad)
and edit the website title, content
and links in the navigation area. (Those areas are marked with comments.)
Save edited files under corresponding names (for example <i>about.html</i>,
<i>links.html</i>...);</li>
<li>Upload all the files and folders to your server.</li>
</ul>
<p> For detailed information on istalling this layout, please refer to my
tutorial Installing premade templates.</p>
<h3>Customization</h3>
<p>The layout is entirely formatted using <acronym title="Cascading Style
Sheets">CSS</acronym>,
so I strongly advise you not to change it, otherwise the layout might break.
Editing the content should be easy, just keep it within the areas marked with
comments.
To keep the template looking exactly as you see it, use tags and classes
provided in this example.</p>
<p>Normal text, <b>bold <b></b>, <i>italic <i></i>,<a
href="#abc">link <a></a></p>
<h2>level 2 heading <h2></h2>
<h3>level 3 heading <h3></h3>
<blockquote>
<p>To make text appear in this box, use the <code>blockquote</code> tag, or
add a class <code>"box"</code> to any element.</p>
</blockquote>
<p>To make a link in the main menu appear highlighted (like
<i>"Home"</i> shown here) add a class <code>"active"</code> to
the list item (<code>li</code> tag).</p>
<p>This is how the forms might look like:</p>
<form action="#" method="post">
<fieldset>
<label for="name">Name</label>
<input type="text" name="name" id="name" />
<label for="email">E-mail</label>
<input type="text" name="email" id="email" />
<label for="url">URL</label>
<input type="text" name="url" id="url" />
<label for="message">Comments</label>
<textarea name="message" id="message" rows="5" cols="50"></textarea>
<input type="submit" value="Send" class="button" />
</fieldset>
</form>
<p>Have fun and enjoy :)</p>
<!-- CONTENT END -->
</div>
<div id="column">
<!-- NAVIGATION START -->
<h3>About...</h3>
<p>You can write something here if you like. Or put a cam, or shoutbox. <a
href="#">A link</a>.</p>
<h3>Network</h3>
<ul class="menu">
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>
</ul>
<h3>Affiliates</h3>
<ul class="menu">
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
</ul>
<!-- NAVIGATION END -->
</div>
</div>
<div id="footer">
<p>
<!-- COPYRIGHT INOFRMATION -->
Copyright © 2006-2007 <a href="#">Your Name</a>
<!-- COPYRIGHT INOFRMATION END -->
</p>
<p class="credit"> Designed by: <a href="http://inobscuro.com/">In obscuro</a>
</p>
</div>
</body>
</html>
<!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>Grandenally</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Grandenally</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="wrapper">
<div id="col-one">
<div class="image"><img src="images/img03.jpg" alt="" width="180"
height="150" /></div>
<div class="container">
<div class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value=""
class="textfield" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value=""
class="textfield" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" class="button" />
<p class="tiny"><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div class="boxed">
<h2 class="title">Site Search</h2>
<div class="content">
<form id="form2" method="get" action="#">
<fieldset>
<legend>Search</legend>
<input id="inputtext3" type="text" name="inputtext3" value=""
class="textfield" />
<input id="inputsubmit2" type="submit" name="inputsubmit2"
value="Search" class="button" />
<p class="tiny"><a href="#">Advanced Search</a></p>
</fieldset>
</form>
</div>
</div>
<div class="boxed">
<h2 class="title">Newsletter</h2>
<div class="content">
<form id="form3" method="post" action="#">
<fieldset>
<legend>Subscribe</legend>
<label for="inputtext4">Email:</label>
<input id="inputtext4" type="text" name="inputtext4" value=""
class="textfield" />
<input id="inputsubmit3" type="submit" name="inputsubmit3"
value="Subscribe" class="button" />
</fieldset>
</form>
</div>
</div>
</div>
</div>
<div id="col-two">
<div class="image"><img src="images/img09.jpg" alt="" width="300"
height="150" /></div>
<div class="container">
<div class="boxed">
<h2 class="title">Welcome to Grandenally!</h2>
<div class="content">
<p><strong>Grandenally</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
</div>
</div>
<div class="boxed">
<h2 class="title">Examples of Common Tags</h2>
<div class="content">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum.
Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh.
Suspendisse dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list.
In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
</div>
<div id="col-three">
<div class="image"><img src="images/img06.jpg" alt="" width="180"
height="150" /></div>
<div class="container">
<div class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="extra" style="clear: both;"></div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Grandenally. All Rights Reserved.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a> | Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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-gb" lang="en-gb">
<head>
<title>Graphite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">@import url("c/gm11.css");</style>
<!--[if IE]><style type="text/css">p.note-general, p.note-warning { color: #666666;
}</style><![endif]-->
<!--[if IE 6]><style type="text/css">#footer { height: 1em; }</style><![endif]-->
<!--[if IE 5.5]><style type="text/css">pre { width: 453px; }</style><![endif]-->
</head>
<body id="gordonmac-com" class="homepage">
<div id="wrapper-a">
<div id="wrapper-b">
<div id="heading">
<h1><a href="#">Free CSS Templates</a></h1>
<h2><q>HTML templates and other silly things.</q></h2>
<p id="heading-intro">This is the site of <strong>Gordon Mackay</strong>, a
hobbyist web developer from Caithness in the <strong>Highlands of
Scotland</strong>.</p>
<p id="heading-skipnav"><a href="#content">Skip site navigation and move to
main content of page.</a></p>
<ul id="nav-a">
<li id="nav-a-about"><a href="#">Home</a></li>
<li id="nav-a-downloads"><a href="#">Downloads</a></li>
<li id="nav-a-tutorials"><a href="#">Tutorials</a></li>
<li id="nav-a-contact"><a href="#">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="content-a">
<div id="content-a-inner">
<h2 id="pageheader">Welcome</h2>
<p>We convince ourselves that life will be better after we get married,
have a baby, then another. Then we are frustrated that the kids aren't old enough
and we'll be more content when they are. After that we're frustrated that we have
teenagers to deal with. We will certainly be happy when they are out of that
stage.</p>
<p>We tell ourselves that <a href="#">our life will be complete</a> when
our spouse gets his or her act together, when we get a nicer car, are able to go on
a nice vacation, when we retire. The truth is, there's no better time to be happy
than right now. If not now, when? Your life will always be filled with
challenges.</p>
<h3>Content Notes</h3>
<p class="note-general">It's best to admit this to yourself and decide to
be happy anyway. One of my favorite quotes comes from Alfred D Souza.</p>
<p class="note-warning">It's best to admit this to yourself and decide to
be happy anyway. One of my favorite quotes comes from Alfred D Souza.</p>
<p>It's best to admit this to yourself and decide to be happy anyway. One
of my favorite quotes comes from Alfred D Souza.</p>
<h3>Code Sample (<abbr title="eXtensible HyperText Markup
Language">XHTML</abbr>/<abbr title="Cascading Style Sheet">CSS</abbr>)</h3>
<p>Type the following code then press <kbd>Ctrl+S</kbd> to save the
document.</p>
<pre class="html">
<span class="comment">/* Simple list styling */</span>
ul {
list-style-type: none;
margin: 0 0 .5em .5em;
}
ul li {
padding-left: 14px;
background: #FFF url(i/list-bullet.gif) no-repeat 0 2px;
margin: 0 0 .5em 0;
}
<span class="comment"><!-- Begin list --></span>
<ul>
<li>A list item</li>
<li>A list item</li>
<li>A list item</li>
<li>A list item</li>
</ul>
<span class="comment"><!-- End list --></span>
</pre>
<h3>Contact Form</h3>
<p>Use this form to contact me about whatever ye like.</p>
<form id="contactform" method="post" action="#">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><label for="contactform-name">Name:
<span>(required)</span></label>
<input type="text" name="contactform-name" id="contactform-
name" />
</td>
<td><label for="contactform-email">Email Address:
<span>(required)</span></label>
<input type="text" name="contactform-email" id="contactform-
email" />
</td>
</tr>
<tr>
<td colspan="2"><label for="contactform-subject">Subject:
<span>(required)</span></label>
<input type="text" name="contactform-subject" id="contactform-
subject" />
</td>
</tr>
<tr>
<td colspan="2"><label for="contactform-message">Message:
<span>(required)</span></label>
<textarea cols="50" rows="10" id="contactform-
message"></textarea>
<input type="image" alt="send message" class="imagesubmit"
src="i/GM11_form_submit.jpg" />
</td>
</tr>
</tbody>
</table>
</form>
<p>This perspective has helped me to see that there is no way to
happiness. Happiness is the way. So, treasure every moment that you have. And
treasure it more because you shared it with someone special, special enough to
spend your time… and remember that time waits for no one…</p>
<h4>Heading Level 4</h4>
<p>This perspective has helped me to see that there is no way to
happiness. Happiness is the way. So, treasure every moment that you have. And
treasure it more because you shared it with someone special, special enough to
spend your time… and remember that time waits for no one…</p>
</div>
</div>
<div id="content-b">
<div id="content-b-inner">
<div>
<h3 id="sidesnips">Heading Level 3</h3>
<p>So stop waiting until you finish school, until you go back to
school, until you lose ten pounds, until you gain ten pounds, until you have kids,
until your kids leave the house, until you start work, until you retire, until you
get married, until you get divorced, until Friday night, until Sunday morning,
until you get a new car or home, until your car or home is paid off, until spring,
until summer, until fall, until winter, until you are off welfare, until the first
or fifteenth, until your song comes on, until you've had a drink, until you've
sobered up, until you die, until you are born again to decide that there is no
better time than right now to be happy…</p>
<p>Happiness is a journey, not a destination.</p>
</div>
<div>
<h3 id="siteupdates">Heading Level 3</h3>
<p>So stop waiting until you finish school, until you go back to
school, until you lose ten pounds, until you gain ten pounds, until you have kids,
until your kids leave the house, until you start work, until you retire, until you
get married, until you get divorced, until Friday night, until Sunday morning,
until you get a new car or home, until your car or home is paid off, until spring,
until summer, until fall, until winter, until you are off welfare, until the first
or fifteenth, until your song comes on, until you've had a drink, until you've
sobered up, until you die, until you are born again to decide that there is no
better time than right now to be happy…</p>
<p>Happiness is a journey, not a destination.</p>
</div>
<div>
<h3 id="coolsites">Heading Level 3</h3>
<p>So stop waiting until you finish school, until you go back to
school, until you lose ten pounds, until you gain ten pounds, until you have kids,
until your kids leave the house, until you start work, until you retire, until you
get married, until you get divorced, until Friday night, until Sunday morning,
until you get a new car or home, until your car or home is paid off, until spring,
until summer, until fall, until winter, until you are off welfare, until the first
or fifteenth, until your song comes on, until you've had a drink, until you've
sobered up, until you die, until you are born again to decide that there is no
better time than right now to be happy…</p>
<p>Happiness is a journey, not a destination.</p>
</div>
</div>
</div>
<div id="content-c">
<div id="content-c-inner">
<ul id="nav-b">
<li id="totop"><a href="#">Top</a></li>
<li id="tonavigation"><a href="#">Navigation</a></li>
<li id="accessibility"><a href="#">Accessibility</a></li>
<li id="colophon"><a href="#">Colophon</a></li>
</ul>
</div>
</div>
<div id="footer">
<p id="copyright">© 2005 <a href="http://www.gordonmac.com/">Gordon
Mackay</a>. All rights reserved.</p>
<p>Text or images from this site cannot be used without the written
permission of the copyright owner.</p>
<p>Built with <a target="_blank"
href="http://validator.w3.org/check/referer">XHTML</a> and <a target="_blank"
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> that validates.</p>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>Grassy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div style="padding-top:35px;">
<h3><a href="#"><span class="title1">Ginger</span><span class="title2">Ninja!
</span></a></h3>
</div>
<div class="description">Web design & Development</div>
</div>
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Templates</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="sidebar">
<h2>Recent Entries</h2>
<ul>
<li><a href="#">New design</a></li>
<li><a href="#">New design</a></li>
<li><a href="#">New design</a></li>
<li><a href="#">New design</a></li>
</ul>
</div>
<div id="content">
<div class="entry">
<h1><a href="#">New design</a></h1>
<div class="meta"> Posted on 1st September 2006</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<div class="comments"> <a href="#">3 comments</a> · <a
href="#">Templates</a></div>
</div>
<div class="entry">
<h1><a href="#">New design</a></h1>
<div class="meta"> Posted on 1st September 2006</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<div class="comments"> <a href="#">3 comments</a> · <a
href="#">Templates</a></div>
</div>
</div>
<div id="footer">
<div id="footer-links"> <a href="#">Home</a> · <a href="#">Templates</a>
· <a href="#">Tutorials</a> · <a href="#">About</a> · <a
href="#">Contact</a></div>
© 2006 Your-Website.com | <a href="#">XHTML</a><br />
Design by <a href="http://www.ginger-ninja.net/">Ginger Ninja!</a></div>
</div>
</body>
</html>
<!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>Green&Red</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1 class="gray"><span class="green">Green</span> & <span
class="red">Red</span></h1>
<h2 class="gray">By Free CSS Templates</h2>
</div>
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">My Journal</a></li>
<li><a href="#" accesskey="3">My Pictures</a></li>
<li><a href="#" accesskey="4">My Favorites</a></li>
<li><a href="#" accesskey="5">Contact Me</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome To My Website</h2>
<p><img src="images/img4.jpg" alt="" width="105" height="95" class="image"
/></p>
<p><strong>Green & Red</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo to the left is from PDPhoto.org.
You're free to use this template for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus
mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec,
adipiscing at, elit. Maecenas sed sem sit amet.</p>
<h3>Lorem Ipsum Dolorem</h3>
<p>Sed tempus turpis vel quam molestie pulvinar. Suspendisse venenatis dolor
semper ipsum. Quisque tempus erat ac mi. Aliquam semper, est nec hendrerit
dignissim, ligula turpis sagittis purus, ut viverra velit eros at augue.
Pellentesque mi nisi, porta eget, pharetra ac, sollicitudin sit amet, nisi. In
sapien ligula lorem sollicitudin facilisis, sodales eget, tempus in, mauris. Cras
risus sem, adipiscing non, convallis ac, consectetuer eu, dolor. In quam lorem
ipsum dolor sit amet. Curabitur tempus aliquam nulla. Etiam eros.</p>
<ul class="list2c">
<li>Lorem ipsum dolor sit amet</li>
<li>Duis eget ipsum eget nisi semper</li>
<li>Duis blandit dignissim velit</li>
<li>Aenean sit amet massa et eros</li>
<li>Phasellus malesuada feugiat velit</li>
<li>Ut ut sem id ipsum pharetra porttitor</li>
<li>Aenean facilisis risus sit amet</li>
<li>Sed porta neque sed nulla</li>
<li>Nunc volutpat quam a ante</li>
<li>Aliquam dignissim dui quis arcu</li>
<li>Praesent vel velit eu ligula viverra</li>
<li>Cras ultricies metus eu elit</li>
</ul>
</div>
<div id="colTwo">
<h3>Veroeros Etiam</h3>
<ul class="list">
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Duis eget ipsum eget nisi semper</a></li>
<li><a href="#">Duis blandit dignissim velit</a></li>
<li><a href="#">Aenean sit amet massa et eros</a></li>
<li><a href="#">Phasellus malesuada feugiat velit</a></li>
<li><a href="#">Ut ut sem id ipsum pharetra porttitor</a></li>
<li><a href="#">Aenean facilisis risus sit amet purus</a></li>
<li><a href="#">Sed porta neque sed nulla</a></li>
<li><a href="#">Nunc volutpat quam a ante</a></li>
<li><a href="#">Aliquam dignissim dui quis arcu</a></li>
<li><a href="#">Praesent vel velit eu ligula viverra</a></li>
<li><a href="#">Cras ultricies metus eu elit</a></li>
<li><a href="#">In non augue eu enim lacinia tempus</a></li>
<li><a href="#">Donec blandit eros eleifend pede</a></li>
<li><a href="#">Integer sollicitudin nisi eget lorem</a></li>
<li><a href="#">Fusce quis sapien sed neque sodales</a></li>
<li><a href="#">Suspendisse condimentum fringilla</a></li>
<li><a href="#">Quisque id elit id odio venenatis</a></li>
<li><a href="#">Integer auctor facilisis mi</a></li>
<li><a href="#">Donec ultricies ultrices diam</a></li>
<li><a href="#">Praesent at urna et magna vehicula</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All Rights Reserved. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>GreenBusiness</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
<div id="content">
<div id="title">
<h1>Your <span class="green">Company</span></h1>
<span id="slogan">The Best Slogan here</span> </div>
<div id="menu">
<div class="submit">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>Affiliates</span></a></li>
<li><a href="#" class="selected"><span>About us</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</div>
<div id="subheader">
<div class="rside">
<div class="padding">
<div id="search">
<form action="#" method="get">
<p>
<input type="text" name="search" size="20" maxlength="250"
class="text" value="" />
<input type="submit" value="" class="btn1" />
</p>
</form>
</div>
</div>
</div>
<div class="lside">
<div class="padding"> <strong>Lorem ipsum</strong> dolor sit amet,
consectetuer adipiscing elit. Morbi elementum, ipsum nec auctor condimentum, magna
odio aliquet elit, non bibendum lorem ligula at nisi. <a href="#">Proin sapien</a>.
</div>
</div>
</div>
<div id="maincontent">
<div id="right_side">
<h3>Latest news</h3>
<div class="lcontent">
<p><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Quis nostrud <a href="#">exerci</a> tation ullamcorper suscipit. <br />
<a href="#">Read more...</a></p>
</div>
<h3>Latest Products</h3>
<div class="lcontent">
<p><img src="images/img2.gif" alt="" /> <strong>Lorem ipsum</strong> dolor
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad <a href="#">minim
veniam</a>. </p>
<p><img src="images/img2.gif" alt="" /> Quis nostrud exerci tation
<strong>ullamcorper suscipit</strong> lobortis nisl ut aliquip ex ea commodo
consequat. Dolor in hendrerit in <a href="#">vulputate</a> velit esse molestie
consequat.</p>
<p><img src="images/img2.gif" alt="" /> <strong>Lorem ipsum</strong> dolor
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad <a href="#">minim
veniam</a>. </p>
</div>
</div>
<div id="left_side">
<h2 class="underline">Abous us</h2>
<img src="images/img.jpg" alt="image" />
<p><strong>Lorem ipsum dolor</strong> sit amet, consectetuer adipiscing elit.
Morbi elementum, ipsum nec auctor condimentum, magna odio aliquet elit, non
bibendum lorem ligula at nisi. Proin sapien. In hac <a href="#">habitasse platea
dictumst</a>. Nunc non magna. Duis pharetra laoreet dolor. Mauris tristique
interdum turpis. Praesent sed pede. Aenean porttitor ultrices tortor. Aenean a
purus. Praesent eu sapien.</p>
<p>Nulla posuere, sapien sit amet euismod suscipit, magna diam sodales magna,
nec semper eros tortor et nulla. Nunc nec mauris. Aenean tincidunt. Nam sem. Etiam
quis justo. Donec pellentesque pellentesque tellus. <strong>Integer
bibendum</strong> massa sed diam. In in elit. Ut blandit arcu sed ligula. Aenean
interdum. Suspendisse adipiscing suscipit nisl. In non leo et justo posuere
placerat. In tincidunt cursus turpis. Maecenas suscipit tempor ante. Vestibulum
pretium aliquam metus.</p>
<blockquote>
<p class="mpnull">Sapien sit amet euismod suscipit, magna diam sodales
magna, nec semper eros tortor et nulla. Nunc nec mauris. Aenean tincidunt. Nam sem.
Etiam quis justo. Donec pellentesque pellentesque tellus. <strong>Integer
bibendum</strong> massa sed diam. In in elit.</p>
</blockquote>
<p>Nulla posuere, sapien sit amet euismod suscipit, magna diam sodales magna,
nec semper eros tortor et nulla. Nunc nec mauris. Aenean tincidunt. Nam sem. Etiam
quis justo. Donec pellentesque pellentesque tellus. <strong>Integer
bibendum</strong> massa sed diam. </p>
<div class="textbox">
<h2><a href="#">Register now!</a></h2>
<p>Nulla posuere, sapien sit amet euismod suscipit, magna diam sodales
magna, nec semper eros tortor et nulla. Nunc nec mauris.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi <a
href="#">elementum</a>, ipsum nec auctor condimentum, magna odio aliquet elit, non
bibendum lorem ligula at nisi. Proin sapien. In hac habitasse platea dictumst.</p>
</div>
<h2>Our Assets</h2>
<p>In hac habitasse platea dictumst. Nunc non magna. Duis pharetra laoreet
dolor. Mauris tristique interdum turpis. Praesent sed pede. Aenean porttitor
ultrices tortor. Aenean a purus. Praesent eu sapien.</p>
<p>In hac habitasse platea dictumst. Nunc non magna. Duis pharetra laoreet
dolor.</p>
<ul>
<li>In hac <strong>habitasse</strong> platea dictumst</li>
<li>Lorem ipsum dolor <a href="#">sit amet</a></li>
<li>habitasse platea dictumst</li>
<li>sapien sit amet euismod</li>
</ul>
</div>
</div>
<div id="footer">
<p class="right">Copyright © 2006 Your Company, Design: <a
href="http://www.free-css-templates.com" title="Designed by free-css-
templates.com">free-css-templates.com</a></p>
<p><a href="#">Home</a> · <a href="#">Contact</a> · <a
href="#">Accessibility</a> · <a href="#">Products</a> · <a
href="#">Disclaimer</a> · <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a><br />
</p>
</div>
</div>
</body>
</html>
<!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>
<title>GREEN COGS</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="nonFooter">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div id="menu">
<ul id="menu_list">
<li><a href="#">Home</a> |</li>
<li><a href="#">About</a> |</li>
<li><a href="#">Product</a> |</li>
<li><a href="#">Services</a> |</li>
<li><a href="#">Contact</a> |</li>
</ul>
</div>
<div id="content">
<div id="left_content">
<h3>Welcome to <span style="color:#E05222;">Green Cogs</span> Template</h3>
<blockquote>This page has been tested in Mozilla and IE7 and validates as
XHTML 1.0 Transitional using valid CSS. <br />
For more FREE templates visit my website.</blockquote>
</div>
<div id="right_content">
<h3>Heading</h3>
<p><strong>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Curabitur sed mi vitae est viverra aliquam.
Proin faucibus eleifend ligula. Vestibulum facilisis facilisis augue.</strong> </p>
</div>
<div id="main_content">
<h1>Sub Heading</h1>
<p><img class="img" src="images/img.jpg" alt="" />Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Curabitur sed mi vitae est viverra aliquam.
Proin faucibus eleifend ligula. Vestibulum facilisis facilisis augue. Nullam est
justo, ullamcorper eget, mattis a, pharetra id, urna. Sed condimentum eros
tristique nulla. Donec lacus. Vestibulum sed magna. </p>
<h1>Sub Heading</h1>
<p><img class="img2" src="images/img.jpg" alt="" />Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Curabitur sed mi vitae est viverra aliquam.
Proin faucibus eleifend ligula. Vestibulum facilisis facilisis augue. Nullam est
justo, ullamcorper eget, mattis a, pharetra id, urna. Sed condimentum eros
tristique nulla. Donec lacus. Vestibulum sed magna. Proin ultricies. Morbi
tristique rhoncus dolor. </p>
</div>
</div>
<div id="sidebar">
<h2>Links</h2>
<ul class="side">
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
<h2>News</h2>
<div class="scroll">
<h4>Sept 24th 2005</h4>
<p class="news">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Curabitur sed mi vitae est viverra aliquam. Proin faucibus eleifend ligula.
Vestibulum facilisis facilisis augue. Nullam est justo, ullamcorper eget, mattis a,
pharetra id, urna.</p>
<h4>Sept 13th 2005</h4>
<p class="news">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Curabitur sed mi vitae est viverra aliquam. Proin faucibus eleifend ligula.
Vestibulum facilisis facilisis augue. Nullam est justo, ullamcorper eget, mattis a,
pharetra id, urna.</p>
</div>
<h2>More Links</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas07</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="andreas07.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="fix.css" type="text/css" />
<![endif]-->
</head>
<body>
<div id="sidebar">
<h1>your website title</h1>
<h2>place for your slogan</h2>
<div id="menu"> <a href="#">Home</a> <a class="active" href="#">Current page</a>
<a href="#">Another</a> <a href="#">Example</a> <a href="#">Showcase</a> <a
href="#">Links</a> <a href="#">Contact</a> </div>
<h3>Version info:</h3>
<p>v1.1 (Nov 28, 2005)</p>
</div>
<div id="content">
<h1>andreas07</h1>
<h2>The Simple Solution</h2>
<h3>Andreas presents: 07!</h3>
<p>Hello and thank you for your interest in this template! Before you jump to any
conclusions about it, please me explain the idea behind it.</p>
<img src="img/example.jpg" width="512" height="160" alt="image example" />
<p>First of all, this design was made by request from a friend who holding
html/css classes for beginners. He asked me to create a design that was "so simple
that even [his] grandmother would be able to use it", that he could use as an
example in his classes. I couldn't resist a challenge like that!</p>
<a href="#"><img src="img/example-small.png" width="128" height="128" alt="image
link example" /></a>
<p>There were some specific requests for the design, to make sure that it would
work with the way my friend teaches. The content had to be separated from the
presentation, and every part of the design had to be made in way that would be easy
to understand - and learn from. No advanced tricks, and minimal use of IDs or
.classes in the stylesheet. A fixed position site menu and some neutral images was
also asked for.</p>
<h3>so, how did I do it?</h3>
<p>The easiest way to see my approach on the challenge is to view the code.
Download the template and play with it for a while, and you will hopefully see that
this every part of the template is created in an easy and effective way. For those
of you who want some more information, I will try to explain how this design was
built. Here are some short facts:</p>
<ul>
<li>The content is fully separated from the presentation. No inline styling has
been used.</li>
<li>Valid XHTML 1.1 and CSS2. Section 508 OK and AA-rated with the WCAG
1.0.</li>
<li>Number of .classes: 0. Number of #id's: 3 (#sidebar, #menu and
#content).</li>
<li>Number of styled tags: 10 (html, body, ul, li, a, img, h1, h2, h3 and
p).</li>
<li>Two small images (total size: 142 bytes) have been used to improve the
design, but the template works just as good without them.</li>
<li>Two content image examples (total size: 9.2 kb) have also been
included.</li>
<li>The sidebar has fixed positioning to keep it in place when the rest of page
scrolls.</li>
</ul>
<h3>and a few notes:</h3>
<p>The example images are all made by myself using one of my own photos, and you
have my full permission to use those images in any way you want to. However, I
recommend that you replace them with something of your own. The photo shows a
violet flower, by the way...</p>
<p>To make the fixed positioning of the sidebar work with Internet Explorer, a
conditional comment and an extra CSS file has been used. I would normally not do
that, but the fixed sidebar was requested and I don't know about any better way to
make it work without adding scripts (which is not an option). If you know any
better way, please let me know!</p>
<h3>open source web 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 to - and edit it in any way you want to. I
kindly ask that you leave the "Designed by Andreas Viklund" text in the footer,
because that would be a nice gesture to me - and I would appreciate it very much.
But there are no obligations so if you really want to remove it - just do it.</p>
<p>However, if you remove the credits and use this design for commercial
purposes, please consider making a symbolic donation through the PayPal link on my
website. And feel free to send me an e-mail with a link to the site where you have
used the design, it is both fun and inspiring to see how my work is used and what
changes have been made...</p>
<p><strong>Good luck with your new website!</strong></p>
<h3>site info</h3>
<p>© 2005-2006 Your Name. Design by <a
href="http://andreasviklund.com">Andreas Viklund</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
<head>
<title>Community</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="stylde.css" />
</head>
<body>
<div id="main">
<div id="left">
<div id="top">
<dl class="left">
<dt>latest news</dt>
<dd><a href="#">Update 5 - now having a board</a></dd>
<dd><a href="#">Update 4 - at least in color</a></dd>
<dd><a href="#">Update 3 - coming out of beta</a></dd>
</dl>
<dl class="right">
<dt>latest posts</dt>
<dd><a href="#">Topic 3 - what's OSWD?</a></dd>
<dd><a href="#">Topic 2 - what kind of music?</a></dd>
<dd><a href="#">Topic 1 - welcome to the board</a></dd>
</dl>
<div id="topbottom"> </div>
</div>
<div id="content">
<div id="headline">
<h1>your community › site one</h1>
</div>
<h2>Informations</h2>
<h3>about this design</h3>
<p>This design was produced in less than 5 hours on a rainy afternoon. Its
thought as a community layout but feel free to modify it for an other type of
website. You shouldn't have any problems with diffrent machines and browsers
because it's valid <a href="http://validator.w3.org/check?uri=referer">XHTML 1.0
transitional</a> and CSS 2. Verdana and Georgia are used as the main-fonttypes,
except them only Arial is used. The text is displayed in 12px, Verdana, left-
aligned and with an line-hieght of 20px (1,7em).</p>
<h3>the stylesheet</h3>
<p>The Cascading StyleSheet is structured in a special way. At the top you'll
find the definitions for all the main boxes which keep the layout in form. Under
that you can find the definition for dark-gray 'latest'-box. In all these
catergories the items again ordered alphabetically. The 3<sup>rd</sup> category is
for the elementsin the #content-container. At last there you can find the
definitions for the sidepanel.</p>
<h3>using it</h3>
<p>This template is published at OpenSourceWebDesigns, so you're allowed to
modify and use every part of this design.</p>
<h2>Lorem Ipsum</h2>
<h3>Part one</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<h3>Part two</h3>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
nulla facilisi.</p>
<h3>part three</h3>
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet
doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat.</p>
</div>
</div>
<div id="right">
<div style="background: url(images/topright.gif) no-repeat top right; height:
10px;"> </div>
<div id="inner">
<form action="#" method="post">
<label for="name">Name:</label>
<input type="text" size="10" name="name" id="name" />
<label for="pw">Password:</label>
<input type="password" size="10" name="pw" id="pw" />
<div style="text-align: right;"><a href="#">Register</a> |
<input type="submit" class="button" value="Go!" name="button" />
</div>
</form>
<br />
<br />
<h5>Site</h5>
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h5>Board</h5>
<ul class="nav">
<li><a href="#">Overview</a></li>
<li><a href="#">Search</a></li>
<li><a href="#">Staff</a></li>
<li><a href="#">Members</a></li>
<li><a href="#">latest posts</a></li>
</ul>
<h5>Partners</h5>
<p>here you can place buttons or something like that</p>
</div>
</div>
<br style="clear: both;" />
</div>
<div id="footer">copyleft 2005 by t-3k</div>
</body>
</html>
<!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>Green Feelin</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="default.css"/>
</head>
<body>
<div id="container">
<div id="nav"> <img src="images/about.gif" alt=""/> <a href="#">home</a> <img
src="images/products.gif" alt=""/> <a href="#">archive</a> <img
src="images/contact.gif" alt=""/> <a href="#">contact</a> <img
src="images/services.gif" alt=""/> <a href="#">services</a> <img
src="images/help.gif" alt=""/> <a href="#">whatever</a> </div>
<div id="banner">
<h1>Green Feeling.</h1>
<div id="topbar">
<h3>Categories</h3>
<ul>
<li><a href="#">Computers (145)</a></li>
<li><a href="#">Music (584)</a></li>
<li><a href="#">Entertainment (32)</a></li>
<li><a href="#">Life (152)</a></li>
<li><a href="#">View all categories</a></li>
</ul>
</div>
</div>
<div id="content">
<h1 class="headline"> Welcome to: <strong>green</strong> feeling. </h1>
<p> <img class="imageright" src="images/questionmark.jpg" width="100"
height="100" alt=""/> This design is the result of listening to Fat Jon and Nujabes
for 5 or so hours, then staring at my screen and typing away furiously making a new
design. <br />
<br />
Are there any errors?<br/>
<br/>
Hopefully not. :D </p>
<p> Donec ac risus vel nulla iaculis <a href="#">euismod.</a> Integer ac risus.
Pellentesque ut ante in risus suscipit scelerisque. Pellentesque risus. Vestibulum
congue. Cras faucibus aliquam dolor. Ut sollicitudin dui vel magna. In et neque
interdum eros ullamcorper tempor. Ut gravida odio ut leo. Sed iaculis ipsum
ultricies augue. Nulla sed tortor. Fusce a magna. Duis nonummy ligula at nisi.
Donec nisi ante, egestas in, dignissim sit amet, fermentum non, nisi. Vestibulum
lacinia. Etiam odio. </p>
<p>I've included sexy hover effects that confuse IE! :D</p>
<div class="meta"> posted in: <a href="#">computers</a> @ june 6th, 7pm. | <img
src="images/comment.gif" alt=""/> <a href="#">comments (5)</a> </div>
<h1 class="headline"> Fat <strong>Jon</strong> + Nujabes </h1>
<p> <img class="imageleft" src="images/questionmark.jpg" width="100"
height="100" alt=""/> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
pellentesque tincidunt mi. Suspendisse pellentesque libero ut ante. Curabitur sem
dolor, feugiat id, ullamcorper sit amet, fringilla et, sapien. Mauris sed leo.
Vivamus aliquam mi fermentum mi. Nulla id enim ac ante congue cursus. Aliquam
ullamcorper sapien in quam vehicula porttitor. Donec imperdiet tristique felis.
Donec quis ipsum. Sed sapien erat, euismod tincidunt, vulputate id, lobortis a,
est. Nunc sem quam, mattis ac, molestie vitae, aliquam id, purus. Nulla sed ligula.
</p>
<p> Donec ac risus vel nulla iaculis euismod. Integer ac risus. Pellentesque ut
ante in risus suscipit scelerisque. Pellentesque risus. Vestibulum congue. Cras
faucibus aliquam dolor. Ut sollicitudin dui vel magna. In et neque interdum eros
ullamcorper tempor. Ut gravida odio ut leo. Sed iaculis ipsum ultricies augue.
Nulla sed tortor. Fusce a magna. Duis nonummy ligula at nisi. Donec nisi ante,
egestas in, dignissim sit amet, fermentum non, nisi. Vestibulum lacinia. Etiam
odio. </p>
<h1 class="headline"> Blockquote.<strong>Test</strong> </h1>
<blockquote>
<p> Testing a blockquote. Isn't it pretty what you can do with CSS? Testing a
blockquote. Isn't it pretty what you can do with CSS? Testing a blockquote. Isn't
it pretty what you can do with CSS? Isn't it pretty what you can do with CSS? Isn't
it pretty what you can do with CSS? Isn't it pretty what you can do with CSS? Well,
maybe not the way I style it. <a href="#">Link test.</a> </p>
</blockquote>
<div class="meta"> posted in: <a href="#">computers</a> @ june 6th, 7pm. | <img
src="images/comment.gif" alt=""/> <a href="#">comments (5)</a> </div>
<h1 class="headline"> Just <strong>more</strong> filler <strong>text</strong>
</h1>
<p> Maximize your Smoky Mountains experience! Whether you are seeking a unique
rugged adventure, to expand your knowledge and skills, or simply a peaceful
encounter with nature at its finest, come discover the stunning world of the Great
Smoky Mountains National Park. </p>
<p> A Walk In The Woods is a full range guide service geared to making your
time in the Smokies as wonderful as possible. Emphasizing the teaching of natural
history, this is A Walk In The Woods' ninth year of offering spectacular trips into
the Smokies. </p>
<p> We are experts in the Great Smoky Mountains National Park, medicinal and
edible uses of wild plants and mushrooms, wild animals and their habits,
backpacking, primitive skills, survival, and human history of the area, including
the Native Americans and early settlers. </p>
<p> All of our services help make your trip to the Great Smoky Mountains
rewarding and fun. We offer a large selection of interpretive nature walks and
guided hikes, hiker shuttle service in and around the Great Smoky Mountains
National Park, Appalachian Trail support, trip planning, equipment rental, guided
backpacking trips, classes and seminars. Our goal is to make the Great Smoky
Mountains National Park come alive for you. </p>
<p> A Walk in the Woods has been building Smoky Mountain memories for our
clients since 1998, as a full-time guide service to the Great Smoky Mountains
National Park. </p>
<p>And a list:</p>
<ul>
<li>Bacon</li>
<li>Eggs</li>
<li>Milk</li>
<li>Chicken</li>
</ul>
<div class="meta"> posted in: <a href="#">computers</a> @ june 6th, 7pm. | <img
src="images/comment.gif" alt=""/> <a href="#">comments (5)</a> </div>
</div>
<div id="sidebar">
<h1 class="headline"><strong>Skip </strong>to:</h1>
<ul>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
<li><a href="#">Page 4</a></li>
<li><a href="#">Page 5</a></li>
<li><a href="#">Page 6</a></li>
<li><a href="#">Page 7</a></li>
<li><a href="#">Page 8</a></li>
<li><a href="#">Page 9</a></li>
</ul>
<h1 class="headline"><strong>Recent</strong> posts</h1>
<ul>
<li><a href="#">Insanity I tell you! Pure insani...</a></li>
<li><a href="#">Insight? What?</a></li>
<li><a href="#">100 shiny internets</a></li>
</ul>
<a href="#">Visit the full archives... ></a><br />
<h1 class="headline">Image <strong>#1</strong></h1>
<img src="images/no.jpg" alt="" class="sideimage"/>
<h1 class="headline">Image <strong>#2</strong></h1>
<img src="images/no.jpg" alt="" class="sideimage"/> </div>
</div>
<div id="footer">
<p>copyright (©) (you) | <a href="#">Valid (x)HTML 1.1</a> design: <a
href="http://www.oswd.org/designs/search/designer/id/6399/">buyable</a> (r.
maguire) of OSD/OSWD</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MyFirstCssTemplate</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div id="page-container">
<div id="top"> <a href="#">Forum</a> | <a href="#">Contact</a>
<div class="comment"> Search the Web:
<input type="text" name="search" class="search" />
<input type="submit" value="Search" class="submit" />
</div>
</div>
<div id="sidebar-a">
<div class="padding">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Parterns</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="hrgreen"></div>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida
enim ut risus. Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim.
Maecenas in lectus. Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce
malesuada enim vitae lacus euismod vulputate. Nullam rhoncus mauris ac metus. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus.
Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in
lectus. </p>
</div>
<div id="content">
<div class="padding">
<h2>Green Grass</h2>
<br />
<h4><a href="#">PROVIDING THE BEST CMS SOLUTONS</a></h4>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat.
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat...</p>
<p class="date"><img src="images/comment.gif" alt="" /> <a
href="#">Comments(2)</a> <img src="images/timeicon.gif" alt="" /> 21.02.</p>
<h4><a href="#">COMPILING STATISTICS</a></h4>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat.
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat...</p>
<p class="date"><img src="images/comment.gif" alt="" /> <a
href="#">Comments(8)</a> <img src="images/timeicon.gif" alt="" /> 13.46.</p>
</div>
</div>
<div id="prefooter"> <br />
<p><a href="#">Green Grass in your browser...</a></p>
<p><a href="#">My first CSS Template</a></p>
<p><a href="#">Try sNews 1.4!</a></p>
</div>
<div id="footer"> <a href="#">RSS Feed</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> <br />
Copyright © 2006 Green Grass - Design: <a href="http://www.free-css-
templates.com">David Herreman</a> </div>
</div>
</body>
</html>
<!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>Green People</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<div class="wrapper">
<!-- Start header -->
<div id="header">
<ul id="utility-links">
<li><a href="#">about</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">sitemap</a></li>
</ul>
</div>
<!-- End Header -->
<!-- Start Navigation -->
<div class="navbar">
<div id="nav-left">
<ul id="nav-links">
<li>
<h2><a href="#">Home</a></h2>
</li>
<li>
<h2><a href="#">Services</a></h2>
</li>
<li>
<h2><a href="#">Portfolio</a></h2>
</li>
<li>
<h2><a href="#">Our Team</a></h2>
</li>
<li>
<h2><a href="#">Location</a></h2>
</li>
</ul>
</div>
<div id="nav-right">
<form action="#" method="post">
<p>Search
<input name="search" id="search" />
</p>
</form>
</div>
</div>
<!-- End Navigation -->
<!-- Start Shadow -->
<div class="navbar"> <img src="images/top-diag-stripes.jpg" alt="" /> </div>
<!-- End Shadow -->
<div id="leftcolumn"> <img src="images/people-logo.jpg" alt="Logo and People
Artwork" width="321" height="306" /></div>
<div id="centercolumn"> <img src="images/yellow-bubble.jpg" alt="Speech Bubble
Area" width="249" /> </div>
<div id="rightcolumn">
<h1>Daily Links</h1>
<ul id="daily-links">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Wicked Fire</a></li>
<li><a href="#">Code Sucks</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">CSS Beauty</a></li>
</ul>
</div>
<div id="bottomcolumn"><a href="#"><img src="images/btn-more.gif" alt=""
width="40" height="15" /></a>
<!-- put more image here -->
</div>
<!-- Start Main Content Area -->
<div class="wrapper">
<div class="navbar"> <img src="images/mid-shadow.jpg" alt="" /> </div>
<div id="leftcontent">
<div class="text">
<h1>What We Do?</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa
qui officia deserunt mollit anim id est laborum </div>
<br />
<div class="text">
<h1>Why We Do It?</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa
qui officia deserunt mollit anim id est laborum </div>
<br />
<div class="text">
<h1>How We Do It?</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa
qui officia deserunt mollit anim id est laborum </p>
</div>
</div>
<div id="rightcontent">
<h1>In the News</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa
qui officia deserunt mollit anim id est laborum</p>
<p> </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse</p>
<br />
<p> <a href="http://jigsaw.w3.org/css-validator/"> <img
style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" /> </a> <a href="http://validator.w3.org/check?
uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" height="31" width="88" /> </a> </p>
</div>
</div>
<!-- End Main Content Area -->
<div id="footer">© Copyright with Company.com 2006</div>
</div>
</body>
</html>
<!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>Green World 2</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"></div>
<div id="content">
<div id="slogan">
<h1> </h1>
<h1><em>your slogan here</em></h1>
</div>
<div id="gris">
<ul id="latestwork">
<li><img src="http://www.openDesigns.org/Designs/thumbs/564.jpg" alt=""
/></li>
<li><img src="http://www.openDesigns.org/Designs/thumbs/620.jpg" alt=""
/></li>
<li><img src="http://www.openDesigns.org/Designs/thumbs/629.jpg" alt=""
/></li>
</ul>
</div>
<div id="right">
<h3><img src="feed-icon-10x10.png" alt="" width="10" height="10" /> News </h3>
<div id="lhover">
<ul>
<li><a href="#">Home<br />
<span>Date, Month, Year - x comments</span></a></li>
<li><a href="#">UL #2 <br />
<span>Date, Month, Year - x comments</span></a></li>
<li><a href="#">UL #3 <br />
<span>Date, Month, Year - x comments</span></a></li>
</ul>
</div>
</div>
<div id="ajaxcontentarea">
<h2>green world #2 : now with another colors. </h2>
<p><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur id est
tincidunt nisl pellentesque tincidunt. Donec in mauris. Mauris neque magna,
consectetuer id, malesuada vitae, tincidunt sit amet, mi. Aliquam lacinia.
<strong>Suspendisse potenti. </strong></p>
<p>Proin justo lorem, rutrum ac, facilisis in, malesuada sed, ligula. Mauris
lobortis lacus at nibh. Aenean vitae odio vel odio placerat hendrerit. Suspendisse
lacus lacus,<em> tempor id, </em>pharetra eget, ornare sit amet, pede. Sed
aliquet, justo ac elementum pretium, arcu leo placerat est, a luctus purus diam
eget arcu. </p>
<p>Nam augue diam, mollis a, scelerisque eget, aliquet condimentum,<strong>
pede.</strong> Vestibulum tristique lectus sed augue.</p>
</div>
<div id="footer">
<p>Copyright © 2006 YOUR SITE NAME.template by <a
href="http://dinamoo.com/">dinamoo</a></p>
<div id="validcorp"> <span class="xhtml"><a
href="http://validator.w3.org/check?uri=referer">xhtml</a> </span> <span
class="css"><a href="http://jigsaw.w3.org/css-validator/">css</a> </span> <span
class="rss"><a href="#">cc</a> </span> </div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Green80</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<link rel="stylesheet" type="text/css" href="style/colour.css" />
</head>
<body>
<div id="main">
<div id="links"> <a href="#">another link</a> | <a href="#">another link</a> | <a
href="#">another link</a> | <a href="#">another link</a> </div>
<div id="logo">
<h1>GREEN_80</h1>
<h2>A slogan can be placed here if you really want to?</h2>
</div>
<div id="menu">
<ul>
<li><a id="selected" href="index.html">home</a></li>
<li><a href="page1.html">layout 2</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
<div id="content">
<div id="column1">
<div class="sidebaritem">
<h1>latest news</h1>
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p><a href="#">read more ...</a></p>
<p></p>
<p></p>
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p><a href="#">read more ...</a></p>
</div>
<div class="sidebaritem">
<h1>additional links</h1>
<div class="sbilinks">
<ul>
<li><a href="#">open designs</a></li>
<li><a href="#">learn XHTML</a></li>
<li><a href="#">learn CSS</a></li>
<li><a href="#">get firefox</a></li>
</ul>
</div>
</div>
<div class="sidebaritem">
<h1>other information</h1>
<p> This space can be used for additional information such as a contact
phone number, address
or maybe even a graphic. </p>
</div>
</div>
<div id="column2">
<h1>introduction</h1>
<p> This standards compliant website template is a themed version of the
previously released 'tick_tock_light' design. It is released as an 'open source'
design (under the <a href="http://creativecommons.org/licenses/by/2.5">Creative
Commons Attribution 2.5 Licence</a>), which means that you are free to download and
use it for anything you want (including modifying and amending it). The logo image
is from a digital photograph taken by me, so there are no issues with copyright
there. All I ask is that you leave the 'design by dcarter' link in the footer of
the template, but other than that... </p>
<p> This template is written entirely in XHTML 1.1 and CSS, and can be
validated using the links in the footer. </p>
<p> You can view my other 'open source' template designs <a
href="#">here</a>. </p>
<h1>example elements</h1>
<p>Here are some example elements available with this template.</p>
<h2>Bold Text</h2>
<p><strong>this is an example of bold text</strong></p>
<h2>Italics</h2>
<p><i>this is an example of italic text</i></p>
<h2>Links</h2>
<p><a href="#">this is an example link</a></p>
<h2>Block Quotes</h2>
<blockquote>
<p> Some blockquote text. Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. </p>
</blockquote>
<h2>Unordered Lists</h2>
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>
<br />
<h2>Ordered Lists</h2>
<ol>
<li>list item 1</li>
<li>list item 2</li>
</ol>
<br />
<h2>Images</h2>
<p>images can be placed on the left, in the center or on the right.</p>
<span class="left"><img src="style/graphic.jpg" alt="" /></span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. </p>
<span class="center"><img src="style/graphic.jpg" alt="" /></span> <span
class="right"><img src="style/graphic.jpg" alt="" /></span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. </p>
</div>
</div>
<div id="footer"> copyright © 2006 your name | <a
href="#">email@emailaddress</a> | <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> | <a href="http://www.dcarter.co.uk">design by
dcarter</a> </div>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom:
1.0em;"> Design provided by Free Web Templates - your source for <a href="#">free
website templates</a> </div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Free CSS Templates - Free Template Greenery</title>
<meta name="description" content="Free CSS Templates features free templates from
website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates,
Templates, Free Templates, CSS" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen,
print" />
</head>
<body>
<div id="header">
<div id="menu">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#" style="width: 8.7em;">Support</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#" style="width: 7em;">Contact</a></li>
</ul>
<div id="title">
<h1>Greenery</h1>
</div>
</div>
</div>
<div id="content">
<div id="text">
<h1><span>Greenish Template</span></h1>
<p> This template is tableless <acronym title="eXtensible Hypertext Markup
Language">XHTML</acronym>/<acronym title="Cascading Style Sheet">CSS</acronym> that
validates as 1.1 strict. It uses relative widths so that it handles browser font
<acronym title="CTRL + Mousewheel">+/-</acronym> without any troubles. The
vertical plant image is easy to switch for one of your own, as is the accent
colour. To change the green header, you'll need to update these two images: </p>
<ul>
<li><b>bg_header.jpg</b>: the top, tiling, header-background.</li>
<li><b>menu_tab.gif</b>: the menu tab that comes up onmouseover.</li>
</ul>
<h1><span>Features</span></h1>
<p> Included in the template are styles for a right side <a
href="menu.html">news & submenu section</a> or a comments section (shown in
this version). The code is <acronym title="coded as the markup was Designed to be
used">semantically</acronym> written so it's clean and easy to modify. The CSS is
coded so that elements derive their style from their context, rather than classes.
This adds to the readability of the source. </p>
<p> The plant photo was taken by icefront and has no usage restrictions. The
repeating pattern is from squidfingers and is also free use, but I'm sure both of
them would appreciate a link back. The rest was created by me and is open source.
If you use any of it, I'd appreciate credit, but it isn't required. </p>
<h1><span>Winter Blues</span></h1>
<p> This template was started on the day it began snowing....it's going to be a
long 6 months before I see this colour again. If you do end up finding a use for
the template, send me a message. It's always interesting to see my templates in
action. </p>
</div>
<div id="image"><img src="images/plants.jpg" alt="plants"/></div>
<div id="sideBar">
<h1><span>Comments</span></h1>
<div id="comments">
<p> This would be some comment text. Thrilling. <span class="author"><a
href="#">Pat</a>, Nov 23rd</span> </p>
<img src="images/comment_bg.gif" alt="comment bottom"/>
<p> Goodness, more comment text? That's crazy talk... <span
class="author"><a href="#">snop</a>, Nov 24th</span> </p>
<img src="images/comment_bg.gif" alt="comment bottom"/>
<p> Comments are hawt, but if you wanted a submenu, you could <a
href="menu.html">look here</a>. <span class="author"><a href="#">Bort</a>, Nov
29th</span> </p>
<img src="images/comment_bg.gif" alt="comment bottom"/> </div>
<h1><span>Your Turn</span></h1>
<p>
<input type="text" value="Name"/>
<input type="text" value="URL"/>
<textarea rows="5" cols="">Comment</textarea>
<input type="submit" value="Submit" class="button" />
</p>
</div>
<div id="footer"> <a href="http://fullahead.org" class="fullAhead"></a>
<p>Valid <a href="http://validator.w3.org/check?uri=referer" title="validate
XHTML">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator">CSS</a></p>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js"
type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-24";
urchinTracker();
</script>
</body>
</html>
<!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" >
<head>
<title>*GREEN PIECE*</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="topimg">
<h1>Your Comapany Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
<div style="clear:both;"></div>
<div id="sidebar">
<h2>Menu 1</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic </a> </li>
</ul>
</div>
<h2>Menu 2</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
<h2>Menu 3</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
</div>
<div id="content">
<h1>Welcome to <span style="color:#9C386A;">Greenpiece</span> Template</h1>
<blockquote>
<p>All images were created by me so feel free to use them if you wish. The
page has been tested in Mozilla and IE7. The page validates as Valid XHTML 1.0
Strict using valid CSS. The side menu is from <a
href="http://css.maxdesign.com.au/listamatic/" title="CSS menus">Listamatic</a>.
<br />
For more FREE templates visit <a href="http://www.mitchinson.net" title="my
website">my website</a>.</p>
</blockquote>
<h1>Article One</h1>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Curabitur mi. Sed interdum. Nam facilisis dui a nisi.
Phasellus euismod augue quis erat. Nunc libero libero, lobortis ut, placerat vel,
dapibus eu, nisl. Fusce a nisi sed urna aliquet molestie. Aenean pretium, orci
vitae lobortis rutrum, magna arcu pulvinar elit, id suscipit nunc tellus in felis.
Nam facilisis dui a nisi. Phasellus euismod augue quis erat.</p>
<p class="post align-right"> <a href="#" class="readmore">Read more</a> <a
href="#" class="comments">Comments (3)</a> <span class="date">March 28, 2007</span>
</p>
<h1>Article Two</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. Nam facilisis dui a nisi. Phasellus euismod augue
quis erat. </p>
<div style="float: right; width: 120px; height: 5em; margin: 20px 10px 10px
10px; font-family: Georgia, arial, helvetica; font-size: 16px; line-height: 1.5em;
color: #336633;"> <span style="color:#333;"><img src="img/quote.gif"
alt="quote"/>.... this is a </span><span style="color:#336633;">magazine style
</span><span style="color: #999;">pullquote .... <img src="img/unquote.gif"
alt="unquote"/></span> </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. Nam facilisis dui a nisi. Phasellus euismod augue
quis erat. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. </p>
<p class="post align-right"> <a href="#" class="readmore">Read more</a> <a
href="#" class="comments">Comments (3)</a> <span class="date">March 28, 2007</span>
</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a></div>
</div>
</body>
</html>
<!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" >
<head>
<title>*GREEN PIECE*</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="topimg">
<h1>Your Comapany Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
<div style="clear:both;"></div>
<div id="sidebar">
<h2>Menu 1</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic </a> </li>
</ul>
</div>
<h2>Menu 2</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
<h2>Menu 3</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
</div>
<div id="content">
<h1>Welcome to <span style="color:#9C386A;">Greenpiece</span> Template</h1>
<blockquote>
<p>All images were created by me so feel free to use them if you wish. The
page has been tested in Mozilla and IE7. The page validates as Valid XHTML 1.0
Strict using valid CSS. The side menu is from <a
href="http://css.maxdesign.com.au/listamatic/" title="CSS menus">Listamatic</a>.
<br />
For more FREE templates visit <a href="http://www.mitchinson.net" title="my
website">my website</a>.</p>
</blockquote>
<h1>Article One</h1>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Curabitur mi. Sed interdum. Nam facilisis dui a nisi.
Phasellus euismod augue quis erat. Nunc libero libero, lobortis ut, placerat vel,
dapibus eu, nisl. Fusce a nisi sed urna aliquet molestie. Aenean pretium, orci
vitae lobortis rutrum, magna arcu pulvinar elit, id suscipit nunc tellus in felis.
Nam facilisis dui a nisi. Phasellus euismod augue quis erat.</p>
<p class="post align-right"> <a href="#" class="readmore">Read more</a> <a
href="#" class="comments">Comments (3)</a> <span class="date">March 28, 2007</span>
</p>
<h1>Article Two</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. Nam facilisis dui a nisi. Phasellus euismod augue
quis erat. </p>
<div style="float: right; width: 120px; height: 5em; margin: 20px 10px 10px
10px; font-family: Georgia, arial, helvetica; font-size: 16px; line-height: 1.5em;
color: #336633;"> <span style="color:#333;"><img src="img/quote.gif"
alt="quote"/>.... this is a </span><span style="color:#336633;">magazine style
</span><span style="color: #999;">pullquote .... <img src="img/unquote.gif"
alt="unquote"/></span> </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. Nam facilisis dui a nisi. Phasellus euismod augue
quis erat. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. </p>
<p class="post align-right"> <a href="#" class="readmore">Read more</a> <a
href="#" class="comments">Comments (3)</a> <span class="date">March 28, 2007</span>
</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a></div>
</div>
</body>
</html>
<!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>GreenWay</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div class="content">
<div id="top">
<div id="icons"> <a href="#"><img src="images/home.gif" alt="Home" /></a> <a
href="#"><img src="images/contact.gif" alt="Contact" /></a> <a href="#"><img
src="images/sitemap.gif" alt="Sitemap" /></a> </div>
<h1>GreenWay</h1>
<h2>Your Best Slogan here</h2>
</div>
<div id="menu">
<ul>
<li><a class="current" href="#">HOME</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">AFFILIATES</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">ABOUTS US</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
<div id="main">
<div id="right_side">
<div class="pad"> <img src="images/pic.jpg" alt="" />
<h3>Categories</h3>
<ul>
<li><a href="#">Templates (15)</a></li>
<li><a href="#">Internet (10)</a></li>
<li><a href="#">Tutorials (23)</a></li>
<li><a href="#">Photoshop (11)</a></li>
<li><a href="#">sNews (16)</a></li>
<li><a href="#">Personal (5)</a></li>
</ul>
<h3>Directory</h3>
<p>Links4se.com is a seo-friendly and human-edited general directory.
Featured links need to be paid only $4.95 for unlimited time and regular links only
$1.95!</p>
<h3>Creative News</h3>
<p><a href="#">Creative News</a> is a place for web developers searching
for fresh news on web development with one goal - to put their creativity into
action.</p>
<h3>Css Heaven</h3>
<p><a href="#">CSS Heaven</a> has one objective to provide you with a
central resource to view a wide range of eye catching and innovative web design
plus inspire you to create new and exciting web designs. </p>
</div>
</div>
<div id="left_side">
<div class="intro">
<div class="pad">sNews is a completly free PHP and MySQL driven content
management system for managing web content. Consisting of only one file, sNews is
extremely lightweight, easy to install, and easy to use via a simple web interface.
<br />
<a href="#">Download</a> | <a href="#">Read more...</a>
</div>
</div>
<div class="mpart">
<h3>Get. Watch. Do What You Want</h3>
<h2>Download this Design for Free!</h2>
<p> Phasellus quis est eget metus blandit lacinia. Quisque molestie, diam a
dignissim mattis, lectus felis placerat lectus, eget sollicitudin neque nunc
eleifend metus. <a href="#">Curabitur ullamcorper</a> sem ac pede gravida sagittis.
Sed et felis. Vestibulum placerat, ipsum nec congue auctor, ante massa placerat
felis, sit amet <strong>consectetuer</strong> elit arcu vitae metus. In commodo,
risus sed tristique luctus, ipsum diam dapibus eros, et vehicula dui augue tempus
quam. In laoreet. Suspendisse et pede volutpat lacus interdum consequat. Cras dui.
Quisque ac turpis nec ligula rutrum pulvinar. Quisque lectus ligula, vehicula nec,
fringilla eu, dignissim ut, nisl. Vestibulum non turpis. Maecenas urna. </p>
<blockquote>
<p>Sed et felis. Vestibulum placerat, ipsum nec congue auctor, ante massa
placerat felis, sit amet consectetuer elit arcu vitae metus. </p>
</blockquote>
<div class="date"><a href="#">Comments (5)</a> . 05 Jan 2007 . 10:37</div>
<h3>It's all Inside</h3>
<h2>Expect Great Things</h2>
<div class="rs"> <strong>List example</strong>:
<ul>
<li>list line 1</li>
<li>list line 2
<ul>
<li>sublist line a</li>
<li>sublist line b</li>
</ul>
</li>
</ul>
</div>
<p> Sed odio tortor, rhoncus ac, auctor a, volutpat sed, diam. Quisque
imperdiet. Maecenas quis nisl. Fusce sed nibh eget odio faucibus lobortis. Fusce
sagittis est sed elit. Sed venenatis elit ut urna. Etiam varius imperdiet leo.
Integer rhoncus venenatis arcu. Donec sollicitudin lectus. Cras ac est. Fusce odio.
Donec posuere fermentum dolor. Sed a lacus tristique tellus ultrices mattis. Sed
adipiscing urna a orci. Maecenas pharetra volutpat sem. </p>
<p> Vestibulum placerat, ipsum nec congue auctor, ante massa placerat
felis, sit amet consectetuer elit arcu vitae metus. In commodo, risus sed tristique
luctus, ipsum diam dapibus eros, et vehicula dui augue tempus quam. In laoreet.
</p>
<div class="date"><a href="#">Comments (11)</a> . 07 Jan 2007 . 02:56</div>
</div>
<div class="greybox"> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec,
ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius
a, semper congue, euismod non, mi. Duis semper. </div>
</div>
</div>
<div id="footer">
<div class="right">© Copyright 2006, Your Website - Design: <a
href="http://www.free-css-templates.com">Free Css Templates</a><br />
<a href="#">Home</a> - <a href="http://validator.w3.org/check?uri=referer"
title="Validate">XHTML</a> - <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="Validate">CSS</a> </div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas08</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="andreas08.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="container" >
<div id="header">
<h1>andreas08: ignore the trends</h1>
<h2>space reserved for your website slogan!</h2>
</div>
<div id="navigation">
<ul>
<li class="selected"><a href="#">Home</a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
<li><a href="#">Fourth</a></li>
<li><a href="#">Fifth</a></li>
<li><a href="#">And the last one</a></li>
</ul>
</div>
<div id="content">
<h2>Welcome To Andreas08!</h2>
<p>I get a lot of requests about new open source templates, and this one was
created as a response to one of those requests. This template is based on the
design of my own website, with only small changes (hopefully improvements!) from my
own design. Among the changes, it is worth to note that this template does not use
any images - and browser-based font resizing is fully supported. Other than that,
there are no special features or extras, only valid and well-structured XHTML 1.1
and CSS2 code.</p>
<p>Current template version: 1.0 (November 28, 2005).</p>
<div class="splitcontentleft">
<h2>Included Style Examples:</h2>
<div class="box">
<h3>Sub-header example</h3>
<p>This is regular text, which is aligned to the left by default. You can
easily change the alignment using the classes .textcenter and .textright on each
paragraph.</p>
<p><span class="important">This is an important note!</span><br />
<a href="#">This is a link.</a><br />
<strong>This is strong text.</strong><br />
<span class="small">This is small text.</span></p>
<ul>
<li>Unordered list option 1</li>
<li>Unordered list option 2</li>
</ul>
<ol>
<li>Ordered list option 1</li>
<li>Ordered list option 2</li>
</ol>
<dl>
<dt>Definition list dt</dt>
<dd>Definition list dd</dd>
</dl>
</div>
</div>
<div class="splitcontentright">
<h2>About The Designer</h2>
<p>My name is Andreas Viklund, and I am a 25-years old professional designer
living in Jokkmokk, northern Sweden. If you are interested in more advanced
templates or custom design services, don't hesitate to contact me for more
information!</p>
<h2>Open Source Template</h2>
<p>This is an open source template, which means that you are free to use it
in any way you want to without any obligations. If you decide to use this template,
I kindly ask you to leave the "Design by Andreas Viklund" link in the footer. I am
also interested in seeing how my templates are used, so feel free to send me an e-
mail with a link to your page. If you want more templates to choose from, check out
the sites in the "Favorite links" menu to the right!</p>
<p><strong>Good luck with your new design!</strong></p>
</div>
</div>
<div id="subcontent">
<div class="small box"><strong>Note: </strong>This is a box. It can be used for
special messages both in the sidebar and the content section. You could use it for
special notes and announcements, but also as a frame for photos. This space can be
used for a short website presentation!</div>
<h2>Nested Menu</h2>
<ul class="menublock">
<li><a href="#">Menu option 1</a></li>
<li><a href="#">Menu option 2</a>
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
</ul>
</li>
<li><a href="#">Menu option 3</a></li>
<li><a href="#">Menu option 4</a></li>
</ul>
<h2>Favorite Links</h2>
<ul class="menublock">
<li><a href="#">Website Templates</a></li>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">sNews CMS</a></li>
<li><a href="#">OSWD.org</a></li>
</ul>
<div id="searchbar">
<h2>Search This Site</h2>
<form action="#" method="get">
<fieldset>
<input value="demo only" name="s" id="s" alt="not functional, demo only" />
<input type="submit" value="Go!" id="searchbutton" name="searchbutton" />
</fieldset>
</form>
</div>
</div>
<div id="footer">
<p>© 2005-2006 <a href="#">Your Name</a> | Design by <a
href="http://andreasviklund.com">Andreas Viklund</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Grey Blog Free Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div class="toph"></div>
<div class="right">
<div class="title">GREY BLOG</div>
<div class="nav">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">AFFILIATES</a></li>
<li><a href="#">SUPPORT</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
<h2>Top Articles:</h2>
<ul>
<li><a href="#">NoHeader Template</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">dolor sit amet consectet</a></li>
</ul>
<hr />
<h2>Links</h2>
<ul>
<li><a href="#">Solucija.com</a></li>
<li><a href="#">Free css templates</a></li>
</ul>
<h2>Search</h2>
<form action="#">
<input type="text" value="" class="text" />
<input type="submit" value="Go" class="searchbutton" />
</form>
<br />
<br />
<hr />
<div class="footer_text"> © Copyright Grey Blog<br />
Design: <a href="http://www.free-css-templates.com/" title="Free CSS
Templates">David Herreman</a><br />
<a href="rss/">RSS Feed</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> | <a href="#">Login</a> </div>
</div>
<div class="center">
<h2><a href="#">Try sNews 1.4!</a></h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod ante
non diam. Sed eleifend odio sed quam. Sed vulputate, <a href="#">turpis at
tincidunt</a> porttitor, est elit consequat metus, non dignissim augue mauris quis
arcu. Phasellus faucibus blandit eros. Curabitur porttitor ante non est. Maecenas
dolor. Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra
malesuada, sem velit laoreet sem, vitae iaculis diam neque consequat est.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Pellentesque tincidunt eros non quam. Mauris a magna sit amet
libero accumsan auctor. Aenean nec urna non dui lobortis viverra...
<p class="date">Posted by Avenir <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(2)</a> <img src="images/timeicon.gif" alt="" /> 21.02.</p>
<br />
<h2><a href="#">Heading Item</a></h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod ante
non diam. Sed eleifend odio sed quam. Sed vulputate, <a href="#">turpis at
tincidunt</a> porttitor, est elit consequat metus, non dignissim augue mauris quis
arcu. Phasellus faucibus blandit eros. Curabitur porttitor ante non est. Maecenas
dolor. Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra
malesuada, sem velit laoreet sem, vitae iaculis diam neque consequat est.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Pellentesque tincidunt eros non quam. Mauris a magna sit amet
libero accumsan auctor. Aenean nec urna non dui lobortis viverra...Maecenas dolor.
Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra malesuada, sem
velit laoreet sem, vitae iaculis diam neque consequat est. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Pellentesque tincidunt eros non quam. Mauris a magna sit amet libero accumsan
auctor. Aenean nec urna non dui lobortis viverra...
<p class="date">Posted by James <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(7)</a> <img src="images/timeicon.gif" alt="" /> 18.01.</p>
<br />
<div class="boxad"> Your Ads here...sNews is a completly free PHP and MySQL
driven tool for publishing and maintaining news articles on a website. Integrating
sNews into your existing design is simple, but you could also use sNews on it's
own, as a simple Content Management System. Consisting of only one file, sNews is
extremely lightweight, very easy to install, and easy to use via a simple web
interface. </div>
</div>
<div class="footer"></div>
</div>
</body>
</html>
<!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>GreyWorld</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div class="content">
<div id="top">
<div id="part1">
<div id="search"> </div>
<h1><a href="#">Grey World Design</a></h1>
<h2>The Best Slogan here - H2</h2>
</div>
<div id="topmenu">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">AFFILIATES</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">ABOUTS US</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
<div id="breadcrumbs"></div>
<div id="main">
<div id="left">
<h2>Download this template for free!</h2>
<p> <img src="images/img_sample.jpg" alt="img" /> <span
class="capital">P</span>hasellus quis est eget metus blandit lacinia. Quisque
molestie, diam a dignissim mattis, lectus felis placerat lectus, eget sollicitudin
neque nunc eleifend metus. <a href="#">Curabitur ullamcorper</a> sem ac pede
gravida sagittis. Sed et felis. Vestibulum placerat, ipsum nec congue auctor, ante
massa placerat felis, sit amet <strong>consectetuer</strong> elit arcu vitae metus.
In commodo, risus sed tristique luctus, ipsum diam dapibus eros, et vehicula dui
augue tempus quam. In laoreet. Suspendisse et pede volutpat lacus interdum
consequat. Cras dui. Quisque ac turpis nec ligula rutrum pulvinar. Quisque lectus
ligula, vehicula nec, fringilla eu, dignissim ut, nisl. Vestibulum non turpis.
Maecenas urna. </p>
<div class="citation">
<p>Sed et felis. Vestibulum placerat, ipsum nec congue auctor, ante massa
placerat felis, sit amet consectetuer elit arcu vitae metus. </p>
</div>
<div class="date"><a href="#">Comments (5)</a> . 05 Jan 2007 . 10:37</div>
<h2>Lorem Ipsum</h2>
<div class="torightc "> <strong>List example</strong>:
<ul>
<li>list line 1</li>
<li>list line 2
<ul>
<li>sublist line a</li>
<li>sublist line b</li>
</ul>
</li>
</ul>
</div>
<p> <span class="capital">S</span>ed odio tortor, rhoncus ac, auctor a,
volutpat sed, diam. Quisque imperdiet. Maecenas quis nisl. Fusce sed nibh eget odio
faucibus lobortis. Fusce sagittis est sed elit. Sed venenatis elit ut urna. Etiam
varius imperdiet leo. Integer rhoncus venenatis arcu. Donec sollicitudin lectus.
Cras ac est. Fusce odio. Donec posuere fermentum dolor. Sed a lacus tristique
tellus ultrices mattis. Sed adipiscing urna a orci. Maecenas pharetra volutpat sem.
</p>
<div class="date"><a href="#">Comments (11)</a> . 07 Jan 2007 . 02:56</div>
</div>
<div id="right">
<div class="box">
<h2>Categories:</h2>
<ul>
<li><a href="#">Templates (15)</a></li>
<li><a href="#">Internet (10)</a></li>
<li><a href="#">Tutorials (23)</a></li>
<li><a href="#">Photoshop (11)</a></li>
<li><a href="#">sNews (16)</a></li>
<li><a href="#">Personal (5)</a></li>
</ul>
</div>
<div class="box">
<h2>New Articles:</h2>
<ul>
<li><a href="#">I would like to send big...</a></li>
<li><a href="#">This simple tutorial will...</a></li>
<li><a href="#">To make this nice fade ...</a></li>
<li><a href="#">If you want to advertise...</a></li>
<li><a href="#">This has to be one of the...</a></li>
<li><a href="#">This day I would like to...</a></li>
</ul>
</div>
<div class="box">
<h2>Sponsored Links</h2>
<ul>
<li><a href="#">Links4se.com</a></li>
</ul>
</div>
<div class="extra">
<h3>Lightweight!</h3>
<p>sNews is extremely lightweight, easy to install, and easy to use via a
simple web interface. </p>
</div>
</div>
</div>
<div id="footer">
<div class="right">© Copyright 2006, Your Website - <a href="#">Home</a>
<br />
Design: <a href="http://www.free-css-templates.com">David Herreman</a></div>
<br />
<a href="http://validator.w3.org/check?uri=referer" title="Validate">XHTML</a>
- <a href="http://jigsaw.w3.org/css-validator/check/referer"
title="Validate">CSS</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: GreyScale Business
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>GreyScale Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="head">
<h1><a href="index.html">GreyScale Business</a></h1>
<p>Free Website Template</p>
<div id="topnav">
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">Contact Us</a></li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="submit" name="go" id="go" value="GO" />
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
</fieldset>
</form>
</div>
</div>
</div>
<div class="wrapper">
<div id="intro">
<ul>
<li><a href="#"><img src="images/demo/130x330.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/130x330.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/130x330.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/130x330.gif" alt="" /></a></li>
<li class="featured">
<h2>Latest Featured Information</h2>
<p class="imgholder"><img src="images/demo/280x70.gif" alt="" /></p>
<p>This is a free website template from <a href="http://www.os-
templates.com/">OS Templates</a> and is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p class="readmore"><a href="#">Continue Reading This Article
»</a></p>
</li>
</ul>
</div>
</div>
<div class="wrapper">
<!-- Content Box -->
<div class="homecontent">
<h2>Adipisciniapellentum Consequam</h2>
<ul>
<li>
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li>
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="last">
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
</ul>
<div class="clear"></div>
<ul>
<li>
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li>
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="last">
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
</ul>
<div class="clear"></div>
</div>
<!-- / Content Box -->
</div>
<div class="wrapper col2">
<div id="projects">
<h2>Our Latest Projects</h2>
<ul>
<li><a href="#"><img src="images/demo/290x290.gif" alt="" /><strong>Read More
About This Project »</strong></a></li>
<li><a href="#"><img src="images/demo/290x290.gif" alt="" /><strong>Read More
About This Project »</strong></a></li>
<li class="last"><a href="#"><img src="images/demo/290x290.gif" alt=""
/><strong>Read More About This Project »</strong></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="wrapper col1">
<div id="footer">
<div id="contactform">
<h2>Why Not Contact Us Today !</h2>
<form action="#" method="post">
<fieldset>
<legend>Contact Form</legend>
<label for="fullname">Name:
<input id="fullname" name="fullname" type="text" value="" />
</label>
<label for="emailaddress" class="margin">Email:
<input id="emailaddress" name="emailaddress" type="text" value="" />
</label>
<label for="phone">Telephone:
<input id="phone" name="phone" type="text" value="" />
</label>
<label for="subject" class="margin">Subject:
<input id="subject" name="subject" type="text" value="" />
</label>
<label for="message">Message:<br />
<textarea id="message" name="message" cols="40" rows="4"></textarea>
</label>
<p>
<input id="submitform" name="submitform" type="submit"
value="Submit" />
<input id="resetform" name="resetform" type="reset" value="Reset" />
</p>
</fieldset>
</form>
</div>
<!-- End Contact Form -->
<div id="compdetails">
<div id="officialdetails">
<h2>Company Information !</h2>
<ul>
<li>Company Name Ltd</li>
<li>Registered in England & Wales</li>
<li>Company No. xxxxxxx</li>
<li class="last">VAT No. xxxxxxxxx</li>
</ul>
<h2>Stay in The Know !</h2>
<p><a href="#">Get Our E-Newsletter</a> | <a href="#">Grab The RSS
Feed</a></p>
</div>
<div id="contactdetails">
<h2>Our Contact Details !</h2>
<ul>
<li>Company Name</li>
<li>Street Name & Number</li>
<li>Town</li>
<li>Postcode/Zip</li>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li>Fax: xxxxx xxxxxxxxxx</li>
<li>Email: [email protected]</li>
<li class="last">LinkedIn: <a href="#">Company Profile</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- End Company Details -->
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html><!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>
<title>Groovy Blue</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="navigation">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<h1><a href="#">Website Title</a></h1>
</div>
<div id="content">
<p>GROOVY BLUE was designed by Donny Burnside of Ginger-Ninja.net and is
released under the <a href="http://creativecommons.org/licenses/by-
nc/2.5/">Creative Commons 2.5 license</a>. If you use the design all I ask is that
you keep the credit link in the footer. Also, it would be nice if you email me at
inbox[at]ginger-ninja.net to let me know how you're using the design. Editable
Fireworks .PNG files are included for every image. Enjoy.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div id="footer"><br />
© 2006 Your-Website.com | <a href="#">XHTML</a> | Design by <a
href="http://www.ginger-ninja.net/">Ginger Ninja!</a> </div>
</div>
</body>
</html>
<!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>Grotesque Art</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Grotesque Art</h1>
</div>
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Webshop</a></li>
<li><a href="#">Classic art</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
<div id="subheader"></div>
<div id="right">
<div class="rightboxes">
<div id="menu">
<ul id="nolistbullet">
<li><a href="#1" title="Contact">More links</a></li>
<li><a href="#2" title="About">About</a></li>
<li><a href="#3" title="Services">Services</a></li>
<li><a href="#4" title="Portfolio">Portfolio</a></li>
</ul>
</div>
</div>
<div class="rightboxes">
<h4>Contact us</h4>
<form id="form1" method="post" class="contact_us" action="#">
<p>
<label>Name
<input type="text" class="fields_contact_us" name="textfield" />
</label>
<label>E-mail
<input type="text" class="fields_contact_us" name="textfield1" />
</label>
<label> Your question:
<textarea name="textarea" cols="" rows=""></textarea>
</label>
<label>
<input type="submit" class="submit_button_contact" name="Submit1"
value="Submit" />
</label>
</p>
</form>
</div>
<div class="rightboxes">
<h4>Another h4 heading</h4>
<p> <img src="images/demo_image.jpg" alt="Demo image" width="84" height="93"
class="floatleft" />Quisque nisl elit, pretium ut, feugiat a, dapibus dignissim,
sapien. Aenean cursus molestie leo. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Cras mollis, enim in scelerisque accumsan, diam massa consequat
nibh, ut interdum augue ipsum vel ipsum. Quisque eu ligula. Integer justo. Aliquam
erat volutpat. Aliquam eget orci eget lectus malesuada porta. Pellentesque a
metus. In dapibus mollis nisl. Morbi vitae turpis in est commodo hendrerit.
Phasellus id dolor. Maecenas bibendum nisl at felis. Donec eleifend aliquet leo.
Aliquam tincidunt varius massa. Vivamus vel ante vel dui sollicitudin faucibus.
</p>
</div>
</div>
<div id="content">
<h2>About this template <span class="pubdate">01.23.2007</span></h2>
<p><img src="images/demo_image.jpg" alt="Demo image" width="84" height="93"
class="floatleft" />This template is tested in the latest versions of IE, FF and
Opera. I kindly ask you to not remove the footer link if you have the free version
of this template.</p>
<p> ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas lacus odio,
ullamcorper sed, eleifend at, venenatis id, lacus. Nullam iaculis metus vitae sem
sodales nonummy. Cras risus lorem, accumsan eu, condimentum a, imperdiet a, nisi.
Nam lorem. Pellentesque justo ligula, tincidunt sed, volutpat vel, consectetuer
quis, erat. Integer commodo lectus sed nisi. Sed interdum quam ut nisl. Maecenas
dignissim velit nec metus. Duis ipsum nibh, pharetra ut, viverra a,Lorem ips </p>
<div id="important_box">
<h3><img src="images/exclamation_mark.gif" alt="Important!" width="30"
height="22" />Important info </h3>
<p class="pressingress">Quisque nisl elit, pretium ut, feugiat a, dapibus
dignissim, sapien. Aenean cursus molestie leo. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Cras mollis, enim in scelerisque accumsan, diam
massa consequat nibh, ut interdum augue ipsum vel ipsum. Quisque eu ligula.
Integer justo. Aliquam erat volutpat.</p>
<img src="images/article_bullet.png" alt="Pressemelding" width="12"
height="12" /> <a href="#">Download document</a> </div>
<h2>Another heading</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec id ipsum.
Quisque a neque. Morbi eleifend, sem eget nonummy facilisis, lectus tellus
consectetuer lectus, ac facilisis nisi ante eget mi. Mauris pede mi, ultricies et,
condimentum a, interdum id, risus. Nullam tincidunt nisl et metus. Vestibulum
dignissim justo sagittis libero. Nam aliquet mattis pede. Vivamus arcu. Nulla urna.
Mauris justo est, luctus a, aliquam lobortis, dignissim a, mi. Duis id nisl vitae
purus blandit molestie. Aenean aliquet pellentesque elit. Nam lacinia, dolor sed
tristique ornare, erat sapien convallis massa, vitae interdum nunc mi ut mi. Ut
nibh. Mauris nonummy. In posuere. Integer iaculis facilisis nulla. Donec interdum
erat non neque.</p>
<h2>The third heading</h2>
<p> Quisque nisl elit, pretium ut, feugiat a, dapibus dignissim, sapien.
Aenean cursus molestie leo. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Cras mollis, enim in scelerisque accumsan, diam massa consequat nibh, ut
interdum augue ipsum vel ipsum. Quisque eu ligula. Integer justo. Aliquam erat
volutpat. Aliquam eget orci eget lectus malesuada porta. Pellentesque a metus. In
dapibus mollis nisl. Morbi vitae turpis in est commodo hendrerit. Phasellus id
dolor. Maecenas bibendum nisl at felis. Donec eleifend aliquet leo. Aliquam
tincidunt varius massa. Vivamus vel ante vel dui sollicitudin faucibus. </p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas. In hac habitasse platea dictumst. Phasellus magna. Etiam
suscipit odio eu nisi. In hac habitasse platea dictumst. Aliquam ac ipsum ut metus
fermentum molestie. Fusce id arcu. Vivamus sem. Suspendisse ut nibh eu sem gravida
volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Nulla lorem risus, scelerisque quis, adipiscing at, pharetra ut,
mi. Fusce quis turpis non velit vehicula bibendum. Fusce purus lorem, nonummy
nec, vestibulum a, mattis sit amet, nulla. Ut vitae massa. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. </p>
<p>Quisque nec neque. Duis facilisis. Aliquam et felis. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse leo
pede, gravida vel, gravida vel, ornare id, lectus. Nam lorem eros, ultrices eget,
luctus sed, viverra eget, odio. Cras eu mauris. Vivamus facilisis ante at est.
Suspendisse magna. Aenean eu sapien eget est faucibus commodo. Sed vulputate
condimentum lacus. Aliquam nunc nisi, condimentum sed, sodales scelerisque,
molestie faucibus, nibh. </p>
</div>
<div id="footer">
<p>Created by Dieter Schneider 2007 | <a
href="http://www.csstemplateheaven.com">CssTemplateHeaven</a></p>
</div>
</div>
</body>
</html>
<!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>Gumamela</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="content">
<div id="colOne">
<div id="header">
<h1><a href="#">Gumamela</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div class="post">
<h2 class="title">Welcome to Gumamela!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Gumamela</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An unordered list:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
</ul>
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Sed eu diam. Vivamus nonummy elit et odio. Fusce risus quam,
scelerisque sed, pharetra ut, pharetra id, ante. Etiam posuere, elit a blandit
varius, velit sem tincidunt elit, et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie. Duis
vel orci. Nam consequat. Morbi nec lacus. Fusce egestas sagittis enim.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="colTwo">
<ul>
<li id="menu">
<h2>Pages</h2>
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Search</h2>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Gumamela. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Gunmetal</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="sidebar">
<h1><a href="#">Gunmetal</a></h1>
<p> A simple, fluid, light on dark template by Six Shooter Media. </p>
<ol id="nav">
<li><a href="#"><b>»</b>Home</a></li>
<li><a href="#"><b>»</b>About</a></li>
<li><a href="#"><b>»</b>Contact</a></li>
<li><a href="#"><b>»</b>Example Link</a></li>
<li><a href="#"><b>»</b>Example Link 2</a></li>
<li><a href="#"><b>»</b>Example Link 3</a></li>
</ol>
</div>
<div id="content">
<h2 class="first"><a href="#" id="intro">Introduction</a></h2>
<p class="postdata"> Posted on 01.01.05 by <a href="#">Author</a> || <a
href="#">21 Comments</a> </p>
<p> Hello and welcome to my latest Open Source template:
<strong>Gunmetal</strong>. This template is something a little new for me in terms
of template design, two key visual elements of this design are something I
(amazingly) have yet to incorporate into one of my free templates. Those two
elements are a Fluid Width and a Light on Dark colour scheme. Fluid Width? Yeah,
this simply means that the content of the web page expands and contracts in
accordance to the size of the browser window. Light on Dark? Yessir. All of my
templates so far have been based on a light background with dark text, Gunmetal
obviously, is the other way around! </p>
<p> The main aims of this template are to produce (as usual with my templates)
something that looks as aesthetically appealing as possible whilst using as few
images as I can, and also to create a page that is a pleasure to read in terms of
typography. </p>
<h2><a href="#" id="author">About the Author</a></h2>
<p class="postdata"> Posted on 01.01.05 by <a href="#">Author</a> || <a
href="#">21 Comments</a> </p>
<p> Hi! My names Jay and I'm a 20 year old web designer from England. My main
projects are conducted through my website Six Shooter Media, but I (obviously) also
enjoy creating Open Source web templates for general use! </p>
<p> Another site of mine that you might find interesting if you're setting up a
site with a free tmeplate like this is Buy a Button. There, for a great price you
can purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<h2>Some Examples</h2>
<p class="postdata"> Posted on 01.01.05 by <a href="#">Author</a> || <a
href="#">21 Comments</a> </p>
<p> OK, here I'll just put some example html elements that you will most probably
be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf hdsbf
jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd sb
</p>
</blockquote>
<h3>List Example</h3>
<ul>
<li>Here</li>
<li>Is our friend</li>
<li>The list!</li>
</ul>
<h2><a href="#contact" id="contact">Contact</a></h2>
<p class="postdata"> Posted on 01.01.05 by <a href="#">Author</a> || <a
href="#">21 Comments</a> </p>
<p> If you decide to use this template please drop me a line to let me know!
Don't hesitiate to get in touch if your interested in a custom template or just in
any of my services in general. I look forward to hearing from you! </p>
</div>
<div id="footer"> Template design by <a href="http://www.sixshootermedia.com">Six
Shooter Media</a>.<br />
© All your copyright information here. </div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Hair Salon</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<h1><span class="hone"><em>S</em>tyle</span> <span class="htwo">HAIR SALON</span>
<span class="hthree">CREATE YOUR STYLE WITH US</span></h1>
<div id="head-1"></div>
<div id="head-2"></div>
<div id="nav">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT SALON</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">OUR MASTERS</a></li>
<li class="last"><a href="#">CONTACT US</a></li>
</ul>
</div>
<div id="body-left">
<h2><em>G</em>allery</h2>
<div id="gallery">
<div class="gal" id="gzero"><a href="#"><img src="images/pic_1.jpg"
width="221" height="163" alt="Pic 1" /></a></div>
<div class="gal" id="gone"><a href="#"><img src="images/pic_2.jpg" width="57"
height="41" alt="Pic 2" /></a></div>
<div class="gal" id="gtwo"><a href="#"><img src="images/pic_3.jpg" width="57"
height="41" alt="Pic 3" /></a></div>
<div class="gal" id="gthree"><a href="#"><img src="images/pic_4.jpg"
width="57" height="41" alt="Pic 4" /></a></div>
<div class="clear"></div>
</div>
</div>
<div id="body-right">
<h2><em>W</em>elcome</h2>
<p>Don't forget to check <a href="#">free website templates</a> every day,
because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look like.</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.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>If you're having problems editing the template please don't hesitate to ask
for help on <a href="#">the forum</a>.</p>
</div>
<div class="clear spacer"></div>
<div id="footer"> © 2007 Hair salon | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Halo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div id="logo"></div>
<div id="topright">
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Games</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Catalog</a></li>
</ul>
<div style="clear:both"></div>
</div>
<div id="contenttr">
<div id="screenshots"> <img src="images/ss-1.jpg" alt="ScreenShot"
class="ss1" /> <img src="images/ss-2.jpg" alt="ScreenShot" class="ss2" /> <img
src="images/ss-3.jpg" alt="ScreenShot" class="ss3" /> <img src="images/ss-4.jpg"
alt="ScreenShot" class="ss4" /></div>
<div class="heading">Welcome to Halo Games</div>
<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>
<div id="dealleft"> <img src="images/ad-special-price.jpg" alt="Special
Price" /></div>
<div id="dealright">
<div class="heading">Features</div>
<p><b>Feature 1:</b> If you're looking for beautiful and professionally
made templates you can find them at Template Beauty.com.</p>
<p><b>Feature 2:</b> To find great hosting providers visit Web Hosting
Zoom.</p>
</div>
</div>
</div>
</div>
<div id="bottom">
<div id="csoon">
<div class="heading2">Coming Soon</div>
<p><img src="images/ss-5.jpg" alt="ScreenShot" /></p>
<p>This is a demo text. It will be replaced by the original.</p>
</div>
<div id="videobox"> <img src="images/ss-6.jpg" alt="ScreenShot"
class="video" /> <img src="images/ss-7.jpg" alt="ScreenShot" class="video" /> <img
src="images/ss-8.jpg" alt="ScreenShot" class="video" /> <img src="images/ss-9.jpg"
alt="ScreenShot" class="video" /> <img src="images/ss-10.jpg" alt="ScreenShot"
class="video" />
<ul>
<li><a href="#">Play</a></li>
<li><a href="#">Play</a></li>
<li><a href="#">Play</a></li>
<li><a href="#">Play</a></li>
<li><a href="#">Play</a></li>
</ul>
<p class="play"><a href="#"><< Previous</a> | <a href="#">Next
>></a></p>
</div>
<div id="player"> <img src="images/circle-topl.jpg" alt="Stop"
class="player1" /> <img src="images/circle-topr.jpg" alt="Play" class="player1" />
<img src="images/circle-bottoml.jpg" alt="Pause" class="player1" /> <img
src="images/circle-bottomr.jpg" alt="F.Forward" class="player1" /></div>
<div id="footer">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Games</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Catalog</a></li>
</ul>
<br />
<br />
<p class="calign">© Copyright Information goes here. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</div>
</div>
</body>
</html>
<!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>Happy Blog</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="sadrzaj">
<div id="lijeva_kolona">
<div id="title">
<p>Happy Blog</p>
</div>
<p>One big happy family</p>
<a href="#">Home</a> <a href="#">Blog archives</a> <a href="#">Gallery</a> <a
href="#">About me</a> <a href="#">Links</a>
<div class="picture"> <a href="#"><img src="images/pic.gif" alt="pic" /></a>
</div>
<div class="picture"> <a href="#"><img src="images/pic.gif" alt="pic" /></a>
</div>
</div>
<div id="desna_kolona">
<div class="desni_clanak">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
</div>
<div class="informacije">
<p>Important links:</p>
<p> <a href="#">My OSWD showcase</a><br />
<a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0 Strict!
</a><br />
<a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a><br
/>
</p>
<p>Design: Luka Cvrk, <a href="http://www.solucija.com">Solucija.com</a> </p>
</div>
</div>
<div id="srednja_kolona">
<div class="srednji_clanak">
<div class="clanak">
<h3>One happy blog!</h3>
<p>This is a happy and stylish blog template. If you like this template,
you are free to do anything you want with it, use it on a commercial site if you
want. I apologize for the non-english variables I used, but they are all easy to
rename. This template can be used with sNews, a template independent completly free
news publishing script that now supports user comments, search engine and other
great features.</p>
<div class="read_more">
<p><a href="#">Read more</a>> Posted on: August 24th, 2005</p>
</div>
</div>
</div>
<div class="srednji_clanak">
<div class="clanak">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Duis
autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
nulla facilisi. </p>
<div class="read_more">
<p><a href="#">Read more</a>> Posted on: August 24th, 2005</p>
</div>
</div>
</div>
<div class="srednji_clanak">
<div class="clanak">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
<div class="read_more">
<p><a href="#">Read more</a>> Posted on: December 22nd, 2004</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas09</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="andreas09.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<div id="sitename">
<h1>andreas09 / have a bubble-gum</h1>
<h2>An Open Source Web Design Template</h2>
</div>
<div id="mainmenu">
<ul>
<li><a class="current" href="#">Home</a></li>
<li><a href="green.html">Green</a></li>
<li><a href="orange.html">Orange</a></li>
<li><a href="purple.html">Purple</a></li>
<li><a href="red.html">Red</a></li>
<li><a href="black.html">Black</a></li>
</ul>
</div>
<div id="wrap">
<div id="leftside">
<h1>Included layouts</h1>
<p> <a class="nav active" href="#">3 columns</a><span class="hide"> | </span>
<a class="nav" href="2col.html">2 columns</a><span class="hide"> | </span> <a
class="nav" href="no-img.html">No images</a><span class="hide"> | </span> <a
class="nav" href="#">Example menu</a><span class="hide"> | </span> <a class="nav
sub" href="#">Sub-page 1</a><span class="hide"> | </span> <a class="nav sub"
href="#">Active sub-page</a><span class="hide"> | </span> <a class="nav sub"
href="#">Sub-page 2</a> </p>
<h1>Included colors</h1>
<img src="img/colors.jpg" height="104" width="125" class="thumbnail"
alt="Included colors" /> </div>
<div id="rightside">
<h1>Search</h1>
<p class="searchform">
<input type="text" alt="Search" class="searchbox" />
<input type="submit" value="Go!" class="searchbutton" />
</p>
<h1>Latest news</h1>
<p><strong>Dec 11: </strong> andreas09 is built with valid XHTML 1.1 and
CSS2. It is simple and easy to work with, and it comes in several different
flavors. This is version 1.0 (Dec 11th 2005).</p>
<p><strong>Dec 10: </strong> Place for news or important messages, maybe?</p>
<h1>Links:</h1>
<ul class="linklist">
<li><a href="#">Website Templates</a></li>
<li><a href="#">OpenWebDesign.org</a></li>
<li><a href="#">OSWD.org</a></li>
</ul>
</div>
<div id="content">
<h1>Just like a bowl of candy...</h1>
<img src="img/thumb1.jpg" height="130" width="130" alt="Thumbnail example" />
<p class="intro">Blue is one of the most common main colors in webdesign. It
is so common that it is considered very non-trendy today. But it is still a soft
and nice color that does no harm - and also my favorite color. So andreas09, which
is the last design in the andreasXX series in a while, is aqua blue by default. But
there is a twist:</p>
<p>If you don't like the blue colors you can easily change to another color
using any of the attached alternative background image pairs: green, orange,
purple, red or black! The alternative images are located in a separate folder, and
changing color is done by replacing the bodybg.jpg and menuhover.jpg colors in the
"img" folder with any pair of images from the "alt-img" folder. Pick a color, move
the files and make sure that they have the same filename as the original files -
and you're done! As a little bonus, I have also included an alternative layout with
2 columns.</p>
<h2>Open source design</h2>
<p>This template is released as an open source web design template, which
means that you are free to use it in any way you may want to without any
limitations or obligations. However, I kindly ask you to leave the small credit
link in the footer (the line that says "Design by Andreas Viklund"). If you remove
that line and then use the template for commercial purposes, please consider making
a symbolic donation through my website to support my work!</p>
<p>If you want more templates to choose from, I have more Website Templates
on my website. You can also find my templates (and thousands of free templates by
other designers) on <a href="#">OpenWebDesign.org</a> and <a
href="#">OSWD.org</a>.</p>
<h2>And finally, some tech details</h2>
<p>Like my other templates, the code is 100% valid XHTML 1.1 and CSS2. The
template is compliant with Section 508 and the WCAG double-A rating. Don't settle
for less!</p>
</div>
<div class="clearingdiv"> </div>
</div>
</div>
<div id="footer">© 2005 Your Name | Design by <a
href="http://andreasviklund.com">Andreas Viklund</a></div>
</body>
</html>
<!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-AU">
<head>
<title>Happy Easter</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js"></script>
</head>
<body>
<div class="wrapper">
<div class="header">
<h1>Happy Easter</h1>
<div class="slogan">The Reason<br/>
For The Season</div>
</div>
<div class="clear"></div>
<div class="left">
<div class="entry">
<h2>Romans 6:8-11</h2>
<p>Now if we be dead with Christ, we believe that we shall also live with
him:</p>
<p>Knowing that Christ being raised from the dead <a href="#">dieth no
more</a>; death hath no more dominion over him.</p>
<p>For in that he died, he died unto sin once: but in that he liveth, he
liveth unto God.</p>
<p>Likewise reckon ye also yourselves to be dead indeed unto sin, but <a
href="#">alive unto God</a> through Jesus Christ our Lord.</p>
</div>
<div class="entry">
<h2>Christ the Lord Is Risen Today</h2>
<p>Christ the Lord is risen today, Alleluia! Earth and heaven in chorus say,
Alleluia! Raise your joys and triumphs high, Alleluia! Sing, ye heavens, and earth
reply, Alleluia!</p>
<p> <a href="#">Love's redeeming work is done</a>, Alleluia! Fought the
fight, the battle won, Alleluia! Death in vain forbids him rise, Alleluia! Christ
has opened paradise, Alleluia! </p>
<p>Lives again our glorious King, Alleluia! Where, O death, is now thy sting?
Alleluia! Once he died our <a href="#">souls to save</a>, Alleluia! Where's thy
victory, boasting grave? Alleluia! </p>
<p><span class="small">by:Charles Wesley</span></p>
</div>
<div class="entry">
<h2>Matthew 28:1-10</h2>
<p>In the end of the sabbath, as it began to dawn toward the first day of the
week, came Mary Magdalene and the other Mary to see the sepulchre.</p>
<p>And, behold, there was a great earthquake: for the angel of the Lord
descended from heaven, and came and rolled back the stone from the door, and sat
upon it.</p>
<p>His countenance was like lightning, and his raiment white as snow:</p>
<p>And for fear of him the keepers did shake, and became as dead men.</p>
<p>And the angel answered and said unto the women, Fear not ye: for I know
that ye seek Jesus, which was crucified.</p>
<p>He is not here: for he is risen, as he said. Come, see the place where the
Lord lay.</p>
<p>And go quickly, and tell his disciples that he is risen from the dead;
and, behold, he goeth before you into Galilee; there shall ye see him: lo, I have
told you.</p>
<p>And they departed quickly from the sepulchre with fear and great joy; and
did run to bring his disciples word.</p>
<p>And as they went to tell his disciples, behold, Jesus met them, saying,
All hail. And they came and held him by the feet, and worshipped him.</p>
<p>Then said Jesus unto them, Be not afraid: go tell my brethren that they go
into Galilee, and there shall they see me.</p>
<p>[ <a href="#">READ MORE</a>]</p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="right">
<div class="links"> <a id="active" href="#">Home</a> <a href="#">The Reason</a>
<a href="#">Graystatic</a> <a href="#">PW2</a> <a href="#">ABC's</a> </div>
</div>
<div class="footer">
<p>designed by <a href="http://graystatic.net">graystatic</a> | © 2007 </p>
</div>
</body>
</html>
<!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>Hardware Store</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<!-- Start of Page Header -->
<div id="page_header">
<div id="page_heading">
<h1><span>Hardware Store</span></h1>
<h2><span>Your punchline here</span></h2>
</div>
<div id="page_headerlinks">
<ul>
<li><a href="#">Account Wish</a></li>
<li><a href="#">List Order</a></li>
<li><a href="#">Status</a></li>
<li class="last"><a href="#">Shopping Cart</a></li>
</ul>
</div>
<div id="page_headersearch">
<h3>Search:</h3>
<form action="#">
<div>
<input type="text" />
<input type="image" src="images/button_go.gif" class="button" />
<div class="clearthis"> </div>
</div>
</form>
</div>
<div class="clearthis"> </div>
</div>
<!-- End of Page Header -->
<!-- Start of Page Menu -->
<div id="page_menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">OurStore</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Promotion</a></li>
<li class="last"><a href="#">Contact</a></li>
</ul>
</div>
<!-- End of Page Menu -->
<!-- Start of Left Sidebar -->
<div id="left_sidebar">
<!-- Start of Newsletter Signup Form -->
<div id="newsletter">
<h2>Newsletter Signup!</h2>
<form action="#">
<div>
<input type="text" />
<input type="image" src="images/button_ok.gif" class="button" />
<div class="clearthis"> </div>
</div>
</form>
<div id="link_cancel"> <a href="#">Cancel Subscription</a> </div>
</div>
<!-- End of Newsletter Signup Form -->
<!-- Start of Categories Box -->
<div id="categories">
<div id="categories_header">
<h2>Categories</h2>
</div>
<ul>
<li><a href="#">Cables</a></li>
<li><a href="#">Cameras</a></li>
<li><a href="#">Input Devices</a></li>
<li><a href="#">Memory</a></li>
<li><a href="#">Printers</a></li>
<li><a href="#">Scanners</a></li>
<li><a href="#">Server Accessories</a></li>
<li><a href="#">Speakers & Audio</a></li>
<li class="last"><a href="#">Wireless</a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Categories Box -->
<!-- Start of Special Offer Box -->
<div id="specialoffer">
<div id="specialoffer_text">
<h2><span>Get Special Offer <strong>Up to 25% off</strong></span></h2>
</div>
<div id="specialoffer_link"> <a href="#">...Go</a> </div>
<div class="clearthis"> </div>
</div>
<!-- End of Special Offer Box -->
</div>
<!-- End of Left Sidebar -->
<!-- Start of Main Content Area -->
<div id="main_content">
<!-- Start of New Item Description -->
<div id="new_item">
<div id="new_item_header">
<h1>Flat Monitor</h1>
<h2>Model 123-E7</h2>
</div>
<div id="new_item_image"> <img src="images/item_new.gif" width="242"
height="180" alt="New Item Name" /> </div>
<div id="new_item_text">
<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>
</div>
<div id="new_item_link"> <a href="#">.....Read More</a> </div>
<div class="clearthis"> </div>
</div>
<!-- End of New Item Description -->
<div class="h_divider"> </div>
<!-- Start of Sub Item Descriptions -->
<div class="sub_items">
<!-- Start Left Sub Item -->
<div class="sub_left">
<div class="sub_items_header">
<h1>Laser Printer</h1>
<h2>Model 34-07-L</h2>
</div>
<div class="sub_items_image"> <img src="images/item_printer.gif"
width="167" height="164" alt="Sub Item Name" /> </div>
<div class="sub_items_text">
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p> <strong> Super performance <br />
3 year warranty <br />
1 year free servicing </strong> </p>
</div>
<div class="sub_items_cartinfo">
<div class="price">
<h2>$45.99</h2>
</div>
<div class="addtocart"> <a href="#"><span>Add to Cart</span></a> </div>
<div class="clearthis"> </div>
</div>
<div class="clearthis"> </div>
</div>
<!-- End of Left Sub Item -->
<!-- Start Right Sub Item -->
<div class="sub_right">
<div class="sub_items_header">
<h1>Scanner</h1>
<h2>Model 66-0l-X</h2>
</div>
<div class="sub_items_image"> <img src="images/item_scanner.gif"
width="175" height="170" alt="Sub Item Name" /> </div>
<div class="sub_items_text">
<p>To find great hosting providers visit Web Hosting Zoom</p>
<p> <strong> Super performance <br />
3 year warranty <br />
1 year free servicing </strong> </p>
</div>
<div class="sub_items_cartinfo">
<div class="price">
<h2>$45.99</h2>
</div>
<div class="addtocart"> <a href="#"><span>Add to Cart</span></a> </div>
<div class="clearthis"> </div>
</div>
<div class="clearthis"> </div>
</div>
<!-- End of Right Sub Item -->
<div class="clearthis"> </div>
</div>
<!-- End of Sub Item Descriptions -->
<div class="h_divider"> </div>
</div>
<!-- End of Main Content Area -->
<div class="clearthis"> </div>
<!-- Start of Page Footer -->
<div id="page_footer">
<div id="product_brands">
<ul>
<li class="zalcom"><span>Zalcom</span></li>
<li class="digital"><span>Digital</span></li>
<li class="adept"><span>Adept</span></li>
<li class="simtel"><span>Simtel</span></li>
</ul>
</div>
<div id="powered_by"> Powered by <a
href="http://www.freewebsitetemplates.com">Free Website Templates</a> </div>
<div class="clearthis"> </div>
</div>
<!-- End of Page Footer -->
</div>
</body>
</html>
<!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>HiFi News</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>HiFi News</h1>
<h2>Audio & Video</h2>
</div>
<div id="linkbar">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Audio</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
</div>
<div id="left">
<div id="sub_left">
<h3>About this template</h3>
<p><img src="images/demo_image_01.jpg" alt="Microphone" width="80"
height="68" class="img_left" />This is a four column fluid layout. Nice if you have
a music site with lots of information you ned to present. I kindly ask you to not
remove the footer link. PSD file can be found at my site </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa. Nulla gravida
sagittis neque. Donec dolor. Duis fringilla fermentum ipsum. Vivamus lectus. Donec
ultrices convallis pede. Nam et augue sit amet mauris blandit mattis. Vivamus
venenatis ligula vel elit.</p>
<h3>New sound</h3>
<p><img src="images/demo_image_01.jpg" alt="Microphone" width="80"
height="68" class="img_left" />Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Curabitur massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut,
lacus. Aliquam nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus
ut, turpis. In risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris
sollicitudin tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet
massa. Nulla gravida sagittis neque. Donec dolor. Duis fringilla fermentum ipsum.
Vivamus lectus. Donec ultrices convallis pede. Nam et augue sit amet mauris blandit
mattis. Vivamus venenatis ligula vel elit.</p>
</div>
<div id="sub_right">
<h3>Amazing screens</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa. Nulla gravida
sagittis neque. Donec dolor. Duis fringilla fermentum ipsum. Vivamus lectus. .</p>
<h3>perfect speakers</h3>
<p><img src="images/demo_image_01.jpg" alt="Microphone" width="80"
height="68" class="img_left" />Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Curabitur massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut,
lacus. Aliquam nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus
ut, turpis. In risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris
sollicitudin tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet
massa. Nulla gravida sagittis neque. Donec dolor. Duis fringilla fermentum ipsum.
Vivamus lectus. Donec ultrices convallis pede. Nam et augue sit amet mauris blandit
mattis. Vivamus venenatis ligula vel elit.</p>
</div>
<div id="sub_content">
<h3>Pump up the bass</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa. </p>
<h3>CD history?</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa. Nulla gravida
sagittis neque. Donec dolor. Duis fringilla fermentum ipsum. Vivamus lectus. Donec
ultrices convallis pede. Nam et augue sit amet mauris blandit mattis. Vivamus
venenatis ligula vel elit.</p>
</div>
<div id="footer">Created by Dieter Schneider 2006 | <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a></div>
</div>
<div id="right">
<div class="navcontainer">
<ul class="navlist">
<li><a href="#">New sound</a></li>
<li><a href="#">Perfect image</a></li>
<li><a href="#">Killer bass</a></li>
<li><a href="#">Hip Hop</a></li>
<li><a href="#">Rock</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>High Seas</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="default.css" type="text/css" rel="stylesheet"/>
<!--[if IE]>
<link href="ie.css" type="text/css" rel="stylesheet"/>
<![endif]-->
<!--[if lte IE 6]>
<style>.links ul li{margin:0;}</style>
<![endif]-->
</head>
<body>
<div id="page">
<div id="header">
<ul>
<li><a href="contact.html">contact</a></li>
<li><a href="#">stuff</a></li>
<li><a href="#">links</a></li>
<li><a href="#">Home</a></li>
</ul>
<h1>High<br />
seas<a name="top"></a></h1>
</div>
<div id="upper_page">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eros. Donec
vestibulum, sem id venenatis vulputate, magna metus posuere tortor, a facilisis
enim quam non justo. Integer porta massa vitae elit. Integer commodo, libero eu
placerat tincidunt, est tellus interdum metus, quis suscipit dui diam quis turpis.
Vivamus quis lacus. Aenean quis felis. Aliquam erat volutpat. Nulla non felis. Cras
ac mi. Vivamus ac odio nec enim vulputate varius. Aliquam erat volutpat. Nullam
semper pulvinar libero. Ut et eros id felis fermentum tincidunt.</p>
</div>
<div id="lower_page">
<div id="lower_left">
<div class="blogheader">
<h2><a href="single.html">This is your first blog entry</a></h2>
<h3>posted by Jack on December 5th, 2006</h3>
</div>
<p>Donec aliquam eros sagittis ante. Nullam lacinia orci in quam. Donec ac mi
a erat ultrices luctus. Integer vulputate, enim ornare ullamcorper mattis, turpis
ipsum sagittis risus, id convallis lacus velit vel orci. In sodales nisi a ligula.
Phasellus tristique. Nam id velit. Nunc tincidunt porttitor est. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Suspendisse nibh. Nulla facilisi. Curabitur justo justo, congue eget, venenatis
vel, ullamcorper et, turpis. Sed eleifend volutpat ipsum. Phasellus egestas. Nulla
at tellus. Aliquam dolor. Etiam vel nunc id dolor vehicula pellentesque. Nulla
sapien. Fusce ac massa. Ut malesuada tempor lorem.</p>
<h4>Categories: <span class="category"> <a href="#">Misc.</a>, <a
href="#">Blog</a>, <a href="#">Template</a></span> <span class="slash">//</span> <a
href="#">4 Comments</a></h4>
<h1>recent posts</h1>
<div class="post_summary">
<ul>
<li><a href="#"> <span class="ps_title">Vestibulum interdum sem ac
dui.</span> <br />
<span class="ps_plain">Posted on December 5th, 2006 with 2
Comments</span></a></li>
<li><a href="#"> <span class="ps_title">Aliquam ullamcorper congue
massa.</span> <br />
<span class="ps_plain">Posted on December 4th, 2006 with 12
Comments</span></a></li>
<li><a href="#"> <span class="ps_title">Quisque fermentum sapien vel
ante.</span> <br />
<span class="ps_plain">Posted on December 2nd, 2006 with 4
Comments</span></a></li>
<li><a href="#"> <span class="ps_title">Maecenas pretium leo eget
lectus.</span> <br />
<span class="ps_plain">Posted on November 23rd, 2006 with 2
Comments</span></a></li>
<li><a href="#"> <span class="ps_title">Cras sagittis. Pellentesque
dictum bibendum leo.</span> <br />
<span class="ps_plain">Posted on November 18th, 2006 with 8
Comments</span></a></li>
</ul>
</div>
</div>
<div id="lower_right">
<h2 class="iefix">about me</h2>
<p>This template includes a contact page (click the contact link in the
menu), and a single story page (click the first blog entry to the left).</p>
<p>The header image was drawn by the extremely talented artist Jacob Sjoman
and he graciously allowed me to use it.</p>
<form method="get" action="#">
<div>
<input type="text" value="" name="s" class="textfield search" />
<input type="submit" id="searchsubmit" value="Search"
class="submit_wp" />
</div>
</form>
<h2>Archives</h2>
<div class="links">
<ul>
<li><a href="#">August 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">December 2006</a></li>
</ul>
</div>
<h2>Categories</h2>
<div class="links">
<ul>
<li><a href="#">Templates</a></li>
<li><a href="#">Updates</a></li>
<li><a href="#">Games & Fun</a></li>
<li><a href="#">Technology</a></li>
</ul>
</div>
<h2>My links</h2>
<div class="links">
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">In at augue ac</a></li>
<li><a href="#">Class aptent taciti</a></li>
<li><a href="#">Phasellus egestas</a></li>
<li><a href="#">Nulla at tellus</a></li>
<li><a href="#">Aliquam dolor</a></li>
<li><a href="#">Etiam vel nunc</a></li>
<li><a href="#">Pellentesque</a></li>
<li><a href="#">Fusce sed massa</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">In at augue ac</a></li>
<li><a href="#">Class aptent taciti</a></li>
<li><a href="#">Phasellus egestas</a></li>
<li><a href="#">Nulla at tellus</a></li>
<li><a href="#">Aliquam dolor</a></li>
<li><a href="#">Etiam vel nunc</a></li>
<li><a href="#">Pellentesque</a></li>
<li><a href="#">Fusce sed massa</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>© 2006 Your Name Here <span class="slash">//</span> <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> 1.0 <span
class="slash">//</span> Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> <span class="slash">//</span> Designed by <a
href="http://www.20pirates.com">Tony Pires</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Highway</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outdiv">
<div id="wrap">
<div id="header"><a href="#" class="logo"></a>
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<h1>Heading 1</h1>
<p>This template is created by PHPLD Templates and sponsored by Aviva
Directory. You are free to use it if you agree not to remove links to those 2 sites
in footer and keep them intact. If you want to remove links, please read Read me
file included in zip file.</p>
<p>Matching template for PHP Link Directory script 2.0 vesion(free) can be
also downloaded free at PHPLD Templates.</p>
<p>Original psd file for logo and font used are also included in zip file, so
you can change logo to match your site name. If you use this template, let us know
at [email protected]. We would really like to see it in action. </p>
<h2>Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
ut labore et dolore <a href="#">magna aliquyam</a> erat, sed diam voluptua.</p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
ut labore et dolore <a href="#">magna aliquyam</a> erat, sed diam voluptua.</p>
</div>
</div>
<div id="outfooter">
<div id="footer">
<p>Copyright <a href="#">Yoursite.com</a> ©2006. Design by <a
href="http://www.phpldtemplates.info">PHPLD Templates</a>.</p>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Hillary Duff</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">FILMOGRAPHY</a></li>
<li><a href="#">DISCOGRAPHY</a></li>
<li><a href="#">PICTURES</a></li>
<li class="lastnav"><a href="#">Contact us</a></li>
</ul>
</div>
<div id="body">
<div id="left">
<div id="menu"> <span class="tab">Members</span> <span class="tag">You're not
logged in!</span>
<ul>
<li><a href="#">Login</a></li>
<li><a href="#">Sign up</a></li>
<li><a href="#">Members list</a></li>
<li class="lastitem"><a href="#">Forgot your password?</a></li>
</ul>
<span class="tab">LINK PARTNERS</span> <span class="tag">Hilary Duff</span>
<ul>
<li><a href="#">Hilary Duff Caps</a></li>
<li><a href="#">Hilary World</a></li>
<li><a href="#">Online Hilary Duff</a></li>
<li><a href="#">Hilary-Choice</a></li>
<li class="lastitem"><a href="#">Funky-Hilary</a></li>
</ul>
<span class="tag">Others</span>
<ul>
<li>Template Beauty.com</li>
<li><a href="#">View all link partners</a></li>
<li class="lastitem"><a href="#">Become a link partner!</a></li>
</ul>
<span class="tab">Statistics</span> <span class="tag">You're not logged in!
</span>
<ul>
<li><a href="#">Members: 7720</a></li>
<li><a href="#">Newest member: hilary</a></li>
<li><a href="#">Members online: 2</a></li>
<li><a href="#">Admin: Dutch Hilary.</a></li>
<li class="lastitem"><a href="#">Advanced statistics</a></li>
</ul>
</div>
<br />
<div class="tab2"> <a href="#">Sitemaps</a> </div>
</div>
<div id="right">
<div id="header"><a href="#">Home</a> </div>
<div class="textboxtop"> Hilary duff on the red carpet. </div>
<div class="textbox"> <span class="photo"><img src="images/photo1.gif"
alt="Thumbnail"></span>
<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. Don't want your boss to know you used a free website template
;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
<div class="textboxbottom"> <a href="#">Comment</a> - <a href="#">Read
comments (2)</a> </div>
<div class="textboxtop2"> Hilary duff Most Wanted new album! </div>
<div class="textbox"> <span class="photo"><img src="images/photo2.gif"
alt="Thumbnail"></span>
<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. Don't want your boss to know you used a free website template
;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
<div class="textboxbottom"> <a href="#">Comment</a> - <a href="#">Read
comments (2)</a> </div>
<div id="copyright"> Copyright © 2006 Hilary Duff. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</div>
</div>
</body>
</html>
<!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>Historical</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="content">
<div id="header">
<div class="left">
<h1>Historical Template</h1>
<h2>Another Free Design</h2>
</div>
</div>
<div id="main">
<div class="pad">
<h2>THE HELLENISTIC PERIOD</h2>
<img src="images/img.jpg" alt="" />
<p> The term Hellenistic was first used by J.G. Droysen (Geschichte des
Hellenismus) in 1836 AD from the Acts of the Apostols 6,1 where the term
Hellenistai describes <a href="#">Jews</a> which lived in Greek world, accepted
Greek culture and accepted Greek language. Although Droysen assumed that the term
describes Greek people which accepted oriental culture, the term Hellenistic was
widely accepted for spreading of the Greek <a href="#">culture</a> over non-Greek
people and countries which were conqured by Alexander the Great (356-323 BC). </p>
<p> The <a href="#">historians</a> have no unique view over the beginning of
the Hellenistic period. H. Bengston claims that the Hellenistic period began around
<a href="#">360 BC</a> when the Greek city-states started to decline and Philip II
of Macedon emerged, while some put its beginning in year <a href="#">338 BC</a>
when Philip II defeated Athens and Thebes in the Battle of Chaeronea or in year 336
BC (H.-J. Gehrke) when Alexander the Great became King of Macedon. The most of
modern historians see the death of Alexander the Great in 323 BC as the beginning
of the Hellenistic period. Year 30 Bc is widely accepted as the end of Hellenistic
period when the Ptolemaic Egypt became the <a href="#">Roman</a> province although
Hellenism in the cultural sense continued in Eastern part of the <a href="#">Roman
Empire</a> until the spread of Christianity in 4th century. </p>
</div>
</div>
<div id="right">
<h2>December 14</h2>
<p class="small"><b><span class="histdate">1782-12-14</span></b><br />
Charleston SC evacuated by British</p>
<p class="small"><b><span class="histdate">1799-12-14</span></b><br />
George Washington died at Mt Vernon Va</p>
<p class="small"><b><span class="histdate">1819-12-14</span></b><br />
Alabama becomes 22nd state</p>
<p class="small"><b><span class="histdate">1911-12-14</span></b><br />
South Pole 1st reached by Roald Amundsen</p>
<p class="small"><b><span class="histdate">1927-12-14</span></b><br />
Iraq gains independence from Britain but British troops remain</p>
<p class="small"><b><span class="histdate">1962-12-14</span></b><br />
Mariner 2 makes 1st US visit to another planet (Venus)</p>
<p class="small"><b><span class="histdate">1971-12-14</span></b><br />
Golden Gate Bridge lights out all night from power failure</p>
<p class="small"><b><span class="histdate">1980-12-14</span></b><br />
Yankee catcher Elston Howard dies</p>
</div>
<div id="left">
<div class="pad">
<h2>Local</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Israel History</a></li>
<li><a href="#">Byzantine Emperors</a></li>
<li><a href="#">Roman Emperors</a></li>
<li><a href="#">World History</a></li>
<li><a href="#">Art History</a></li>
</ul>
<h2>The history</h2>
It is all about passion and knowledge. History is such a beautiful subject to
study. With every book or some hidden source in some archive you get to know more
and more and more and it never let's you down in terms of surprise! </div>
<div id="leftend"></div>
</div>
<div id="footer">
<div id="r"> © Copyright 2006, Your Website - <a href="#">Home</a><br />
Design: <a href="htpp://www.free-css-templates.com" title="Design by free-
css-templates.com">David Herreman</a> - Credits: <a href="#">Inspiration
Gallery</a> </div>
<div id="l"> <a href="http://validator.w3.org/check?uri=referer"
title="Validate">XHTML</a> - <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="Validate">CSS</a> Valid </div>
</div>
</div>
</body>
</html>
<!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>History of War</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1><span class="heading_one">History of War</span></h1>
<h2><span class="heading_one">Sub heading goes here</span></h2>
<div id="header">
<p class="header_txt">Monday, December 18, 2006 Last Update: 11:24 AM ET</p>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
<div id="left">
<h3>About this template</h3>
<h4>Author: Dieter Schneider</h4>
<p>This is a three column fluid layout. Heading one and two are hidden using css,
this was to spice up the typography a bit, simply replace the image with your own
or if you just want plain text just remove the span class. I kindly ask you to not
remove the footer link if you have the free download.</p>
<h3>A left floated image</h3>
<p> <img src="images/demo_image.jpg" alt="History of war" class="float_left"
height="97" width="136" />Nam feugiat. Nam eleifend, diam ac convallis rhoncus,
lacus nibh bibendum purus, id porta leo elit sodales dolor. Ut dui risus, convallis
at, fringilla at, elementum quis, felis. Fusce quis urna. Etiam fringilla sapien
sit amet nisl. Ut pulvinar nibh at mauris. Donec elit. Proin feugiat, mauris sed
interdum gravida, enim enim iaculis diam, at viverra nisl felis et turpis. Aliquam
sagittis. Ut hendrerit rutrum leo. Duis felis magna, molestie sit amet, eleifend
eget, pellentesque elementum, nisl. Proin risus magna, blandit a, elementum vel,
tristique sit amet, felis. Nam leo nulla, tempus facilisis, consectetuer at,
interdum sit amet, est.</p>
<h3>Headings</h3>
<p>Vestibulum tempor bibendum urna. Suspendisse ac lorem. Praesent in tellus nec
mi hendrerit malesuada. Fusce condimentum velit. Ut imperdiet egestas quam. In ut
magna sit amet nisi mollis placerat. Fusce auctor. Duis semper vehicula enim.
Curabitur suscipit lacinia ipsum. Mauris sem. Maecenas aliquam neque eget elit.
Quisque condimentum mi et leo. Vestibulum enim. Praesent leo lacus, cursus a,
vehicula ac, sollicitudin et, nulla. Fusce a justo. Nulla facilisi. Proin
adipiscing magna eu diam.</p>
<h3>Headings</h3>
<p>Aliquam semper, mi sit amet feugiat aliquam, ante arcu tempus enim, in
porttitor risus risus congue turpis. Morbi volutpat. Proin sapien nibh, pretium
non, tempor eget, laoreet vitae, dui. Curabitur vel mauris. Aenean facilisis.
Aenean accumsan ante ut neque. Duis dui. Curabitur dictum venenatis ligula. Nullam
nulla. Morbi mi risus, gravida vulputate, laoreet eget, vestibulum sit amet, dolor.
In volutpat dui ut purus. Aenean porta dapibus nunc. Cras sed lacus nec ligula
luctus tincidunt. Praesent nonummy, ante et tincidunt sagittis, diam mauris
sollicitudin ligula, eget tempor augue diam at elit.</p>
<h3>Headings</h3>
<p>Etiam est. Sed lectus turpis, laoreet ut, lobortis vitae, eleifend at, nisl.
Fusce tempus mollis nisl. Vestibulum semper dictum nisi. Proin elit. Ut arcu enim,
auctor eu, molestie hendrerit, sagittis vitae, sapien. Sed enim. Nam bibendum
adipiscing risus. Aliquam erat volutpat. Vestibulum volutpat. Ut sem neque, dapibus
quis, adipiscing rutrum, hendrerit ut, dolor. Curabitur facilisis dolor ut ipsum.
Cras adipiscing eros vel elit. Integer auctor faucibus odio. Duis convallis, metus
blandit dignissim vestibulum, nibh nisl auctor ipsum, ut commodo diam lacus
condimentum pede.</p>
</div>
<div id="right">
<h3>Headings</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet nisl et
nisi tincidunt sagittis. Nulla in turpis. Nulla interdum leo quis felis.
Suspendisse metus mauris, consequat ornare, aliquet sed, egestas et, odio.
Curabitur fringilla. Donec quis urna in quam suscipit pretium. Vestibulum nonummy
augue imperdiet ipsum. Cras congue, pede sed euismod ullamcorper, odio pede
placerat justo, sed tempor orci velit a ante. Phasellus dignissim enim. Cras
pharetra ullamcorper quam. Vivamus consectetuer magna id magna. Donec fermentum,
diam sed molestie pharetra, diam nisl gravida velit, id semper dui massa sit amet
sapien. Mauris dui.</p>
<h3>Headings</h3>
<p>Nam feugiat. Nam eleifend, diam ac convallis rhoncus, lacus nibh bibendum
purus, id porta leo elit sodales dolor. Ut dui risus, convallis at, fringilla at,
elementum quis, felis. Fusce quis urna. Etiam fringilla sapien sit amet nisl. Ut
pulvinar nibh at mauris. Donec elit. Proin feugiat, mauris sed interdum gravida,
enim enim iaculis diam, at viverra nisl felis et turpis. Aliquam sagittis. Ut
hendrerit rutrum leo. Duis felis magna, molestie sit amet, eleifend eget,
pellentesque elementum, nisl. Proin risus magna, blandit a, elementum vel,
tristique sit amet, felis. Nam leo nulla, tempus facilisis, consectetuer at,
interdum sit amet, est.</p>
<h3>Headings</h3>
<p>Vestibulum tempor bibendum urna. Suspendisse ac lorem. Praesent in tellus nec
mi hendrerit malesuada. Fusce condimentum velit. Ut imperdiet egestas quam. In ut
magna sit amet nisi mollis placerat. Fusce auctor. Duis semper vehicula enim.
Curabitur suscipit lacinia ipsum. Mauris sem. Maecenas aliquam neque eget elit.
Quisque condimentum mi et leo. Vestibulum enim. Praesent leo lacus, cursus a,
vehicula ac, sollicitudin et, nulla. Fusce a justo. Nulla facilisi. Proin
adipiscing magna eu diam.</p>
<h3>Headings</h3>
<p>Aliquam semper, mi sit amet feugiat aliquam, ante arcu tempus enim, in
porttitor risus risus congue turpis. Morbi volutpat. Proin sapien nibh, pretium
non, tempor eget, laoreet vitae, dui. Curabitur vel mauris. Aenean facilisis.
Aenean accumsan ante ut neque. Duis dui. Curabitur dictum venenatis ligula. Nullam
nulla. Morbi mi risus, gravida vulputate, laoreet eget, vestibulum sit amet, dolor.
In volutpat dui ut purus. Aenean porta dapibus nunc. Cras sed lacus nec ligula
luctus tincidunt. Praesent nonummy, ante et tincidunt sagittis, diam mauris
sollicitudin ligula, eget tempor augue diam at elit.</p>
<h3>Headings</h3>
<p>Etiam est. Sed lectus turpis, laoreet ut, lobortis vitae, eleifend at, nisl.
Fusce tempus mollis nisl. Vestibulum semper dictum nisi. Proin elit. Ut arcu enim,
auctor eu, molestie hendrerit, sagittis vitae, sapien. Sed enim. Nam bibendum
adipiscing risus. Aliquam erat volutpat. Vestibulum volutpat. Ut sem neque, dapibus
quis, adipiscing rutrum, hendrerit ut, dolor. Curabitur facilisis dolor ut ipsum.
Cras adipiscing eros vel elit. Integer auctor faucibus odio. Duis convallis, metus
blandit dignissim vestibulum, nibh nisl auctor ipsum, ut commodo diam lacus
condimentum pede.</p>
</div>
<div id="content">
<h3>Headings</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet nisl et
nisi tincidunt sagittis. Nulla in turpis. Nulla interdum leo quis felis.
Suspendisse metus mauris, consequat ornare, aliquet sed, egestas et, odio.
Curabitur fringilla. Donec quis urna in quam suscipit pretium. Vestibulum nonummy
augue imperdiet ipsum. Cras congue, pede sed euismod ullamcorper, odio pede
placerat justo, sed tempor orci velit a ante. Phasellus dignissim enim. Cras
pharetra ullamcorper quam. Vivamus consectetuer magna id magna. Donec fermentum,
diam sed molestie pharetra, diam nisl gravida velit, id semper dui massa sit amet
sapien. Mauris dui.</p>
<h3>Headings</h3>
<p>Nam feugiat. Nam eleifend, diam ac convallis rhoncus, lacus nibh bibendum
purus, id porta leo elit sodales dolor. Ut dui risus, convallis at, fringilla at,
elementum quis, felis. Fusce quis urna. Etiam fringilla sapien sit amet nisl. Ut
pulvinar nibh at mauris. Donec elit. Proin feugiat, mauris sed interdum gravida,
enim enim iaculis diam, at viverra nisl felis et turpis. Aliquam sagittis. Ut
hendrerit rutrum leo. Duis felis magna, molestie sit amet, eleifend eget,
pellentesque elementum, nisl. Proin risus magna, blandit a, elementum vel,
tristique sit amet, felis. Nam leo nulla, tempus facilisis, consectetuer at,
interdum sit amet, est.</p>
<h3>Headings</h3>
<p>Vestibulum tempor bibendum urna. Suspendisse ac lorem. Praesent in tellus nec
mi hendrerit malesuada. Fusce condimentum velit. Ut imperdiet egestas quam. In ut
magna sit amet nisi mollis placerat. Fusce auctor. Duis semper vehicula enim.
Curabitur suscipit lacinia ipsum. Mauris sem. Maecenas aliquam neque eget elit.
Quisque condimentum mi et leo. Vestibulum enim. Praesent leo lacus, cursus a,
vehicula ac, sollicitudin et, nulla. Fusce a justo. Nulla facilisi. Proin
adipiscing magna eu diam.</p>
<h3>Headings</h3>
<p>Aliquam semper, mi sit amet feugiat aliquam, ante arcu tempus enim, in
porttitor risus risus congue turpis. Morbi volutpat. Proin sapien nibh, pretium
non, tempor eget, laoreet vitae, dui. Curabitur vel mauris. Aenean facilisis.
Aenean accumsan ante ut neque. Duis dui. Curabitur dictum venenatis ligula. Nullam
nulla. Morbi mi risus, gravida vulputate, laoreet eget, vestibulum sit amet, dolor.
In volutpat dui ut purus. Aenean porta dapibus nunc. Cras sed lacus nec ligula
luctus tincidunt. Praesent nonummy, ante et tincidunt sagittis, diam mauris
sollicitudin ligula, eget tempor augue diam at elit.</p>
<h3>Headings</h3>
<p>Etiam est. Sed lectus turpis, laoreet ut, lobortis vitae, eleifend at, nisl.
Fusce tempus mollis nisl. Vestibulum semper dictum nisi. Proin elit. Ut arcu enim,
auctor eu, molestie hendrerit, sagittis vitae, sapien. Sed enim. Nam bibendum
adipiscing risus. Aliquam erat volutpat. Vestibulum volutpat. Ut sem neque, dapibus
quis, adipiscing rutrum, hendrerit ut, dolor. Curabitur facilisis dolor ut ipsum.
Cras adipiscing eros vel elit. Integer auctor faucibus odio. Duis convallis, metus
blandit dignissim vestibulum, nibh nisl auctor ipsum, ut commodo diam lacus
condimentum pede.</p>
</div>
<div id="footer">Created by Dieter Schneider | <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a></div>
</body>
</html>
<!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>Hot Balloons</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<div id="content">
<div id="logo">
<h1><a href="#">Hot Balloons</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="welcome" class="boxed">
<h1 class="title">Welcome to Hot Balloons!</h1>
<div class="content">
<p><strong>Hot Balloons</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You"re free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div id="sample1" class="boxed">
<h2 class="title">Wisi Maecenas Ligula</h2>
<div class="content">
<ul>
<li><a href="#">Mauris vulputate dolor sit amet</a></li>
<li><a href="#">Nulla luctus eleifend purus</a></li>
<li><a href="#">Praesent scelerisque lorem</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus quam</a></li>
<li><a href="#">Fusce ultrices fringilla metus</a></li>
<li><a href="#">Praesent mattis condimentuml</a></li>
</ul>
</div>
</div>
<div id="sample2" class="boxed">
<h2 class="title">Pellentesque Tempus</h2>
<div class="content">
<ol>
<li><a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula.</a></li>
<li><a href="#">Donec leo, vivamus fermentum nibh in augue
praesent.</a></li>
<li><a href="#">Quisque dictum integer nisl risus sagittis convallis
rutrum.</a></li>
</ol>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="H"
title="Homepage"><b>H</b>ome</a></li>
<li><a href="#" accesskey="P" title="Browse Our
Collections"><b>C</b>ollections</a></li>
<li><a href="#" accesskey="S" title="Get Customer Support">Customer
<b>S</b>upport</a></li>
<li><a href="#" accesskey="U" title="About Us">About <b>U</b>s</a></li>
<li><a href="#" accesskey="C" title="Contact Us"><b>C</b>ontact Us</a></li>
</ul>
</div>
<div id="news">
<h2 class="title">News & Updates</h2>
<div class="content">
<ul>
<li>
<h3>April 30: <a href="#">Lorem Ipsum Dolor</a></h3>
<p>In posuere eleifend odio quisque semper augue mattis wisi maecenas
ligula. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 27: <a href="#">Sagittis Et Convallis</a></h3>
<p>Donec leo, vivamus fermentum nibh in augue praesent lorem ipsum
dolor a lacus at urna congue rutrum. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 14: <a href="#">Integer Nisl Risus</a></h3>
<p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 12: <a href="#">Vivamus Fermentum</a></h3>
<p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 09: <a href="#">Integer Nisl Risus</a></h3>
<p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Read more…</a></p>
</li>
</ul>
</div>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright © 2007 Hot Balloons Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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></title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="body_wrapper">
<!-- Start of Page Header -->
<div id="page_header">
<!-- Start of Company Name -->
<div id="company_name">
<h1><span>Hot Sauce Pepper Palace</span></h1>
</div>
<!-- End of Company Name -->
<!-- Start of Header Navigation -->
<div id="header_nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Recipes</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- End of Header Navigation -->
<div class="clearthis"> </div>
</div>
<!-- End of Page Header -->
<!-- Start of Left Sidebar -->
<div id="leftsidebar_1">
<div id="leftsidebar_2">
<div id="leftsidebar_content">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Duct Tape Series</a></li>
<li><a href="#">Hot Sauce</a></li>
<li><a href="#">Jerk Sauce</a></li>
<li><a href="#">Steak Sauce</a></li>
<li><a href="#">BBQ Sauce</a></li>
<li><a href="#">Rub & Spice</a></li>
<li><a href="#">Country Store</a></li>
<li><a href="#">Recipes</a></li>
<li><a href="#">Photo Gallery</a></li>
<li><a href="#">Payment Options</a></li>
<li><a href="#">Weber Grills</a></li>
<li><a href="#">Privacy Info</a></li>
<li><a href="#">Collectors</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Gift Sets</a></li>
<li><a href="#">Marinades</a></li>
<li><a href="#">Geezer</a></li>
<li><a href="#">Check Out</a></li>
<li><a href="#">Caviar</a></li>
<li><a href="#">Scientific American</a></li>
<li><a href="#">Guest Book</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!-- End of Left Sidebar -->
<!-- Start of Main Content -->
<div id="maincontent_1">
<div id="maincontent_2">
<div id="maincontent_content">
<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> If you're having problems editing the template please don't hesitate to
ask for help on the forum. You will get help as soon as possible. You can also use
the forum to tell us what you like or dislike and what you would like to see more.
</p>
<p> Your feedback is very important to us and we will do everything to
fulfil your wishes. <a href="#">more...</a> </p>
<p> Please don't remove the link at the bottom. We have worked hard to make
the templates and ask that you respect our hard work so we can continue providing
you with high quality templates. </p>
<p> If you really want to remove the link you can buy a copyright free
version on our website. Thanks. </p>
</div>
</div>
</div>
<!-- End of Main Content -->
<div class="clearthis"> </div>
<!-- Start of Page Footer -->
<div id="page_footer">
<div id="ringoffire">
<div class="box"> This site is a member of The Ring Of Fire <br />
A linked list of Chile websites </div>
</div>
<div id="paypalverified"> <a href="#"><span>Paypal Verified</span></a> </div>
<div id="copyright_info"> Webdesign by <a
href="http://www.freewebsitetemplates.com/">Free Website Templates</a> <br />
<small><strong>©</strong> Copyright Hot Sauce Pepper Palace.com 2005-
2006</small> </div>
<div class="clearthis"> </div>
</div>
<!-- End of Page Footer -->
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Anibanner01</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen"
title="screen"/>
</head>
<body>
<div id="container">
<div id="header"> <span class="quotes1"> "Lorem ipsum dolor sit <b>consectetuer
adipiscing</b> sed diem ibh euismod<b> tincidunt ut </b>dolore magna." </span>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a>Back to the main
page.</span></a></li>
<li><a href="#">Consectetuer<span>This is the link to
consectetuer.</span></a></li>
<li><a href="#">Dignissim Qui Blandit<span>Anyone for dignissim qui blandit?
</span></a></li>
<li><a href="#">Vero Eros Et<span>Did you vero your eros et today?
</span></a></li>
<li><a href="#">Duis Te Feugi<span>There is a duis in my te feugi.
</span></a></li>
</ul>
</div>
<div id="content">
<div class="corona"> <b class="top"><b class="b1"></b><b class="b2"></b><b
class="b3"></b><b class="b4"></b><b class="b5"></b></b>
<div class="float-right">
<h2 class="noprint">Features:</h2>
<ul>
<li><span class="black"><a href="http://validator.w3.org/check?
uri=referer">Valid XHTML 1.0 Strict</a></span></li>
<li><span class="black">It has a bird on it.</span></li>
<li><span class="black">It is open source with no
restrictions</span></li>
<li><span class="black">It has a bird on it.</span></li>
<li><span class="black">It is free so the price is right.</span></li>
</ul>
<div class="linkcent"> <a href="#">Dignissim Qui Blandit</a> </div>
</div>
<div class="boxcontent">
<h1>A template with a bird on it. You bet.</h1>
<p> This template was inspired by elements of a number of templates here as
well
as the work of Stu Nicholls (the nifty borders),
and Seth Gunderson (the original code for the menu)
and the bird came from <a href="#">Stock.XCHNG</a>. The CSS is my
"working" version and is a friggin mess
- but it does <a href="http://jigsaw.w3.org/css-
validator/check/referer">validate</a>. The template is free for use with no
restrictions
but leaving the link to my website in there somewhere would be nice.
My website is AnimatedBanner.com and
we specialize in sane, unobtrusive banner design as well as many types of
website development. If
you need professional help with this template or need a custom banner or
template design, you can contact
me by viewing my profile or via the contact form on AnimatedBanner.com.
Okay...
enough shameless self promotion and on to Lorem ipsum dolor. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
enim ad
minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis
nisi ut
aliquip ex ea commodo consequat. Duis te feugi facilisi.</p>
<h1>Lorem ipsum dolor sit amet, consectetuer adipiscing...</h1>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
enim ad
minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis
nisi ut
aliquip ex ea commodo consequat. Duis te feugi facilisi. </p>
<div class="blurb"><span class="bkbig">Other Stuff:</span><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. <a
href="#">Ut wisis enim</a> ad
minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis
nisi ut
aliquip ex ea commodo consequat :
<ul>
<li><span class="black">Dolore magna aliguam erat volutpat.</span></li>
<li><span class="black">Ex ea commodo consequat.</span></li>
<li><span class="black">Vulputate velit esse molestie
consequa.</span></li>
<li><span class="black">Tution ullam corper suscipit.</span></li>
<li><span class="black">Suscipit lobortis nisi ut.</span></li>
<li><span class="black">Norem ipsum dolor sit amet,
consectetuer.</span></li>
</ul>
<div class="linkcent"> <a href="#">Dignissim Qui Blandit</a> </div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed</p>
<p>Norem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
enim ad
minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis
nisi ut
aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor
in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat
nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent
luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</p>
</div>
<b class="bottom"><b class="b5"></b><b class="b4"></b><b class="b3"></b><b
class="b2"></b><b class="b1"></b></b> </div>
</div>
<div class="botsmall"> | <a href="#">Home</a> | <a href="#">Consectetuer</a> | <a
href="#">Dignissim Qui Blandit</a> | <a href="#">Vero Eros Et</a> | <a
href="#">Duis Te Feugi</a> | </div>
<div id="copyright"> Copyright 2006 yoursite.com | Design by <a
href="http://www.animatedbanner.com/">AnimatedBanner.com</a> </div>
</div>
</body>
</html>
<!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>[in] Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #A53512}
-->
</style>
</head>
<body>
<div class="all">
<div class="box">
<!-- The menu, tabs -->
<div class="menu"><a href="#">Home</a><a href="#">about</a><a
href="#">products</a><a href="#">contact</a></div>
<!-- The header -->
<div class="header"><img alt="" style="float:right; " src="images/www.jpg"
width="225" height="95" />
<h1>[<span class="style1">in</span>] Business</h1>
<div class="clearfix"></div>
</div>
<!-- the news bar, or right hand column -->
<div class="newsbar">
<h1>Need help?</h1>
<div class="p2">If you need help customising this design, I am available for
paid work, on small or large projects. I can make custom designs or
tailor most existing designs to suit your company or organisations
image. Visit my <a href="#">company Web site</a> to
get in touch with me.</div>
<h1>Copyright?</h1>
<div class="p2">
<p>I would appreciate it if
you could leave the copyright info intact, so that others can find
the oswd site (and also me). Other than that, feel free to change
colours, layout and any other elements!</p>
</div>
<h1>Links</h1>
<div class="p2">
<ul>
<li><a href="#">OSWD.org</a></li>
<li><a href="#">NOW:design</a></li>
<li><a href="#">FarStyle.com</a></li>
<li><a href="#">W3</a></li>
</ul>
</div>
</div>
<!-- main content area-->
<div class="content">
<h1>[in] Business</h1>
<p>This is my third design for www.oswd.org. My last design
was downloaded so many times that I wanted to make another one
along the same lines. This is another business themed layout that could
just as easily be used for a personal blog site.</p>
<p>This design was made using <acronym title="Cascading Style
Sheets">CSS</acronym> and
does not use any tables because it has no tabular data. The site
is valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
and
valid <a href="http://validator.w3.org/check?uri=referer">XHTML
1.0 strict</a>.</p>
<div class="p1">Tables are dead, CSS is what is intended for layouts and
design, tables are for containing data. CSS uses less code, meaning
your site loads quicker, which is great for search engines and people
with slow internet connections.</div>
<h1><strong> TESTED IN:</strong></h1>
<ul>
<li>Opera 7.54u1</li>
<li>Internet Explorer 6.0.290..</li>
<li>Firefox 1.0.6</li>
<li>Opera 8.0</li>
</ul>
<p>The design is fluid, with a fixed-width side-bar. The colours, width,
fonts etc can be changed by ammending the attached CSS file.</p>
</div>
<div class="clearfix"></div>
<!-- footer, copyright area - please do not remove!-->
<div class="footer">© 2005, design by <a href="http://www.now-
design.co.uk/">NOW:design</a> |
Template from oswd.org </div>
</div>
</div>
</body>
</html>
<!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>Hot Spring</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Hot Spring</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
<hr />
</div>
<div id="content">
<div id="blog">
<div id="post-1" class="post">
<h2 class="title"><a href="#">Welcome to Hot Spring!</a></h2>
<h3 class="date">March 26, 2007</h3>
<div class="entry"> <img src="images/img09.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Hot Spring</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 Licens</a>. The photos are from PDPhoto.org. You"re free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-1 -->
<div id="post-2" class="post">
<h2 class="title"><a href="#">Sample Tags</a></h2>
<h3 class="date">January 31, 2007</h3>
<div class="entry">
<p>A one-sentence paragraph followed by a blockquoted paragraph.</p>
<blockquote>
<p>“Nam et orci et leo iaculis tempor. Duis ante ante, pretium
sit amet, feugiat ut, semper ac, nisl. Praesent eget mauris. Duis in pede.
Vestibulum nec libero.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<ul>
<li>Proin eu ligula ut est congue malesuada.</li>
<li>Nunc eleifend felis nec purus.</li>
<li>Duis sodales urna sit amet nulla.</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Donec fringilla leo eget erat.</li>
<li>Nunc condimentum cursus lorem.</li>
<li>Cras sodales venenatis metus.</li>
</ol>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-2 -->
</div>
<!-- end #blog -->
<div id="sidebar">
<ul>
<li id="search">
<h2>Search</h2>
<form id="form1" method="get" action="#">
<div>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1"
value="Search" />
</div>
</form>
</li>
<!-- end #search -->
<li id="archives">
<h2>Archives</h2>
<ul>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
</ul>
</li>
<!-- end #archives -->
<li id="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Uncategorized</a> <small>(6)</small></li>
<li><a href="#">Condimentum Cursus</a> <small>(28)</small></li>
<li><a href="#">Praesent Sit Mauris</a> <small>(14)</small></li>
<li><a href="#">Leo Iaculis Tempor</a> <small>(23)</small></li>
<li><a href="#">Dignissimos Ducimus</a> <small>(19)</small></li>
</ul>
</li>
<!-- end #categories -->
<li id="blogroll">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Lorem Ipsum Dolor</a></li>
<li><a href="#">Tempor Leo Iaculis</a></li>
<li><a href="#">Cursus Dignissimos</a></li>
<li><a href="#">Ducimus Condimentum</a></li>
<li><a href="#">Praesent Sit Mauris</a></li>
</ul>
</li>
<!-- end #blogroll -->
<li id="meta">
<h2>Meta</h2>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Logout</a></li>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Strict">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Free CSS Templates</a></li>
</ul>
</li>
<!-- end #meta -->
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #content -->
<div id="footer">
<p>Copyright © 2007 Hot Spring. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</div>
<!-- end #wrapper -->
</body>
</html>
<!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>
<title>Hyper</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="menu">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Templates</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="title"><a href="#"><span class="title1">CSS</span><span
class="title2">Template!</span></a></div>
<div id="subtitle">Website design & development</div>
</div>
<div id="sidebar">
<h2>Recent news</h2>
<ul>
<li><a href="#">New design - Hyper</a>
<li><a href="#">Lorem Ipsum</a>
<li><a href="#">New host</a>
<li><a href="#">Here we go</a>
</ul>
</div>
<div id="body">
<h1><a href="#">Hyper</a></h1>
<div class="meta">By Admin on 1st October 2006</div>
<p>HYPER was designed by Donny Burnside of Ginger-Ninja.net and is released
under the <a href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons
2.5 license</a>. If you use the design all I ask is that you keep the credit link
in the footer. Also, it would be nice if you email me at inbox[at]ginger-ninja.net
to let me know how you're using the design. Editable Fireworks .PNG files are
included for every image. Enjoy.</p>
<h1><a href="#">Lorem Ipsum</a></h1>
<div class="meta">By Admin on 1st September 2006</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div id="footer"> © 2006 Your-Website.com | <a href="#">XHTML</a> | Design
by <a href="http://www.ginger-ninja.net/">Ginger Ninja!</a> </div>
</div>
</body>
</html>
<!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>I See New People</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h2>Nice to meet you, here's my card.</h2>
<h1><a href="#">I See <strong>New People</strong></a></h1>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="content">
<h1>Nice to meet you!</h1>
<h2>Meet JM from I See You - Designs</h2>
<p>Hi! I'm new to this website, so let me introduce myself: I'm Jochum Meester
and I'm 20 years old. I live near the city of Heerenveen, that's in the north of
the Netherlands. I first read about <acronym title="Cascading Style
Sheet">CSS</acronym> and <acronym title="eXtensible Hypertext Markup
Language">XHTML</acronym> in the last few months of 2005, and at that time I also
started visiting open source webdesign sites like this one. I just love some of the
designs on here, and I'd be proud to be a part of the group.</p>
<p>But to be part of the group, one should upload his or her own templates.
I've been working on a design for a few weeks now (yes, a few weeks...) and
everytime I was working on something it didn't turn out the way I wanted. I'm still
not that good with Photoshop (still use Paintshop Pro at the moment) but I will
eventually create those gradient backgrounds that I often see on here, haha.
Eventually...</p>
<div class="post_info"> Written on: January 31st, 2006 | Category: <a
href="#">Blog</a> | Comments: <a href="#">4</a> </div>
<h1>So here it is then!</h1>
<h2>My first design for you to use</h2>
<p>Yup, here it is. I had to give back to the community someday. So I just took
a design from one of my favourite designers, JayKay. MiniBlog was the one, because
it was not a hard template to work with in my opinion. I stripped it, then re-build
it again and this is the result. If you know what MiniBlog looks like, then you'll
see that I removed the sidebar. My intension was to keep it in, but I figured I
should start with a simple template first. I hope I'll soon be able to create some
more professional designs. If any of you has any tips for me, please contact
me.</p>
<p>I have a portfolio site, www.iseeyou-designs.com. Some of my websites have
not been made up in <acronym title="eXtensible Hypertext Markup
Language">XHTML</acronym> and/or <acronym title="Cascading Style
Sheet">CSS</acronym> because I have only been using those for a short period of
time now.</p>
<div class="post_info"> Written on: January 31st, 2006 | Category: <a
href="#">Portfolio</a> | Comments: <a href="#">2</a> </div>
<h1>Well, it's time for some standard tags</h1>
<h2>I'm not even sure if I should call them 'standard tags'...</h2>
<p>Just some text to put around the tags. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.</p>
<blockquote>
<p>blockquote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
</blockquote>
<p>Just some text to put around the tags. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.</p>
<ul>
<li>List: option 1</li>
<li>List: option 2</li>
<li>List: option 3</li>
</ul>
<p>Just some text to put around the tags. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.</p>
<pre>Code(pre):
#content h1 {
display:block;
margin:50px 0 0 10px;
padding:0;
font-family:"Trebuchet MS",arial,sans-serif;
font-size:2em;
color:#c00;
border-color:#ddd;
border-style:solid;
border-width:0 0 1px 0;
}
#content h2 {
display:block;
margin:20px 0 0 30px;
padding:0;
font-family:"Trebuchet MS",arial,sans-serif;
font-size:1.1em;
letter-spacing:2px;
color:#444;
border-color:#c00;
border-style:solid;
border-width:0 0 1px 0;
}
</pre>
<p>Just some text to put around the tags. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.</p>
<div class="post_info"> Written on: January 31st, 2006 | Category: <a
href="#">Webdesign</a> | Comments: <a href="#">0</a> </div>
<div id="footer">
<p>We have <span>2</span> visitors online, <span>24</span> today and
<span>438</span> in total.<br />
Powered by <a href="#">YourCMS</a> | 2005 © All your copyright
information here.<br />
Template design by <a href="http://www.iseeyou-designs.com">I See You -
Designs</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
& <a href="http://validator.w3.org/check?uri=referer">XHTML Strict!</a>
valid.</p>
</div>
</div>
</div>
</body>
</html>
<!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>Idyllic</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "idyllic.css";
</style>
</head>
<body>
<div id="page">
<div id="header">
<h1 id="sitetitle">idyllic</h1>
<h1 id="pagetitle">page title</h1>
<h2 id="pagedesc">page description, subtitle, or author information</h2>
</div>
<!-- end header--->
<div id="rightcol">
<h2>Menu</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
<h2>Categories</h2>
<ul>
<li>Non-linked Menu Item</li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
<h2>Links</h2>
<ul>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
</div>
<!-- end right column -->
<div id="content">
<h1>Heading Level 1</h1>
<p><strong>Idyllic:</strong> an open-source web Design that attempts to bring
forth the beauty of nature as captured by a fine artist. Visit n-vent.com and drop
me a line of thanks. Enjoy!</p>
<p>Lorem ipsum dolor sit <a href="#">amet</a>, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2>Heading Level 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<blockquote><strong>This is a blockquote</strong>. Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
est laborum.</blockquote>
<ul>
<li>unordered list</li>
<li>unordered list</li>
<li>unordered list</li>
</ul>
<h3>Heading Level 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<ol>
<li>ordered list</li>
<li>ordered list</li>
<li>ordered list</li>
</ol>
<h4>Heading Level 4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<div id="footer"> © 2007 Your Company or Blog. | Site Design by <a
href="http://www.n-vent.com">N-vent.com</a> </div>
<!-- end footer -->
</div>
<!-- end content -->
<div id="leftcol"><img src="images/leftside.jpg" alt="" /></div>
<!-- sidebar -->
</div>
<!-- end page -->
</body>
</html>
<!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>Illusion</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">illusion</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li class="last"><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to ILLUSION! </h2>
<p>ILLUSION is a free template from <strong>Free CSS Templates</strong>
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo volutpat venenatis,
sagittis ut, orci.</p>
<h2>Quisque elementum </h2>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa Curabitur malesuada turpis nec ante. Suspendisse quis
felis. Suspendisse potenti.</p>
</div>
<div id="colTwo">
<h2>Recent Updates</h2>
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat.
Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis puruspotenti. <a
href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Endless. Designed by <a
href="http://www.freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<title>iLounge</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="date.js"></script>
</head>
<body>
<div id="container">
<div id="top">
<div id="logo"></div>
<div id="name">
<h1><a href="#">iLounge</a></h1>
<h2>Free CSS Website Template</h2>
</div>
<ul class="nav">
<li class="current_page_item"><a href="#">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#">Habitasse Dtate</a></li>
<li><a href="#">Vestibulum</a></li>
</ul>
<div id="menu_pages">
<ul>
<li><a href="#">Anime</a> </li>
<li><a href="#">Apple</a> </li>
<li><a href="#">Articles</a> </li>
<li><a href="#">Cartoons</a> </li>
<li><a href="#">Comics</a> </li>
<li><a href="#">Commentary</a> </li>
<li><a href="#">Communities</a> </li>
<li><a href="#">Nintendo Wii</a> </li>
<li><a href="#">Play Station 3</a> </li>
<li><a href="#">Sikandar</a> </li>
<li><a href="#">ullamcorper</a> </li>
<li><a href="#">xbox 360</a> </li>
</ul>
</div>
</div>
<div id="conte">
<!-- first pass: show only the latest post -->
<h1><a href="#">Featured Post Title</a></h1>
<div class="line">
<ul>
<li class="ade">Nov 03, 2008</li>
<li class="cai">Categorized Under: <a href="#">Play Station 3</a>, <a
href="#">xbox 360</a></li>
<li class="comi"><a href="#">No Comments »</a></li>
</ul>
</div>
<ul>
<li class="ino">
<div class="entry">
<p>Aliquet tellus cras, arcu accumsan lorem in, vestibulum dolor mus,
suscipit suspendisse sed volutpat rutrum a, enim ut montes vulputate tortor luctus
auctor. Habitasse arcu cupiditate. Ligula mauris aptent interdum, sit est fusce
arcu in sem, mattis. Pellentesque tincidunt, diam eget accumsan posuere,Ligula
mauris aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt,
diam eget accumsan posuere, est sapien rhoncus nunc, feugiat fermentum urna arcu ut
est. Sed bibendum dolor eu orci. Sed sollicitudin, enim ut malesuada condimentum,
mauris nisl ullamcorper ante, vitae ullamcorper metus nulla vitae est….</p>
<p style="text-align: center;"><img class="aligncenter"
src="images/featured.jpg" alt="" width="624" height="187" /></p>
<p>Vestibulum dolor mus, suscipit suspendisse sed volutpat rutrum a, enim
ut montes vulputate tortor luctus auctor. Habitasse arcu cupiditate. Ligula mauris
aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam
eget accumsan posuere,Ligula mauris aptent interdum, sit est fusce arcu in sem,
mattis. Pellentesque tincidunt, diam eget accumsan posuere, est sapien rhoncus
nunc, feugiat fermentum urna arcu ut est. Sed bibendum dolor eu orci. Sed
sollicitudin, enim ut malesuada condimentum, mauris nisl ullamcorper ante… <a
href="#" class="more-link">(Read More…)</a></p>
<br />
<br />
</div>
</li>
</ul>
<div class="custom_widget">
<h2>About</h2>
<img src="images/pic_2.gif" alt="" /> Suscipit suspendisse sed volutpat
rutrum a, enim ut montes vulputate tortor luctus auctor. Habitasse arcu cupiditate.
Ligula mauris aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque
tincidunt, diam eget accumsan posuere,Ligula mauris aptent interdum, sit est fusce
arcu in sem, mattis. Pellentesque tincidunt, diam eget accumsan posuere, est sapien
rhoncus nunc, feugiat fermentum urna arcu ut est. Sed bibendum dolor eu orci. Sed
sollicitudin, enim ut malesuada condimentum, mauris nisl ullamcorper ante. Aliquet
tellus cras, arcu accumsan lorem in, vestibulum dolor mus, vestibulum dolor mus,
vestibulum dolor mus, suscipit suspendisse sed volutpat rutrum a, enim ut montes
vulputate tortor luctus auctor. Habitasse arcu cupiditate. Ligula mauris aptent
interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam eget
accumsan posuere..... </div>
<!-- second pass: show remaining posts -->
<ul class="pose">
<li>
<div class="box">
<h2><a href="#">Diam eget accumsan</a></h2>
<ul>
<li class="tex">
<p>Ligula mauris aptent interdum, sit est fusce arcu in sem, mattis.
Pellentesque tincidunt, diam eget accumsan posuere,Ligula mauris aptent interdum,
sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam eget accumsan
posuere, est sapien rhoncus nunc, feugiat fermentum urna arcu ut est. Sed bibendum
dolor eu orci. Sed sollicitudin, enim ut malesuada condimentum, mauris [...]</p>
<br />
</li>
<li class="comie"><img src="images/icon4.gif" alt="" /><a href="#">No
Comments »</a></li>
</ul>
</div>
<div class="box">
<h2><a href="#">Habitasse arcu cupiditate</a></h2>
<ul>
<li class="tex">
<p>Aliquet tellus cras, arcu accumsan lorem in, vestibulum dolor mus,
vestibulum dolor mus, vestibulum dolor mus, suscipit suspendisse sed volutpat
rutrum a, enim ut montes vulputate tortor luctus auctor. Habitasse arcu cupiditate.
Ligula mauris aptent interdum…</p>
<br />
</li>
<li class="comie"><img src="images/icon4.gif" alt="" /><a href="#">5
Comments »</a></li>
</ul>
</div>
<div class="box">
<h2><a href="#">Lorem Ipsum</a></h2>
<ul>
<li class="tex">
<p>Suscipit suspendisse sed volutpat rutrum a, enim ut montes
vulputate tortor luctus auctor. Habitasse arcu cupiditate. Ligula mauris aptent
interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam eget
accumsan posuere,Ligula mauris aptent interdum, sit est fusce arcu in sem,
mattis.</p>
<br />
</li>
<li class="comie"><img src="images/icon4.gif" alt="" /><a href="#">No
Comments »</a></li>
</ul>
</div>
<div class="navigation">
<div class="alignleft"><a href="#">Previous</a></div>
<div class="alignright"></div>
</div>
</li>
</ul>
<ul class="pose">
<li>
<div class="box3">
<h2>Featured YouTube Video</h2>
<ul>
<li class="texef">
<object type="application/x-shockwave-flash" style="width:296px;
height:223px;" data="http://www.youtube.com/v/KruzH82Z2qQ">
<param name="movie" value="http://www.youtube.com/v/KruzH82Z2qQ" />
</object>
<div style="font-size: 0.8em"><a href="#">Get your own valid XHTML
YouTube embed code</a></div>
</li>
</ul>
</div>
<div class="box2">
<h2>Recent Articles</h2>
<ul>
<li>4:08 pm</li>
<li><a href="#">Diam eget accumsan</a></li>
</ul>
<ul>
<li>4:02 pm</li>
<li><a href="#">Habitasse arcu cupiditate</a></li>
</ul>
<ul>
<li>4:01 pm</li>
<li><a href="#">Lorem Ipsum</a></li>
</ul>
<ul>
<li>1:42 pm</li>
<li><a href="#">Magazine Style</a></li>
</ul>
</div>
<div class="box2">
<h2>Recent Comments</h2>
<ul>
<li>4:08 pm</li>
<li><a href="#">Diam eget accumsan</a></li>
</ul>
<ul>
<li>4:02 pm</li>
<li><a href="#">Habitasse arcu cupiditate</a></li>
</ul>
<ul>
<li>4:01 pm</li>
<li><a href="#">Lorem Ipsum</a></li>
</ul>
<ul>
<li>1:42 pm</li>
<li><a href="#">Magazine Style</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div id="sidebar">
<div id="clock">
<script type="text/javascript"
language="JavaScript">document.write(dateString(new Date()))</script>
</div>
<div id="adcontainer">
<div id="adboxes">
<ul>
<li><a href="#"><img src="images/ad_spot.gif" width="125" height="125"
border="0" alt="" /></a></li>
<li><a href="#"><img src="images/ad_spot.gif" width="125" height="125"
border="0" alt="" /></a></li>
<li><a href="#"><img src="images/ad_spot.gif" width="125" height="125"
border="0" alt="" /></a></li>
<li><a href="#"><img src="images/ad_spot.gif" width="125" height="125"
border="0" alt="" /></a></li>
</ul>
</div>
<div class="cl"></div>
</div>
<div id="rss_search">
<form id="searchform" method="get" href="#">
<h2>Search</h2>
<input type="text" name="s" id="s" size="17" value="type, hit enter"
onblur="setTimeout('closeResults()',2000); if (this.value == '') {this.value =
'';}" onfocus="if (this.value == 'type, hit enter') {this.value = '';}" />
<div style="visibility:hidden">
<input name="sbutt" type="submit" value="Find" alt="Submit" />
</div>
</form>
<div id="rss_pi"><a href="#">rss</a></div>
<ul>
<li><a href="#">Subscribe to Feeds</a></li>
<li>Subscribe by e-mail:</li>
<li>
<form href="#" method="post">
<input type="text" id="sub_mail" name="email" />
</form>
</li>
</ul>
<div class="cl"></div>
</div>
<div id="right-sidebar" class="sidebar">
<ul>
<li>
<h2 class="widgettitle">Categories</h2>
<ul>
<li><a href="#">Anime</a> </li>
<li><a href="#">Apple</a> </li>
<li><a href="#">Articles</a> </li>
<li><a href="#">Cartoons</a> </li>
<li><a href="#">Comics</a> </li>
<li><a href="#">Commentary</a> </li>
<li><a href="#">Communities</a> </li>
<li><a href="#">Nintendo Wii</a> </li>
<li><a href="#">Play Station 3</a> </li>
<li><a href="#">Sikandar</a> </li>
<li><a href="#">ullamcorper</a> </li>
<li><a href="#">xbox 360</a> </li>
</ul>
</li>
<li id="meta" class="widget widget_meta">
<h2 class="widgettitle">Meta</h2>
<ul>
<li><a href="#">Log in</a></li>
<li><a href="#">Entries <abbr title="Really Simple
Syndication">RSS</abbr></a></li>
<li><a href="#">Comments <abbr title="Really Simple
Syndication">RSS</abbr></a></li>
</ul>
</li>
<li id="pages" class="widget widget_pages">
<h2 class="widgettitle">Pages</h2>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Habitasse Dtate</a></li>
<li><a href="#">Vestibulum</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="footer"> <a href="http://wpjunction.com/" class="wpjunc">Web Design</a>
by <a href="http://www.colombiahosting.com.co/">Hosting</a> in Colombia for <a
href="http://www.hotel-reservation-morocco.com/">Compare Morocco Hotel Rates</a>,
<a href="http://www.logo-ontwerpers.be">Logo Maken</a> and <a
href="http://www.everlossreview.com">Everloss review</a>. </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>In a pickle</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css"
media="screen,projection" />
</head>
<body>
<div id="container">
<div id="header"> <a href="#">ABOUT</a> <a href="#">CONTACT</a> <a
href="#">Home</a>
<div id="sitename">in a pickle</div>
<img src="pickle5.jpg" alt="pickle" /> </div>
<div id="leftcol">
<h1>Welcome</h1>
<div class="text">Ah, lovely shades of green. Put an introductory paragraph
here or a greeting or a salutation or a dirty limerick. </div>
<h2>Menu</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Menu item two</a></li>
<li><a href="#">Menu item three</a></li>
<li><a href="#">Menu item four</a></li>
<li><a href="#">Menu item five</a></li>
</ul>
<h2>My favorite pickles</h2>
<div class="text"> <img src="pickle5.jpg" width="40" height="137" alt="" /> <a
href="#">Jubilation</a>, she loves me again, I fall on the floor and I laughing,
Jubilation, she loves me again, I fall on the floor and I laughing </div>
</div>
<div id="main">
<h1>Everyone loves pickles</h1>
<div class="copy">Well, everyone I know does anyway. And most everyone loves
free stuff - like this template. It's free for you to download and modify as you
wish - no strings attached. I would, however, appreciate it if you leave the credit
for the original Design to me in the footer. </div>
<div class="copy">If you like this Design and decide to use it, drop me an
email at [email protected] and let me know what you did with it. Thanks.
</div>
<h2>Pickle history</h2>
<div class="copy">This is a simple, two-column layout with lots of white space
and soothing green shades. The font is Georgia and is set at a comfortable size for
easy reading. </div>
<div class="copy"><img src="pickle5.jpg" width="120" height="137" alt="" />The
only graphics included are the big pickle and the "quote" mark graphic
for the blockquote so the page loads very fast. You'll most likely want to replace
the big pickle with something else - unless you're a pickle nut like me - mmmmmm,
pickles! When you replace it I suggest using a cut out graphic instead of a boring
rectangle to retain the sense of white space, but it's your template now, so knock
yourself out. I am always interested to see what people do with templates I create
so feel free to let me know what you've used it for. </div>
<div id="quote"><img src="quote.gif" width="47" height="34" alt="" />Oh,
Hamlet, how camest thou in such a pickle? (Act 5, Scene 1.) </div>
<h3>Pickle facts</h3>
<div class="copy">Pickling is one of the oldest forms of food preservation.
Although many vegetables are also sold in pickled form, gherkins/cucumbers (fruits)
are the leading pickled food in the world, giving rise to the misnomer commonly
known as "Pickles".</div>
<div id="dateline">Posted today: The 43rd day of Picklefest</div>
</div>
<div id="footer"> Your company name : <a
href="http://www.websiteDesignbasics.com">Design by websiteDesignbasics.com</a>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Indigo</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="container">
<div class="header">
<div class="title">
<h1>Indigo template</h1>
</div>
<div class="navigation"> <a href="#">Home</a> <a href="#">Suspendisse</a> <a
href="#">Elemen</a> <a href="#">Maecenas</a> <a href="#">Sodales</a>
<div class="clearer"><span></span></div>
</div>
</div>
<div class="main">
<div class="content">
<h1>Porttitor posuere</h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est
pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo.
Vestibulum ac ante. Sed in est.</p>
<cite>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</cite>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam
vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius
mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a>
risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius
pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod
ultricies. </p>
<h1>Adipiscing</h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non
euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante.
Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.
Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim
quam fringilla mi.</p>
<h1>Interdum</h1>
<div class="descr">May 24, 2006 by Lectus</div>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo placerat elit,
eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat
aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat
molestie.</p>
</div>
<div class="sidenav">
<h1>Search</h1>
<form action="#">
<div>
<input type="text" name="search" class="styled" />
<input type="submit" value="submit" class="button" />
</div>
</form>
<h1>Something</h1>
<ul>
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h1>Another thing</h1>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
</ul>
<h1>Third and last</h1>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
</ul>
</div>
<div class="clearer"><span></span></div>
</div>
</div>
<div class="footer">© 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://arcsin.se">Arcsin</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Industry</title>
<link rel="stylesheet" type="text/css" href="style/industry.css" />
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<ul id="nav">
<li><a href="#top">Top of Page</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Weblog</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div id="main"> <a name="top" class="nodisplay"></a>
<div id="hero"> </div>
<div id="header">
<div class="gear"> </div>
<h1 class="shad"><em>industr</em>y</h1>
<h1><em>industr</em>y</h1>
</div>
<div id="body">
<div id="sidebar">
<h3>Recent Photos</h3>
<a href="#" class="flickr-thumbnail"> <img
src="http://images.google.com/images?
q=tbn:jmuZz1c1ton1GM:http://home.earthlink.net/~mountfuturama/smFryWallpaper1.jpg"
alt="" width="70" height="55" /> </a> <a href="#" class="flickr-thumbnail"> <img
src="http://images.google.com/images?
q=tbn:Mb4nSTF51ebxaM:http://www.mathsci.appstate.edu/~sjg/futurama/stringtheory.jpg
" alt="" width="70" height="55" /> </a> <a href="#" class="flickr-thumbnail"> <img
src="http://images.google.com/images?
q=tbn:nHvOr_XTjxErFM:http://www.nyder.com/cthulhu/graphics/zoidberg.jpg" alt=""
width="70" height="55" /> </a> <a href="#" class="flickr-thumbnail"> <img
src="http://images.google.com/images?
q=tbn:s8lm4bLUmUz9sM:http://www.englisch.schule.de/wiesmoor/hermes.jpg" alt=""
width="70" height="55" /> </a>
<div style="clear: both;"> </div>
<h3>Healthy Links</h3>
<ul>
<li><a href="#">OSWD</a></li>
<li><a href="#">Duckwizard.com</a></li>
<li><a href="#">Futurama on Wikipedia</a></li>
<li><a href="#">A List Apart</a></li>
<li><a href="http://validator.w3.org/check/referer">Valid XHTML</a></li>
</ul>
<p style="margin-top: 80px">[1] This paragraph is taken from <a
href="#">Wikipedia</a>'s entry on Futurama.</p>
<p style="margin-top: 160px"><strong>Did You Know?</strong> <br />
Latin text such as this is often used as a typesetting aid. The text is
meaningless, but seems to have been derived from Cicero's De finibus bonorum et
malorum (On the Ends of Goods and Evils).</p>
<p style="margin-top: 300px; _margin-top: 380px">[2] Lorem ipsum dolor sit
amet, consectetur cras magna ante. Nunc est bibendum.</p>
</div>
<div id="content">
<h2>Yet Another Fixed Layout</h2>
<div class="meta"> <span class="date">February 22, 3006</span> <span
class="postedBy">Posted by <a href="#">Phillip J. Fry</a></span> </div>
<p> Here's another centered, fixed layout. All my designs seem to be
variations on this kind of structure; I <a class="flickr-pullout right" href="#">
<img src="http://images.google.com/images?
q=tbn:jmuZz1c1ton1GM:http://home.earthlink.net/~mountfuturama/smFryWallpaper1.jpg"
alt="" /> </a> promise I'll do something different next time. This one has a
floaty nav bar on top for quick access to
links, as well as the top of the page. I can see some people being annoyed
by this, so fortunately it's
easy to change so that it doesn't stay on top of the window. Just change
the <code><span class="csskeyword">position</span>: <span
class="cssvalue">fixed</span></code> to <code><span
class="csskeyword">position</span>: <span class="cssvalue">absolute</span></code>
and ditch the IE hack
(or you could change it to auto margins instead, if you want the header
image to flow beneath it). One
thing that I included in this layout is a couple handy classes for your
Flickr images. See the example
pullouts in the text as well as the thumbnails in the sidebar. In the
interest of filling up space, I may
as well tell you that the sidebar has been done in kind of a funny way to
make it vertically stretch over
the entire content div. This is impossible to do in a traditional way
(including using 100% height in
CSS, which isn't defined the way it should be). Check it out; I thought I
was pretty clever to think of
it! You could use the sidebar for annotations, footnotes, links, photos,
or whatever you like. </p>
<p> Now I'll steal some text from Wikipedia<small class="super">1</small>!
Futurama is an American animated television series created by
Matt Groening (creator of The Simpsons) and David X. Cohen (also a writer
for The Simpsons). Set in "New
New York City" in the 31st century, it was introduced on the Fox Network
and received airplay between
March 28, 1999 and August 10, 2003. It is currently in syndication on the
Adult Swim segment of Cartoon
Network in the United States, on Teletoon in Canada, on Channel 4, Sky One
and Sky Two in the UK, and on
Fox8 and Network Ten in Australia. </p>
<div class="comments"> No comments | <a href="#">Leave a comment</a> </div>
<h2>Good News, Everyone!</h2>
<div class="meta"> <span class="date">February 22, 3006</span> <span
class="postedBy">Posted by <a href="#">Hubert Farnsworth</a></span> </div>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum
accumsan, justo non tristique laoreet,
odio nisi fringilla nibh, vitae blandit eros sapien ac mi. Etiam non nisl
euismod massa fringilla sagittis. <a class="flickr-pullout right" href="#"><img
src="http://images.google.com/images?
q=tbn:Mb4nSTF51ebxaM:http://www.mathsci.appstate.edu/~sjg/futurama/stringtheory.jpg
" alt="Good news, everyone!" /></a> Nunc vestibulum iaculis purus. Vivamus arcu
urna, tristique eu, pharetra et, ullamcorper porta, nibh. Nulla
eget dolor sit amet purus aliquam lacinia. Cras eu quam. In id nisl et orci
laoreet vulputate. Phasellus quis
est vel libero euismod mollis. Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere
cubilia Curae; Cras magna ante, sodales eget, commodo ac, molestie ut,
velit. Cras quis pede sit amet massa
feugiat imperdiet. Nulla dignissim. Curabitur eleifend, lorem quis dictum
varius, elit nunc commodo enim,
iaculis mattis dui felis et urna. </p>
<p> Aliquam erat volutpat. Maecenas ut mi ut odio gravida tincidunt. Proin
urna urna, dapibus sit amet, eleifend
quis, bibendum et, felis. Ut aliquet. Etiam diam erat, interdum ac,
vehicula in, vulputate et, libero. Donec
ut dolor quis leo blandit lobortis. Vestibulum sed tellus. Donec vitae
lectus. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nullam mollis aliquam nulla. Mauris pulvinar
metus quis urna. Praesent eu turpis
aliquam est mollis aliquam. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia
Curae; Vestibulum tempor nibh. Nam quis neque. </p>
<div class="comments"> <a href="#">8 comments</a> | <a href="#">Leave a
comment</a> </div>
<h2>Surrender Your Mysteries to Zoidberg!</h2>
<p> Quisque convallis tellus<small class="super">2</small>. Etiam aliquam
lobortis erat. Donec gravida tortor a massa. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque
penatibus et <a href="#" class="flickr-pullout right"> <img
src="http://images.google.com/images?
q=tbn:nHvOr_XTjxErFM:http://www.nyder.com/cthulhu/graphics/zoidberg.jpg" alt="" />
</a> magnis dis parturient montes, nascetur ridiculus mus. Aliquam arcu libero,
congue in, iaculis sit amet, dapibus non, ligula. Aliquam erat volutpat. Fusce nisl
ante, pretium ac, suscipit sed, feugiat a, sem. Donec sollicitudin leo eu nisl.
Donec at dui a urna rhoncus viverra. Curabitur arcu. Quisque vulputate, purus ac
ultricies consectetuer, justo neque suscipit nisi, eget tempor nulla nisl vitae
tellus. Aenean eget erat. Vestibulum imperdiet viverra metus. </p>
<p> Nunc adipiscing hendrerit pede. Vestibulum tempor bibendum libero. Duis
consectetuer felis laoreet nibh. Pellentesque lacus libero, sagittis ornare, tempor
et, porta in, elit. Donec eu leo. Etiam erat. Sed aliquam odio quis risus. Aliquam
arcu. Aenean elementum. Curabitur pellentesque ligula ac risus. Morbi sodales
vehicula ipsum. </p>
<div class="comments"> No comments | <a href="#">Leave a comment</a> </div>
</div>
</div>
<div id="footer"> Copyright © 2006, Your Name Here, Ltd. </div>
</div>
</body>
</html>
<!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>Infinite Horizon</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1> <a href="#">Infinite Horizon</a></h1>
<h2>By Free CSS Templates</h2>
</div>
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Infinite Horizon!</h2>
<p>INFINITE HORIZON is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The background picture is from PDPhoto.org. You're free to use it for
both commercial or personal use. I only ask that you link back to my site in some
way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Lorem Ipsum Dolore </h3>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="colTwo">
<h2>Events</h2>
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat.
Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse
potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="nav">
<ul>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">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="#">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>
<!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>inFlight</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">in<span>Flight</span></a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="splash"><a href="#"><img src="images/img03.jpg" alt="" width="600"
height="280" /></a></div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="main">
<div id="welcome" class="boxed">
<h2 class="title">Welcome to inFlight!</h2>
<div class="content">
<p><strong>inFlight</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
</div>
</div>
<div id="example" class="boxed">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="content">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
<div id="partners" class="boxed">
<h2 class="title">Partners</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 inFlight. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Informatif</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Informatif</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="sidebar2">
<div id="lorem" class="boxed">
<h2 class="title">Lorem Ipsum</h2>
<div class="content">
<ul>
<li><a href="#"> Integer sit amet pede</a></li>
<li><a href="#">Arcu aliquet pretium</a></li>
<li><a href="#">Pellentesque quis elit</a></li>
<li><a href="#">Non lectus gravida</a></li>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Amet consectetuer</a></li>
<li><a href="#">Adipiscing elit hasellus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Aliquam risus pellentes</a></li>
<li><a href="#">Adipiscing elit hasellus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Aliquam risus pellentes</a></li>
<li><a href="#">Que pharetra</a></li>
<li><a href="#">Maecenas vitae orci</a></li>
<li><a href="#">Vitae tellus feugiat</a></li>
<li><a href="#">Eleifend etiam ac</a></li>
<li><a href="#">Tortor eu metus</a></li>
<li><a href="#">Euismod lobortis</a></li>
<li><a href="#">Duis non ante in metus</a></li>
<li><a href="#">Commodo euismod<br />
</a></li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Informatif!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="story"> <img src="images/img04.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Informatif</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Informatif. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Integral</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<ul id="menu">
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Services</a></li>
<li><a href="#" accesskey="3">Information</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
<form id="search" method="get" action="#">
<fieldset>
<input name="input1" type="text" id="input1" />
<input name="input2" type="submit" id="input2" value="Search" />
</fieldset>
</form>
</div>
<div id="content">
<div id="colOne">
<div id="logo">
<h1><a href="#">Integral</a></h1>
<h2>Free CSS Template</h2>
</div>
<div class="box">
<h3>Lorem ipsum dolor</h3>
<ul class="bottom">
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
</ul>
</div>
<div class="box">
<h3>Mauris cras libero</h3>
<ul class="bottom">
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
</ul>
</div>
</div>
<div id="colTwo">
<h2>Welcome to Sitename.com</h2>
<img src="images/img10.jpg" alt="" width="109" height="109" class="image" />
<p class="indent"><strong>Integral</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo to the left is from PDPhoto.org. You're free to use this
template for both commercial or personal use. I only ask that you link back to my
site in some way. Enjoy :)</p>
<p class="indent">Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna
ac lacus dapibus interdum. Donec pede nisl, gravida iaculis, auctor vitae, bibendum
sit amet, mauris. Cras adipiscing libero et risus. Donec rutrum tempus massa. Proin
at mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis
nec, adipiscing at, elit. Maecenas sed sem sit amet lectus mattis molestie. Integer
quis eros lorem ipsum dolor sit amet veroeros consequat.</p>
<div class="box">
<h3>Fusce quisque condimentum</h3>
<h4><strong>12.01.2006</strong> | <a href="#">34 Comments</a></h4>
<p class="bottom">Morbi sit amet magna ac lacus dapibus interdum. Donec nec
risus vel sem dignissim tristique. Sed neque. Fusce in elit. Quisque condimentum,
ante id convallis convallis, sapien est dignissim elit, vel pulvinar augue eros
quis metus. Suspendisse pede nisl, gravida iaculis, auctor vitae, bibendum sit
amet, mauris. Cras adipiscing libero et risus. Donec rutrum tempus massa. Proin at
mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec,
adipiscing at, elit. Maecenas sed sem sit amet lectus mattis molestie. Integer quis
eros.</p>
</div>
<div class="box">
<h3>Maecenas lectus mattis</h3>
<h4><strong>12.01.2006</strong> | <a href="#">16 Comments</a></h4>
<p class="bottom">Morbi sit amet magna ac lacus dapibus interdum. Donec nec
risus vel sem dignissim tristique. Sed neque. Fusce in elit. Quisque condimentum,
ante id convallis convallis, sagittis nec, adipiscing at, elit. Maecenas sed sem
sit amet lectus mattis molestie. Integer quis eros sapien est dignissim elit, vel
pulvinar augue eros quis metus. Suspendisse pede nisl, gravida iaculis, auctor
vitae, bibendum sit amet, mauris. Cras adipiscing libero et risus. Donec rutrum
tempus massa. Proin at mauris sed elit venenatis porttitor. Morbi quam nisl,
fringilla quis, sagittis nec, adipiscing at, elit.</p>
</div>
</div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All rights reserved. Design by <a
href="http://freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Intense Simplicity</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
</head>
<body>
<div id="container">
<div id="top">
<div id="header">
<div id="title">Intense Simplicity</div>
<!-- header text -->
</div>
<div class="nav bl">
<div class="nav2 br">
<div id="slogan">A clean, modern, and fun design.</div>
<!-- place an optional slogan here. -->
<div id="navdiv">
<ul id="navlist">
<!-- menu -->
<li><a href="#">Home</a></li>
<li><a href="help.html">Help</a></li>
<li><a href="tags.html">Tags</a></li>
</ul>
</div>
</div>
</div>
<div id="content">
<div id="left">
<h2>Enjoy!</h2>
<img src="images/image.gif" alt="" class="floatright" />
<p>This template is my first submission to <a href="#">OWD</a>, and my
first design created for the sake of being a template used by others :). Enjoy!</p>
<p>This template is easy to use, taking advantage of CSS and the
reusability of styled components. I tried to style as many elements as I could, but
I probably missed a few things.</p>
<p>If you don't like the header above. Just stick one of them in the
<em>[template root] / images / headers /</em> directory and then go into the CSS
file and replace the text <b>"h1.jpg"</b> with the name of the header file.</p>
<code> <span class="red">"css/default.css" - about line 258</span><br />
#header{<br />
background:url(../images/headers/<b>h1.jpg</b>) no-repeat top
center;<br />
} </code>
<p>I would love to hear how this template is used, so if you use it, please
send me an email and let me know!</p>
</div>
<div id="right">
<div class="sideitem">
<h4>The Sidebar</h4>
<p>This is the sidebar. Put something interesting here.</p>
</div>
<div class="sideitem">
<h4>News</h4>
<p><b>5/09/06</b> - Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Maecenas iaculis urna hendrerit. <a href="#">read more></a></p>
<p><b>5/05/06</b> - Nam blandit. Nunc dolor. Vestibulum auctor. Mauris
congue. <a href="#">read more></a></p>
</div>
<div class="sideitem">
<h4 class="itemtitle">Links</h4>
<ul>
<li><a href="#">Lorem</a></li>
<li><a href="#">Ipsum</a></li>
<li><a href="#">Dolor</a></li>
<li><a href="#">Ridiculus mus</a></li>
</ul>
</div>
</div>
</div>
<div class="footer tl">
<div class="tr">
<div class="br">
<div class="bl">
<div id="copyright">Copyright © 2006 Your Name</div>
<div id="designcredit">Design by <a
href="http://saltedsugar.com/">sofaspud</a> | valid <a
href="http://validator.w3.org/check?uri=referer">strict XHTML</a> & <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></div>
</div>
</div>
</div>
</div>
</div>
<div id="bottom"> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Internet Business
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Internet Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.hslides.1.0.js"></script>
<script type="text/javascript">
$((function () {
$('#accordion').hSlides({
totalWidth: 920,
totalHeight: 300,
minPanelWidth: 111,
maxPanelWidth: 476,
easing: "easeOutBack",
activeClass: 'current'
});
}));
</script>
</head>
<body id="top">
<div id="header">
<div class="wrapper">
<div class="fl_left">
<h1><a href="index.html">Internet Business</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"> <a href="#"><img src="images/demo/468x60.gif" alt=""
/></a> </div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="topbar">
<div class="wrapper">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="featured_slide">
<div class="wrapper">
<div class="featured_content">
<ul id="accordion">
<li class="current">
<div class="featured_box">
<h2>1. Aliquatjusto quisque nam</h2>
<p>Orcimagna rhoncus et a nec antesque sed temportor pellus nibh
conseque. Accumstsemper wisi pretium feugiat non ut eleifendrerisque at et condisse
sce. Iaculumorci congue nam mollis odio id cras orci vestique euisquet at.
Donecconsectetus lacilis ac pellus nam nibh curabitur sed anterdum nectetus adipis.
Pretiummagnisse antes nunc pretium convallis tincidunt non at rutrumt.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="featured_tab"> <img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 1</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>2. Aliquatjusto quisque nam</h2>
<p>Duisvest lacus pellus purus temper maurisus et sodalesuada loreet
sapiente et. Quissociis magnisl orci dui nulla ut antesque malesuada sed pede et.
Idlacus ridiculisi nec cursus enim ac tur urnar nunc pellus pellenterdum. Necelisi
aliquat curabiturpiscing semportortor sed et velit convallis quat adipiscing
cursus. Rutrumeget id ipsum et sed maurisuspendimentum auctor siti.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 2</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>3. Dapiensociis temper</h2>
<p>Pharetiumurna habitur et enim pellentesque phasellus aliquam nunc
quis justo nam. Lobortororci dapibulum ac intesquet ut id sed intesque nec alique
congue. Liberoaenec vest maurisus libero pede nisl ligula cursus vitae dis metus.
Aeneanaccumsan orci nasce ac pulvinare enim tor quis antesque cumsan in.
Justomontesque sem ac dolor iaculum dolor orci elit lacus et vestibulum.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 3</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>4. Nullain convallis ris elis</h2>
<p>Nullamcorpervivamus nisl in sed adipit donec feugiat lor vel velit
volutpat. Wisihabitur diculisi ac curabitur cursuspendreris sociis sed eger ipsum
condisse laculis. Curabiturid non eu curabitae nibh por nullamcorper at nibh elis
fring. Vestnibh congue praesenenatis justo et maecenasceleifend senterdum malesuada
at dolor amet. Turisristibulum curabitae eros leo at interd.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation4</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>5. Nullain convallis ris elis</h2>
<p>Nullamcorpervivamus nisl in sed adipit donec feugiat lor vel velit
volutpat. Wisihabitur diculisi ac curabitur cursuspendreris sociis sed eger ipsum
condisse laculis. Curabiturid non eu curabitae nibh por nullamcorper at nibh elis
fring. Vestnibh congue praesenenatis justo et maecenasceleifend senterdum malesuada
at dolor amet. Turisristibulum curabitae eros leo at interd.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 5</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="homecontent">
<div class="wrapper">
<ul>
<li>
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="container">
<div class="wrapper">
<div id="content">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor
mauris. Wisinon vivamus wisis adipis laorem lobortis curabiturpiscingilla dui
platea ipsum lacingilla.</p>
<p>Semalique tor sempus vestibulum libero nibh pretium eget eu elit montes.
Sedsemporttis sit intesque felit quis elis et cursuspenatibulum tincidunt non
curabitae.</p>
</div>
<div id="column">
<div class="holder">
<h2>Nullamlacus loborttis</h2>
<ul id="latestnews">
<li> <img class="imgl" src="images/demo/100x75.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
</li>
<li class="last"> <img class="imgl" src="images/demo/100x75.gif"
alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
</li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="footer">
<div class="wrapper">
<div id="newsletter">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="copyright">
<div class="wrapper">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Internet Center</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
</head>
<body>
<div class="content">
<div class="header">
<div class="top_info">
<div class="top_info_right">
<p><b>You are not Logged in!</b> <a href="#">Log in</a> to check your
messages.<br />
Do you want to <a href="#">Log in</a> or <a href="#">register</a>?</p>
</div>
<div class="top_info_left">
<p>Today is: <b>27th January, 2006</b><br />
Check todays <a href="#">hot topics</a> or <a href="#">new
products</a></p>
</div>
</div>
<div class="logo">
<h1><a href="#">Internet Center</a></h1>
</div>
</div>
<div class="bar">
<ul>
<li class="slogan">Centralized Internet Content</li>
<li><a href="#" accesskey="h">Home</a></li>
<li class="active">People</li>
<li><a href="#" accesskey="m">Music</a></li>
<li><a href="#" accesskey="p">Pictures</a></li>
<li><a href="#" accesskey="s">Services</a></li>
<li><a href="#" accesskey="r">Products</a></li>
</ul>
</div>
<div class="search_field">
<form method="post" action="#">
<p>
<input type="text" name="search" class="search" />
<input type="submit" value="Search" class="searchSubmit" />
</p>
</form>
</div>
<div class="subheader">
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex.</p>
</div>
<div class="left">
<div class="left_articles">
<h2><a href="#">What's new?</a></h2>
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
</div>
<div class="left_links">
<div class="left_side">
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Arts</a></b><br />
<a href="#">Music</a>, <a href="#">Television</a>, <a
href="#">Movies</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Computers</a></b><br />
<a href="#">Internet</a>, <a href="#">Software</a>, <a
href="#">Hardware</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Shopping</a></b><br />
<a href="#">Autos</a>, <a href="#">Clothing</a>, <a
href="#">Gifts</a>...</p>
</div>
<div class="right_side">
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Business</a></b><br />
<a href="#">Jobs</a>, <a href="#">Real Estate</a>, <a
href="#">Investing</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Health</a></b><br />
<a href="#">Fitness</a>, <a href="#">Medicine</a>, <a
href="#">Alternative</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Sports</a></b><br />
<a href="#">Baseball</a>, <a href="#">Basketball</a>, <a
href="#">Soccer</a>...</p>
</div>
<p><b>Want to <a href="#">suggest a category</a>?</b></p>
</div>
<div class="left_message">
<p><b>Lorem ipsum dolor</b> sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <b>erat
volutpat</b>. Ut wisi enim ad minim veniam, quis nostrud exerci.</p>
</div>
<div class="left_box">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex.</p>
</div>
</div>
<div class="right">
<div class="right_login">
<form method="post" action="#">
<p>Username:
<input type="text" name="search" class="login" />
@email.com </p>
<p>Password:
<input type="password" name="search" class="login" />
<input type="submit" value="Login" class="searchSubmit" />
</p>
</form>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
</div>
<div class="footer">
<p><a href="#">Home</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2006 Internet Center, Design: Luka Cvrk - <a
href="http://www.solucija.com/" title="What's your solution?">Solucija</a></p>
</div>
</div>
</body>
</html>
<!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>Internet Corporation</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="content">
<div id="logo">
<h1><a href="#">Internet Corporation</a></h1>
</div>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Refrences</a></li>
<li><a href="#">Career</a></li>
<li><a href="#">About</a></li>
</ul>
<div id="intro">
<h1>IT management and project outsourcing</h1>
<p>Right people. Right solutions.</p>
<div id="login">
<p><a href="#">Guest</a> <a href="#">Client</a></p>
</div>
</div>
<div id="left">
<h2>What do we do exactly?</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.</p>
<ul id="leftmenu">
<li><a href="#">Complete project outsorcing</a></li>
<li><a href="#">Documentation outsorcing</a></li>
<li><a href="#">Support outsorcing</a></li>
</ul>
<div id="notice">
<p>If you liked this template, you might like some other Free or Commercial
CSS templates from Solucija.</p>
</div>
</div>
<div id="right">
<h4>Can you handle every single aspect?</h4>
<h2>Outsorcing key project elements</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut <a href="#">laoreet dolore magna</a> aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla <a href="#">facilisis at vero</a> eros et accumsan et iusto
odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te
feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<div style="clear: both"></div>
</div>
<div id="footer">
<div id="col1">
<p><a href="#">Terms and Conditions</a> · <a
href="#">Privacy</a><br />
© Copyright 2007 <a href="#">Internet Corporation</a></p>
</div>
<div id="col2">
<p>Address: <strong>Flower street 27</strong><br />
Phone: <strong>+xxx (x) xxx xxxx</strong></p>
</div>
<div id="col3">
<p>Design: <a href="http://www.solucija.com">Luka Cvrk</a><br />
Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
and <a href="http://validator.w3.org/check?uri=referer">XHTML</a></p>
</div>
</div>
</div>
</body>
</html>
<!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>Internet Jobs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="header">
<div id="logo">
<p class="slogan"><b>Connecting Online people</b><br />
Sharing human resources</p>
<div style="float: left;">
<h1><a href="#">Internet Jobs</a></h1>
</div>
</div>
<div id="hmenu"> <a href="#">Home</a><a href="#">Browse Jobs</a><a
href="#">Register</a><a href="#">Submit Job</a><a href="#">Advertising</a> </div>
</div>
<div class="content">
<div id="articles">
<div id="left">
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(7)</a> <img
src="images/timeicon.gif" alt="" /> 10th Jan, 2006</p>
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(12)</a> <img
src="images/timeicon.gif" alt="" /> 29th Dec, 2005</p>
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(34)</a> <img
src="images/timeicon.gif" alt="" /> 24th Dec, 2005</p>
</div>
<div id="right">
<div id="rightmenu"> <a href="#">e-Marketing</a><a href="#">Search Engine
Optimization</a><a href="#">CMS Reports</a><a href="#">Statistics</a>
<div id="searchform">
<form method="post" class="search" action="#">
<p>
<input name="pojam" class="text" id="pojam" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
</div>
<div class="rightarticle">
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing
elit</a>, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam, <a href="#">quis nostrud
exerci</a>.</p>
</div>
<div class="rightarticle">
<p><a href="#">sNews</a><br />
<a href="#">Andreas Viklund</a><br />
<a href="#">CSS Ugly</a><br />
<a href="#">AWD Design</a><br />
<a href="#">Patric Ahlqvist</a><br />
</p>
</div>
<div class="rightarticle_ad"> <a href="#">SE Optimization</a> </div>
<div class="rightarticle_ad"> <a href="#">CMS Reports</a> </div>
</div>
</div>
<div id="links">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
</div>
<div id="additional">
<p><b>Quote of the day: </b>There may be no 'I' in team, but there's a 'ME' if
you look hard enough. - David Brent</p>
</div>
<div id="whiteline"></div>
<div id="footer">
<p style="float: left;"><a href="#">Archive</a><img src="images/separator.gif"
alt="" /><a href="#">Home</a> <br />
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><img
src="images/separator.gif" alt="" /><a href="#">Accessibility</a></p>
<p style="float: right; text-align: right;"><a href="#">Contact Us</a><br />
© Copyright 2006, <a href="#" title="Internet Jobs">Internet Jobs</a><img
src="images/separator.gif" alt="" />Design: Luka Cvrk, <a
href="http://www.solucija.com/">Solucija</a></p>
</div>
</body>
</html>
<!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>Internet Jobs 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="header">
<div id="logo">
<p class="slogan"><b>Connecting Online people</b><br />
Sharing human resources</p>
<div style="float: left;">
<h1><a href="#">Internet Jobs</a></h1>
</div>
</div>
<div id="hmenu"> <a href="#">Home</a><a href="#">Browse Jobs</a><a
href="#">Register</a><a href="#">Submit Job</a><a href="#">Advertising</a> </div>
</div>
<div class="content">
<div id="articles">
<div id="right">
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(7)</a> <img
src="images/timeicon.gif" alt="" /> 10th Jan, 2006</p>
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(12)</a> <img
src="images/timeicon.gif" alt="" /> 29th Dec, 2005</p>
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(34)</a> <img
src="images/timeicon.gif" alt="" /> 24th Dec, 2005</p>
</div>
<div id="left">
<div id="leftmenu"> <a href="#">e-Marketing</a><a href="#">Search Engine
Optimization</a><a href="#">CMS Reports</a><a href="#">Statistics</a>
<div id="searchform">
<form method="post" class="search" action="#">
<p>
<input name="pojam" class="text" id="pojam" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
</div>
<div class="leftarticle">
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing
elit</a>, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam, <a href="#">quis nostrud
exerci</a>.</p>
</div>
<div class="leftarticle">
<p> <a href="#">sNews</a><br />
<a href="#">Andreas Viklund</a><br />
<a href="#">CSS Ugly</a><br />
<a href="#">AWD Design</a><br />
<a href="#">Patric Ahlqvist</a><br />
</p>
</div>
<div class="leftarticle_ad"> <a href="#">SE Optimization</a> </div>
<div class="leftarticle_ad"> <a href="#">CMS Reports</a> </div>
</div>
</div>
<div id="links">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
</div>
<div id="additional">
<p><b>Quote of the day: </b>There may be no 'I' in team, but there's a 'ME' if
you look hard enough. - David Brent</p>
</div>
<div id="whiteline"></div>
<div id="footer">
<p style="float: left;"><a href="#">Archive</a><img src="images/separator.gif"
alt="" /><a href="#">Home</a> <br />
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><img
src="images/separator.gif" alt="" /><a href="#">Accessibility</a></p>
<p style="float: right; text-align: right;"><a href="#">Contact Us</a><br />
© Copyright 2006, <a href="#" title="Internet Jobs">Internet Jobs</a><img
src="images/separator.gif" alt="" />Design: Luka Cvrk, <a
href="http://www.solucija.com/">Solucija</a></p>
</div>
</body>
</html>
<!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>Internet Management</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="logo">
<h1>Internet Management</h1>
</div>
<p id="top">Let us make your ideas reality.</p>
<ul id="menu">
<li><a class="current" href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Content Management</a></li>
<li><a href="#">Presentations</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Site Map</a></li>
</ul>
<div class="column">
<h1><span class="number">1</span> Set Goals</h1>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing elit</a>,
sed diam nonummy nibh.</p>
</div>
<div class="column">
<h1><span class="number">2</span> Visualize</h1>
<p><a href="#">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh.</p>
</div>
<div class="column">
<h1><span class="number">3</span> Discuss</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, <a href="#">sed
diam</a> nonummy nibh.</p>
</div>
<div class="clear"></div>
<div class="half">
<h2>Lorem Ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.</p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p class="date">September 9th · <a href="#">Comment(11)</a></p>
</div>
<div class="half">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.</p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation.</p>
</div>
<div class="clear"></div>
<div class="news">
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum.</p>
</div>
<div id="footer">
<p>© Copyright YourSite · Design: <a
href="http://www.solucija.com/" title="Visit Solucija">Luka Cvrk</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: AquaBusiness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>AquaBusiness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="topbar">
<div id="social">
<ul>
<li><a href="#"><img src="images/bookmarks/rss.jpg" width="25" height="25"
alt="" /></a></li>
<li><a href="#"><img src="images/bookmarks/facebook.jpg" width="25"
height="25" alt="Add to: Facebook" /></a></li>
<li><a href="#"><img src="images/bookmarks/delicious.jpg" width="25"
height="25" alt="Del.icio.us" /></a></li>
<li><a href="#"><img src="images/bookmarks/stumbleupon.jpg" width="25"
height="25" alt="Stumbleupon" /></a></li>
<li><a href="#"><img src="images/bookmarks/reddit.jpg" width="25"
height="25" alt="reddit" /></a></li>
<li><a href="#"><img src="images/bookmarks/digg.jpg" width="25" height="25"
alt="Digg" /></a></li>
<li><a href="#"><img src="images/bookmarks/yahoo.jpg" width="25"
height="25" alt="Y! MyWeb" /></a></li>
<li class="last"><a href="#"><img src="images/bookmarks/google.jpg"
width="25" height="25" alt="Google" /></a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
<input type="submit" name="go" id="go" value="GO" />
</fieldset>
</form>
</div>
</div>
</div>
<div class="wrapper col2">
<div id="header">
<div class="fl_left">
<h1><a href="#">AquaBusiness</a></h1>
<p>Free Website Template</p>
</div>
<ul id="topnav">
<li class="last"><a href="#">A Long Link Text</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li class="active"><a href="index.html">Home</a></li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col3">
<div id="intro">
<ul>
<li>
<p class="imgholder"><img src="images/demo/215x125.gif" alt="" /></p>
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p class="imgholder"><img src="images/demo/215x125.gif" alt="" /></p>
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p class="imgholder"><img src="images/demo/215x125.gif" alt="" /></p>
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<p class="imgholder"><img src="images/demo/215x125.gif" alt="" /></p>
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col4">
<div id="container">
<div id="services">
<ul>
<li>
<h2>Ametorci Phasellus</h2>
<div class="imgholder"><img src="images/demo/240x90.gif" width="240"
height="90" alt="" /></div>
<p>Nullamlacus dui ipsum conseque lobortt is non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="more"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2>Ametorci Phasellus</h2>
<div class="imgholder"><img src="images/demo/240x90.gif" width="240"
height="90" alt="" /></div>
<p>Nullamlacus dui ipsum conseque lobortt is non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="more"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Ametorci Phasellus</h2>
<div class="imgholder"><img src="images/demo/240x90.gif" width="240"
height="90" alt="" /></div>
<p>Nullamlacus dui ipsum conseque lobortt is non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="more"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
<div id="content">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor
mauris. Wisinon vivamus wisis adipis laorem lobortis curabiturpiscingilla dui
platea ipsum lacingilla.</p>
</div>
<div id="column">
<div class="subnav">
<ul>
<li><a href="#">Open Source Templates</a></li>
<li><a href="#">Free CSS Templates</a></li>
<li><a href="#">Open Source Layouts</a></li>
<li><a href="#">Open Source Themes</a></li>
<li><a href="#">Open Source Downloads</a></li>
<li><a href="#">Open Source Website</a></li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col5">
<div id="footer">
<div class="footbox">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Further Information !</h2>
<ul>
<li><a href="#">Business Terms & Conditions »</a></li>
<li><a href="#">Disability Philosophy »</a></li>
<li class="last"><a href="#">Contact Our Company »</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Company Details !</h2>
<address>
Company Name<br />
Street Name & Number<br />
Town<br />
Postcode/Zip<br />
</address>
Tel: xxxxx xxxxxxxxxx
<!-- -->
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Internet Market</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
</head>
<body>
<div class="content">
<div class="header_top"></div>
<div class="header">
<div class="sf_right">
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li id="current"><a href="#">Offers</a></li>
<li><a href="#">Inquiry</a></li>
<li><a href="#">Job Ranking</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div class="sf_search">
<form method="post" action="#">
<p><b>Search:</b>
<input type="text" name="search" class="search" />
<input type="submit" value="Go" class="submit" />
Explore the possibilities!</p>
</form>
</div>
</div>
<div class="sf_left">
<h1><a href="#">Internet Market</a></h1>
</div>
</div>
<div class="header_bottom"></div>
<div class="subheader">
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit,
sed diam nonummy <a href="#">nibh euismod tincidunt ut laoreet</a> dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
</div>
<div class="header_top"></div>
<div class="left">
<div class="left_side">
<div class="box_top">
<h2>Fresh Advice:</h2>
</div>
<div class="box">
<p><b>Lorem ipsum</b> dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
<div class="box_bottom"></div>
</div>
<div class="right_side">
<div class="article">
<h2>What's new?</h2>
<h3>FRESH NEWS FROM THE MARKET</h3>
<p><img src="images/question.gif" alt="Exclamation mark" />Lorem ipsum
dolor sit amet, <a href="#">consectetuer adipiscing</a> elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad <a
href="#">minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
nulla facilisis at vero eros et <a href="#">accumsan</a> et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
<div class="article">
<h2>Forgotten things from the past</h2>
<h3>DON'T MAKE THE SAME MISTAKE TWICE</h3>
<p><img src="images/exclamation.gif" alt="Question mark" />Lorem ipsum <a
href="#">dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, <a href="#">quis nostrud</a> exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
<div class="grey_top"></div>
<div class="grey">
<p class="highlight"><a href="#">What's your Market?</a> - Posted on
6/3/2006</p>
<p class="highlight"><a href="#">Getting to know your competitors</a> -
Posted on 2/1/2005</p>
<p class="highlight"><a href="#">Show that you're there!</a> - Posted on
6/7/2005</p>
</div>
</div>
</div>
<div class="right">
<div class="box_top">
<h2>Fresh Articles:</h2>
</div>
<div class="box">
<p><b>Lorem ipsum</b> dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
<div class="box_bottom"></div>
<div class="box_top">
<h2>Links:</h2>
</div>
<div class="box">
<p><a href="#">Solucija</a><br />
<a href="#">sNews CMS</a><br />
<a href="#">Concept Nova</a><br />
</p>
</div>
<div class="box_bottom"></div>
</div>
<div class="header_bottom"></div>
<div class="footer">
<p><a href="#">Homepage</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2006 Internet Market, Design: Luka Cvrk - <a
href="http://www.solucija.com/" title="What's your solution?">Solucija</a></p>
</div>
</div>
</body>
</html>
<!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>Internet Music</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
</head>
<body>
<div class="content">
<div class="header_right">
<div class="top_info">
<div class="top_info_right">
<p><b>You are not Logged in!</b> <a href="#">Log in</a> or <a
href="#">register</a> to start downloading music!</p>
</div>
</div>
<div class="bar">
<ul>
<li class="slogan">Search Categories:</li>
<li><a href="#" accesskey="b">Home</a></li>
<li><a href="#" accesskey="a">Artists</a></li>
<li class="active">Music</li>
<li><a href="#" accesskey="p">Pictures</a></li>
<li><a href="#" accesskey="g">Gigs</a></li>
</ul>
</div>
</div>
<div class="logo">
<h1><a href="#" title="The best music on the net!">Internet <span
class="red">Music</span></a></h1>
<p>What shall we play today?</p>
</div>
<div class="search_field">
<form method="post" action="#">
<p><span class="grey">Search Example:</span> <span class="search">Progressive
Trance</span>
<input type="text" name="search" class="search" />
<input type="submit" value="Play!" class="button" />
</p>
</form>
</div>
<div class="newsletter">
<p>Subscribe for Newsletter!</p>
</div>
<div class="subheader">
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex.</p>
</div>
<div class="left">
<div class="left_articles">
<h2><a href="#">Eurodance TOP 10</a></h2>
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
</div>
<div class="lt"></div>
<div class="lbox">
<h2>Featured Artist: <span class="yellow">Sonia</span></h2>
<div class="thumb"> <img src="images/sonia.jpg" alt="" />
<p><img src="images/play.gif" alt="Play" /> Sonia</p>
</div>
<p>Sonia, a Croatian dance and trance artist released a number of quality
tunes which rely on strong rhythm and heavy riffs.</p>
<p>We suggest downloading and listening a dance track called Last Night</p>
</div>
<div class="lt"></div>
<div class="lbox">
<h2>Featured Artist: <span class="yellow">Andreas Viklund</span></h2>
<div class="thumb"> <img src="images/andreas.jpg" alt="" />
<p><img src="images/play.gif" alt="Play" /> Andreas Viklund</p>
</div>
<p><a href="#">Andreas Viklund</a>, a music producer from northern Sweden
released a number of great songs under his own name and participated in making
several Lagoona dance and techno albums along with Björn Karlsson.</p>
<p>We strongly suggest you listen to the song Into my dream (Kaveh Azizi
rmx)</p>
</div>
</div>
<div class="right">
<div class="rt"></div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
<div class="rt"></div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
<div class="rt"></div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
</div>
<div class="footer">
<p><a href="#">Homepage</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2006 Internet Music, Design: Luka Cvrk - <a
href="http://www.solucija.com/" title="What's your solution?">Solucija</a></p>
</div>
</div>
</body>
</html>
<!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>Internet Services</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
</head>
<body>
<div class="content">
<div class="header">
<div class="top_info">
<div class="top_info_right">
<p><b>You are not Logged in!</b> <a href="#">Log in</a> to check your
messages.<br />
Do you want to <a href="#">Log in</a> or <a href="#">register</a>?</p>
</div>
<div class="top_info_left">
<p><b>28. March, 2006</b> - Tuesday<br />
Check todays <a href="#">hot topics</a> or <a href="#">new
products</a></p>
</div>
</div>
<div class="logo">
<h1><a href="#"><span class="dark">Internet</span>Services</a></h1>
</div>
</div>
<div class="bar">
<ul>
<li class="browse_category">Select Search Category:</li>
<li><a href="#" accesskey="i">Home</a></li>
<li class="active">People</li>
<li><a href="#" accesskey="m">Music</a></li>
<li><a href="#" accesskey="p">Pictures</a></li>
<li><a href="#" accesskey="s">Services</a></li>
<li><a href="#" accesskey="r">Products</a></li>
</ul>
</div>
<div class="search_field">
<form method="post" action="#">
<div class="search_form">
<p>Search the Web:
<input type="text" name="search" class="search" />
<input type="submit" value="Search" class="submit" />
<a class="grey" href="#">Advanced</a></p>
</div>
</form>
<p>Please <a href="#">Sign in</a> or <a href="#">Register</a></p>
</div>
<div class="left">
<h3>Fresh News:</h3>
<div class="left_box"> <img src="images/bigimage.gif" class="image" alt="Big
Image" />
<h2>Expanding Internet Services</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi <a
href="#">enim ad minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. <a href="#">Duis autem</a> vel
eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu.</p>
</div>
<h3>Web Directory</h3>
<div class="left_side">
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Arts</a></b><br />
<a href="#">Music</a>, <a href="#">Television</a>, <a
href="#">Movies</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Computers</a></b><br />
<a href="#">Internet</a>, <a href="#">Software</a>, <a
href="#">Hardware</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Shopping</a></b><br />
<a href="#">Autos</a>, <a href="#">Clothing</a>, <a
href="#">Gifts</a>...</p>
</div>
<div class="right_side">
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Business</a></b><br />
<a href="#">Jobs</a>, <a href="#">Real Estate</a>, <a
href="#">Investing</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Health</a></b><br />
<a href="#">Fitness</a>, <a href="#">Medicine</a>, <a
href="#">Alternative</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Sports</a></b><br />
<a href="#">Baseball</a>, <a href="#">Basketball</a>, <a
href="#">Soccer</a>...</p>
</div>
<h3>Colaboration:</h3>
<div class="left_box"> <img src="images/ad.gif" class="image" alt="Big
Image" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi <a
href="#">enim ad minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. <a href="#">Duis autem</a> vel
eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu.<a href="#">Duis autem</a> vel eum iriure dolor in hendrerit in vulputate
velit esse molestie consequat, vel illum dolore eu.</p>
</div>
</div>
<div class="right">
<h3>Top Articles:</h3>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<h3>Related Readings:</h3>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
</div>
<div class="footer">
<p><a href="#">Homepage</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2006 Internet Services, Design: Luka Cvrk - <a
href="http://www.solucija.com/" title="What's your solution?">Solucija</a></p>
</div>
</div>
</body>
</html>
<!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>Internet Services - 2nd Edition</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div class="content">
<div class="header">
<div class="top_info">
<div class="top_info_right">
<p><b>You are not Logged in!</b> <a href="#">Log in</a> to check your
messages.<br />
Do you want to <a href="#">Log in</a> or <a href="#">register</a>?</p>
</div>
<div class="top_info_left">
<p><b>28. March, 2007</b> - Wednesday<br />
Check todays <a href="#">hot topics</a> or <a href="#">new
products</a></p>
</div>
</div>
<div class="logo">
<h1><a href="#">Internet<span class="orange">Services</span></a><sup>2nd
edition</sup></h1>
</div>
</div>
<div class="bar">
<ul>
<li class="browse_category">Browse through categories:</li>
<li><a href="#">Home</a></li>
<li class="active">People</li>
<li><a href="#" accesskey="m">Music</a></li>
<li><a href="#" accesskey="p">Pictures</a></li>
<li><a href="#" accesskey="s">Services</a></li>
<li><a href="#" accesskey="r">Products</a></li>
</ul>
</div>
<div class="search_field">
<form method="post" action="#">
<div class="search_form">
<p>Search for Services:
<input type="text" name="search" class="search" />
<input type="submit" value="Search" class="submit" />
<a class="grey" href="#">Advanced</a></p>
</div>
</form>
<p>Please <a href="#">Sign in</a> or <a href="#">Register</a></p>
</div>
<div class="left">
<h2>Expanding <span class="orange">Internet Services</span></h2>
<div class="left_box"> <img src="images/bigimage.gif" class="image" alt="Big
Image" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi <a
href="#">enim ad minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. <a href="#">Duis autem</a> vel
eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<h2>Colaboration</h2>
<div class="left_box"> <img src="images/ad.gif" class="image" alt="Big
Image" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi <a
href="#">enim ad minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. <a href="#">Duis autem</a> vel
eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu. <a href="#">Duis autem</a> vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat.</p>
<h2>Web Directory</h2>
<div class="left_side">
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Arts</a></b><br />
<a href="#">Music</a>, <a href="#">Television</a>, <a
href="#">Movies</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Computers</a></b><br />
<a href="#">Internet</a>, <a href="#">Software</a>, <a
href="#">Hardware</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Shopping</a></b><br />
<a href="#">Autos</a>, <a href="#">Clothing</a>, <a
href="#">Gifts</a>...</p>
</div>
<div class="right_side">
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Business</a></b><br />
<a href="#">Jobs</a>, <a href="#">Real Estate</a>, <a
href="#">Investing</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Health</a></b><br />
<a href="#">Fitness</a>, <a href="#">Medicine</a>, <a
href="#">Alternative</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Sports</a></b><br />
<a href="#">Baseball</a>, <a href="#">Basketball</a>, <a
href="#">Soccer</a>...</p>
</div>
</div>
</div>
<div class="right">
<h3>Top Articles:</h3>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<h3>Related Readings:</h3>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="notice">
<p><b>Get More Templates!</b><br />
If you liked this template, you might also like some other Free CSS
Templates, or Commercial CSS Templates from Solucija.</p>
</div>
</div>
<div class="footer">
<p><a href="#">RSS Feed</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2007 Internet Services - 2nd Edition, Design: <a
href="http://www.solucija.com/" title="Information Architecture and Web
Design">Luka Cvrk</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Invention</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="header">
<div id="logo">
<h1>logo here</h1>
<h4>have your punchline here</h4>
</div>
<div id="links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Technology</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
</div>
<div id="mainimg">
<h3>inventions</h3>
<h4>for a wireless world</h4>
</div>
<div id="contentarea">
<div id="leftbar">
<h2>hello!</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut id nisl nec
leo congue fringilla. Suspendisse potenti. Phasellus sed velit eget sapien interdum
ultrices. Nullam nec magna. Maecenas cursus. Etiam sapien neque, auctor eu,
volutpat at, condimentum et, odio. Morbi id lorem. Nam urna ante, venenatis sed,
molestie eu, dictum sit amet, tellus. Phasellus pellentesque magna vitae elit. In
dignissim eleifend odio. Curabitur at libero. Donec est justo, pellentesque eu,
vulputate feugiat, ultrices quis, nunc. Sed neque. Nulla egestas, risus id
consectetuer ultrices, ante turpis posuere ligula, ac pulvinar tortor dui ac odio.
Curabitur auctor urna sed purus. In varius.</p>
<br />
<p>Nulla sit amet magna non enim posuere porttitor. Vestibulum ante. Nam et
nulla vestibulum libero facilisis aliquet. Vivamus ante velit, facilisis eu,
pulvinar nec, ultricies vel, sem. Morbi ac velit. Sed est. Proin vehicula. Maecenas
ac pede. Fusce rhoncus. Maecenas at quam. Aenean nunc felis, elementum vel,
faucibus vitae, nonummy et, tellus. Nulla auctor venenatis urna. Donec accumsan
urna sed libero. Fusce at mi eu leo sollicitudin adipiscing. Ut metus purus,
gravida nec, scelerisque quis, venenatis non, ante. Aliquam a leo vel libero tempus
scelerisque. Morbi iaculis. Ut libero. </p>
<br />
<a href="#">more ></a><br />
<br />
</div>
<div id="rightbar">
<h2>latest news</h2>
<p><span class="orangetext">12/08/2006</span><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Utid anisl nec
leo congue fringilla. <br />
<br />
<span class="orangetext">10/08/2006</span><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Utid anisl nec
leo congue fringilla. <br />
<br />
<span class="orangetext">28/07/2006</span><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Utid anisl nec
leo congue fringilla. </p>
</div>
</div>
<div id="bottom">
<div id="email"><a href="#">[email protected]</a></div>
<div id="validtext">
<p>Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>Isometric</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Isometric</h1>
<h2>Free CSS Template</h2>
<ul>
<li><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">My Blog</a></li>
<li><a href="#" accesskey="3">Photo Gallery</a></li>
<li><a href="#" accesskey="4">Favorite Sites</a></li>
<li><a href="#" accesskey="5">Contact Me</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h3>Lorem ipsum dolor</h3>
<div class="bg1">
<ul>
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
</ul>
</div>
<h3>veroeros etiam</h3>
<div class="bg1">
<ul>
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
</ul>
</div>
</div>
<div id="colTwo">
<div class="bg2">
<h2><em>Welcome</em> to my website</h2>
<p><img src="images/img5.jpg" alt="" width="105" height="95" class="image"
/></p>
<p><strong>Isometric</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo to the left is from PDPhoto.org.
You're free to use this template for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :) Sed vel quam. Vestibulum
pellentesque. Morbi sit amet magna ac lacus dapibus mauris sed elit venenatis
porttitor. Morbi quam nisl, fringilla quis, sagittis nec, adipiscing at, elit.
Maecenas sed sem sit amet.</p>
</div>
<h3>Dignissim volutpat</h3>
<div class="bg1">
<p>Sed tempus turpis vel quam molestie pulvinar. Suspendisse venenatis dolor
semper ipsum. Quisque tempus erat ac mi. Aliquam semper, est nec hendrerit
dignissim, ligula turpis sagittis purus, <a href="#">ut viverra velit eros at
augue</a>. Pellentesque mi nisi, porta eget, pharetra ac, sollicitudin sit amet,
nisi. In sapien ligula, sollicitudin facilisis, sodales eget, tempus in, mauris.
Cras risus sem, adipiscing non, convallis ac, consectetuer eu, dolor. In quam.
Curabitur tempus aliquam nulla. Etiam eros.</p>
</div>
<h3>Blandit sed consequat</h3>
<div class="bg1">
<p>Sollicitudin sit amet, nisi. In sapien ligula, sollicitudin facilisis,
sodales eget, tempus in, mauris. Cras risus sem, adipiscing non, convallis ac,
consectetuer eu, dolor. In quam. Curabitur tempus aliquam nulla. Etiam eros.</p>
<ul>
<li><a href="#">Sed tempus turpis vel quam molestie pulvinar</a></li>
<li><a href="#">Suspendisse venenatis dolor semper ipsum quisque
tempus</a></li>
<li><a href="#">Ac mi aliquam semper est nec hendrerit dignissim</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All Rights Reserved. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ithilien</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- begin main container -->
<div id="container">
<!-- begin main content (left side)-->
<div id="main">
<!-- begin header -->
<div id="header">
<h1> Ithilien</h1>
</div>
<!-- end header -->
<!-- begin description or caption -->
<div id="desc">Faramir says to Frodo in Ithilien, "For myself, I would see the
White Tree in flower again in the courts of the Kings, and the Silver crown return,
and Minas Tirith in peace: Minas Anor again as of old, full of light, high and
fair," (TTT: 280)</div>
<!-- end description -->
<h1>About this Template</h1>
<p>This template is a fixed-width style, XHTML strict template. This is another
in a series of The Lord of the Rings free templates that I am releasing. This one's
for lovers of the fair land of Ithilien, of Gondor and it's people, the story of
The Lord of the Rings, and Tolkien. It can be used for a gaming portal or a
fansite, or whatever you like. It is being released as public domain so enjoy!</p>
<h2>Image Styles</h2>
<p><img class="alignleft" src="images/sample.png" alt="Sample image"
/><strong>A left-aligned example</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque.</p>
<p class="clear"><img class="alignright" src="images/sample.png" alt="Sample
image" /><strong>A right-aligned example</strong><br />
Fusce purus turpis, laoreet sit amet, convallis ut, eleifend quis, massa.
Nulla erat.</p>
<p class="clear2"><img class="centered" src="images/sample.png" alt="Sample
image" /><strong>A centered example</strong><br />
Aenean gravida magna id diam. Donec sodales nunc id nibh. Phasellus nisl.
Quisque augue ante, ornare sit amet, imperdiet vitae, fermentum et, felis. Nullam
et orci. In congue gravida dui. Mauris at erat eu tortor interdum malesuada.<br />
<a href="#">Read more »</a></p>
<h2>List Styles</h2>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>consectetuer adipiscing elit</li>
<li>Morbi tortor enim, molestie in, egestas vitae, venenatis id, neque</li>
</ul>
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>consectetuer adipiscing elit</li>
<li>Morbi tortor enim, molestie in, egestas vitae, venenatis id, neque</li>
</ol>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean gravida magna id diam.
Donec sodales nunc id nibh. Phasellus nisl.<br />
<a href="#">Read more »</a></p>
<h2>A Form</h2>
<!-- begin form -->
<form action="#" method="post">
<p>
<label for="your_name">Your Name: </label>
<br />
<input type="text" name="your_name" id="your_name" size="30" maxlength="50"
value="" />
(required)</p>
<p>
<label for="email">Your Email:</label>
<br />
<input type="text" name="email" id="email" size="30" maxlength="50"
value="" />
(required)</p>
<p>
<label for="subject">Subject:</label>
<br/>
<input type="text" name="subject" id="subject" size="30" maxlength="50"
value="" />
(required)</p>
<p>
<label for="msg">Your Message: </label>
<br />
<textarea name="msg" id="msg" cols="35" rows="8" ></textarea>
</p>
<p>
<input type="submit" name="Submit" value="Send Message" id="submit" />
</p>
</form>
<!-- end form -->
<p class="alignright"> <a href="#">Top</a></p>
</div>
<!-- end main content -->
<!-- begin right side -->
<div id="right">
<!-- begin nav -->
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">» Home</a></li>
<li><a href="#">» Link 2</a></li>
<li><a href="#">» Link 3</a></li>
<li><a href="#">» Link 4</a></li>
<li><a href="#">» Link 5</a></li>
<li><a href="#">» Link 6</a></li>
</ul>
</div>
<!-- end nav -->
<h2>News</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean gravida magna id diam.
Donec sodales nunc id nibh. Phasellus nisl. Quisque augue ante, ornare sit amet,
imperdiet vitae, fermentum et, felis. Nullam et orci. In congue gravida dui. Mauris
at erat eu tortor interdum malesuada.<br />
<a href="#">Read more »</a></p>
<h2>Did You Know?</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean gravida magna id diam.
Donec sodales nunc id nibh. Phasellus nisl. Quisque augue ante, ornare sit amet,
imperdiet vitae, fermentum et, felis. Nullam et orci. In congue gravida dui. Mauris
at erat eu tortor interdum malesuada.<br />
<a href="#">Read more »</a></p>
</div>
<!-- end right side -->
</div>
<!-- end container -->
<!-- begin far left-->
<div id="farleft">
<h2>Site Sponsors</h2>
<ul>
<li><a href="#">» Link 1</a></li>
<li><a href="#">» Link 2</a></li>
<li><a href="#">» Link 3</a></li>
<li><a href="#">» Link 4</a></li>
<li><a href="#">» Link 5</a></li>
<li><a href="#">» Link 6</a></li>
</ul>
<h2>Featured Sites</h2>
<ul>
<li><a href="#">» Link 1</a></li>
<li><a href="#">» Link 2</a></li>
<li><a href="#">» Link 3</a></li>
<li><a href="#">» Link 4</a></li>
<li><a href="#">» Link 5</a></li>
<li><a href="#">» Link 6</a></li>
</ul>
<p>Copyright© YourSite<br />
Free XHTML template by <a href="http://karenblundell.com">KarenBlundell</a></p>
</div>
<!-- end far left -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Jennifer Love Hewitt</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="nav"> <a href="#">HOME</a> | <a href="#">BIOGRAPHY</a> | <a
href="#">FILMOGRAPHY</a> | <a href="#">DISCOGRAPHY</a> | <a href="#">PICTURES</a> |
<a href="#">CONTACT US</a> </div>
<div id="content">
<div id="left"> <img src="images/jhewitt.jpg" alt="Jennifer Hewitt" /> </div>
<div id="right">
<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 <a
href="http://www.freewebsitetemplates.com">free website templates</a> 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. Don't want your boss to know you used
a free website template ;).</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
<div id="thumbnails">
<ul class="thumbnails">
<li><img src="images/thumb1.jpg" alt="Jennifer Hewitt" /></li>
<li><img src="images/thumb2.jpg" alt="Jennifer Hewitt" /></li>
<li><img src="images/thumb3.jpg" alt="Jennifer Hewitt" /></li>
</ul>
</div>
<div style="clear:both"></div>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
</div>
</div>
<div id="footerbg">
<div id="footer"> <a href="#">HOME</a> | <a href="#">BIOGRAPHY</a> | <a
href="#">FILMOGRAPHY</a> | <a href="#">DISCOGRAPHY</a> | <a href="#">PICTURES</a> |
<a href="#">CONTACT US</a> </div>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Judgement</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="centrecontainer">
<div id="outercontainer">
<div id="container">
<div id="headercont">
<ul>
<li><a href="#">valid xhtml</a></li>
<li>|</li>
<li><a href="#">valid css</a></li>
</ul>
</div>
<div id="maincont">
<div id="mainleft">
<h1>Lorem ipsum dolor sit amet, consectetuer <span>adipiscing
elit</span>. Morbi at urna.</h1>
</div>
<div id="mainright">
<h1>lorem ipsum dolor sit amet.</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Morbi at urna. Curabitur et urna. In et massa a lorem
pharetra sodales. Pellentesque non pede. Phasellus tincidunt
pede pellentesque leo. Nunc congue, ligula sed auctor
pretium, odio libero accumsan sem, vitae accumsan lorem nisi
sed odio. Morbi at purus. Cras auctor mollis enim.
Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Sed euismod mollis mi. Ut
tempor leo id eros. Integer dapibus rutrum eros. Sed feugiat
mollis erat. Integer non lorem. Phasellus nibh ante,
imperdiet non, facilisis vel, ultricies in, nulla. Praesent
sapien dolor, tempor in, eleifend aliquet, tincidunt at,
nisl. Cras nec sem sed est condimentum placerat.</p>
<h2>maecenas malesuada.</h2>
<p>Maecenas malesuada. Phasellus ante est, convallis id,
condimentum a, interdum non, augue. Ut dapibus leo. Donec id
nunc. Nullam sit amet velit. Aenean ultricies est eu sapien.
Suspendisse ac sem et pede aliquam egestas. Aenean odio.
Suspendisse potenti. Duis eget leo lobortis felis accumsan
facilisis. Ut pharetra lobortis magna.</p>
<h3>mauris arcu lacus.</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque condimentum, est et facilisis luctus, sem nisl
scelerisque felis, eget bibendum erat tortor sed tortor.
Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Maecenas nec quam. Cum
sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Mauris arcu lacus, fermentum ac,
porttitor sed, suscipit non, eros. Nullam lectus.
Pellentesque et diam. Duis sit amet nisi. Mauris
pellentesque metus in felis. Vivamus eleifend aliquet urna.
Vivamus non pede. Nulla nec augue ac metus tincidunt
vehicula. Curabitur quis sapien sit amet ligula imperdiet
pretium. Suspendisse neque lorem, hendrerit eu, ultricies
ac, luctus vel, nibh. Nulla urna. Phasellus risus.</p>
</div>
</div>
<div id="menucont">
<ul>
<li><a class="active" href="#">home</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">services</a></li>
<li><a href="#">free xhtml templates</a></li>
<li><a href="#">contact us</a></li>
</ul>
</div>
<div id="footercont">
<ul>
<!-- please leave this link in place - thank you -->
<li>design by <a title="derby uk web design"
href="http://www.tristarwebdesign.co.uk"><b>tristar web design</b></a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JUST GREY</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top">
<h1>Your <span style="font-weight:bold; color:#bbb;">Company</span> Name</h1>
</div>
<div id="menu">
<ul>
<li><a href="#" title="Link 1"><span>Home</span></a></li>
<li><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
<li><a href="#" title="Link 5"><span>Link 5</span></a></li>
<li><a href="#" title="Link 6"><span>Link 6</span></a></li>
<li><a href="#" title="Link 7"><span>Link 7</span></a></li>
</ul>
</div>
<div id="header"></div>
<div id="gutter"></div>
<div id="col1">
<h2>Navigation</h2>
<div class="navlist">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">ANDREAS VIKLUND</a></li>
<li><a href="#">JAMES KOSTER</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">LISTAMATIC</a></li>
<li><a href="#"> LAYOUTGALA</a></li>
<li><a href="#"> BLUEROBOT</a></li>
</ul>
</div>
<h2>Login</h2>
<label for="tf1">Name: </label>
<br />
<input type="text" id="tf1" value="" />
<br />
<label for="tf2">Password: </label>
<br />
<input type="text" id="tf2" value="" />
<br />
<h2>Vote</h2>
Choose
<label for="rb1">Yes</label>
or
<label for="rb2">No</label>
:<br />
<input id="rb1" name="nlrb" type="radio" value="yes" />
<label for="rb1"> Yes</label>
<br />
<input id="rb2" name="nlrb" type="radio" value="no" />
<label for="rb2">No</label>
</div>
<div id="col2">
<h2>Introduction</h2>
<blockquote> The page has been tested in Mozilla and IE7. This page validates as
XHTML 1.0 Transitional using valid CSS. The top menu is from Exploding
Boy.com<br />
For more FREE CSS templates visit my website.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p><a href="#">< This is a link</a></p>
</div>
<div id="col3">
<h2>Search</h2>
<form method="get" id="searchform" action="#">
<div>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
<div id="bottom">
<div class="list3">
<h3>Updates</h3>
<div class="navlist">
<ul>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
<div class="list3center">
<h3>Resources</h3>
<div class="navlist">
<ul>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
<div class="list3">
<h3>Links</h3>
<div class="navlist">
<ul>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
</div>
<div class="clear"> </div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</body>
</html>
<!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>Aquaria</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Blogs</a></li>
<li><a href="#" accesskey="3">Photos</a></li>
<li><a href="#" accesskey="4">Links</a></li>
<li><a href="#" accesskey="5">About</a></li>
<li><a href="#" accesskey="6">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="header">
<div id="logo">
<h1><a href="#">Aquaria</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<div id="banner"><a href="#">Lorem ipsum dolor amet veroeros!</a></div>
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<div class="post">
<h1 class="title">Welcome to Aquaria!</h1>
<div class="story">
<p><strong>Aquaria</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from <a
href="#">PDPhoto.org</a>. You're free to use it for both commercial or personal
use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
<div class="post boxed">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three </li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li class="first"><a href="#">June 2007</a> <i>(2)</i></li>
<li><a href="#">May 2007</a> <i>(31)</i></li>
<li><a href="#">April 2007</a> <i>(30)</i></li>
<li><a href="#">March 2007</a> <i>(31)</i></li>
<li><a href="#">February 2007</a> <i>(28)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li class="first"><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
<li>
<h2>Blog Roll</h2>
<ul>
<li class="first"><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Aquaria. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"> <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a
href="http://validator.w3.org/check/referer"><abbr title="eXtensible HyperText
Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!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>Kaleidos</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="sidebar">
<div id="logo">
<h1><a href="#">Kaleidos</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu" class="boxed">
<div class="content">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et, tellus.
Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at urna
congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="ads">
<div id="support">
<h2>Need Help?</h2>
<h3>1-800-1234567</h3>
</div>
<div id="ad160x600"><a href="#"><img src="images/img07.gif" alt="" width="160"
height="600" /></a></div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Kaleidos!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story"> <img src="images/img06.jpg" alt="" width="104" height="104"
class="left" />
<p><strong>Kaleidos</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Kaleidos. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>*KHAKI*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1> Company Name</h1>
</div>
<div class="clear"></div>
<div id="sidebar">
<div class="menu">
<ul>
<li class="links">Navigate</li>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Contact</a></li>
<li class="links">Articles</li>
<li><a href="#">Article 1</a></li>
<li><a href="#">Article 2</a></li>
<li><a href="#">Article 3</a></li>
<li><a href="#">Article 4</a></li>
<li><a href="#">Article 5</a></li>
<li><a href="#">Article 6</a> </li>
<li class="links">Archives</li>
<li><a href="#">April 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">Feb 2007</a></li>
<li><a href="#">Jan 2007</a></li>
<li><a href="#">Dec 2006</a></li>
<li><a href="#">Nov 2006</a></li>
</ul>
</div>
</div>
<div id="sidebar-b">
<div class="menu">
<ul>
<li class="links">Links</li>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic </a> </li>
<li class="links">Resources</li>
<li><a href="#">Layout Gala</a></li>
<li><a href="#">Glish</a></li>
<li><a href="#">Tanfa</a></li>
<li><a href="#">CSS Boxes</a></li>
<li><a href="#">Max Design</a></li>
<li><a href="#">Jello</a></li>
<li class="links">BlogRoll</li>
<li><a href="#">Blog 1</a></li>
<li><a href="#">Blog 2</a></li>
<li><a href="#">Blog 3</a></li>
<li><a href="#">Blog 4</a></li>
<li><a href="#">Blog 5</a></li>
<li><a href="#">Blog 6</a> </li>
</ul>
</div>
</div>
<div id="content">
<h1>Welcome to <span style="font-weight:bold; color:#ACAF2C;">Khaki</span>
Template</h1>
<blockquote> This template has been tested in Mozilla Firefox and IE7. The page
validates as XHTML 1.0 Transitional using valid CSS. It will work in browser widths
of 800x600, 1024x768 & 1280x1064. <br />
For more FREE CSS templates visit <a href="http://www.mitchinson.net">my
website</a>.</blockquote>
<h1>Filler Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 03, 2007</span> </p>
<h1>More Filler Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 03, 2007</span> </p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>
<title>Kitchen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="container">
<div id="top">
<h3>The Name of Your Site</h3>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="headertext">
<h4>Another Text Here Maybe</h4>
</div>
<div id="banner"></div>
<div id="content">
<div id="welcomecontainer">
<div class="welcome">
<h1>Welcome to The Name</h1>
<img src="images/pic.gif" alt="Pic" class="img" />
<p class="style1">This site design is open source,<br />
so feel free to use it as you want,<br />
it is appreciated if you keep the links in the footer<br />
"By Kitchen appliances and Appliances". Enjoy!<br />
Lorem ipsum dolor sit amet,<br />
adipiscing<br />
elit.Fusce dapibus eros ut enim. Nullam<br />
velleo.<br />
Suspendisse vulputate tellus id<br />
aoreet vel, tincidunt sit<br />
amet,malesuada ac, diam. Praesent lacus libero<br />
sit. Amet, commodo et, iaculis<br />
porttitorsapien. Fusce adipiscing.<br />
Aenean tempus accumsan tellus. <a href="#">Read More ></a></p>
</div>
<div class="welcome">
<h1>Welcome to The Name</h1>
<img src="images/pic.gif" alt="Pic" class="img" />
<p class="style1">Lorem ipsum dolor sit amet,<br />
adipiscing<br />
elit.Fusce dapibus eros ut enim. Nullam<br />
velleo.<br />
Suspendisse vulputate tellus id<br />
aoreet vel, tincidunt sit<br />
amet,malesuada ac, diam. Praesent lacus libero<br />
sit. Amet, commodo et, iaculis<br />
porttitorsapien. Fusce adipiscing.<br />
Aenean tempus accumsan tellus. <a href="#">Read More ></a></p>
</div>
</div>
<div class="news">
<h2>News is good!</h2>
<img src="images/pic.gif" alt="Pic" class="img" />
<p class="style1">Lorem ipsum dolor sit amet, c<br />
onsectetuer adipiscing elit.<br />
Fusce dapibus eros ut enim. Nullam<br />
scelerisque sem vel<br />
leo. Suspendisse vulputate tellus id <br />
felis.</p>
</div>
<div class="news">
<h2>News is good!</h2>
<img src="images/pic.gif" alt="Pic" class="img" />
<p class="style1">Lorem ipsum dolor sit amet, c<br />
onsectetuer adipiscing elit.<br />
Fusce dapibus eros ut enim. Nullam<br />
scelerisque sem vel<br />
leo. Suspendisse vulputate tellus id <br />
felis.</p>
</div>
</div>
<div id="footer">
<p class="style2"><a href="#">Home</a> <a href="#">About</a> <a
href="#">Products</a> <a href="#">Services</a> <a href="#">Contact</a><br />
Copyright © 2007 <a href="#">Your Name</a> | By Kitchen appliances and
Appliances</p>
</div>
</div>
</body>
</html>
<!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>Las Vegas Too</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Las Vegas Too</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="pages">
<h2>Pages</h2>
<ul>
<li class="active"><a id="page1" href="#">Home</a></li>
<li><a id="page2" href="#">My Photos</a></li>
<li><a id="page3" href="#">My Favorites</a></li>
<li><a id="page4" href="#">About Me</a></li>
<li><a id="page5" href="#">Contact Me</a></li>
</ul>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Las Vegas Too!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Las Vegas Too</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“ Donec fermentum condimentum nisi. Proin iaculis mauris id
lorem viverra molestie. Duis vel orci. Et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie. Duis
vel orci. Nam consequat. Morbi nec lacus.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="search" class="boxed">
<h2 class="heading">Search</h2>
<div class="content">
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>
</div>
<div id="archives" class="boxed">
<h2 class="heading">Archives</h2>
<div class="content">
<ul>
<li class="first"><a href="#">February</a> (7)</li>
<li><a href="#">January 2007</a> (31)</li>
<li><a href="#">December 2006</a> (31)</li>
<li><a href="#">November 2006</a> (30)</li>
<li><a href="#">October 2006</a> (31)</li>
<li><a href="#">September 2006</a> (30)</li>
</ul>
</div>
</div>
<div id="categories" class="boxed">
<h2 class="heading">Categories</h2>
<div class="content">
<ul>
<li class="first"><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
</ul>
</div>
</div>
<div id="blogroll" class="boxed">
<h2 class="heading">Blogroll</h2>
<div class="content">
<ul>
<li class="first"><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Las Vegas Too. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</div>
</body>
</html>
<!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>Lay of the Land</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link type="text/css" rel="stylesheet" href="default.css" />
<!-- IE CSS HACKS -->
<!--[if IE]><style>#container{margin-top:-15px;}.arch_cat{margin-left:0}</style><!
[endif]-->
<!--[if lte IE 6]><style>#container{position:relative;top:0}#sidebar{margin-
right:0}#sidebar h3.ie6{margin-bottom:-12px}#sidebar input.textfield{margin-
top:0}.linkbox li{line-height:.8em}#sidebar a:hover input{color:#F40;}</style><!
[endif]-->
</head>
<body>
<div id="container">
<div id="banner">
<ul id="menubar">
<li><a href="#">contact us</a></li>
<li><a href="#">downloads</a></li>
<li><a href="#">links</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
<div id="sidebar">
<h3 class="ie6">search</h3>
<form action="#" method="post">
<fieldset>
<input type="text" name="string" size="10" class="textfield" />
<br />
<!--[if lte IE 6]> <a href="#"><![endif]-->
<input type="submit" name="Submit" value="FIND" class="submit"/>
<!--[if lte IE 6]></a><![endif]-->
</fieldset>
</form>
<h3>about</h3>
<p>I created this Design to be used as a blog and to be integrated with a
blogging software like WordPress. Hope you enjoy this template as much as I enjoyed
creating it.</p>
<h3>archives</h3>
<ul class="arch_cat">
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">More...</a></li>
</ul>
<h3>categories</h3>
<ul class="arch_cat">
<li><a href="#">Uncatagorized</a> (24)</li>
<li><a href="#">Templates</a> (10)</li>
<li><a href="#">Design</a> (15)</li>
<li><a href="#">Technology</a> (17)</li>
<li><a href="#">Personal</a> (4)</li>
<li><a href="#">Tutorials</a> (8)</li>
</ul>
<h3>links</h3>
<ul class="arch_cat linkbox">
<li><a href="#">Open Web Design</a></li>
<li><a href="#">WordPress</a></li>
<li><a href="#">Photoshop Star</a></li>
<li><a href="#">Stu's CSS Play</a></li>
<li><a href="#">Blue Vertigo</a></li>
<li><a href="#">Squidfingers</a></li>
<li><a href="#">More...</a> </li>
</ul>
</div>
<div id="content">
<h1>lay of the land</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut sollicitudin ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur.</p>
<div class="blogitem">
<h2>what's the good word, big bird?</h2>
<p class="authdate">by <a href="#">john</a> <span class="slash">//</span>
November 13, 2006 <span class="slash">//</span> 2:34 am</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
facilisis, magna a sollicitudin pellentesque, odio lorem egestas tortor, a mattis
mauris lacus vitae purus. Nullam erat. Etiam nisi. Donec pulvinar pellentesque
nisi. Integer dapibus pulvinar leo. Aenean adipiscing scelerisque justo. Aliquam
erat volutpat. Donec adipiscing dui eget risus. Nullam non nisi vitae sem pulvinar
vestibulum. Ut non sapien. Duis vitae nisi.</p>
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam
turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed
tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis
sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.
Morbi ultrices magna et neque. In hac habitasse platea dictumst. Quisque vehicula
ultricies neque.</p>
<p class="blogbottom">tags: <span class="tags"> <a href="#">Templates</a>, <a
href="#">Design</a>, <a href="#">Personal</a></span> <span class="slash">//</span>
<a href="#">permalink</a> <span class="slash">//</span> <a href="#">12
comments</a></p>
</div>
<div class="blogitem">
<h2>let's test some style elements</h2>
<p class="authdate">by <a href="#">michael</a> <span class="slash">//</span>
November 12, 2006 <span class="slash">//</span> 6:55 pm</p>
<p><img src="img/butterfly.jpg" alt="Butterfly" class="float_left" />To the
left you will see an image styled with the "float_left" class. It applies the
correct margins as well. If you haven't already guessed it, there is a
"float_right" class as well. Next, we can show off what a link looks like: <a
href="#">click here</a>. That was fun. Why don't you check out this <b>bold
text</b>? You can use the 'strong' or 'b' tag; they are both styled exactly the
same. This <i>italicized text</i> looks swell, don't you think?</p>
<p>Blockquotes are useful for displaying a quote that runs more than two
lines in a normal paragraph. Here is an example of what a blockquote looks like in
this template:</p>
<blockquote>
<p>Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed
tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis
sit amet.</p>
</blockquote>
<p>Here are some sample lists:</p>
<ul class="arrow">
<li>Internet Explorer 6</li>
<li>Internet Explorer 7</li>
<li>Safari 2.0.4</li>
<li>Firefox 1.5-2.0</li>
<li>Opera 9.0.2</li>
</ul>
<ol>
<li>Internet Explorer 6</li>
<li>Internet Explorer 7</li>
<li>Safari 2.0.4</li>
<li>Firefox 1.5-2.0</li>
<li>Opera 9.0.2</li>
</ol>
<p class="blogbottom">tags: <span class="tags"> <a href="#">Templates</a>, <a
href="#">Design</a>, <a href="#">Personal</a></span> <span class="slash">//</span>
<a href="#">permalink</a> <span class="slash">//</span> <a href="#">35
comments</a></p>
</div>
</div>
<div id="footer">
<p>© 2006 www.yoursite.com <span class="slash">// </span> Design by <a
href="http://20pirates.com">20 Pirates</a> <span class="slash">// </span> Valid <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> <span class="slash">//
</span> Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS2</a></p>
</div>
</div>
</body>
</html>
<!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-AU">
<head>
<title>Lazy Days</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/html.css" media="screen,
projection, tv " />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="screen,
projection, tv" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
</head>
<body>
<!-- CONTENT: Holds all site content except for the footer. This is what causes
the footer to stick to the bottom -->
<div id="content">
<!-- HEADER: Holds title, subtitle and header-images -->
<div id="header">
<div id="title">
<h1>Lazy Days</h1>
<h2>in the city</h2>
</div>
<img src="images/bg/balloons.gif" alt="" class="balloons" /> <img
src="images/bg/header_left.jpg" alt="" class="left" /> <img
src="images/bg/header_right.jpg" alt="" class="right" /> </div>
<!-- MAIN MENU: Top horizontal menu of the site. Use class="here" to turn the
current page tab on -->
<div id="mainMenu">
<ul class="floatRight">
<li><a href="#" class="here">Home</a></li>
<li><a href="help.html">Help</a></li>
<li><a href="tags.html">Tags</a></li>
<li><a href="print.html">Print</a></li>
<li><a href="#" class="last">Mail</a></li>
</ul>
</div>
<!-- PAGE CONTENT BEGINS: This is where you would define the columns (number,
width and alignment) -->
<div id="page">
<!-- 25 percent width column, aligned to the left -->
<div class="width25 floatLeft leftColumn">
<h1>Intro</h1>
<ul class="sideMenu">
<li class="here"> Dynamic Template
<ul>
<li><a href="#">Book of Fluidity</a></li>
<li><a href="#">Coding</a></li>
</ul>
</li>
<li><a href="#">Fullahead</a></li>
<li><a href="#">ThreeTree</a></li>
</ul>
<p> This sidebar can be used to jump to sections within the page, or other
sub pages of the active tab. </p>
<p> Using this approach, you shouldn't need breadcrumbs since you've provided
your visitor with a <b>visual cue</b> to where they are in the site. </p>
<p> To <b>learn more</b> about how to use this template, follow the <a
href="help.html">help</a> link. You can also see the styled <a
href="tags.html">tags</a> and the <a href="print.html">print</a> layout version.
</p>
</div>
<!-- 75 percent width column, aligned to the right -->
<div class="width75 floatRight">
<!-- Gives the gradient block -->
<div class="gradient"> <a name="fluidity"></a>
<h1>Dynamic Template</h1>
<h2>Taken from the book of fluidity, this template is exceptionally easy to
customize using re-useable CSS classes.</h2>
<p> This template quickly and easily allows for one, two, three or even
four column layouts. This is done with simple <acronym title="Cascading Style
Sheet">CSS</acronym> classes that can be used over and over again. To learn more
about it, follow <a href="help.html">this link</a>. The template itself is valid
<acronym title="eXtensible Hypertext Markup Language">XTHML</acronym> 1.0 strict
and <i>almost</i> valid CSS. The almost is added in there because CSS expressions
were used. </p>
<blockquote class="go">
<p> This template doesn't use fixed columns. With a few simple CSS
classes you can quickly change the appearance. <a href="help.html">Click here</a>
to learn how. </p>
</blockquote>
<p> Since this template is fluid width and the font sizes are defined
relatively, you can <b>change font size without breaking the layout</b>. The fluid
width also means that people with higher resolutions aren't constrained. </p>
<p> Total size of the images used is just under 25 <acronym
title="kilobytes">kb</acronym>, so that's good news to all the dial-up users. The
code behind the template is semantically written which means that it is widely
supported. As for the browsers, it displays consistently in the usual suspects:
</p>
<ul>
<li><b>Firefox</b> of course</li>
<li><b>Opera</b> sure, why not</li>
<li><b>Netscape</b> like firefox's less attractive cousin at the
dance</li>
<li><b>Internet Explorer</b> ...</li>
<li><b>Safari</b> cause macs are computers too</li>
</ul>
</div>
<div class="gradient"> <a name="coding"></a>
<h1>Coding</h1>
<h2>Image Alignment and The Header</h2>
<p> <a href="#"><img src="images/firefox.jpg" alt=""
class="floatLeft"/></a> Images are fully supported using the <i>floatLeft</i> and
<i>floatRight</i> classes. Just apply one of them to the image you want to
position. Images that have link tags around them will also have a nifty rollover
effect, as long as you're using a standards complients browser. If you're not,
well then no rollover effect for you. </p>
<p> The site header-images are two slices and a repeated background. Using
the same approach, and a little bit of photoshop, you should be able to easily
replace them. However, since they were created by me, you're welcome to use them
in any projects you might like. </p>
<h2>The Footer</h2>
<p> A variation on the footerStickAlt technique is used to force the site
footer to the bottom of the page if there isn't enough content to push it down.
This means your template will always look tidy and you won't have to worry about a
lonely footer, hanging out halfway up your page. </p>
<a name="expressions"></a>
<h2>Readability using Maximum Width</h2>
<p> To improve readability of this template (since it is fluid), the width
is capped at 1000 pixels. This seems like a pretty reasonable thing to do and
that's why CSS has thoughtfully included the max-width property. Unfortunately, IE
decided it didn't need no stinkin' max-width, so a CSS expression was needed. </p>
<blockquote class="exclamation">
<p> A CSS expression is like a snippet of javascript code that runs in
your style sheet. It's invalid CSS, but only IE pays any attention to it. </p>
</blockquote>
<p> If you're concerned about having valid CSS, take out the expression.
It won't ruin the template in IE, it just means that the content will expand to
100% of the screen width. All other browsers will behave. </p>
</div>
</div>
</div>
</div>
<!-- FOOTER: Site footer for links, copyright, etc. -->
<div id="footer">
<div id="width"> <span class="floatLeft"> Design <a
href="http://fullahead.org">Fullahead</a> <span class="grey">|</span> valid <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> <span class="grey">|
</span> should be valid <a href="http://jigsaw.w3.org/css-validator">CSS</a>
</span> <span class="floatRight"> <a href="#">home</a> <span class="grey">|</span>
<a href="help.html">help</a> <span class="grey">|</span> <a
href="tags.html">tags</a> <span class="grey">|</span> <a
href="print.html">print</a> <span class="grey">|</span> <a href="#">mail</a>
</span> </div>
</div>
</body>
</html>
<!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" lang="en">
<head>
<title>Leaves v.1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="main.css" rel="stylesheet" title="main.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"> <img src="images/leaves.jpg" alt="" class="leaves" />
<h1>Leaves v.1</h1>
<p>From Warsaw, Amsterdam, New York,<br />
Chicago, London, Paris...</p>
<p>Posting for you- the webcrawlers...</p>
</div>
<div id="main_menu"> <a href="#" class="aactive">Home</a> <a href="#">Album</a>
<a href="#">Profile</a> <a href="#">Articles</a> <a href="#">News</a> <a
href="#">Sports</a> <a href="#">writings</a> <a href="#">Forums</a> </div>
<div id="sidebar">
<h1>Latest Going...</h1>
I
If you're interested in this design and wanna use it as your own, please leave
a link leading to my site at: www.bartosz.co.nr, or email me from that site, so
that for a low price I can let you remove it. Great thanks to JayKayfor helping me
arrange few things.
<h1>Links</h1>
<a href="#">oswd.org</a><br />
<br />
</div>
<div class="article">
<h1>Article Title</h1>
<div class="article_info"> posted by <a href="#">author</a> on thursday 25
december 2024. </div>
<p>jdnf jdsnf ds nfdkslfn dsjfn ldsf jndslnfdjsfn ldksn fdsnkf ldsnf jdslfn
dsjnf dsl nfsdjfn dslf nsjdf nldsj ndslfn dsjfn dsj knfldsn jdslnf sjdnf ldsnf
jsdnl fdjsnf lsndd flds njdsn fldsn jds lndsn fdsl nfjsdnf ldsjn fldsnf jdsnf ldsf
jnldsfn jsdf lndsjf ndslf ndjs fnldsf jndsf lnsdjfn ldsn fjdsnf lsdfn jdslnf jdsnf
ldsnf jdslf dsjkf nsldnf dsjfn ldsfn snf ldsn fsdl fjnlds nfjs nflds jnfsldn fksfnj
lskdfn sjknf klds fjnslknf dsn fkldsn fjsnd flksnf ldsnf dsjnf lsdnf jsnf kldsnf
kdsnlf kds nfldsn fdjsn fldsnf jdslnf jdsnf ldsn fjdsnf ldjsn dsln jdsn fldsnf
kjsnf lsdnfsdjkfnds jkndslfn dsj nfdsjn fldsn fjsdn fldsn jsdl fndsj nfdsl fjds
nlsdn ldskn ldsn jdsn flkdsn jsdn lfnds jfdslf nj </p>
</div>
<div class="article">
<h1>Article Title</h1>
<div class="article_info"> posted by <a href="#">author</a> on thursday 25
december 2024. </div>
<p>jdnf jdsnf ds nfdkslfn dsjfn ldsf jndslnfdjsfn ldksn fdsnkf ldsnf jdslfn
dsjnf dsl nfsdjfn dslf nsjdf nldsj ndslfn dsjfn dsj knfldsn jdslnf sjdnf ldsnf
jsdnl fdjsnf lsndd flds njdsn fldsn jds lndsn fdsl nfjsdnf ldsjn fldsnf jdsnf ldsf
jnldsfn jsdf lndsjf ndslf ndjs fnldsf jndsf lnsdjfn ldsn fjdsnf lsdfn jdslnf jdsnf
ldsnf jdslf dsjkf nsldnf dsjfn ldsfn snf ldsn fsdl fjnlds nfjs nflds jnfsldn fksfnj
lskdfn sjknf klds fjnslknf dsn fkldsn fjsnd flksnf ldsnf dsjnf lsdnf jsnf kldsnf
kdsnlf kds nfldsn fdjsn fldsnf jdslnf jdsnf ldsn fjdsnf ldjsn dsln jdsn fldsnf
kjsnf lsdnfsdjkfnds jkndslfn dsj nfdsjn fldsn fjsdn fldsn jsdl fndsj nfdsl fjds
nlsdn ldskn ldsn jdsn flkdsn jsdn lfnds jfdslf nj </p>
</div>
<div class="article">
<h1>Article Title</h1>
<div class="article_info"> posted by <a href="#">author</a> on thursday 25
december 2024. </div>
<p>jdnf jdsnf ds nfdkslfn dsjfn ldsf jndslnfdjsfn ldksn fdsnkf ldsnf jdslfn
dsjnf dsl nfsdjfn dslf nsjdf nldsj ndslfn dsjfn dsj knfldsn jdslnf sjdnf ldsnf
jsdnl fdjsnf lsndd flds njdsn fldsn jds lndsn fdsl nfjsdnf ldsjn fldsnf jdsnf ldsf
jnldsfn jsdf lndsjf ndslf ndjs fnldsf jndsf lnsdjfn ldsn fjdsnf lsdfn jdslnf jdsnf
ldsnf jdslf dsjkf nsldnf dsjfn ldsfn snf ldsn fsdl fjnlds nfjs nflds jnfsldn fksfnj
lskdfn sjknf klds fjnslknf dsn fkldsn fjsnd flksnf ldsnf dsjnf lsdnf jsnf kldsnf
kdsnlf kds nfldsn fdjsn fldsnf jdslnf jdsnf ldsn fjdsnf ldjsn dsln jdsn fldsnf
kjsnf lsdnfsdjkfnds jkndslfn dsj nfdsjn fldsn fjsdn fldsn jsdl fndsj nfdsl fjds
nlsdn ldskn ldsn jdsn flkdsn jsdn lfnds jfdslf nj </p>
</div>
<div class="comment"> Website designed by <a
href="http://www.bartosz.co.nr">Bartosz Brzezinski</a><br />
Content is © of your name here 2005<br />
Powered by <a href="#">-------</a> </div>
</div>
</body>
</html>
<!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>
<title>Leaves</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Leaves v1.0</h1>
<p>i like raking leaves. and jumping into them.</p>
<form name="form1" id="form1" method="post" action="#">
<input type="text" name="textfield" value="Search..." />
<input class=" button" type="submit" name="Submit" value="GO" />
</form>
</div>
<div id="navigation">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Contact</a></li>
<li>
<p><strong>A tiny little service announcement.</strong><br/>
Put all your little tidbits of information or pictures in this small yet
useful little area. </p>
</li>
</ul>
</div>
<div id="sidebar">
<h2>The Sidebar</h2>
<p>You have reached the sidebar, put news, links, or anything textual in here.
I think I'll drag on with typing nonsense text, until you feel really really
sleepy. Of course, you wouldn't waste time reading this. Some Latin would be more
useful.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas venenatis
enim ut purus. In hac habitasse platea dictumst. Sed rutrum tempus turpis. Sed
rhoncus dui eu ipsum. Pellentesque tincidunt. Quisque pulvinar. Morbi quis leo sit
amet neque tempor fringilla. Pellentesque faucibus metus vitae erat. Quisque a urna
ut sapien accumsan ornare. Nulla porta pretium eros. Fusce velit erat, accumsan
pellentesque, porttitor eu, commodo quis, augue. <a href="#">Fusce convallis ipsum
eget felis</a>. </p>
<p>Aenean eros arcu, condimentum nec, dapibus ut, tincidunt sit amet, urna.
Quisque viverra, eros sed imperdiet iaculis, est risus facilisis quam, id malesuada
arcu nulla luctus urna. </p>
</div>
<div id="content">
<h2>Welcome to Leaves.</h2>
<p>Welcome to Leaves, a static, 3 column layout made with your usual CSS and
XHTML. It is able to correctly accommodate any font size increases or shrinkages
(Is that a word?). It seems to work fine in Firefox, Opera, Internet Explorer and
Safari. It's more minimal than other designs, because I think images (drop shadows,
giant header images) are being obsessively over used these days. I think it
detracts from the content and shoves way too much information to a viewer all at
the same time, so here you go: Leaves, a minimalist design. Feel free to massacre
or change the design to your liking. Well, I guess it's time for some more Latin.
<strong>If you want me to create a custom design for you, feel free to drop me a
line anytime at [email protected] </strong></p>
<h2>Why I like Latin Filler Text. </h2>
<p>Aenean eros arcu, condimentum nec, dapibus ut, tincidunt sit amet, urna.
Quisque viverra, eros sed imperdiet iaculis, est risus facilisis quam, id malesuada
arcu nulla luctus urna. Nullam et est. Vestibulum velit sem, faucibus cursus,
dapibus vestibulum, pellentesque et, urna. Donec luctus. Donec lectus. Aliquam eget
eros facilisis tortor feugiat sollicitudin. Integer lobortis vulputate sapien. Sed
iaculis erat ac nunc. <a href="#">Etiam eu enim.</a> Mauris ipsum urna, rhoncus at,
bibendum sit amet, euismod eget, dolor. Mauris fermentum quam vitae ligula.
Vestibulum in libero feugiat justo dictum consectetuer. Vestibulum euismod purus
eget elit. Nunc sed massa porta elit bibendum posuere. Nunc pulvinar justo sit amet
odio. In sed est. Phasellus ornare elementum nulla. Nulla ipsum neque, cursus a,
viverra a, imperdiet at, enim. Quisque facilisis, diam sed accumsan suscipit, odio
arcu hendrerit dolor, quis aliquet massa nulla nec sem. </p>
<h2>Because I just do. </h2>
<p><a href="#">Proin sagittis leo in diam</a>. Vestibulum vestibulum orci vel
libero. Cras molestie pede quis odio. Phasellus tempus dolor eu risus. Aenean
tellus tortor, dignissim sit amet, tempus eu, eleifend porttitor, ipsum. Fusce
diam. Suspendisse potenti. Duis consequat scelerisque lacus. Proin et massa. Duis
adipiscing, lectus a euismod consectetuer, pede libero ornare dui, et lacinia ipsum
ipsum nec lectus. Suspendisse sed nunc quis odio aliquet feugiat. Pellentesque
sapien. Phasellus sed lorem eu augue luctus commodo. Nullam interdum convallis
nunc. Fusce varius. Ut egestas. Fusce interdum iaculis pede. Sed vehicula
vestibulum odio. <a href="#">Donec id diam.</a></p>
</div>
<div id="footer">
<p><a href="http://validator.w3.org/check?uri=referer">Valid
XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid
CSS</a> | Copyright © Your Name Here | Design by <a
href="http://smallpark.org">SmallPark</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Less Antique</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="head">
<div id="title"> Less Antique </div>
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="1col.html">1 Column</a></li>
<li><a href="tags.html">Tags</a></li>
<li><a href="#">Author</a></li>
</ul>
</div>
</div>
<div id="body_wrapper">
<div id="body">
<div id="split">
<div class="top"></div>
<div id="left">
<div class="content">
<h1>News</h1>
<h2>January 8, 2007</h2>
<p>Look what happened! After nearly a year (and over 12,000 downloads
from various sites) since I released Antique Modern to the community, I have
finally created one of the most requested changes - BLUE. Some people didn't like
the colors, and I basically told them they could fly a kite! Well, that was until
now. I had a few changes to the design (see below) and decided to release a
separate color scheme along with the enhancements. I hope people like this one as
much as the last!</p>
<h3>Enhancements from Antique Modern</h3>
<h4>Menu</h4>
<p>Previously the menu was aligned right, and the header aligned left.
This became troublesome when they merged. The menu would fall below. While I
can't make the number of tabs unlimited, you can now have up to 7 without any
negative effects.</p>
<h4>Sidebar</h4>
<p>In the "Antique Modern" design, the sidebar would usually
never be the same length as the content. This was not a complete problem, but it
felt like a design flaw. Fixed that right up!</p>
<h4>Images and Dropshadows</h4>
<p>I am not a graphic designer. I am a programmer. So when it came to
pass that I started designing webpages, it wasn't perfect. I had dropshadows with
different light sources, and didnt understand how to export them correctly. That
is mostly fixed in this new design with new colors. It isn't perfect. I am still
not completely inclined to seeing graphics the way many artsy people do.</p>
<h4>Other Changes</h4>
<p>Well, nothing really. Honestly, most of the stuff on this design is
exactly as it was before. Have fun!</p>
</div>
</div>
<div id="right">
<div class="content">
<h4>Cool Shizzle</h4>
<ul>
<li><a href="#">Aaron Ganschow</a></li>
<li><a href="#">Wildleaf</a></li>
<li><a href="#">The Open Design Community</a></li>
</ul>
<hr />
<h4>Job 20:18</h4>
They will give back everything they worked for.Their wealth will bring
them no joy.
<hr />
<h4>Contact</h4>
<form action="#">
email<br />
<input type="text" name="email" id="email" size="16" />
<br />
comment<br />
<textarea name="comment" id="comment" cols="13" rows="4"></textarea>
<br />
<input type="submit" value="Send" style="float: right;" />
</form>
</div>
</div>
<div class="clearer"></div>
<div class="bottom"></div>
</div>
<div class="clearer"></div>
</div>
<div class="clearer"></div>
</div>
<div id="end_body"></div>
<div id="footer"> Designed by <a href="http://aaron.ganschow.us/">Aaron
Ganschow</a> <br />
© Copyright Your Name 2007 </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>LGBlue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="toph"></div>
<div id="header">
<div class="rside">
<div class="citation">
<h2>Lorem Ipsum</h2>
Curabitur interdum molestie arcu. Cum sociis natoque penatibus et magnis
dis.</div>
</div>
<div class="lside">
<div class="title">[your logo here]
<h2>YOUR COMPANY</h2>
Your best Slogan Here</div>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">LGBlue Free Css Template</a></h2>
<h3>A SIMPLE CSS / XHTML TEMPLATE</h3>
<div class="img"><img src="images/finance.jpg" alt="Finance" /></div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras sit amet nunc
at arcu feugiat feugiat. Suspendisse potenti. Fusce mi velit, scelerisque vel, <a
href="#">congue quis</a>, congue vitae, est. Vivamus et nisi nec purus consectetuer
porta. Suspendisse potenti. Pellentesque egestas arcu. Aenean eleifend dignissim
urna. Morbi dignissim. In faucibus porttitor mauris. Vestibulum eget lectus. Proin
sapien. Sed dapibus dui a ante. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas. Aliquam eu nunc. Vivamus sed enim.
Aenean vulputate commodo purus. Ut tincidunt suscipit purus. Ut commodo nisi id
velit. Nulla a ipsum id elit pharetra cursus. Integer lacinia pulvinar tortor.
<p class="date">Posted by David <img src="images/comment.gif" alt="" /> <a
href="#">Comments (3)</a> <img src="images/timeicon.gif" alt="" /> 21.02.</p>
<br />
<h2><a href="#">Lorem Ipsum</a></h2>
<h3>USE IT FOR FREE WITH SNEWS OR NOT! ;)</h3>
<div class="img"><img src="images/laptop1.jpg" alt="laptop" /></div>
Nunc vitae odio feugiat erat sodales fermentum. Nulla semper. Donec sem mi,
tempus vitae, ornare at, facilisis quis, nunc. Vestibulum bibendum dignissim
lectus. Fusce convallis risus in elit. Proin iaculis, massa rhoncus malesuada
rhoncus, est dui elementum nulla, a tristique magna leo vel sem. Aliquam
ultricies,<a href="#">diam at mattis imperdiet, mi mi blandit orci</a>, sit amet
viverra tellus lorem in libero. Maecenas vitae sapien. Nulla porttitor elementum
arcu. Vestibulum pharetra lacus rhoncus pede. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Duis mollis turpis
vitae neque. Phasellus vel augue eu ipsum dictum viverra. Quisque ut est vitae
augue scelerisque semper. Donec quis dui. Cras vestibulum mauris vel nunc.
<p class="date">Posted by Jack <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(15)</a> <img src="images/timeicon.gif" alt="" /> 17.01.</p>
<br />
<br />
<div class="boxads">Curabitur interdum molestie arcu. Cum sociis natoque
penatibus et <a href="#">magnis dis parturient</a> montes, nascetur ridiculus mus.
Vivamus dignissim lobortis felis. Donec a urna. Fusce orci. Nullam id felis. Nulla
posuere ante sed tellus. Ut pharetra massa vel nunc. Proin nulla. Nam ligula metus,
fringilla eu, viverra non, sagittis nec, ante.</div>
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="padding">
<h2>Search</h2>
<form action="#">
<div class="search">
<input type="text" value="" class="text" />
<input type="submit" value="Go" class="searchbutton" />
<br />
</div>
</form>
<br />
<hr />
<h2>sNews</h2>
<h3>WHY SHOULD YOU USE IT?</h3>
sNews is both template independant, and standards compliant, and having
only one file means you can redesign your site whenever you want.
<hr />
</div>
</div>
</div>
<br />
<br />
<div id="footer">Copyright © 2006 LGBlue | Design: <a href="http://www.free-
css-templates.com">David Herreman</a> | <a href="#">Contact</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="#">Home</a></div>
</div>
</body>
</html>
<!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>Aqueous</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="wrapper">
<div id="innerwrapper">
<div id="header">
<form action="#">
<input value="Search" />
</form>
<h1><a href="#">Aqueous</a></h1>
<h2> A liquid layout by Six Shooter Media</h2>
<ul id="nav">
<li><a href="#" accesskey="3" class="active"><em>3</em> Columns</a></li>
<li><a href="twocolumns.html" accesskey="2"><em>2</em> Columns</a></li>
<li><a href="#"><em>H</em>ome</a></li>
<li><a href="#"><em>A</em>bout</a></li>
<li><a href="#"><em>E</em>xamples</a></li>
<li><a href="#"><em>C</em>ontact</a></li>
</ul>
<ul id="subnav">
<li>Subnav:</li>
<li><a href="#" accesskey="3" class="active"><em>3</em> Columns</a></li>
<li><a href="twocolumns.html" accesskey="2"><em>2</em> Columns</a></li>
<li><a href="#"><em>H</em>ome</a></li>
<li><a href="#"><em>A</em>bout</a></li>
<li><a href="#"><em>E</em>xamples</a></li>
<li><a href="#"><em>C</em>ontact</a></li>
</ul>
</div>
<div id="sidebar">
<h2>Latest News</h2>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h2>Sub Navigation</h2>
<ul class="subnav">
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
</ul>
<h2>Search</h2>
<input name="" type="text" value="Search" />
</div>
<div id="sidebarright">
<h2>Another Sidebar</h2>
<p> Sure, why not?! With all this width we have room for an additional
sidebar if you should so need one. </p>
<p> Of course, if you happen to not want this additional sidebar, a standard
2 column layout is available which you can view by <a
href="twocolumns.html">clicking here</a>! </p>
<h2>More Links</h2>
<ul>
<li>Six Shooter Media</li>
<li><a href="#">free templates</a></li>
<li><a href="#">Buy a Button</a></li>
<li><a href="#">Transfer Speculation</a></li>
</ul>
</div>
<div id="content">
<h2 id="Intro"><a href="#">Introduction</a></h2>
<p> Hello and welcome to Aqueous, a liquid template created by Six Shooter
Media. The template itself is designed for higher resolutions, 1024x768 and up,
however with it being liquid, it will work in any resolution you can throw at it.
It's written in XHTML and CSS and displays consistently on various web browsers.
</p>
<h2 id="About"><a href="#">About the Author</a></h2>
<p>Hi! My names Jay and I'm a 20 year old web designer from England. My main
projects are conducted through my website Six Shooter Media, but I (obviously) also
enjoy creating Open Source web templates for general use! You can keep a check on
my free templates here which is probably a link worth bookmarking as my templates
appear there a couple of weeks before OWD/OSWD due to the design queues. </p>
<p> Another site of mine that you might find interesting if you're setting up
a site with a free template like Buy a Button.net. There, for a great price you can
purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<p> If you want more of my free templates, they can be found here! </p>
<h2 id="Examples"><a href="#">Some Examples</a></h2>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf
hdsbf jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd
sb </p>
</blockquote>
<h3>List Example</h3>
<ul>
<li><span>Here</span></li>
<li><span>Is our friend</span></li>
<li><span>The list!</span></li>
</ul>
<h2 id="Contact"><a href="#">Contact</a></h2>
<p> If you decide to use this template please drop me a line to let me know!
Don't hesitiate to get in touch if your interested in a custom template or just in
any of my services in general. I look forward to hearing from you! </p>
<h3>Example Contact Form</h3>
<form action="#">
<label>Name</label>
<input value="Your Name" />
<label>Email</label>
<input value="Your Email" />
<label>You Comments</label>
<textarea rows="5" cols="5"></textarea>
<input type="submit" />
</form>
</div>
<div id="footer">
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here.</p>
</div>
</div>
</div>
</body>
</html>
<!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>Life is simple!</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="sadrzaj">
<div id="zaglavlje">
<div id="logo"> Life is simple! </div>
</div>
<div id="lijeva_kolona">
<div id="menuheader"></div>
<a href="#">Home</a> <a href="#">Support</a> <a href="#">News</a> <a
href="#">Affiliates</a> <a href="#">Info</a> <a href="#">Contact</a>
<div id="menufooter"></div>
</div>
<div id="desna_kolona">
<h3>Right column article</h3>
<div class="text_desno"> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. <br />
<br />
</div>
<h3>Another right column article</h3>
<div class="text_desno"> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. <br />
<div id="info"> <a href="http://validator.w3.org/check?uri=referer">Valid
XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid
CSS</a> <br/>
Visit <a href="http://www.solucija.com">Solucija</a> or contact us via
email. </div>
</div>
</div>
<div class="srednja_kolona">
<div class="content_title"><a href="#">Life is simple!</a></div>
<div class="text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. </div>
</div>
<div class="srednja_kolona">
<div class="content_title"><a href="#">Just some Lorem ipsum text</a></div>
<div class="text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. </div>
</div>
<div class="srednja_kolona">
<div class="content_title"><a href="#">Lorem ipsum strikes back!</a></div>
<div class="text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. </div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Light</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="container">
<div class="navigation">
<div class="title">
<h1>Light</h1>
<h2>- bright and smooth -</h2>
</div>
<a href="#">Home</a> <a href="#">Suspendisse</a> <a href="#">Elemen</a> <a
href="#">Maecenas</a>
<div class="clearer"><span></span></div>
</div>
<div class="holder_top"></div>
<div class="holder">
<h1>Porttitor posuere</h1>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est
pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo.
Vestibulum ac ante. Sed in est.</p>
<cite>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</cite>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae,
interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris.
Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a> risus.
Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius pede
tristique ultricies. Cras nisl. Proin quis massa semper felis euismod ultricies.
</p>
<h1>Adipiscing</h1>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non
euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante.
Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.
Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim
quam fringilla mi.</p>
<h1>Interdum</h1>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo placerat elit,
eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat
aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat
molestie.</p>
</div>
<div class="footer">© 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://templates.arcsin.se">Arcsin</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>LightBiz</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div class="rside">
<div class="topmenu"></div>
<div class="loginbox">
<div class="padding">
<form action="#">
Login <br />
<input type="text" value="" class="text" />
<br />
Password <br />
<input type="password" value="" class="text" />
<br />
<br />
<input type="submit" value="Login" class="searchbutton" />
<br />
</form>
</div>
</div>
<div class="topmain">Main Menu</div>
<div class="menu">
<h2>Categories</h2>
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<h2>Search</h2>
<form action="#">
<div class="search">
<input type="text" value="" class="text" />
<input type="submit" value="Go" class="searchbutton" />
<br />
</div>
</form>
<br />
<h2>Your Ads</h2>
<div class="ads"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer euismod ante non diam. Sed eleifend odio sed quam.Integer euismod ante non
diam. Sed eleifend odio sed quam. </div>
<br />
</div>
</div>
<div class="lside">
<div class="topmenu"> <a href="#">About</a> | <a href="#">Contact</a>
</div>
<div class="header">
<div class="padding">
<div class="citation">Lorem ipsum dolor sit amet<br />
Integer euismod ante non diam. Sed eleifend odio sed quam.</div>
<h1>YOUR COMPANY</h1>
Your Best Slogan here </div>
</div>
<div class="main">
<h2><a href="#">Free LightBiz Template</a></h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod
ante non diam. Sed eleifend odio sed quam. Sed vulputate, turpis at tincidunt
porttitor, est elit consequat metus, non dignissim augue mauris quis arcu.
Phasellus faucibus blandit eros. Curabitur porttitor ante non est. Maecenas dolor.
Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra malesuada, sem
velit laoreet sem, vitae iaculis diam neque consequat est. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Pellentesque tincidunt eros non quam. Mauris a magna sit amet libero accumsan
auctor. Aenean nec urna non dui lobortis viverra...
<p class="date">Posted by David <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(3)</a> <img src="images/timeicon.gif" alt="" /> 21.02.</p>
<br />
<h2><a href="#">To use with sNews!</a></h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod
ante non diam. Sed eleifend odio sed quam. Sed vulputate, turpis at tincidunt
porttitor, est elit consequat metus, non dignissim augue mauris quis arcu.
Phasellus <a href="#">faucibus blandit</a> eros. Curabitur porttitor ante non est.
Maecenas dolor. Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent
per conubia nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra
malesuada, sem velit laoreet sem, vitae iaculis diam neque consequat est.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Pellentesque tincidunt eros non quam. Mauris a magna sit amet
libero accumsan auctor. Aenean nec urna non dui lobortis viverra...
<p class="date">Posted by Jack <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(15)</a> <img src="images/timeicon.gif" alt="" /> 17.01.</p>
<br />
</div>
<div class="infobox">
<div class="r_sd">
<h2>Last Articles</h2>
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
diam adipiscing</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">consectetuer adipiscing
elit dolor sit amet</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit
amet ipsum dolor</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
adipiscing elit</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit
amet euismod ante</a><br />
</div>
<div class="l_sd">
<h2>Related Items</h2>
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
diam adipiscing elit</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">consectetuer adipiscing
elit dolor sit amet</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit
amet ipsum dolor</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
adipiscing elit</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit
amet euismod ante</a><br />
</div>
</div>
</div>
<div class="footer"> Copyright © 2006 LightBiz | Design: <a
href="http://www.free-css-templates.com">David Herreman</a> | <a
href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> | <a href="#">Home</a> </div>
</div>
</body>
</html>
<!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>LightBiz2</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
<div id="content">
<div id="header">
<div class="topong">
<div class="pad"> <img src="images/cart.gif" alt="My Cart" />
<h4><a href="#">VIEW CART</a></h4>
<br />
<span class="txt">Lorem Ipsum Dolore</span> </div>
</div>
<div class="topong">
<div class="pad"> <img src="images/account.gif" alt="Account" />
<h4><a href="#">MY ACCOUNT</a></h4>
<br />
<span class="txt">Lorem Ipsum Dolore</span> </div>
</div>
<h1><span class="green bigl">B</span>usiness<span class="green
bigl">N</span>ame</h1>
<span class="slogan">Place You Best Slogan Here</span> </div>
<div id="menu">
<div class="pad">
<div id="search">
<form action="#" method="get">
<p>
<input type="text" name="search" size="20" maxlength="250" class="text"
value="" />
<input type="submit" value="Go" class="txt" />
</p>
</form>
</div>
<div class="submit">
<ul>
<li><a href="#"><span>HOME</span></a></li>
<li><a href="#"><span>PRODUCTS</span></a></li>
<li><a href="#"><span>AFFILLIATES</span></a></li>
<li><a href="#"><span>ABOUT US</span></a></li>
<li><a href="#"><span>CONTACT</span></a></li>
</ul>
</div>
</div>
</div>
<div id="modules">
<div id="mod3">
<div class="padding"> <img src="images/img.gif" alt="" />
<div class="price"> <span class="only">ONLY</span><br />
$95.99 </div>
<div class="text">
<h2><a href="#">LOREM IPSUM</a></h2>
<p>Curabitur sed augue. Cras eu lectus. Nullam lectus. Nam tempor blandit
quam!</p>
</div>
</div>
</div>
<div id="mod2">
<div class="padding"> <img src="images/img.gif" alt="" />
<div class="price"> <span class="only">ONLY</span><br />
$35.99 </div>
<div class="text">
<h2><a href="#">LOREM IPSUM</a></h2>
<p>Curabitur sed augue. Cras eu lectus. Nullam lectus. Nam tempor blandit
quam!</p>
</div>
</div>
</div>
<div id="mod1">
<div class="padding"> <img src="images/img.gif" alt="" />
<div class="price"> <span class="only">ONLY</span><br />
$17.99 </div>
<div class="text">
<h2><a href="#">LOREM IPSUM</a></h2>
<p>Curabitur sed augue. Cras eu lectus. Nullam lectus. Nam tempor blandit
quam!</p>
</div>
</div>
</div>
</div>
<div id="maincontent">
<div id="introduction">
<h2>Suspendisse <span class="green">magna</span> est</h2>
<p> Proin tincidunt viverra eros. Phasellus id felis. Proin dui. Etiam
tristique. Aliquam erat volutpat. Suspendisse magna est, faucibus et, tincidunt ac,
vehicula a, mi. Ut sed enim. Duis volutpat, neque at dictum volutpat, nibh augue
ornare velit, nec auctor <a href="#">ipsum diam at nibh</a>. Aenean vel massa eu
lorem pretium faucibus. Aenean porttitor, augue non ullamcorper vestibulum, ligula
lectus pulvinar nunc, tristique consectetuer leo enim et diam. Aenean lorem lectus,
luctus id, volutpat ut, accumsan ac, risus. Phasellus sit amet nunc. <strong>Cum
sociis</strong> natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus.<br />
<br />
<a class="readm" href="#">Read more...</a> </p>
</div>
<div id="rightside">
<h2>Latest <span class="green">News</span></h2>
<p> <span class="date">12.03.2006</span><br />
Proin tincidunt viverra eros. Phasellus id felis. Proin dui. Etiam
tristique. Aliquam erat volutpat. Suspendisse magna est, faucibus et, tincidunt ac,
vehicula a, mi. <br />
<a class="readm" href="#">Read more...</a> </p>
<p> <span class="date">11.17.2006</span><br />
Proin tincidunt viverra eros. Phasellus id felis. Proin dui. Etiam
tristique. Aliquam erat volutpat. Suspendisse magna est, faucibus et, tincidunt ac,
vehicula a, mi. <br />
<a class="readm" href="#">Read more...</a> </p>
<p> <span class="date">11.05.2006</span><br />
Proin tincidunt viverra eros. Phasellus id felis. Proin dui. Etiam
tristique. Aliquam erat volutpat. Suspendisse magna est, faucibus et, tincidunt ac,
vehicula a, mi. <br />
<a class="readm" href="#">Read more...</a> </p>
</div>
<div id="leftside">
<div class="r">
<h2>Ipsum <span class="green">Diam</span></h2>
Duis volutpat, neque at dictum volutpat, nibh augue ornare velit, nec
auctor <a href="#">ipsum diam at nibh</a>. Aenean vel massa eu lorem pretium
faucibus. Aenean porttitor, augue non ullamcorper vestibulum, ligula lectus
pulvinar nunc, tristique consectetuer leo enim et diam. Aenean lorem lectus, luctus
id, volutpat ut, accumsan ac, risus. Phasellus sit amet nunc. </div>
<div class="le">
<h2>Nec <span class="green">auctor</span></h2>
Duis volutpat, neque at dictum volutpat, nibh augue ornare velit, nec
auctor <a href="#">ipsum diam at nibh</a>. Aenean vel massa eu lorem pretium
faucibus. Aenean porttitor, augue non ullamcorper vestibulum, ligula lectus
pulvinar nunc, tristique consectetuer leo enim et diam. Aenean lorem lectus, luctus
id, volutpat ut, accumsan ac, risus. Phasellus sit amet nunc. </div>
<div class="pad">
<h2>Suspendisse <span class="green">magna</span> est</h2>
<p> Proin tincidunt viverra eros. Phasellus id felis. Proin dui. Etiam
tristique. Aliquam erat volutpat. Suspendisse magna est, faucibus et, tincidunt ac,
vehicula a, mi. Ut sed enim. Duis volutpat, neque at dictum volutpat, nibh augue
ornare velit, nec auctor <a href="#">ipsum diam at nibh</a>.</p>
<div class="rs">
<ul>
<li>List line 1</li>
<li>List line 2</li>
<li>List line 3
<ul>
<li>Sublist line 1</li>
</ul>
</li>
</ul>
</div>
<p> Aenean vel massa eu lorem pretium faucibus. Aenean porttitor, augue non
ullamcorper vestibulum, ligula lectus pulvinar nunc, tristique consectetuer leo
enim et diam. Aenean lorem lectus, luctus id, volutpat ut, accumsan ac, risus.
Phasellus sit amet nunc. <strong>Cum sociis</strong> natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus.<br />
<a class="readm" href="#">Read more...</a> </p>
</div>
</div>
</div>
<div id="footer">
<p class="right">Copyright © 2006 Your Company, Design: <a
href="http://www.free-css-templates.com">free-css-templates.com</a></p>
<p><a href="#">Home</a> · <a href="#">Contact</a> · <a
href="#">Accessibility</a> · <a href="#">Products</a> · <a
href="#">Disclaimer</a> · <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a><br />
</p>
</div>
</div>
</body>
</html>
<!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>
<title>*PURPLE*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:75%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:normal 1em/1.6em helvetica, "Trebuchet MS", arial, sans-
serif;}
</style>
<![endif]-->
</head>
<body>
<div id="top">
<h2><a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a></h2>
</div>
<div id="banner">
<h1> <a href="#">Your Company Name</a></h1>
</div>
<div id="menuh-container">
<div id="menuh">
<ul>
<li><a href="#" class="top_parent">Homepage</a> </li>
</ul>
<ul>
<li><a href="#" class="top_parent">About</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent">Projects</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent">Portfolio</a> </li>
</ul>
<ul>
<li><a href="#" class="top_parent">Contact</a> </li>
</ul>
</div>
</div>
<div id="container">
<div id="sidebar">
<h3>Links</h3>
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
</ul>
<h3>Sub Menu</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#" class="selected">What we do</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Links</a></li>
</ul>
<h3>Archives</h3>
<ul>
<li><a href="#">January</a></li>
<li><a href="#">February</a></li>
<li><a href="#">March</a></li>
<li><a href="#">April</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec non
ante.</p>
</div>
<div id="content">
<h3>Welcome to <span style="color:#710069;font-family: georgia,sans-serif;font-
weight: bold;">LILAC</span> Template</h3>
<blockquote>This template has been tested in Mozilla and IE6/7. The page
validates as XHTML 1.0 Transitional using valid CSS. For more FREE templates visit
<a href="http://www.mitchinson.net"> my website</a>.</blockquote>
<p>This is a <a href="#">link</a> to nowhere. Donec lorem. Quisque eu pede ac
ligula bibendum cursus. Nulla tristique diam sit amet lacus. Nulla ut magna.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Nullam diam orci, scelerisque quis, fermentum non, volutpat non,
libero. In hac habitasse platea dictumst. Fusce ut urna. Donec lorem. Quisque eu
pede ac ligula bibendum cursus. Nulla tristique diam sit amet lacus. Nulla ut
magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas. Nullam diam orci, scelerisque quis, fermentum non, volutpat non,
libero. In hac habitasse platea dictumst. Fusce ut urna.</p>
<h3> News & Updates</h3>
<div class="scroll">
<h4>May 3rd 2006</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc venenatis
rhoncus libero. Quisque et elit luctus diam ornare sollicitudin. Quisque nec elit.
Quisque vehicula metus vel nisi hendrerit cursus.</p>
<h4>May 1st 2006</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc venenatis
rhoncus libero. Quisque et elit luctus diam ornare sollicitudin. Quisque nec elit.
Quisque vehicula metus vel nisi hendrerit cursus.</p>
</div>
<h3>Articles</h3>
<p> Donec lorem. Quisque eu pede ac ligula bibendum cursus. Nulla tristique
diam sit amet lacus. Nulla ut magna. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Nullam diam orci, scelerisque quis,
fermentum non, volutpat non, libero. In hac habitasse platea dictumst. Fusce ut
urna.</p>
</div>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</body>
</html>
<!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>
<title>Lily</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<!--NAVIGATION START-->
<div id="menu">
<h1>My Site</h1>
<div class="cssnav"><a href="#">Contact</a> </div>
<div class="cssnav"><a href="#">Link3</a> </div>
<div class="cssnav"><a href="#">Link2</a> </div>
<div class="cssnav"><a href="#">About</a> </div>
<div class="cssnav"><a href="#">Home</a> </div>
</div>
<!--Menu closed-->
<!--If you only need 3/4 links, just comment out any of the above cssnav divs--
>
<!-- NAVIGATION END-->
</div>
<!--Header closed-->
<!--START CONTENT-->
<div id="content">
<div id="contentflower">
<!--CONTENT FOR RIGHT HAND COLUMN-->
<div class="contentright">
<h2>Header</h2>
<p><b>This is bold text.</b> Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos hymenaeos. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Fusce dignissim auctor libero. In eget mi. Ut
nulla.... <a href="#">A link goes here</a> </p>
<p>Maecenas tempor. Morbi sapien diam, lacinia a, fermentum vitae, rhoncus
vehicula, sapien. Nunc pede sem, egestas vel, auctor sagittis, imperdiet posuere,
augue. Curabitur condimentum. Proin id mi.... <a href="#">A link goes here</a> </p>
<p align="center"><img src="images/flower.jpg" width="240" height="199"
alt="" /></p>
<b>The image must not be wider than 240px but can be longer</b> </div>
<!--Content Right closed-->
<!--CONTENT FOR LEFT HAND COLUMN-->
<div class="contentleft">
<h2>Heading goes here </h2>
<p> Maecenas molestie ante sed velit dignissim pharetra. Etiam aliquam
viverra sapien. Pellentesque pellentesque viverra ante. Vivamus nec nisi a augue
fermentum blandit. Donec malesuada nonummy nisl. Nulla et leo. Sed sapien sem,
blandit eget, fermentum at, ultrices at, metus. </p>
<h2>Another Heading goes here</h2>
<p>Fusce mattis facilisis nunc. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos hymenaeos. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Fusce dignissim auctor libero. In eget mi. Ut nulla.
Maecenas tempor. Morbi sapien diam, lacinia a, fermentum vitae, rhoncus vehicula,
sapien. Nunc pede sem, egestas vel, auctor sagittis, imperdiet posuere, augue.
Curabitur condimentum. Proin id mi. </p>
<h2>Another Heading goes here</h2>
<p>Quisque non augue dignissim massa hendrerit eleifend. Sed id ipsum sit
amet sapien egestas ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent a enim sed justo vestibulum ultrices. Sed dictum, sapien at mollis
ultrices, ante neque tristique arcu, non imperdiet libero purus tempor mi. Sed
turpis. Nunc vitae libero vitae neque adipiscing commodo. </p>
<h2>Another Heading goes here</h2>
<p>Quisque non augue dignissim massa hendrerit eleifend. Sed id ipsum sit
amet sapien egestas ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent a enim sed justo vestibulum ultrices. Sed dictum, sapien at mollis
ultrices, ante neque tristique arcu, non imperdiet libero purus tempor mi. Sed
turpis. Nunc vitae libero vitae neque adipiscing commodo. </p>
<h2>Another Heading goes here</h2>
<p>Quisque non augue dignissim massa hendrerit eleifend. Sed id ipsum sit
amet sapien egestas ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent a enim sed justo vestibulum ultrices. Sed dictum, sapien at mollis
ultrices, ante neque tristique arcu, non imperdiet libero purus tempor mi. Sed
turpis. Nunc vitae libero vitae neque adipiscing commodo. </p>
<h2>Another Heading goes here</h2>
<p>Quisque non augue dignissim massa hendrerit eleifend. Sed id ipsum sit
amet sapien egestas ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent a enim sed justo vestibulum ultrices. Sed dictum, sapien at mollis
ultrices, ante neque tristique arcu, non imperdiet libero purus tempor mi. Sed
turpis. Nunc vitae libero vitae neque adipiscing commodo. </p>
</div>
<!--Content Left closed-->
</div>
<!--Content Flower closed-->
</div>
<!--Content closed-->
<div id="footer">
<p>Name of your site goes here<br />
Design by Lynne ©2007 <a href="http://emasai.com">eMasai.com</a></p>
</div>
</div>
<!--Container closed-->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>LIMEGREEN</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Site Name</h1>
<p class="slogan">slogan here maybe ...</p>
</div>
<div id="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
<li><a href="#">Link five</a></li>
</ul>
</div>
<div class="clear"> </div>
<div id="sidebar">
<h2>Sub Menu</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#" class="selected">What we do</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Links</a></li>
</ul>
<h2>Archives</h2>
<ul>
<li><a href="#">January</a></li>
<li><a href="#">February</a></li>
<li><a href="#">March</a></li>
<li><a href="#">April</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec non ante.
Phasellus lacinia eleifend purus. Nulla non leo in ante ornare iaculis. Donec
aliquam euismod arcu.</p>
</div>
<div id="content">
<h3>Main Content</h3>
<blockquote>The page has been tested in Mozilla and IE7. This page validates as
XHTML 1.0 Transitional using valid CSS. Top image from www.sxc.hu. For more FREE
templates visit my website.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec non ante.
Phasellus lacinia eleifend purus. Nulla non leo in ante ornare iaculis. Donec
aliquam euismod arcu. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Nam blandit dapibus purus. Quisque consequat nibh
luctus ligula. Aliquam lobortis venenatis nibh. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Duis pretium euismod
elit. Nam velit. Nulla diam massa, interdum non, hendrerit at, blandit nec, turpis.
Integer consequat. Vestibulum sem neque, laoreet non, facilisis pretium, ultrices
non, mauris. Nunc ante lorem, venenatis sed, vulputate molestie, aliquam eget,
enim. Aliquam vulputate porta felis. Nunc sagittis magna in mauris. Pellentesque
pellentesque. </p>
<p>Proin id dolor. Integer iaculis neque sed arcu congue imperdiet. Etiam nulla
est, mattis quis, feugiat vel, venenatis vel, lorem. Aenean pulvinar lectus quis
metus. Aenean velit. Proin lacinia, tortor quis congue pharetra, magna ligula
congue turpis, eget porta nulla leo nec urna. Morbi ipsum.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (7)</a> <span class="date">Feb 23, 2007</span> </p>
<h3>Recent Articles</h3>
<p>Morbi ullamcorper porta ante. Nam sit amet nibh id mi semper varius. Etiam
tincidunt, arcu elementum dapibus posuere, justo leo tincidunt justo, vitae gravida
pede augue non enim. Pellentesque faucibus magna euismod orci. Proin id dolor.
Integer iaculis neque sed arcu congue imperdiet. Etiam nulla est, mattis quis,
feugiat vel, venenatis vel, lorem. Aenean pulvinar lectus quis metus. Aenean velit.
Proin lacinia, tortor quis congue pharetra, magna ligula congue turpis, eget porta
nulla leo nec urna. Morbi ipsum.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (7)</a> <span class="date">Feb 23, 2007</span> </p>
</div>
<div class="clear"> </div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Limelight</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="topbar">
<div id="topbarleft"> </div>
<div id="topbarright">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<h1>Your Site Name</h1>
<h2>company slogan here ....</h2>
</div>
<div id="content">
<div id="contentleft">
<h1>Main Content</h1>
<p class="small"><img src="images/clock.gif" alt="" /> February 28, 2007</p>
<blockquote>This template has been tested in Mozilla Firefox and IE7. The page
validates as XHTML 1.0 Transitional using valid CSS. It will work in browser widths
of 800x600, 1024x768 & 1280x1064. For more FREE templates visit my
website.</blockquote>
<p>Just the good ol' boys, never meanin' no harm. Beats all you've ever saw,
been in trouble with the law since the day they was born. Straight'nin' the curve,
flat'nin' the hills. </p>
<p><a href="#"><img src="images/document.gif" alt="" /> Read more</a> | <a
href="#"><img src="images/comment.gif" alt="" /> Comments</a></p>
<h1>Sub Content</h1>
<p class="small"><img src="images/clock.gif" alt="" /> February 26, 2007</p>
<p>Thunder, thunder, thundercats, Ho! Thundercats are on the move, Thundercats
are loose. Feel the magic, hear the roar, Thundercats are loose. Thunder, thunder,
thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thunder, thunder,
thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thundercats! Template
inspired by Brian Gardner's Wordpress themes.</p>
<p><a href="#"><img src="images/document.gif" alt="" /> Read more</a> | <a
href="#"><img src="images/comment.gif" alt="" /> Comments</a></p>
<div style="clear:both;"></div>
</div>
<div id="right_sidebar">
<ul>
<li id="About">
<h2>About Us</h2>
<p>Monogram career cutlery philanthropic society reserved handmade charity
distinctly portfolio suite grande architectural five-star.</p>
</li>
<li id="Visit">
<h2>Worth a visit</h2>
<ul>
<li><a href="#" id="current">SNAPP HAPPY</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">ANDREAS VIKLUND</a></li>
<li><a href="#">JAMES KOSTER</a></li>
<li><a href="#">CSS play</a></li>
</ul>
</li>
<li id="Articles">
<h2>Recent Articles</h2>
<ul>
<li><a href="#">Embedding Windows Media Files</a></li>
<li><a href="#">Installing Apache PHP & MySQL</a></li>
</ul>
</li>
<li id="Archives">
<h2>Monthly Archives</h2>
<ul>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div style="clear:both;"></div>
<div id="footerbg">
<div id="footer">
<div id="footerleft">
<h2>Resources</h2>
<ul>
<li><a href="#">Listamatic</a></li>
<li><a href="#"> Layout Gala</a></li>
<li><a href="#"> Bluerobot</a></li>
</ul>
</div>
<div id="footermiddle">
<h2>Blogs</h2>
<ul>
<li><a href="#">SV Horizons</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">Another</a></li>
</ul>
</div>
<div id="footerright">
<h2>Design Showcase</h2>
<ul>
<li><a href="#">CSS Vault</a></li>
<li><a href="#">CSS Zen Garden</a></li>
<li><a href="#">CSS Heaven</a></li>
</ul>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div id="credits">
<p><a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>*LIMES*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:73%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:bold 1em/1.4em "lucida sans", helvetica, "Trebuchet MS",
arial, sans-serif;}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="topbar">
<h1><em>"Take nothing but photographs. Leave nothing but footprints."</em></h1>
<h2><a href="#"><img src="images/home-icon2.gif" alt="Homepage"
title="Homepage" /></a> | <a href="mailto:[email protected]"> <img
src="images/email-contact-green.gif" alt="Contact" /> </a></h2>
</div>
<div class="divider"></div>
<div id="menuh-container">
<div id="menuh">
<ul>
<li><a href="#" class="top_parent"> Homepage</a>
<ul>
<li><a href="#">• About</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> About</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Portfolio</a> </li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Contact</a> </li>
</ul>
</div>
</div>
<div class="topimg">
<h2>Site Name</h2>
</div>
<div id="sidebar">
<div class="box2">
<h2>Greetings</h2>
<p><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
malesuada arcu eu justo. Duis porttitor, turpis et malesuada vulputate, est erat
accumsan tellus, id dictum magna enim eu ante. ..... <a href="#">Read more</a>
» </strong></p>
</div>
<div class="rbroundbox">
<div class="rbtop">
<div></div>
</div>
<div class="rbcontent">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
malesuada arcu eu justo. Duis porttitor, turpis et malesuada vulputate, est erat
accumsan tellus, id dictum magna enim eu ante.</p>
</div>
<div class="rbbot">
<div></div>
</div>
</div>
<div class="rbroundbox">
<div class="rbtop">
<div></div>
</div>
<div class="rbcontent">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
malesuada arcu eu justo. Duis porttitor, turpis et malesuada vulputate, est erat
accumsan tellus, id dictum magna enim eu ante.</p>
</div>
<div class="rbbot">
<div></div>
</div>
</div>
<div class="box2">
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> search: <img src="images/search.gif" alt="search"
/></label>
</span> <span>
<input type="text" value="demo only"name="txtsearch" title="Text input:
search" id="txtsearch" size="25" />
</span> </div>
</fieldset>
</form>
</div>
</div>
<div id="content">
<h1>Welcome to <span style="font-weight:bold; color:#B07E13;">LIMES</span>
Template</h1>
<h3>Introduction</h3>
<blockquote>This template has been tested in Mozilla Firefox and IE7. The page
validates as XHTML 1.0 Transitional using valid CSS. It will work in browser widths
of 800x600, 1024x768 & 1280x1064. The images used in this template are courtesy
of <a href="http://www.sxc.hu/" title="free images">stock xchng</a>.<br />
For more FREE CSS templates visit <a href="http://www.mitchinson.net">my
website</a>.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque malesuada
arcu eu justo. Duis porttitor, turpis et malesuada vulputate, est erat accumsan
tellus, id dictum magna enim eu ante. Vestibulum et nunc. Ut interdum, sem quis
faucibus vehicula, quam tortor ultricies dui, vitae laoreet justo risus sit amet
lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed egestas quam
molestie enim. Ut diam nisi, varius non, tristique eu, posuere sed, metus. Sed
nisl. Vivamus hendrerit tempus urna. Aenean congue vehicula ipsum. Duis eu orci a
mi fermentum accumsan. Quisque tincidunt erat. Phasellus porttitor risus eleifend
sem. Mauris vitae lacus vel enim fermentum accumsan. </p>
<p> <a href="#">Read more</a> » </p>
<div class="box2">
<h1>News and Updates</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
malesuada arcu eu justo. Duis porttitor, turpis et malesuada vulputate, est erat
accumsan tellus, id dictum magna enim eu ante. Vestibulum et nunc. Ut interdum, sem
quis faucibus vehicula, quam tortor ultricies dui, vitae laoreet justo risus sit
amet lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed egestas
quam molestie enim. Ut diam nisi, varius non, tristique eu, posuere sed, metus. Sed
nisl. Vivamus hendrerit tempus urna. Aenean congue vehicula ipsum. Duis eu orci a
mi fermentum accumsan. Quisque tincidunt erat. Phasellus porttitor risus eleifend
sem. Mauris vitae lacus vel enim fermentum accumsan. </p>
</div>
</div>
<div class="divider"></div>
<div id="footer">
<div class="col3">
<h1>Daily Reading</h1>
<div class="navlist">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">Layout Gala</a> </li>
<li><a href="#">Listamatic</a> </li>
</ul>
</div>
</div>
<div class="col3center">
<h1>Resources</h1>
<div class="navlist">
<ul>
<li><a href="#">The Open Design Community</a></li>
<li><a href="#">CSS Drive</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
</div>
</div>
<div class="col3">
<h1>Links</h1>
<div class="navlist">
<ul>
<li><a href="#">Stu Nicholls</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">Jay Kay</a></li>
</ul>
</div>
</div>
</div>
<div class="divider"></div>
<div id="credits"> <a href="#">HOME</a> | <a
href="mailto:[email protected]">CONTACT</a> | <a
href="http://validator.w3.org/check?uri=referer">HTML</a> | <a
href="http://jigsaw.w3.org/css-validator">CSS</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | Licensed under a <a
rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
Attribution 3.0 License</a> </div>
</div>
</body>
</html>
<!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>Linux Blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header"> <img id="logo" src="images/tuxmini.png" alt="tux"/>
<h1> <a href="#">Linux Blog</a></h1>
<h3>by Sumanasa.com</h3>
</div>
<div id="menu">
<ul>
<li><a class="current" href="#">Home</a></li>
<li><a href="#">Newsroom</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="content">
<div id="sidebar">
<ul>
<li id="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">drw-r--r-- .</a></li>
<li><a href="#">drw-r--r-- ..</a></li>
<li><a href="#">drw-r--r-- root</a> <small>(10)</small></li>
<li><a href="#">drw-r--r-- bin</a> <small>(19)</small></li>
<li><a href="#">drw-r--r-- usr</a> <small>(28)</small></li>
</ul>
</li>
<!-- end #categories -->
<li id="archives">
<h2>Archives</h2>
<ul>
<li><a href="#">April 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
</ul>
</li>
<!-- end #archives -->
<li id="blogroll">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Jack Hogan</a></li>
<li><a href="#">Jill Reagan</a></li>
<li><a href="#">Humpty Smith</a></li>
<li><a href="#">Bumpty Smith</a></li>
<li><a href="#">Mary Lamb</a></li>
</ul>
</li>
<!-- end #blogroll -->
<li id="meta">
<h2>Meta</h2>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Logout</a></li>
<li><a href="http://validator.w3.org/check/referer">Valid <abbr
title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
</ul>
</li>
<!-- end #meta -->
</ul>
</div>
<!-- end #sidebar -->
<div id="blog">
<div id="post-1" class="post">
<h2 class="title"> <a href="#">Introduction to Linux Blog</a></h2>
<h4 class="date">March 26, 2007</h4>
<div class="entry">
<p><strong>Linux Blog</strong> is a free template from Sumanasa.com
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons License</a>. This is a simple linux-themed template with a header, a
horizontal menu, content and sidebar columns. We have tested this template in
Firefox 1.5, Opera 8.5, IE 6.0 and IE 7.0 and it works fine in all these browsers.
This is a valid XHTML and CSS and it is also very easy to customize.</p>
<p>You can use this template with no restrictions; just leave the "Design
by" information as it is at the bottom. Good luck to your website.</p>
</div>
<p class="meta">Posted in <a href="#">Category #1</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
</div>
<!-- end #post-1 -->
<div id="post-2" class="post">
<h2 class="title"> <a href="#">Sample Tags</a></h2>
<h4 class="date">January 31, 2007</h4>
<div class="entry">
<p>A one-sentence paragraph followed by a blockquoted paragraph.</p>
<blockquote>
<p>“A collection of nursery rhymes and songs to share and enjoy,
with pictures to print off and color in.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<ul>
<li>Jack and Jill went up the hill</li>
<li>To fetch a pail of water</li>
<li>Jack fell down, and broke his crown</li>
<li>And Jill came tumbling after.</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Mary had a little lamb</li>
<li>Its fleece was white as snow</li>
<li>And everywhere that Mary went</li>
<li>The lamb was sure to go.</li>
</ol>
</div>
<p class="meta">Posted in <a href="#">Category #1</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
</div>
<!-- end #post-2 -->
</div>
<!-- end #blog -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #content -->
<!-- Please do not remove the "Design by" information. -->
<div id="footer">
<p>Design by <a href="http://www.sumanasa.com/">Sumanasa.com</a></p>
</div>
<!-- end footer -->
</div>
<!-- end #wrapper -->
</body>
</html>
<!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>Aqueous Light</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="wrapper">
<div id="innerwrapper">
<div id="header">
<form action="#">
<input value="Search" />
</form>
<h1><a href="#">Aqueous</a></h1>
<h2> A liquid layout by Six Shooter Media </h2>
<ul id="nav">
<li><a href="#" accesskey="3" class="active"><em>3</em> Columns</a></li>
<li><a href="twocolumns.html" accesskey="2"><em>2</em> Columns</a></li>
<li><a href="#"><em>H</em>ome</a></li>
<li><a href="#"><em>A</em>bout</a></li>
<li><a href="#"><em>E</em>xamples</a></li>
<li><a href="#"><em>C</em>ontact</a></li>
</ul>
<ul id="subnav">
<li>Subnav:</li>
<li><a href="#" accesskey="3" class="active"><em>3</em> Columns</a></li>
<li><a href="twocolumns.html" accesskey="2"><em>2</em> Columns</a></li>
<li><a href="#"><em>H</em>ome</a></li>
<li><a href="#"><em>A</em>bout</a></li>
<li><a href="#"><em>E</em>xamples</a></li>
<li><a href="#"><em>C</em>ontact</a></li>
</ul>
</div>
<div id="sidebar">
<h2>Latest News</h2>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h2>Sub Navigation</h2>
<ul class="subnav">
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
</ul>
<h2>Search</h2>
<input name="" type="text" value="Search" />
</div>
<div id="sidebarright">
<h2>Another Sidebar</h2>
<p> Sure, why not?! With all this width we have room for an additional
sidebar if you should so need one. </p>
<p> Of course, if you happen to not want this additional sidebar, a standard
2 column layout is available which you can view by <a
href="twocolumns.html">clicking here</a>! </p>
<h2>More Links</h2>
<ul>
<li><a href="#">Six Shooter Media</a></li>
<li><a href="#">free templates</a></li>
<li><a href="#">Buy a Button</a></li>
<li><a href="#">Transfer Speculation</a></li>
</ul>
</div>
<div id="content">
<h2 id="Intro"><a href="#">Introduction</a></h2>
<p> Hello and welcome to Aqueous, a liquid template created by Six Shooter
Media. The template itself is designed for higher resolutions, 1024x768 and up,
however with it being liquid, it will work in any resolution you can throw at it.
It's written in XHTML and CSS and displays consistently on various web browsers.
</p>
<h2 id="About"><a href="#">About the Author</a></h2>
<p>Hi! My names Jay and I'm a 20 year old web designer from England. My main
projects are conducted through my website Six Shooter Media, but I (obviously) also
enjoy creating Open Source web templates for general use! You can keep a check on
my free templates here which is probably a link worth bookmarking as my templates
appear there a couple of weeks before OWD/OSWD due to the design queues. </p>
<p> Another site of mine that you might find interesting if you're setting up
a site with a free template like Buy a Button.net. There, for a great price you can
purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<p> If you want more of my free templates, they can be found here! </p>
<h2 id="Examples"><a href="#">Some Examples</a></h2>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf
hdsbf jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd
sb </p>
</blockquote>
<h3>List Example</h3>
<ul>
<li><span>Here</span></li>
<li><span>Is our friend</span></li>
<li><span>The list!</span></li>
</ul>
<h2 id="Contact"><a href="#">Contact</a></h2>
<p> If you decide to use this template please drop me a line to let me know!
Don't hesitiate to get in touch if your interested in a custom template or just in
any of my services in general. I look forward to hearing from you! </p>
<h3>Example Contact Form</h3>
<form action="#">
<label>Name</label>
<input value="Your Name" />
<label>Email</label>
<input value="Your Email" />
<label>You Comments</label>
<textarea rows="5" cols="5"></textarea>
<input type="submit" />
</form>
</div>
<div id="footer">
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here.</p>
</div>
</div>
</div>
</body>
</html>
<!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>LoadFoO [V2]</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<script type="text/javascript" src="js/textsizer.js"></script>
<script type="text/javascript" src="js/rel.js"></script>
</head>
<body>
<div id="wrap">
<div id="top">
<h2><a href="#">LoadFoO [V2]</a></h2>
<div id="menu">
<ul>
<li><a href="#" class="current">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">portofolio</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div style="float: right;"><a href="javascript:ts('body',1)">[+]</a> | <a
href="javascript:ts('body',-1)">[-]</a></div>
<div id="left">
<h2>Welcome to LoadFoO [V1]</h2>
<p>Text Content Text <a href="#">Content Text</a> Content Text Content Text
Content Text Content Text Content Text Content Text Content Text Content Text
Content Text Content Text Content Text Content Text Content Text Content Text
Content Text Content Text Content Text Content Text Content Text Content.</p>
<ul>
<li>ul-li test.</li>
<li>ul-li test.</li>
<li>ul-li test.</li>
<li>ul-li test.</li>
<li>ul-li test.</li>
</ul>
<h2>Functionality or performance</h2>
<p>Text Content Text Content Text Content Text Content Text Content Text
Content Text Content Text Content Text Content Text Content Text Content Text
Content Text Content Text Content Text Content Text Content Text Content Text
Content Text Content Text Content Text Content Text Content. </p>
</div>
<div id="right">
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Archive</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div class="box">
<h2 style="margin-top:17px">Recent Entries</h2>
<ul>
<li><a href="#">Recent Entries1</a> <i>01 Des 06</i></li>
<li><a href="#">Recent Entries2</a> <i>01 Des 06</i></li>
<li><a href="#">Recent Entries3</a> <i>01 Des 06</i></li>
<li><a href="#">Recent Entries4</a> <i>01 Des 06</i></li>
<li><a href="#">Recent Entries5</a> <i>01 Des 06</i></li>
</ul>
</div>
</div>
<div id="clear"></div>
</div>
<div id="footer">
<p>Copyright 2006 LoadFoO [V1]. Designed by <a
href="http://loadfoo.org/">LoadFoO</a>. Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?
uri=referer">XHTML</a></p>
</div>
</div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<!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>Localize</title>
<link rel="stylesheet" type="text/css" href="screenstyle.css" />
</head>
<body>
<div class="container">
<div class="titleblock">
<h1>Localize</h1>
<p>“Insert some random text here.”</p>
</div>
<div>
<ul class="navbar">
<li><a href="#" class="nav">Home</a></li>
<li><a href="#" class="nav">About Us</a></li>
<li><a href="#" class="nav">Products</a></li>
<li><a href="#" class="nav">Contact</a></li>
</ul>
</div>
<div class="rightcontainer">
<div class="rightbox">
<h2>News</h2>
<p>This morning a man in New Zealand got out of bed and had breakfast. Find
out more <a href="#">here</a>.</p>
</div>
<div class="rightbox linkbox">
<h2>Links</h2>
<a href="#">Google</a> <a href="#">OSWD</a> <a href="#">WPDFD</a> <a
href="#">stock.xchng</a> <a href="#">THG</a> <a href="#">How Stuff Works</a> </div>
</div>
<div class="content">
<h2>Welcome to Localize</h2>
<p>This web page is validated xhtml strict and css. No tables are used in this
design. I found inspiration for this design and also a lot of help from the designs
of haran.</p>
<h2>Some Filler Text</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla ac elit ut
erat tempor vehicula. Duis enim eros, gravida eu, pretium ut, dapibus et, enim. Sed
ac tellus. Nulla vel arcu. Proin ac sapien et neque pellentesque mollis. Praesent
ut magna sed tortor luctus pretium. Proin a est gravida dui pellentesque tincidunt.
Nunc at ipsum. Suspendisse elit. Fusce sit amet lectus. Quisque et neque vitae odio
sagittis tincidunt.</p>
<h2>More Filler Text</h2>
<p>Morbi elit. Integer in est. In hac habitasse platea dictumst. Ut bibendum
odio eget velit. Aliquam sed nulla vel quam nonummy suscipit. Etiam fringilla,
nulla quis fermentum pretium, neque risus convallis odio, id convallis magna diam
ac nisl.</p>
</div>
<div class="footer">
<div class="right">
<p>© 2005 Whatsisname Thingymajig</p>
<p><a href="http://validator.w3.org/check/referer">Validate XHTML 1.0
Strict</a></p>
</div>
<p>Email <a href="#">Webmaster</a></p>
<p>Photo Credit: Dimiter Tzankov, stock.xchng</p>
</div>
</div>
</body>
</html>
<!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>Logistix</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Logistix</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<!-- end #header -->
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Our Services</a></li>
<li><a href="#" accesskey="3">Our Products</a></li>
<li><a href="#" accesskey="4">Customer Support</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Logistix!</h2>
<div class="story">
<p><strong>Logistix</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
</div>
</div>
<!-- end #posts -->
<div id="links">
<ul>
<li>
<h2>News & Updates</h2>
<ul>
<li><a href="#">February 2007</a> <i>(22)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Lorem Ipsum Dolor</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #links -->
<div style="clear: both;"> </div>
</div>
<!-- end #content -->
<div id="footer">
<p id="legal">Copyright © 2007 Logistix. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!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>Lonelyness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="main">
<h1>Lonelyness</h1>
<h2>By Dieter Schneider</h2>
</div>
<div id="linkbar">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
</ul>
</div>
</div>
<div id="top_content">
<blockquote>
<p>If you hear a voice within you say "you cannot paint," then by all
means paint, and that voice will be silenced.<br />
Vincent Van Gogh</p>
</blockquote>
</div>
<div id="main_content">
<h3>Template by Dieter Schneider 2006 </h3>
<p>This template was created by Dieter Schneider on a rainy day in Desmber 2006.
If you want to remove the copyright and get the PSD file (which will give you a lot
of flexibility with this template) you can buy it on www.csstemplateheaven.com for
only seven dollars. Tested in the latest versions of FF, IE and Opera with
excellent results. </p>
<h3>Creative templates </h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ornare odio
eget nulla lacinia volutpat. Donec gravida, tortor id vulputate feugiat, diam arcu
porttitor sapien, sit amet rutrum augue lorem at dolor. Nullam ante. Sed vitae
nisi. Donec mi. Nulla consequat leo id turpis. In sollicitudin arcu eget felis.
Vestibulum cursus turpis nec nunc aliquet tristique. Nulla luctus odio non dolor.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; In hac habitasse platea dictumst. Quisque tortor tellus,
congue sed, tincidunt vel, congue sed, sem. Ut in libero.</p>
</div>
<div id="footer"> © <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a>. Design by
Dieter Schneider 2006</div>
</body>
</html>
<!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>Lost in Forest</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<link href="global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Container">
<div id="Top">
<div id="MenuHold"> <a href="#">Home</a> <a href="#">My blog</a> <a href="#">My
gallery</a> <a href="#">My projects</a> <a href="#">My friends</a></div>
<h1>Lost in Forest<sup>1.0</sup></h1>
<h2>and alone</h2>
<p>www.empire-elements.co.uk</p>
</div>
<div id="MainText">
<div id="Left">
<h3>Lorem ipsum dolor sit amet</h3>
<div id="LeftBG">
<p><em>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Etiam sem sapien, posuere vel, </em></p>
<p>mollis id, porta ut, ipsum. Suspendisse facilisis euismod odio. Nulla <a
href="#">eu libero at</a> libero ornare molestie. Aenean quis pede. Fusce nonummy,
metus nec sodales tempus, sem tortor pharetra nibh, a bibendum erat odio in
justo.</p>
<p>Donec ut velit. Ut ac mauris id neque ultrices varius. Donec eget lacus
tempor <a href="#">lorem lobortis vehicula</a>. Vivamus vel velit. Maecenas ut
turpis. Quisque tempus consectetuer neque.</p>
<p>Lorem <a href="#">ipsum dolor</a> sit amet, consectetuer <br />
adipiscing elit. Etiam sem sapien, posuere vel,</p>
</div>
</div>
<div id="Right">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sem
sapien, posuere vel, mollis id, porta ut, ipsum. Suspendisse facilisis euismod
odio. Nulla eu libero at libero ornare molestie. Aenean quis pede. Fusce nonummy,
metus nec sodales tempus, sem tortor <a href="#">pharetra nibh</a>, a bibendum erat
<a href="#">odio in justo</a>. Donec ut velit. Ut ac mauris id neque ultrices
varius. Donec eget lacus tempor lorem lobortis vehicula. Vivamus vel velit.
Maecenas ut turpis. Quisque tempus consectetuer neque.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sem
sapien, <a href="#">posuere vel, mollis</a> id, porta ut, ipsum. Suspendisse
facilisis euismod odio. Nulla eu libero at libero ornare molestie. Aenean quis
pede. Fusce nonummy, metus nec sodales tempus, sem tortor pharetra nibh, a bibendum
erat odio in justo. Donec ut velit. Ut ac <a href="#">mauris id</a> neque ultrices
varius. Donec eget lacus tempor lorem lobortis vehicula. Vivamus vel velit.
Maecenas ut turpis. Quisque tempus consectetuer neque.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sem
sapien, posuere vel, mollis id, porta ut, ipsum. Suspendisse facilisis euismod
odio. Nulla eu libero at libero ornare molestie. Aenean quis pede. Fusce nonummy,
metus nec sodales tempus, sem tortor pharetra nibh, a bibendum erat odio in justo.
Donec ut velit. Ut ac mauris id neque ultrices varius. Donec eget lacus tempor
lorem lobortis vehicula. Vivamus vel velit. Maecenas ut turpis. Quisque tempus
consectetuer neque.</p>
</div>
</div>
<div id="OneField"><img src="tree2.jpg" alt="" width="256" height="132"
class="img"/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sem sapien,
posuere vel, mollis id, porta ut, ipsum. Suspendisse facilisis euismod odio. Nulla
eu libero at libero ornare molestie. Aenean quis pede. Fusce nonummy, metus nec
sodales tempus, sem tortor pharetra nibh, a bibendum erat odio in justo. Donec ut
velit. Ut ac mauris id neque ultrices varius. Donec eget lacus tempor lorem
lobortis vehicula. Vivamus vel velit. Maecenas ut turpis. Quisque tempus
consectetuer neque.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sem sapien,
posuere vel, mollis id, porta ut, ipsum. Suspendisse facilisis euismod odio. Nulla
eu libero at libero ornare molestie. Aenean quis pede. Fusce nonummy, metus nec
sodales tempus, sem tortor pharetra nibh, a bibendum erat odio in justo. Donec ut
velit. Ut ac mauris id neque ultrices varius. Donec eget lacus tempor lorem
lobortis vehicula. Vivamus vel velit. Maecenas ut turpis. Quisque tempus
consectetuer neque.</p>
</div>
<div id="Gallery">
<ul>
<li>
<h2>Moon Image</h2>
<a href="#" title="Moon Image"><img src="moon.jpg" alt="Moon Image"
/></a></li>
<li>
<h2>Moon Image</h2>
<a href="#" title="Moon Image"><img src="moon.jpg" alt="Moon Image"
/></a></li>
<li>
<h2>Moon Image</h2>
<a href="#" title="Moon Image"><img src="moon.jpg" alt="Moon Image"
/></a></li>
<li>
<h2>Moon Image</h2>
<a href="#" title="Moon Image"><img src="moon.jpg" alt="Moon Image"
/></a></li>
</ul>
</div>
<div id="Footer">
<p>Design by <a href="http://www.empire-elements.co.uk/" title="Design by
Empire Elements">Empire Elements</a><br />
This design is contributed to www.openwebdesign.org and its' growing
comunity. Feel free to modify this design any way you wish. If you like our design
please link back to us. If you need any help, just drop us email
[email protected]<br />
<a href="#">Home</a> | <a href="#">My Gallery</a> | <a href="#">My
Projects</a> | <a href="#">My Friends</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Lovely</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import url(lovely.css);
</style>
</head>
<body>
<div id="container">
<div id="header"><a name="top"></a>
<h1><a href="#">Lovely</a></h1>
<div class="description">this looks lovely!</div>
</div>
<div id="sidebar">
<h2>About Me</h2>
<p>Welcome to Lovely!</p>
<h2>Search:</h2>
<form method="get" id="searchform" action="#">
<div>
<input type="text" value="" name="q" id="q" size="15"/>
<input type="submit" id="searchsubmit" value="Go" />
</div>
</form>
<!--archives-->
<a href="#">Home</a> <br/>
<a href="#">February 2006</a> <br/>
<br/>
<h2>Links</h2>
<a href="http://validator.w3.org/check/referer">Valid XHTML</a><br/>
<a href="#">OSWD</a> </div>
<div id="content">
<div class="post">
<h2>Lovely !!!</h2>
<p> Lovely is coded in XHTML/CSS with no tables. <br/>
It looks good in Mozilla Firefox and IE 6. <br/>
<br/>
I am now using this design in <a href="#">my diary</a>. <br/>
If you like this design, send me a mail. </p>
<h2>Lorem Ipsum</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum. <br/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br/>
<br/>
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</div>
</div>
<div id="footer"> © Copyright you | Design by <a
href="http://www.kumi.co.nr">Kumiko</a> | <a href="#">RSS</a> </div>
</div>
</body>
</html>
<!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>Luscious Candy</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<div class="wrapper">
<!-- Start Border-->
<div id="border">
<!-- Start Header -->
<div class="header"> <img src="images/header.gif" alt="Header" /> </div>
<!-- End Header -->
<!-- Start Navigation Bar -->
<div id="nav-bar">
<ul>
<li><a href="#">Home</a> <a
href="#">Services</a> <a
href="#">Portfolio</a> <a href="#">Our
Team</a> <a
href="#">Location</a> <a href="#">Special
Offers</a> <a href="#">News</a></li>
</ul>
</div>
<!-- End Navigation Bar -->
<!-- Start Left Column -->
<div id="leftcolumn">
<!-- Start Left Column Inner -->
<div class="leftcolumn-inner">
<h1>Search</h1>
<form action="#" method="post">
<p>
<input name="search" id="search" />
</p>
</form>
</div>
<!-- End Left Column Inner -->
<!-- Start Box -->
<div class="in-the-news">
<div class="left-heading"> In the News </div>
<div class="left-mid"> Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam,</div>
<div class="content-bottom"> <img src="images/left-bottom.gif"
class="block" alt="" /> </div>
</div>
<!-- End Box -->
<!-- Start Box -->
<div class="in-the-news">
<div class="left-heading"> What's Happening? </div>
<div class="left-mid"> Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam</div>
<div class="content-bottom"> <img src="images/left-bottom.gif"
class="block" alt="" /> </div>
</div>
<!-- End Box -->
<!-- Start Box -->
<div class="in-the-news">
<div class="left-heading">Feature Categories</div>
<div class="left-mid">
<ul id="daily-links">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Wicked Fire</a></li>
<li><a href="#">Code Sucks</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">CSS Beauty</a></li>
</ul>
</div>
<div class="content-bottom"> <img src="images/left-bottom.gif"
class="block" alt="" /> </div>
<p> <a href="http://jigsaw.w3.org/css-validator/"> <img class="valid"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" style="border:0;width:88px;height:31px" /></a> <a
href="http://validator.w3.org/check?uri=referer"><img
class="valid" src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a> </p>
</div>
<!-- End Box -->
</div>
<!-- End Left Column -->
<!-- Start Right Column -->
<div id="rightcolumn">
<!-- Start Sponsor Ads Box -->
<div class="sponsor"> Sponsors Here </div>
<!-- End Sponsor Ads Box -->
<!-- Start Main Content -->
<div class="maincontent">
<div class="content-top"> <img src="images/content-top.gif" class="block"
alt="" /> </div>
<div class="content-mid">
<h1>Here, There and Everywhere</h1>
<img src="images/small-pic.gif" class="float" alt="Picture" /> Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostris
nostrud e xercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolois nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in </div>
<div class="content-bottom"> <img src="images/content-bottom.gif"
class="block" alt="" /> </div>
</div>
<!-- End Main Content -->
<div class="maincontent">
<div class="content-top"> <img src="images/content-top.gif" class="block"
alt="" /> </div>
<div class="content-mid">
<h1>Here, There and Everywhere</h1>
<img src="images/small-pic.gif" class="float" alt="Picture" /> Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostris
nostrud e xercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolois nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in </div>
<div class="content-bottom"> <img src="images/content-bottom.gif"
class="block" alt="" /> </div>
</div>
<!-- End Main Content -->
<!-- Start Main Content -->
<div class="maincontent">
<div class="content-top"> <img src="images/content-top.gif" class="block"
alt="" /> </div>
<div class="content-mid">
<h1>Here, There and Everywhere</h1>
<img src="images/small-pic.gif" class="float" alt="Picture" /> Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostris
nostrud e xercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolois nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in </div>
<div class="content-bottom"> <img src="images/content-bottom.gif"
class="block" alt="" /> </div>
<div style="display: block; clear: left; margin: -0.66em 0; visibility:
hidden;"> HACK </div>
</div>
<!-- End Main Content -->
</div>
<!-- End Right Column -->
</div>
<!-- End Border -->
<!-- Start Footer -->
<div id="footer"> © Copyright with <a href="http://www.code-
sucks.com/">Code-sucks.com</a> 2006 </div>
<!-- End Footer -->
</div>
</body>
</html>
<!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>Made of Cheese</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Made of Cheese</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<div id="menu" class="boxed">
<h2 class="title">Main Menu</h2>
<div class="content">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Our Products</a></li>
<li><a href="#" accesskey="4">Our Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
</div>
<div class="boxed">
<h3 class="title">Sample Ordered List</h3>
<div class="content">
<ol>
<li><a href="#">Suspendisse quis gravida</a></li>
<li><a href="#">Vivamus sagittis bibenm</a></li>
<li><a href="#">Nullam et orci in amet</a></li>
<li><a href="#">Suspendisse quis gravida</a></li>
<li><a href="#">Curabitur malesuada</a></li>
<li><a href="#">Suspendisse quis gravida</a></li>
<li><a href="#">Vivamus sagittis bibenm</a></li>
<li><a href="#">Nullam et orci in amet</a></li>
<li><a href="#">Suspendisse quis gravida</a></li>
<li><a href="#">Curabitur malesuada</a></li>
</ol>
</div>
</div>
<div class="boxed">
<h3 class="title">Featured Photo</h3>
<div class="content">
<p><a href="#"><img src="images/img4.jpg" alt="" width="200"
height="150" /></a></p>
<p>Roquefort cheese showing mold on biscuit. <a
href="#">More…</a></p>
</div>
</div>
</div>
<div id="colTwo" class="boxed">
<h2 class="title">Welcome to Made of Cheese!</h2>
<div class="content"> <img src="images/img5.jpg" alt="" width="150"
height="113" class="image" />
<p><em><strong>Made of Cheese</strong></em> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. Photos are from PDPhoto.org. You're free to use it for both commercial
or personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Lorem Ipsum Dolore </h3>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis.</p>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Made of Cheese. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Magazine
Version : 1.0
Released : 20070627
Description: A two-column, fixed-width template with light color blend.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Magazine by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Magazine</a></h1>
<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
</div>
<hr />
<div id="page">
<div id="sidebar">
<ul>
<li id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</li>
<li id="news">
<h2><span>Recent</span> News & Updates</h2>
<ul>
<li>
<h3><span>6/25:</span> Semper vestibulum</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3><span>6/21:</span> Posuere eleifend odio</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3><span>6/17:</span> Vivamus fermentum</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
</ul>
</li>
<li>
<h2><span>Sagittis</span> Convallis</h2>
<ul class="list">
<li class="first"><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis dui</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum enim</a></li>
<li><a href="#">Aenean elementum facilisis ligula</a></li>
<li><a href="#">Ut tincidunt elit vitae augue</a></li>
<li><a href="#">Sed quis odio sagittis leo vehicula</a></li>
</ul>
</li>
</ul>
</div>
<div id="content">
<div id="welcome">
<h1 class="title"><span>Welcome</span> to Our Website!</h1>
<img src="images/img03.jpg" alt="" width="118" height="118" class="left" />
<p><strong>Magazine</strong> is a free template from <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from <a href="http://www.pdphoto.org/">PDPhoto.org</a>.
You"re free to use it for both commercial or personal use. I only ask that you link
back to <a href="http://www.freecsstemplates.org/">my site</a> in some way.
<em>Enjoy :)</em></p>
<h2>Praesent Scelerisque</h2>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat:</p>
<blockquote>
<p>“Integer nisl risus, sagittis convallis, rutrum id, elementum
congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel
elit…”</p>
</blockquote>
</div>
<div class="twocols">
<div class="col1">
<h2 class="title"><span>Lorem</span> Ipsum Dolor</h2>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna
congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh.</p>
<p><a href="#">Read more…</a></p>
</div>
<div class="col2">
<h2 class="title"><span>Pellentes</span> Quisque</h2>
<ul class="list">
<li class="first"><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus dui</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum</a></li>
<li><a href="#">Aenean elementum ligula</a></li>
<li><a href="#">Ut tincidunt elit augue</a></li>
</ul>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<hr />
<div id="footer">
<p id="legal">Copyright © 2007 Magazine. All Rights Reserved | Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Manuscript Free Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="header">
<div class="title">
<h1>sNEWS 1.5</h1>
<h3>USE THIS TEMPLATE FOR FREE!</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">Manuscript Template</a></h2>
<h3>YOUR NEWS ON A OLD PAPER</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent
eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat,
laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula
enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus
est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra.
In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc
aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt
nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer
porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
<p class="date">Posted by Jack <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(15)</a> <img src="images/timeicon.gif" alt="" /> 17.01.</p>
<br />
<h2><a href="#">Try it with sNews 1.4</a></h2>
<h3>AND WHY NOT WITH sNEWS 1.5 ;-)</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent
eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat,
laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula
enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus
est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra.
In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc
aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt
nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer
porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
<p class="date">Posted by Jack <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(15)</a> <img src="images/timeicon.gif" alt="" /> 17.01.</p>
<br />
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">
<div class="particles">
<h2>Top Articles</h2>
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
diam adipiscing</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">consectetuer adipiscing
elit dolor sit amet</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit amet
ipsum dolor</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
adipiscing elit </a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit amet
euismod ante</a><br />
</div>
<div class="comments">
<h2>Last Comments</h2>
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
diam adipiscing</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">consectetuer adipiscing
elit dolor sit amet</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit amet
ipsum dolor</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
adipiscing elit </a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit amet
euismod ante</a><br />
</div>
</div>
<div id="footer">
<div class="padding"> Copyright © 2006 Your Site Name | Design: <a
href="http://www.free-css-templates.com">David Herreman </a> | <a
href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a
href="#">Login</a> </div>
</div>
</div>
</body>
</html>
<!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>
<title>Bermuda 01</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="design2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="logo">
<h1>Trott & Co</h1>
<h2>Architects :: Designers</h2>
</div>
<div id="mainphoto"></div>
<div id="nav">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Why Bermuda?</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end nav -->
<div id="shadow"></div>
<div id="col1">
<div id="col1content">
<h3>Welcome</h3>
<p>This is my first submission to oswd and I sincerly hope you like it.
Should work fine in all browsers (tested in IE 6, Opera 8, Firefox and Netscape
6.1). Validates as XHTML 1.0 Transitional.</p>
<p>Photos are from stock.xchng. The layout is simple and very easy to modify.
Open the layout.png file in a graphics program such as Fireworks and slot your own
image in to replace the one I have used. To get it looking really great you should
pick up some of the colours in your picture and use them for the header, right
column, background, navigation bar and footer. Use the colour picker and just pick
colours from your picture until you get the look you are after.</p>
<p>File size is quite small. Total size of the graphic elements used is
around 16K. The html and css files are under 3K. In other words it loads FAST. </p>
<p>Another example of the the template can be found <a href="#">here</a>.
This uses graphics for the company name and headings (rather than text). </p>
<p>Feel free to use the design. All I ask is that you keep the link to my
site in the footer OR link to my site from your links page using one of the links
found on this page.</p>
<p> Would love to see what you do with it. Email me and tell me about any
sites that use it. </p>
<p>Take care and good luck. David Mottershead.</p>
</div>
</div>
<!-- end col1 -->
<div id="col2">
<div id="col2content">
<p><img src="images/woman2.jpg" alt="" class="imageborder" /></p>
<p class="subhead">Profile: Mena Trott</p>
<p class="sidebar">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut
sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac
quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan
aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. </p>
</div>
<!-- end col2content -->
</div>
<!-- end col2 -->
<div id="footer">
<p>Design by YOU | Layout by <a href="http://www.bermuda4u.com/">Bermuda
4u</a></p>
</div>
</div>
<!-- end wrapper -->
</body>
</html>
<!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>Marine Life</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Marine Life</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Marine Life!</h2>
<p><small>January 4th, 2007 by Author</small></p>
<p><em><strong>Marine Life</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa.</p>
<p class="posted">Posted in <a href="#">Quisque vestibulum</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<p> </p>
<h2>Lorem Ipsum Dolore</h2>
<p><small>January 3rd, 2007 by Author </small></p>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
<div id="colTwo">
<ul>
<li>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Pages</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">WebGod of Gates</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Marine Life. Designed by <a
href="http://freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Midnight Alley</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Midnight Alley</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="sidebar2">
<div id="lorem" class="boxed">
<h2 class="title">Lorem Ipsum</h2>
<div class="content">
<ul>
<li><a href="#"> Integer sit amet pede</a></li>
<li><a href="#">Arcu aliquet pretium</a></li>
<li><a href="#">Pellentesque quis elit</a></li>
<li><a href="#">Non lectus gravida</a></li>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Amet consectetuer</a></li>
<li><a href="#">Adipiscing elit hasellus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Aliquam risus pellentes</a></li>
<li><a href="#">Adipiscing elit hasellus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Aliquam risus pellentes</a></li>
<li><a href="#">Que pharetra</a></li>
<li><a href="#">Maecenas vitae orci</a></li>
<li><a href="#">Vitae tellus feugiat</a></li>
<li><a href="#">Eleifend etiam ac</a></li>
<li><a href="#">Tortor eu metus</a></li>
<li><a href="#">Euismod lobortis</a></li>
<li><a href="#">Duis non ante in metus</a></li>
<li><a href="#">Commodo euismod<br />
</a></li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Midnight Alley!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="story"> <img src="images/img04.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Midnight Alley</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Midnight Alley. All Rights Reserved. Designed
by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Midnight</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1> <a href="#">Midnight</a></h1>
<h2>By Free CSS Templates</h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="content">
<div id="sidebar">
<div id="support">
<h2>Customer Support</h2>
<h3>1-800-1234567</h3>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p> <a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p> <a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p> <a href="#">Quisque dictum integer nisl risus, sagittis
convallis, rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p> <a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p> <a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p> <a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Midnight!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Midnight</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum.
Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh.
Suspendisse dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Midnight. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Midnight Rainforest</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1><a href="#">Midnight Rainforest</a></h1>
<p id="skip"><a href="#content">Skip To Content</a></p>
</div>
<div id="wrapper">
<!-- Main content section -->
<div id="content">
<h2 id="topper">Item One</h2>
<h3>About This Design</h3>
<p>Well, this design was made because I wanted to make something that didn't
involve hacks for the primary layout.</p>
<p>The left and right columns are set at 200px, and the center area is fully
flexible to whatever size is needed. All fonts will increase appropriately because
all are set relative using the base at the 76% universal sizing.</p>
<p>One image is used through this layout, and is simply repeated in different
spots to show possible placement of graphics.</p>
<p>You can have multiple subsections in your left navigation, but the only
ones that will show expanded are the subsections for the <ul> currently
marked #active. The subsections for other sections of the menu will remain
hidden.</p>
<p>This website is XHTML 1.0 Strict and has been tested in Firefox, IE 6 and
IE 7 Beta 2, Opera, Konqueror, and Safari.</p>
<h4>Alternate Layout</h4>
<p>There is an alternate 2 column layout of this design available. This
layout is ideal for subpages.</p>
<p><a href="index_2col.html">Alternate 2 column Layout</a></p>
<h2>Useage</h2>
<p>I am freeing this template according to the <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. That license gives you the right to use this template in any way
(commercial or non-commercial), make changes to it, create things based on it,
etc... so long as an attribution is made to the author. Per this, please leave the
link at the bottom of the footer to my site, though you are free to change the text
of that link (such as, 'Based on a design by', etc..) to suit your needs. You can
also, alternatively, put a link in your 'About' page or other page as
appropriate.</p>
<h1>H1 Heading</h1>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>
<h4>H4 Heading</h4>
<h5>H5 Heading</h5>
<p>This is normal paragraph text. This is normal paragraph text. This is
normal paragraph text. This is normal paragraph text. This is normal paragraph
text. This is normal paragraph text. This is normal paragraph text.</p>
<p><a href="#">This is a normal link.</a></p>
<p><acronym>An acronym</acronym></p>
<p><code>Some text here that is code.</code></p>
<blockquote>
<p>A blockquote.</p>
</blockquote>
<table>
<thead>
<tr>
<th colspan="3">Table Heading</th>
</tr>
</thead>
<tbody>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
<tr>
<th class="sub">Sub head 1</th>
<td>Result 1</td>
<td>Result 2</td>
</tr>
<tr>
<th class="sub">Sub head 2</th>
<td>Result 1</td>
<td>Result 2</td>
</tr>
<tr>
<th class="sub">Sub head 3</th>
<td>Result 1</td>
<td>Result 2</td>
</tr>
</tbody>
</table>
<h3>Color palette:</h3>
<p>For easy search and replace.</p>
<ul>
<li style="color:#000">Regular Black #000</li>
<li style="color: #452">Dark Green #452</li>
<li style="color:#472">Rich Green #472</li>
<li style="color: #79B30B">Lime Green #79B30B</li>
<li style="color:#b71">Orange Brown #b71</li>
</ul>
<h4>Special:</h4>
<p>Main content background, title, and regular text color of pure #fff
white.</p>
<p style="background-color:#dda; color: #742">The topper of the main content
and the code area have a background-color of #dda and text color #742, like so.</p>
</div>
</div>
<div id="navigation">
<!-- Menu section -->
<div class="navcontainer">
<ul class="navlist">
<li class="menutitle">navigation</li>
<li id="active"><a href="#" id="current">Home</a>
<ul>
<li><a href="#">A sublink</a></li>
<li><a href="#">A sublink</a></li>
<li><a href="#">A sublink</a></li>
</ul>
</li>
<li><a href="#">Item two</a>
<ul>
<li><a href="#">A sublink</a></li>
<li><a href="#">A sublink</a></li>
<li><a href="#">A sublink</a></li>
</ul>
</li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li id="last"><a href="#">Item five</a></li>
</ul>
</div>
<h2>A Pitch</h2>
<p>Something relatively important that you want to put here right below the
links. Maybe this is a ad area, or perhaps its a spot to sign up for a free
newsletter.</p>
<p><img src="images/grass_sm.jpg" class="sm" alt="" /></p>
</div>
<div id="extra">
<label class="header" for="searchbox">Search</label>
<form id="contactForm" action="some.php">
<p style="padding:0; margin:0;">
<input type="text" style="width: 140px;" id="searchbox" />
<input type="submit" value="GO" style="margin-left: 3px; width:40px" />
</p>
</form>
<p><img src="images/grass_sm.jpg" class="sm" alt="" /></p>
<h2>Recent News</h2>
<p><strong>News Title:</strong> This is a little piece of news you could
display on your site.</p>
<p><strong>News Title:</strong> This is a little piece of news you could
display on your site.</p>
<p><strong>News Title:</strong> This is a little piece of news you could
display on your site.</p>
<h2>Affiliates</h2>
<ul id="affiliate">
<li><a href="#">Offsite link / image</a></li>
<li><a href="#">Offsite link / image</a></li>
<li><a href="#">Offsite link / image</a></li>
<li><a href="#">Offsite link / image</a></li>
</ul>
</div>
<div id="footer">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Accessibility Statement</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Privacy Policy</a></li>
<li>Design by <a href="http://www.websitestyle.com">Website Style</a></li>
</ul>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>mike03</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1"
/>
<link rel="stylesheet" href="mike03.css" type="text/css" />
</head>
<body>
<div id="container" >
<div id="headerWrap">
<div id="header">
<h1><a href="#">mike03</a></h1>
<ul id="navigation">
<li><a href="#">Page5</a></li>
<li><a href="#">Page4</a></li>
<li><a href="#">Page3</a></li>
<li><a href="#">Page2</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="contentHeader">
<div id="siteDescription">
<p>Here could be the description of your cool site!</p>
</div>
</div>
<div id="main">
<div class="post">
<h2>Open Source Template</h2>
<p>This template is an open source template. It's distributing under
Creative Commons 2.5 licence.
That means that you can use it in any way you like. All I ask for is that
you leave the "Design by ..."
link in the footer of the site. If you would like to remove that line, or
if you are interested
in professional services that are related to webdesign or this layout
(such as custom design,
branding, scripting or programming), please contact me through my website
for more information!</p>
</div>
<div class="post">
<h2>Design Features</h2>
<p>The template is optimized for 800x resolution but looks nice at
different resolutions too.
The main header with menu is liquid and change it's width in different
resolutions.
Content colums are easly changeble by float property in CSS.</p>
<blockquote>
<p>Some blockquote text which is showed as an example how it looks
like.</p>
</blockquote>
Example of an un-ordered list:
<ul>
<li>That is</li>
<li>how it</li>
<li>looks like</li>
</ul>
</div>
</div>
<div id="secondary">
<h2>About</h2>
<p>Here could be some sidebar. You can put here whatever you want. May be
some linkroll or some
additional information</p>
<h2>Version</h2>
<p>Template: mike03</p>
<p>Current template version: 1.3 (05/01/07)</p>
<h2>Search</h2>
<form method="get" id="searchform" action="#">
<fieldset>
<input type="text" name="s" id="searchtext" />
<input type="submit" id="searchsubmit" value="search" />
</fieldset>
</form>
</div>
</div>
<div id="footer">
<p>© 2006 Courtesy | Design by <a href="http://www.mikeyarmish.com">Mike
Yarmish</a> & <a href="http://www.svinus.be">Svinus zoekmachine
optimalisatie</a> </p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Mini Blog</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="container">
<div id="header">
<h1><a href="#">mini<strong>BLOG</strong> 1.0</a></h1>
<h2>For all your blogging needs.</h2>
<ul id="nav">
<li><a href="#" accesskey="h"><em>H</em>ome</a></li>
<li><a href="#css" title="CSS and XHTML (a:c)" accesskey="c"><em>c</em>ss
& xhtml</a></li>
<li><a href="#about" title="All about me (a:a)" accesskey="a"><em>A</em>bout
the author</a></li>
<li><a href="#contact" title="Get in Touch (a:o)"
accesskey="o">C<em>o</em>ntact</a></li>
</ul>
</div>
<div id="sidebar">
<h1>The Sidebar</h1>
<p> This is where you will put anything that uhm, belongs here really. Latest
Comments. Submenus. Blogrolls. Affiliates. Anything! </p>
<h1>Menu Take 2</h1>
<ul class="submenu">
<li><a href="#intro">Intro</a></li>
<li><a href="#css">css & xhtml</a></li>
<li><a href="#about">About the author</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<h1>Check it out!</h1>
<ul class="submenu">
<li><a href="#">Six Shooter Media</a></li>
<li><a href="#">JamesKoster.co.uk</a></li>
<li><a href="#">Buy a Button!</a></li>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">OSWD</a></li>
</ul>
<p class="note"> Here is a special paragraph for any important notes that you
might want to display. </p>
</div>
<div id="content">
<h1><a href="#intro" id="intro">Introduction</a></h1>
<h2>Everyting needs an intro!</h2>
<p> Hello and welcome to miniBLOG! This is just a simple, small template
designed specifically for the blog obsessives. Regarding colours, I've left
everything very plain using mainly greys. These colours are all easily changed via
the stylesheet. The backgorund image can be changed easily too by opening it in a
graphics program and adjusting the hue/saturation. Got something to say? Say it
with miniBLOG! </p>
<p> Speaking of the background image, it was created using a pattern which can
be found on squidfingers.com. </p>
<div class="article_menu"> <b>Posted on Thursday 08 December 2005</b> <a
href="#">28 Comments</a> </div>
<h1><a href="#css" id="css">CSS & XHTML</a></h1>
<p> As you would expect, this web site makes use of css for its entire layout.
No nasty tables here baby! The markup is also valid XHTML 1.1 strict. CSS &
XHTML are important for the following reasons: </p>
<ul>
<li>Accessibility. Big subject</li>
<li>Keeping file sizes small</li>
<li>Search Engine Optimisation</li>
<li>Loads more</li>
</ul>
<p> Anyway, this site validates as both <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.1 Strict</a> compliant. Which is nice. </p>
<div class="article_menu"> <b>Posted on Thursday 08 December 2005</b> <a
href="#">28 Comments</a> </div>
<h1><a href="#about" id="about">About the Author</a></h1>
<p> Hi! My names Jay and I'm a 19 year old web designer from England. My main
projects are conducted through my website Six Shooter Media. But I also run various
other sites. These include my blog, nothing special really, and, more interestingly
for people setting up new sites with these templates I run a tutorials web site
which gives you some good techniques for spicing up your web sites. Be it a
template site or something else, there's bound to be somehting interesting there,
so take a look at Pretty as a Picture. </p>
<p> Another site of mine that you might find interesting if you're setting up a
site with a free template like this is Buy a Button. There, for a great price you
can purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<div class="article_menu"> <b>Posted on Thursday 08 December 2005</b> <a
href="#">28 Comments</a> </div>
<h1>Some Examples</h1>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog. </p>
<h2>Blockquote Example</h2>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf hdsbf
jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd sb
</p>
</blockquote>
<h2>List Example</h2>
<ul>
<li>Here</li>
<li>Is our friend</li>
<li>The list!</li>
</ul>
<h2>Comment Example</h2>
<div class="comment_odd"> <span class="comnum">3</span>
<p><a href="#">Author Name</a> comments:</p>
<p> jd slksdnf dsnfk lndskfj ndskfj lndskfj dsn lksdnf kjsdnf sdlknf sjkf
nsdlkfn sdjfk ndslk fnds jfknsdk fjnsdlk fnsdjf nsdlkjf nsdkljf nsdjfk nsdlf ndsjfk
ndskl fnds jkfndsl jfknds jkfnds fknsdkn fksd nfsdknf lsdkn fksdn fklsdnfkjsndf
ksdnf klsdn fsdknf </p>
</div>
<div class="comment_even"> <span class="comnum">2</span>
<p><a href="#">Author Name</a> comments:</p>
<p> jd slksdnf dsnfk lndskfj ndskfj lndskfj dsn lksdnf kjsdnf sdlknf sjkf
nsdlkfn sdjfk ndslk fnds jfknsdk fjnsdlk fnsdjf nsdlkjf nsdkljf nsdjfk nsdlf ndsjfk
ndskl fnds jkfndsl jfknds jkfnds fknsdkn fksd nfsdknf lsdkn fksdn fklsdnfkjsndf
ksdnf klsdn fsdknf </p>
</div>
<div class="comment_odd"> <span class="comnum">1</span>
<p><a href="#">Author Name</a> comments:</p>
<p> jd slksdnf dsnfk lndskfj ndskfj lndskfj dsn lksdnf kjsdnf sdlknf sjkf
nsdlkfn sdjfk ndslk fnds jfknsdk fjnsdlk fnsdjf nsdlkjf nsdkljf nsdjfk nsdlf ndsjfk
ndskl fnds jkfndsl jfknds jkfnds fknsdkn fksd nfsdknf lsdkn fksdn fklsdnfkjsndf
ksdnf klsdn fsdknf </p>
</div>
<div class="article_menu"> <b>Posted on Thursday 08 December 2005</b> <a
href="#">28 Comments</a> </div>
<h1><a href="#contact" id="contact">Contact</a></h1>
<p> If you decide to use this template please <a href="#">drop me a line</a> to
let me know! Don't hesitiate to get in touch if your interested in a custom
template or just in any of my services in general. I look forward to hearing from
you! </p>
<div class="article_menu"> <b>Posted on Thursday 08 December 2005</b> <a
href="#">28 Comments</a> </div>
</div>
<div id="footer">
<p> Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here. </p>
</div>
</div>
</body>
</html>
<!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>Minimalistic</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
</head>
<body>
<div id="wrap">
<div id="top">
<div class="rights"> </div>
<div id="search"> </div>
<div class="lefts">
<h1>sNews 1.5</h1>
<h2>More features, less code</h2>
</div>
</div>
<div id="topmenu">
<div class="rights"></div>
<div class="lefts">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">AFFILIATES</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">ABOUTS US</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
<div id="subheader"> <strong>sNews</strong> is both template independant, and
standards compliant, and having only one file means you can redesign your site
whenever you want. We are constantly working on sNews development, which means that
as new features are added, all you have to do is <a
href="http://snews.solucija.com/" title="download">download</a> and install the
newer version. Your site and design will not be affected. </div>
<div id="main">
<div id="rightside">
<h2>Categories:</h2>
<div class="box">
<ul>
<li><a href="#">Templates (15)</a></li>
<li><a href="#">Internet (10)</a></li>
<li><a href="#">Tutorials (23)</a></li>
<li><a href="#">Photoshop (11)</a></li>
<li><a href="#">sNews (16)</a></li>
<li><a href="#">Personal (5)</a></li>
</ul>
</div>
<h2>New Articles:</h2>
<div class="box">
<ul>
<li><a href="#">I would like to send...</a></li>
<li><a href="#">This simple tutorial will...</a></li>
<li><a href="#">To make this nice fade...</a></li>
<li><a href="#">If you want to advertise...</a></li>
<li><a href="#">This has to be one of the...</a></li>
<li><a href="#">This day I would like to...</a></li>
</ul>
</div>
<h2>Sponsored Links</h2>
<div class="box">
<ul>
<li><a href="#">Links4se.com</a></li>
</ul>
</div>
</div>
<div id="leftside">
<h2> Download this template for free! </h2>
<p> <img src="images/img.jpg" alt="img" /> Phasellus quis est eget metus
blandit lacinia. Quisque molestie, diam a dignissim mattis, lectus felis placerat
lectus, eget sollicitudin neque nunc eleifend metus. <a href="#">Curabitur
ullamcorper</a> sem ac pede gravida sagittis. Sed et felis. Vestibulum placerat,
ipsum nec congue auctor, ante massa placerat felis, sit amet
<strong>consectetuer</strong> elit arcu vitae metus. In commodo, risus sed
tristique luctus, ipsum diam dapibus eros, et vehicula dui augue tempus quam. In
laoreet. Suspendisse et pede volutpat lacus interdum consequat. Cras dui. Quisque
ac turpis nec ligula rutrum pulvinar. Quisque lectus ligula, vehicula nec,
fringilla eu, dignissim ut, nisl. Vestibulum non turpis. Maecenas urna. </p>
<div class="date"><a href="#">Comments (5)</a> . 05 Jan 2007 . 10:37</div>
<h2>Lorem Ipsum</h2>
<p> Sed odio tortor, rhoncus ac, auctor a, volutpat sed, diam. Quisque
imperdiet. Maecenas quis nisl. Fusce sed nibh eget odio faucibus lobortis. Fusce
sagittis est sed elit. Sed venenatis elit ut urna. Etiam varius imperdiet leo.
Integer rhoncus venenatis arcu. Donec sollicitudin lectus. Cras ac est. Fusce odio.
Donec posuere fermentum dolor. Sed a lacus tristique tellus ultrices mattis. Sed
adipiscing urna a orci. Maecenas pharetra volutpat sem. </p>
<div class="date"><a href="#">Comments (11)</a> . 07 Jan 2007 . 02:56</div>
</div>
</div>
<div id="footer">
<div class="rside">© Copyright 2006, <a href="#">Your Site Name</a> - <a
href="#">HOME</a><br />
Design: <a href="http://www.free-css-templates.com" title="Design by David
Herreman">David Herreman</a></div>
<p> <a href="http://validator.w3.org/check?uri=referer"
title="Validate">XHTML</a> - <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="Validate">CSS</a> </p>
</div>
</div>
</body>
</html>
<!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>Minty</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="container">
<div id="header">Minty</div>
<div id="subheader">Providing A Long Lasting Freshness...</div>
<div id="nav">
<ul>
<li><a href="#" class="current">home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Pages</a></li>
<li><a href="#">Categories</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Email</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="maincontainer">
<div id="sidenav">
<ul class="menu">
<li class="title">Other Sites</li>
<li><a href="#">Digg</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">sNews</a></li>
<li><a href="#">Wordpress</a></li>
</ul>
<p>Integer semper molestie est. Duis scelerisque rhoncus magna. Aliquam
erat volutpat. Nunc dignissim, massa at sodales euismod, <a href="#">lorem
turpis</a> accumsan ipsum, sit amet malesuada pede purus id lectus.</p>
<form method="post" class="search" action="#">
<p>
<input type="text" name="search_query" class="textbox" />
<input type="submit" name="search" class="button" value="Search" />
</p>
</form>
</div>
</div>
<div id="content">
<h2>Generic Blog Design</h2>
<p>This is my first submission to <a href="#">The Open Design Community</a>.
Feel free to use it however you like. The only thing I ask is that you leave a link
to my site http://summitr.com/ somewhere on your site. I don't really care where it
is. You can add it in the footer, a links section on the sidebar, or on a links
page. This Design is probably best used for a personal blog. I don't think the
colors really lend themselves to a business site. I plan on porting this to
Wordpress at sometime in the future. Oh yeah, this Design is Valid XHTML 1.0 Strict
and CSS.</p>
<p>Morbi vel turpis eget diam gravida laoreet. Integer varius, est egestas
mollis suscipit, felis enim sagittis lectus, vitae luctus lectus urna a urna. Cum
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Phasellus posuere. Nullam mauris. Ut augue justo, laoreet non, suscipit ac, commodo
quis, leo. Cras vestibulum, risus non bibendum consequat, lorem turpis lacinia
purus, ut adipiscing nibh nibh sagittis sapien. Integer et ante eget erat suscipit
viverra. Aliquam imperdiet tempus mauris. Quisque odio libero, luctus vel,
vulputate nec, scelerisque eu, nunc. Etiam lorem tellus, bibendum vitae, mattis sit
amet, congue et, metus.</p>
<h2>How About A Form?</h2>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<h2>Maybe a Blockquote or a Code Box?</h2>
<blockquote>
<p>Morbi vel turpis eget diam gravida laoreet. Integer varius, est egestas
mollis suscipit, felis enim sagittis lectus, vitae luctus lectus urna a urna. Cum
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Phasellus posuere. Nullam mauris. Ut augue justo, laoreet non, suscipit ac, commodo
quis, leo. Cras vestibulum, risus non bibendum consequat, lorem turpis lacinia
purus, ut adipiscing nibh nibh sagittis sapien. Integer et ante eget erat suscipit
viverra. Aliquam imperdiet tempus mauris. Quisque odio libero, luctus vel,
vulputate nec, scelerisque eu, nunc. Etiam lorem tellus, bibendum vitae, mattis sit
amet, congue et, metus.</p>
</blockquote>
<div class="code">blockquote {<br />
margin: 20px;<br />
padding: 0 15px;<br />
background: #595959;<br />
border-left: 3px solid #b8e06d;<br />
font-weight: bold;<br />
color: #b8e06d;<br />
}</div>
<p>Sed eleifend nulla ac lectus. Donec id lorem nec mauris dictum ultrices.
Donec id nulla. Cras magna. Nullam leo justo, condimentum a, lacinia vitae,
dignissim eget, arcu. Etiam molestie. Suspendisse potenti. Proin laoreet ante sit
amet mi. Phasellus diam mauris, congue sit amet, vestibulum sit amet, porttitor
viverra, est. Vestibulum sodales, magna at egestas adipiscing, libero sem dapibus
turpis, blandit consequat odio pede quis lacus. Donec consequat aliquet magna. Sed
interdum, felis eu elementum dictum, eros pede bibendum massa, at condimentum odio
elit non felis. Maecenas arcu pede, accumsan venenatis, ornare id, mattis in, odio.
Donec sed sem ac sem vulputate iaculis. Praesent quis massa sit amet velit
elementum vestibulum.</p>
<p>Donec mollis gravida metus. Cras faucibus aliquet purus. Cras tortor diam,
dictum nec, mollis vitae, consectetuer ut, mauris. Vestibulum vel ante. Phasellus
sollicitudin bibendum orci. Nulla eu turpis ac justo iaculis convallis. Morbi
molestie ullamcorper velit. Integer eu pede. Cras ultricies, lectus a lacinia
malesuada, metus elit cursus dui, vitae rhoncus arcu velit non quam. Aenean sit
amet libero.</p>
<p>Mauris venenatis, arcu in hendrerit cursus, felis tortor porta sapien, ac
hendrerit elit diam sed purus. Nullam eu enim. Praesent magna. Integer a felis a
quam pulvinar lobortis. Proin porttitor dolor ac mauris. Morbi sapien lorem,
gravida ac, fermentum in, pellentesque ut, eros. Etiam bibendum nisi sit amet
turpis. Maecenas sit amet massa. Vivamus massa justo, vulputate tempor, scelerisque
vel, sollicitudin eu, orci. Vivamus facilisis.</p>
<p>Proin dapibus sem eu magna. Etiam non lorem. Nulla scelerisque nisl a
nisl. Maecenas in ante. Integer mollis, eros ac auctor ultricies, purus erat
blandit nisi, id mattis eros ante id odio. Vivamus eleifend auctor velit. Donec
nisi neque, eleifend vitae, tempor id, venenatis ac, eros. Ut id nisl vel est
viverra pulvinar. Etiam nulla. Vestibulum quis lacus. In aliquet ipsum vel libero.
Curabitur eget velit.</p>
</div>
</div>
<div id="footer">Copyright 2007 Summitr Designs</div>
</div>
</body>
</html>
<!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>Misty Blue</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<!-- Start Wrapper -->
<div class="wrapper">
<!-- Start header -->
<div class="header">
<!-- Start left header column -->
<div class="header-left"> <img src="images/logo.jpg" alt="Logo" /> </div>
<!-- End left header column -->
<!-- Start Right header column -->
<div class="header-right"> <br />
<br />
ADSENSE HERE </div>
<!-- Start Right header column -->
</div>
<!-- End header -->
<!-- Start Navigation Bar -->
<div class="navbar">
<ul>
<li class="nav-bar"><a href="#"><img src="images/home.jpg" alt="home"
/></a></li>
<li class="nav-bar"><a href="#"><img src="images/services.jpg" alt="services"
/></a></li>
<li class="nav-bar"><a href="#"><img src="images/portfolio.jpg"
alt="portfolio" /></a></li>
<li class="nav-bar"><a href="#"><img src="images/our-team.jpg" alt="our team"
/></a></li>
<li class="nav-bar"><a href="#"><img src="images/location.jpg" alt="location"
/></a></li>
</ul>
</div>
<!-- End Navigation Bar -->
<!-- Start Main Columns -->
<div id="leftcolumn">
<ul>
<li class="block"><a href="#">Home</a></li>
<li class="block"><a href="#">Link</a></li>
<li class="block"><a href="#">Link</a></li>
<li class="block"><a href="#">Link</a></li>
<li class="block"><a href="#">Link</a></li>
<li class="block"><a href="#">Link</a></li>
</ul>
<blockquote>
<div>Aenean nec metus. Duis <br />
faucibus orci in dui. Curabitur faucibus, ipsum quis dapibus commodo, felis
nisl vehicula massa, quis porta ligula neque quis elit. Fusce a urna et nulla
luctus iaculis.<br />
Maecenas sodales dui vel <br />
urna.</div>
</blockquote>
<blockquote>
<div>Aenean nec metus. Duis <br />
faucibus orci in dui. Curabitur faucibus, ipsum quis dapibus commodo, felis
nisl vehicula massa, quis porta ligula neque quis elit. Fusce a urna et nulla
luctus iaculis.<br />
Maecenas sodales dui vel <br />
urna.</div>
</blockquote>
<br />
<p> <a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict"
height="31" width="88" /></a> <a href="http://jigsaw.w3.org/css-validator/"> <img
style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-
validator/images/vcss" alt="Valid CSS!" /> </a> </p>
</div>
<!-- End Main Columns -->
<!-- Start Main Columns -->
<div id="rightcolumn"> <img src="images/feature.jpg" alt="Feature Image" />
<h1>Hello</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation</p>
<p> </p>
<h1>Goodbye</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation</p>
<p> </p>
<h1>See ya Later </h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation</p>
<h1>Congratulations</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation</p>
<p> </p>
<p> </p>
<p> </p>
</div>
<!-- End Main Columns -->
<div style="display: block; clear: left; margin: -0.66em 0; visibility: hidden;">
HACK </div>
<!-- Start Footer -->
<div class="footer"> © Copyright with <a href="http://www.code-
sucks.com/">Code-Sucks.com</a> 2006 </div>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html>
<!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>Misty Bud</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Misty Bud</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="sidebar">
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome">
<h2>Welcome to Misty Bud!</h2>
<p><strong>Misty Bud</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
</div>
<div id="example">
<h2>Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Misty Bud. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Architecture</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header"> </div>
<div id="left">
<div id="logo">
<h1>Architecture Bureau</h1>
<p>It's all possible</p>
</div>
<div id="nav">
<ul>
<li class="important"><a href="#">Home</a></li>
<li><a href="#">Recent Projects</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div id="news">
<h2>Latest News</h2>
<h3>02/03/07</h3>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div class="hr-dots"> </div>
<h3>01/03/07</h3>
<p>If you're looking for beautiful and professionally made templates you can
find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="more"><a href="#">more</a></p>
</div>
<div id="support">
<p>Call: +3265-9856-789</p>
</div>
</div>
<div id="right">
<h2>Welcome to Our Site!</h2>
<div id="welcome"> <img src="images/pic_1.jpg" width="171" height="137"
alt="Pic 1" class="left" />
<p>Don't forget to check <a href="#">free website templates</a> every day,
because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look
like.</p>
<p class="more"><a href="#">more</a></p>
</div>
<h3>Company Profile</h3>
<div id="profile">
<div id="corp">
<div id="corp-img"> Corporate Building </div>
<p>If you're having problems editing the template please don't hesitate to
ask for help on <a href="#">the forum</a>.</p>
</div>
<div id="indu">
<div id="indu-img"> Industrial </div>
<p>This is a template designed by free website templates for you for free
you can replace all the text by your own text.</p>
</div>
<div class="clear"> </div>
<p class="more"><a href="#">View Details</a></p>
</div>
</div>
<div class="clear"> </div>
<div id="spacer"> </div>
<div id="footer">
<div id="copyright"> Copyright © 2007 Company Name All right reserved |
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
<div id="footerline"></div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/2001/REC-
xhtml11-20010531/DTD/xhtml11-flat.dtd">
<html>
<head>
<title>mlpdesign02</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mlpdesign.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<!--header-->
<div id="header">
<div class="logo">
<h1>TITLE OR LOGO HERE</h1>
...and tag line here</div>
<div class="search">
<input type="text" name="search" size="15" />
<input type="button" value="Search" name="searchbtn" class="buttons" />
</div>
</div>
<div class="menu">
<div class="left"><a href="#">Home</a> | <a href="#">Menu 2</a> | <a
href="#">Menu 3</a> | <a href="#">Menu 4</a></div>
<div class="right"> <a href="#"><img src="img/home.gif" alt="home" /></a> <a
href="#"><img src="img/contact.gif" alt="contact" /></a> <a href="#"><img
src="img/map.gif" alt="sitemap" /></a></div>
</div>
<div class="spacer"> </div>
<!--body-->
<div id="body">
<div class="content">
<h1>About this template</h1>
<p>This template is released as an open source template under <a
href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons
Non-Commercial</a>. If you use it, please retain the "Template Design by
MLP Design" tag and link in place.</p>
<p>Please DO NOT use it in adult or adult-oriented websites!</p>
<p> For commercial use, please contact me.</p>
<h1>Reminders when editing</h1>
<p>To keep the design from messing up, change items in the index.html file
only when they are outside the <tags>.
If you wish to edit the color, font, size, etc, do so within the stylesheet
(mlpdesign.css) file. Otherwise, the code may not validate
or may not show up properly in other browsers.</p>
<h1>Space fillers, an image, and the blockquote</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend
laoreet magna. Donec auctor libero id massa.</p>
<blockquote>
<p>Aenean sit amet enim ac urna dictum lobortis. Praesent convallis sapien
eu tortor. Phasellus eros tortor, lacinia ut, pellentesque in, venenatis in,
elit.</p>
</blockquote>
<p><img class="img" src="img/adj.gif" alt="" />Proin congue risus eget eros.
Morbi ornare, enim ac convallis pellentesque, metus arcu sagittis diam, nec
fringilla nunc eros id arcu.
Nunc sagittis ligula id justo. Nam et pede a mi facilisis consequat.</p>
</div>
<div class="sidebar">
<h1>Unordered list</h1>
<div class="sidebarcontent">
<ul>
<li><a href="#">Link list one</a></li>
<li><a href="#">Link list two</a></li>
<li><a href="#">Link list three</a></li>
<li><a href="#">Link list four</a></li>
<li><a href="#">Link list five</a></li>
</ul>
</div>
<h1>The ordered list</h1>
<div class="sidebarcontent">
<ol>
<li>Number one</li>
<li>Number two</li>
<li>Number three</li>
<li>Number four</li>
</ol>
</div>
<h1>Some more sidebar</h1>
<div class="sidebarcontent">
<p>Vivamus tellus augue, pretium quis, blandit sit amet, tincidunt non,
justo. Ut tortor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
<div class="spacer"> </div>
</div>
<!--bottom-->
<div id="bottom"> </div>
<div id="midbottom">
<div class="column">
<h2>Left content</h2>
<a href="#">Suspendisse potenti</a> <a href="#">Proin sed pede</a> <a
href="#">Nullam at metus</a> <a href="#">Morbi fringilla imperdiet lorem</a> <a
href="#">Donec tempus aliquam orci</a> <a href="#">Pellentesque ultricies nisi
nec</a> </div>
<div class="column">
<h2>Middle content</h2>
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Ut tristique ullamcorper urna</li>
<li>Sed eleifend laoreet magna</li>
<li>Proin congue risus eget eros</li>
<li>Suspendisse potenti</li>
</ol>
</div>
<div class="column">
<h2>Right content</h2>
<p>Nunc sagittis ligula id justo. Nam et pede a mi facilisis consequat.
Quisque tincidunt, turpis vel commodo lacinia, arcu odio bibendum metus, eget
elementum ipsum eros sit amet velit.</p>
<p>Etiam ipsum diam, sodales blandit, accumsan vel, dictum eget, lectus.</p>
</div>
<div class="spacer"> </div>
</div>
<div id="btmbottom"> </div>
<!--footer-->
<div class="menu">
<div class="left"><a href="http://validator.w3.org/check?uri=referer">XHTML
1.1</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS
3.0</a></div>
<div class="right">Template design by <a href="http://www.mlpdesign.net">MLP
Design</a></div>
</div>
</div>
</body>
</html>
<!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>mlpDesign03</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mlpd3sign.css" type="text/css" />
</head>
<body>
<div id="main">
<div id="header">
<h1>Put your Name or Logo Here</h1>
</div>
<div id="sidebar">
<h1>Navigation</h1>
<ul>
<li><a class="active">Link</a></li>
<li><a href="#">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="#">Page 5</a></li>
<li><a href="#">Page 6</a></li>
</ul>
<h2>Partners</h2>
<p class="off"> Put anything here such as links, ads, or buttons. </p>
</div>
<div id="content">
<h1>About this template</h1>
<p>This template contains three pages, with sample <a
href="services.html">Services</a> and <a href="portfolio.html">Portfolio</a> pages.
This is another older Design for own my site, which I have also decided to release
as an open source template under Creative Commons Non-Commercial.</p>
<p>If you use the template, please retain the "Template Design by MLP Design"
tag and link in place. For commercial use, please contact me.</p>
<p>Please DO NOT use the template in adult or adult-oriented websites!</p>
<h2>The Unordered List</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend
laoreet magna. Donec auctor libero id massa.</p>
<ul>
<li>Unordered list without a link</li>
<li>Unordered list with <a href="#">a link</a></li>
<li><a href="#">Linked unordered list</a></li>
</ul>
<h2>The Ordered List</h2>
<p>Aenean sit amet enim ac urna dictum lobortis. Praesent convallis sapien eu
tortor. Phasellus eros tortor, lacinia ut, pellentesque in, venenatis in, elit.</p>
<ol>
<li>Numbered List One</li>
<li>Numbered List Two</li>
<li>Numbered List Three</li>
<li>Numbered List Four</li>
</ol>
<p><strong>Note: Do not mind us. We are just space fillers</strong>.
Suspendisse potenti. Proin sed pede. Suspendisse elementum, augue et
venenatis malesuada, nisl pede commodo eros, id faucibus purus arcu vel
risus. Nullam at metus. Donec non dui.</p>
</div>
<div class="spacer"></div>
<div id="footer">2007 © Copyright Your Name. All Rights Reserved. <br />
Template Design by <a href="http://www.mlpDesign.net">MLP Design</a> | <a
href="http://validator.w3.org/check?uri=referer">XHTML 1.0</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer/">CSS 2.0</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/2001/REC-
xhtml11-20010531/DTD/xhtml11-flat.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>mlpdesign04</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="default.css" type="text/css" />
</head>
<body>
<div id="wrapper1">
<div id="wrapper2">
<!--Header Items -->
<div id="header">
<div id="title"> <a href="#">mlpdesign04</a></div>
<div id="navbar">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a class="current-cat">About</a></li>
<li><a href="#">Page 3</a></li>
<li><a href="#">Page 4</a></li>
<li><a href="#">Page 5</a></li>
</ul>
</div>
<div id="tagline">
<p>This could be your tagline, or a brief description of your website. Or
you could leave it blank. It's all up to you.</p>
</div>
</div>
<!-- Main Body Items -->
<div id="maindiv">
<!-- Articles -->
<div id="content">
<div class="item">
<h1>About this template</h1>
<span>Posted on 11 April 2007, 2:16 PM by <a href="#">webmasterneo</a> |
<a href="#">0 Comment(s)</a>.</span>
<p>This template, mlpdesign04 (a.k.a. "pink"), is released as an open
source template under <a href="http://creativecommons.org/licenses/by-
nc/2.5/">Creative Commons Non-Commercial</a>. If you use it, please retain the
"Template Design by MLP Design" tag and link in place. For commercial use, please
contact me.</p>
<p>Please DO NOT use it in adult or adult-oriented websites!</p>
</div>
<div class="item">
<h1>Reminders when editing</h1>
<span>Posted on 11 April 2007, 2:16 PM by <a href="#">webmasterneo</a> |
<a href="#">0 Comment(s)</a>.</span>
<p>To keep the design from messing up, change items in the index.html
file only when they are outside the <tags>. If you wish to edit the color, font,
size, etc, do so within the stylesheet (default.css) file. Otherwise, the code may
not validate or may not show up properly in other browsers.</p>
</div>
<div class="item">
<h1>Space fillers, an image, and the blockquote</h1>
<span>Posted on 11 April 2007, 2:16 PM by <a href="#">webmasterneo</a> |
<a href="#">0 Comment(s)</a>.</span>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend
laoreet magna. Donec auctor libero id massa.</p>
<blockquote>
<p>Aenean sit amet enim ac urna dictum lobortis. Praesent convallis
sapien eu tortor. Phasellus eros tortor, lacinia ut, pellentesque in, venenatis in,
elit.</p>
</blockquote>
<p><img class="img" src="images/adj.gif" alt="" />Proin congue risus eget
eros. Morbi ornare, enim ac convallis pellentesque, metus arcu sagittis diam, nec
fringilla nunc eros id arcu. Nunc sagittis ligula id justo. Nam et pede a mi
facilisis consequat.</p>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="heading">Search</div>
<form action="POST">
<p>
<input type="text" name="search" value="Enter search term..." size="20"
/>
<input type="" name="submit" src="images/submit.gif" class="button" />
</p>
</form>
<div class="heading">Categories</div>
<ul>
<li><a href="#">Category One</a></li>
<li><a href="#">Category Two</a></li>
<li><a href="#">Category Three</a></li>
<li><a href="#">Category Four</a></li>
</ul>
<div class="heading">Archives</div>
<ul>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
</ul>
<div class="heading">Links</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer">
<p>© Copyright 2007 Yout Name. All rights reserved. <br />
Template design & code by <a href="http://www.mlpdesign.net"
title="Template by mlpdesign.net">MLP Design</a>.</p>
</div>
</body>
</html>
<!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>Model Agency</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page_header">
<div id="logo">
<h1><span>Model Agency</span></h1>
</div>
<div id="page_menu">
<ul>
<li><a href="#"><img src="images/menu_home.gif" width="37" height="7"
alt="HOME" /></a></li>
<li><a href="#"><img src="images/menu_aboutus.gif" width="69" height="7"
alt="ABOUT US" /></a></li>
<li><a href="#"><img src="images/menu_portfolio.gif" width="74" height="7"
alt="PORTFOLIO" /></a></li>
<li><a href="#"><img src="images/menu_gallery.gif" width="62" height="7"
alt="GALLERY" /></a></li>
<li><a href="#"><img src="images/menu_contacts.gif" width="72" height="7"
alt="CONTACTS" /></a></li>
</ul>
</div>
<div class="clearthis">.</div>
</div>
<div id="page_bodybox">
<div id="leftborder">
<div id="top"> </div>
<div id="bot"> </div>
</div>
<div id="bodyborder">
<div id="page_content">
<!-- BEGIN LEFT COLUMN -->
<div id="leftcol">
<h2><span>Optional Header</span></h2>
<span> <img src="images/main_img.gif" width="300" height="399" alt="Model
Name" /> </span>
<div id="nav"> <strong><span><a href="#">1</a></span></strong>
<strong><span><a href="#">2</a></span></strong> <strong><span><a
href="#">3</a></span></strong> <strong><span><a href="#">4</a></span></strong>
<strong><span><a href="#">5</a></span></strong> <strong><span><a
href="#">6</a></span></strong>
<div class="clearthis">.</div>
</div>
</div>
<!--// END LEFT COLUMN -->
<!-- BEGIN MAIN COLUMN -->
<div id="maincol">
<h3>About the gallery</h3>
<p> This is a demo text. It will be replaced by the original. This is a
demo text. It will be replaced by the original. This is a demo text. It will be
replaced by the original. This is a demo text. It will be replaced by the original.
This is a demo text. It will be replaced by the original. </p>
<p> This is a demo text. It will be replaced by the original. This is a
demo text. It will be replaced by the original. This is a demo text. It will be
replaced by the original. This is a demo text. It will be replaced by the original.
This is a demo text. It will be replaced by the original. </p>
<h3>Special features</h3>
<ul>
<li><a href="#">This is a demo text.</a></li>
<li><a href="#">You can replace it by your own text.</a></li>
<li><a href="#">Some links can go here.</a></li>
<li><a href="#">This text can be replaced.</a></li>
<li><a href="#">Put your content here by replacing.</a></li>
</ul>
<div id="maincol_nav">
<h3><span>Navigate</span></h3>
<a href="#">Prev</a> <a href="#"><img src="images/arrow_left.gif"
width="3" height="5" alt="Previous" /></a> <a href="#">3</a> | <a
href="#">4</a> <a href="#"><img src="images/arrow_right.gif" width="3"
height="5" alt="Next" /></a> <a href="#">Next</a> </div>
<div class="clearthis">.</div>
</div>
<!--// END MAIN COLUMN -->
<!-- BEGIN RIGHT COLUMN -->
<div id="rightcol">
<h2><span>Optional Header</span></h2>
<div id="rightcol_top">
<div class="arrow"> <a href="http://www.freewebsitetemplates.com/"><img
src="images/arrow_up.gif" width="5" height="3" alt="Up" /></a> </div>
</div>
<div id="rightcol_main">
<div class="model_thumbnail"> <a href="#"><img src="images/model01.gif"
width="130" height="107" alt="Model Name" /></a> </div>
<div class="model_nametag"> <a href="#">Sophia Jones</a> </div>
<div class="model_thumbnail"> <a href="#"><img src="images/model02.gif"
width="130" height="107" alt="Model Name" /></a> </div>
<div class="model_nametag"> <a href="#">Anna Stone</a> </div>
<div class="model_thumbnail"> <a href="#"><img src="images/model03.gif"
width="130" height="107" alt="Model Name" /></a> </div>
<div class="model_nametag_bot"> <a href="#">Rick Stuart</a> </div>
</div>
<div id="rightcol_bot">
<div class="arrow"> <a href="#"><img src="images/arrow_down.gif"
width="5" height="3" alt="Down" /></a> </div>
</div>
</div>
<!--// END RIGHT COLUMN -->
<div class="clearthis">.</div>
</div>
</div>
<div class="clearthis">.</div>
</div>
<div id="page_footer"> <br />
Powered by <a href="http://www.freewebsitetemplates.com">Free Website
Templates</a> </div>
</body>
</html>
<!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>Model Portfolio template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><span>M</span>ODEL PORTFOLIO</h1>
</div>
<div id="nav">
<ul>
<li class="first"><a href="#"><em>M</em>Y BIO</a></li>
<li><a href="#"><em>R</em>ESUME</a></li>
<li><a href="#"><em>P</em>ORTFOLIO</a></li>
<li><a href="#"><em>P</em>HOTOS</a></li>
<li><a href="#"><em>C</em>ONTACTS</a></li>
</ul>
</div>
<div id="body">
<div id="content">
<div class="i">
<h2><strong>Welcome</strong> to my website</h2>
<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>
<h2 class="h"><span class="htop">TOP</span> <span
class="hproject">PROJECT</span> <span class="hof">of</span> <span
class="h2006">2006</span></h2>
<div id="picbox-left"> <img src="images/pic_1.jpg" width="130" height="63"
alt="Pic 1" /> </div>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<h2><strong>My</strong> gallery</h2>
<div id="gallery">
<div id="bigpic"> <a href="#"><img src="images/pic_2.jpg" width="180"
height="112" alt="Pic 2" /></a> </div>
<div class="smallpic" id="pica"> <a href="#"><img src="images/pic_3.jpg"
width="63" height="43" alt="Pic 3" /></a> </div>
<div class="smallpic" id="picb"> <a href="#"><img src="images/pic_4.jpg"
width="63" height="43" alt="Pic 4" /></a> </div>
<div class="smallpic" id="picc"> <a href="#"><img src="images/pic_5.jpg"
width="63" height="43" alt="Pic 5" /></a> </div>
<div class="smallpic" id="picd"> <a href="#"><img src="images/pic_6.jpg"
width="63" height="43" alt="Pic 6" /></a> </div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="copyright"> © Copyright 2006.model agency. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
<div id="footer"> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Modern Business
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Modern Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
slices:10,
animSpeed:500,
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.gif', //Replace this with...
controlNavThumbsReplace: '_thumb.gif', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8 //Universal caption opacity
});
});
</script>
<!--[if lt IE 8]>
<style type="text/css" media="screen">.nivo-controlNav a{float:left;}</style>
<![endif]-->
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div class="fl_left">
<h1><a href="index.html">Modern Business</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="featured_slide">
<div id="slider" class="nivoSlider">
<img src="images/demo/1.gif" alt="" />
<img src="images/demo/2.gif" alt="" />
<img src="images/demo/3.gif" alt="" />
<img src="images/demo/4.gif" alt="" />
<img src="images/demo/5.gif" alt="" />
</div>
</div>
<div id="featured_intro">
<div>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. This template is distributed
using a <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>, which allows you to use and modify the template for both personal and
commercial use when you keep the provided credit links in the footer. For more CSS
templates visit <a href="http://www.os-templates.com/">Free Website
Templates</a>.</p>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="latest">
<ul>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
<li class="last">
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="footer">
<div class="footbox">
<h2>Lacus interdum</h2>
<p>Elitpha sellus enim rutrum orna ac met quis risus sus sed metus. Ipsumm
aecenas sempor tincidunt feugiat tur aenec a integet rhoncus eger et. Semnisse
fauctor in ut convalli citudin vivamus curabitur tinci dunt nam vestique
pretium.</p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Phasellus tempor vestibulum</a></li>
<li><a href="#">Vestibulum quis augu mauris</a></li>
<li class="last"><a href="#">Suspendisse in neque</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Phasellus tempor vestibulum</a></li>
<li><a href="#">Vestibulum quis augu mauris</a></li>
<li class="last"><a href="#">Suspendisse in neque</a></li>
</ul>
</div>
<div class="thumbbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
</ul>
<br class="clear" />
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Modern World</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="images/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="content">
<div class="right">
<div id="message">Do you like big bold letters?</div>
<div id="navigation"> <a href="#">Home</a> <a href="#">Modern world</a> <a
href="#">Behind the idea</a> <a href="#">Join the movement</a> <a
href="#">Contact</a> </div>
<h1>Welcome to our Modern World!</h1>
<p><a href="#">Modern World</a>, quite a simple layout but with rich graphics.
Ideal for your blog or a complete web page. Once again, you are free to <span
class="marked_blue">use this template</span> in any way you want. Make sure you
visit Solucija and download your fresh copy of sNews, the <span
class="marked_green">easiest</span> news publishing software, or just browse
through our gallery of free CSS templates.</p>
<div class="quote">Duis autem vel eum iriure dolor in hendrerit in vulputate
velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
delenit augue duis dolore te feugait nulla facilisi.</div>
<h1>Just some Lorem Ipsum text</h1>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<h1>Lorem Ipsum Strikes again!</h1>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<div class="left">
<div id="logo">
<h2>Modern World</h2>
<p>A place for modern people</p>
</div>
<h1>News publishing script</h1>
<p>Do you need a news publishing script? Download sNews, cause it's all you
need to start free and simple blogging.</p>
<p>sNews has only 3 files and it's <span class="marked_blue">template
independent</span> which means that you can redesign your site whenever you want.
We are constantly working on sNews <span class="marked_green">development</span> so
everything you need to do is download a newer version and your site and design
stays the same, but you're able to use more features.</p>
<h1>Lorem Ipsum again</h1>
<p>Lorem ipsum dolor <a href="#">sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut <span class="marked_blue">laoreet</span>
dolore magna aliquam erat volutpat. </p>
<h1>Meta</h1>
<ul>
<li><a href="http://validator.w3.org/check/referer">XHTML</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></li>
</ul>
</div>
<div id="footer">
<p>© Copyright 2005, <a href="#">YourSite.com</a> design by <a
href="http://www.solucija.com">Solucija</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Moderna</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="moderna.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner"><a href="#">homepage</a> | <a href="#">contact</a> |
<h1>www.yourwebsite.com</h1>
</div>
<!-- Begin Top Menu -->
<ul id="navlist">
<li id="active"><a id="current" href="#">HOMEPAGE</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">PRODUCTS</a></li>
<li><a href="#">LINKS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
<!-- End Top Menu -->
<div id="sidebar-a"> <img class="border" src="images/image01.jpg" alt="" />
<h2>Links</h2>
<div class="menu">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic</a> </li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
</div>
<div id="sidebar-b">
<h3>Information</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<h3>Gallery</h3>
<img class="border" src="images/image02.jpg" alt="" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. </p>
</div>
<div id="content">
<h2>Introduction</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque <a href="#">sollicitudin</a>, ante nec posuere tempus, arcu
lectus vehicula mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut
eros massa, dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in
ipsum. </p>
<p><img class="imgleft" src="images/image02.jpg" alt="" />Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Suspendisse a tortor. Pellentesque
sollicitudin, ante nec posuere tempus, arcu lectus vehicula mi, ac rhoncus lorem
turpis sed sapien. Pellentesque <a href="#">egestas</a>. Ut eros massa, dignissim
at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<div class="intro">
<h3>Article One</h3>
<p class="update"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer imperdiet, eros et cursus pharetra, nulla ante fermentum magna, eget rutrum
mi urna in purus.</p>
</div>
<div class="intro2">
<h3>Article Two</h3>
<p class="update"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer imperdiet, eros et cursus pharetra, nulla ante fermentum magna, eget rutrum
mi urna in purus. </p>
</div>
<div class="intro3">
<h4>News & Updates</h4>
<p class="update"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer imperdiet, eros et cursus pharetra, nulla ante fermentum magna, eget rutrum
mi urna in purus.</p>
</div>
</div>
<div id="footer"><a href="#">homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">xhtml</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a>| © 2006 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | </div>
</div>
</body>
</html>
<!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>
<title>MODERNA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your <span style="color: #000;">Company</span> Name</h1>
</div>
<ul id="navlist">
<li id="active"><a id="current" href="#">HOMEPAGE</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">PRODUCTS</a></li>
<li><a href="#">LINKS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
<div id="sidebar-a">
<h2>Links</h2>
<div class="menu">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
</div>
<p><img class="border" src="images/image02.jpg" alt="box" />Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Suspendisse a tortor. </p>
</div>
<div id="sidebar-b">
<h3>Information</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien.</p>
<h3>Gallery</h3>
<img class="border" src="images/image02.jpg" alt="box" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. </p>
</div>
<div id="content">
<h2>Welcome to <span style="font-weight:bold; color:#891E18;">Moderna</span>
Template</h2>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE6/7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE CSS templates visit my website.</blockquote>
<p><img class="imgleft" src="images/image02.jpg" alt="box" />Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Suspendisse a tortor. Pellentesque
sollicitudin, ante nec posuere tempus, arcu lectus vehicula mi, ac rhoncus lorem
turpis sed sapien. Pellentesque <a href="#">egestas</a>. Ut eros massa, dignissim
at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Suspendisse a tortor. Pellentesque sollicitudin, ante
nec posuere tempus, arcu lectus vehicula mi, ac rhoncus lorem turpis sed sapien.
Pellentesque egestas. Ut eros massa, dignissim at, auctor vitae, consectetuer ut,
felis. Ut tincidunt sem in ipsum. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<div class="col3">
<h1>Article 1</h1>
<div class="navlist">
<ul>
<li><a href="#">BBC News</a></li>
<li><a href="#">Hartlepool Today</a></li>
<li><a href="#"> SV Horizons</a></li>
</ul>
</div>
</div>
<div class="col3center">
<h1>Article 2</h1>
<div class="navlist">
<ul>
<li><a href="#">OWD</a></li>
<li><a href="#">CSS Drive</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
</div>
</div>
<div class="col3">
<h1>Article 3</h1>
<div class="navlist">
<ul>
<li><a href="#">Stu Nicholls</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">Jay Kay</a></li>
</ul>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a tortor.
Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula mi, ac
rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa, dignissim at,
auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | ©
2007 Anyone | Design by <a href="http://www.mitchinson.net"> www.mitchinson.net</a>
| Licensed under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Modular Business
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Modular Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.jcarousel.pack.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.jcarousel.setup.js"></script>
</head>
<body id="top">
<div class="wrapper col1">
<div id="topbar">
<p>Tel: xxxxx xxxxxxxxxx | Mail: [email protected]</p>
<ul>
<li><a href="#">Libero</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mauris</a></li>
<li class="last"><a href="#">Suspendisse</a></li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="header">
<div class="fl_left">
<h1><a href="index.html">Modular Business</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"> <a href="#"><img src="images/demo/468x60.gif" alt=""
/></a> </div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Homepage</a><span>Test Text
Here</span></li>
<li><a href="pages/style-demo.html">Style Demo</a><span>Test Text
Here</span></li>
<li><a href="pages/full-width.html">Full Width</a><span>Test Text
Here</span></li>
<li><a href="#">DropDown</a><span>Test Text Here</span>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">Link text</a><span>Test Text Here</span></li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="featured_slide">
<div id="featured_content">
<ul>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
</ul>
</div>
<a href="javascript:void(0);" id="featured-item-prev"><img
src="layout/images/prev.png" alt="" /></a> <a href="javascript:void(0);"
id="featured-item-next"><img src="layout/images/next.png" alt="" /></a> </div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="container">
<div id="content">
<h2>About This Free CSS Template</h2>
<img class="imgl" src="images/demo/imgl.gif" alt="" width="125"
height="125" />
<p><strong>Indonectetus facilis leo nibh</strong></p>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor mauris
wisinon vivamus. Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
</div>
<div id="column">
<div class="holder">
<h2>Nullamlacus loborttis</h2>
<ul id="latestnews">
<li><img class="imgl" src="images/demo/80x80.gif" alt="" />
<p><strong>Indonectetus facilis leo nibh.</strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last"><img class="imgl" src="images/demo/80x80.gif" alt="" />
<p><strong>Indonectetus facilis leo nibh.</strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="footer">
<div id="newsletter">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col7">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Architecture</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header"> </div>
<div id="left">
<div id="logo">
<h1>Architecture Bureau</h1>
<p>It's all possible</p>
</div>
<div id="nav">
<ul>
<li class="important"><a href="#">Home</a></li>
<li><a href="#">Recent Projects</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div id="news">
<h2>Latest News</h2>
<h3>02/03/07</h3>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div class="hr-dots"> </div>
<h3>01/03/07</h3>
<p>If you're looking for beautiful and professionally made templates you can
find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="more"><a href="#">more</a></p>
</div>
<div id="support">
<p>Call: +3265-9856-789</p>
</div>
</div>
<div id="right">
<h2>Welcome to Our Site!</h2>
<div id="welcome"> <img src="images/pic_1.jpg" width="171" height="137"
alt="Pic 1" class="left" />
<p>Don't forget to check <a href="#">free website templates</a> every day,
because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look
like.</p>
<p class="more"><a href="#">more</a></p>
</div>
<h3>Company Profile</h3>
<div id="profile">
<div id="corp">
<div id="corp-img"> Corporate Building </div>
<p>If you're having problems editing the template please don't hesitate to
ask for help on <a href="#">the forum</a>.</p>
</div>
<div id="indu">
<div id="indu-img"> Industrial </div>
<p>This is a template designed by free website templates for you for free
you can replace all the text by your own text.</p>
</div>
<div class="clear"> </div>
<p class="more"><a href="#">View Details</a></p>
</div>
</div>
<div class="clear"> </div>
<div id="spacer"> </div>
<div id="footer">
<div id="copyright"> Copyright © 2007 Company Name All right reserved |
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
<div id="footerline"></div>
</div>
</div>
</body>
</html>
<!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>Monkeys Falling</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel='stylesheet' type='text/css' href='default.css' />
<!--[if lte IE 6]>
<link rel='stylesheet' type='text/css' href='ie6.css' />
<![endif]-->
<!--[if IE 7]>
<link rel='stylesheet' type='text/css' href='ie7.css' />
<![endif]-->
</head>
<body>
<div id="container">
<div id="header"> Even Monkeys Fall from Trees </div>
<div id="menubar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="sidebar">
<ul class="nav">
<li><a href="#">Open Web Design</a></li>
<li><a href="#">CSS Reboot</a></li>
<li><a href="#">CSS Remix</a></li>
<li><a href="#">W3C Sites</a></li>
<li><a href="#">Squidfingers</a></li>
<li><a href="#">CSS Play</a></li>
</ul>
<div class="sideitem">
<h3>Right Side Item</h3>
<p>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. In volutpat
pede vitae massa. In rutrum posuere justo. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. <a href="#">Read
more...</a></p>
</div>
<div class="sideitem">
<h3>Bullet List</h3>
<p>Here is a sample bulleted outline:</p>
<ul>
<li>Lorem ipsum dolor</li>
<li>In volutpat pede</li>
<li>Cras hendrerit sem sed</li>
<li>Nulla eget nibh nec</li>
</ul>
</div>
</div>
<div id="content">
<p class="intro"><span class="dropcap">T</span>his template is a simple yet
refined Design should add a touch of elegance to your blog. It has cool blue
highlights and a nice contrast that is easy on the eyes. I hope you enjoy this
template, and please email me if you decide to use it. And here comes the filler
text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In volutpat pede
vitae massa. In rutrum posuere justo. Nullam rhoncus congue justo. Nullam rhoncus
congue justo. Mauris porttitor lorem id ligula.</p>
<div class="blog">
<div class="blog_r">
<h2>Here's a sample Blog entry</h2>
<h5>Bylines are really cool</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In volutpat
pede vitae massa. In rutrum posuere justo. Nullam rhoncus congue justo. Mauris
porttitor lorem id ligula. Duis in odio. Sed sed sem. Nunc sed metus nec orci
lobortis dictum. Cras hendrerit sem sed lacus. Nulla eget nibh nec metus
consectetuer dignissim.</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Donec malesuada, dui sagittis tempus nonummy, nisl nibh
convallis leo, ultrices <a href="#">tincidunt libero</a> sapien in neque. Praesent
lectus ante, laoreet at, nonummy id, auctor ac, sapien. Aliquam felis justo,
vehicula in, pretium id, sodales ac, velit. Maecenas ac velit.</p>
<p class="blogfoot"> <a href="#">Permalink</a>| <a href="#">Discuss</a>| <a
href="#">Email this</a></p>
</div>
<div class="blog_l">
<div class="blogdate"><span class="daynum">25</span><br />
<span class="month">September<br />
2006</span></div>
<img src="img/skate.jpg" alt="skater" /><br />
<a href="#">by Mike</a> </div>
</div>
<div class="blog">
<div class="blog_r">
<h2>Lets demo a Blockquote</h2>
<h5>Don't roll your eyes</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In volutpat
pede vitae massa. In rutrum posuere justo. Nullam rhoncus congue justo. Mauris
porttitor lorem id ligula. Duis in odio. Sed sed sem.</p>
<blockquote>
<p>Nunc sed metus nec orci lobortis dictum. Cras hendrerit sem sed lacus.
Nulla eget nibh nec metus.</p>
</blockquote>
<p>Praesent lectus ante, laoreet at, nonummy id, auctor ac, sapien. Aliquam
felis justo, vehicula in, pretium id, sodales ac, velit. Maecenas ac velit.</p>
<p class="blogfoot"> <a href="#">Permalink</a>| <a href="#">Discuss</a>| <a
href="#">Email this</a></p>
</div>
<div class="blog_l">
<div class="blogdate"><span class="daynum">17</span><br />
<span class="month">September<br />
2006</span></div>
<img src="img/skate.jpg" alt="skater" /><br />
<a href="#">by Frank</a> </div>
</div>
<div id="footer">
<p>© Even Monkeys Fall From Trees. All rights reserved.</p>
<div class="blogfoot bottomlinks">
<p> <a href="#">Sitemap</a>|<a href="http://jigsaw.w3.org/css-
validator/check/referer">Valid CSS</a>|<a href="http://validator.w3.org/check?
uri=referer">Valid XHTML 1.1</a>| <a href="#">Contact info</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Morning Memories</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="sitename"><a href="#"><span>Morning</span> Memories..</a></h1>
<br />
<div id="intro">
<p>Every morning </p>
<p> the world is created.</p>
<p> Under the</p>
<p> orange
sticks of the sun </p>
<p>the heaped
ashes of </p>
<p>the night </p>
<p>turn into leaves again </p>
<p>and fasten themselves to</p>
<p> the high branches ---</p>
<p> and the ponds appear </p>
<p>like black cloth
on </p>
<p>which are painted islands</p>
<h3 id="author">- Mary Oliver</h3>
</div>
</div>
<div id="contents">
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Poetries</a></li>
<li><a href="#">Sketches</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h2>Lorem Ipsum Dolor </h2>
<h3 class="date">Posted on 12/12/2006</h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque nec
lectus. Aenean congue. Curabitur est. Pellentesque id elit sed lacus convallis
porta. Aenean ac orci. Integer lacinia turpis rutrum diam. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Nam orci ipsum, cursus id, blandit eget,
semper a, odio. Cras ut tellus. Integer placerat malesuada velit. Morbi porttitor
ornare risus. Vivamus iaculis, tortor a vestibulum condimentum, dolor massa
adipiscing erat, vel mollis libero risus nec augue. Morbi pulvinar placerat augue.
Fusce urna justo, porta ac, pulvinar id, vehicula ut, purus. Sed enim elit,
tristique sed, tincidunt id, posuere sit amet, urna. Cras non ligula. </p>
<ul>
<li>Quisque adipiscing pulvinar nulla.</li>
<li>Vivamus erat elit, congue eu, tincidunt vitae, pharetra id, augue.</li>
<li>Ut nec erat sed felis accumsan euismod. Phasellus tempus nunc tristique
nibh.</li>
<li>Nulla facilisi. Vivamus sed sapien sed diam pharetra aliquam.</li>
<li>Ut quis arcu. Etiam vel enim. Curabitur lacus odio, tempus id, semper
id, rutrum at, enim.</li>
<li>Nulla facilisi. In hac habitasse platea dictumst.</li>
</ul>
<div class="endpost">
<ul>
<li><a href="#">Add Comments</a></li>
<li><a href="#">Read Full Story</a></li>
</ul>
<hr />
</div>
<h2>About This Template</h2>
<h3 class="date">Posted on 12/12/2006</h3>
<p>This design is inspired by the nature, childhood, colors, sky, trees, music,
Heart in Atlantis - the Movie, another template you can see in OD.org - Loneliness
by Dieter, and all the good memories of my childhood.</p>
<blockquote>This Teamplate is released under Creative Common License. So,
please don't delete the link back to my website. It might not be that great as a
design, but I will appreciate if you appreciate the time I spent, cigarettes I
smoked.. thank you. </blockquote>
<p> Donec vitae nulla quis diam aliquet rutrum. Nulla egestas. Donec interdum
placerat leo. Nunc neque mauris, feugiat a, feugiat eget, molestie eget, dolor.
Sed eu nulla non dui dignissim rhoncus. Donec gravida, eros nec pulvinar
sollicitudin, quam pede vulputate nulla, id rutrum mi mauris ut felis. Vivamus
tempor diam bibendum massa. </p>
<p><strong>PS:</strong> If you like this template, I would like to here it from
you </p>
<div class="endpost">
<ul>
<li><a href="#">Add Comments</a></li>
<li><a href="#">Read Full Story</a></li>
</ul>
<hr />
</div>
</div>
</div>
<div id="footer"> <a class="backtotop" href="#">Back to Top</a>
<p>© Copyright information goes here |Valid XHTML 1.1 & CSS 2.0 </p>
<!--Designed by : Roshan
Do not remove this comment and the link back to my website
Website : www.ramblingsoul.com
email : [email protected]
-->
<p>by <a href="http://www.ramblingsoul.com">Rambling Soul</a></p>
<p> </p>
</div>
</body>
</html>
<!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>Mountain Lake</title>
<meta http-equiv="content-language" content="en-us" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="master.css" />
<!--[if lt ie 7]><link rel="stylesheet" type="text/css" media="screen" href="ie-
win.css" /><![endif]-->
</head>
<body>
<div id="header">
<h1><a href="#"><span>Mountain Lake</span></a></h1>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Archives</a></li>
<li class="active"><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="wrapper">
<div id="content">
<div class="post">
<h2 class="post-title"><a href="#">More Examples</a></h2>
<div class="post-content">
<p>Hi there! <a href="#">Mountain Lake</a> is a free template by <a
href="#">Sadhana Ganapathiraju</a>. The picture
was posted to <a href="http://www.sxc.hu/photo/654238">stock.xchng</a> by
xandeserta and modified by me to suit my
needs. Two sets of header images are provided — one that is
grayscale and another that is colored. As usual,
I created an image for the site-title, but I didn't include it in the
template files, since you probably are going
to be changing the title anyway (or, at least, <strong>should</strong> be
changing it!). I could have done it with
regular text and absolute positioning, but, meh, I'm lazy. :p Anyway, if
you want, you can take a look at it on my
site. </p>
<p>Do drop me an e-mail or a link if you find the template useful! :-)</p>
<p>Like all other templates, this one is also released under <a
href="#">Creative Commons...</a> license, so feel
free to use it and modify it as you wish. The template was designed for a
blog, but if it works for other types of
websites, then, hey, all the best for you! Here's <code>some code</code>,
<kbd title="Keyboard text">some keyboard
text</kbd>, <cite title="Looks blah">a citation</cite>, <strong>some
strong text</strong>, <em>some emphasized
text</em>.</p>
<blockquote>
<p>Here comes a blockquote. It's a very short one, as you can see.</p>
</blockquote>
<h3>Here comes an unordered list</h3>
<ul>
<li>This is the first item</li>
<li>And the second one</li>
<li>And the third one</li>
<li>And the fourth one</li>
<li>And the fifth one</li>
</ul>
<h3>And here comes an ordered list</h3>
<ol>
<li>This is the first item</li>
<li>And the second one</li>
<li>And the third one</li>
<li>And the fourth one</li>
<li>And the fifth one</li>
</ol>
<p>This is another paragraph just to close off the examples. I included a
link that says the design was by me. I kindly
ask you not to remove it, but if you really don't want it on your site,
it's okay if you remove it. </p>
<pre><code>This is code in a block, though it doesn't look anything like
code</code></pre>
<p>All links in the site except for the "design credit link" need to be
modified, btw.</p>
</div>
<p class="post-footer"> Posted By: <a href="#00">Fisterkit</a> on July 5,
2006 | <a href="#02">Comments(275)</a> | <a href="#03">Trackbacks(321)</a> </p>
</div>
</div>
<div id="sidebar">
<div id="sidenotes">
<h3>Overview</h3>
<dl>
<dt>Hilarious Windows 2000 Source Code Review</dt>
<dd><a href="http://www.kuro5hin.org/story/2004/2/15/71552/7795">Who knew
Microsoft programmers swore so much?</a></dd>
<dt>God Created the World, With a Computer!</dt>
<dd><a href="http://www.pi.pwp.blueyonder.co.uk/creation.html">In the
beginning, there was the Computer</a></dd>
<dt>The Fully Automated System</dt>
<dd><a href="http://thedailywtf.com/forums/thread/92732.aspx">It was to be
the perfect system.</a></dd>
<dt>Persistence Gets the Job Done</dt>
<dd><a href="http://thedailywtf.com/forums/thread/92484.aspx">Kristopher
has the pleasure of working with Robert, the Infallible Programmer.</a></dd>
<dt>Not Another DLL!</dt>
<dd><a href="http://thedailywtf.com/forums/thread/92281.aspx">"Told ya'
so."</a></dd>
<dt>Legendary Configuration</dt>
<dd><a href="http://thedailywtf.com/forums/thread/92037.aspx">Not too many
of us are locky to work side-by-side with a living Software legend.</a></dd>
<dt>Surgical Module Changes</dt>
<dd><a href="http://thedailywtf.com/forums/thread/91869.aspx">Tom's
experience on the Client Management Module</a></dd>
<dt>Credits</dt>
<dd>The first two articles are from <a href="http://www.digg.com/">Digg</a>
and the rest from <a href="http://www.thedailywtf.com/">The Daily WTF</a>.</dd>
</dl>
</div>
<div id="syndicate">
<h3>Subscribe</h3>
<ul>
<li><a href="#12">Rss Feed</a></li>
<li><a href="#13">Atom Feed</a></li>
<li><a href="#14">E-mail Subscription</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<div id="extras">
<div id="friends">
<h6>Friends</h6>
<ul>
<li><a href="#">Veer & Virile</a></li>
<li><a href="#">Bits & Pieces</a></li>
<li><a href="#">Someone with a Blog</a></li>
<li><a href="#">Design First</a></li>
<li><a href="#">Last Upside Down</a></li>
<li><a href="#">Jerk Around the Town</a></li>
<li><a href="#">Wikipedia</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">GodPowers</a></li>
<li><a href="#">Chocolates</a></li>
</ul>
</div>
<div id="links">
<h6>Interesting Tidbits</h6>
<dl>
<dt><a href="#">Aliquam Mollis Odio Ut Pedu</a></dt>
<dd>Vestibulum enim erat, tristique quis, dignissim et, imperdiet ac,
augue. Proin ac risus id urna venenatis viverra.</dd>
<dt><a href="#">Vivamus Eget Metus Eget Est</a></dt>
<dd> Mauris sollicitudin feugiat nisl. Fusce lorem justo, pharetra sit
amet, vestibulum in, convallis at, tortor. Suspendisse
eget lacus in mauris suscipit iaculis. Ut risus eros, scelerisque ac.
</dd>
<dt><a href="#">Etiam Mattis</a></dt>
<dd> Maecenas adipiscing lectus nec velit consectetuer scelerisque. </dd>
</dl>
</div>
<div id="about">
<h6>About</h6>
<p> Nullam eu eros eget massa fringilla porta. Donec consectetuer. Praesent
vel ipsum. Vivamus vitae orci. Qui
sque sit amet est. Suspendisse dapibus orci. Pellentesque semper mi
vestibulum libero. Vivamus pharetra tu
rpis eu neque. Morbi convallis. Nunc a ipsum eu lorem. <a href="#">More
→</a> </p>
</div>
</div>
<hr />
<p id="copyright"> Design by <a href="http://www.nikhedonia.com/"
title="SimplyGold">Sadhana Ganapathiraju</a> |
All rights reserved | <a href="#">Terms of Service</a> | <a
href="#">Privacy</a> | <a href="#">Contact</a> | <a href="#">About</a> | <a
href="http://validator.w3.org/check/referer" title="Valid XHTML 1.0
Strict">Xhtml</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer?
warning=no&profile=css2" title="Valid CSS 2.0 Strict">Css</a> </p>
</div>
<hr />
</body>
</html>
<!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>Mouse</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="header">
<div class="logo"> MLP Design Template Ver 2.0<br />
<img class="img" src="images/logo.gif" alt="Your Logo" /></div>
<div class="menu"><a href="#">Home</a> |<a href="#"> Services</a> | <a href="#"
title="Portfolio"> Portfolio</a> |<a href="#"> Contact</a></div>
</div>
<div id="main">
<div id="content">
<h1>header-Using h1</h1>
<h2>Sub header-Using h2</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce at velit ac
neque scelerisque blandit.
Aenean malesuada. Suspendisse vestibulum orci. Quisque posuere vehicula justo.
Integer sollicitudin ligula vitae tellus.
Vestibulum a nibh vel quam molestie hendrerit. Proin posuere magna vitae neque.
Maecenas id ante. Etiam nec ante. Morbi
ultrices magna et neque. In hac habitasse platea dictumst. Quisque vehicula
ultricies neque. Aenean volutpat varius lectus.
Morbi tempor justo at ante. Ut ac pede. Donec metus libero, aliquet id, dictum
at, pharetra vel, odio. Maecenas ut erat. Nullam
urna ante, laoreet at, ornare vel, pulvinar ut, velit.
<div class="left">
<h2>Sub Header</h2>
In ullamcorper blandit nisl. Integer tempus rutrum mi. Donec nec risus. Duis
accumsan. Vivamus id risus ut
metus interdum tempus. Curabitur orci nulla, vulputate vitae, vestibulum at,
aliquam id, risus. Sed placerat blandit sem. Cras
lacinia, magna non facilisis congue, turpis massa vestibulum nibh, at tempor
elit leo quis arcu. Duis ligula nulla, hendrerit eget,
dapibus et, placerat vitae, urna. Maecenas interdum, augue ac pellentesque
laoreet, lorem dui tempor ipsum, quis porta eros
enim et erat. Nam a arcu sit amet dui iaculis tincidunt. Pellentesque
vulputate nisi. Sed ligula velit, eleifend non, dapibus vitae,
pretium eu, metus. </div>
<div class="mid">
<h2>Sub Header</h2>
Suspendisse posuere vulputate lacus. Sed congue, est quis malesuada
condimentum, ante massa faucibus
erat, a imperdiet ipsum nibh sed augue. Fusce quis mi. Nam faucibus, lacus
non posuere porttitor, enim quam rutrum dolor, vitae
convallis nulla velit ut enim. Aenean vitae nibh et felis aliquam adipiscing.
Suspendisse eget est. Vestibulum feugiat. Pellentesque
feugiat malesuada turpis. Aliquam id lacus. Ut nonummy sapien. Maecenas pede
risus, ultricies eget, congue sed, ullamcorper ac,
massa. Morbi venenatis. Proin sapien leo, iaculis a, hendrerit vitae, tempus
eget, nisl. Vestibulum
condimentum. Proin leo mi, sodales ac, placerat porttitor, pharetra vitae,
pede. </div>
<h1>Another Header</h1>
<p>Etiam dapibus, tortor vitae dapibus nonummy, ante elit mollis ligula, sit
amet pretium tellus eros ac lacus. Praesent enim risus,
feugiat in, viverra non, egestas pharetra, quam. Cras dolor eros, congue non,
aliquet et, aliquam et, metus. Donec eros augue, faucibus
hendrerit, pharetra sed, viverra a, tortor. Integer malesuada nisi.</p>
<p>Cras lobortis dolor ut purus. Phasellus nunc elit, laoreet vitae,
accumsan quis, lobortis venenatis, elit. Nam lobortis sapien. Vivamus
hendrerit. Quisque non felis ultricies odio venenatis vestibulum.
Sed interdum ultricies purus. Quisque pharetra. Curabitur ut enim in purus
mollis venenatis.</p>
</div>
<div id="nav">
<div class="navhead">NEWS & UPDATES</div>
<div class="navitem">
<ul>
<li>09.15.06 News item here. Curabitur ut erat nec augue suscipit
placerat.</li>
<li>09.01.06 Etiam eu ipsum. Quisque commodo tempor nisi.</li>
<li>08.30.06 Cras lobortis dolor ut purus. Phasellus nunc elit, laoreet
vitae, accumsan quis, lobortis venenatis, elit.
Nam lobortis sapien.</li>
<li>08.26.06 Fusce a purus id mi condimentum nonummy. Duis sed sem ac
nulla tempor tincidunt.</li>
<li>08.25.06 Etiam tincidunt arcu non nunc. Donec elementum massa non
purus. Duis ullamcorper lorem in mauris</li>
</ul>
</div>
<p></p>
<div class="navhead">SITE DETAILS</div>
<div class="navitem">
<ul>
<li>Please retain the "Template Design by MLP Design" tag and link when you
use this template. Thank you.</li>
</ul>
</div>
</div>
<div class="footer"></div>
</div>
<div id="footer"> Copyright © 2006 Your Company Name. All Rights Reserved. <br
/>
Template Design by <a href="http://www.mlpDesign.net">MLP Design</a>. <a
href="http://validator.w3.org/check?uri=referer" title="XHTML 1.0 Strict"> XHTML
1.0 Strict</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer"
title="Valid CSS!"> Valid CSS!</a> </div>
</body>
</html>
<!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>Movies of My Dreams</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="content">
<div id="header">
<div class="headermenu">
<ul>
<li><a href="#">01. Home</a></li>
<li><a href="#">02. Lorem Ipsum</a></li>
<li><a href="#">03. Lorem Ipsum</a></li>
<li><a href="#">04. Lorem Ipsum</a></li>
<li><a href="#">01. Lorem Ipsum</a></li>
</ul>
</div>
<h1>Movies of My Dreams</h1>
</div>
<div id="pic"></div>
<ul id="menu">
<li><a href="singlecolumn.html">One Column Layout</a></li>
<li><a href="#">lorem Ipsum Dolor</a></li>
<li><a href="#">lorem Ipsum Dolor</a></li>
<li><a href="#">lorem Ipsum Dolor</a></li>
<li><a href="#">lorem Ipsum Dolor</a></li>
</ul>
<div id="thumbgallery">
<p class="thumbs"> <a href="#"><img src="images/gallerythumb.jpg" width="225"
height="83" alt="" /></a> <a href="#"><img src="images/gallerythumb.jpg"
width="225" height="83" alt="" /></a> <a href="#"><img
src="images/gallerythumb.jpg" width="225" height="83" alt="" /></a> <a
href="#"><img src="images/gallerythumb.jpg" width="225" height="83" alt=""
/></a></p>
</div>
<div id="leftside">
<div class="leftdata">
<h2>LOREM IPSUM DOLOR </h2>
<img src="images/thumb.jpg" alt="" width="200" height="160" class="thumb"/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. </p>
</div>
<div class="leftinfo">
<p>We Offer: <br />
<a href="#">Lorem ipsum dolor sit amet</a>, <a href="#">consectetuer
adipiscing elit</a>, <a href="#">sed diam nonummy nibh</a> , <a href="#">euismod
tincidunt ut laoreet dolore</a>, <a href="#">magna aliquam erat volutpat</a>. <a
href="#">Ut wisi enim ad minim veniam</a>, <a href="#">quis nostrud exerci
tatio</a></p>
</div>
<div class="leftdata">
<h2>LOREM IPSUM DOLOR </h2>
<img src="images/thumb.jpg" alt="" width="200" height="160" class="thumb"/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. </p>
</div>
</div>
<div id="rightside">
<div class="rightdata">
<p><img src="images/smallthumb.jpg" alt="" width="80" height="80" class=""
/><b>Lorem ipsum dolor sit </b><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat..</p>
</div>
<div class="rightdata">
<p><img src="images/smallthumb.jpg" alt="" width="80" height="80" class=""
/><b>Lorem ipsum dolor sit </b><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat..</p>
</div>
<div class="rightdata">
<p><img src="images/smallthumb.jpg" alt="" width="80" height="80" class=""
/><b>Lorem ipsum dolor sit </b><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.</p>
</div>
</div>
<div id="footer">
<p class="right">© 2006 Your Company</p>
<p> <a href="#">Home</a> · <a href="singlecolumn.html">Single Column
Layout</a> · <a href="#">Lorem Ipsum</a> · <a
href="mailto:[email protected]">coll23</a> · <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
</p>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Free CSS Templates - Free Template Multiflex 3</title>
<meta name="description" content="Free CSS Templates features free templates from
website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates,
Templates, Free Templates, CSS" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen,projection,print"
href="css/layout4_setup.css" />
<link rel="stylesheet" type="text/css" media="screen,projection,print"
href="css/layout4_text.css" />
</head>
<!-- Global IE fix to avoid layout crash when single word size wider than column
width -->
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><!
[endif]-->
<body>
<!-- Main Page Container -->
<div class="page-container">
<!-- For alternative headers START PASTE here -->
<!-- A. header--->
<div class="header">
<!-- A.1 header-TOP -->
<div class="header-top">
<!-- Sitelogo and sitename -->
<a class="sitelogo" href="#"></a>
<div class="sitename">
<h1><a href="#">MULTIFLEX•3<span style="font-weight:normal;font-
size:50%;"> update-7</span></a></h1>
<h2>Open Source Template</h2>
</div>
<!-- Navigation Level 0 -->
<div class="nav0">
<ul>
<li><a href="#"><img src="img/flag_italy.gif" alt="" /></a></li>
<li><a href="#"><img src="img/flag_germany.gif" alt="" /></a></li>
<li><a href="#"><img src="img/flag_sweden.gif" alt="" /></a></li>
</ul>
</div>
<!-- Navigation Level 1 -->
<div class="nav1">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
<!-- A.2 header-MIDDLE -->
<div class="header-middle">
<!-- Site message -->
<div class="sitemessage">
<h1>EASY • FLEXIBLE • ROBUST</h1>
<h2>The third generation Multiflex is<br />
here, now with cooler Design<br />
features and easier code.</h2>
<h3> <a href="#">›› More details</a></h3>
</div>
</div>
<!-- A.3 header-BOTTOM -->
<div class="header-bottom">
<!-- Navigation Level 2 (Drop-down menus) -->
<div class="nav2">
<!-- Navigation item -->
<ul>
<li><a href="#">Home</a></li>
</ul>
<!-- Navigation item -->
<ul>
<li><a href="#">Page Layouts
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="layout1.html">Layout-1 (1-col)</a></li>
<li><a href="layout2.html">Layout-2 (2-col)</a></li>
<li><a href="layout3.html">Layout-3 (2-col)</a></li>
<li><a href="layout4.html">Layout-4 (3-col)</a></li>
<li><a href="layout5.html">Layout-5 (3-col)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<!-- Navigation item -->
<ul>
<li><a href="#">header-Layouts
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="header1.html">header-1 (T+M+B)</a></li>
<li><a href="header2.html">header-2 (T+M)</a></li>
<li><a href="header3.html">header-3 (T+B)</a></li>
<li><a href="header4.html">header-4 (M+B)</a></li>
<li><a href="header5.html">header-5 (T)</a></li>
<li><a href="header6.html">header-6 (M)</a></li>
<li><a href="header7.html">header-7 (B)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</div>
<!-- A.4 header-BREADCRUMBS -->
<!-- Breadcrumbs -->
<div class="header-breadcrumbs">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Templates</a></li>
<li>Multiflex-3</li>
</ul>
<!-- Search form -->
<div class="searchform">
<form action="#" method="get" class="form">
<fieldset>
<input value=" Search..." name="field" class="field" />
<input type="submit" value="GO!" name="button" class="button" />
</fieldset>
</form>
</div>
</div>
</div>
<!-- For alternative headers END PASTE here -->
<!-- B. MAIN -->
<div class="main">
<!-- B.1 MAIN NAVIGATION -->
<div class="main-navigation">
<!-- Navigation Level 3 -->
<div class="round-border-topright"></div>
<h1 class="first">Navigation Title</h1>
<!-- Navigation with grid style -->
<dl class="nav3-grid">
<dt> <a href="#">Navlink 11</a></dt>
<dt> <a href="#">Navlink 12</a></dt>
<dd> <a href="#">Navlink 121</a></dd>
<dd> <a href="#">Navlink 122</a></dd>
<dd> <a href="#">Navlink 123</a></dd>
<dt> <a href="#">Navlink 13</a></dt>
<dt> <a href="#">Navlink 14</a></dt>
<dt> <a href="#">Navlink 15</a></dt>
</dl>
<!-- Template infos -->
<h1>Multiflex Series</h1>
<p>A Design series for those who want a template that can be used for almost
any situation. It is recommended to have at least beginners knowledge of XHTML/CSS
to work with this template in a satisfying way.</p>
<h3>Multiflex-1</h3>
<p>Released: 15.05.2006<br />
OK for operational use, but has heavy code.<br />
<a href="#">Download latest update</a></p>
<h3>Multiflex-2</h3>
<p>Released: 08.06.2006<br />
OK for operational use, but has heavy code.<br />
<a href="#">Download latest update</a></p>
<h3>Multiflex-3</h3>
<p>Released: 25.11.2006<br />
BEST for operational use, with light code and 97% browser compatibility.<br
/>
<a href="#">Download latest update</a></p>
<h3>Multiflex-4</h3>
<p>Plan: Second Quarter 2007<br />
Same Design as Multiflex-3, but with a liquid layout. But it is still
uncertain if this version will be developed due to my limited time.<br />
<a href="#">Check if available!</a></p>
<h1>Easyflex Series</h1>
<p>A new Designs series that is simple, easy and fresh, and is ideal for
those who have no or very little experience of XHTML/CSS and prefer to edit their
web contents in FrontPage, Dreamweaver and other similar editors.</p>
<p>Plan: Third Quarter 2007<br />
<a href="#">Check if available!</a></p>
</div>
<!-- B.2 MAIN CONTENT -->
<div class="main-content">
<!-- Pagetitle -->
<h1 class="pagetitle">Multiflex-3 Overview</h1>
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Flexible and robust template</h1>
<h3>Now substantially improved and simplified</h3>
<p>Multiflex-3 is the third generation Multiflex template. Numerous
improvements have been made since Multiflex-2: More modern appearance, more page
layouts, new drop down menus with sticky hover zones, solid printer support,
expanded browser support, fully scalable upwards and downwards when user resizes
the default browser font size, and last but not least, a much better and easier
code. But there is more than that. Check the navigation menu to discover all about
the new Multiflex-3!</p>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Content Management Systems</h1>
<h3>Portings already available or in development</h3>
<p>At the time of release, portings were being produced for various Content
Management Systems, such as <a href="#">MODx</a>, <a href="#">WordPress</a>, and <a
href="#">Contrexx</a>.</p>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Extensive browser support</h1>
<h3>Tested for all common browsers and systems</h3>
<p>Multiflex-3 has been tested live for all major browsers, and functions
properly for about 97% of currently used browsers. Only exception is the outdated
IE5.x which has incorrect rendering.</p>
<p>Template successfully tested for:</p>
<h6>Windows 2000 and XP</h6>
<p>IE6, IE7, Firefox 2.0, Mozilla 1.7, Netscape 7.2, and Opera 9.0.</p>
<h6>Windows Vista</h6>
<p>IE7, Firefox 2.0, and Opera 9.0.</p>
<h6>Mac OSX 10.3</h6>
<p>Firefox 2.0, Mozilla 1.7, Netscape 7.2, Opera 9.0, Camino 1.0, and
Safari 1.3.</p>
<h6>Mac OSX 10.4</h6>
<p>Firefox 2.0, Mozilla 1.7, Netscape 7.2, Opera 9.0, Camino 1.0, and
Safari 2.0.</p>
<h6>Linux (Fedora Core 4)</h6>
<p>Firefox 2.0, Mozilla 1.7, Opera 9.0, and Konqueror 3.4.</p>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Release Notes</h1>
<h2>Multiflex-3 / Update-7</h2>
<h3>January 15, 2007</h3>
<h6>Drop-down menu</h6>
<p>Browser: Opera 9.10 / Description: In Opera 9.0.2 the drop-down meus
behaved correctly, but in the latest version Opera 9.10, the drop-down main menu
collapsed after hovering the main links. / Correction: In the CSS-class ".nav2 ul
li a" the float statement was modified to "float:none !important /*Non-IE6*/;
float:left /*IE-6*/;" in all "headerNN_setup.css" and "layoutNN_setup.css" files.
The !important-float statement defines the behavior for Non-IE6 browsers including
Opera, the other float-statement is for IE6.</p>
<h6>Screenshots</h6>
<p>Browser: All / Description: Fresh screenshots have been made for Update-
7.</p>
<h2>Multiflex-3 / Update-6</h2>
<h3>December 18, 2006</h3>
<h6>Drop-down menu</h6>
<p>Browser: IE6 / Description: When hovering the drop-down menu, the
rounded-corners image from the sidebar or subcontent boxes are incorrectly placed
above the drop-down menu. This bug was initiated by the changes made in Update-4
(see below) / Correction: In the CSS-class ".nav2 ul li" is modified by the
parameters "z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;" was added
to all "headerNN_setup.css" and "layoutNN_setup.css". The !important statement is
for Non-IE6 browsers, the other statement for IE6.</p>
<h2>Multiflex-3 / Update-5</h2>
<h3>December 17, 2006</h3>
<h6>Breadcrumb section background</h6>
<p>Browser: All / Description: The replacement color (when image not found)
for the background in the breadcrumbs section was set to its correct value. /
Correction: For the CSS-class ".header-breadcrumbs" the replacement color-value for
the parameter "background" was set to "rgb(255,255,255) in all "headerNN_setup.css"
and "layoutNN_setup.css" files.</p>
<h6>Centered images</h6>
<p>Browser: Netscape / Description: Images positioned with "center" were
displayed in left-justified position, but now correctly are displayed centered. /
Correction: The CSS-class "img.center" was modified by including the parameter
"display:block" and "width:auto" in all "layoutNN_text.css" files. As a result of
this change, it is no longer necessary for the paragraph to be centered (<p
class="center">) when centering images. Paragraphs containing centered images
are now simply coded as "<p>", without using any classes.</p>
<h6>Footer height adjustment</h6>
<p>Browser: All / Description: The footer did not expand sufficiently in
the vertical when browser font-sizes were increased. / Correction: For the CSS-
class ".footer" the parameter "height" was removed, while top and bottom paddings
were introduced in "padding", all in the "layoutNN_setup.css" files.</p>
<h6>Sitemessage width and text</h6>
<p>Browser: All / Description: The site message in the middle header-has
received an increased width. / Correction: For the CSS-class ".sitemessage" the
parameter "width" was increased by 50px in all "headerNN_setup.css" and
"layoutNN_setup.css" files.</p>
<h6>Corrected top drop-down menu</h6>
<p>Browser: All / Description: Due to the changes in Update-4, an unwanted
sideeffect appeared, namely that the sticky hover zones outside the drop-down
submenu were missing on the right-hand side of the menu. The only way to resolve
this issue was to remove the sticky hover zones altogether. / Correction:
Reformulation and simplification of the CSS-classes belonging to ".nav2" in all
"headerNN_setup.css" and "layoutNN_setup.css" files.</p>
<h6>Javascript removed</h6>
<p>Browser: All / Description: In order for the navigation menu to remain
flicker-free for IE browsers, a Javascript was used in the previous versions of
Multiflex-3. However, since these hover zones have been removed (see topic above),
this Javascript is no longer necessary. / Correction: Link to Javascript in the
HTML header-section, the javascript directory "js", the javascript
"ieflickerhack.js", and finally the background parameters for the sticky hovering
background image in the CSS-class .nav2 were removed in all CSS and HTML files.</p>
<h2>Multiflex-3 / Update-4</h2>
<h3>December 11, 2006</h3>
<h6>Drop-down menu critical bug solved</h6>
<p>Browser: All / Description: When hovering the drop-down submenu at very
large font-sizes, i.e. when the menu is shown on two or more lines, the hovered
submenu is now shown on top of other main menu items. Until now, the hovered
submenu would erroneously appear below other menu main items, thus making it
impossible to reach those submenu links. / Correction: Removed the "z-index:1000"
parameter in the CSS-class ".nav2 ul li" in all "headerNN_setup.css" and
"layoutNN_setup.css" files.</p>
<h2>Multiflex-3 / Update-3</h2>
<h3>December 4, 2006</h3>
<h6>Browser compatibility increased</h6>
<p>Browser: Konqueror, Netscape and Mozilla / Description: Drop-down menus
now correctly open up vertically. / Correction: Added a width-specification for the
CSS-class ".nav2 ul li:hover ul" in "headerNN_setup.css" and
"layoutNN_setup.css".</p>
<h6>IE flicker hack moved</h6>
<p>Browser: IE / Description: Flicker bug hack now moved from CSS to
Javascript, for compatibility with IE6 versions before SP1. / Correction: Delted
"html{expression...}" from "headerNN_setup" and "layoutNN_setup", and placed the
code in the Javascript file "ieflickerhack.js" in the directory "js". Advantage is,
that the CSS-file now validates correctly.</p>
<h6>Browser screenshots</h6>
<p>Browser: All / Modification: Individual image links removed, instead a
general link to my homepage directory containing the screenshots of interest.
Advantage is that screenshots can be added or deleted without breaking any links in
the template.</p>
<h6>Footer text</h6>
<p>Browser: All / Modification: Designer credits now reads "Design by",
instead of before "Original Design by".</p>
<h2>Multiflex-3 / Update-2</h2>
<h3>November 29, 2006</h3>
<h6>Printer layout and background color</h6>
<p>Browser: All / Description: When printing, a gap was created between the
header-and the content section. Further, no background color was printed for the
left navigation sidebar. / Correction: Removed erroneous vertical padding in CSS-
class ".header-breadcrumbs in all CSS-files "layoutNN_setup.css". Further, included
a printer CSS statement for the class ".main-navigation" in CSS-files
"layoutNN_setup.css".</p>
<h6>Template links</h6>
<p>Browser: All / Modification: All template links now point to my
homepage, instead of to Open WebDesign. This change was done in "index.html".</p>
<h2>Multiflex-3 / Update-1</h2>
<h3>November 27, 2006</h3>
<h6>Drop-down menu items</h6>
<p>Browser: IE7 / Description: Misbehavior when hovering main link by
showing multiple columns / Correction: Reformulated conditional "if" statements in
"layoutNN.html", "headerNN.html" and "index.html".</p>
<h6>Bottom header-background</h6>
<p>Browser: All / Description: Background gap between bottom header-and
breadcrumbs when browser font-size reduced / Correction: Added background to the
CSS-class ".bottom-header" in "layoutNN_setup.css".</p>
<h6>Rounded corners line</h6>
<p>Browser: All / Description: When decreasing or increasing browser font
size, a horizontal line appears above the rounded corners for subcontent boxes with
boundary. Effect happens when font-size resizes, but page is not reloaded. /
Solution: Simply reload the page, and the horizonal line disappears. This is a
Safari bug which we have no control over.</p>
<h6>Top search form</h6>
<p>Browser: Konqueror 3.4 / Description: Field width available for search
form widened, so that "Go" button appears to the right, and not below, the search
area. / Modification: CSS-class ".header breadrumbs" changed in
"headerNN_setup.css" and "layoutNN_setup.css".</p>
<h6>Search form layout</h6>
<p>Browser: All / Description: Search forms now have their "Go" buttons
below the search entry field (only exception is search form below the page header).
Reason for this is that Design remains consistent when browser font-sizes are
resized / Modification: CSS-class ".button" changed in "headerNN_setup.css" and
"layoutNN.css".</p>
<h6>Button styles</h6>
<p>Browser: All / Description: Default buttons are styled very differently
for different browsers. / Correction: To harmonize button appearance we have now
styled the buttons explicitly. However, Camino and Safari overrule this style with
Mac-specific buttons. / Modification: CSS-class ".button" changed in
"headerNN_setup.css", "layoutNN_setup.css" and "layoutNN_text.css".</p>
<h6>Credits for flags</h6>
<p>Credits were included for the flags.</p>
<h2>Multiflex-3 Launched</h2>
<h3>November 23, 2006</h3>
<p>First public release at Open Web Design.</p>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Development tools</h1>
<p>Many people ask me what tools I use. Here is the list:</p>
<ul>
<li><a href="#">HTML-Kit 292</a> freeware for coding the HTML
documents.</li>
<li><a href="#">TopStyle Lite 3.10</a> freeware for coding the CSS
documents.</li>
<li><a href="#">Browsercam</a> provides fantastic browser screenshots and
live testing of all currently available browsers on various systems.</li>
</ul>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Visit <a href="#">OpenDesigns.org</a></h1>
<h3>Latest top website for open-source webtemplates</h3>
<p>Maybe you have heard of the latest news in the open-source webDesign
community. As of December 2006 a new community of webDesigners was launched at
OpenDesigns.org, featuring some of the very best talents. If you want to stay on
the cutting edge of open-source webtemplates, learn and get ideas from experienced
Designers in an active forum, or simply download state-of-the-art webtemplates for
you to use, then this is definitely the site you want visit regularly.</p>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Credits for ideas and reviews</h1>
<p>Persons who contributed with ideas or CMS-portings for Multiflex-3:</p>
<ul>
<li>Jesse Rochman (USA) -- CMS-port to MODx.</li>
<li>Ainslie Johnson (UK) -- CMS-port to WordPress.</li>
<li>Martin Thumann (Germany) -- CMS-port to Contrexx.</li>
<li>Ryan Thrash (USA) -- IE6 hacks using "!important".</li>
<li>Stu Nicholls (UK) -- Drop-down menus.</li>
<li>Big John (USA) -- CSS-hack for clearing floats.</li>
<li>Mark James (UK) -- Icons and flags.</li>
<li>Wolfgang Bartelme (Austria) -- Green header-background.</li>
</ul>
</div>
</div>
<!-- B.3 SUBCONTENT -->
<div class="main-subcontent">
<!-- Subcontent unit -->
<div class="subcontent-unit-border">
<div class="round-border-topleft"></div>
<div class="round-border-topright"></div>
<h1>Layout Options</h1>
<p>Multiflex-3 has five layout styles, for 1-column, 2-column and 3-column
pages.</p>
<p>Multiflex-3 also has seven header-layout styles.</p>
<p>See links in navigation bar for more details.</p>
</div>
<!-- Subcontent unit -->
<div class="subcontent-unit-border">
<div class="round-border-topleft"></div>
<div class="round-border-topright"></div>
<h1>Code Structure</h1>
<p>The CSS code has been modularized into two files for easier
maintenance:</p>
<p>1) <strong>setup.css</strong> defines the basic layout structure of the
page.</p>
<p>2) <strong>text.css</strong> defines the text formats available for the
page main section.</p>
</div>
<!-- Subcontent unit -->
<div class="subcontent-unit-border-orange">
<div class="round-border-topleft"></div>
<div class="round-border-topright"></div>
<h1 class="orange">About me</h1>
<p>My name is Wolfgang, and you may be surprised to hear that for my real
job I work as a full-time pastor for a Christian church. Feel free to visit our
global <a href="#">church website</a>.</p>
<p>In 2006 I decided to start my own website. When surfing around I didn't
find the template I needed. So I began to develop my own, with trials, errors and
many long nights. About half a dozen experiments and six months later, I feel that
I am coming closer to the Design I need! But I will try to push it one step
further, and make a liquid layout.</p>
<p>I have profited much from others who have shared their CSS-knowledge on
the internet. The best way to show my appreciation is by sharing my results with
others. So if this template is what you were looking for, then feel free to use and
enjoy it!</p>
<p>If you want to get in touch with me, you can check my website or email
me via <a href="#">OSWD.org</a> contact form.</p>
<p class="center"><img class="center" src="img/myphoto.jpg" alt="" /></p>
</div>
<!-- Subcontent unit -->
<div class="subcontent-unit-border-green">
<div class="round-border-topleft"></div>
<div class="round-border-topright"></div>
<h1 class="green">It's free!</h1>
<p>Enjoy the template for free. There are no restrictions in the license.
As a sign of appreciation, please keep the author credits "Design by Wolfgang" in
the template footer. Thanks!</p>
</div>
</div>
</div>
<!-- C. FOOTER AREA -->
<div class="footer">
<p>Copyright © 2007 Your Company | All Rights Reserved</p>
<p class="credits">Design by <a href="http://www.1-2-3-4.info/">Wolfgang</a> |
Modified by<a href="#">Your Name</a> | Powered by<a href="#">Your CMS</a> | <a
href="http://validator.w3.org/check?uri=referer">XHTML 1.0</a> | <a
href="http://jigsaw.w3.org/css-validator/">CSS 2.0</a></p>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js"
type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-24";
urchinTracker();
</script>
</body>
</html>
<!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">
<head>
<title>MultiFlex 2</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen,projection"
href="css/style_screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="css/style_print.css" />
</head>
<body>
<div class="page-container-1">
<!-- header--->
<!-- Flag navigations -->
<div class="navflag-container">
<div class="navflag">
<ul>
<li><a href="#"><img class="img-navflag" src="img/flag_uk.png" alt=""
/></a></li>
<li><a href="#"><img class="img-navflag" src="img/flag_germany.png"
alt="" /></a></li>
<li><a href="#"><img class="img-navflag" src="img/flag_sweden.png"
alt="" /></a></li>
</ul>
</div>
</div>
<!-- Navigation Level 1 -->
<div class="nav1-container">
<div class="nav1">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
<!-- Sitename -->
<div class="site-name">
<p class="title"><a href="#">MULTIFLEX•2</a></p>
<p class="subtitle"><a href="#">Flexible Webtemplates.</a></p>
</div>
<!-- Site slogan -->
<div class="site-slogan-container">
<div class="site-slogan">
<p class="title">YOUR TEMPLATE PARTNER!</p>
<p class="subtitle">Quality is our passion.</p>
<p class="text">Serving the webcommunity<br />
with XHTML/CSS Designs</p>
<p class="readmore">››› <a href="#">Go to
templates</a></p>
</div>
</div>
<!-- header-banner -->
<div><img class="img-header" src="img/header.jpg" alt=""/></div>
<!-- Navigation Level 2 -->
<div class="nav2">
<ul>
<li><a href="#" class="selected">Home</a></li>
<li><a href="layout2.html">Layout 2</a></li>
<li><a href="layout3.html">Layout 3</a></li>
<li><a href="options_basic.html">Basic Options</a></li>
<li><a href="options_extra.html">Extra Options</a></li>
</ul>
</div>
<!-- Buffer after header--->
<div class="buffer"></div>
<!-- NAVIGATION -->
<!-- Navigation Level 3 -->
<div class="nav3">
<ul>
<li class="title">Menu</li>
<li class="group"> <a href="#">Group Link</a></li>
<li class="group"> <a href="#">Group Link</a></li>
<li><a href="#">Sublink</a></li>
<li><a href="#" class="selected">Sublink</a></li>
<li class="group"> <a href="#">Group Link</a></li>
</ul>
<ul>
<li class="title">More Menu</li>
<li class="group"> <a href="#">Group Link</a></li>
<li class="group"> <a href="#">Group Link</a></li>
</ul>
<!-- Main title -->
<p class="sidebar-maintitle">My templates</p>
<!-- Textbox -->
<div class="sidebar-txtbox-noshade">
<p><b>MultiFlex-1</b><br />
Released: 01.05.2006<br />
<b class="txt-red10">GOOD</b> for operational use.<br />
<a href="#">Download latest update</a></p>
<p><b>MultiFlex-1.1</b><br />
Released: 15.05.2006<br />
<b class="txt-red10">BETTER</b> for operational use.<br />
<a href="#">Download latest update</a></p>
<p><b>MultiFlex-2</b><br />
Released: 15.05.2006<br />
<b class="txt-red10">BEST</b> for operational use.<br />
<a href="#">Download latest update</a></p>
</div>
<!-- Main title -->
<p class="sidebar-maintitle">Advertisements</p>
<!-- Textbox -->
<div class="sidebar-txtbox-noshade">
<p>Put ads here (160px) ...</p>
</div>
</div>
<!-- CONTENT -->
<div class="content1">
<div class="content1-pagetitle">Welcome to MultiFlex-2</div>
<!-- Text container -->
<div class="content1-container line-box">
<div class="content1-container-1col">
<p class="content-title-noshade-size3">Basic overview</p>
<p class="content-subtitle-noshade-size1">Experience freedom</p>
<div class="content-txtbox-noshade">
<p>MultiFlex-2 is an improvement of MultiFlex-1. Changes consist of: 1)
More page layouts, 2) more title options, 3) better viewing on 800x600 screens, 4)
more efficient code, 5) increased browser support, 6) better stylesheet for
printing. The template has many options for layout, pictures, text, tables, and
colors, and is suitable for personal, business and portal websites. Three basic
page layouts exist,<a href="#">Home</a>, <a href="layout2.html">Layout 2</a>, <a
href="layout3.html">Layout 3</a>. Please check the <a
href="options_basic.html">Basic Options</a> and <a href="options_extra.html">Extra
Options</a> to discover the full potential.</p>
<p class="readmore">| 15.05.2006 | <a href="#">Read more</a> | <a
href="#">Print</a> |</p>
</div>
</div>
</div>
<!-- Text container -->
<div class="content1-container line-box">
<div class="content1-container-2col-left">
<p class="content-title-noshade-size3">Code quality</p>
<p class="content-subtitle-noshade-size1">Solid and stable</p>
<div class="content-txtbox-noshade">
<p>MultiFlex-2 has a clean and stable code giving a firm foundation for
current and future browsers. Use <a href="#">HTML-Kit 292</a> and <a
href="#">TopStyle Lite 3.10</a> freeware for easy editing.</p>
</div>
</div>
<div class="content1-container-2col-right">
<p class="content-title-noshade-size3">Browser support</p>
<p class="content-subtitle-noshade-size1">Tested for all platforms</p>
<div class="content-txtbox-noshade">
<p>Test passed at <a href="#">Browsercam</a> for:</p>
<p>MSIE 6.0 SP2, MSIE 7.0 Beta2, Firefox 1.0/1.5, Mozilla 1.6/1.7,
Netscape 6.2.3/7.2/8.1, Opera 7.54/8.5.0/8.54, Konqueror 3.4.0, Camino 1.0, Safari
1.2/1.3/2.0.</p>
</div>
</div>
</div>
<!-- Text container -->
<div class="content1-container">
<div class="content1-container-3col-left">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
<div class="content1-container-3col-middle">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
<div class="content1-container-3col-right">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
</div>
<!-- Text container -->
<div class="content1-container">
<div class="content1-container-3col-left">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
<div class="content1-container-3col-middle">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
<div class="content1-container-3col-right">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
</div>
</div>
<!-- SIDEBAR -->
<div class="sidebar">
<!-- Main Title -->
<p class="sidebar-maintitle">Infobar</p>
<!-- Textbox -->
<p class="sidebar-title-noshade">Check options!</p>
<div class="sidebar-txtbox-noshade">
<p>This page only shows the basics of MultiFlex-2. For more options, see <a
href="options_basic.html">Basic Options</a> and <a href="options_extra.html">Extra
Options</a>.</p>
</div>
<!-- Textbox -->
<p class="sidebar-title-noshade">It's free!</p>
<div class="sidebar-txtbox-noshade">
<p>Enjoy the template for free. Of course it would be nice if you keep author
infos, but you can remove them if you prefer to do so.</p>
</div>
<!-- Textbox -->
<p class="sidebar-title-noshade">Questions?</p>
<div class="sidebar-txtbox-noshade">
<p>My name is Wolfgang. If you have any questions about the template, just
visit my website or send an email.</p>
</div>
<!-- Textbox -->
<p class="sidebar-title-noshade">News and Links</p>
<div class="sidebar-txtbox-noshade">
<p>Use the left and right sidebars for news, events, links, ad banners, or
other things.</p>
<p><b>»</b> <a href="#">Link A</a><br />
<b>»</b> <a href="#">Link B</a></p>
</div>
<!-- Main Title-->
<p class="sidebar-maintitle">Advertisements</p>
<!-- Textbox -->
<div class="sidebar-txtbox-noshade">
<p>Put ads here (160px) ...</p>
</div>
</div>
<!-- FOOTER -->
<div class="footer">
<p><b>Copyright © 2006 Your Company | All Rights Reserved</b></p>
<p>Design by <a href="http://www.1-2-3-4.info/">Wolfgang</a> | Modified by <a
href="#">Your Name</a> | Powered by <a href="#">Your CMS</a> | <a
href="http://validator.w3.org/check?uri=referer">W3C XHTML 1.0</a> | <a
href="http://jigsaw.w3.org/css-validator/">W3C CSS 2.0</a></p>
</div>
</div>
</body>
</html>
<!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>Music 03</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>www.YourSitename.com</h1>
Your Slogan </div>
<ul id="navtop">
<li><a href="#">Home</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
<div id="leftcolumn">
<ul id="navleft">
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
<h4>Gallery</h4>
<div class="gallery"> <a class="thumbnail" href="#"><img
src="images/thumb1.gif" width="50" height="50" alt="" /><span><img
src="images/large1.gif" alt="" /></span></a> <a class="thumbnail" href="#"><img
src="images/thumb2.gif" width="50" height="50" alt="" /><span><img
src="images/large2.gif" alt="" /></span></a> <a class="thumbnail" href="#"><img
src="images/thumb3.gif" width="50" height="50" alt="" /><span><img
src="images/large3.gif" alt="" /></span></a> <a class="thumbnail" href="#"><img
src="images/thumb4.gif" width="50" height="50" alt="" /><span><img
src="images/large4.gif" alt="" /></span></a> <a class="thumbnail" href="#"><img
src="images/thumb5.gif" width="50" height="50" alt="" /><span><img
src="images/large5.gif" alt="" /></span></a>
<p>Latest photos</p>
</div>
<h4>Dates</h4>
<p><strong>January 27</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur
massa.</p>
<p><strong>February 3</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur
massa.</p>
<p><strong>February 17</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur
massa.</p>
</div>
<div id="rightcolumn">
<h1>Welcome! (h1, h2, h3)</h1>
<img class="imgparagraph" src="images/amp.gif" width="32" height="32" alt="Amp"
/>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa. Nullam
enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh. Etiam
tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus ipsum,
pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt justo.
Sed suscipit tristique nulla. Suspendisse sit amet massa.
<h4>Headline (h4, h5, h6)</h4>
<p><img class="imgleft" src="images/image1.jpg" width="100" height="100" alt=""
/>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa. Nullam
enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh. Etiam
tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus ipsum,
pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt justo.
Sed suscipit tristique nulla. Suspendisse sit amet massa.</p>
<p>[ <a href="#">Read more...</a>]</p>
<p><img class="imgright" src="images/image1.jpg" width="100" height="100"
alt="" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa.</p>
<p>[ <a href="#">Read more...</a>]</p>
<div id="copyright"> © Copyright 2007 <a href="#">Your Sitename</a><br />
Sponsored by <a href="http://opendesigns.org/">Open Designs</a><br />
Photos <a href="#">stock.xchng</a><br />
Icons <a href="#">Leo's Icon Archive</a><br />
Design by <a href="#">wfiedler</a><br />
<a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0
Strict</a> </div>
</div>
</div>
</body>
</html>
<!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>Musicians Agency</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<!-- Start of Page Title -->
<div id="page_title">
<h1><span>Musicians Agency</span></h1>
</div>
<!-- End of Page Title -->
<!-- Start of Left Column -->
<div id="left_column">
<div id="page_image"> </div>
<!-- Start of Page Menu -->
<div id="page_menu">
<ul>
<li id="menu1"><a href="#"><span>Home</span></a></li>
<li id="menu2"><a href="#"><span>Shows</span></a></li>
<li id="menu3"><a href="#"><span>Bio</span></a></li>
<li id="menu4"><a href="#"><span>Gallery</span></a></li>
<li id="menu5"><a href="#"><span>Tour</span></a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Page Menu -->
<!-- Start of Latest News -->
<div id="latestnews">
<h2><span>Latest News</span></h2>
<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>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
</div>
<!-- End of Latest News -->
</div>
<!-- End of Left Column -->
<!-- Start of Right Column -->
<div id="right_column">
<!-- Start of Latest Video -->
<div id="latestvideo">
<h2><span>Latest Video</span></h2>
<div class="thumbnail"><img src="images/latestvideo_thumbnail.gif"
width="291" height="135" alt="Thumbnail Caption" /></div>
<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. Don't want your boss to know you used a free website
template ;) .</p>
</div>
<!-- End of Latest Video -->
<!-- Start of Album Review -->
<div id="albumreview">
<h2><span>Album Review</span></h2>
<div class="thumbnail"><img src="images/review_thumbnail.gif" width="142"
height="105" alt="Thumbnail Caption" /></div>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
<!-- End of Album Review -->
</div>
<!-- End of Right Column -->
<!-- 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>
<!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>Music store template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="header">
<h1>Musicmania</h1>
<p>Online Music Store</p>
</div>
<div id="nav">
<div id="head"></div>
<div id="head-pip"></div>
<ul>
<li id="m1"><a href="#">Latest News</a></li>
<li id="m2"><a href="#">Music</a></li>
<li id="m3"><a href="#">About</a></li>
<li id="m4"><a href="#">Visuals</a></li>
<li id="m5"><a href="#">Online Stores</a></li>
<li id="m6"><a href="#">Contact</a></li>
</ul>
<div id="search">
<h2>Search Music Online</h2>
<form action="#">
<input type="text" class="text" name="q" value="" id="q" />
<input type="submit" name="submit" value="Go > >" id="submit"
class="submit" />
</form>
<a href="#">Advanced Search</a> | <a href="#">Search Tips</a> </div>
</div>
<div id="body">
<div id="body-inner">
<div id="body-left">
<div id="topic-pic"> <img src="images/pic_1.jpg" width="259" height="199"
alt="Pic 1" /> </div>
<h2>Dietary nutrients</h2>
<p>Don't forget to check <a href="#">free website templates</a> 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>
<ul class="blank">
<li><a href="#">> Top 10 Countdown</a></li>
<li><a href="#">> New Releases</a></li>
<li><a href="#">> Folk Collections</a></li>
<li><a href="#">> Devotional</a></li>
</ul>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the <a href="#">forum</a>.</p>
</div>
<div id="body-right">
<h2>Music Catagories</h2>
<div class="box"> <img src="images/pic_2.jpg" width="130" height="86"
alt="Pic 1" class="left" />
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div class="btns"> <a href="#"><span>Listen</span></a> <a
href="#"><span>Add</span></a> </div>
<div class="clear"></div>
</div>
<div class="box"> <img src="images/pic_3.jpg" width="130" height="86"
alt="Pic 2" class="left" />
<p>If you're looking for beautiful and professionally made templates
you can find them at <a href="http://www.templatebeauty.com">Template
Beauty</a>.</p>
<div class="btns"> <a href="#"><span>Listen</span></a> <a
href="#"><span>Add</span></a> </div>
<div class="clear"></div>
</div>
<div class="box"> <img src="images/pic_4.jpg" width="130" height="86"
alt="Pic 3" class="left" />
<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>
<div class="btns"> <a href="#"><span>Listen</span></a> <a
href="#"><span>Add</span></a> </div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="copyright">
<div id="copyright-left"> Copyright © all right reserved | designed by
<a href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
</body>
</html>
<!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>Art Class</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="header">
<div class="menu"> <a href="#">gallery</a></div>
<div class="menu"> <a href="#">schedule</a></div>
<div class="menu"> <a href="#">about us</a></div>
<div class="menu"> <a href="#">home</a></div>
<div class="headerlt">art<strong>class</strong></div>
</div>
<div id="body">
<div id="sidebar">
<div class="sidebar">
<div class="sbhead">: featured art</div>
<img class="img" src="oenmw/adj.gif" alt="" /></div>
<div class="sidebar">
<div class="sbhead">: credit</div>
<p>The header-and featured art images appearing on this template are from
Free Webpage Headers (with some minor editing).</p>
</div>
<div class="sidebar">
<div class="sbhead">: notice</div>
<p>This template is distributed under <a
href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons Attribution
- Non Commercial 2.5 License</a>.</p>
<p>Please retain the "Template Design by MLP Design" tag and link at the
footer when you use it. Thank you.</p>
</div>
</div>
<div id="content">
<h1>About us</h1>
<h2>Some subheader-content goes here.</h2>
<p>Unless you know exactly what you are doing, do not make any changes or add
html tags onto the html pages as this will affect the XHTML 1.0 code validation of
the page.</p>
<blockquote>
<p>All changes to color, background, fonts, width, height, etc. should be
made in the stylesheet (style.css) to preserve XHTML 1.0 validation.</p>
</blockquote>
<p>Open "style.css" in any text editor. To change font color, change the value
of "color". For the background-color or image, locate "background". The width,
height, font-size, text-align are all self-explanatory. If you need help using this
template contact me</p>
<p><br />
</p>
<h2>Bullets and lists</h2>
<ul>
<li>Open Web Design</li>
<li>Creative Commons</li>
<li>Free Webpage Headers</li>
</ul>
<ol>
<li>http://www.openwebDesign.org</li>
<li>http://creativecommons.org</li>
<li>http://www.freewebpageheaders.com</li>
</ol>
<p>Some space fillers. Maecenas ac nisi. Integer ultricies sem eget nunc.
Vivamus sollicitudin, nunc eu iaculis suscipit, nunc lorem dignissim arcu, eu
tincidunt erat erat a magna. Etiam ac ante quis mi volutpat lacinia. Nullam
ultrices gravida magna. Aenean sed tortor ac est gravida pellentesque. Nam sodales
vulputate ante. Quisque dignissim tempus sem. Vivamus vel nulla. Sed ullamcorper
bibendum libero. Nunc enim eros, adipiscing a, elementum at, porta vel, libero.</p>
</div>
<div class="spacer"></div>
</div>
<div id="footer">
<div class="footer">Template Design by <a href="http://www.mlpDesign.net">MLP
Design</a> | <a href="http://validator.w3.org/check?uri=referer">XHTML 1.0
Strict</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer ">CSS
Valid</a></div>
<p>© Copyright 2006 Your Name. All Rights Reserved.</p>
</div>
<div class="spacer"></div>
</body>
</html>
<!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>Muzzle</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
</head>
<body>
<div id="wrapper">
<!--Title-->
<div id="logo">
<h1> .: Muzzle</h1>
</div>
<!--Menu-->
<div id="menu"> <a href="#"> Home </a> <a
href="#"> Profiles </a> <a
href="#"> Media </a> <a
href="#"> Board </a> <a
href="#"> Links </a> <a
href="#"> Contact </a> </div>
<!--Content-->
<div id="content">
<div class="header"> <b> .: News</b> </div>
<div class="entry"> <img src="" class="icon" alt="" /> <br />
<h1>Muzzle</h1>
<h2>21 December 2004 - Joe[y]</h2>
<br />
<p><i>"Muzzle - n. 4. A restraint on free movement or expression"</i></p>
<p>The title of this design is ironic... go figure.</p>
<p>I suppose this design would be suitable for most sites but if you feel it
still needs tuning to your particular choice I believe I have made the design very
easy to edit, even with little <acronym title="HyperText Mark-up Language"
lang="en">HTML</acronym> knowledge.</p>
</div>
<div class="entry"> <img src="" class="icon" alt="" />
<h1>Standards and Accesisibility</h1>
<h2>21 December 2004 - Joe[y]</h2>
<br />
<p>Muzzle is 100% compliant with XHTML 1.0 Strict and uses CSS (see footer of
page).<br />
No tables have been used to layout elements and text.</p>
<p>Muzzle conforms to the WCAG double A rating and § 508 guidelines for web
content accessibility... although, this is not a major issue in a simple
website.</p>
</div>
<div class="entry"> <img src="" class="icon" alt="" />
<h1>Stylesheets</h1>
<h2>21 December 2004 - Joe[y]</h2>
<br />
<p>Muzzle uses 2 external stylesheets rather than one, and no, the second is
not an alternative layout - the second stylesheet is in fact a stylesheet
designated for print media. The original CSS structure was taken from Oriel by <a
href="#">RJShade</a>. </p>
</div>
<div class="entry"> <img src="" class="icon" alt="" />
<h1>Compatability</h1>
<h2>21 December 2004 - Joe[y]</h2>
<br />
<p>Yes, the design is cross-browser compatible and I can confirm that the
design renders identically in Gecko
(<a href="#">Mozilla</a> <a href="#">Firefox</a> 0.10.1), <a
href="#">Opera</a> (7.01) and even Internet Explorer (6.0)!</p>
</div>
</div>
<!--Sidebar-->
<div id="sidebar">
<div class="header">
<h1>Contact:</h1>
</div>
<div class="sidebarbox"> <a href="#">[email protected]</a> </div>
<div class="header">
<h1>Syndicate:</h1>
</div>
<div class="sidebarbox"> <a href="#">Mozilla Firefox</a><br />
<a href="#">Mozilla Thunderbird</a><br />
<a href="#">OSWD.org</a> </div>
<div class="header">
<h1>Shoutbox:</h1>
</div>
<div class="sidebarbox"> Perhaps implement a shoutbox here with php and
mySQL...<br />
<br />
Try <a href="#">PHP.net</a> for a simple php script. </div>
</div>
<!--Footer-->
<div id="footer">
<p>Validate: <a href="http://validator.w3.org/check?uri=referer">XHTML</a>/<a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>/<a
href="http://www.access-board.gov/508.htm">508</a> | <a href="#">© Joseph
Spurling 2004</a></p>
</div>
</div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>My Diary</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="body">
<div id="body-top">
<div id="body-bot">
<div id="header"> <img src="images/pic_1.jpg" width="332" height="453"
alt="Pic 1" id="person" />
<h1><img src="images/logo.gif" width="259" height="107" alt="My Diary"
/></h1>
<div id="about">
<p><span class="first-letter">D</span>on't forgot to check <a
href="#">free website templates</a> 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. Don't want your boss to know
you used a free website template ;) .</p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the <a href="#">forum</a>.</p>
</div>
<div class="clear"></div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Passion</a></li>
<li><a href="#">Hobbies</a></li>
<li><a href="#">Profession</a></li>
<li><a href="#">Collection</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="tray">
<div id="tray-left">
<h2><img src="images/h_hobbies.gif" width="70" height="20" alt="H
Hobbies" /></h2>
<img src="images/pic_2.jpg" width="65" height="87" alt="Pic 2"
class="left" />
<p>If you're looking for beautiful and professionally made templates
you can find them at <a href="http://www.templatebeauty.com">Template
Beauty</a>.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p class="more"><a href="#">more</a></p>
</div>
<div id="tray-right">
<h2><img src="images/h_collections.gif" width="90" height="20" alt="H
Collections" /></h2>
<img src="images/pic_3.jpg" width="299" height="87" alt="Pic 3" />
<p class="more"><a href="#">click here for more</a></p>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div id="footer-right">All rights reserved. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>My family template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<h1>My Family</h1>
<div id="family"></div>
<div id="head-top"></div>
<div id="head-right"></div>
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Family care</a></li>
<li><a href="#">Photo gallery</a></li>
<li><a href="#">Contact us</a></li>
</ul>
<div id="nav-bot"></div>
</div>
<div id="body">
<div class="i">
<h2 class="shallow"><strong>Welcome</strong> to my family</h2>
<p>Don't forget to check <a href="#">free website templates</a> 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 having problems editing the template please don't hesitate to
ask for help on the <a href="#">forum</a>.</p>
<p class="more"><a href="#">more...</a></p>
<h2 class="shallow"><strong>Family</strong> photo gallery</h2>
<p><img src="images/gallery.jpg" width="233" height="161" alt="Gallery"
class="left" /></p>
<div id="view">
<p class="dark"><a href="#">VIEW OUR</a></p>
<p class="orange"><a href="#">PHOTO<br />
GALLERY</a></p>
</div>
<div class="clear"></div>
<h2><strong>Family</strong> advice</h2>
<ul class="orange-bullet">
<li>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</li>
<li>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</li>
</ul>
<h2 class="orange"><strong>Family</strong> fun & travel</h2>
<div id="funtravel"> <img src="images/pic_1.jpg" width="95" height="116"
alt="Pic 1" class="left" />
<div id="collect">
<p class="dark">COLLECT OUR</p>
<p class="orange">FUN & TRAVELBOOK</p>
<p class="other">Nulla turpis. Suspendisse erat ipsum, sodales dignissim,
bibendum</p>
</div>
</div>
<div id="copyright">All right reserved | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>My Valentine</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- begin header -->
<div id="header">
<h1>My Valentine</h1>
<p>For one is both <br />
<span>and both are one in love</span></p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>
<!-- end header -->
<!-- start container -->
<div id="container">
<!-- begin left side -->
<div id="left">
<h1>My Love...</h1>
<p><img class="alignleft" src="images/heart.jpg" alt="" />Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. In tempus tincidunt elit. Pellentesque vehicula
accumsan orci. Aliquam consectetuer dapibus sem. Vivamus eu eros. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam iaculis metus at velit.</p>
<p><img class="alignright" src="images/heart.jpg" alt="" />Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. In tempus tincidunt elit. Pellentesque
vehicula accumsan orci. Aliquam consectetuer dapibus sem. Vivamus eu eros. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Aliquam iaculis metus at velit.</p>
</div>
<!-- end left side -->
<!-- begin right side -->
<div id="right">
<h1>Be Mine...</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tempus
tincidunt elit. Pellentesque vehicula accumsan orci. Aliquam consectetuer dapibus
sem. Vivamus eu eros. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Aliquam iaculis metus at velit. <a class="more"
href="#">Read more »</a></p>
</div>
<!-- end right side -->
</div>
<!-- end container -->
<!-- begin footer -->
<div id="footer">
<p>XHTML template by <a href="http://karenblundell.com">Karen Blundell</a></p>
</div>
<!-- end footer -->
</body>
</html>
<!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>
<title>Myhedspace Free08</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="header">
<h1> <a href="#">MYHEDSPACE FREE08</a></h1>
</div>
<div id="wrap">
<div id="header_img"> </div>
<div id="content">
<div id="left">
<h2> <a href="#">Welcome to Myhedspace Free09</a></h2>
<div class="post_detail">Feb 18, 2007</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="hr">
<hr />
</div>
<h2>Lorem Ipsum</h2>
<div class="post_detail">Feb 18, 2007</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod <a href="#">tempor</a> incididunt ut labore et dolore magna aliqua.
Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="hr">
<hr />
</div>
</div>
<div id="right">
<div class="sidebar">
<h3>Menu</h3>
<div class="sidebar_div"></div>
<ul>
<li><a href="#" accesskey="H"><u>H</u>ome</a></li>
<li><a href="#" accesskey="B"><u>B</u>log</a></li>
<li><a href="#" accesskey="O">F<u>o</u>lio</a></li>
<li><a href="#" accesskey="C"><u>C</u>ontact</a></li>
</ul>
<div class="sidebar_div"></div>
</div>
<div class="sidebar">
<h3>Links</h3>
<div class="sidebar_div"></div>
<ul>
<li><a href="#">Myhedspace.com</a></li>
<li><a href="#">The Open Design Community</a></li>
<li><a href="#">Stock Exchange</a></li>
<li><a href="#">The Life of a Young Mom</a></li>
</ul>
<div class="sidebar_div"></div>
</div>
<div class="sidebar">
<h3>Meta</h3>
<div class="sidebar_div"></div>
<ul>
<li><a href="http://validator.w3.org/check?uri=referer"> <abbr
title="Extensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer"> <abbr
title="Cascading Style Sheets">CSS</abbr></a></li>
</ul>
<div class="sidebar_div"></div>
</div>
</div>
</div>
</div>
<div id="footer">
<p><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/">©©</a>
<a href="http://www.myhedspace.com" title="myhedspace.com">open source web Design
by myhedspace.com</a></p>
</div>
</body>
</html>
<!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>
<title>MYHEDSPACE FREE09</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<!-- start box -->
<div id="box">
<div id="top"></div>
<!-- top background -->
<!-- start middle content -->
<div id="middle">
<!-- start nav -->
<div id="nav">
<!-- start logo -->
<div id="logo">
<h1> <a href="#">myhedspace<span>free09</span></a></h1>
</div>
<!-- end logo -->
<!-- start menu -->
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="innerpage.html">Menu2</a></li>
<li><a href="#">Menu3</a></li>
<li><a href="#">Menu4</a></li>
</ul>
</div>
<!-- end menu -->
</div>
<!-- end nav -->
<div id="main_img"></div>
<!-- main img -->
<!-- start main text -->
<div id="main_text">
<div id="welcome">
<h2>The Open Design Community</h2>
<p> <a href="#">The Open Design Community</a> (TODC) is a group of Open
Source Website Designers providing free web
design templates helping to make the global internet a prettier
place.</p>
</div>
</div>
<!-- end main text -->
</div>
<!-- end middle content -->
<div id="bottom"></div>
<!-- bottom background -->
<!-- start footer -->
<p id="footer"><a href="http://creativecommons.org/licenses/by-nc-
sa/2.5/">©©</a> <a href="http://www.myhedspace.com"
title="myhedspace.com">Open Source Web Design by Myhedspace.com</a> | Photo by
sxc.hu</p>
<!-- end footer -->
</div>
<!-- end box -->
</body>
</html>
<!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>MyKindaThing</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>MyKindaThing</h1>
<h2>Free CSS Template</h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2>Welcome to Sitename.com!</h2>
<p>MyKindaThing is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="right">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>National Park</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css"
media="screen,projection" />
</head>
<body>
<div id="wrap">
<div id="header"> </div>
<div id="logo"> national park</div>
<ul class="topmenu">
<li><a href="#">Home</a> |</li>
<li><a href="#">Donate</a> |</li>
<li><a href="#">Contact Us</a></li>
</ul>
<div id="left-sidebar">
<h4>Main Menu</h4>
<p><a href="mission.html">Mission Statement</a></p>
<p> <a href="#">Donate</a></p>
<p> <a href="#">Management</a></p>
<p> <a href="#">Contact Us</a></p>
<h4>Resources</h4>
<p> <a href="#">Plan Your Trip</a></p>
<p> <a href="#">Nature & Science</a></p>
<p> <a href="#">Maps & Trials</a></p>
<p> <a href="#">Things To Do</a></p>
<h4>Other</h4>
<p> <a href="#">Volunteer</a></p>
<p> <a href="#">Research</a></p>
<p> <a href="#">Park Ranger Info</a></p>
<p> <a href="#">Site Map</a></p>
<h4>Site Support</h4>
<p> <a href="#">FAQ's</a></p>
<p> <a href="#">Email Support</a></p>
<div id="sidebar-pic"> </div>
</div>
<div id="info-box"> </div>
<div id="pic"> </div>
<div id="main-logo" style="position: absolute; left: 181px; top: 262px; height:
23px">
<h3>Find A National Park</h3>
</div>
<div id="map"> </div>
<div id="left-info"> Find a National Park by State: <br/>
<form action="#" method="get">
<fieldset style="width: 136px; height: 7px; border: none;">
<select name="state">
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</fieldset>
</form>
</div>
<div id="right-info" >
<h3>Featured National Park</h3>
<p><b>Rock Mountain National Park</b><br/>
<b>Location:</b> Colorado, USA<br/>
<b>Nearest City:</b> Estes Park, Colorado<br/>
<b>Coordinates:</b> 40°24′0″N, 105°35′0″W</p>
</div>
<div id="footer">
<div id="footer-menu"> © 2006 Your Organization Inc. All Rights Reserved</div>
</div>
</div>
</body>
</html>
<!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>Natural Beauties</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Natural Beauties</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Blog</a></li>
<li><a href="#" accesskey="3">Photos</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
</div>
<div id="gallery">
<div id="top-photo">
<h2>Falls In Glacier (Canon D60)</h2>
<p><a href="#"><img src="images/img04.jpg" alt="" width="700" height="299"
/></a></p>
</div>
<div id="recent-photos"><a href="#" id="prev"><span>«
Previous</span></a><span id="thumbs"><a href="#"><img src="images/img05.jpg" alt=""
width="95" height="84" /></a><a href="#"><img src="images/img06.jpg" alt=""
width="95" height="84" /></a><a href="#"><img src="images/img07.jpg" alt=""
width="95" height="84" /></a><a href="#"><img src="images/img08.jpg" alt=""
width="95" height="84" /></a><a href="#"><img src="images/img09.jpg" alt=""
width="95" height="84" /></a><a href="#"><img src="images/img10.jpg" alt=""
width="95" height="84" /></a></span><a href="#" id="next"><span>Next
»</span></a></div>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to The Green House!</h2>
<div class="meta">
<p class="date">Posted on February 25, 2007 by John Doe</p>
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
<div class="story">
<p><strong>The Green House</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You"re free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="meta">
<p class="date">Posted on February 25, 2007 by John Doe</p>
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
</div>
</div>
<div id="sidebar">
<div id="archives" class="boxed">
<h2>Archives</h2>
<div class="content">
<ul>
<li><a href="#">February 2007</a> <i>(25)</i></li>
<li class="active"><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</div>
</div>
<div id="categories" class="boxed">
<h2>Categories</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li class="active"><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
<div id="tagcloud" class="boxed">
<h2>Tag Cloud</h2>
<div class="content"><a href="#" title="55 recent posts" style="font-size:
1.5087837837838em;">Art</a> <a href="#" title="66 recent posts" style="font-size:
1.5905405405405em;">Blogging</a> <a href="#" title="51 recent posts" style="font-
size: 1.4790540540541em;">Books</a> <a href="#" title="40 recent posts"
style="font-size: 1.3972972972973em;">Culture</a> <a href="#" title="73 recent
posts" style="font-size: 1.6425675675676em;">Family</a> <a href="#" title="54
recent posts" style="font-size: 1.5013513513514em;">Food</a> <a href="#" title="43
recent posts" style="font-size: 1.4195945945946em;">Friends</a> <a href="#"
title="63 recent posts" style="font-size: 1.5682432432432em;">Humor</a> <a href="#"
title="88 recent posts" style="font-size: 2.4972972972973em;">Life</a> <a href="#"
title="49 recent posts" style="font-size: 1.4641891891892em;">Love</a> <a href="#"
title="64 recent posts" style="font-size: 1.5756756756757em;">Movies</a> <a
href="#" title="28 recent posts" style="font-size: 2.0513513513514em;">Music</a> <a
href="#" title="25 recent posts" style="font-size: 2.0290540540541em;">News</a> <a
href="#" title="92 recent posts" style="font-size: 1.7837837837838em;">Personal</a>
<a href="#" title="46 recent posts" style="font-size:
1.4418918918919em;">Photography</a> <a href="#" title="13 recent posts"
style="font-size: 2.0662162162162em;">Politics</a> <a href="#" title="56 recent
posts" style="font-size: 1.5162162162162em;">Random</a> <a href="#" title="51
recent posts" style="font-size: 1.4790540540541em;">Religion</a> <a href="#"
title="68 recent posts" style="font-size: 1.6054054054054em;">Thoughts</a> <a
href="#" title="49 recent posts" style="font-size: 1.4641891891892em;">Travel</a>
<a href="#" title="45 recent posts" style="font-size: 1.4344594594595em;">Video</a>
<a href="#" title="51 recent posts" style="font-size:
1.4790540540541em;">Health</a> <a href="#" title="43 recent posts" style="font-
size: 1.4195945945946em;">Media</a> <a href="#" title="53 recent posts"
style="font-size: 1.4939189189189em;">Technology</a> <a href="#" title="46 recent
posts" style="font-size: 1.4418918918919em;">Writing</a></div>
</div>
</div>
</div>
<div id="footer">
<p id="copy">©2007 Snow Flakes. Designed by <a href="#">Free CSS
Templates</a></p>
<p id="feed"><a href="#" id="rss">RSS Feed</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Natural Essence</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
</head>
<body>
<div id="wrapper">
<div id="container">
<div class="title">
<h1><a href="#">Natural Essence</a></h1>
</div>
<div class="header"></div>
<div class="navigation"> <a href="#" id="active">Home</a> <a href="single-
column.html">Single Column</a> <a href="no-header.html">Without Header</a> <a
href="#">Malesuada</a> <a href="#">Lobortis</a> <a href="#">Pharetra</a>
<div class="clearer"></div>
</div>
<div class="main" id="two-columns">
<div class="col2">
<div class="left">
<div class="content">
<h1>Heading One</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
sagittis. Proin ac felis. Lorem ipsum dolor sit amet, consectetuer adipiscing <a
href="#">elit pellentesque</a> enim dui, rhoncus ut, pharetra sed, luctus vitae,
dolor. Nunc mauris eros, vehicula id, fermentum non, semper ac, nisl. Cras sed
purus non justo lobortis rhoncus. Morbi <a href="#">consectetuer</a> augue. Nam
semper ornare ipsum.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
sagittis. Proin ac felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Pellentesque.</p>
<h2>Heading Two</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
sagittis. Proin ac felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Pellentesque enim dui, rhoncus ut, pharetra</p>
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<p>Luctus vitae, dolor. Nunc mauris eros, vehicula id, fermentum non,
semper ac, nisl. Cras sed purus non justo lobortis rhoncus. Morbi consectetuer
augue.</p>
<h3>Heading Three</h3>
<p>Donec ligula lorem, varius eget, semper eget, aliquet quis, lectus.
Vestibulum ipsum nunc, aliquet quis, blandit ac, varius a, est. Praesent dictum.
Sed feugiat magna sed lorem. Nulla tempus sodales ipsum. In vitae purus eget
quam.</p>
<blockquote>
<p>Luctus vitae, dolor. Nunc mauris eros, vehicula id, fermentum non,
semper ac, nisl. Cras sed purus non justo lobortis rhoncus. Morbi consectetuer
augue</p>
</blockquote>
<p>Luctus vitae, dolor. Nunc mauris eros, vehicula id, fermentum non,
semper ac, nisl. Cras sed purus non justo lobortis rhoncus. Morbi consectetuer
augue.</p>
</div>
</div>
<div class="right">
<div class="content">
<h2>Something</h2>
<ul class="block">
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h2>Another thing</h2>
<ul class="block">
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h2>Third and last</h2>
<ul class="block">
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat molestie</a></li>
</ul>
<h2>And some text</h2>
<p>Donec ligula lorem, varius eget, semper eget, aliquet quis, lectus.
Vestibulum ipsum nunc, aliquet quis, blandit ac, varius a, est.</p>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="bottom">
<div class="left">
<h2>Previous entries</h2>
<ul class="block">
<li><a href="#"><span>Sodales</span><em>Vestibulum ipsum nunc, aliquet
quis</em></a></li>
<li><a href="#"><span>Varius eget</span><em>Donec ligula lorem, varius
eget</em></a></li>
<li><a href="#"><span>Integer varius</span><em>Nam semper ornare
ipsum</em></a></li>
<li><a href="#"><span>Vehicula</span><em>Cras sed purus non
justo</em></a></li>
</ul>
</div>
<div class="right">
<h2>About</h2>
<p>Sed, luctus vitae, dolor. Nunc mauris eros, vehicula id, fermentum
non, semper ac, nisl. Cras sed purus non justo lobortis rhoncus. Morbi consectetuer
augue.</p>
<h2>From the gallery</h2>
<table>
<tr>
<td><img src="img/thumb.gif" width="110" height="90" alt="" /></td>
<td style="width:5px"></td>
<td><img src="img/thumb.gif" width="110" height="90" alt="" /></td>
<td style="width:5px"></td>
<td><img src="img/thumb.gif" width="110" height="90" alt="" /></td>
</tr>
</table>
</div>
<div class="clearer"></div>
</div>
<div class="footer">
<div class="left"> Copyright © 2007 <a href="#">Website.com</a> </div>
<div class="right">Website template by <a
href="http://arcsin.se">Arcsin</a> </div>
<div class="clearer"></div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>Art Nouveau</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/reset-fonts.css" type="text/css" media="screen,
projection" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen,
projection" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie6.css">
<![endif]-->
</head>
<body>
<div id="wrap">
<div id="header" class="float">
<h1 id="logo" class="hidden"><a href="#">Art Nouveau</a></h1>
<h2 id="tagline" class="hidden">1890 - 1914</h2>
</div>
<!-- / header -->
<div id="menu" class="float">
<ul id="menu-items">
<li><a href="#" class="replace" id="menu-01" accesskey="1">Home</a></li>
<li><a href="#" class="replace" id="menu-02" accesskey="2">About us</a></li>
<li><a href="#" class="replace" id="menu-03" accesskey="3">Fine arts</a></li>
<li><a href="#" class="replace" id="menu-04"
accesskey="4">Architecture</a></li>
<li><a href="#" class="replace" id="menu-05" accesskey="5">Sitemap</a></li>
<li><a href="#" class="replace" id="menu-06"
accesskey="6">Testimonials</a></li>
<li><a href="#" class="replace" id="menu-07" accesskey="7">Order</a></li>
<li><a href="#" class="replace" id="menu-08" accesskey="8">Contact
us</a></li>
</ul>
</div>
<!-- / menu -->
<div id="body" class="float">
<div id="bg-rust" class="float">
<div id="col-l" class="float">
<ul id="artists-list">
<li>
<p class="col-l"><a href="#"><img src="img/pic01.jpg" alt="" /></a></p>
<div class="artist-data">
<h3>Gustav Klimit</h3>
<span class="artist-years">1862- 1918</span>
<p class="artist-desc">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet.</p>
</div>
</li>
<li>
<p class="col-l"><a href="#"><img src="img/pic02.jpg" alt="" /></a></p>
<div class="artist-data">
<h3>Gustav Klimit</h3>
<span class="artist-years">1862- 1918</span>
<p class="artist-desc">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
</div>
</li>
<li>
<p class="col-l"><a href="#"><img src="img/pic03.jpg" alt="" /></a></p>
<div class="artist-data">
<h3>Gustav Klimit</h3>
<span class="artist-years">1862- 1918</span>
<p class="artist-desc">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet.</p>
</div>
</li>
<li>
<p class="col-l"><a href="#"><img src="img/pic04.jpg" alt="" /></a></p>
<div class="artist-data">
<h3>Gustav Klimit</h3>
<span class="artist-years">1862- 1918</span>
<p class="artist-desc">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet.</p>
</div>
</li>
</ul>
</div>
<div id="col-r" class="float">
<div id="main-content" class="artist-data">
<h3>Art Nouveau</h3>
<span class="artist-years">1862- 1918</span>
<div class="artist-desc">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.</p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
</div>
</div>
</div>
<div class="hr-ornament">
<hr class="hidden" />
<!-- -->
</div>
</div>
</div>
<!-- / body -->
<br style="clear: both" />
<div id="footer" class="float">
<p> <a href="#"><img class="box-art-nouveau" src="img/box_art-nouveau.gif"
alt="" /></a> </p>
<p> <a href="#"><img class="box-art-architecture" src="img/box_art-
architecture.gif" alt="" /></a> </p>
<p> <a href="#"><img class="box-murals-mosaics" src="img/box_murals-
mosaics.gif" alt="" /></a> </p>
<p> <a href="#"><img class="box-glass-ware" src="img/box_glass-ware.gif" alt=""
/></a> </p>
<p> <a href="#"><img class="box-fine-arts" src="img/box_fine-arts.gif"
alt="" /></a> </p>
<p> <a href="#"><img class="box-furniture" src="img/box_furniture.gif"
alt="" /></a> </p>
<p class="footer-text">Copyright Your Name | <a
href="http://www.studio7designs.com">Design by STUDIO7DESIGNS</a> | <a
href="http://www.slicendiceit.com">Coding by Slice 'n Dice</a></p>
</div>
<!-- / footer -->
</div>
<!-- / wrap -->
</body>
</html>
<!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>Symphony of Horror</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" title="Style" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>A Symphony of Horror</h1>
<div id="menu">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Spookshow</a></li>
<li><a href="#">Lust for blood</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<h2>Nosferatu</h2>
<p> <img src="images/nos.jpg" alt="Template" class="float_left" style="margin:
12px;" />Lorem
ipsum dolor sit amet, consectetuer
adipiscing elit. Suspendisse lobortis, leo in lobortis aliquet, lorem
leo fringilla lectus, id pellentesque ante nulla sed nulla. Vestibulum
ac lacus. Integer aliquet iaculis massa. Mauris convallis purus sit
amet nibh. Phasellus purus. Suspendisse vulputate, arcu in posuere
pharetra, velit ligula accumsan odio, a tincidunt metus libero et est.
Curabitur magna. Etiam vulputate mauris et ipsum. Cras convallis sapien
sit amet est. Aliquam suscipit risus sit amet orci.</p>
<h2>He likes to feed</h2>
<p>Fusce id leo. Nulla pharetra malesuada enim. Donec placerat
scelerisque nunc. Morbi fermentum, augue eget congue tincidunt, ligula
dolor volutpat augue, vitae faucibus tortor nisl nec massa. Ut congue,
lectus eu pretium sodales, dolor justo ultricies eros, vitae viverra
urna odio vel mi. Praesent scelerisque orci ac purus. Fusce neque urna,
dictum eu, bibendum in, accumsan vel, nibh. Nulla viverra, enim vel
euismod fermentum, orci pede mattis lectus, ut dapibus pede lorem et
enim. In eu nibh ut massa ultricies blandit. Morbi sit amet lacus sit
amet erat volutpat pharetra. Sed adipiscing. Praesent augue. Nulla
facilisi. Etiam tincidunt tempus risus. Pellentesque nibh. Proin eu
lorem in nibh iaculis congue. Maecenas non libero aliquet odio ultrices
viverra.</p>
<div id="footer">© 2007 Your Site Dot Com | All
Rights Reserved. </div>
</div>
</div>
</body>
</html>
<!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>Nature</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="pom.css" />
</head>
<body>
<div id="wrap">
<div id="header"><br />
<h3>www.your site.com</h3>
<p><strong>"your slogan can be here "</strong><br />
(or anything else )</p>
</div>
<img src="images/header.jpg" width="790" height="228" alt="" />
<div id="avmenu">
<h2 class="hide">Menu:</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">gallery</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">Links</a></li>
</ul>
<div class="announce">
<h3>Whats new ?</h3>
<p><strong>4 Janvier , 2007:</strong><br />
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim </p>
<p class="textright"> <a href="#">More Info...</a></p>
</div>
</div>
<div id="extras">
<h3> <br />
More Info:</h3>
<p> consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut</p>
<h3>Links:</h3>
<p><img src="images/arrow.gif" alt="arrow" width="7" height="7" /> <a
href="#">Home</a><br />
<img src="images/arrow.gif" alt="arrow" width="7" height="7" /> <a
href="#">Link 2</a><br />
<img src="images/arrow.gif" alt="arrow" width="7" height="7" /> <a
href="#">Link 3</a><br />
</p>
<p class="small">Dezign<br />
(4 Janv, 2007)<br />
<a href="http://validator.w3.org/check/referer">Validate XHTML 1.0
Strict</a><br />
and Css </p>
</div>
<div id="content">
<h2><img src="images/ill_title.jpg" alt="ill title" width="63" height="20"
/>Welcome ! </h2>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut </p>
<p><img src="images/ill1.jpg" height="100" width="125" class="left" alt="ill_1"
/>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
<p> </p>
<h3><img src="images/ill_title.jpg" alt="ill title" width="63" height="20"
/>Presentation</h3>
<p>reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum." <img src="images/ill2.jpg" class="right"
height="100" width="125" alt="ill_2" /></p>
<p> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitationvelit es <a href="#">studio-plume.org</a>, "Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation velit es</p>
<p> </p>
</div>
<div id="footer"> Copyright © 2007 (your name). Design by kty <a
href="http://www.studio-plume.org">studio-plume.org</a>.</div>
</div>
</body>
</html>
<!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>
<title>mag</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="1.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="container">
<div id="left">
<h3>NEWS</h3>
<p><big>N</big>ature consists of the world that exists all around us, from the
rainforests of South America, to the Jungles of Africa. <a
href="#">more....</a></p>
<h4>Photos</h4>
<img src="picks/3.jpg" border="0" alt="" /> <br />
<p>search
<input class="box" type="text" name="T1" size="15" />
</p>
<h4>contest Winners</h4>
<p> 1 rst.Onsectetuer adipiscing. <br />
2 nd. Ornare, massa.<br />
3 rd. Met egesta. </p>
</div>
<div id="center">
<div id="tb"> N<br />
a<br />
t<br />
u<br />
r<br />
e </div>
<div id="tb2">
<pre>
S
h
o
t
s
</pre>
</div>
</div>
<div id="right">
<div id="menu"> <a href="#">Home</a> <a href="#">Archives</a>
<a href="#">schedule</a> <a href="#">events</a> </div>
<h5>More Stuff</h5>
<p><big>S</big>orem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer ornare,egestas posuere. <a href="#">more....</a></p>
<h5>Coded in Notepad</h5>
<p> Notepad is compatible with every single standard of Internet presentation
medium yet devised. And all future developments in HTML and any other Web based
presentation medium. </p>
</div>
<div id="footer"><a href="#">Home</a> | <a href="#">Contact Us</a>
| <a href="#">Help/FAQs</a> | <a href="#">Careers</a>
| <a href="#">Privacy Statement</a> | <a href="#">Legal
Disclosure</a> | <a href="#">Site Map</a></div>
</div>
<br />
By Coollew
</body>
</html>
<!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>
<title>Nautica X1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div class="main">
<div class="header">
<div class="header-top">
<div class="search-box">
<input name="textfield" type="text" class="search-input" />
</div>
<div class="login-bg"><a href="#" class="white-link">Login</a> :: <a href="#"
class="white-link">Site map</a></div>
</div>
<div class="header-bottom">
<div id="navcontainer">
<ul class="navlist">
<li class="active"><a href="#">Home</a></li>
<li class=""><a href="#">RSS</a></li>
<li class=""><a href="#">Plan</a></li>
<li class=""><a href="#">Share</a></li>
</ul>
</div>
</div>
</div>
<div class="body-main">
<div class="body-top">
<div class="body-left">
<div class="left-box">
<div class="box">
<div class="box-title"><span class="title-16">Nautica X2</span></div>
<div class="welcome-inside">
<div align="left">This is where you would explain about your company.
filler text
All the details and more would go here. filler text... example.of
work
This is where you would explain about your company.</div>
<div class="fav-project">
<div class="fav-text">Our favorite project!
This is where you would explain about your company.
All the details and more would go here. filler text...
This is where you would explain about your company.
All the details and more would go here. filler text exam</div>
</div>
<div align="left">This is where you would explain about your company.
filler text
All the details and more would go here. filler text... example.of
work
This is where you would explain about your company.</div>
</div>
</div>
</div>
</div>
<div class="body-right">
<div class="blank38"></div>
<div class="body-right1">
<div class="box">
<div class="box-title"><span class="title-
16">STUDIO7DESIGNS</span></div>
<div class="welcome-inside">
<div align="left">This template was created by studio7designs.com for
the open source community. We tried to incorporate more of a feminine look and feel
to this project and we will have more color schemes to come. If you could please
keep the links back to us at the footer of the template that would be perfect.
Other then that enjoy the design and have fun building your next website!.</div>
<div class="fav-project">
<div class="fav-text">Our favorite project!
This is where you would explain about your company.
All the details and more would go here. filler text...
This is where you would explain about your company.
All the details and more would go here. filler text exam</div>
</div>
<div align="left">This is where you would explain about your company.
filler text
All the details and more would go here. filler text... example.of
work
This is where you would explain about your company.
All the details and more would go here. filler text examples of
work it
This is where you would explain about your company. filler lorum
ipsm
All the details and more would go here.</div>
</div>
</div>
</div>
</div>
</div>
<div class="body-bottom">
<div class="bottom-box1">
<div class="bottom-box1-inside"><span class="title-14">Current Projects
</span>
<div>A good place to showcase some of your most recent projects.</div>
<div class="bottom-box-th"><img src="images/my-space-th.jpg" alt=""
width="165" height="79" /></div>
<div class="green-link-box"><a href="#" class="read-more">Read
More</a></div>
</div>
</div>
<div class="bottom-box1">
<div class="bottom-box1-inside"><span class="title-14">Creative Blogs
</span>
<div>Here is where the details of your
projects and specs will go.</div>
<div class="bottom-box-th"><img src="images/design-award-th.jpg" alt=""
width="165" height="79" /></div>
<div class="green-link-box"><a href="#" class="read-more">View
Gallery</a></div>
</div>
</div>
<div class="bottom-box1" style="border-right:none;">
<div class="bottom-box1-inside"><span class="title-14">Idea Boards </span>
<div>Here is where the details of your
projects and specs will go.</div>
<div class="bottom-box-th"><img src="images/about-us-th.jpg" alt=""
width="165" height="79" /></div>
<div class="green-link-box"><a href="#" class="read-
more">Comments</a></div>
</div>
</div>
<div class="login-box">
<div align="left">Email Address: <br />
</div>
<div>
<input name="" type="text" class="input-login" />
</div>
<div align="left" style="padding:5px 0px;">Password: <br />
</div>
<div>
<input name="" type="password" class="input-login" />
<div style="padding:5px 0px;" align="center">
<input type="checkbox" name="checkbox" value="checkbox" />
Remember Me</div>
</div>
<div>
<div align="center"><a href="#"><img src="images/login-bt.jpg"
alt="Login" width="75" height="32" border="0" /></a><a href="#"><img
src="images/sign-up-bt.jpg" alt="Sign Up" width="82" height="32" border="0"
/></a></div>
</div>
</div>
</div>
</div>
<div class="footer">Copyright 2007 | <a href="http://www.studio7designs.com"
class="footer-link">Web Design by STUDIO7DESIGNS</a> | <a href="#" class="footer-
link">privacy policy</a> | <a href="#" class="footer-link">site map</a></div>
</div>
</body>
</html>
<!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>
<title>Nautica X</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen,
projection" />
</head>
<body>
<div id="outer-wrapper">
<div id="inner-wrapper">
<div id="content-wrapper">
<div id="content">
<form name="search" action="#" id="search-form">
<input type="text" class="txt" value="Search" />
</form>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Newsletters</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div id="content-inner">
<div class="content-left"> <img src="images/nyc-photo.jpg" alt="NYC
Photo" />
<p>NEW YORK<br />
<span>Central Park in the fall 2006</span></p>
</div>
<div class="content-right">
<h2>Welcome to Nautica X</h2>
<h3 class="dateline">Saturday, February 18th, 2007</h3>
<p class="intro">A rainy day in new york's central park reveals a hint
of color through the mist. This template has been on the back burner for some time
now, and we are very happy to be releasing it to the open source template
community. We will be turning this into a blogger theme very soon, and if anyone is
interested in converting this to a wordpress theme then please feel free to contact
us.</p>
<p>You may use this template anyway you like, however we would
appreciate it if you could leave the link back to us in the footer to help us
continue to be able to produce more designs in the future. We have to thank <a
href="http://www.slicendiceit.com">slice n dice</a> for all the amazing coding on
this template. This template is Valid CSS and XHTML and has been tested to work in
IE6-7, Firefox, Opera, and Safari for OSX.</p>
<p class="end-story-links"><a href="#">14 Comments</a> | <a
href="#">Read on...</a></p>
</div>
<div class="content-full">
<h2>Full page blog provides plenty of space</h2>
<h3 class="dateline">Saturday, February 18th, 2007</h3>
<p class="intro">We wanted to create a blog template that had an
understated feel to it and that would really provide enough space to really blog a
ton of content. When we build our blogger theme we will be providing the full page
blog template and the image and 2/3rds content format for you to pick from. Keep
your eyes out in late Feb for the blogger and wordpress releases at
STUDIO7DESIGNS.</p>
<p>We are moving more and more towards the 1000 pixel wide designs
these days. In most cases for blogs and such, it is so important to have enough
space to have white space around your text. This will help your readers breath and
take in your paragraphs more easily. Here is an example of a float left image with
a 2 pixel #CCCCCC border around it.</p>
<img src="images/bldg-pic.jpg" alt="" class="content-img" />
<p class="intro">The padding on the paragraphs leaves enough room so
that the text and image have enough space to breath. In this template we are
experimenting with text as a design aspect. It is imparative to chose your fonts
well, and to chose different types and sizes and colors to really use the font as a
design paintbrush.</p>
<p>For this template we are keeping it simple enough as to let the
focus be on the content, not the design. You can hop into the style sheet and
increase the font color if you find these colors are too light. We hope you enjoy
our designs and drop us a line as we always like to see our designs in action!</p>
<p>Thank you from STUDIO7DESIGNS Victoria BC Canada.</p>
<p class="end-story-links"><a href="#">37 Comments</a> | <a
href="#">Read on...</a></p>
</div>
</div>
</div>
<div id="sidebar">
<div id="logo"> <img src="images/nautica-logo.gif" alt="Nautica X" />
</div>
<h4>Recent Posts</h4>
<ul class="side-nav">
<li><a href="#">Studio7Designs</a></li>
<li><a href="#">Arbutus Photography</a></li>
<li><a href="#">Open Source Templates </a></li>
<li><a href="#">Nautica series </a></li>
</ul>
<h4>Archives</h4>
<ul class="side-nav">
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
</ul>
</div>
</div>
<div id="footer">
<ul id="footer-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Your Blog</a></li>
<li><a href="#">Your Services</a></li>
<li><a href="#">Site Map</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Newsletter</a></li>
<li><a href="#">Top Listings</a></li>
<li><a href="#">Magazine</a></li>
<li class="last"><a href="#">Open Source</a></li>
</ul>
<p class="copyright">Copyright 2007 Your Name | <a
href="http://www.studio7designs.com">Design by Studio7Designs</a> | <a
href="http://www.slicendiceit.com">Coding by Slice 'n Dice</a> | <a href="#">We
Support OST.org</a></p>
</div>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Nautica2.2</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<!-- Begin Body -->
<body>
<div id="border">
<div id="container">
<!-- menu -->
<div id="topmenu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Gallery</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
</ul>
</div>
<!-- header backround image is in the style sheet-->
<div id="header"></div>
<!-- content -->
<div id="content">
<div class="splitleft">
<p><span class="style4">Welcome to Nautica2.2</span><br />
<br />
</p>
<div id="lipsum">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum
eu neque sit amet ligula rhoncus tempor. Aliquam erat volutpat. Aliquam at odio a
arcu ornare iaculis. Nulla pulvinar, enim quis pretium rutrum, massa ante euismod
lacus, eu facilisis nisl dui ut nisi. Sed varius, tortor sagittis rutrum
hendrerit, eros nunc vulputate augue, eget laoreet enim velit quis nisi. Nam ut
velit fermentum leo adipiscing elementum. Aenean tellus dolor, malesuada sed,
tristique quis, ultrices ut, neque. Suspendisse aliquam, nisi et convallis
venenatis, ante lacus pharetra leo, vitae luctus tortor diam eget massa. Phasellus
orci. Praesent urna est, congue ornare, pulvinar quis, fermentum at, felis. Ut
malesuada fringilla lectus.</p>
<p>In non odio. Proin pede. Phasellus et nunc sit amet massa pharetra
euismod. Proin ultricies orci sit amet pede. Vivamus urna sem, tristique id,
tincidunt id, aliquam et, est. Proin ipsum est, volutpat eu, faucibus a,
scelerisque vitae, felis. Duis vel tellus nec dolor pulvinar posuere. Nunc
tincidunt commodo diam. Etiam sem nunc, molestie at, ullamcorper vitae, adipiscing
vel, eros. Integer at enim. Donec vehicula tortor nec eros. Quisque in felis.
Pellentesque commodo dictum mauris. Sed odio ipsum, ultricies ut, dignissim sit
amet, imperdiet et, magna. Praesent ut tellus et mauris luctus vestibulum. Nulla
nec nunc vel erat euismod ultricies.</p>
<p>Maecenas ut purus. Duis fermentum dui vitae velit. Nunc nec nisl quis
purus sagittis mollis. Quisque eleifend. Proin aliquam ante vitae enim.
Suspendisse facilisis, urna eu ornare nonummy, nisi enim venenatis turpis, sit
amet ultricies nisi lacus sit amet mauris. In ornare viverra nunc. Nam nisl
turpis, rhoncus vel, scelerisque eget, lacinia consectetuer, massa. Praesent eget
risus. Mauris porttitor dui fringilla pede auctor rhoncus.</p>
<p>Nulla porttitor nibh nec diam. Cras vel urna vel mauris dignissim
hendrerit. Nullam semper. Curabitur nibh quam, feugiat vitae, elementum ut,
hendrerit ac, sem. In vitae orci. Nulla tempor. Duis tellus. Duis volutpat
fermentum lectus. Donec lorem urna, egestas non, tempor et, consectetuer eget,
nulla. Aliquam erat volutpat. Ut fringilla tellus sed enim. Aliquam erat volutpat.
Fusce urna. Aenean convallis nisl in sapien. Quisque ultricies justo id augue.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Nam eu velit.</p>
<p>Quisque tortor dui, egestas eget, feugiat vel, sollicitudin in,
mauris. In lacus dolor, porta et, auctor a, tristique in, ligula. Nunc orci risus,
sollicitudin dapibus, porta et, sagittis quis, pede. Morbi vitae sapien ut ipsum
bibendum convallis. Nullam magna. Fusce tincidunt vestibulum dui. Aenean volutpat
erat nec ipsum. Sed viverra ullamcorper neque. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus. Fusce eleifend venenatis
velit. Suspendisse potenti. In hac habitasse platea dictumst. Mauris ligula magna,
adipiscing vel, dignissim sed, dictum at, turpis. Vestibulum a augue et urna
convallis tincidunt.</p>
</div>
</div>
<!-- Begin Page Menu -->
<div id="introduction"><br />
<h3> Page navigation</h3>
<ul>
<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>
<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
</ul>
<h3>sub page menu </h3>
<ul>
<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>
<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
</ul>
<br />
<br />
<img src="images/n3.jpg" alt="n2" width="165" height="59" /></div>
</div>
<!-- footer -->
</div>
<div id="footer"> <span class="style5"><a
href="http://www.studio7designs.com">Design by STUDIO7DESIGNS</a> | copyright 2007
<a href="#">Company Inc</a></span><br />
<br />
</div>
</div>
</body>
</html>
<!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>Nautica2.2 Liquid</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper-menu-top">
<div id="menu-top">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Gallery</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
</ul>
</div>
<!--menu-top-->
</div>
<!--wrapper-menu-top-->
<div id="wrapper-header">
<div id="header">
<div id="wrapper-header2">
<div id="wrapper-header3">
<h1>Nautica 2.2 Liquid</h1>
</div>
</div>
</div>
</div>
<div id="wrapper-content">
<div id="wrapper-menu-page">
<div id="menu-page">
<h3>Page navigation</h3>
<ul>
<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>
<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
</ul>
<h3>sub page menu</h3>
<ul>
<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>
<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
</ul>
<p><a href="#"><img src="images/logo.png" width="165" height="80" alt=""
/></a></p>
</div>
<!--menu-page-->
</div>
<div id="content">
<h2>Nautica2.2 Liquid</h2>
<div id="lipsum">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nec
leo consectetuer dui placerat aliquam. In felis lacus, consectetuer sed,
pellentesque vitae, consequat quis, tortor. Donec enim neque, varius et, vulputate
aliquet, cursus ac, justo. Phasellus venenatis enim vulputate lectus. Proin
dignissim, risus nec semper tincidunt, odio urna tristique lectus, et eleifend
arcu turpis a est. Cras interdum, orci et tincidunt laoreet, tortor tellus
vehicula nisi, ac faucibus augue purus ac lectus. Aenean tincidunt, tortor quis
vestibulum varius, nibh eros scelerisque tortor, vitae sollicitudin quam urna quis
odio. Mauris ut tortor. Vestibulum ut orci in turpis consequat hendrerit. Ut
iaculis condimentum augue. Vivamus id pede sed nunc pellentesque condimentum. Cras
tincidunt lobortis ipsum. Pellentesque tellus nisi, venenatis id, dignissim vitae,
malesuada id, diam. Nulla lectus. Integer lacus lacus, pellentesque non, aliquet
ut, lacinia a, libero. Proin id erat vel orci ultrices adipiscing. Aliquam erat
volutpat.</p>
<p>In massa. Duis ante. Cras in tellus dapibus nulla placerat hendrerit.
Praesent accumsan, tellus vel congue ultricies, mi nulla scelerisque ipsum, non
convallis magna neque at elit. Fusce dui lacus, ultrices non, tincidunt at,
ultrices sed, ligula. Vestibulum auctor quam ac libero. Vivamus odio. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Nulla eu turpis et tellus posuere imperdiet. Sed at lacus ac est tincidunt dictum.
Proin pulvinar tempus diam. Praesent dapibus rutrum nisi. Sed tincidunt turpis
quis ante. Curabitur facilisis quam quis tellus. Pellentesque nulla velit,
porttitor quis, nonummy vitae, congue non, nisi.</p>
<p>Vestibulum eu mauris et nulla condimentum lobortis. Sed nec tellus. Cras
vel lectus sed urna congue posuere. Sed orci elit, faucibus at, rutrum vitae,
consectetuer sit amet, ipsum. Vestibulum ante ipsum primis in faucibus orci luctus
et ultrices posuere cubilia Curae; Fusce risus sapien, cursus vitae, euismod sed,
convallis sit amet, lacus. Nullam justo quam, mollis et, viverra eu, hendrerit
quis, velit. Vivamus scelerisque sapien at magna. Integer posuere tempus dui.
Donec nec mi. Fusce aliquet molestie augue. Maecenas molestie, nibh quis sodales
ullamcorper, nunc est ornare lacus, ac sollicitudin odio nibh et lorem. Vivamus
euismod ultrices arcu. Praesent risus urna, pulvinar pulvinar, cursus id,
vulputate in, mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Nunc aliquet, lectus a tincidunt pretium, mi sem eleifend
felis, sed mollis ligula nulla adipiscing ipsum.</p>
<p>Nunc enim risus, gravida rhoncus, iaculis eu, pellentesque quis, enim.
Pellentesque odio nisl, nonummy sit amet, tristique non, posuere vitae, tortor.
Aliquam ante. In non tellus in leo pellentesque consectetuer. Duis sed turpis.
Nunc massa odio, tincidunt eu, tristique ultrices, imperdiet vel, nisi. Phasellus
porta lobortis tellus. Donec nec nisl. Quisque pede purus, pulvinar vel, pharetra
a, luctus in, mauris. Vestibulum bibendum nulla eget arcu. Vestibulum pretium
consequat dolor. Fusce pretium nulla ut dui. Nulla massa. Vivamus ut diam
porttitor nisi consequat suscipit. Integer viverra pharetra magna. Aenean pede.
Curabitur vulputate metus eget tellus. Phasellus urna arcu, hendrerit sit amet,
tempor non, nonummy tristique, tellus. Morbi dapibus ultricies felis.</p>
<p>Sed metus. Cras sed nisi. Maecenas in nibh vel odio ornare volutpat.
Donec ut tortor. Ut tincidunt nisl quis risus. Duis consectetuer dictum enim.
Aenean adipiscing ultricies justo. Nullam ut purus. Sed iaculis, risus eu rutrum
posuere, quam dolor gravida magna, feugiat iaculis mi arcu sit amet ante. Donec ac
augue. Nullam augue magna, accumsan eget, malesuada non, nonummy sit amet, nisi.
Pellentesque a purus. Nulla dictum tellus tincidunt velit. Vestibulum nisi tortor,
vehicula sit amet, sagittis in, viverra eget, felis. Mauris egestas porttitor
massa. Curabitur hendrerit condimentum mauris. Suspendisse id ligula vel urna
adipiscing consequat. Nam laoreet egestas elit. Nunc non ligula. Vestibulum
pulvinar augue sed purus.</p>
</div>
</div>
</div>
<div id="wrapper-footer">
<div id="footer"> <a href="http://www.studio7designs.com">Design by
STUDIO7DESIGNS</a> | copyright 2007 your name</div>
</div>
</body>
</html>
<!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>Nautica01</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen"
title="studio7designs (screen)" />
</head>
<body>
<div id="leftsidebar"> <img id="header" src="images/header.jpg" width="760"
height="35" alt="header" />
<div id="topmenu"></div>
<div class="rightnews"> <img src="images/fresh1.jpg" alt="fresh1" width="90"
height="68" /><br />
<br />
<img src="images/fresh2.jpg" alt="fresh2" width="90" height="63" /> <br />
<br />
<img src="images/fresh3.jpg" alt="fresh3" width="90" height="65" /> <br />
<br />
<span class="style3">Links:</span> <br />
<img src="images/bullet_blue.gif" alt="blue" width="19" height="16" /><br />
STUDIO7DESIGNS <a href="#">Photography<br />
</a> <br />
<span class="style3">More info:</span> <br />
<img src="images/Bullet_green.gif" alt="green bullet" width="19" height="16" />
<br />
<a href="#">Deviantart</a> <br />
<a href="#">Digg</a> <br />
<a href="#">OST.org</a> <br />
<br />
</div>
<div id="menu">
<h2 class="hide">Menu:</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Subscribe</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div class="leftnews"> <a href="#">You can add info here:</a><br />
<br />
<span class="style3">Like your site updates: <br />
<br />
This is some filler text <br />
<br />
This is some filler text </span><br />
<br />
<br />
<br />
<br />
<br />
<img src="images/Bullet_green.gif" alt="right blue" width="19" height="16" />
</div>
</div>
<div id="content">
<h3 class="style7">STUDIO7DESIGNS</h3>
<span class="style3">This is a OS template for your enjoyment.
Thanks Andreas and others for support <br />
All I ask is that you email me, and if you can, please keep a link to me at the
footer. <br />
</span> <span class="style3"><br />
Here is an example of image borders and the "split right box" and
"split left box". You can split your text using CSS classes, This also
has the "b<br />
luebox class inside the split.</span> <br />
<br />
<br />
<div class="splitleft">
<div class="bluebox"> <img src="images/mountain.jpg" width="115" height="92"
alt="STUDIO7DESIGNS" /></div>
</div>
<div class="splitright">
<div class="bluebox"><span class="style3"> This is a sweet little split left
container you can put images or text into.<br />
If you find any problems with my template can you please email me, and let
me know what I need to fix!</span></div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="greenbox">
<div class="style3">Green Box class example in the style sheet</div>
</div>
<br />
<h2 class="style4">This is a Header Example</h2>
<h3 class="style5">This is a Header Example</h3>
<h3 class="style6">This is a Header Example</h3>
<h3><br />
<span class="style7"><a href="#">Site Info</a></span></h3>
<div class="box_right clearfix" id="box_right">
<div class="box_cnr_top"><img src="images/cnr_tl.gif" alt="corner" width="8"
height="8" class="cnr" style="display: none" /></div>
<span class="style3"> <strong>Rounded Text Box </strong><br />
Another example of great coding from OS template designers. Here is a rounded
text box for your use. Enjoy!
The rounded corners on this text box is done with CSS that was developed by
Adam Kalsey.</span>
<div class="box_cnr_bottom"><img src="images/cnr_bl.gif" alt="corner"
width="8" height="8" class="cnr" style="display: none" /></div>
</div>
<p class="style3">I have included a couple of bullets, you can just open up
photoshop and change the colors to suite your needs. Unfortunatally I cant figure
out custom bullets right now, the code I used was not "valid" ... even
though it renders perfectly in all browsers...</p>
<p class="style3">I have also included a footer bar just like the header bar if
you want to tackle having the footer 'stick' to the bottom of the page, regardless
of content. <br />
<br />
The blue square above the navigation can be used for your site logo, just
open it up in photoshop and clear the white, or use your own! - I obviously used
the ideas behind the OSWD template, which is my favorite, this is my first attempt!
</p>
<p class="style3">Good luck!</p>
<p class="style3">Cheers</p>
<p>Aran <br />
<br />
</p>
</div>
<div id="footer"> . <a href="http://www.studio7designs.com">Design by
STUDIO7DESIGNS</a>.</div>
</div>
</body>
</html>
<!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>Nautica 05 Dark</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="screen,
projection, tv " />
<link rel="stylesheet" type="text/css" href="css/html.css" media="screen,
projection, tv " />
<style type="text/css">
<!--
.style2 {color: #627E9A}
.style3 {color: #62CC3C}
.style6 {color: #5C8096}
.style7 {color: #888888}
-->
</style>
</head>
<body>
<!-- #content: holds all except site footer - causes footer to stick to bottom -->
<div id="content">
<!-- #header: holds the logo and top links -->
<div id="header" class="width"> <img src="images/logo.gif" alt="Your logo goes
here"/>
<ul>
<li><a href="#">Back to Main page</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Streaming Video</a></li>
<li><a href="#" class="last">RSS Feeds</a></li>
</ul>
</div>
<!-- #header end -->
<!-- #headerImg: holds the main header image or flash -->
<div id="headerImg" class="width"></div>
<!-- #menu: the main large box site menu -->
<div id="menu" class="width">
<ul>
<li><a href="onecol.html"> <span class="title">One Column Layout</span> <span
class="desc style7">View the included layout</span></a></li>
<li><a href="twocol_a.html" class="forum"> <span class="title">Two Column
Layout A</span> <span class="desc style3">View the included layout</span></a></li>
<li><a href="twocol_b.html"> <span class="title">Two Column Layout B</span>
<span class="desc">View the included layout</span></a></li>
<li><a href="contact.html"> <span class="title">Contact Us Layout</span>
<span class="desc">View the included layout</span></a></li>
</ul>
</div>
<!-- #menu end -->
<!-- #page: holds the page content -->
<div id="page">
<!-- #columns: holds the columns of the page -->
<div id="columns" class="widthPad">
<!-- Left thumbnail column -->
<div class="floatLeft width25">
<h2>Sample <span class="dark">Thumbnails</span></h2>
<ul class="thumbs">
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="STUDIO7DESIGNS LOGO"/><span>STUDIO7DESIGNS </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
</ul>
</div>
<!-- Left thumbnails end -->
<!-- Center news column -->
<div class="floatLeft width50">
<h1>Nautica<span class="style2"></span><span class="dark"> 05
Dark</span></h1>
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span class="day
style6">15</span> </div>
<p>STUDIO7DESIGNS releases Nautica05 Public!. It has a very wide range of
layouts and sample ID's and CLASSES for you to put together to create a very
functional site in just hours! Make sure you click the above menu to see the 5
layouts that are included! </p>
<p> Samples: <img src="images/icon_samples.gif" alt="samples"
class="alignBottom"/> <a href="#">More...</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">14</span> </div>
<p> <span class="title">Easy to Modify</span> This template is easy to
modify, we have made the PSD of the header image available for download so you can
put your own text into the blank sign and side ribbon. If you would like to get
more free graphics and Open Source Stock Photography you can visit
studio7designs.com/opensource. </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">13</span> </div>
<p> <span class="title">Chose your theme!</span> <img
src="images/firefox.jpg" alt="firefox" class="floatLeft"/> Visit STUDIO7DESIGNS to
download the full template with a javascript theme switcher and more header
graphics and icons. </p>
<p class="alignRight"> <a href="#">Read More</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">12</span> </div>
<p> <span class="title">Open Source Tutorials</span> STUDIO7DESIGNS is
working hard on providing easy to follow video tutorials on how to download and
modify these templates. All you need is dreamweaver ( or other text editors ) and
an hour and we can help you get this template up and running on your own server...
Sign up for our newsletter for new tutorial releases! </p>
<p> Samples: <img src="images/icon_samples.gif" alt="samples"
class="alignBottom"/> <a href="#">More...</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">11</span> </div>
<p> <span class="title">Theme Pack releases</span> <a href="#"><img
src="images/firefox.jpg" alt="firefox" class="floatRight border"/></a> We have just
released a few more header images that are hand drawn vector art for you. You can
download the full version of this template at STUDIO7DESIGNS </p>
</div>
<!-- End Post -->
</div>
<!-- Center news column end -->
<!-- Right link column -->
<div class="floatRight width25 lightBlueBg horzPad">
<h2>OS <span class="dark">Resources</span></h2>
<ul class="submenu1">
<li><a href="#">Studio7designs.com</a></li>
<li><a href="#">Opensourcetemplates.org</a></li>
<li><a href="#">Arbutus Photography</a></li>
<li><a href="#">DeviantArt</a></li>
<li><a href="#">Css Zen Garden</a></li>
<li><a href="#">CSS Remix</a></li>
</ul>
<h3>More CSS <span class="dark">resources</span></h3>
<ul class="submenu2">
<li><a href="#">A list apart</a></li>
<li><a href="#">FAMFAMFAM Icons</a></li>
<li><a href="#">CSS Tutorials</a></li>
<li><a href="#">Color Wheel</a></li>
<li><a href="#">studio7ecommerce</a></li>
</ul>
<ul class="submenu1">
<li><a href="#">CSS Beauty</a></li>
<li><a href="#">Digg</a></li>
<li><a href="#">Nifty Corners</a></li>
<li><a href="#">Create a Favicon!</a></li>
<li><a href="#">CSS shopping cart</a></li>
<li><a href="#">CSS Play</a></li>
<li><a href="#">Firefox</a></li>
</ul>
<h3>Favorite <span class="dark">Links</span></h3>
<ul class="submenu2">
<li><a href="#">BBC</a></li>
<li><a href="#">Google Trends</a></li>
<li><a href="#">Luminous-landscape</a></li>
<li><a href="#">Kols themes</a></li>
<li><a href="#">iconaholic</a></li>
<li><a href="#">marvilla</a></li>
<li><a href="#">rad-e8</a></li>
<li><a href="#">florian</a></li>
</ul>
</div>
<!-- Right links column end -->
</div>
<!-- #columns end -->
</div>
<!-- #page end -->
</div>
<!-- #content end -->
<!-- #footer: holds the site footer (logo and links) -->
<div id="footer">
<!-- #bg: applies the site width and footer background -->
<div id="bg" class="width"> <img src="images/logo.gif" alt="Your logo goes
here"/>
<ul>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Register</a></li>
<li><a href="http://www.studio7designs.com" class="last">Design by
STUDIO7DESIGNS</a></li>
</ul>
</div>
<!-- #bg end -->
</div>
<!-- #footer end -->
</body>
</html>
<!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>Nautica 05</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="screen,
projection, tv " />
<link rel="stylesheet" type="text/css" href="css/html.css" media="screen,
projection, tv " />
<style type="text/css">
<!--
.style2 {color: #627E9A}
.style3 {color: #62CC3C}
.style6 {color: #5C8096}
-->
</style>
</head>
<body>
<!-- #content: holds all except site footer - causes footer to stick to bottom -->
<div id="content">
<!-- #header: holds the logo and top links -->
<div id="header" class="width"> <img src="images/logo.gif" alt="Your logo goes
here"/>
<ul>
<li><a href="#">Back to Main page</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Streaming Video</a></li>
<li><a href="#" class="last">RSS Feeds</a></li>
</ul>
</div>
<!-- #header end -->
<!-- #headerImg: holds the main header image or flash -->
<div id="headerImg" class="width"></div>
<!-- #menu: the main large box site menu -->
<div id="menu" class="width">
<ul>
<li><a href="onecol.html"> <span class="title">One Column Layout</span> <span
class="desc">View the included layout</span></a></li>
<li><a href="twocol_a.html" class="forum"> <span class="title">Two Column
Layout A</span> <span class="desc style3">View the included layout</span></a></li>
<li><a href="twocol_b.html"> <span class="title">Two Column Layout B</span>
<span class="desc">View the included layout</span></a></li>
<li><a href="contact.html"> <span class="title">Contact Us Layout</span>
<span class="desc">View the included layout</span></a></li>
</ul>
</div>
<!-- #menu end -->
<!-- #page: holds the page content -->
<div id="page">
<!-- #columns: holds the columns of the page -->
<div id="columns" class="widthPad">
<!-- Left thumbnail column -->
<div class="floatLeft width25">
<h2>Sample <span class="dark">Thumbnails</span></h2>
<ul class="thumbs">
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="STUDIO7DESIGNS LOGO"/><span>STUDIO7DESIGNS </span></a></li>
<li><a href="http://www.opensourcetemplates.org" class="thumb"><img
src="images/thumbs/03.jpg"
alt="thumbnail"/><span>Opensourcetemplates</span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/03.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/04.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/05.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/04.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/02.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/03.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/03.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
</ul>
<br style="clear:both;" />
</div>
<!-- Left thumbnails end -->
<!-- Center news column -->
<div class="floatLeft width50">
<h1>Nautica<span class="dark"> 05 by STUDIO7DESIGNS </span></h1>
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span class="day
style6">15</span> </div>
<p>STUDIO7DESIGNS releases Nautica05 Public!. It has a very wide range of
layouts and sample ID's and CLASSES for you to put together to create a very
functional site in just hours! Make sure you click the above menu to see the 5
layouts that are included! </p>
<p> Samples: <img src="images/icon_samples.gif" alt="samples"
class="alignBottom"/> <a href="#">More...</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">14</span> </div>
<p> <span class="title">Easy to Modify</span> This template is easy to
modify, we have made the PSD of the header image available for download so you can
put your own text into the blank sign and side ribbon. If you would like to get
more free graphics and Open Source Stock Photography you can visit <a
href="http://www.opensourcetemplate.org">opensourcetemplates.org</a>. </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">13</span> </div>
<p> <span class="title">Chose your theme!</span> <img
src="images/firefox.jpg" alt="firefox" class="floatLeft"/> Visit <a
href="#">Opensourcetemplates.org</a> to download the full template with a
javascript theme switcher and more header graphics and icons. </p>
<p class="alignRight"> <a href="#">Read More</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">12</span> </div>
<p> <span class="title">Open Source Tutorials</span> STUDIO7DESIGNS is
working hard on providing easy to follow video tutorials on how to download and
modify these templates. All you need is dreamweaver ( or other text editors ) and
an hour and we can help you get this template up and running on your own server...
Sign up for our <a
href="http://www.opensourcetemplates.org/newsletter.cfm">newsletter</a> for new
tutorial releases! </p>
<p> Samples: <img src="images/icon_samples.gif" alt="samples"
class="alignBottom"/> <a href="#">More...</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">11</span> </div>
<p> <span class="title">Theme Pack releases</span> <a href="#"><img
src="images/firefox.jpg" alt="firefox" class="floatRight border"/></a> We have just
released a few more header images that are hand drawn vector art for you. You can
download the full version of this template at <a
href="#">Opensourcetemplates.org</a> </p>
</div>
<!-- End Post -->
</div>
<!-- Center news column end -->
<!-- Right link column -->
<div class="floatRight width25 lightBlueBg horzPad">
<h2>S7 <span class="dark">Resources</span></h2>
<ul class="submenu1">
<li><a href="#">Opensourcetemplates.org</a></li>
<li><a href="#">Studio7designs.com</a></li>
<li><a href="#">Arbutus Photography</a></li>
<li><a href="#">Weddings Victoria</a></li>
<li><a href="#">Css Zen Garden</a></li>
<li><a href="#">CSS Remix</a></li>
</ul>
<h3>More CSS <span class="dark">resources</span></h3>
<ul class="submenu2">
<li><a href="#">A list apart</a></li>
<li><a href="#">FAMFAMFAM Icons</a></li>
<li><a href="#">CSS Tutorials</a></li>
<li><a href="#">Color Wheel</a></li>
</ul>
<ul class="submenu1">
<li><a href="#">CSS Beauty</a></li>
<li><a href="#">Digg</a></li>
<li><a href="#">Nifty Corners</a></li>
<li><a href="#">Create a Favicon!</a></li>
<li><a href="#">CSS shopping cart</a></li>
<li><a href="#">CSS Play</a></li>
<li><a href="#">Firefox</a></li>
</ul>
<h3>Favorite <span class="dark">Links</span></h3>
<ul class="submenu2">
<li><a href="#">BBC</a></li>
<li><a href="#">Google Trends</a></li>
<li><a href="#">Luminous-landscape</a></li>
<li><a href="#">Kols themes</a></li>
<li><a href="#">iconaholic</a></li>
<li><a href="#">Iconica Custom Icons</a></li>
<li><a href="#">rad-e8</a></li>
<li><a href="#">florian</a></li>
</ul>
</div>
<!-- Right links column end -->
</div>
<!-- #columns end -->
</div>
<!-- #page end -->
<div style="clear:both;"></div>
</div>
<!-- #content end -->
<!-- #footer: holds the site footer (logo and links) -->
<div id="footer">
<!-- #bg: applies the site width and footer background -->
<div id="bg" class="width"> <img src="images/logo.gif" alt="Your logo goes
here"/>
<ul>
<li><a href="#">Design Inspired by</a></li>
<li><a href="#">Our Photography</a></li>
<li><a href="#">OST</a></li>
<li><a href="http://www.studio7designs.com"
class="last">STUDIO7DESIGNS</a></li>
</ul>
</div>
<!-- #bg end -->
</div>
<!-- #footer end -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-
transitional.dtd">
<html>
<head>
<title>Nautica08</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen,
projection, tv " />
</head>
<body>
<!-- start top menu and blog title-->
<div id="blogtitle">
<div id="small"><a href="#">Your Blog news</a> or current info and links ::</div>
<div id="small2"> <a href="#">Home</a> | <a href="#">Services</a> | <a
href="#">Projects</a> | <a href="#">Supplies</a> | <a
href="#">Information</a></div>
</div>
<div id="topmenu">
<ul class="BLUE">
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Photo Gallery</span></a></li>
<li><a href="#"><span>Subscribe</span></a></li>
<li><a href="#"><span>Tech Blog</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>RSS Feeds</span></a></li>
</ul>
</div>
<!-- end top menu and blog title-->
<!-- start left box-->
<div id="leftcontent"> <img style="margin-top:-9px; margin-left:-12px;"
src="images/top2.jpg" alt="" />
<h3 align="left">Main Menu</h3>
<div align="left">
<ul class="BLUE">
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
</ul>
</div>
<h3 align="left">Sub menu</h3>
<div align="left">
<ul class="BLUE">
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
</ul>
<p>Nullam non metus. Duis in metus vitae elit luctus convallis. Ut sagittis.
Nam tempor. Nam vehicula adipiscing augue. Vestibulum pretium lacinia erat. Duis ut
enim. In hendrerit vulputate lectus. Donec ipsum magna, tempor ornare, fringilla
sit amet, placerat</p>
</div>
<!-- You have to modify the "padding-top: when you change the content of this div
to keep the footer image looking aligned -->
<img style="padding-top:2px; margin-left:-12px; margin-bottom:-4px;"
src="images/specs_bottom.jpg" alt="" /> </div>
<!-- end left box-->
<!-- start content -->
<div id="centercontent">
<h1>Nautica 08 </h1>
<p><a href="#"><img src= "images/logo.jpg" border="0" style="width: 300px;
height: 65px;"/></a><br />
</p>
<div class="centercontentleft">Sample Box for Products</div>
<p><a href="#">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit. Ut
elit pede, vestibulum in, tempor a, nonummy eget, mauris. Aliquam erat volutpat.
Nulla facilisi. In hac habitasse platea dictumst. Nullam porttitor orci feugiat
odio. Nam vestibulum interdum lectus. Etiam eros. Donec imperdiet lorem a tortor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut at mi ut enim luctus
commodo. Fusce a purus. Morbi eget odio. Sed convallis eleifend felis. Integer
fermentum consectetuer est. Sed vitae nisi ac pede scelerisque feugiat. Etiam
mollis urna non lacus tincidunt cursus. Aliquam erat volutpat. Nam tempus.</p>
<p><img style="width: 200px; height: 299px; float: right; padding:9px;" alt="#"
src="images/sample.jpg" hspace="5" vspace="5" /> Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Morbi vestibulum, tortor a
sagittis facilisis, sapien ante sollicitudin urna, eu hendrerit sem massa et arcu.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tincidunt nisi in
odio. Aenean semper, nisi ut lobortis tristique, odio elit venenatis nisl, semper
condimentum metus eros vel tortor. Pellentesque at nulla. Sed metus nisi, malesuada
pharetra, malesuada vel, dictum eget, eros. Cras sed metus. Aenean facilisis nunc
nec sem. Nulla facilisi. Sed placerat diam ut libero. Vestibulum fringilla. Nam
tincidunt. Nam metus metus, rutrum eu, sagittis id, venenatis in, velit. Sed tempor
blandit ipsum. Phasellus nisi massa, pretium in, gravida ac, hendrerit vitae,
massa. Nulla facilisi.</p>
<p><a href="#">Nullam non metus.</a> Duis in metus vitae elit luctus convallis.
Ut sagittis. Nam tempor. Nam vehicula adipiscing augue. Vestibulum pretium lacinia
erat. Duis ut enim. In hendrerit vulputate lectus. Donec ipsum magna, tempor
ornare, fringilla sit amet, placerat vel, purus. Pellentesque tempus est a dolor.
Quisque neque nulla, interdum eu, blandit ut, tempus quis, ligula. Cras ac purus.
Sed quis urna. Nulla facilisi. Nam ornare sem consequat augue. Ut dapibus diam sit
amet dolor adipiscing dictum. Praesent tristique eros vel mauris. Maecenas lacus
velit, sodales consectetuer, molestie et, faucibus in, odio. Vivamus libero velit,
sodales a, feugiat vel, tempor vitae, libero. Duis aliquam ipsum.</p>
<img style="width: 153px; height: 59px; float: left; padding:9px;"
src="images/n8g.jpg" alt="Nautica08" />
<p>Duis sagittis est ac turpis. Nam ac quam. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Pellentesque malesuada massa. Ut gravida volutpat
felis. Aliquam massa leo, commodo a, placerat in, volutpat ut, turpis. Phasellus in
turpis. Fusce turpis diam, ullamcorper id, tincidunt at, fringilla eu, lacus.
Maecenas in mauris vel ipsum blandit euismod. Aliquam consequat egestas lectus.
Mauris a est. Sed sit amet neque. In in urna.
Maecenas nonummy accumsan tortor. In hac habitasse platea dictumst. Fusce
suscipit mollis neque. Maecenas turpis dolor, rhoncus eu, ullamcorper eu, tincidunt
sed, leo. Quisque molestie. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Integer pellentesque convallis mauris. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Sed euismod, turpis ac congue facilisis, mi nisl consequat felis, ut egestas nisl
velit in justo. Fusce eu tortor faucibus diam dictum adipiscing. In nisl. Nam lacus
orci, scelerisque at, pulvinar in, commodo ut, arcu. Aliquam porttitor. Nullam
aliquet risus id erat. Pellentesque leo nisl, hendrerit at, ornare in, volutpat in,
ante. Nulla pretium velit sit amet nisi. Nam eu magna. Aenean viverra auctor neque.
<a href="#">Pellentesque elit.</a></p>
</div>
<!-- end content -->
<!-- start right box -->
<div id="rightcontent"> <img style="margin-top:-9px; margin-left: -5px;"
src="images/top2.jpg" alt="" /> <img style="width: 153px; height: 59px; float:
left; padding:9px;" src="images/n8g.jpg" alt="Nautica08" />
<p><a href="#">Pick a location:</a><br />
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exercitation ulliam corper</p>
<p> Pick a location:<br />
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exercitation ulliam corper</p>
<p> Pick a location:<br />
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exercitation ulliam corper</p>
<img style="padding-top:5px; margin-left:-5px; margin-bottom:-4px;"
src="images/specs_bottom.jpg" alt="" /> </div>
<!-- end right box -->
<!-- start footer -->
<div id="footer">© 2006 Design by <a
href="http://www.studio7designs.com">Studio7designs.com</a> |
ArbutusPhotography.com | Opensourcetemplates.org
<!-- start left boxes -->
<div class="centercontentleftb">
<div class="centercontentleftimg">Sample Box for Products</div>
<div class="centercontentrightimg">Sample Box for Products</div>
</div>
<!-- endleft boxes -->
<!-- start right boxes -->
<div class="centercontentrightb">
<div class="centercontentleftimg">Sample Box for Products</div>
<div class="centercontentrightimg">Sample Box for Products</div>
</div>
<!-- end right boxes -->
<!-- end bottom boxes -->
</div>
<!-- end footer -->
</body>
</html>
<!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>
<title>Artica</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="top"> </div>
<div id="menu_left">
<ul id="navLeft">
<li class="li_nav_header"><a href="#"></a></li>
<li class="li_nav_body"><a href="#">Home</a></li>
<li class="li_nav_body"><a href="#">Usage</a></li>
<li class="li_nav_body"><a href="#">Contact</a></li>
<li class="li_nav_footer"><a href="#"></a></li>
</ul>
<div class="login_box">
<p>Login</p>
<form action="#" method="post" enctype="multipart/form-data">
<input class="login" style="" type="text" value="username" name="user" />
<input type="password" value="password" name="pass" />
<input value="Log in" type="submit" />
</form>
</div>
</div>
<div id="head">
<h1>Artica - Simple CSS and xHTML</h1>
<h2>A clean, fresh, green design that is quick to load.</h2>
<p style="color:white;"> <a href="#" class="yellow_span" >Author</a> - My names
Callum Rimmer and I run a web software company in Bath, <br />
England. We have created a simple content management system and hosting
<br />
package for small companies and individuals called <a href="#"
class="yellow_span">iFrame</a>. iFrame is made to as<br />
easy to use as possible whilst giving you the flexibilty to design your site
how <br />
you like. You can use any of the free designs on OSWD.org as an iFrame
template.<br />
<br />
<br />
>> Please keep the <a href="#" class="yellow_span">backlink</a> in the
footer if you use this template. <br />
</p>
</div>
<div id="content">
<div class="content_box_large">
<p><b class="green">Usage</b></p>
<p><b class="light_green">This template could be used for many
things</b>.</p>
<p>This design is good for anyone who wishes to display images or photos on
the homepage of there site. If you have a blog or photography site then this is a
great medium for displaying content. Have fun amending but please keep the <a
href="#">backlink</a> in the footer. Images are from <a href="#">sxc.hu</a> a great
site for free imagery.</p>
<p class="date"> »Date or »Comment</p>
<p><b class="green">Contact</b></p>
<p><b class="light_green">Want to contact me?</b></p>
<p>If you would like to contact me for some help using this template or if
you would like to known more about iFrame, Email me. </p>
<p class="date"> »Date or »Comment</p>
</div>
<div class="content_box_small">
<p><b class="green">Images</b></p>
<img class="left" src="assets/leaf.jpg" alt="" /> <img class="left"
src="assets/leaf.jpg" alt="" /> <img class="left" src="assets/leaf.jpg" alt="" />
</div>
<div style="clear:both;"></div>
</div>
<div id="content_footer">
<p>Designed by <a href="http://www.personal-web-design.com">iFrame</a> |
yourname © 2006</p>
</div>
</div>
</body>
</html>
<!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>
<title>Nautica09</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen,
projection" />
</head>
<body>
<div id="outer">
<div id="header">
<div id="logo"> <a href="#"><img src="images/nautica-logo.gif" alt="Add your
link here, we added our photography company in victoria as a sample" border="0"
/></a> </div>
<div id="login-box">
<form action="#">
Sign In
<input type="text" class="txt" />
<input type="text" class="txt" />
<input type="image" src="images/go-button.gif" value="Go" />
</form>
</div>
</div>
<div id="body-top">
<ul id="main-nav" class="clearfix">
<li><a href="#">Home</a></li>
<li><a href="#">Shopping</a></li>
<li><a href="#">Contact</a></li>
<li id="right-tab"><a href="#">View Cart</a></li>
</ul>
</div>
<div id="body-middle" class="clearfix">
<div id="main-col">
<div id="nameplate-top"></div>
<div id="nameplate-middle" class="clearfix"> <img src="images/company-
name.gif" alt="" />
<p>Your leader in e-commerce products</p>
</div>
<div id="nameplate-bottom"></div>
<div id="content-top"></div>
<div id="content-wrapper">
<div id="content">
<div>
<h2>Nautica09</h2>
<p>This design was created by <a
href="http://www.studio7designs.com">STUDIO7DESIGNS</a> for the open source
community. It is a free download, use it as you like!</p>
<p>View the rest of our<a href="#"> free templates</a> on our templates
page.</p>
</div>
<div>
<h1>H1 EXAMPLE</h1>
<p>Here is an example of the paragraph and H1 tags. It is very
important to use your H tags well for SEO.</p>
<p>With this template all we kindly ask is that you keep the links at
the footer of the site to help us with our business, without your support we
couldnt provide these templates for free!. Many thanks to the fantastic <a
href="http://www.slicendiceit.com">slice n dice</a> for the coding! <br />
<br />
Quisque commodo auctor sem. Aliquam trist culis dolor. Etiam pretium
tellus semper nibh. Suspendisse rutrum, mauris sit amet lobortis dapibus,orci massa
gravida tellus Suspendisse rutrum, mauris sit amet lobortis dapibus orci massa
gravida tellus.</p>
<p><a href="#">Photographer Victoria BC </a></p>
</div>
<div>
<h1>H1 EXAMPLE</h1>
<p>Here is an example of the paragraph and H1 tags. It is very
important to use your H tags well for SEO.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam
iaculis rutrum ante. Donec dignissim porttitor lacus. Ut magna. Nam vel mi
consectetuer quam tempus consectetuer. Praesent accumsan blandit leo. Suspendisse
potenti. Quisque commodo auctor sem. Aliquam trist culis dolor. Etiam pretium
tellus semper nibh. Suspendisse rutrum, mauris sit amet lobortis dapibus,orci massa
gravida tellus Suspendisse rutrum, mauris sit amet lobortis dapibus orci massa
gravida tellus.</p>
<p><a href="#">Link Example</a> <a href="#">View our Photo Gallery</a>
</p>
</div>
<div>
<h1>H1 EXAMPLE</h1>
<p>Here is an example of the paragraph and H1 tags. It is very
important to use your H tags well for SEO.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam
iaculis rutrum ante. Donec dignissim porttitor lacus. Ut magna. Nam vel mi
consectetuer quam tempus consectetuer. Praesent accumsan blandit leo. Suspendisse
potenti. Quisque commodo auctor sem. Aliquam trist culis dolor. Etiam pretium
tellus semper nibh. Suspendisse rutrum, mauris sit amet lobortis dapibus,orci massa
gravida tellus Suspendisse rutrum, mauris sit amet lobortis dapibus orci massa
gravida tellus.</p>
<p><a href="#">Link Example</a> <a href="#">Victoria </a></p>
</div>
<div>
<h1>H1 EXAMPLE</h1>
<p>Here is an example of the paragraph and H1 tags. It is very
important to use your H tags well for SEO.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam
iaculis rutrum ante. Donec dignissim porttitor lacus. Ut magna. Nam vel mi
consectetuer quam tempus consectetuer. Praesent accumsan blandit leo. Suspendisse
potenti. Quisque commodo auctor sem. Aliquam trist culis dolor. Etiam pretium
tellus semper nibh. Suspendisse rutrum, mauris sit amet lobortis dapibus,orci massa
gravida tellus Suspendisse rutrum, mauris sit amet lobortis dapibus orci massa
gravida tellus.</p>
<p><a href="#">Link Example</a></p>
</div>
</div>
</div>
<div id="content-bottom"></div>
</div>
<div id="side-col">
<div class="side-box-top"></div>
<div class="side-box-middle"> <a href="#"><img src="images/lady-picture.jpg"
alt="wedding photographer victoria bc" border="0" /></a><br />
<br />
<a href="#"><img src="images/view-products.gif" alt="View Products" /></a>
</div>
<div class="side-box-bottom"></div>
<div class="side-box-top"></div>
<div class="side-box-middle">
<h3> Featured Products</h3>
<img src="images/featured1.jpg" alt="" /><br />
<br />
<img src="images/featured2.jpg" alt="" /><br />
<br />
<img src="images/featured1.jpg" alt="" /><br />
<br />
<img src="images/featured2.jpg" alt="" /><br />
<br />
<img src="images/featured1.jpg" alt="" /><br />
<br />
<img src="images/featured2.jpg" alt="" /><br />
<br />
<a href="#"><img src="images/featured3.jpg" alt="" border="0" /></a> </div>
<div class="side-box-bottom"></div>
</div>
</div>
<div id="body-bottom"></div>
<div id="footer">
<p><a href="#">victoria</a> | <a href="http://www.studio7designs.com">design by
studio7designs</a> | <a href="http://www.slicendiceit.com">coding by slice 'n
dice</a></p>
</div>
</div>
</body>
</html>
<!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" lang="en">
<head>
<title>Nautica 13</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="stylesheets/common.css" media="screen,
print, projection, handheld" />
<link rel="stylesheet" type="text/css" href="stylesheets/screen.css" media="screen,
projection" />
<link rel="stylesheet" type="text/css" href="stylesheets/blue.css" media="screen,
projection" />
<link rel="stylesheet" type="text/css" href="stylesheets/print.css"
media="print" />
<link rel="stylesheet" type="text/css" href="stylesheets/handheld.css"
media="handheld" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="stylesheets/ie.css" media="screen,
projection" />
<![endif]-->
<!--[if IE 7.0]>
<link rel="stylesheet" type="text/css" href="stylesheets/ie7.css" media="screen,
projection" />
<![endif]-->
<script src="javascript/ufo.js" type="text/javascript"></script>
<script src="javascript/fuego.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<p id="logo"><a href="#"><img src="images/logo/fuego.gif" alt="" width="191"
height="122" /></a></p>
<p id="to-content"><a href="#content">Skip to content</a></p>
<ul id="nav">
<li><a href="#" id="nav01" class="current">Home<span></span></a></li>
<li><a href="#" id="nav02">Weddings<span></span></a></li>
<li><a href="#" id="nav03">Events<span></span></a></li>
<li><a href="#" id="nav04">Services<span></span></a></li>
<li><a href="#" id="nav05">Contact<span></span></a></li>
</ul>
</div>
<p id="testimonials-link"><a href="#">Testimonials<span></span></a></p>
<div id="inner-wrapper">
<div id="content">
<div id="original-events">
<h1>Original, creative events on any budget<span></span></h1>
<img src="images/photos/event.jpg" alt="Decorative image" width="469"
height="417" /></div>
<div class="box left welcome">
<h2>Arbutus Website Template</h2>
<p>This template was created in a moment of inspiration.
The flexibily of this design is amazing, with a few color changes and
some basic photoshop and css skills you can produce a very clean, nice looking
design. The only thing with this template that you will need to photoshop are the
button text. This design was created by STUDIO7DESIGNS Inc. <br />
<br />
If you could please keep the link at the footer linking back to us to
help us continue to provide the highest quality website designs for free. This
website template is free under the creative commons 2.5 and may be used for non
commercial use. In plain english you may not resell this template in any form. You
may use if for your business website though.</p>
<p>Thank you from the <a href="#">Arbutus</a>Design Team!</p>
</div>
</div>
</div>
<hr />
<div id="footer">
<p>Copyright 2007 STUDIO7DESIGNS | Design by<a href="#"> Arbutus</a> | <a
href="#">events</a> | <a href="#">services</a> | <a href="#">testimonials</a> | <a
href="#">site map</a> | <a href="#">contact us</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Nebula Dog</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="container">
<div id="menu">
<ul class="menu_list">
<li><a href="#">Home</a></li>
<li><a href="#">Item #4</a></li>
<li><a href="#">Item #5</a></li>
<li><a href="#">Item #6</a></li>
<li><a href="#">Item #7</a></li>
<li><a href="#">Item #8</a></li>
<li><a href="#">Item #9</a></li>
<li><a href="#">Item #10</a></li>
</ul>
<img src="img/cest.jpg" alt="" /><br />
<p>J.V-ce World Winner, J.Ch.PL, J.Ch.DE, Ch.PL Dark Side Tak Wiele Milosci</p>
</div>
<div class="header">
<h1>Nebula Dog</h1>
</div>
<div class="entry">
<h1>Your sub header</h1>
<h2>Your main header</h2>
<p>This Design was actually supposed to be applied to the page of our
Staffordshire Bull Terrier Dark Side. However, it turned out that we were heading
towards registering a kennel and the theme would not fit its name. The full name of
our staffy is "DARK SIDE Tak Wiele Milosci" with "Tak Wiele Milosci" meaning <i>so
much love</i>. That was the reason for the heart and the nebula and the starship
look.</p>
<p>The Design features a fixed 2 column layout. In this example the content
part is about 500px and the sidebar 200px wide. You can change these without having
the layout suffer. Another interesting point is that as the sidebar expands the
text wraps around it - which you can see in this example. The Design also allows
multiple seperated entries in the content part.</p>
</div>
<div class="entry">
<h1>Another sub header</h1>
<h2>Another main header</h2>
<p>Changing the width of the "main" div should also allow you to add a 3rd
column to the Design whether on the left or right side. The photo added on the menu
bar just serves as example of what you can do with the sidebar.</p>
<p>Have fun with the Design and please remember to leave the credits intact and
change the "yoursite" to the actual name of your site. This Design is valid XHTML
1.0 Strict and CSS.</p>
</div>
<div id="footer">© 2007<a href="#">yoursite</a>. Design by <a
href="http://lukasz.sobek.pl">Lukasz Sobek</a></div>
</div>
</body>
</html>
<!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>Neko01</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko01.css" media="screen" />
</head>
<body>
<div id="page">
<div id="top">
<h1> <a href="#">Free CSS Templates</a> </h1>
</div>
<div id="globalnav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>
<div id="main">
<div id="content">
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
molestie, nisi ut posuere consectetuer, libero odio feugiat quam, a convallis
libero lacus ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis eget,
massa. Phasellus consequat, urna sed tincidunt tempus, mi dolor tincidunt nisi, et
hendrerit leo nisl sit amet enim. Mauris malesuada sagittis magna. Cum sociis
natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
pharetra, ligula ut pulvinar pharetra, nunc nisl semper purus, faucibus egestas
magna ipsum ut massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec
libero viverra sagittis. Cras id metus pharetra nulla aliquet placerat. Vestibulum
porta mauris vel nunc. Integer malesuada mattis augue. Etiam fringilla. Integer
gravida volutpat nulla. Mauris suscipit leo at justo. Phasellus laoreet sagittis
nunc.</p>
<h3> This is a h3 title : </h3>
<p>Maecenas scelerisque. Sed nec nisi. Curabitur enim. Suspendisse congue,
orci in commodo rutrum, massa nisl cursus urna, a feugiat neque mauris nec dolor.
Cras a turpis a nulla tempus varius. Mauris tempor. Aliquam erat volutpat. Nulla
mollis. Proin quis libero eu eros rhoncus sollicitudin. Pellentesque mollis dictum
velit. Ut magna. Cras dolor urna, luctus vel, condimentum at, facilisis at, quam.
Curabitur porttitor nisl eget odio. Vestibulum rutrum tortor non augue. Suspendisse
porta feugiat nisl. Integer nonummy elementum nunc.</p>
<h4> This is a h4 title : </h4>
<img alt="" src="img/example-img.jpg" width="300" height="231" />
<p>Lorem ipsum dolor sit amet consectetuer lacus Vestibulum eu ut congue.
Tincidunt condimentum lorem convallis venenatis tempus tempus laoreet et eu neque.
Id congue Donec justo Mauris cursus et tellus Suspendisse tempus amet. Platea urna
condimentum sit dignissim condimentum lorem nibh tincidunt dapibus laoreet.
Interdum libero Donec id arcu sagittis fames Ut.</p>
<p>Ut sed nibh fermentum augue elementum molestie. Vestibulum eget quam non
libero nonummy ornare. In nisl ipsum, euismod a, eleifend a, aliquam fringilla,
ante. Nam vehicula porta pede. Sed porttitor dignissim nunc. Phasellus pellentesque
pretium risus. Donec non nunc id odio sodales dictum. Quisque vel massa. Vivamus
tellus. Mauris facilisis mauris. Nullam eros nulla, aliquet suscipit, faucibus at,
scelerisque eu, est. Phasellus sit amet quam.</p>
<p><strong>Links in content :</strong> <a href="#">valid XHTML</a>, <a
href="#">valid CSS,</a> <a href="#">link 3,</a> <a href="#">link 4,</a> <a
href="#">link 5</a></p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ol>
<p><strong>pre style :</strong></p>
<pre>
function textParseHtmlToText($text)
{
global $_PX_config;
include_once $_PX_config['manager_path'].'/extinc/class.html2text.php';
$h2t = new html2text($text);
return $h2t->get_text();
}
</pre>
<p>Donec egestas consequat dui. Fusce justo arcu, posuere suscipit, posuere
a, fermentum vitae, ante. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Pellentesque est dui, malesuada sed,
sollicitudin at, pharetra et, magna.</p>
</div>
<!-- End #content -->
</div>
<!-- End #main -->
<div id="sidebar">
<div id="block1">
<h2>This is a h2 title :</h2>
<p>Website desciption......<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
</p>
</div>
<!-- end block 1 -->
<div id="block2">
<h2>Sidebar links :</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>
<!-- end block2 -->
<div id="block3">
<h2>About :</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
</p>
</div>
<!-- end block 3 -->
<div id="CC-licence"> <img class="CC-floatleft" src="img/CC-licence.png"
alt="CC-licence" />
<p>This design is licensed under a <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">by-nc-sa 3.0 Creative
Commons License</a>.<br />
Author: <a href="http://nekodesign.net">nekodesign.net.</a></p>
</div>
</div>
<!-- end #sidebar -->
<div id="footer"> <a href="http://validator.w3.org/check?uri=referer">XHTML 1.0
strict</a> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS
2.1</a></div>
<!-- end footer-->
</div>
<!-- end page -->
</body>
</html>
<!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>Neko02</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko02.css" media="screen" />
</head>
<body>
<div id="page">
<div id="top">
<h1> <a href="#">Free CSS Templates</a> </h1>
</div>
<div id="globalnav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>
<div id="main">
<div id="content">
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<img alt="" src="img/Iceberg.jpg" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
molestie, nisi ut posuere consectetuer, libero odio feugiat quam, a convallis
libero lacus ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis eget,
massa. Phasellus consequat, urna sed tincidunt tempus, mi dolor tincidunt nisi, et
hendrerit leo nisl sit amet enim. Mauris malesuada sagittis magna. Cum sociis
natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
pharetra, ligula ut pulvinar pharetra, nunc nisl semper purus, faucibus egestas
magna ipsum ut massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec
libero viverra sagittis. Cras id metus pharetra nulla aliquet placerat. Vestibulum
porta mauris vel nunc. Integer malesuada mattis augue. Etiam fringilla. Integer
gravida volutpat nulla. Mauris suscipit leo at justo. Phasellus laoreet sagittis
nunc.</p>
<h3> This is a h3 title : </h3>
<p>Maecenas scelerisque. Sed nec nisi. Curabitur enim. Suspendisse congue,
orci in commodo rutrum, massa nisl cursus urna, a feugiat neque mauris nec dolor.
Cras a turpis a nulla tempus varius. Mauris tempor. Aliquam erat volutpat. Nulla
mollis. Proin quis libero eu eros rhoncus sollicitudin. Pellentesque mollis dictum
velit. Ut magna. Cras dolor urna, luctus vel, condimentum at, facilisis at, quam.
Curabitur porttitor nisl eget odio. Vestibulum rutrum tortor non augue. Suspendisse
porta feugiat nisl. Integer nonummy elementum nunc.</p>
<h4> This is a h4 title : </h4>
<p>Lorem ipsum dolor sit amet consectetuer lacus Vestibulum eu ut congue.
Tincidunt condimentum lorem convallis venenatis tempus tempus laoreet et eu neque.
Id congue Donec justo Mauris cursus et tellus Suspendisse tempus amet. Platea urna
condimentum sit dignissim condimentum lorem nibh tincidunt dapibus laoreet.
Interdum libero Donec id arcu sagittis fames Ut.</p>
<p>Ut sed nibh fermentum augue elementum molestie. Vestibulum eget quam non
libero nonummy ornare. In nisl ipsum, euismod a, eleifend a, aliquam fringilla,
ante. Nam vehicula porta pede. Sed porttitor dignissim nunc. Phasellus pellentesque
pretium risus. Donec non nunc id odio sodales dictum. Quisque vel massa. Vivamus
tellus. Mauris facilisis mauris. Nullam eros nulla, aliquet suscipit, faucibus at,
scelerisque eu, est. Phasellus sit amet quam.</p>
<p><strong>Links in content :</strong> <a href="#">valid XHTML</a>, <a
href="#">valid CSS,</a> <a href="#">link 3,</a> <a href="#">link 4,</a> <a
href="#">link 5</a></p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ol>
<p><strong>pre style :</strong></p>
<pre>
function textParseHtmlToText($text)
{
global $_PX_config;
include_once $_PX_config['manager_path'].'/extinc/class.html2text.php';
$h2t = new html2text($text);
return $h2t->get_text();
}
</pre>
<p>Donec egestas consequat dui. Fusce justo arcu, posuere suscipit, posuere
a, fermentum vitae, ante. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Pellentesque est dui, malesuada sed,
sollicitudin at, pharetra et, magna.</p>
</div>
<!-- End #content -->
</div>
<!-- End #main -->
<div id="sidebar">
<div id="block1">
<h2>This is a h2 title :</h2>
<p>Website desciption......<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
</p>
</div>
<!-- end block 1 -->
<div id="block2">
<h2>Sidebar links :</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>
<!-- end block2 -->
<div id="block3">
<div id="CC-licence"> <img class="CC-floatleft" src="img/CC-licence.png"
alt="CC-licence" />
<p>This design is licensed under a <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">by-nc-sa 3.0 Creative
Commons License</a>.<br />
Author: <a href="http://nekodesign.net">nekodesign.net.</a></p>
</div>
</div>
<!-- end block 3 -->
</div>
<!-- end #sidebar -->
<div id="footer"> <a href="http://validator.w3.org/check?uri=referer">XHTML 1.0
strict</a> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS
2.1</a></div>
<!-- end footer-->
</div>
<!-- end page -->
</body>
</html>
<!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>Neko03</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko03.css" media="screen" />
</head>
<body id="index">
<div id="wrapper">
<h1 id="header"> <a href="#"><span>Home page</span></a></h1>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<div id="content">
<h2>Lorem ipsum dolor sit amet consectetuer - h2 title</h2>
<p>Lorem ipsum dolor sit amet consectetuer Cum fermentum tortor cursus
accumsan. Ac Morbi quis enim ut Fusce et lacinia Pellentesque eu metus. Tortor pede
a id leo ligula congue ac Vestibulum congue quis. Quis dui sollicitudin nibh ligula
gravida lobortis urna habitant sagittis auctor. Pretium vitae nulla pretium euismod
Pellentesque tincidunt Pellentesque ac pellentesque ullamcorper. Sed egestas.</p>
<p>Est semper pretium Nam Aliquam laoreet lobortis auctor turpis metus cursus.
Quam laoreet pretium orci orci id id accumsan Suspendisse elit sit. Sapien et a
Vestibulum ut penatibus elit mattis lobortis Phasellus tempus. Pellentesque felis
at Ut morbi tristique ligula eu est tortor pellentesque. Interdum Vestibulum magna
augue elit sed Morbi congue justo.</p>
<div id="div-superposed"> <img class="floatright" alt="child2 image"
src="img/child2.jpg" width="400" height="410" />
<p id="superposed"> "Lorem ipsum dolor<br />
sit amet consec<br />
tetuer Cum<br />
fermentum<br />
tortor cursus."</p>
</div>
<p class="clear">Lorem ipsum dolor sit amet consectetuer Cum fermentum tortor
cursus accumsan. Ac Morbi quis enim ut Fusce et lacinia Pellentesque eu metus.
Tortor pede a id leo ligula congue ac Vestibulum congue quis.ullamcorper. Sed
egestas.</p>
<h2>Lorem ipsum dolor sit amet- h2 title</h2>
<p>Lorem ipsum dolor sit amet consectetuer Cum fermentum tortor cursus
accumsan. Ac Morbi quis enim ut Fusce et lacinia Pellentesque eu metus. Tortor pede
a id leo ligula congue ac Vestibulum congue quis.ullamcorper. Sed egestas.</p>
<p>Est semper pretium Nam Aliquam laoreet lobortis auctor turpis metus cursus.
Quam laoreet pretium orci orci id id accumsanlobortis Phasellus tempus.
Pellentesque felis at Ut morbi tristique ligula eu est tortor pellentesque.
Interdum Vestibulum magna augue elit sed Morbi congue justo.</p>
<h3>Lorem ipsum dolor - h3 title :</h3>
<p>Maecenas scelerisque. Sed nec nisi. Curabitur enim. Suspendisse congue, orci
in commodo rutrum, massa nisl cursus urna, a feugiat neque mauris nec dolor. Cras a
turpis a nulla tempus varius. Mauris tempor. Aliquam erat volutpat. Nulla mollis.
Proin quis libero eu eros rhoncus sollicitudin. Pellentesque mollis dictum velit.
Ut magna. Cras dolor urna, luctus vel, condimentum at, facilisis at, quam.
Curabitur porttitor nisl eget odio. Vestibulum rutrum tortor non augue. Suspendisse
porta feugiat nisl. Integer nonummy elementum nunc.</p>
<div id="CC-licence"> <img class="CC-floatleft" src="img/CC-licence.png"
alt="CC-licence" />
<p>This design is licensed under a <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">by-nc-sa 3.0 Creative
Commons License</a>.<br />
Author: <a href="http://nekodesign.net">nekodesign.net.</a></p>
</div>
</div>
<p id="footer"> Valid ingredients: <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.0 strict</a> <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS 2.1</a></p>
<!-- end footer-->
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Neko04</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko04.css" media="screen" />
</head>
<body>
<div id="page">
<div id="header">
<h1><a href="#"><span>Free CSS Templates</span></a></h1>
</div>
<div id="content">
<h3><a href="#">Lorem ipsum dolor sit amet</a> : </h3>
<p>Lorem ipsum dolor sit amet consectetuer semper ut ante a risus. Pede et amet
sem augue Sed quis <a href="#">condimentum elit leo</a> natoque. Neque vitae elit
Donec eget risus Pellentesque elit habitasse ipsum neque. Ut Vestibulum Phasellus
risus Nunc sit mauris Nam malesuada sapien morbi. Aenean est porta lacinia at nulla
Sed auctor amet consequat.</p>
<h3><a href="#"> Lorem ipsum dolor sit amet</a> : </h3>
<img class="floatleft" src="img/bancoDeGaia.gif" width="127" height="200"
alt="" />
<p>Hendrerit fermentum laoreet urna <a href="#">felis ut auctor tellus mi</a>
wisi non. Ornare cursus et turpis vel justo tincidunt auctor pellentesque
condimentum a. Fusce ac Sed sed sed mauris <a href="#">consequat cursus
faucibus</a> sed nonummy. Ridiculus sociis magna feugiat consectetuer id malesuada
Ut cursus Vivamus ligula. Sed et laoreet justo amet In lacinia pellentesque ac
velit quis. Ut Praesent convallis ante hac.</p>
<p>Sodales mauris felis et pellentesque libero velit sed tellus Fusce leo.
Felis non pede Morbi a velit condimentum justo <a href="#">habitasse semper
tempus</a>. Nunc ipsum dis interdum ut Lorem tristique nonummy tempus vel justo.
Senectus scelerisque</p>
<h3><a href="#"> Lorem ipsum dolor sit amet</a> : </h3>
<div id="album"> <img src="img/cyb1cd001_s.jpg" alt="" /> <img
src="img/ctr1cd003_s.jpg" alt="" /></div>
<p><a href="#"><strong>Hendrerit fermentum laoreet urna :</strong></a><br />
Ornare cursus et turpis vel justo tincidunt auctor pellentesque condimentum
a. Fusce ac Sed sed sed mauris <a href="#">consequat cursus faucibus</a> sed
nonummy. Ridiculus sociis magna feugiat consectetuer id malesuada Ut cursus Vivamus
ligula consectetuer id malesuada Ut cursus Vivamus ligula</p>
<p><a href="#"><strong>Sodales mauris felis et pellentesque
:</strong></a><br />
Fusce leo. Felis non pede Morbi a velit condimentum justo <a
href="#">habitasse semper tempus</a>. Nunc ipsum dis interdum ut Lorem tristique
nonummy tempus vel justo. Senectus scelerisque montes pede Cras semper Sed interdum
augue et in.</p>
<h3><a href="#"> Lorem ipsum dolor sit amet</a> : </h3>
<img class="floatleft" src="img/chi1cd005_s.jpg" width="87" height="87"
alt="" /> <img class="floatleft" src="img/inr1cd021_s.jpg" alt="" /> <img
class="floatleft" src="img/gatheringTheTribe.gif" width="90" height="90" alt="" />
<ol>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
</ol>
<p class="special"> Congue eleifend Nunc semper Nam condimentum leo hendrerit
laoreet Pellentesque Quisque. <a href="#">Cursus hendrerit sociis tortor</a> Sed
auctor vel nibh convallis sodales nibh. Urna nec orci et non faucibus dui Praesent
justo eros leo. Tellus Vestibulum at ut hac ipsum tempus Morbi pulvinar eu est.
Sagittis velit id justo magna feugiat massa ante pellentesque lacus magnis.<br />
<a href="#">Sapien enim</a>....</p>
<div id="CC-licence"> <img class="CC-floatleft" src="img/CC-licence.png"
alt="CC-licence" />
<p>This design is licensed under a <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">by-nc-sa 3.0 Creative
Commons License</a>.<br />
Author: <a href="http://nekodesign.net">nekodesign.net.</a></p>
</div>
<div class="special2">
<h4><a href="#"> Lorem ipsum dolor sit amet</a> : </h4>
<p>Lorem ipsum dolor sit amet consectetuer semper ut ante a risus. Pede et
amet sem augue Sed quis <a href="#">condimentum elit leo</a> natoque. Neque vitae
elit Donec eget risus Pellentesque elit habitasse ipsum neque. Ut Vestibulum
Phasellus risus Nunc sit mauris Nam malesuada sapien morbi. Aenean est porta
lacinia at nulla Sed auctor amet consequat.</p>
</div>
</div>
<div id="footer">
<p>Valid ingredients: <a href="http://validator.w3.org/check?uri=referer">XHTML
1.0 strict</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS
2.1</a></p>
</div>
</div>
</body>
</html>
<!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>Free CSS Templates - Free Template Neko05</title>
<meta name="description" content="Free CSS Templates features free templates from
website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates,
Templates, Free Templates, CSS" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko05.css" media="screen" />
</head>
<body>
<div id="page">
<div id="header">
<h1><a href="#">Free CSS Templates</a></h1>
<div id="header-nav">
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<div id="description">
<h3>site slogan goes here </h3>
<p>Some few words about ...Maecenas scelerisque. Sed nec nisi. Curabitur
enim. Suspendisse congue, orci in commodo rutrum, massa nisl cursus urna, a feugiat
neque mauris nec dolor. <a href="#">Read more ...</a></p>
</div>
</div>
<!-- end header -->
<div id="globalnav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>
<div id="main">
<div id="content">
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
molestie, nisi ut posuere consectetuer, libero odio feugiat quam, a <a
href="#">convallis libero lacus</a> ac augue. Vivamus sem felis, facilisis ut,
laoreet non, lobortis eget, massa. Phasellus consequat, <a href="#">urna sed
tincidunt tempus</a>,</p>
<p>Mi dolor<strong> tincidunt nisi</strong>, et hendrerit leo nisl sit amet
enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Mi dolor tincidunt nisi, et hendrerit leo nisl sit amet enim. Mauris
malesuada sagittis magna. Cum sociis natoque <a href="#">penatibus et magnis
dis</a> parturient montes, nascetur ridiculus mus. Donec pharetra, ligula ut
pulvinar pharetra, nunc nisl semper purus, faucibus egestas <strong>magna
ipsum</strong> ut massa. Integer <a href="#">posuere nulla sed purus.</a> Curabitur
sit amet nulla nec libero viverra sagittis.</p>
<p>Cras id metus pharetra nulla aliquet placerat. Vestibulum porta mauris vel
nunc. Integer malesuada mattis augue. Etiam fringilla. Integer gravida volutpat
nulla. Mauris suscipit leo at justo. Phasellus laoreet sagittis nunc.</p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ol>
<p><strong>pre style :</strong></p>
<pre>
function textParseHtmlToText($text)
{
global $_PX_config;
include_once $_PX_config['manager_path'].'/extinc/class.html2text.php';
$h2t = new html2text($text);
return $h2t->get_text();
}
</pre>
<p>Donec egestas consequat dui. Fusce justo arcu, posuere suscipit, posuere
a, fermentum vitae, ante. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Pellentesque est dui, malesuada sed,
sollicitudin at, pharetra et, magna.</p>
<div id="CC-licence"><img class="CC-floatleft" src="img/CC-licence.png"
alt="CC-licence" />
<p>This design is licensed under a <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">by-nc-sa 3.0 Creative
Commons License</a>.<br />
Author: <a href="http://nekodesign.net">nekodesign.net.</a></p>
</div>
</div>
<!-- End #content -->
</div>
<!-- End #main -->
<div id="sidebar">
<div class="block">
<h2>Lorem ipsum :</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
</p>
</div>
<div class="block">
<h2>Sidebar links :</h2>
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<!-- end block2 -->
<div class="block">
<h2>Lorem ipsum :</h2>
<img src="img/exemple-img.jpg" alt="exemple img" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
<!-- end #sidebar -->
<div id="footer">
<div class="fom">
<h4>Find out more :</h4>
<ol>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
</ol>
</div>
<p class="footer-info"><a href="http://validator.w3.org/check?
uri=referer">XHTML 1.0 strict</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS 2.1</a> | Design by <a
href="http://nekodesign.net">nekodesign.net.</a> - <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">CC licence</a></p>
</div>
<!-- end footer-->
</div>
<!-- end page -->
</body>
</html>
<!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>Neko06</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko06.css" media="screen" />
</head>
<body>
<div id="page">
<div id="top">
<h1> <span><a href="#">Free CSS Templates</a></span> </h1>
<p id="prelude"> <a href="#main">To content</a> | <a href="#sidebar">To
menu</a></p>
</div>
<div id="wrapper">
<div id="main">
<div id="content">
<h2 class="post-title"> <a href="#">Lorem ipsum dolor</a></h2>
<p class="post-info"> By robin on Wednesday 18
April 2007, 15:55 | <a href="#">news</a> | <a href=
"#">Permalink</a></p>
<ul class="post-tags">
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
</ul>
<div class="post-content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
molestie, nisi ut posuere consectetuer, libero odio feugiat quam, a <a
href="#">convallis libero lacus</a> ac augue. Vivamus sem felis, facilisis ut,
laoreet non, lobortis eget, massa. Phasellus consequat, <a href="#">urna sed
tincidunt tempus</a>,</p>
<p>Mi dolor <strong>tincidunt nisi</strong>, et hendrerit leo nisl sit
amet enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<h2 class="post-title"> Lorem ipsum - h3 title :</h2>
<p>Mi dolor tincidunt nisi, et hendrerit leo nisl sit amet enim. Mauris
malesuada sagittis magna. Cum sociis natoque <a href="#">penatibus et magnis
dis</a> parturient montes, nascetur ridiculus mus. Donec pharetra, ligula ut
pulvinar pharetra, nunc nisl semper purus, faucibus egestas <strong>magna
ipsum</strong> ut massa. Integer <a href="#">posuere nulla sed purus.</a> Curabitur
sit amet nulla nec libero viverra sagittis.</p>
<p>Cras id metus pharetra nulla aliquet placerat. Vestibulum porta mauris
vel nunc. Integer malesuada mattis augue. Etiam fringilla. Integer gravida volutpat
nulla. Mauris suscipit leo at justo. Phasellus laoreet sagittis nunc.</p>
<h4> Lorem ipsum - h4 title : </h4>
<img class="float-left" alt="image exemple" src= "img/image-
exemple.png" />
<p>Lorem ipsum dolor sit amet consectetuer lacus Vestibulum eu ut congue.
Tincidunt condimentum lorem convallis venenatis tempus tempus laoreet et eu neque.
Id congue Donec justo Mauris cursus et tellus Suspendisse tempus amet. Platea urna
condimentum sit dignissim condimentum lorem nibh tincidunt dapibus laoreet.
Interdum libero Donec id arcu sagittis fames Ut.</p>
<p class="clear"> Ut sed nibh fermentum augue elementum molestie.
Vestibulum eget quam non libero nonummy ornare. In nisl ipsum, euismod a, eleifend
a, aliquam fringilla, ante. Nam vehicula porta pede. Sed porttitor dignissim nunc.
Phasellus pellentesque pretium risus. Donec non nunc id odio sodales dictum.
Quisque vel massa. Vivamus tellus. Mauris facilisis mauris. Nullam eros nulla,
aliquet suscipit, faucibus at, scelerisque eu, est. Phasellus sit amet quam.</p>
<p><strong>Links in content :</strong> <a href= "#">valid XHTML</a>,
<a href="#">valid CSS,</a> <a href="#">link 3,</a> <a href= "#">link 4,</a> <a
href="#">link 5</a></p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ol>
<p><strong>pre style :</strong></p>
<pre>
function textParseHtmlToText($text) <br />{ <br />global $_PX_config; <br
/>include_once $_PX_config['manager_path'].'/extinc/class.html2text.php'; <br
/>$h2t = new html2text($text); <br />return $h2t->get_text(); <br />}
</pre>
</div>
</div>
<!-- end content -->
</div>
<!-- End #main -->
<div id="sidebar">
<div class="block">
<h2>Lorem ipsum :</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
</p>
</div>
<div class="block">
<h2>Sidebar links :</h2>
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<!-- end block2 -->
<div class="block">
<h2>Lorem ipsum :</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
</div>
<!-- End #wrapper -->
<div id="footer">
<p class="footer-info"> <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.0 strict</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS 2.1</a> | Design by <a
href="http://nekodesign.net">nekodesign.net.</a> - <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">CC licence</a></p>
</div>
</div>
<!-- End #page -->
<!-- end page -->
</body>
</html>
<!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>Neko07</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko07.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
</head>
<body>
<div id="main">
<div id="content">
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent molestie,
nisi ut posuere consectetuer, libero odio feugiat quam, a <a href="#">convallis
libero lacus</a> ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis
eget, massa. Phasellus consequat, <a href="#">urna sed tincidunt tempus</a>,</p>
<p>Mi dolor <strong>tincidunt nisi</strong>, et hendrerit leo nisl sit amet
enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing
elit.</li>
</ol>
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent molestie,
nisi ut posuere consectetuer, libero odio feugiat quam, a <a href="#">convallis
libero lacus</a> ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis
eget, massa. Phasellus consequat, <a href="#">urna sed tincidunt tempus</a>,</p>
<p>Mi dolor <strong>tincidunt nisi</strong>, et hendrerit leo nisl sit amet
enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<div class="fom">
<h4> Find out more : </h4>
<ol>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
</ol>
</div>
</div>
<!-- End #content -->
</div>
<!-- End #main -->
<div id="sidebar">
<div id="header"> <a href="#">Free CSS Templates</a></div>
<div class="block">
<p>Slogan / Description...<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit.</p>
</div>
<!-- end block 1 -->
<div class="block">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
<li><a href="#">link 5</a></li>
</ul>
</div>
<!-- end block2 -->
<div id="info">
<p><a href="http://validator.w3.org/check?uri=referer">XHTML 1.0 strict</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS 2.1</a> | Design by
<a href="http://nekodesign.net">nekodesign.net.</a> - <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">CC licence</a></p>
</div>
<!-- end footer-->
</div>
<!-- end sidebar -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Artistic
Version : 1.0
Released : 20070802
Description: A two-column, fixed-width template with pastel color. Suitable for
small websites and blogs.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Artistic by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Artistic</a></h1>
<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="content">
<div class="post">
<h1 class="title"><a href="#">Welcome to Our Website!</a></h1>
<p class="date">August 2, 2007</p>
<div class="entry">
<p><strong>Artistic</strong> is a free template from <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to <a href="http://www.freecsstemplates.org/">my site</a> in
some way. <em>Enjoy :)</em></p>
</div>
<p class="meta">Filed under <a href="#">Uncategorized</a> | <a
href="#">Comments (8)</a></p>
</div>
<div class="post">
<h2 class="title"><a href="#">Praesent Scelerisque</a></h2>
<p class="date">July 27, 2007</p>
<div class="entry">
<blockquote>
<p>“Integer nisl risus, sagittis convallis, rutrum id, elementum
congue, nibh.”</p>
</blockquote>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat:</p>
</div>
<p class="meta">Filed under <a href="#">Uncategorized</a> | <a
href="#">Comments (8)</a></p>
</div>
</div>
<!-- end content -->
<div id="sidebar">
<ul>
<li>
<h2>Search</h2>
<form method="get" action="">
<fieldset>
<input type="text" id="s" name="s" value="" />
<br />
<input name="submit" type="submit" id="searchsubmit" value="Search" />
</fieldset>
</form>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">August 2007</a> (1)</li>
<li><a href="#">July 2007</a> (31)</li>
<li><a href="#">June 2007</a> (30)</li>
<li><a href="#">May 2007</a> (31)</li>
<li><a href="#">April 2007</a> (30)</li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Ut semper vestibulum</a> (32)</li>
<li><a href="#">Vestibulum luctus</a> (19)</li>
<li><a href="#">Integer rutrum nisl</a> (33)</li>
<li><a href="#">Etiam malesuada</a> (12)</li>
<li><a href="#">Aenean elementum</a> (41)</li>
<li><a href="#">Ut tincidunt elit</a> (18)</li>
<li><a href="#">Sed quis odio</a> (30)</li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
<div id="footer">
<p id="legal">©2007 Artistic. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"><a href="#">Privacy</a> | <a href="#">Terms</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
</body>
</html>
<!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>Neko08</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko08.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
</head>
<body>
<div id="main">
<div id="content">
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent molestie,
nisi ut posuere consectetuer, libero odio feugiat quam, a <a href="#">convallis
libero lacus</a> ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis
eget, massa. Phasellus consequat, <a href="#">urna sed tincidunt tempus</a>,</p>
<p>Mi dolor <strong>tincidunt nisi</strong>, et hendrerit leo nisl sit amet
enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing
elit.</li>
</ol>
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent molestie,
nisi ut posuere consectetuer, libero odio feugiat quam, a <a href="#">convallis
libero lacus</a> ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis
eget, massa. Phasellus consequat, <a href="#">urna sed tincidunt tempus</a>,</p>
<p>Mi dolor <strong>tincidunt nisi</strong>, et hendrerit leo nisl sit amet
enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<div class="fom">
<h4> Find out more : </h4>
<ol>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
</ol>
</div>
</div>
</div>
<!-- End #main -->
<div id="sidebar">
<div id="header"> <a href="#">Free CSS Templates</a></div>
<div class="block">
<p>Slogan / Description...<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit.</p>
</div>
<!-- end block 1 -->
<div class="block">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
<li><a href="#">link 5</a></li>
</ul>
</div>
<!-- end block2 -->
<div id="info">
<p><a href="http://validator.w3.org/check?uri=referer">XHTML 1.0 strict</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS 2.1</a> | Design by
<a href="http://nekodesign.net">nekodesign.net.</a> - <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">CC licence</a></p>
</div>
<!-- end footer-->
</div>
<!-- end sidebar -->
</body>
</html>
<!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>Neoneon</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Neoneon</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Blog</a></li>
<li><a href="#" accesskey="3">Photos</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Neoneon!</h2>
<div class="meta">
<p class="date">Posted on February 25, 2007 by John Doe</p>
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
<div class="story">
<p><strong>Neoneon</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You"re free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="meta">
<p class="date">Posted on February 25, 2007 by John Doe</p>
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
</div>
</div>
<div id="sidebar">
<div id="archives" class="boxed">
<h2>Archives</h2>
<div class="content">
<ul>
<li><a href="#">February 2007</a> <i>(25)</i></li>
<li class="active"><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</div>
</div>
<div id="categories" class="boxed">
<h2>Categories</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li class="active"><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
<div id="tagcloud" class="boxed">
<h2>Tag Cloud</h2>
<div class="content"><a href="#" title="55 recent posts" style="font-size:
1.5087837837838em;">Art</a> <a href="#" title="66 recent posts" style="font-size:
1.5905405405405em;">Blogging</a> <a href="#" title="51 recent posts" style="font-
size: 1.4790540540541em;">Books</a> <a href="#" title="40 recent posts"
style="font-size: 1.3972972972973em;">Culture</a> <a href="#" title="73 recent
posts" style="font-size: 1.6425675675676em;">Family</a> <a href="#" title="54
recent posts" style="font-size: 1.5013513513514em;">Food</a> <a href="#" title="43
recent posts" style="font-size: 1.4195945945946em;">Friends</a> <a href="#"
title="63 recent posts" style="font-size: 1.5682432432432em;">Humor</a> <a href="#"
title="88 recent posts" style="font-size: 2.4972972972973em;">Life</a> <a href="#"
title="49 recent posts" style="font-size: 1.4641891891892em;">Love</a> <a href="#"
title="64 recent posts" style="font-size: 1.5756756756757em;">Movies</a> <a
href="#" title="28 recent posts" style="font-size: 2.0513513513514em;">Music</a> <a
href="#" title="25 recent posts" style="font-size: 2.0290540540541em;">News</a> <a
href="#" title="92 recent posts" style="font-size: 1.7837837837838em;">Personal</a>
<a href="#" title="46 recent posts" style="font-size:
1.4418918918919em;">Photography</a> <a href="#" title="13 recent posts"
style="font-size: 2.0662162162162em;">Politics</a> <a href="#" title="56 recent
posts" style="font-size: 1.5162162162162em;">Random</a> <a href="#" title="51
recent posts" style="font-size: 1.4790540540541em;">Religion</a> <a href="#"
title="68 recent posts" style="font-size: 1.6054054054054em;">Thoughts</a> <a
href="#" title="49 recent posts" style="font-size: 1.4641891891892em;">Travel</a>
<a href="#" title="45 recent posts" style="font-size: 1.4344594594595em;">Video</a>
<a href="#" title="51 recent posts" style="font-size:
1.4790540540541em;">Health</a> <a href="#" title="43 recent posts" style="font-
size: 1.4195945945946em;">Media</a> <a href="#" title="53 recent posts"
style="font-size: 1.4939189189189em;">Technology</a> <a href="#" title="46 recent
posts" style="font-size: 1.4418918918919em;">Writing</a></div>
</div>
</div>
</div>
<div id="footer">
<p id="copy">©2007 Neoneon<br />
Designed by <a href="#">Free CSS Templates</a></p>
<p id="feed"><a href="#" id="rss">RSS Feed</a></p>
</div>
</body>
</html>
<!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>Neonix</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Neonix</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="colOne">
<div class="post">
<h2 class="title">Welcome to Neonix!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Neonix</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An unordered list:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
</ul>
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Sed eu diam. Vivamus nonummy elit et odio. Fusce risus quam,
scelerisque sed, pharetra ut, pharetra id, ante. Etiam posuere, elit a blandit
varius, velit sem tincidunt elit, et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie. Duis
vel orci. Nam consequat. Morbi nec lacus. Fusce egestas sagittis enim.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
</ul>
<div style="clear: both;"> </div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Neonix. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Neuphoric</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body id="altbody">
<div id="wrapper-header">
<div id="header">
<h1>website.name.here.</h1>
</div>
</div>
<div id="wrapper-menu">
<div id="menu">
<ul>
<li><a href="#">home</a></li>
<li><a href="index2.html">alternative</a></li>
<li><a href="index3.html">wider</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
</div>
<div id="content"> <strong>This template is a modified version of
tristar’s</strong>
<h2>changes.</h2>
<ul>
<li>Page hyperlinks are a bit easier to notice</li>
<li>Made the green menu slightly darker so that the white links are easier to
see</li>
<li>Fluid design</li>
<li>Code redone (not that I am saying mine is better, I just like coding my own
way.)</li>
<li>Gradients resize with font</li>
<li>More user friendly</li>
<li>Different banner to accomodate for the fluid layout (original wasn't wide
enough)</li>
</ul>
<p>To view the source of this banner, see picture 485493 at sxc.hu</p>
<p>If anyone can give me links etc on how to improve accesability, I would be
very happy to read them. Please use the
email option on my OWD user page.</p>
<h2>design.notes</h2>
<ul>
<li>800x600 and up (Can stretch to 2000px wide without the banner running
out)</li>
<li>valid xhtml/css</li>
<li>looks great! (not open to subjective dispute)</li>
<li>Tested and ok in IE5.5, IE6, Firefox 1.51, Opera 8.53 (although IE5.5 has a
small bug, but it still looks fine)</li>
</ul>
<p>I have heard a few people complaining about the lack of fluid designs. With
the increase
of larger screens and higher resolutions, some people are getting sick of
looking at a small thing
in the middle of the screen</p>
<p>A problem with fluid designs is that once the content stretches wide, the line
lengths become
rather long, and are harder to read. Hopefully because the content on this is
75% wide, the line lengths
do not become too wide.</p>
<h2>header.one.</h2>
<p>this site has been created for personal use only - please do not sell on this
template it has been created by tri-star
web design free of charge.</p>
<p><strong>please note:</strong> as this is a free template the only thing i ask
in return
is you leave the bottom link to tri-star
web design as it is, anything else you can chop and change to your hearts
content. thank you for downloading this template, i hope it comes in handy.</p>
<h2>header.two.</h2>
<p>tri-star web design is devoted to helping you/your company maximise its
potential through the internet. are you after web presence at an affordable
price? is your current website not generating the interest you think it
deserves? tri-star web design can design or help in the development of a new
website, giving potential customers a true impression of your business. as i am
a freelance web designer i can focus my full attention on each customer to
giving that personal touch that i believe is so important.</p>
<h2>header.three.</h2>
<p>i work with clients in the derby (derbyshire), nottingham (nottinghamshire),
leicester (leicestershire) and throughout the united kingdom. if you are from
outside the uk please feel free to get in touch for a quote as i am more than
happy to expand my services beyond the uk.for a one-off fee with no hidden
charges, i can design you a website to your exact specifications. just tell me
what you want to say to your customers, send any pictures you would like to
show
them, and i will turn this basic information into a sleek professional yet
effective website.</p>
<p>i don't only deal with businesses, maybe your after a website for a hobby?
or
a family website? whatever it is you are after i can help you.</p>
</div>
<div id="footer"> original design by <a
href="http://www.tristarwebdesign.co.uk">tri-star web design</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Neutral Green</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="images/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="TOPBORDER"></div>
<div id="TOPNAV">
<div>
<p><a class="Home" href="#">Home</a> <a class="Contact" href="#">Contact Us</a>
<a class="Map" href="#">Map</a></p>
</div>
</div>
<div id="HEADER">
<h1>Your Company <a href="#">Your Company</a></h1>
<h2>Beauty without grace is the hook without the bait.</h2>
</div>
<div id="NAV">
<div class="Wrapper">
<ul>
<li><a class="Active" href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Customer Care</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
</div>
<div id="CONTENT">
<div class="Wrapper">
<!-- LEFT SIDE -->
<div id="SIDE">
<h2 class="Top">Welcome</h2>
<p class="Aligned"><b>Lorem ipsum dolor?</b><br />
Uniskisli et castrum de Insula, in hoc autem capti Eustatius Poer,
Gulielmus Graunt, et D. Jnantem rediit. Multas injurias tam in ecclesiasticos quam
laicos fecit.</p>
<p class="Aligned">Uniskisli et castrum de Insula, in hoc autem capti
Eustatius Poer, Gulielmus Graunt, et D. Jnantem rediit. Multas injurias tam in
ecclesiasticos quam laicos fecit.</p>
<p class="Aligned"><b>Nullam non justo?</b><br />
Uniskisli et castrum de Insula, in hoc autem capti Eustatius Poer,
Gulielmus Graunt, et D. Jnantem rediit. Multas injurias tam in ecclesiasticos quam
laicos fecit.</p>
</div>
<!-- MAIN TEXT BLOCK (CENTER) -->
<div id="TEXT">
<h2>About our company</h2>
<p class="Aligned"><img src="images/photo.jpg" alt="" width="202"
height="123" class="Left" />Lorem ipsum dolor sit amet, consectetuer adipiscing <a
href="#">elit</a>. Nunc rhoncus, eros nec dictum adipiscing, mauris orci ornare
pede, a dictum neque lacus sed ligula. Pellentesque mollis arcu quis lorem. Sed
vitae quam et mauris euismod aliquam. Pellentesque quis nisl a ante iaculis
volutpat. Duis varius sem at nisi. Etiam mattis scelerisque erat. Maecenas lacus
sapien, elementum non, semper id, gravida vel, risus. Suspendisse mi risus, iaculis
in, bibendum quis, pulvinar eget, velit. Fusce neque libero, vestibulum a,
fermentum vel, rutrum sit amet, mauris. Ut ac dui. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Suspendisse interdum nisi congue ligula. </p>
<p class="Aligned">Nam dignissim ligula vel sapien. Curabitur viverra lacus
sagittis sem. Donec pretium pretium sapien. Aenean dapibus, augue quis pulvinar
iaculis, velit libero rhoncus dui, a adipiscing elit libero at elit. Donec
facilisis mauris quis dui. Donec et justo. Praesent ornare vestibulum quam. Sed
ultricies pellentesque mi. Etiam odio. Aenean justo. Fusce quis massa ac risus
sodales ultricies. Duis eget eros sed ante placerat dignissim. </p>
<h2>Solutions</h2>
<p class="Aligned">Lorem ipsum dolor sit amet, consectetuer adipiscing <a
href="#">elit</a>. Nunc rhoncus, eros nec dictum adipiscing, mauris orci ornare
pede, a dictum neque lacus sed ligula. Pellentesque mollis arcu quis lorem. Sed
vitae quam et mauris euismod aliquam. Pellentesque quis nisl a ante iaculis
volutpat. Duis varius sem at nisi. Etiam mattis scelerisque erat. Maecenas lacus
sapien, elementum non, semper id, gravida vel, risus. Suspendisse mi risus, iaculis
in, bibendum quis, pulvinar eget, velit. Fusce neque libero, vestibulum a,
fermentum vel, rutrum sit amet, mauris. Ut ac dui. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Suspendisse interdum nisi congue ligula. </p>
<p class="Aligned">Nam dignissim ligula vel sapien. Curabitur viverra lacus
sagittis sem. Donec pretium pretium sapien. Aenean dapibus, augue quis pulvinar
iaculis, velit libero rhoncus dui, a adipiscing elit libero at elit. Donec
facilisis mauris quis dui. Donec et justo. Praesent ornare vestibulum quam. Sed
ultricies pellentesque mi. Etiam odio. Aenean justo. Fusce quis massa ac risus
sodales ultricies. Duis eget eros sed ante placerat dignissim. </p>
</div>
<!-- END CENTER BLOCK -->
</div>
</div>
<div id="FOOTER">
<div class="Line"><span></span></div>
<p> <a href="#">FAQ</a> · <a href="#">Terms & Conditions</a>
·<a href="#">Home</a> · <a href="#">Contact Us</a> <span
class="Side">Designed by <a
href="http://www.gettemplate.com">GetTemplate.com</a></span></p>
<p>© 2007, Company Name. All rights reserved. </p>
</div>
<div id="BOTTOMBORDER"></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>New Year</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header"> <span id="logo">New<span>Year</span></span>
<h1>Happy New year to you!</h1>
</div>
<div class="spacer"> </div>
<div id="left">
<ul class="categories">
<li class="menuhead">Categories</li>
<li><a href="#">Home</a></li>
<li><a href="#">Tomorrow</a></li>
<li><a href="#">Hope</a></li>
<li><a href="#">Memories</a></li>
<li><a href="#">Dreams</a></li>
<li><a href="#">Aspirations</a></li>
<li><a href="#">Desire</a></li>
<li><a href="#">Love</a></li>
<li><a href="#">Innocense</a></li>
</ul>
<ul class="posts">
<li class="menuhead">New year Resolutions</li>
<li><a href="#">Tomorrow</a></li>
<li><a href="#">Hope</a></li>
<li><a href="#">Memories</a></li>
<li><a href="#">Dreams</a></li>
<li><a href="#">Aspirations</a></li>
<li><a href="#">Desire</a></li>
<li><a href="#">Love</a></li>
<li><a href="#">Innocense</a></li>
</ul>
</div>
<div id="right">
<h1>Did I wish you happy new year ?</h1>
<span class="date">I was quiet busy... Sorry I forgot</span>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque
aliquam tempus sapien. Sed vel nisi. In hac habitasse platea dictumst. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Nulla molestie. Etiam quam tellus, mattis eget, mattis quis, posuere
at, elit. Fusce interdum molestie nisi. Praesent suscipit sem a nibh. Quisque
vestibulum erat ut purus. Donec sodales sapien nec nulla. Nam adipiscing sapien
vitae risus. Aliquam id lorem eget risus pharetra aliquet. Sed nec sem id arcu
sagittis tincidunt. Nullam eget nibh id nisl sollicitudin adipiscing. Nullam eu
ante. Phasellus risus est, feugiat sed, scelerisque ac, gravida eu, sem. In
sapien pede, molestie eu, rutrum ut, pharetra ut, pede. Aenean nulla massa, congue
malesuada, auctor sed, dictum sed, nisi. Integer ut enim. </p>
<blockquote>
<p>Duis sagittis euismod turpis. Vivamus egestas pede non urna. In dapibus
lorem scelerisque dui. Pellentesque vehicula laoreet dui. Quisque ac risus. Donec
sodales, sapien in egestas semper, erat dolor ullamcorper urna, eget gravida quam
urna sed dui. In dolor magna, sagittis placerat, elementum id, elementum sed,
eros. Sed placerat, enim facilisis cursus adipiscing, felis libero congue orci, at
pulvinar enim diam a diam. Phasellus ultricies. Curabitur ornare iaculis purus.
Nam lacus risus, iaculis vel, tristique et, ultrices id, mauris. Aliquam erat
volutpat. </p>
</blockquote>
<p>Pellentesque facilisis vehicula tortor. Sed pretium faucibus augue. Nullam
eu erat id mi elementum eleifend. Curabitur adipiscing mauris sit amet mauris.
Cras pharetra elit eu enim. Mauris pharetra fermentum nunc. Donec porttitor.
Suspendisse sit amet felis. Maecenas sodales pellentesque orci. Nullam eu tortor
eget mauris sodales fermentum. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Nam viverra tellus eu sem. Pellentesque
porta justo sit amet sapien. Phasellus euismod erat. </p>
<p> </p>
</div>
<div class="spacer"></div>
<div id="footer"> © Put your Copyright text here<br />
Designed by <a href="http://ramblingsoul.com">Rambling Soul </a></div>
</div>
</body>
</html>
<!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>Newfangled</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Newfangled</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<div class="title">
<h2>Client Account</h2>
</div>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<!-- end #login -->
<div id="updates" class="boxed">
<div class="title">
<h2>Recent Updates</h2>
</div>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
<!-- end #updates -->
</div>
<!-- end #sidebar -->
<div id="main">
<div id="welcome" class="post">
<h2 class="title"><span>Welcome to Newfangled!</span></h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="story"><img src="images/img09.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Newfangled</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<!-- end #welcome -->
<div id="example" class="post">
<h2 class="title"><span>Examples of Common Tags</span></h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<!-- end #example -->
</div>
<!-- end #main -->
<div id="sidebar2">
<div id="sponsors" class="boxed">
<div class="title">
<h2>Sponsors</h2>
</div>
<div class="content">
<ul>
<li><a href="#">In posuere eleifend</a></li>
<li><a href="#">Quisque dictum </a></li>
<li><a href="#">Donec leo, vivamus </a></li>
<li><a href="#">Nam pede erat porta </a></li>
<li><a href="#">Vivamus fermentum </a></li>
</ul>
</div>
</div>
<!-- end #sponsors -->
<div id="ad120x600"><a href="#"><img src="images/ad_120x600.jpg" alt=""
width="120" height="600" /></a></div>
</div>
<div style="clear: both;"> </div>
</div>
<!-- end #sidebar2 -->
<!-- end #content -->
<div id="footer">
<p id="legal">Copyright © 2007 Newfangled. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: News Magazine
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>News Magazine</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- Homepage Specific -->
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.easing.1.3.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.timers.1.2.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.galleryview.2.1.1.min.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.galleryview.setup.js"></script>
<!-- / Homepage Specific -->
</head>
<body id="top">
<div class="wrapper col0">
<div id="topline">
<p>Tel: xxxxx xxxxxxxxxx | Mail: [email protected]</p>
<ul>
<li><a href="#">Libero</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mauris</a></li>
<li class="last"><a href="#">Suspendisse</a></li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="header">
<div class="fl_left">
<h1><a href="index.html"><strong>N</strong>ews
<strong>M</strong>agazine</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div class="container">
<div class="content">
<div id="featured_slide">
<ul id="featurednews">
<li><img src="images/demo/1.gif" alt="" />
<div class="panel-overlay">
<h2>Nullamlacus dui ipsum</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper
convallis nunc laoreet.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/2.gif" alt="" />
<div class="panel-overlay">
<h2>Aliquatjusto quisque nam</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper
convallis nunc laoreet.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/3.gif" alt="" />
<div class="panel-overlay">
<h2>Dapiensociis temper donec</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper
convallis nunc laoreet.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/4.gif" alt="" />
<div class="panel-overlay">
<h2>Semvelit nonummy odio tempus</h2>
<p>Justolacus eger at pede felit in dictum sempus elit curabitur
ipsum. Ametpellentum.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/5.gif" alt="" />
<div class="panel-overlay">
<h2>Pedefamet orci orci quisque</h2>
<p>Nonnam aenenasce morbi liberos malesuada risus id donec volutpat
estibulum curabitae.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
</ul>
</div>
</div>
<div class="column">
<ul class="latestnews">
<li><img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices
quis curabitur phasellentesque.</p>
</li>
<li><img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices
quis curabitur phasellentesque.</p>
</li>
<li class="last"><img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices
quis curabitur phasellentesque.</p>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="adblock">
<div class="fl_left"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
<div id="hpage_cats">
<div class="fl_left">
<h2><a href="#">Environment »</a></h2>
<img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. For more CSS templates visit
<a href="http://www.os-templates.com/">Free Website Templates</a>. Condimentumfelis
et amet tellent quisquet a leo lacus nec augue accumsan sagittislaorem dolor sum at
urna.</p>
</div>
<div class="fl_right">
<h2><a href="#">Technology »</a></h2>
<img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
</div>
<br class="clear" />
<div class="fl_left">
<h2><a href="#">Entertainment »</a></h2>
<img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue accumsan
sagittislaorem dolor sum at urna.</p>
</div>
<div class="fl_right">
<h2><a href="#">Politics »</a></h2>
<img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue accumsan
sagittislaorem dolor sum at urna.</p>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div class="container">
<div class="content">
<div id="hpage_latest">
<h2>Feugiatrutrum rhoncus semper</h2>
<ul>
<li><img src="images/demo/190x130.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li><img src="images/demo/190x130.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last"><img src="images/demo/190x130.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div class="column">
<div class="holder"><a href="#"><img src="images/demo/300x250.gif" alt=""
/></a></div>
<div class="holder"><a href="#"><img src="images/demo/300x80.gif" alt=""
/></a></div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="footer">
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="socialise">
<ul>
<li><a href="#"><img src="layout/images/facebook.gif" alt=""
/><span>Facebook</span></a></li>
<li><a href="#"><img src="layout/images/rss.gif" alt=""
/><span>FeedBurner</span></a></li>
<li class="last"><a href="#"><img src="layout/images/twitter.gif" alt=""
/><span>Twitter</span></a></li>
</ul>
<div id="newsletter">
<h2>NewsLetter Sign Up !</h2>
<p>Please enter your Email and Name to join.</p>
<form action="#" method="post">
<fieldset>
<legend>Digital Newsletter</legend>
<div class="fl_left">
<input type="text" value="Enter name here…"
onfocus="this.value=(this.value=='Enter name here…')? '' : this.value ;" />
<input type="text" value="Enter email address…"
onfocus="this.value=(this.value=='Enter email address…')? '' : this.value ;"
/>
</div>
<div class="fl_right">
<input type="submit" name="newsletter_go" id="newsletter_go"
value="»" />
</div>
</fieldset>
</form>
<p>To unsubsribe please <a href="#">click here »</a>.</p>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col8">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Newserific
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Newserific</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div class="fl_left">
<h1><a href="index.html">Newserific</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="container">
<div id="content">
<div id="featured_post"><img src="images/demo/620x270.gif" alt="" />
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer. For more CSS templates visit <a
href="http://www.os-templates.com/">Free Website Templates</a>.</p>
</div>
<div id="hpage_latest">
<ul>
<li><img src="images/demo/190x80.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li><img src="images/demo/190x80.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last"><img src="images/demo/190x80.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div id="column">
<ul id="latestnews">
<li><img src="images/demo/80x80.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque lobor ttis non euis que morbi penas dapi bulum orna. Urnaul
trices quis curabitur.</p>
</li>
<li><img src="images/demo/80x80.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque lobor ttis non euis que morbi penas dapi bulum orna. Urnaul
trices quis curabitur.</p>
</li>
<li><img src="images/demo/80x80.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque lobor ttis non euis que morbi penas dapi bulum orna. Urnaul
trices quis curabitur.</p>
</li>
<li><img src="images/demo/80x80.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque lobor ttis non euis que morbi penas dapi bulum orna. Urnaul
trices quis curabitur.</p>
</li>
<li class="last"><img src="images/demo/80x80.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque lobor ttis non euis que morbi penas dapi bulum orna. Urnaul
trices quis curabitur.</p>
</li>
</ul>
</div>
<br class="clear" />
</div>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div class="gallery">
<h2>Latest Gallery Pics</h2>
<ul>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/174x174.gif" alt=""
/></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/174x174.gif" alt=""
/></a></li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="footer">
<div class="footbox twitter">
<h2>Latest From Twitter</h2>
<ul>
<li><a href="#">@TwitterName</a> nibhpede faucibulum ris phasellentum elit
sed hend quisque. 1 day ago</li>
<li><a href="#">@TwitterName</a> tellentumst monterdum augue curabitae elit
felit, elitligula adipiscingilla. 1 day ago</li>
<li><a href="#">@TwitterName</a> libero praesentum sed? 1 day ago</li>
<li><a href="#">@TwitterName</a> condimentesque nec facilis pretium
tellenterdum. Vivamusid elit curabitur augue. 1 day ago</li>
<li><a href="#">@TwitterName</a> ligula sed ipsum in tellentesque donec ac.
1 day ago</li>
</ul>
</div>
<div class="footbox flickr">
<h2>Latest From Flickr</h2>
<ul>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
</ul>
<br class="clear" />
</div>
<div class="footbox posts">
<h2>Latest Blog Posts</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Phasellus tempor vestibulum</a></li>
<li><a href="#">Vestibulum quis augu mauris</a></li>
<li class="last"><a href="#">Suspendisse in neque</a></li>
</ul>
</div>
<div class="footbox banners last">
<h2>Advertise Here</h2>
<ul>
<li><a href="#"><img src="images/demo/200x150.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/200x150.gif" alt="" /></a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col7">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>
<title>NewsPortal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="page_wrapper">
<div id="header_wrapper">
<div id="header">
<h1>News<font color="#FFDF8C">Portal</font></h1>
<h2>Liquid 3-Column CSS Template</h2>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
<div id="left_side">
<h3>Left Side</h3>
<p> Lorem ipsum summo <a href="#">nominavi</a> pri et. Stet <a
href="#">eruditi</a> perfecto at sed, ad enim constituto
deseruisse quo, mea no quem eros munere. Ad splendide
quaerendum per, ea minimum officiis oportere vel, an has
perpetua percipitur. <a href="#">Consequat</a> contentiones
his te, id noster menandri his. Per partem perfecto eu, est
soluta accusata ex. </p>
<h3>Left Side</h3>
<div class='featurebox_side'> Lorem ipsum summo nominavi pri et. Stet eruditi
perfecto at
sed, ad enim <a href="#">constituto</a> deseruisse quo, mea
no quem eros munere. </div>
<p> Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed,
ad enim constituto deseruisse quo, mea no quem eros munere. Ad
splendide quaerendum per, <a href="#">ea minimum officiis</a> oportere vel,
an has perpetua percipitur. Consequat contentiones
his te, id <a href="#">noster menandri</a> his. Per partem perfecto
eu, est soluta accusata ex. </p>
<div class='featurebox_side'> Lorem <a href="#">ipsum summo</a> nominavi pri
et. Stet eruditi
perfecto at sed, ad enim constituto deseruisse quo, mea no quem
eros munere. </div>
</div>
<div id="right_side">
<h3>Right Side</h3>
<p> <a href="#">Lorem ipsum summo</a> nominavi pri et. Stet eruditi
perfecto at sed, ad enim constituto deseruisse quo, mea no quem
eros munere. </p>
<div class='featurebox_side'> Lorem ipsum summo nominavi pri et. Stet eruditi
perfecto at sed,
ad enim constituto deseruisse quo, mea no quem eros munere. </div>
<h4>Sub Title</h4>
<p> Ad splendide <a href="#">quaerendum</a> per, ea minimum officiis
oportere vel, an has perpetua percipitur. Consequat contentiones
his te, id <a href="#">noster</a> menandri his. Per partem perfecto
eu, est soluta accusata ex. </p>
<h3>Right Side</h3>
<div class='featurebox_side'> <a href="#">Lorem ipsum</a> summo nominavi pri
et. Stet eruditi
perfecto at sed, ad enim constituto deseruisse quo, mea no quem
eros munere. </div>
<p> Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad
enim constituto <a href="#">deseruisse</a> quo, mea no quem eros
munere. Ad splendide quaerendum per, ea minimum officiis oportere vel,
an has perpetua percipitur. Consequat contentiones his te, id noster <a
href="#">menandri</a> his. Per partem perfecto eu, est soluta
accusata ex. </p>
</div>
<div id="content">
<h3>Center Content Title</h3>
<div class='featurebox_center'> Lorem ipsum summo nominavi pri et. Stet eruditi
perfecto at sed, ad
enim <a href="#">constituto deseruisse</a> quo, mea no quem eros munere.
Ad splendide quaerendum per, ea minimum officiis oportere vel, an has <a
href="#">perpetua</a> percipitur. Consequat contentiones his te, id
noster menandri his. Per partem perfecto eu, est soluta accusata ex. </div>
<p> <a href="#">Lorem ipsum summo nominavi</a> pri et. Stet eruditi perfecto
at sed, ad enim constituto deseruisse quo, mea no quem eros munere. Ad
splendide quaerendum per, ea minimum officiis <a href="#">oportere</a> vel,
an has perpetua percipitur. Consequat contentiones his te, id noster
menandri his. Per partem perfecto eu, est soluta accusata ex. </p>
<h4>Sub Title</h4>
<p> Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad
enim constituto deseruisse quo, mea no quem eros munere. Ad splendide
quaerendum per, ea minimum officiis oportere vel, an has perpetua percipitur.
Consequat contentiones his te, id noster menandri his. Per partem perfecto
eu,
est soluta accusata ex. </p>
<p> Lorem ipsum summo <a href="#">nominavi</a> pri et. Stet eruditi perfecto at
sed, ad enim constituto deseruisse quo, mea no quem eros munere. Ad
splendide quaerendum per, ea minimum officiis oportere vel, an has
perpetua percipitur. Consequat <a href="#">contentiones</a> his te, id
noster menandri his. Per partem perfecto eu, est soluta accusata ex. </p>
<h3>Center Content Title</h3>
<p> Consequat contentiones his te, id noster menandri his. Per partem perfecto
eu, est soluta accusata ex. Lorem ipsum summo nominavi pri et. Stet eruditi
perfecto at sed, ad enim constituto deseruisse quo, mea no quem eros munere.
Ad splendide quaerendum per, ea minimum <a href="#">officiis</a> oportere
vel, an has perpetua percipitur. Consequat contentiones his te, id noster
menandri his. Per partem perfecto eu, est soluta accusata ex. </p>
<p> Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad enim
constituto deseruisse quo, mea no quem eros munere. Ad splendide quaerendum
per, ea <a href="#">minimum officiis</a> oportere vel, an has perpetua
percipitur. Consequat contentiones his te, id noster menandri his. Per partem
perfecto eu, est soluta accusata ex. Lorem ipsum summo nominavi pri et. Stet
eruditi perfecto at sed, ad enim constituto <a href="#">deseruisse</a> quo,
mea no quem eros munere. Ad splendide quaerendum per, ea minimum officiis
oportere vel, an has perpetua percipitur. Consequat contentiones his te,
id <a href="#">noster menandri</a> his. Per partem perfecto eu, est soluta
accusata ex. </p>
</div>
<div id="footer"> <a href="#">Link One</a> | <a href="#">Link Two</a> | <a
href="#">Link Three</a> | <a href="#">Link Four</a> | <a href="#">Link Five</a> <br
/>
Template provided by: <a
href="http://www.designsbydarren.com">DesignsByDarren.com</a> </div>
</div>
</body>
</html>
<!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>AtomoHost</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="topmenu">
<ul>
<li><a href="#" id="topmenu1" accesskey="1">Home</a></li>
<li><a href="#" id="topmenu2" accesskey="2">Contact</a></li>
<li><a href="#" id="topmenu3" accesskey="3">Sitemap</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">AtomoHost</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="main">
<div id="welcome">
<h2>Welcome to AtomoHost!</h2>
<p><strong>AtomoHost</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
</div>
<div id="example">
<h2>A Few Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Viverra
vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
</ul>
</div>
</div>
<div id="partners" class="boxed">
<h2 class="title">Partners</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 AtomoHost. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>Nice Paper</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header1">
<div class="nav-bg-outer">
<div class="nav-bg">
<div class="nav-bg-inner"><a href="#" class="nav">Home</a> | <a href="#"
class="nav">About</a> | <a href="#" class="nav">Services</a> | <a href="#"
class="nav">Contact</a></div>
</div>
</div>
</div>
<div class="header2">
<h1>NICE PAPER</h1>
<div style="margin-top:-5px;">Place your slogan here.</div>
</div>
<div class="main_holder">
<div class="left_column"><img src="images/sample1.jpg" alt="" width="361"
height="204" class="img-main" />
<h2>This is a h2 title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris mauris dui,
luctus a, cursus sit amet, mollis et, justo. Sed molestie vehicula sem.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. </p>
<p>Aliquam porta porta ligula. Quisque ac urna. Phasellus et pede vitae purus
consequat placerat. Mauris mi ipsum, pretium vel, semper vitae, placerat nec,
lectus. Donec quis turpis. Aenean aliquet porttitor eros. Donec ullamcorper
eleifend dolor. Nam nonummy, lacus eu pretium feugiat, mi lectus feugiat felis,
facilisis lacinia eros quam sed tellus. Sed tincidunt lacinia mauris. </p>
<p>Integer facilisis turpis vel justo. Fusce velit. Nunc eget turpis. Nullam
tincidunt commodo elit. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus.</p>
</div>
<div class="mid_column">
<h3>Nice Paper News H3</h3>
<p>Aliquam porta porta ligula. Quisque ac urna. Phasellus et pede vitae purus
consequat placerat. Mauris mi ipsum, pretium vel, semper vitae, placerat nec,
lectus. Donec quis turpis.<br />
<br />
<a href="#">- Learn More</a><br />
<br />
</p>
<h3>Nice Paper News H3</h3>
<p>Aenean aliquet porttitor eros. Donec ullamcorper eleifend dolor. Nam
nonummy, lacus eu pretium feugiat, mi lectus feugiat felis, facilisis lacinia eros
quam sed tellus. <br />
<br />
<a href="#">- Learn More</a><br />
<br />
</p>
<h3>Nice Paper News H3</h3>
<p>Sed tincidunt lacinia mauris.
Integer facilisis turpis vel justo. Fusce velit. Nunc eget turpis. Nullam
tincidunt commodo elit. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus.<br />
<br />
<a href="#">- Learn More</a><br />
<br />
</p>
</div>
<div class="right_column">
<h3>sub content H3</h3>
<br />
<img src="images/sample2.jpg" alt="sample 2" class="img-main" /> <br />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris mauris
dui, luctus a, cursus sit amet, mollis et, justo. Sed molestie vehicula sem.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas.<br />
<br />
<a href="#">- Learn More</a><br />
</p>
<p>Aliquam porta porta ligula. Quisque ac urna. Phasellus et pede vitae purus
consequat placerat. Mauris mi ipsum, pretium vel, semper vitae, placerat nec,
lectus. Donec quis turpis. Aenean aliquet porttitor eros. Donec ullamcorper
eleifend dolor. Nam nonummy, lacus eu pretium feugiat, mi lectus feugiat felis,
facilisis lacinia eros quam sed tellus. Sed tincidunt lacinia mauris.<br />
<br />
<a href="#">- Learn More</a></p>
</div>
<br clear="all" />
</div>
<div class="footer">© 2006 Your Name. All rights reserved. Disigned by:
<!-- PLEASE DON'T REMOVE THE LINK -->
<a href="http://www.allartdirectory.com/">All Art Directory</a>
<!-- THANKS AGAIN! -->
</div>
</body>
</html>
<!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>Night City business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="images/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="HEADER">
<h1> <a href="#">Company Name</a></h1>
<p class="NextPage"> <a href="#">></a></p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
<!-- header -->
<div id="PATH">
<p><a href="#">Home</a> <span class="Arrow">»</span> About Company</p>
</div>
<!-- PATH -->
<div id="SIDEBAR">
<h1>RECENT NEWS</h1>
<p class="Date">April 31, 2006</p>
<p>Curabitur arcu tellus, suscipit in, aliquam eget, ultricies id, sapien. Nam
est. Donec neque risus, tempor vitae, blandit in, porttitor a, sapien. Fusce
sollicitudin quam ac neque.</p>
<p class="More"> <a href="#">Read More</a></p>
<p class="Date">April 31, 2006</p>
<p>Curabitur arcu tellus, suscipit in, aliquam eget, ultricies id, sapien. Nam
est. Donec neque risus, tempor vitae, blandit in, porttitor a, sapien. Fusce
sollicitudin quam ac neque.</p>
<p class="More"> <a href="#">Read More</a></p>
<h1>LINKS</h1>
<p> <a href="#">www.gettemplate.com</a></p>
<p> <a href="#">www.wisepixel.com</a></p>
<p> <a href="#">www.funnyball2.com</a></p>
</div>
<!-- sidebar -->
<div id="CONTENT">
<h1>Text Header</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam auctor
semper libero. Vestibulum at erat eget arcu sagittis adipiscing. Vestibulum odio
nisi, scelerisque et, tempus et, adipiscing vitae, augue. Fusce consectetuer, elit
sit amet viverra ornare, odio eros luctus nisl, vel tempus felis quam et arcu.
Proin id elit. Fusce rutrum mauris sit amet nibh viverra porttitor. Phasellus eu
lorem vitae augue aliquet aliquam. Integer vestibulum viverra tellus. Aliquam est
arcu, ullamcorper nec, molestie vitae, rutrum vitae, ligula. Vivamus vitae augue at
dui consequat tempor.</p>
<p>Ut porttitor aliquam ligula. Quisque ultrices. Proin massa lectus, molestie
sed, porta consequat, ornare ac, leo. Etiam pellentesque, nibh at interdum
interdum, mauris nisl aliquet lorem, at sodales elit dolor id velit. Phasellus
iaculis velit viverra magna. Nullam tincidunt molestie erat. Pellentesque justo. Ut
elementum auctor dolor. Nam sagittis tempor purus. Morbi a sem non mi tempus
feugiat. Integer tempor dolor non tortor. Ut ullamcorper sapien ut quam. Fusce
posuere porttitor felis. Cras volutpat dignissim massa.</p>
<p>Aliquam sit amet augue in dui porttitor consectetuer. Nulla facilisi. Nunc
suscipit, diam et dignissim consequat, sapien ante sodales orci, et lobortis tellus
tortor imperdiet dui. Donec volutpat nonummy dui. In hac habitasse platea dictumst.
Suspendisse potenti. Vestibulum ultrices pharetra ligula. Nulla facilisi. In
accumsan congue turpis. <a href="#">Integer lorem</a>. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Maecenas dui. Etiam sit
amet dolor vitae nunc fermentum blandit. Donec tincidunt. Suspendisse odio diam,
sagittis vitae, consectetuer vel, cursus sed, enim. Phasellus ac lacus. Ut luctus,
sapien ut sagittis cursus, tellus justo aliquam purus, vel consequat massa ligula
sit amet magna.</p>
<h1>Second Header</h1>
<p>In velit. In convallis, libero at suscipit tempus, nunc tortor tempus augue,
in tincidunt urna dui eget purus. Nunc leo sem, pulvinar non, euismod eu,
condimentum sed, massa. Vivamus lorem arcu, consequat nec, ornare id, porttitor
non, felis. Nullam nec dolor. Quisque sed urna. Nam libero. Praesent vel orci non
nulla adipiscing aliquam. Sed enim dolor, hendrerit quis, rutrum sed, tincidunt a,
mi. Donec fermentum metus vel ligula tempor condimentum. Aliquam erat volutpat.
Cras fringilla faucibus erat. Aenean congue.</p>
<p>Curabitur arcu tellus, suscipit in, aliquam eget, ultricies id, sapien. Nam
est. Donec neque risus, tempor vitae, blandit in, porttitor a, sapien. Fusce
sollicitudin quam ac neque. Proin ac nulla id nisi dapibus commodo. Cras nulla
purus, malesuada eu, pretium id, imperdiet vitae, odio. Phasellus congue ultrices
lorem. Quisque sodales. Aliquam erat volutpat. Donec at mauris ut nisl aliquet
convallis. Vivamus quam urna, suscipit at, porttitor sed, cursus quis, lorem.</p>
</div>
<!-- content -->
<div id="FOOTER">
<ul>
<li><a href="#" class="First">Home</a> |</li>
<li><a href="#">Projects</a> |</li>
<li><a href="#">About Us</a> |</li>
<li><a href="#">Contacts</a> |</li>
<li><a href="#">Sitemap</a></li>
</ul>
<p>© 2005, Company Name. All rights reserved.</p>
<p>Designed by <a href="http://www.gettemplate.com/">GetTemplate</a></p>
</div>
<!-- footer -->
</body>
</html>
<!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=iso-8859-1" />
<title>Night club template</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="container">
<div id="menu">
<ul>
<li id="m01"><a href="#">Home</a></li>
<li id="m02"><a href="#">Photos</a></li>
<li id="m03"><a href="#">Parties</a></li>
<li id="m04"><a href="#">Booking</a></li>
<li id="m05"><a href="#">Contact</a></li>
</ul>
</div>
<div id="header">
<div id="logo"> <a href="#"><img src="images/logo.gif" alt="logo" border="0"
/></a> </div>
<div id="dj"></div>
<div id="welcome">
<h2>Welcome</h2>
<img src="images/welcome.gif" alt="photo 1" />
<p>We add new <a href="#">free website templates</a> frequently.</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>
<a class="more" href="#">more</a> </div>
<div class="clear"></div>
</div>
<div id="middle"></div>
<div id="middle2"></div>
<div id="content">
<div id="left">
<h2>News events</h2>
<p>This is just a place holder so you can see how the site would look
like.</p>
<p>The template is designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a> for you for
free you can replace all the text by your own text.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
</div>
<div id="right">
<h2>Photos</h2>
<a href="#"><img src="images/photo.jpg" alt="photo 1" /></a> <a href="#"><img
src="images/photo.jpg" alt="photo 2" /></a> <a href="#"><img src="images/photo.jpg"
alt="photo 3" /></a> <a href="#"><img src="images/photo.jpg" alt="photo 4" /></a>
<br />
<br />
<a class="more" href="#">more photos</a> </div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Copyright © Website name all rights reserved. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a>
<p>
</div>
</div>
</body>
</html>
<!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>
<title>Night club</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Members</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Parties</a></li>
<li><a href="#">Booking</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="welcome">
<h3>Welcome</h3>
<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 having problems editing the template please don't hesitate to ask
for help on the forum.</p>
<br />
<br />
</div>
<div id="news">
<h3>Latest News</h3>
<div class="newsitem"> <a href="http://www.templatebeauty.com"><img
src="images/photo1.jpg" alt="Photo 1" border="0" /></a> <span>10.11.2006</span>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
</div>
<div class="newsitem"> <a href="http://www.justwebtemplates.com"><img
src="images/photo2.jpg" alt="Photo 2" border="0" /></a> <span>10.11.2006</span>
<p>Even more websites all about website templates on Just Web Templates.</p>
</div>
<div class="clear"></div>
</div>
<div id="dj"> <a href="#"><img src="images/bestdjs.jpg" alt="Best DJ's"
border="0" /></a> <a href="#"><img src="images/specialoffer.jpg" alt="special
offer" border="0" /></a>
<div class="clear"></div>
</div>
<div id="footer"> copyright information 2006.All rights reserved. | designed by
<a href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</body>
</html>
<!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>Night Scene</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Night Scene</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="left">
<h2>Nibh quis urna</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">At sapien ipsum dolorem</a></li>
<li><a href="#">Etiam rhoncus volutpat</a></li>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Sapien integer gravida</a></li>
<li><a href="#">Nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor sit</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
</ul>
<h2>Mauris vulputate</h2>
<ul>
<li><a href="#">Nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor sit</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Praesent scelerisque</a></li>
<li><a href="#">Scelerisque erat</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus</a></li>
<li><a href="#">Quam quis nulla</a></li>
<li><a href="#">Fusce ultrices fringilla</a></li>
<li><a href="#">Praesent mattis</a></li>
<li><a href="#">Condimentum nisl</a></li>
</ul>
</div>
<!-- end #left -->
<div id="center">
<h1>Welcome to the Night Scene!</h1>
<p><strong>Night Scene</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<h2>Lorem ipsum dolor sit amet</h2>
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus
et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem
semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin
eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at,
ultrices eget, ornare et, wisi. Pellentesque adipiscing purus ac magna.</p>
<h3>Pellentesque habitant</h3>
<p>Morbi tristique senectus et netus et malesuada fames suscipit nulla suscipit
ac turpis egestas:</p>
<ol>
<li>In posuere eleifend odio quisque lorem ipsum dolor semper augue mattis
wisi maecenas ligula. <a href="#">More…</a></li>
<li>Donec leo, vivamus lorem ipsum dolor fermentum nibh in augue praesent a
lacus at urna congue rutrum. <a href="#">More…</a></li>
<li>Quisque dictum lorem ipsum dolor integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh. <a href="#">More…</a></li>
</ol>
<p><br />
</p>
</div>
<!-- end #center -->
<div id="right">
<h2>Lorem Ipsum Dolor</h2>
<ul>
<li><a href="#">Maecenas luctus lectus</a></li>
<li><a href="#">At sapien ipsum dolorem</a></li>
<li><a href="#">Etiam rhoncus volutpat</a></li>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Sapien integer gravida</a></li>
<li><a href="#">Nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor sit</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Sapien integer gravida</a></li>
<li><a href="#">Nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor sit</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Praesent scelerisque</a></li>
<li><a href="#">Scelerisque erat</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus</a></li>
<li><a href="#">Quam quis nulla</a></li>
<li><a href="#">Fusce ultrices fringilla</a></li>
<li><a href="#">Praesent mattis</a></li>
<li><a href="#">Condimentum nisl</a></li>
</ul>
</div>
<!-- end #right -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright (c) 2007 Night Scene • Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
</body>
</html>
<?xml version="1.0"?>
<!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" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<title>Nixed</title>
</head>
<body>
<div id="wrap">
<div id="header">
<div id="logo">
<h1> Nixed BY <span>DENiAL</span> </h1>
</div>
<div class="nav">
<ul id="tnav">
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>
<div class="important">
<h3> Support Open Design! </h3>
<p> This is an exclusive release for <a href="#">Open Designs</a> I will
release it everywhere else in febuary of 2007. Please support open designs, and
enjoy using this design as much as I enjoyed making it. As always this is released
under GPL, all I ask in return is some sort of link to me, like in the footer. If
you have any questions, or would like to let me know what you used this or any of
my designs for please contact me through my site.</p>
</div>
<div class="update">
<h4> <a href="#">Update Title</a> </h4>
<p> Lorem ipsum dolor sit amet consectetuer dui cursus neque amet Aenean.
Ligula velit
Nulla lacinia a metus ut ipsum convallis elit wisi. Sem tempor nunc et ante
et Sed
vitae laoreet scelerisque id. Nulla In nunc urna felis Nullam consectetuer
ut iaculis
molestie quis. Montes at in id tempus vitae. </p>
<p class="more"> <a href="#">Read More</a> </p>
<h4> <a href="#">Update Title</a> </h4>
<p> Lorem ipsum dolor sit amet consectetuer dui cursus neque amet Aenean.
Ligula velit
Nulla lacinia a metus ut ipsum convallis elit wisi. Sem tempor nunc et ante
et Sed
vitae laoreet scelerisque id. Nulla In nunc urna felis Nullam consectetuer
ut iaculis
molestie quis. Montes at in id tempus vitae. </p>
<p class="more"> <a href="#">Read More</a> </p>
</div>
<div class="switcher">
<ul id="switch">
<li id="active"> <a href="#" id="current" name="current">Style 1</a></li>
<li><a href="#">Style 2</a></li>
<li><a href="#">Style 3</a></li>
<li><a href="#">Style 4</a></li>
</ul>
</div>
<div id="content">
<div class="num1">
<h1> 1 </h1>
</div>
<div class="con1">
<p> Lorem ipsum dolor sit amet consectetuer dui cursus neque amet Aenean.
Ligula velit
Nulla lacinia a metus ut ipsum convallis elit wisi. </p>
</div>
<div class="pic1"></div>
<div class="num2">
<h1> 2 </h1>
</div>
<div class="con2">
<p> Lorem ipsum dolor sit amet consectetuer dui cursus neque amet Aenean.
Ligula velit
Nulla lacinia a metus ut ipsum convallis elit wisi. </p>
</div>
<div class="pic2"></div>
<div class="num3">
<h1> 3 </h1>
</div>
<div class="con3">
<p> Lorem ipsum dolor sit amet consectetuer dui cursus neque amet Aenean.
Ligula velit
Nulla lacinia a metus ut ipsum convallis elit wisi. </p>
</div>
<div class="pic3"></div>
</div>
<div id="conbot">
<div class="botcon">
<h3> SOMETHING AWESOME! </h3>
<p> Lorem ipsum dolor sit amet consectetuer elit nunc pellentesque ipsum
id. Et leo
platea et iaculis lobortis sapien Curabitur elit ipsum sagittis. Velit
Curabitur urna
eu quis vitae malesuada et Sed morbi sollicitudin. Vel lacus id Sed elit
cursus Nam
Vestibulum dui ante risus. Magna quis justo ut Pellentesque id tortor
lorem eget
penatibus Vestibulum. Egestas Suspendisse pretium massa lorem platea In
dolor Aenean
justo Curabitur. Dui at egestas. </p>
</div>
<div class="botrnav">
<ul id="bnav">
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>
<div class="search">
<form action="#" method="get">
<input type="text" name="q" value="Search for something" />
</form>
</div>
</div>
<div id="special">
<div class="spec1">
<h3> Special 1 </h3>
</div>
<div class="spec2">
<h3> Special 2 </h3>
</div>
<div class="spec3">
<h3> Special 3 </h3>
</div>
</div>
<div id="footer"> © 2006 <a href="#">Your<span>.site</span></a> DESiGN
By:<a href="#"><span>DENiAL.</span>DESiGN</a> </div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>nonzero1.0</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" title="Red" href="style_red.css" />
<link rel="alternate stylesheet" type="text/css" title="Blue" href="style_blue.css"
/>
<link rel="alternate stylesheet" type="text/css" title="Green"
href="style_green.css" />
<link rel="alternate stylesheet" type="text/css" title="Brown"
href="style_brown.css" />
<link rel="alternate stylesheet" type="text/css" title="Magenta"
href="style_magenta.css" />
<script src="styleswitch.js" type="text/javascript"></script>
</head>
<body>
<div id="header">
<div id="header_inner" class="fixed">
<div id="logo">
<h1><span>Nonzero</span>1.0</h1>
<h2>By NodeThirtyThree Design</h2>
</div>
<div id="menu">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="main_inner" class="fixed">
<div id="primaryContent_3columns">
<div id="columnA_3columns">
<h3>A free design by NodeThirtyThree</h3>
<img src="images/pic.gif" class="floatTL" alt="Something scenic" />
<p> Nonzero<sup>1.0</sup> is a free, lightweight, tableless, fluid/fixed
W3C-valid
website design by NodeThirtyThree Design.
The scenic photo to the left is from PDPhoto.
You're free to dissect, manipulate and use this design to your heart's
content. We only ask
that you link back to our site in some
way. And if you find this design useful, feel free to let us know :) </p>
<p> You can find more of our free work at this site or our site,
or some of our commercial work on 4Templates.com,
a commercial website template site. </p>
<br class="clear" />
<div class="post">
<h3>Specifics about Nonzero1.0</h3>
<ul class="post_info">
<li class="date">Posted by <a href="#">enks</a> on 11.14.2006</li>
<li class="comments"> <a href="#">44 comments</a></li>
</ul>
<p> This design comes in the following low-sodium flavors: <a
href="javascript:chooseStyle('Red');">red</a>, <a
href="javascript:chooseStyle('Green');">green</a>, <a
href="javascript:chooseStyle('Blue');">blue</a>, <a
href="javascript:chooseStyle('Magenta');">magenta</a>, and <a
href="javascript:chooseStyle('Brown');">brown</a>. Click on a color to see it in
action (requires JavaScript). </p>
<p> It also includes several alternate page layouts: <a
href="#">home</a>, <a href="index_2column.html">two column (fixed width)</a>, <a
href="index_columnless.html">columnless (fixed width)</a>, <a
href="index_fluid.html">three column (fluid width)</a>, <a
href="index_fluid_2column.html">two column (fluid width)</a>,
and <a href="index_fluid_columnless.html">columnless (fluid width)</a>.
You can also change the width of the fixed width layouts if needed. See
the <em>style.css</em> file for more thought-provoking details. </p>
<p> And now for a profound quote by the great philosopher, <a
href="#">Lorem Ipsum</a>:
Mauris neque adipiscing lacus, ac hendrerit augue odio in mi. In
ultrices enim. Curabitur a massa sed risus
viverra mollis. Proin dapibus mi porttitor nisi. Donec eget nibh dictum
magna iaculis pharetra.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas at
ligula. Donec tellus. Etiam sem.
Sed quis urna. Duis tempor elit ac nulla. And don't you forget it. </p>
</div>
</div>
</div>
<div id="secondaryContent_3columns">
<div id="columnB_3columns">
<h4><span>Search</span></h4>
<form method="post" action="#">
<div id="search">
<input type="text" class="text" name="keywords" />
<input type="submit" class="button" value="Go" />
<br class="clear" />
</div>
</form>
<h4><span>About</span> Me</h4>
<p><strong>Veroeros sed</strong> varius sollici, arcu. Vivamus et viverra.
tor. Aenean felis. Quisque eros. <a href="#">Lorem ipsum dolor</a>.</p>
<h4><span>Lorem</span> Ipsum</h4>
<ul class="links">
<li class="first"> <a href="#">Fusce dui neque fringilla</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Consequat sed cursus</a></li>
<li><a href="#">Nisi tempus nullam</a></li>
<li><a href="#">Magna sed bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Consequat sed cursus</a></li>
<li><a href="#">Id posuere metus sem</a></li>
<li><a href="#">Eget tempor eget nullam</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Consequat sed cursus</a></li>
</ul>
</div>
<div id="columnC_3columns">
<h4><span>Veroeros</span> Etiam</h4>
<ul class="links">
<li class="first"> <a href="#">Velit molestie</a></li>
<li><a href="#">Consequat cursus</a></li>
<li><a href="#">Tempus nullam</a></li>
<li><a href="#">Magna sed mauris</a></li>
<li><a href="#">Semper molestie</a></li>
</ul>
<h4><span>Blandit</span> Consequat</h4>
<ul class="links">
<li class="first"> <a href="#">Dui neque fringilla</a></li>
<li><a href="#">Metus sed donec</a></li>
<li><a href="#">Semper nisi molestie</a></li>
<li><a href="#">Sed cursus</a></li>
<li><a href="#">Tempus nullam</a></li>
<li><a href="#">Semper nisi molestie</a></li>
<li><a href="#">Sed bibendum mauris</a></li>
</ul>
<h4><span>Cool</span> Stuff</h4>
<ul class="links">
<li class="first"> <a href="#">NodeThirtyThree</a></li>
<li><a href="#">4Templates.com</a></li>
<li><a href="#">WPThemePark</a></li>
<li><a href="#">OpenWebDesign</a></li>
<li><a href="#">Zeroweb.org</a></li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<div id="footer" class="fixed"> Copyright © 2006 Your Website. All rights
reserved. Design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree
Design</a>. </div>
</body>
</html>
<!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>NothingFanzy</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>nothingfanzy</h1>
<h2>Free CSS Template </h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="columnA">
<h2>Welcome to Sitename.com!</h2>
<p>NOTHINGFANZY is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="columnB">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>
<title>NTECH BLOG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="mainPan">
<div id="topPan">
<h1>mauris eros, ornare nec, auctor quis, dignissim </h1>
<a href="#"><img src="images/logo.jpg" alt="" width="102" height="91"
border="0" align="left" class="logo" /></a>
<div id="topservicesPan">
<h2>all new services</h2>
<ul>
<li class="onelink"><a href="#">Homepage</a></li>
<li class="onelink"><a href="#">Mauris mauris</a></li>
<li class="threelink"><a href="#">sornare nec auctor</a></li>
</ul>
</div>
</div>
<div id="leftPan">
<h2>About: <span>Us?</span></h2>
<p class="dateone"><span class="blue">l stephens</span><br />
<span class="white">Ntech blog</span><br />
maneging director</p>
<p class="buttomshadow"> </p>
<p><span class="bold">NTech Blog is a free, tableless, W3C-compliant web design
layout by Template World.</span>. This template has been tested and proven
compatible with all major browser environments and operating systems. You are free
to modify the design to suit your tastes in any way you like.</p>
<p>We only ask you to not remove "Design by Template World" and the link
http://www.templateworld.com from the footer of the template.</p>
<p>If you are interested in seeing more of our free web template designs feel
free to visit our website, Template World. We intend to add at least 25 new free
templates in the coming month.</p>
<div id="leftlinkboxonePan">
<ul>
<li class="comments">Comments: <span class="boldtext">02</span></li>
<li class="continue"><a href="#">Continue....</a></li>
</ul>
</div>
<p class="topshadow"> </p>
<h3>Community: <span>how to modify?</span></h3>
<p class="datetwo"><span class="blue">M piterson</span><br />
<span class="white">Ntech blog</span><br />
maneging director</p>
<p class="buttomshadow"> </p>
<p><span class="bold">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec quis Class aptent taciti lectarcu egestas luctus.</span> bus</p>
<p>tellus.faucibus aliquam. In faucibus aliquet velit. Vivamus eget mauris.
mnec </p>
<p>Cras condimentum ullamcorper pede. Sed nec elitfaucibus aliquam vitaodio
interdum vulputate. Aenean congue </p>
<div id="leftlinkboxtwoPan">
<ul>
<li class="comments">Comments: <span class="boldtext">02</span></li>
<li class="continue"><a href="#">Continue....</a></li>
</ul>
</div>
<h4>Special tips:</h4>
<ul>
<li><a href="#">Cras condimentum ullamcorper pede.</a></li>
<li><a href="#">faucibus aliquam vitaodio interdum</a></li>
<li><a href="#">Aenean congue</a></li>
</ul>
<p class="more"><a href="#">more...</a></p>
<p class="topshadow"> </p>
<h5>coordinating: <span>methods</span></h5>
<p class="datethree"><span class="blue">l joseph & p thomas</span><br />
<span class="white">Ntech blog</span><br />
coordinator</p>
<p class="buttomshadow"> </p>
<p><span class="bold">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</span></p>
<p>tellus.faucibus aliquam. In faucibus aliquet velit. Vivamus eget mauris.
mnec </p>
<p>Cras condimentum ullamcorper pede. Sed nec elitfaucibus aliquam vitaodio
interdum vulputate. Aenean congue </p>
<div id="leftlinkboxthreePan">
<ul>
<li class="comments">Comments: <span class="boldtext">12</span></li>
<li class="continue"><a href="#">Continue....</a></li>
</ul>
</div>
<p class="buttomshadow"> </p>
</div>
<div id="middlePan">
<h2>Publications<br />
<span>on july 2006</span></h2>
<div id="middleulPan">
<ul>
<li class="one">Lorem ipsum <br />
dolor sit amet, consectetuer adipiscing <br />
<span>09th june 2006</span></li>
<li class="two">Lorem ipsum <br />
dolor sit amet, consectetuer adipiscing <span><br />
09th june 2006</span></li>
<li class="three">Lorem ipsum <br />
dolor sit amet, consectetuer adipiscing <br />
<span>09th june 2006</span></li>
<li class="four">Lorem ipsum <br />
dolor sit amet, consectetuer adipiscing<br />
<span> 09th june 2006</span></li>
<li class="five">Lorem ipsum <br />
dolor sit amet, consectetuer adipiscing<br />
<span> 09th june 2006</span></li>
</ul>
</div>
<div id="middlecaptionPan">
<h3>for our<br />
<span>GOODWILL</span></h3>
<p>"tellus.faucibus aliquam. In faucibus aliquet velit. Vivamus eget
mauris. mnec Cras condimentum ullamcorper pede. Sed nec elitfaucibus
aliquam"</p>
<p align="right"><span>l stephens</span></p>
</div>
</div>
<div id="rightPan">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Surpport</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Clients</a></li>
<li class="contact"><a href="#">Contact </a></li>
</ul>
<h2>User Links</h2>
<ul class="userlink">
<li class="userlink"><a href="#">Lorem ipsum dolor sit</a></li>
<li class="userlink"><a href="#">amet, consectetuer</a></li>
<li class="userlink"><a href="#">adipiscing elit. Donec</a></li>
<li class="userlink"><a href="#">quis Class aptentlectarcu</a></li>
<li class="userlink"><a href="#">egestas luctus. Nullam</a></li>
<li class="userlink"><a href="#">dignissim tellus. Maur</a></li>
<li class="userlink"><a href="#">orci nec leovelitlitfauci</a></li>
<li class="userlink"><a href="#">bus</a></li>
</ul>
<form name="login" id="login" action="#" method="post" class="position">
<h3>search</h3>
<input name="" type="text" />
<input name="" type="submit" class="button" value="Go" />
</form>
</div>
</div>
<div id="footermainPan">
<div id="footerPan">
<ul>
<li><a href="#">Home</a>|</li>
<li><a href="#">About</a> |</li>
<li><a href="#">Archives</a>|</li>
<li><a href="#">Support</a> |</li>
<li><a href="#">Contact</a></li>
</ul>
<p class="copyright">©ntechblog 2006 all right reaserved</p>
<a href="#"><img src="images/footerlogo.jpg" title="Total Touch" alt="Total
Touch" width="246" height="74" border="0" /></a>
<div id="footerPanhtml"><a href="http://validator.w3.org/check?
uri=referer">html</a></div>
<div id="footerPancss"><a href="http://jigsaw.w3.org/css-
validator/check/referer">css</a></div>
<ul class="templateworld">
<li>Design By:</li>
<li><a href="http://www.templateworld.com">Template World</a></li>
</ul>
</div>
</div>
</body>
</html>
<?xml version="1.0"?>
<!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="cs" lang="cs">
<head>
<title>ObsidianX</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen,projection" type="text/css"
href="css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="css/aural.css" />
</head>
<body id="www-url-cz">
<!-- Main -->
<div id="main" class="box">
<!-- header--->
<div id="header">
<!-- Logotyp -->
<h1 id="logo"><a href="#">Obsidian<strong>X</strong><span></span></a></h1>
<hr class="noscreen" />
<!-- Quick links -->
<div class="noscreen noprint">
<p><em>Quick links:<a href="#content">content</a>,<a
href="#tabs">navigation</a>,<a href="#search">search</a>.</em></p>
<hr />
</div>
<!-- Search -->
<div id="search" class="noprint">
<form action="#" method="get">
<fieldset>
<legend>Search</legend>
<label><span class="noscreen">Find:</span> <span id="search-input-out">
<input type="text" name="" id="search-input" size="30" />
</span></label>
<input type="" src="Design/search_submit.gif" id="search-submit" value="OK"
/>
</fieldset>
</form>
</div>
<!-- /search -->
</div>
<!-- /header--->
<!-- Main menu (tabs) -->
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3>
<ul class="box">
<li><a href="#">Home<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li id="active"> <a href="#">Weblog<span class="tab-l"></span><span
class="tab-r"></span></a></li>
<!-- Active -->
<li><a href="#">About Me<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Photos<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Portfolio<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Contact<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Links<span class="tab-l"></span><span class="tab-
r"></span></a></li>
</ul>
<hr class="noscreen" />
</div>
<!-- /tabs -->
<!-- Page (2 columns) -->
<div id="page" class="box">
<div id="page-in" class="box">
<div id="strip" class="box noprint">
<!-- RSS feeds -->
<p id="rss"><strong>RSS:</strong> <a href="#">articles</a> / <a
href="#">comments</a></p>
<hr class="noscreen" />
<!-- Breadcrumbs -->
<p id="breadcrumbs">You are here:<a href="#">Home</a> > <a
href="#">Category</a> > <strong>Page</strong></p>
<hr class="noscreen" />
</div>
<!-- /strip -->
<!-- Content -->
<div id="content">
<!-- Article -->
<div class="article">
<h2><span> <a href="#">This is my best article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"> <a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"> <a
href="#">My name</a></span><span class="noscreen">,</span> <span class="comments">
<a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong> <a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
<!-- Article -->
<div class="article">
<h2><span> <a href="#">This is my third article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"> <a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"> <a
href="#">My name</a></span><span class="noscreen">,</span> <span class="comments">
<a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong> <a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
<!-- Article -->
<div class="article">
<h2><span> <a href="#">This is my second article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"> <a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"> <a
href="#">My name</a></span><span class="noscreen">,</span> <span class="comments">
<a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong> <a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
<!-- Article -->
<div class="article">
<h2><span> <a href="#">This is my first article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"> <a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"> <a
href="#">My name</a></span><span class="noscreen">,</span> <span class="comments">
<a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong> <a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
</div>
<!-- /content -->
<!-- Right column -->
<div id="col" class="noprint">
<div id="col-in">
<!-- About Me -->
<h3><span> <a href="#">About Me</a></span></h3>
<div id="about-me">
<p><img src="Design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" />
<strong>John Doe</strong><br />
Age: 26<br />
Dallas, TX<br />
<a href="#">Profile on MySpace</a></p>
</div>
<!-- /about-me -->
<hr class="noscreen" />
<!-- Category -->
<h3 ><span>Category</span></h3>
<ul id="category">
<li id="category-active"> <a href="#">Selected category</a></li>
<!-- Active -->
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
</ul>
<hr class="noscreen" />
<!-- Archive -->
<h3><span>Archive</span></h3>
<ul id="archive">
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li id="archive-active"> <a href="#">August 2006</a></li>
<!-- Active -->
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
<hr class="noscreen" />
<!-- Links -->
<h3><span>Links</span></h3>
<ul id="links">
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
</ul>
<hr class="noscreen" />
</div>
<!-- /col-in -->
</div>
<!-- /col -->
</div>
<!-- /page-in -->
</div>
<!-- /page -->
<!-- Footer -->
<div id="footer">
<div id="top" class="noprint">
<p><span class="noscreen">Back on top</span><a
href="#header">^<span></span></a></p>
</div>
<hr class="noscreen" />
<p id="createdby">created by <a href="http://www.nuvio.cz">Nuvio | Web
Design</a>
<!-- DON´T REMOVE, PLEASE! -->
</p>
</div>
<!-- /footer -->
</div>
<!-- /main -->
</body>
</html>
<!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>
<title>*AUTUMN DAZE*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="top">
<h1>Your Company Name</h1>
</div>
<div class="container">
<ul id="navPyra">
<li><a href="#">Home</a></li>
<li><a class="active" href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Order</a></li>
</ul>
</div>
<div id="banner"></div>
<div id="side-menu">
<div id="navcontainer">
<h2>Links</h2>
<ul id="navlist">
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic </a> </li>
</ul>
</div>
<h2>More info</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. </p>
</div>
<div id="content">
<h2>Welcome to <span style="font-weight:bold; color:#B07E13;">Autumn
Daze</span> Template</h2>
<blockquote> This template has been tested in Mozilla Firefox and IE7. The page
validates as XHTML 1.0 Transitional using valid CSS. It will work in browser widths
of 800x600, 1024x768 & 1280x1064. <br />
For more FREE CSS templates visit <a href="http://www.mitchinson.net">my
website</a>.</blockquote>
<div style="float:right;width:125px;height:6em;margin:5px 15px 15px 10px;font-
family:georgia,arial,helvetica;font-size:1.2em;font-weight:bold; line-height:24px;
color:#cc9933;text-align:right;"> <span style="color:#663300;">"... autumn is a
second </span> spring when every <span style="color: #C86000;"> leaf is a
flower ... "</span> </div>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. </p>
<p><img class="myborder" src="images/leaf.jpg" alt="foto here"/>Autumn is a
second spring when every leaf is a flower. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
nulla facilisi. </p>
<p><img class="myborder" src="images/leaf.jpg" alt="foto here"/>Autumn is a
second spring when every leaf is a flower. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
nulla facilisi. </p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>Ocean Life</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Ocean Life</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<h2><a href="#">Welcome to Ocean Life!</a></h2>
<p><small>January 4th, 2007 by Author</small></p>
<p><em><strong>Ocean Life </strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
</ul>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa. Quisque elementum convallis purus. Quisque pellentesque
semper massa.</p>
<p class="posted">Posted in <a href="#">Quisque vestibulum</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
</div>
<div id="colTwo">
<h2>Lorem Ipsum Dolore</h2>
<p><small>January 3rd, 2007 by Author </small></p>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
<p class="posted">Posted in <a href="#">Uncategorized</a> | <a href="#">23
Comment »</a></p>
<h2>Fusce mollis</h2>
<p><small>January 3rd, 2007 by Author </small></p>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
<p class="posted">Posted in <a href="#">Uncategorized</a> | <a href="#">23
Comment »</a></p>
</div>
<div style="clear: both;"> </div>
</div>
<div id="content2">
<ul>
<li class="first">
<h2>Pages</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">WebGod of Gates</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
<div id="footer">
<p>Copyright © 2006 Ocean Life. Designed by <a
href="http://freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Office</title>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Office</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
<hr />
</div>
<div id="content">
<div id="blog">
<div id="post-1" class="post">
<h2 class="title"><a href="#">Welcome to Office!</a></h2>
<h3 class="date">March 26, 2007</h3>
<div class="entry">
<p><strong>Office</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 Licens</a>. You"re free to use it for both commercial or
personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-1 -->
<div id="post-2" class="post">
<h2 class="title"><a href="#">Sample Tags</a></h2>
<h3 class="date">January 31, 2007</h3>
<div class="entry">
<p>A one-sentence paragraph followed by a blockquoted paragraph.</p>
<blockquote>
<p>“Nam et orci et leo iaculis tempor. Duis ante ante, pretium
sit amet, feugiat ut, semper ac, nisl. Praesent eget mauris. Duis in pede.
Vestibulum nec libero.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<ul>
<li>Proin eu ligula ut est congue malesuada.</li>
<li>Nunc eleifend felis nec purus.</li>
<li>Duis sodales urna sit amet nulla.</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Donec fringilla leo eget erat.</li>
<li>Nunc condimentum cursus lorem.</li>
<li>Cras sodales venenatis metus.</li>
</ol>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-2 -->
</div>
<!-- end #blog -->
<div id="sidebar">
<ul>
<li id="search">
<h2>Search</h2>
<form id="form1" method="get" action="#">
<div>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1"
value="Search" />
</div>
</form>
</li>
<!-- end #search -->
<li id="archives">
<h2>Archives</h2>
<ul>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
</ul>
</li>
<!-- end #archives -->
<li id="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Uncategorized</a> <small>(6)</small></li>
<li><a href="#">Condimentum Cursus</a> <small>(28)</small></li>
<li><a href="#">Praesent Sit Mauris</a> <small>(14)</small></li>
<li><a href="#">Leo Iaculis Tempor</a> <small>(23)</small></li>
<li><a href="#">Dignissimos Ducimus</a> <small>(19)</small></li>
</ul>
</li>
<!-- end #categories -->
<li id="blogroll">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Lorem Ipsum Dolor</a></li>
<li><a href="#">Tempor Leo Iaculis</a></li>
<li><a href="#">Cursus Dignissimos</a></li>
<li><a href="#">Ducimus Condimentum</a></li>
<li><a href="#">Praesent Sit Mauris</a></li>
</ul>
</li>
<!-- end #blogroll -->
<li id="meta">
<h2>Meta</h2>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Logout</a></li>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Strict">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Free CSS Templates</a></li>
</ul>
</li>
<!-- end #meta -->
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #content -->
<div id="footer">
<p>Copyright © 2007 Office. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</div>
<!-- end #wrapper -->
</body>
</html>
<!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>greenworld</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"></div>
<div id="mounu">
<div id="menu">
<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#" rel="ajaxcontentarea">Home</a></li>
<li><a rel="ajaxcontentarea" href="#">Tab#1</a></li>
<li><a rel="ajaxcontentarea" href="#">Tab#2</a></li>
<li><a rel="ajaxcontentarea" href="#">Tab#3</a></li>
<li><a rel="ajaxcontentarea" href="#">Tab#4</a></li>
</ul>
</div>
</div>
<div id="backgroundslim">
<div id="ogreen">
<h1>OH, <a href="#">GREEN</a> WORLD </h1>
<p>( your slogan there ) </p>
</div>
</div>
<div id="content">
<div id="ajaxcontentarea">
<h2>Hello world! ~ widge connect ~ #3 </h2>
<p class="post-info"> <img
src="http://undergroundconsole.ifrance.com/postr.png" alt="postr" /> dinamoo, le
0/00/00 Ã 0:00 </p>
<p>i'm<em> "oh green world "</em>, the new <strong> flexible,
standart compliant and fun</strong> project of dinamoo.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur id est
tincidunt nisl pellentesque tincidunt. <strong>Donec in mauris.</strong> Mauris
neque magna, consectetuer id, malesuada vitae, tincidunt sit amet, mi. Aliquam
lacinia. Suspendisse potenti.<strong> Proin justo lorem, rutrum ac,</strong>
facilisis in, malesuada sed, ligula. </p>
<h4>Some exemples of utilisation </h4>
<p><code>font-style: italic;
} </code> </p>
<h4>Blockote</h4>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<p class="comment_nb"> <span class="post-info"><img
src="http://undergroundconsole.ifrance.com/icon.gif" alt="icon" /> Posté dans
Hello <img src="http://undergroundconsole.ifrance.com/co.png" alt="info" /></span>
23 commentaires</p>
</div>
<div id="right">
<h2>Right </h2>
<p>Lorem ipsum dolor sit amet, <strong>consectetuer adipiscing elit.</strong>
Curabitur id est tincidunt nisl pellentesque tincidunt. Donec in mauris. Mauris
neque magna.</p>
<h4>How to make content?</h4>
<ul>
<li>--> Open your favorite website editor</li>
<li>--> Browse nd open " index.html"</li>
<li>--> Make text, add photos, be free!</li>
</ul>
<div id="footr">
<p>Copyright © 2006 YOUR SITE NAME.by <a
href="http://dinamoo.com/">dinamoo</a></p>
</div>
</div>
</div>
</body>
</html>
<!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>Old Architecture</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Old Architecture</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="splash">
<p><em>“Quisque dictum integer nisl risus sagittis rutrum id congue and
nibh.”</em></p>
</div>
<div id="page">
<div id="content">
<h1>Welcome to Old Architecture!</h1>
<blockquote>
<p><strong>“Old Architecture</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from <a href="#">PDPhoto.org</a>. You're free to use it
for both commercial or personal use. I only ask that you link back to my site in
some way. <em>Enjoy :)</em>”</p>
</blockquote>
<p>Donec leo, vivamus fermentum nibh in augue praesent congue rutrum. Quisque
dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.</p>
<ol>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque
pharetra.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li>
<li><a href="#">Duis non ante in metus commodo euismod lobortis.</a></li>
</ol>
</div>
<div id="sidebar">
<h2>News & Updates</h2>
<ul>
<li>
<h3><span>May 31</span> Lorem Ipsum Dolor</h3>
<a href="#">In posuere eleifend odio quisque semper mattis wisi maecenas
ligula…</a></li>
<li>
<h3><span>May 29</span> Pellentesque Congue</h3>
<a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus…</a></li>
<li>
<h3><span>May 24</span> Maecenas Vitae Orci</h3>
<a href="#">Quisque dictum integer nisl risus sagittis convallis rutrum id
congue…</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Old Architecture. All Rights Reserved.
Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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=iso-8859-1" />
<title>Online Education</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="mainPan">
<div id="leftPan">
<ul class="one">
<li class="home">Home</li>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">univercity</a></li>
<li><a href="#">books</a></li>
<li><a href="#">discount</a></li>
<li><a href="#">realeses</a></li>
<li class="contact"><a href="#">contact</a></li>
</ul>
<div id="fastformPan">
<form action="#" method="get" class="formone">
<h2>search</h2>
<select name="category" id="category">
<option>CATAGORY</option>
</select>
<select name="author" id="author">
<option>AUTHOR</option>
</select>
<label>English</label>
<input name="search" type="radio" class="check" value="search" />
<label>French</label>
<input name="search" type="radio" class="check" value="French" />
<div id="submitPan">
<input type="submit" class="input" value="SEARCH" />
</div>
</form>
</div>
<h3>new books</h3>
<ul class="two">
<li><a href="#">Loremipsum sit</a></li>
<li><a href="#">Ametcon</a></li>
<li><a href="#">Adipiscing elit </a></li>
<li><a href="#">Morbifert urnadui </a></li>
<li><a href="#">Posuereac</a></li>
<li><a href="#">Convallis vitae</a></li>
</ul>
<div id="secondformPan">
<form action="#" method="post" class="formtwo">
<h2>newsletter</h2>
<input name="" type="text" />
<input name="" type="submit" class="input" value="SUBMIT" />
</form>
</div>
</div>
<div id="rightPan">
<div id="topPan"> <a href="#"><img src="images/logo.gif" title="Online
Education" alt="Online Education" width="213" height="30" border="0"
class="logo"/></a>
<ul>
<li class="pen"><a href="#">pen</a></li>
<li class="book"><a href="#">book</a></li>
<li class="calculator"><a href="#">calculator</a></li>
</ul>
<p>Lorem ipsum dolor sit amet</p>
</div>
<div id="bodyPan">
<h2>events</h2>
<p class="contant1">Online Education is a free, tableless, W3C-compliant web
design layout by Template World. This template has been tested and proven
compatible with all major browser environments and operating systems. You are free
to modify the design to suit your tastes in any way you like.</p>
<p class="more"><a href="#">read more</a></p>
<p class="contant2">We only ask you to not remove "Design by Template World"
and the link http://www.templateworld.com from the footer of the template. If you
are interested in seeing more of our free web template designs feel free to visit
our website, Template World. We intend to add at least 25 new free templates in the
coming month.</p>
<p class="more"><a href="#">read more</a></p>
<p class="contant3">We only ask you to not remove "Design by Template World"
and the link http://www.templateworld.com from the footer of the template. If you
are interested in seeing more of our free web template designs feel free to visit
our website, Template World. We intend to add at least 25 new free templates in the
coming month.</p>
<p class="more"><a href="#">read more</a></p>
<div id="bodylowerPan">
<div id="bodylowerLeftPan">
<h3>future plans</h3>
<p>Online Education is a free, tableless, W3C-compliant web design layout
by Template World. This template has been tested and proven compatible with all
major browser environments and operating systems. You are free to modify the design
to suit your tastes in any way you like.</p>
<ul class="list">
<li><a href="#">Lorem ipsum dolor sit amet,consectetuer</a></li>
<li><a href="#">adipiscing elit.Morbifert urna dui,posuere.</a></li>
<li><a href="#">convallis vitae,</a></li>
</ul>
<p class="more"><a href="#">view more</a></p>
</div>
<div id="bodylowerRightPan">
<h4>services links</h4>
<ul>
<li><a href="#">Lorem ipsum lorsit</a></li>
<li><a href="#">Amet, consectetuer</a></li>
<li><a href="#">Adipiscing elit.</a></li>
<li><a href="#">Morbifert urna dui,</a></li>
<li class="lastlink"><a href="#">Posuere acconvallis </a></li>
</ul>
<p class="more"><a href="#">know more</a></p>
</div>
</div>
</div>
</div>
</div>
<div id="footermainPan">
<div id="footerPan">
<ul>
<li><a href="#">home</a>| </li>
<li><a href="#">about us</a>| </li>
<li><a href="#">services</a>| </li>
<li><a href="#">univercity</a>| </li>
<li><a href="#">books</a>| </li>
<li><a href="#">discount</a>| </li>
<li><a href="#">realeses</a>| </li>
<li><a href="#">contact</a> </li>
</ul>
<p class="copyright">©online education. All right reserved.</p>
<ul class="templateworld">
<li>design by:</li>
<li><a href="http://www.templateworld.com" target="_blank">Template
World</a></li>
</ul>
<div id="footerPanhtml"><a href="http://validator.w3.org/check?uri=referer"
target="_blank">XHTML</a></div>
<div id="footerPancss"><a href="http://jigsaw.w3.org/css-
validator/check/referer" target="_blank">css</a></div>
</div>
</div>
</body>
</html>
<!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>
<title>Online Movie Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="inner">
<div id="header">
<h1><img src="images/logo.gif" width="519" height="63" alt="Online Movie
Store" /></h1>
<div id="nav"> <a href="#">HOME</a> | <a href="#">view cart</a> | <a
href="#">help</a> </div>
<!-- end nav -->
<a href="#"><img src="images/header_1.jpg" width="744" height="145"
alt="Harry Potter cd" /></a> <a href="#"><img src="images/header_2.jpg" width="745"
height="48" alt="" /></a> </div>
<!-- end header -->
<dl id="browse">
<dt>Full Category Lists</dt>
<dd class="first"><a href="#">Action & Adventure</a></dd>
<dd><a href="#">Anime & Manga</a></dd>
<dd><a href="#">Art House & International</a></dd>
<dd><a href="#">Classics</a></dd>
<dd><a href="#">Comedy</a></dd>
<dd><a href="#">Cult Movies</a></dd>
<dd><a href="#">Drama</a></dd>
<dd><a href="#">New & Future Releases</a></dd>
<dd><a href="#">Horror</a></dd>
<dd><a href="#">Musicals</a></dd>
<dd><a href="#">Mystery & Suspense</a></dd>
<dd><a href="#">Science Fiction & Fantasy</a></dd>
<dd class="last"><a href="#">Westerns</a></dd>
<dt>Search Your Favourite Movie</dt>
<dd class="searchform">
<form action="#" method="get">
<div>
<select name="cat">
<option value="-" selected="selected">CATEGORIES</option>
<option value="-">------------</option>
</select>
</div>
<div>
<input name="q" type="text" value="DVD TITLE" class="text" />
</div>
<div class="softright">
<input type="image" src="images/btn_search.gif" />
</div>
</form>
</dd>
</dl>
<div id="body">
<div class="inner">
<div class="leftbox">
<h3>Star Wars Trilogy (Widescreen Edition)</h3>
<img src="images/photo_1.jpg" width="93" height="95" alt="photo 1"
class="left" />
<p><b>Price:</b> <b>$225.97</b> & eligible for FREE Super Saver
Shipping on orders over <b>$195</b>.</p>
<p><b>Availability:</b> Usually ships within 24 hours</p>
<p class="readmore"><a href="#">BUY <b>NOW</b></a></p>
<div class="clear"></div>
</div>
<!-- end .leftbox -->
<div class="rightbox">
<h3>Batman - The Animated Series </h3>
<img src="images/photo_4.jpg" width="107" height="91" alt="photo 4"
class="left" />
<p><b>Price:</b> <b>$125</b> & eligible for FREE Super Saver Shipping
on orders over <b>$105</b>.</p>
<p><b>Availability:</b> Usually ships within 24 hours</p>
<p class="readmore"><a href="#">BUY <b>NOW</b></a></p>
<div class="clear"></div>
</div>
<!-- end .rightbox -->
<div class="clear br"></div>
<div class="leftbox">
<h3>Harry Potter and the Prisoner of Azkaban </h3>
<img src="images/photo_2.jpg" width="93" height="101" alt="photo 2"
class="left" />
<p><b>Price:</b> <b>$350</b> & eligible for FREE Super Saver Shipping
on orders over <b>$295</b>.</p>
<p><b>Availability:</b> Usually ships within 24 hours</p>
<p class="readmore"><a href="#">BUY <b>NOW</b></a></p>
<div class="clear"></div>
</div>
<!-- end .leftbox -->
<div class="rightbox">
<h3>Blade - Trinity (New Platinum Series)</h3>
<img src="images/photo_5.jpg" width="90" height="103" alt="photo 5"
class="left" />
<p><b>Price:</b> <b>$115</b> & eligible for FREE Super Saver Shipping
on orders over <b>$95</b>.</p>
<p><b>Availability:</b> Usually ships within 24 hours</p>
<p class="readmore"><a href="#">BUY <b>NOW</b></a></p>
<div class="clear"></div>
</div>
<!-- end .rightbox -->
<div class="clear br"></div>
<div class="leftbox">
<h3>Million Dollar Baby (Widescreen Edition)</h3>
<img src="images/photo_3.jpg" width="106" height="100" alt="photo 3"
class="left" />
<p><b>Price:</b> <b>$105.97</b> & eligible for FREE Super Saver
Shipping on orders over <b>$99</b>.</p>
<p><b>Availability:</b> Usually ships within 24 hours</p>
<p class="readmore"><a href="#">BUY <b>NOW</b></a></p>
<div class="clear"></div>
</div>
<!-- end .leftbox -->
<div class="rightbox">
<h3>The Matrix Reloaded (Full Screen Edition)</h3>
<img src="images/photo_6.jpg" width="91" height="99" alt="photo 6"
class="left" />
<p><b>Price:</b> <b>$75</b> & eligible for FREE Super Saver Shipping
on orders over <b>$55</b>.</p>
<p><b>Availability:</b> Usually ships within 24 hours</p>
<p class="readmore"><a href="#">BUY <b>NOW</b></a></p>
<div class="clear"></div>
</div>
<!-- end .rightbox -->
<div class="clear"></div>
</div>
<!-- end .inner -->
</div>
<!-- end body -->
<div class="clear"></div>
<div id="footer"> Web design by <a
href="http://www.freewebsitetemplates.com">free website templates</a>
<div id="footnav"> <a href="#">Legal</a> | <a href="#">Home</a> </div>
<!-- end footnav -->
</div>
<!-- end footer -->
</div>
<!-- end inner -->
</div>
<!-- end wrapper -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: OnlineFolio
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>OnlineFolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.slidepanel.setup.js"></script>
</head>
<body id="top">
<div class="wrapper col1">
<div class="accordion">
<div id="socialise">
<ul>
<li><a href="#"><img src="layout/images/linkedin.gif" alt="" /><span>Linked
In</span></a></li>
<li><a href="#"><img src="layout/images/skype.gif" alt=""
/><span>Skype</span></a></li>
<li><a href="#"><img src="layout/images/facebook.gif" alt=""
/><span>Facebook</span></a></li>
<li><a href="#"><img src="layout/images/rss.gif" alt=""
/><span>FeedBurner</span></a></li>
<li class="last"><a href="#"><img src="layout/images/twitter.gif" alt=""
/><span>Twitter</span></a></li>
</ul>
<br class="clear" />
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="header">
<p class="toggler"><a id="slideit" href="#socialise">Open Panel</a><a
id="closeit" style="display:none;" href="#socialise">Close Panel</a></p>
<div id="logo">
<h1><a href="index.html">OnlineFolio</a></h1>
<p>Free Website Template</p>
</div>
<div id="topnav">
<ul>
<li><a href="#">Online Work</a><span>Test Text Here</span></li>
<li><a href="#">Print Work</a><span>Test Text Here</span></li>
<li class="last"><a href="#">Digital Work</a><span>Test Text
Here</span></li>
<li class="active"><a href="index.html">Homepage</a><span>Test Text
Here</span></li>
<li><a href="pages/style-demo.html">Style Demo</a><span>Test Text
Here</span></li>
<li class="last"><a href="pages/full-width.html">Full Width</a><span>Test
Text Here</span></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="intro">
<div class="box1">
<h2>Welcome To My Online Portfolio !</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
</div>
<div class="box">
<h2>My Technical Know-How !</h2>
<ul>
<li>» Lorem ipsum dolor sit amet, conse</li>
<li>» Phasellus tempor vestibulum odio</li>
<li>» Vestibulum quis augue id mauris</li>
<li>» Duis egestas elit at erat imperdiet</li>
<li>» Nam tempor nisi vitae mauris</li>
<li>» Etiam porta ipsum sit amet lorem</li>
<li>» Lorem ipsum dolor sit amet, conse</li>
<li>» Phasellus tempor vestibulum odio</li>
<li>» Vestibulum quis augue id mauris</li>
<li class="last">» Duis egestas elit at erat imperdiet</li>
</ul>
</div>
<div class="box">
<h2>What I Can Do For You !</h2>
<ul>
<li>» Lorem ipsum dolor sit amet, conse</li>
<li>» Phasellus tempor vestibulum odio</li>
<li>» Vestibulum quis augue id mauris</li>
<li>» Duis egestas elit at erat imperdiet</li>
<li>» Nam tempor nisi vitae mauris</li>
<li>» Etiam porta ipsum sit amet lorem</li>
<li>» Lorem ipsum dolor sit amet, conse</li>
<li>» Phasellus tempor vestibulum odio</li>
<li>» Vestibulum quis augue id mauris</li>
<li class="last">» Duis egestas elit at erat imperdiet</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div class="overview">
<h1 id="title">Latest Work</h1>
<ul>
<li>
<div class="imgholder"><img src="images/demo/284x144.gif" alt="" /></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus sem
per. Anterdumnullam interdum eros dui urna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<div class="imgholder"><img src="images/demo/284x144.gif" alt="" /></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus sem
per. Anterdumnullam interdum eros dui urna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<div class="imgholder"><img src="images/demo/284x144.gif" alt="" /></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus sem
per. Anterdumnullam interdum eros dui urna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<div class="imgholder"><img src="images/demo/284x144.gif" alt="" /></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus sem
per. Anterdumnullam interdum eros dui urna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<div class="imgholder"><img src="images/demo/284x144.gif" alt="" /></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus sem
per. Anterdumnullam interdum eros dui urna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<div class="imgholder"><img src="images/demo/284x144.gif" alt="" /></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus sem
per. Anterdumnullam interdum eros dui urna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="footer">
<div class="box1">
<h2>A Little Something About Myself !</h2>
<img class="imgl" src="images/demo/imgl.gif" alt="" />
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue</p>
<p>Portortornec condimenterdum eget consectetuer condis consequam pretium
pellus sed mauris.</p>
</div>
<div class="box contactdetails">
<h2>My Contact Details !</h2>
<ul>
<li>Company Name</li>
<li>Street Name & Number</li>
<li>Town</li>
<li>Postcode/Zip</li>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li>Fax: xxxxx xxxxxxxxxx</li>
<li>Email: [email protected]</li>
<li class="last">LinkedIn: <a href="#">Company Profile</a></li>
</ul>
</div>
<div class="box flickrbox">
<h2>Latest Flickr Images !</h2>
<div class="wrap">
<div class="fix"></div>
<div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="fix"></div>
</div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: OnlineStudio
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>OnlineStudio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div id="topnav">
<ul>
<li class="last"><a href="#">Link text</a><span>Test Text Here</span></li>
<li><a href="#">DropDown</a><span>Test Text Here</span>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a><span>Test Text
Here</span></li>
<li><a href="pages/style-demo.html">Style Demo</a><span>Test Text
Here</span></li>
<li class="active"><a href="index.html">Homepage</a><span>Test Text
Here</span></li>
</ul>
</div>
<div id="logo">
<h1><a href="index.html">OnlineStudio</a></h1>
<p>Free Website Template</p>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col2">
<div id="intro">
<div class="fl_left">
<h1>Ut curabitur nulla tellu tor ames a in curabitur.</h1>
<p>Cursuspenatisaccum ut curabitur nulla tellus tor ames a in curabitur pede.
Idet mollisi eros dis orci congue elis et curabitur consequam intesque. <a
href="#">Discover More About Us »</a></p>
</div>
<div class="fl_right">
<ul>
<li><a href="#"><img src="layout/images/rss.gif" alt="" border="0"
/></a></li>
<li class="last"><a href="#"><img src="layout/images/twitter.gif" alt=""
border="0" /></a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col3">
<div id="latest">
<ul>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
<li class="last">
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col4">
<div id="container">
<div id="content">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor mauris
wisinon vivamus.</p>
</div>
<div id="column">
<div class="holder">
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col5">
<div id="footer">
<div id="contactform">
<h2>Why Not Contact Us Today !</h2>
<form action="#" method="post">
<fieldset>
<legend>Contact Form</legend>
<label for="fullname">Name:
<input id="fullname" name="fullname" type="text" value="" />
</label>
<label for="emailaddress" class="margin">Email:
<input id="emailaddress" name="emailaddress" type="text" value="" />
</label>
<label for="message">Message:<br />
<textarea id="message" name="message" cols="40" rows="4"></textarea>
</label>
<p>
<input id="submitform" name="submitform" type="submit"
value="Submit" />
<input id="resetform" name="resetform" type="reset" value="Reset" />
</p>
</fieldset>
</form>
</div>
<div class="fl_right">
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div id="newsletter">
<p>Enter your email to join our mailing list »</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<br class="clear" />
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Open your windows!</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="images/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="container">
<div id="header">
<p>Open your <span class="red">windows</span>!</p>
</div>
<div id="hmenu"> <a href="#">Home</a> <a href="#">Overview</a> <a
href="#">Choose season</a> <a href="#">Gallery</a> <a href="#">Partners</a> <a
href="#">About us</a> <a href="#">Contact</a> </div>
<div id="left_column">
<div id="menu"> <a href="#" accesskey="h" title="Accesskey: H"><span
class="underline">H</span>OME<span class="white">Go to homepage</span></a> <a
href="#" accesskey="n" title="Accesskey: N"><span
class="underline">N</span>EWSFLASH<span class="white">Fresh news</span></a> <a
href="#" accesskey="p" title="Accesskey: P"><span
class="underline">P</span>ORTFOLIO<span class="white">Recent work</span></a> <a
href="#" accesskey="s" title="Accesskey: S"><span
class="underline">S</span>EASONS<span class="white">Other seasons</span></a> <a
href="#" accesskey="a" title="Accesskey: A"><span
class="underline">A</span>BOUT<span class="white">Who are we?</span></a> <a
href="#" accesskey="c" title="Accesskey: C"><span
class="underline">C</span>ONTACT<span class="white">Get in touch!</span></a> </div>
<p>Every menu item has it's <b>accesskey</b> which is underlined and you can
access it by pressing <b>ALT+character</b> (CTRL+character on Mac). </p>
<p>Hovering over the menu items reveals it's short description.</p>
<p><br />
<b>Important links:</b></p>
<p><a href="#">My OSWD showcase</a><br />
<a href="#">Andreas Viklund</a><br />
<a href="#">Solucija</a><br />
<a href="#">Try sNews live!</a></p>
</div>
<div id="right_column">
<div class="main_article">
<h3>Look, the trees are changing <span class="red">colors!</span></h3>
<p>This template is a project submitted to Open Source Web Design's
contest, this time the theme is fall (Autumn). The image at the top simbolizes
<b>open windows</b> and lets the nature touch you, just an exploration of how does
a top image with slightly exceeded boundaries "opens" the whole page. Usually, I'm
a big fan of <b>simplicity</b>, if I could, I would just put black letters on a
white background :) However, this image-heavy template is a great practice though.
Once again, you are free to use it and abuse it, wrap it up and give it as a
gift :) If you grill this template on the <b>barbecue</b>, you can serve it to your
guests as a main course :)</p>
<h3><span class="red">General</span> information</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation <b>ullamcorper</b> suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
<b>blandit</b> praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
<div class="other">
<div class="left">
<h2>Just a text filler</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation <b>ullamcorper</b> suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
<b>blandit</b> praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
<div class="right">
<h2>Lorem Ipsum</h2>
<p>Lorem ipsum dolor sit amet, <b>consectetuer</b> adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. <b>Duis autem</b> vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
</div>
</div>
</div>
<div id="footer"> © 2005, <a href="#">YourSeason.com</a>, Design: <a
href="#">Luka Cvrk</a>, <a href="http://www.solucija.com/">Solucija</a>, <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> barbecue. </div>
</div>
</body>
</html>
<!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-AU">
<head>
<title>OpenTech</title>
<meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen, print,
projection" />
</head>
<body>
<!--Top Navigation-->
<div id="topnav">
<ul class="block">
<li><a href="#" class="active" accesskey="h"><em>H</em>ome</a></li>
<li><a href="#" accesskey="c"><em>C</em>opyright</a></li>
<li><a href="#" accesskey="r"><em>R</em>esources</a></li>
<li><a href="#" accesskey="t"><em>T</em>eam</a></li>
</ul>
</div>
<!--Right Navigation-->
<div id="rightlinks"> <a href="#">Site Map</a> | <a href="#">Change Font Size</a> |
<a href="#">AccessKeys</a> | <a href="#">Text-Only</a> </div>
<!--Header-->
<h1 id="header"><span class="orange">OpenTech | </span>Page Name</h1>
<!--Left Navigation-->
<div id="leftnav">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
</ul>
<br />
<h4>Something meaningful</h4>
<p> Or not so meaningful. </p>
</div>
<!-- Content -->
<div id="content">
<h2>The Full Story</h2>
<p> This design was originally made for the Oracle ThinkQuest web site contest,
but never made it to the contest.
The design sat on Jason's <acronym title="Hard Disk Drive">HDD</acronym> for
about a year.
Given the poularity of Jason's 'Orange' template, he decided to tweak this for
release into public domain as a free website template. </p>
<h3>Who Made What</h3>
<p> Andres Barreto made the original mock-up, which included most of the features
present in the current design.
Will Rossiter converted it to XHTML and CSS, thus writing most of the
underlying code.
Jason Cole made many small changes to the template, mostly to prepare it for
release as a free template, and making it all fluid width. </p>
<h2>Usage</h2>
<blockquote>
<p>This design is hereby released into the public domain, free of any warranty,
for any use.<br />
- Jason Cole, with the permission of the other
authors</p>
</blockquote>
<h3>Available Classes</h3>
<ul>
<li><tt>.orange</tt> - makes any element <span
class="orange">Orange</span></li>
<li><tt>.left</tt> - floats something to the left</li>
<li><tt>.right</tt> - floats something to the right</li>
</ul>
<h3>Fluid</h3>
<p> The fluid layout here simply floats the left column, and gives this column
spacious margins, while the header and footer are simple blocks.
A user of fluid layouts must always remember that the layout will probably
break on certain configurations, or tiny screens. </p>
</div>
<!-- Footer -->
<div id="footer">
<p> Content © 2007 Someone |
Design By: <a href="http://jason-cole.com">Jason Cole</a>, <a
href="http://www.willr.co.nz/">Will Rossiter</a> and Andres Barreto | <a
href="#">Open Designs</a> | <a href="http://validator.w3.org/check/referer"
title="Xhtml">Xhtml</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer?warning=no&profile=css2" title="CSS">Css</a> </p>
</div>
</body>
</html>
<!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>
<title>AUTUMN</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="title">
<h1>Your <span style="color:#C4DA64;">Company</span> Name</h1>
</div>
<div id="banner"></div>
<div class="container">
<ul id="top-nav">
<li><a class="active" href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<h1>Welcome to <span style="font-weight:bold; color:#C4DA64;">Autumn</span>
Template</h1>
<blockquote>This template has been tested in Mozilla and IE6/7 and validates as
XHTML 1.0 Transitional using valid CSS.<br />
For more FREE templates visit my website.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. This is a <a
href="#">LINK</a> to nowhere. Nunc libero libero, lobortis ut, placerat vel,
dapibus eu, nisl. Fusce a nisi sed urna aliquet molestie. Aenean pretium, orci
vitae lobortis rutrum, magna arcu pulvinar elit, id suscipit nunc tellus in felis.
</p>
<div style="float: right; width: 125px; height: 7em; margin: 15px; font-family:
georgia, arial, helvetica; font-size: 16px; font-weight:normal; line-height: 22px;
color: #cc9933; text-align: right;"><span style="color:#663300;">"...autumn is a
second </span>spring when every <span style="color: #C86000;">leaf is a flower...
"</span> </div>
<p>Sed interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat.
Nunc libero libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed
urna aliquet molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu
pulvinar elit, id suscipit nunc tellus in felis.Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Curabitur mi. Sed interdum. Nam facilisis dui a nisi.
Phasellus euismod augue quis erat.</p>
<h1>About</h1>
<p><img class="myborder" align="left" hspace="10" src="img/square.gif"
alt="image here" title="image here" /> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Curabitur mi. Sed interdum. Nam facilisis dui a nisi. Phasellus
euismod augue quis erat. Nunc libero libero, lobortis ut, placerat vel, dapibus eu,
nisl. Fusce a nisi sed urna aliquet molestie. Aenean pretium, orci vitae lobortis
rutrum, magna arcu pulvinar elit, id suscipit nunc tellus in felis. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed interdum. Nam
facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero libero,
lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis.</p>
</div>
<div id="side">
<h1>Links</h1>
<div id="navcontainer">
<ul id="side-nav">
<li><a href="#">Open Designs</a></li>
<li><a href="#">CSS Drive</a></li>
<li><a href="#">Style Gala</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
<h1>News</h1>
<div class="scroll">
<h2>January 1st 2006</h2>
<p class="news">HAPPY NEW YEAR. Use this space as a mini weblog
maybe .....</p>
<h2>Sept 25th 2005</h2>
<p class="news">or maybe not!</p>
</div>
</div>
<h1>More Links</h1>
<div class="more-links">
<ul>
<li><a href="#">OWD</a></li>
<li><a href="#">CSS Drive</a></li>
<li><a href="#">CSS Library</a></li>
</ul>
</div>
</div>
<div id="footer"> <a href="#">homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Opportunity
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Opportunity</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="topbar">
<div id="clientlogin">
<form action="#" method="post">
<fieldset>
<legend>Site Login</legend>
<input type="text" value="Email…"
onfocus="this.value=(this.value=='Email…')? '' : this.value ;" />
<input type="text" value="Password…"
onfocus="this.value=(this.value=='Password…')? '' : this.value ;" />
<input type="submit" name="login" id="login" value="GO" />
</fieldset>
</form>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="GO" />
</fieldset>
</form>
</div>
</div>
</div>
<div class="wrapper col2">
<div id="header">
<div id="logo">
<h1><a href="index.html">Opportunity</a></h1>
<p>Free Website Template</p>
</div>
<div id="topnav">
<ul>
<li><a class="active" href="index.html">Homepage</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="pages/style-demo.html">Style Demo</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li class="last"><a href="#">Our Services</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col3">
<div id="intro">
<div class="fl_left">
<h1>Lacus interdum at mattis vol utpat gravida pretium nunc.</h1>
<ul>
<li>
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
<div class="fl_right">
<ul>
<li><a href="#"><img src="images/demo/350x110.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/350x110.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/350x110.gif" alt=""
/></a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col4">
<div id="container">
<div id="content">
<div id="latestnews">
<ul>
<li>
<div class="imgholder"><img src="images/demo/150x150.gif" alt=""
/></div>
<div class="latestnews">
<h2>Indonectetus facilis leo nibh</h2>
<p>Attincidunt vel nam a maurisus lacinia consectetus magnisl sed ac
morbi. Inmaurisus habitur pretium eu et ac vest penatibus id lacus parturpis.
Maecenaset adipiscinia tellentum nullam velit et a convallis curabitae vitae
laoreet niseros ligula sem sed susp en at.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<br class="clear" />
</li>
<li class="last">
<div class="imgholder"><img src="images/demo/150x150.gif" alt=""
/></div>
<div class="latestnews">
<h2>Indonectetus facilis leo nibh</h2>
<p>Attincidunt vel nam a maurisus lacinia consectetus magnisl sed ac
morbi. Inmaurisus habitur pretium eu et ac vest penatibus id lacus parturpis.
Maecenaset adipiscinia tellentum nullam velit et a convallis curabitae vitae
laoreet niseros ligula sem sed susp en at.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<br class="clear" />
</li>
</ul>
</div>
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor
mauris. Wisinon vivamus wisis adipis laorem lobortis curabiturpiscingilla dui
platea ipsum lacingilla.</p>
<p>Semalique tor sempus vestibulum libero nibh pretium eget eu elit montes.
Sedsemporttis sit intesque felit quis elis et cursuspenatibulum tincidunt non
curabitae.</p>
</div>
<div id="column">
<div id="featured">
<ul>
<li>
<h2>Indonectetus facilis leonib</h2>
<p class="imgholder"><img src="images/demo/240x90.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="more"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
<div class="holder">
<div class="imgholder"><img src="images/demo/290x100.gif" alt="" /></div>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col5">
<div id="footer">
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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" lang="en">
<head>
<title>Optimistic</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="Stylesheet" type="text/css" href="optimistic.css" />
<!--[if lte IE 6]>
<script type="text/javascript" language="javascript"
src="iehover.js"></script>
<![endif]-->
</head>
<body>
<div id="container">
<div id="header">
<h1>
<!-- YOUR WEBSITE NAME -->
Your website name
<!-- YOUR WEBSITE NAME END -->
</h1>
<!-- TOP MENU -->
<ul id="mainmenu">
<li class="active"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>Guestbook</span></a></li>
<li><a href="#"><span>Links</span></a></li>
</ul>
<!-- TOP MENU END -->
</div>
<div id="content">
<div>
<!-- CONTENT START -->
<h2>About the Template</h2>
<p>This design is featuring my drawing. Some of my brushes were used as
well.</p>
<h3>Technical information</h3>
<p>The layout is entirely formatted using <acronym title="Cascading Style
Sheets">CSS</acronym>,
so I strongly advise you not to change it, otherwise the layout might
break.
Editing the content should be easy, just don't delete anything outside
areas marked with comments.</p>
<p>Since the <acronym>OSWD</acronym> rules forbid the use of JavaScript,
Internet Explorer 6 (and lower) users
won't see the rounded edges hover effect on the main menu because of poor
CSS support of the said browser.
You can get the working version at my website. If you don't need the top
menu, just delete everything between <code><!-- TOP MENU --></code> and
<code><!-- TOP MENU END --></code> —
To make a link appear highlighted (like <i>"Home"</i> shown here)
add a class <code>"active"</code> to the list item (<code>li</code>
tag).</p>
<blockquote>
<p>To make text appear in this box, use the <code>blockquote</code> tag, or
add a class <code>"box"</code> to any element.</p>
<p>To keep the template looking exactly as you see it, use tags and classes
provided in this example.</p>
</blockquote>
<p>It's tested in <a href="#">Mozilla Firefox 1.5</a>, <a href="#">Internet
Explorer 6</a>, <a href="#">Opera 8</a>, and <a href="#">Netscape 7.2</a>,
on resolution 800x600 and
1024x768, and works good in each of the mentioned. It is also validated <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>. </p>
<h2>Terms of Service</h2>
<ol>
<li>Leave the credit and link back to http://inobscuro.com/ visible.</li>
<li>Do not redistribute.</li>
<li>Personal, non-profit use only.</li>
<li>Derivative work prohibited.</li>
</ol>
<h2>Instructions for Installation</h2>
<ul>
<li>Download the .ZIP file containing the entire template;</li>
<li>Unzip the file. Use software like <a href="#">WinRAR</a>, <a
href="#">WinZIP</a>, <a href="#">StuffIt</a> etc.
(If you have Windows XP then you don't need to download any additional
software);</li>
<li>Open the file <strong>index.html</strong> in your text editor (Notepad)
and edit the website title, content
and links in the navigation area. (Those areas are marked with comments.)
Save edited files under corresponding names (for example
<i>about.html</i>, <i>links.html</i>...);</li>
<li>Upload all the files and folders to your server.</li>
</ul>
<p> For detailed information on istalling this layout, please refer to my
tutorial <a href="#">Installing premade templates</a>. </p>
<p>Have fun and enjoy :)</p>
<!-- CONTENT END -->
</div>
</div>
<div id="column">
<div>
<!-- NAVIGATION START -->
<h3>About...</h3>
<p>You can write something here if you like. Or put a cam, or shoutbox. <a
href="#">A link</a>.</p>
<h3>Network</h3>
<ul class="menu">
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>
</ul>
<h3>Affiliates</h3>
<ul class="menu">
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
</ul>
<!-- NAVIGATION END -->
</div>
</div>
<div id="footer">
<p>
<!-- COPYRIGHT INOFRMATION -->
Content © 2006 <a href="#">Your Name</a>.
<!-- COPYRIGHT INOFRMATION END -->
Design © <a href="http://inobscuro.com/">nel`chee</a>. <a
href="http://creativecommons.org/licenses/by-nc-nd/2.5/">Creative Commons
Licence</a> </p>
</div>
</div>
</body>
</html>
<!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>Orange Blue</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
<div id="topnav"> <a href="#">Home</a> | <a href="#">Sitemap</a> | <a
href="#">Contact</a> </div>
<div id="header">
<div class="name">
<h1 class="top"><span class="blue">website</span><span
class="orange">dot</span><span class="blue">com</span></h1>
<h3 class="top">Nice Slogan Here</h3>
</div>
</div>
<div id="menu">
<ul>
<li><a href="#">Free Templates</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
</ul>
</div>
<div id="leftcolumn">
<h3>User Login</h3>
<form action="#" method="get" >
<p> Username: <br />
<input name="a" type="text" size="16" />
<br />
Password: <br />
<input name="a" type="password" size="16" />
<br />
<br />
<input name="a" type="submit" class="login" value="Login" />
</p>
</form>
<div class="reg">
<p>New User Register <a href="#">here</a>.</p>
</div>
<h4>Lorem ipsum dolor sit amet</h4>
<div class ="lefttext"> <img src="images/sl0.jpg" class="floatTR" alt="" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a
href="#">Donec rutrum</a> neque eu nisl. Morbi eget felis. Vestibulum feugiat
lectus ut magna. Ut interdum ipsum nec metus. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Ut eget augue in velit
elementum bibendum.</p>
</div>
<h4>Lorem ipsum dolor sit amet</h4>
<div class ="lefttext"> <img src="images/sl1.jpg" class="floatTL" alt="" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum
neque eu nisl. Morbi eget felis. Vestibulum feugiat lectus ut magna. Ut interdum
ipsum nec metus. <a href="#">Vestibulum ante</a> ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Ut eget augue in velit elementum
bibendum.</p>
</div>
</div>
<div id="rightcolumn">
<blockquote>
<p>This is a free 100% CSS/XHTML valid <strong>Web Site Design</strong> from
Get CSS Web Design Templates for Free. You can link back to my site if you use my
template but you don't have to.</p>
</blockquote>
<h2>Lorem ipsum dolor sit</h2>
<img src="images/sl2.jpg" class="floatTL" alt="" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum neque
eu nisl. Morbi eget felis. Vestibulum feugiat lectus ut magna. Ut interdum ipsum
nec metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; <a href="#">Ut eget augue</a> in velit elementum bibendum. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum neque eu nisl.
Morbi eget felis. Vestibulum feugiat lectus ut magna. Ut interdum ipsum nec metus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Ut eget augue in velit elementum bibendum.</p>
<div class="lb"></div>
<h3>Vestibulum ante ipsum primis in faucibus</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum neque
eu nisl. Morbi eget felis. Vestibulum feugiat lectus ut magna. Ut interdum ipsum
nec metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; <a href="#">Ut eget augue</a> in velit elementum bibendum. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum neque eu nisl.
Morbi eget felis. Vestibulum feugiat lectus ut magna. Ut interdum ipsum nec metus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Ut eget augue in velit elementum bibendum. </p>
<div class="lb"></div>
<h2>Lorem ipsum dolor sit</h2>
<img src="images/sl3.jpg" class="floatTL" alt="" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum neque
eu nisl. Morbi eget felis. Vestibulum feugiat lectus ut magna. Ut interdum ipsum
nec metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; <a href="#">Ut eget augue</a> in velit elementum bibendum. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum neque eu nisl.
Morbi eget felis. Vestibulum feugiat lectus ut magna. Ut interdum ipsum nec metus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Ut eget augue in velit elementum bibendum. </p>
</div>
<div id="footer">
<p><a href="http://validator.w3.org/">Valid CSS</a> :: <a
href="http://validator.w3.org/">Valid XHTML</a> Copyright © 2007 by Free CSS
Templates and Layouts :: Designed by: <a href="http://www.getcsstemplates.com">GET
CSS Web Design</a> </p>
</div>
</div>
</body>
</html>
<!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>
<title>*ORANGE*</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Your Company Name ...</h1>
</div>
<div id="topnav">
<ul id="topnavlist">
<li><a href="#">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a class="active" href="#">Active link</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
<li><a href="#">Item six</a></li>
<li><a href="#">Item seven</a></li>
</ul>
</div>
<div id="gutter"></div>
<div id="col1">
<h2>Menu</h2>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">OSWD</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
<div id="col2">
<h2>Welcome to <span style="color:#F17327;">'Orange'</span> Template</h2>
<blockquote><img class="myimage2" src="img/box.jpg" alt="berries" title="berries"
/>All images were created by me so feel free to use them if you wish. The page has
been tested in Mozilla and IE7. The page validates as XHTML 1.0 Transitional using
valid CSS. The side menu is from <a href="http://css.maxdesign.com.au/listamatic/"
title="CSS menus">Listamatic</a>. <br />
For more FREE templates visit <a href="http://www.mitchinson.net" title="my
website">my website</a>.</blockquote>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla congue, velit tristique mattis auctor, velit
elit euismod diam, a interdum tortor enim eget ante. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla congue, velit tristique mattis auctor, velit
elit euismod diam, a interdum tortor enim eget ante. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.</p>
<h2> About</h2>
<p><img class="myimage" src="img/box.jpg" alt="berries" title="berries" /> Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit tristique
mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit tristique mattis
auctor, velit elit euismod diam, a interdum tortor enim eget ante. </p>
</div>
<div id="col3">
<h2>Resources</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<ul>
<li><a href="#">CSS Drive</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Style Gala</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> <img src="img/search.gif" alt="search" />
:search</label>
</span> <span>
<input type="text" value="demo only" name="txtsearch" title="Text input:
search" id="txtsearch" size="25" />
</span> </div>
</fieldset>
</form>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</body>
</html>
<!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>Organic Rhythm</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="H"><b>H</b>omepage</a></li>
<li><a href="#" accesskey="A"><b>A</b>bout Us</a></li>
<li><a href="#" accesskey="P"><b>P</b>roducts</a></li>
<li><a href="#" accesskey="S"><b>S</b>ervices</a></li>
<li><a href="#" accesskey="C"><b>C</b>ustomer Support</a></li>
<li><a href="#" accesskey="U">Contact <b>U</b>s</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Organic Rhythm</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="content">
<div id="welcome">
<h1>Welcome to Organic Rhythm!</h1>
<p><strong>Organic Rhythm</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="floating-box" style="margin-right: 20px;">
<p><img src="images/img05.jpg" alt="" width="200" height="90" title="A
butterfly" /></p>
<h2 class="title">Lorem Ipsum Dolorem</h2>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue
rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue,
and nibh. In posuere eleifend odio quisque semper augue mattis wisi maecenas.</p>
<ul>
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus in sapien</a></li>
<li><a href="#">Integer gravida nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit amet nisl</a></li>
</ul>
</div>
<div class="floating-box">
<p><img src="images/img06.jpg" alt="" width="200" height="90" title="A snail"
/></p>
<h2 class="title">Quisque Dictum Integer</h2>
<p>Quisque dictum integer nisl risus, sagittis convallis. Donec leo, vivamus
fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
<h3>A Heading Level Three</h3>
<p>Rutrum id congue und nibh:</p>
<ol>
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus in sapien</a></li>
<li><a href="#">Integer gravida nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit amet nisl</a></li>
</ol>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="links">
<ul>
<li><a href="#">Maecenas luctus lectus at</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus</a></li>
<li><a href="#">Integer gravida quis urna</a></li>
<li><a href="#">Etiam posuere augue amet</a></li>
<li><a href="#">Maecenas luctus lectus at</a></li>
<li><a href="#">Maecenas luctus lectus at</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Integer gravida quis urna</a></li>
<li><a href="#">Donec dictum metus</a></li>
<li><a href="#">Integer gravida quis urna</a></li>
<li><a href="#">Etiam posuere augue amet</a></li>
</ul>
</div>
<div>
<h2>A Blockquote</h2>
<blockquote>
<p>Quisque dictum integer nisl risus, sagittis convallis. Donec leo,
vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
</blockquote>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #page -->
<div id="footer">
<div class="wrapper">
<p class="links"><a href="#">Home</a> · <a href="#">Terms of Use</a>
· Designed By <a href="http://www.freecsstemplates.org/">Free CSS
Templates</a> · <a href="http://validator.w3.org/check/referer" title="This
page validates as XHTML 1.0 Strict"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> · <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
<p class="legal">© 2007 Organic Rhythm</p>
</div>
</div>
</body>
</html>
<!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>Ornamental</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Ornamental</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Ornamental!</h2>
<div class="story">
<p><strong>Ornamental</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Ornamental. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Ost Magazine
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ost Magazine</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.cycle.min.js"></script>
<script type="text/javascript">
$(function() {
$('#featured_slide').after('<div id="fsn"><ul id="fs_pagination">').cycle({
timeout: 5000,
fx: 'fade',
pager: '#fs_pagination',
pause: 1,
pauseOnPagerHover: 0
});
});
</script>
</head>
<body id="top">
<div class="wrapper col0">
<div id="topline">
<ul>
<li><a href="#">Libero</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mauris</a></li>
<li class="last"><a href="#">Suspendisse</a></li>
</ul>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col1">
<div id="header">
<div id="topnav">
<ul>
<li class="last"><a href="#">Link text</a><span>Test Text Here</span></li>
<li><a href="#">DropDown</a><span>Test Text Here</span>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a><span>Test Text
Here</span></li>
<li><a href="pages/style-demo.html">Style Demo</a><span>Test Text
Here</span></li>
<li class="active"><a href="index.html">Homepage</a><span>Test Text
Here</span></li>
</ul>
</div>
<div id="logo">
<h1><a href="index.html"><strong>O</strong>st
<strong>M</strong>agazine</a></h1>
<p>Free Website Template</p>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="featured_slide">
<div class="featured_box">
<div class="floater">
<h2>1. Aliquatjusto quisque nam</h2>
<p>Orcimagna rhoncus et a nec antesque sed temportor pellus nibh conseque.
Accumstsemper wisi pretium feugiat non ut eleifendrerisque at et condisse sce.</p>
</div>
<p class="readmore"><a href="#">Continue Reading »</a></p>
<img src="images/demo/930x375.gif" alt="" /> </div>
<div class="featured_box">
<div class="floater">
<h2>2. Aliquatjusto quisque nam</h2>
<p>Duisvest lacus pellus purus temper maurisus et sodalesuada loreet
sapiente et. Quissociis magnisl orci dui nulla ut antesque malesuada sed pede
et.</p>
</div>
<p class="readmore"><a href="#">Continue Reading »</a></p>
<img src="images/demo/930x375.gif" alt="" /> </div>
<div class="featured_box">
<div class="floater">
<h2>3. Dapiensociis temper donec</h2>
<p>Pharetiumurna habitur et enim pellentesque phasellus aliquam nunc quis
justo nam. Lobortororci dapibulum ac intesquet ut id sed intesque nec alique.</p>
</div>
<p class="readmore"><a href="#">Continue Reading »</a></p>
<img src="images/demo/930x375.gif" alt="" /> </div>
<div class="featured_box">
<div class="floater">
<h2>4. Dapiensociis temper donec</h2>
<p>Pharetiumurna habitur et enim pellentesque phasellus aliquam nunc quis
justo nam. Lobortororci dapibulum ac intesquet ut id sed intesque nec alique.</p>
</div>
<p class="readmore"><a href="#">Continue Reading »</a></p>
<img src="images/demo/930x375.gif" alt="" /> </div>
<div class="featured_box">
<div class="floater">
<h2>5. Nullain convallis ris elis</h2>
<p>Nullamcorpervivamus nisl in sed adipit donec feugiat lor vel velit
volutpat. Wisihabitur diculisi ac curabitur cursuspendreris sociis sed eger
ipsum.</p>
</div>
<p class="readmore"><a href="#">Continue Reading »</a></p>
<img src="images/demo/930x375.gif" alt="" /> </div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div class="container">
<div class="content">
<div id="topstory">
<h2>Feugiatrutrum rhoncus semper</h2>
<ul>
<li><img src="images/demo/190x130.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li><img src="images/demo/190x130.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last"><img src="images/demo/190x130.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
<div id="latestnews">
<h2>Feugiatrutrum rhoncus semper</h2>
<ul>
<li>
<div class="imgholder"><img src="images/demo/imgl.gif" alt="" /></div>
<div class="latestnews">
<h2>About This Template !</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. This template is distributed
using a <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>, which allows you to use and modify the template for both personal and
commercial use when you keep the provided credit links in the footer. For more CSS
templates visit <a href="http://www.os-templates.com/">Free Website
Templates</a>.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<br class="clear" />
</li>
<li class="last">
<div class="imgholder"><img src="images/demo/imgl.gif" alt="" /></div>
<div class="latestnews">
<h2>Indonectetus facilis leo nibh</h2>
<p>Attincidunt vel nam a maurisus lacinia consectetus magnisl sed ac
morbi. Inmaurisus habitur pretium eu et ac vest penatibus id lacus parturpis.
Maecenaset adipiscinia tellentum nullam velit et a convallis curabitae vitae
laoreet niseros ligula sem sed susp en at.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<br class="clear" />
</li>
</ul>
</div>
</div>
<div class="column">
<div class="sponsors">
<h2>Site Sponsors</h2>
<div class="b_250"><a href="#"><img src="images/demo/250x250.gif" alt=""
/></a></div>
<div class="b_125">
<ul>
<li><a href="#"><img src="images/demo/125x125.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/125x125.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/125x125.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/125x125.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/125x125.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/125x125.gif"
alt="" /></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="footer">
<div class="box1">
<h2>A Little Company Information !</h2>
<img class="imgl" src="images/demo/imgl.gif" alt="" />
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue</p>
<p>Portortornec condimenterdum eget consectetuer condis.</p>
</div>
<div class="box contactdetails">
<h2>Our Contact Details !</h2>
<ul>
<li>Company Name</li>
<li>Street Name & Number</li>
<li>Town</li>
<li>Postcode/Zip</li>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li>Fax: xxxxx xxxxxxxxxx</li>
<li>Email: [email protected]</li>
<li class="last">LinkedIn: <a href="#">Company Profile</a></li>
</ul>
</div>
<div class="box flickrbox">
<h2>Latest Flickr Images !</h2>
<div class="wrap">
<div class="fix"></div>
<div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="fix"></div>
</div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Our House</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Our House...</h1>
<span>is a very, very, very fine house</span> </div>
<div id="main">
<h1>Heading 1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec placerat
semper dolor. Vivamus rutrum arcu vel turpis. Donec elit. <a href="#">Integer
volutpat tellus</a> consequat quam auctor congue.</p>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec placerat
semper dolor. Vivamus rutrum arcu vel turpis. Donec elit. Integer volutpat tellus
consequat quam auctor congue.</p>
</blockquote>
<h2>Photos</h2>
<p><img src="images/lroom.png" alt="Living Room" /><img src="images/lroom.png"
alt="Living Room" /></p>
</div>
<div id="right">
<h2>Navigation</h2>
<div id="nav">
<ul id="menu">
<li><a href="#" id="current">Home</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
<li><a href="#">Link five</a></li>
</ul>
</div>
<h2>News</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec placerat
semper dolor. Vivamus rutrum arcu vel turpis. Donec elit. Integer volutpat tellus
consequat quam auctor congue. <a href="#">Read More »</a></p>
</div>
<div id="footer">
<p>Copyright©2007 You XHTML template by <a
href="http://karenblundell.com">Karen Blundell</a></p>
</div>
</div>
</body>
</html>
<!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>OutOfTheBlue</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>OutOfTheBlue</h1>
<h2>Free CSS Template</h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="columnA">
<h2>Welcome to Sitename.com!</h2>
<p>OutOfTheBlue is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="columnB">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>Paddy Harvest</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1> <a href="#">Paddy Harvest</a></h1>
<h2>By Sumanasa.com</h2>
</div>
<div id="menu">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Site News</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="content">
<div id="sidebar">
<ul>
<li id="archives">
<h2>Archives</h2>
<ul>
<li><a href="#">April 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
</ul>
</li>
<!-- end #archives -->
<li id="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Category #1</a> <small>(21)</small></li>
<li><a href="#">Category #2</a> <small>(11)</small></li>
<li><a href="#">Category #3</a> <small>(13)</small></li>
<li><a href="#">Category #4</a> <small>(89)</small></li>
</ul>
</li>
<!-- end #categories -->
<li id="blogroll">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Jack Hogan</a></li>
<li><a href="#">Jill Reagan</a></li>
<li><a href="#">Humpty Smith</a></li>
<li><a href="#">Bumpty Smith</a></li>
<li><a href="#">Mary Lamb</a></li>
</ul>
</li>
<!-- end #blogroll -->
<li id="meta">
<h2>Meta</h2>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Logout</a></li>
<li><a href="http://validator.w3.org/check/referer">Valid <abbr
title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
</ul>
</li>
<!-- end #meta -->
</ul>
</div>
<!-- end #sidebar -->
<div id="blog">
<div id="post-1" class="post">
<h2 class="title"> <a href="#">Introduction to Paddy Harvest</a></h2>
<h3 class="date">March 26, 2007</h3>
<div class="entry">
<p><strong>Paddy Harvest</strong> is a free template from Sumanasa.com
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons License</a>. This is a simple template with a header-with background image,
a horizontal menu, content and sidebar columns. We have tested this template in
Firefox 1.5, Opera 8.5, IE 6.0 and IE 7.0 and it works fine in all these browsers.
This is a valid XHTML and CSS and it is also very easy to customize.</p>
<p>You can use this template with no restrictions; just leave the "Design
by" information as it is at the bottom. Good luck to your website.</p>
</div>
<p class="meta">Posted in <a href="#">Category #1</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
</div>
<!-- end #post-1 -->
<div id="post-2" class="post">
<h2 class="title"> <a href="#">Sample Tags</a></h2>
<h3 class="date">January 31, 2007</h3>
<div class="entry">
<p>A one-sentence paragraph followed by a blockquoted paragraph.</p>
<blockquote>
<p>“A collection of nursery rhymes and songs to share and enjoy,
with pictures to print off and color in.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<ul>
<li>Jack and Jill went up the hill</li>
<li>To fetch a pail of water</li>
<li>Jack fell down, and broke his crown</li>
<li>And Jill came tumbling after.</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Mary had a little lamb</li>
<li>Its fleece was white as snow</li>
<li>And everywhere that Mary went</li>
<li>The lamb was sure to go.</li>
</ol>
</div>
<p class="meta">Posted in <a href="#">Category #1</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
</div>
<!-- end #post-2 -->
</div>
<!-- end #blog -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #content -->
<!-- Please do not remove the "Design by" information. -->
<div id="footer">
<p>Copyright © 2007 Paddy Harvest. Design by <a
href="http://www.sumanasa.com/">Sumanasa.com</a>.</p>
</div>
<!-- end footer -->
</div>
<!-- end #wrapper -->
</body>
</html>
<!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">
<head>
<title>Title</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="css/1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="sidebar">
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
<h1>Sidebar Content</h1>
<p>I'm sure you'll want to add some content to your sidebar, so this space is
made expecially for that!!! Obviously you can put anything you like here, images,
text, lists, etc etc. So there ya go.</p>
<h1>Sidebar block</h1>
<div class="block"> Just a space for you to put anthing that you want to stand
out I guess. </div>
</div>
<div id="header">
<h1>Autumn</h1>
<h2>Your description</h2>
<img src="images/leaf.jpg" alt="" />
<p>Autumn, Fall. The beginning of the end. <a href="#">Usually</a> associated
with leaves falling from trees and the end of the sunshine. Well, at least it is if
you live in England where the weather is notoriously bad. Anyway, here is where
your description will go.</p>
</div>
<div id="content">
<div class="block">
<h1>Introduction.</h1>
<img src="images/leaf.jpg" alt="" />
<p> So, here's my entry to the autumn competition. Originally I planned to
use some form of stock photography for the header image but I thought that most
likely everybody would do that. So I decided to draw my own. This has created the
theme for the whole template. The main things that remind me of autumn are
obviously the falling leaves, warm colours and cold skies. These things I have
tried to implement in this design. Next to this paragraph is an image so you can
see how they are formatted.<br />
So to clear that up: </p>
<ul>
<li>Falling Leaves</li>
<li>Warm Colours</li>
<li>And Cold Skies.</li>
</ul>
</div>
<div class="block">
<h1>About The Author</h1>
<p> My name's James Koster, and I am a 19 year old web designer from the UK.
<br />
Like 5.9 billion other people on our planet I run my own blog, which you
can take a look at if you want at jameskoster.co.uk. </p>
<p> As I just mentioned, I am a web designer and run my own design company:
Six Shooter Media. I offer a range of services including custom template design, so
take a look if you're after something like that! </p>
</div>
<div class="block">
<h1>Some more example text</h1>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor
enim, molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet
sit amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean gravida magna id
diam. Donec sodales nunc id nibh. Phasellus nisl. Quisque augue ante, ornare sit
amet, imperdiet vitae, fermentum et, felis. Nullam et orci. In congue gravida dui.
Mauris at erat eu tortor interdum malesuada. Nullam laoreet, metus non cursus
posuere, nibh tortor feugiat quam, non molestie libero justo at orci. Morbi
scelerisque luctus massa. Duis leo. Vivamus pulvinar, nisi non hendrerit interdum,
mi neque malesuada felis, a adipiscing mauris massa quis metus. Integer sapien
ipsum, tincidunt in, pulvinar sit amet, congue vitae, nisl. Maecenas et nunc. Nulla
facilisi. </p>
</div>
<div class="footer"> Here goes your footer information!<br />
Template design by <a href="http://www.sixshootermedia.com">James Koster</a>.
</div>
</div>
</div>
</body>
</html>
<!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>Forest Pale</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Left Column -->
<div id="leftcolumn">
<!-- Begin Logo -->
<div class="logo"> <img src="images/logo.jpg" alt="logo" /> </div>
<!-- End Logo -->
<!-- Begin Left Box -->
<div class="leftbox">
<ul class="mainnav">
<li class="heading">Heading One</li>
<li><a href="#">Home</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Six</a></li>
<li><a href="#">Link Seven</a></li>
<li class="heading">Heading Two</li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Six</a></li>
<li><a href="#">Link Seven</a></li>
</ul>
</div>
<!-- End Second Left Box -->
</div>
<!-- End Left Column -->
<!-- Begin Right Column -->
<div id="rightcolumn">
<!-- Begin Top Banner -->
<div class="banner"> <img src="images/banner.jpg" alt="Forest banner" /> </div>
<!-- End Top Banner -->
<h1>Keith Donegan with Pale Forest </h1>
<p class="content"> <img src="images/one.jpg" alt="Thumbnail" />Sed ut
perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et
quasi
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas
sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
qui ratione vol. <br />
<br />
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et
quasi
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas
sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
qui ratione vol. </p>
<h1>CSS / XHTML Strict Templates </h1>
<p class="content"> <img src="images/one.jpg" alt="Thumbnail" />Sed ut
perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et
quasi
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas
sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
qui ratione vol. <br />
<br />
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et
quasi
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas
sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
qui ratione vol. </p>
<h1>CSS Layouts </h1>
<p class="content"> <img src="images/one.jpg" alt="Thumbnail" />Sed ut
perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et
quasi
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas
sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
qui ratione vol. <br />
<br />
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et
quasi
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas
sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
qui ratione vol. </p>
<h1>Pale Forest </h1>
<p class="content"> <img src="images/one.jpg" alt="Thumbnail" />Sed ut
perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et
quasi
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas
sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
qui ratione vol. <br />
<br />
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et
quasi
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas
sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
qui ratione vol. </p>
</div>
<!-- End Right Column -->
<div class="clear"></div>
</div>
<!-- End Wrapper -->
<div id="footer">
<p class="text"> <a href="http://validator.w3.org/check?uri=referer">Valid
XHTML</a> <a href="http://jigsaw.w3.org/css-validator/">Valid CSS</a> ::
Copyright with Code-Sucks.com 2007 </p>
</div>
</body>
</html>
<!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>
<title>Palm Trees</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="webdesign.css" type="text/css" />
</head>
<body>
<div class="wrapper">
<div class="footer">
<div class="header">
<div class="content">
<div id="left">
<h1>Lorem Ipsum Dolor</h1>
<p>Lorem ipsumum lacinia eros felis et pede. Nulla facilisi. Nulla
rhoncus pellentesque dui. Maecenas enim mauris, accumsan at, eleifend non, viverra
ac, arcu. Sed at purus. Nullam dictum, urna et viverra venenatis, lectus leo
euismod nibh, a auctor tortor tellus ut justo. Morbi euismod. Ma, molestie in, mi.
Nam tellus quam, vestibulum in, hendrerit non, vehicula placerat, tellus.Donec
condimentum, nibh nec lacinia ornare, turpis metus gravida nibh, pretium lacinia
eros felis et pede. Nulla facilisi. Nulla rhoncus pellentesque dui. Maecenas enim
mauris, accumsan at, eleifend non, viverra ac, arcu. Sed at purus. Nullam dictum,
urna et viverra venenatis, lectus leo euismod nibh, a auctor tortor tellus ut
justo.</p>
<h2>Ipsum</h2>
<p>Lorem ipsumum lacinia eros felis et pede. Nulla facilisi. Nulla
rhoncus pellentesque dui. Maecenas enim mauris, accumsan at, eleifend non, viverra
ac, arcu. Sed at purus. Nullam dictum, urna et viverra venenatis, lectus leo
euismod nibh, a auctor tortor tellus ut justo. Morbi euismod. Ma, molestie in, mi.
Nam tellus quam, vestibulum in, hendrerit non, vehicula placerat, tellus.Donec
condimentum, nibh nec lacinia ornare, turpis metus gravida nibh, pretium lacinia
eros felis et pede. Nulla facilisi. Nulla rhoncus pellentesque dui. Maecenas enim
mauris, accumsan at, eleifend non, viverra ac, arcu. Sed at purus. Nullam dictum,
urna et viverra venenatis, lectus leo euismod nibh, a auctor tortor tellus ut
justo.</p>
<h2>Lorem</h2>
<p>Lorem ipsumum lacinia eros felis et pede. Nulla facilisi. Nulla
rhoncus pellentesque dui. Maecenas enim mauris, accumsan at, eleifend non, viverra
ac, arcu. Sed at purus. Nullam dictum, urna et viverra venenatis, lectus leo
euismod nibh, a auctor tortor tellus ut justo. Morbi euismod. Ma, molestie in, mi.
Nam tellus quam, vestibulum in, hendrerit non, vehicula placerat, tellus.Donec
condimentum, nibh nec lacinia ornare, turpis metus gravida nibh, pretium lacinia
eros felis et pede. Nulla facilisi. Nulla rhoncus pellentesque dui. Maecenas enim
mauris, accumsan at, eleifend non, viverra ac, arcu. Sed at purus. Nullam dictum,
urna et viverra venenatis, lectus leo euismod nibh, a auctor tortor tellus ut
justo.</p>
</div>
<div id="right">
<div class="rmenu_item"><a href="#" class="rmenu_link">vehicula
placerat</a></div>
<br />
<div class="rmenu_item"><a href="#" class="rmenu_link">nullam
dictum</a></div>
<br />
<div class="rmenu_item"><a href="#" class="rmenu_link">lacinia</a></div>
<br />
<div class="rmenu_item"><a href="#" class="rmenu_link">molestie</a></div>
<br />
<div class="rmenu_item"><a href="#" class="rmenu_link">lectus</a></div>
<br />
<div class="rmenu_item"><a href="#" class="rmenu_link">maecenas</a></div>
<br />
<div class="rmenu_item"><a href="#" class="rmenu_link">euismod</a></div>
<br />
<div class="rmenu_item"></div>
<br />
</div>
<br clear="all" />
</div>
</div>
</div>
</div>
<div class="webdesign"><a href="http://www.sarkis-webdesign.com"
class="webdesign">Webdesign by Sarkis</a></div>
</body>
</html>
<!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>Papyrus</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Papyrus</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="search">
<h2>Search</h2>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18" />
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>
</div>
<div id="content">
<div id="colOne">
<div id="latest-post">
<h2 class="title"><a href="#">Welcome to Papyrus!</a></h2>
<h3 class="posted">Posted on February 1st, 2007 by <a
href="#">Author</a></h3>
<div class="story">
<p><em><strong>Papyrus</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Etiam eu nibh. Quisque condimentum varius velit. Proin interdum erat
quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Vivamus in odio.</p>
</div>
</div>
<div id="recent-posts">
<h3 class="title">Recent Posts</h3>
<ul>
<li><strong><a href="#">Lorem ipsum dolor sit amet</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Cras sagittis est laoreet odio</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Sed pulvinar ornare urna</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Quisque in dolor non erat</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Fusce lobortis dui molestie eros</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Maecenas vel leo nec dui
pulvinar</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
</ul>
</div>
<div style="clear: both; height: 1px;"></div>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Pages</h2>
<ul>
<li class="active"><a id="page1" href="#">Home</a>
<li><a id="page2" href="#">My Photos</a></li>
<li><a id="page3" href="#">My Favorites</a></li>
<li><a id="page4" href="#">About Me</a></li>
<li><a id="page5" href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
</ul>
<div style="clear: both;"> </div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Papyrus. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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">
<head>
<title>Paradise 1983</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="centrecontainer">
<div id="outercontainer">
<div id="header">
<div id="headertitle">
<h1>paradise.island.<sup>1983</sup></h1>
</div>
<div id="headermenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
</div>
<div id="container">
<div id="containertext">
<h1>lorem ipsum dolor...</h1>
<p>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Maecenas malesuada, sem sit amet dignissim
fermentum, orci neque scelerisque sem, interdum tristique quam
felis vel ante. Donec vitae est et justo cursus fringilla. Nunc
risus. Donec pretium neque at nisl. Integer quam. Quisque
accumsan viverra elit. Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia Curae; Nullam nec libero.
Nam laoreet. In interdum, dolor sed accumsan nonummy, nulla elit
semper quam, vel adipiscing orci purus eu pede. Nam commodo.
Etiam risus nunc, dictum quis, imperdiet eget, tincidunt vitae,
enim. Nullam eget est. Morbi dignissim massa placerat dolor.
Nulla auctor, lacus ac egestas rhoncus, sem nunc ullamcorper
turpis, vitae mattis turpis leo a dui. Aliquam ornare nunc
volutpat lacus. Nam aliquet. Ut metus turpis, mattis non,
elementum quis, nonummy eu, diam. Vestibulum porta adipiscing
risus. Sed fermentum ultricies lorem.</p>
<h2>vivamus pellentesque se...</h2>
<p>Vivamus pellentesque sem id massa. Aliquam nisi. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Quisque sem. Curabitur tellus. Proin sit amet
libero. Vivamus massa mi, pharetra in, ultricies vitae,
vestibulum non, lectus. Nam quis ante ut nisl pharetra congue.
Praesent laoreet mi vitae nisi. Sed fermentum massa.
Vivamus pellentesque sem id massa. Aliquam nisi. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Quisque sem. Curabitur tellus. Proin sit amet
libero. Vivamus massa mi, pharetra in, ultricies vitae,
vestibulum non, lectus. Nam quis ante ut nisl pharetra congue.
Praesent laoreet mi vitae nisi. Sed fermentum massa.</p>
<h3>Cum sociis natoque penatibus...</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aliquam ut diam. Maecenas feugiat. Etiam
consequat sodales ante. Ut sit amet nisi non ipsum fermentum egestas.
Phasellus lacinia enim eu tortor. Integer vulputate dictum justo.
Vivamus hendrerit lectus vel nisi. Integer sit amet diam id pede
sagittis mollis. Quisque porta tellus sed nisl. Aenean eget dolor.
Donec mattis augue. Sed in orci ac mi fringilla tincidunt.</p>
</div>
</div>
<div id="footer">
<p>template by <a href="http://www.tristarwebdesign.co.uk">tristar web
design</a></p>
</div>
</div>
</div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Party Time</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="body">
<div id="head"></div>
<div id="topnav"> <a href="#">Home</a> | <a href="#">Sitemap</a> </div>
<h1><img src="images/logo.jpg" width="401" height="271" alt="Logo" /></h1>
<div id="nav"> <a href="#"><img src="images/m1.gif" width="101" height="65"
alt="M1" /></a> <a href="#"><img src="images/m2.gif" width="97" height="65"
alt="M2" /></a> <a href="#"><img src="images/m3.gif" width="97" height="65"
alt="M3" /></a> <a href="#"><img src="images/m4.gif" width="97" height="65"
alt="M4" /></a> <a href="#"><img src="images/m5.gif" width="94" height="65"
alt="M5" /></a> </div>
<div id="left-box">
<div class="inner"> <img src="images/pic_1.jpg" width="271" height="132"
alt="Pic 1" />
<h2><img src="images/h_free_drink_party_on.gif" width="252" height="33"
alt="Free Drink Party On" /></h2>
<p class="date">18/22/2006</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
</div>
</div>
<div id="content">
<div id="content-bot">
<div class="inner">
<h2><img src="images/h_our_party_news.gif" width="193" height="33"
alt="Our Party News" /></h2>
<p class="date">18/22/2006</p>
<p>Don't forget to check <a href="#">free website templates</a> 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 class="date">18/22/2006</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>
</div>
</div>
</div>
<div id="tray">
<div class="redbox first">
<h2><img src="images/h_night_party.jpg" width="217" height="109" alt="Night
Party" /></h2>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<ul>
<li>Nam congue dolor ut enim.</li>
<li>In consequat laoreet dui.</li>
<li>Pellentesque faucibus velit et urna.</li>
</ul>
</div>
<div class="redbox">
<h2><img src="images/h_our_djs.jpg" width="216" height="109" alt="Our Dj's"
/></h2>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<br />
<a href="#"><img src="images/details.jpg" width="66" height="42"
alt="Details" id="details" /></a> </div>
<div class="redbox last">
<h2><img src="images/h_next_party.jpg" width="216" height="109" alt="H Next
Party" /></h2>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<br />
</div>
<div class="clear"></div>
<div class="divider"></div>
</div>
<div id="footer"> Copyright @ 2006, <a href="#">www.nightclub.com</a>, All
rights Reserved.| designed by <a href="http://www.freewebsitetemplates.com">free
website templates</a></div>
</div>
</div>
</body>
</html>
<!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" lang="en" xml:lang="en">
<head>
<title>Pasta</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<style type="text/css" media="all">
@import "style.css";
</style>
</head>
<body>
<div id="navcontainer">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
</div>
<div id="horizon">
<div id="content">
<div id="maincontainer">
<div id="contentwrapper">
<div id="contentcolumn">
<div id="text">
<h1>Welcome! (h1, h2, h3)</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur
massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam
nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In
risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin
tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet massa.
<p> <a href="#">[Read more...]</a></p>
<h4>Headline (h4, h5, h6)</h4>
<p><img class="imgleft" src="images/image.jpg" width="120" height="120"
alt="" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa.</p>
<ul class="list">
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
<li>Item four</li>
<li>Item five</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur
massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam
nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In
risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin
tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet massa.</p>
<div class="hr">
<hr />
</div>
<p><img class="imgright" src="images/image.jpg" width="120"
height="120" alt="" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Curabitur massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus.
Aliquam nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut,
turpis. In risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris
sollicitudin tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet
massa.</p>
</div>
<div id="copyright"> © Copyright 2007 <a href="#">Your
Sitename</a><br />
<a href="http://validator.w3.org/check?uri=referer">XHTML 1.0
Transitional</a> | Design by wfiedler </div>
</div>
</div>
<div id="leftcolumn">
<div id="navleft">
<ul>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
</div>
<div id="notesleft"> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Curabitur massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut,
lacus. Aliquam nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus
ut, turpis. </div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>Pastel Co.</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Pastel Co.</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="support">
<h2>Customer Support</h2>
<h3>1-800-1234567</h3>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<p><img src="images/img06.jpg" alt="" width="472" height="232"
class="portrait" /></p>
<h2 class="title">Welcome to Pastel Company!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Pastel Company</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Pastel Co.. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>PASTEL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:75%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:bold 1.1em/1.4em helvetica, arial, sans-serif;}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="banner"><img src="img/blue_banner.jpg" alt="logo" title="logo" /></div>
<div id="bannerb">
<h3>Your Company Name</h3>
</div>
<div id="menuh-container">
<div id="menuh">
<ul>
<li><a href="#" class="top_parent"> Homepage</a>
<ul>
<li><a href="#">• About</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery 1</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery 2</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery 3</a></li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Resources</a></li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Contact</a></li>
</ul>
</div>
</div>
<div id="sidebar">
<h1>Links</h1>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
</div>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. </p>
</div>
<div id="sidebar-b">
<h1>Updates</h1>
<div class="scroll">
<h2>:: Jan 01 2006</h2>
<p class="news"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Nulla congue, velit tristique mattis auctor, velit elit euismod diam, a interdum
tortor enim eget ante. </p>
<h2>:: Dec 02 2005</h2>
<p class="news"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Nulla congue, velit tristique mattis auctor, velit elit euismod diam, a interdum
tortor enim eget ante. </p>
</div>
<h1>More Info</h1>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. </p>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
<div id="content">
<h1>Welcome to <span style="color:#596096;font-weight:bold;">Pastel</span>
Template</h1>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE templates visit my website.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
</p>
<h1>Filler Text</h1>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla congue, velit tristique mattis auctor, velit
elit euismod diam, a interdum tortor enim eget ante. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla congue, velit tristique mattis auctor, velit
elit euismod diam, a interdum tortor enim eget ante. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla congue, velit tristique mattis auctor, velit
elit euismod diam, a interdum tortor enim eget ante. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla congue, velit tristique mattis auctor, velit
elit euismod diam, a interdum tortor enim eget ante. </p>
<h1>More Filler Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
</p>
</div>
<div style="clear:both"> </div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>Pattern Maker</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<h1><a href="#">Pattern Maker</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Blog</a></li>
<li><a href="#" accesskey="3">Photos</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Pattern Maker!</h2>
<div class="meta">
<p class="date">Posted on February 25, 2007 by John Doe</p>
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
<div class="story">
<p><img src="images/img08.jpg" alt="" width="490" height="140" /></p>
<p><strong>Pattern Maker</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You"re free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="meta">
<p class="date">Posted on February 25, 2007 by John Doe</p>
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
</div>
</div>
<div id="sidebar">
<div id="archives" class="boxed">
<h2>Archives</h2>
<div class="content">
<ul>
<li><a href="#">March 2007</a> <i>(5)</i></li>
<li><a href="#">February 2007</a> <i>(28)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</div>
</div>
<div id="categories" class="boxed">
<h2>Lorem Ipsum Dolor</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="copy">©2007 Pattern Maker. Designed by <a href="#">Free CSS
Templates</a></p>
</div>
</body>
</html>
<!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>
<title>Personal Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<h1><a href="#"><img src="images/logo.gif" width="177" height="36" alt=""
/></a></h1>
<ul id="nav">
<li class="b"><a href="#">HOME</a></li>
<li class="a"><a href="#">Hobbies</a></li>
<li class="d"><a href="#">Gallery</a></li>
<li class="c"><a href="#">contact</a></li>
</ul>
<div id="body">
<div>
<div>
<div>
<div class="inner"> <img src="images/left_photo.jpg" width="194"
height="299" alt="My photo" class="left" />
<h2><img src="images/title_welcome.gif" width="139" height="20"
alt="Welcome to my world" /></h2>
<div class="indent">
<p>This is a demo text. It will be replaced by the original. This is
a demo text. It will be replaced by the original. This is a demo text. It will be
replaced by the original. This is a demo text. It will be replaced by the original.
This is a demo text. It will be replaced by the original. This is a demo text. It
will be replaced by the original.</p>
<p>This is a demo text. It will be replaced by the original. This is
a demo text. It will be replaced by the original. This is a demo text. It will be
replaced by the original. This is a demo text. It will be replaced by the original.
This is a demo text. It will be replaced by the original. This is a demo text. It
will be replaced by the original.</p>
<p>This is a demo text. It will be replaced by the original. This is
a demo text. It will be replaced by the original. This is a demo text. It will be
replaced by the original. This is a demo text. It will be replaced by the original.
This is a demo text. It will be replaced by the original.</p>
<p>This is a demo text. It will be replaced by the original. This is
a demo text. It will be replaced by the original. This is a demo text. It will be
replaced by the original. This is a demo text. It will be replaced by the original.
This is a demo text. It will be replaced by the original. This is a demo text. It
will be replaced by the original. This is a demo text. It will be replaced by the
original. This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original. This is a demo text. It will be replaced
by the original. This is a demo text. It will be replaced by the original. This is
demo text.</p>
</div>
<div id="dividerx"><img src="images/divider_cut.gif" width="28"
height="12" alt="" /></div>
<div id="boxes">
<div>
<div class="inner">
<div id="left">
<div class="inner">
<h2><img src="images/title_join_my_club.gif" width="86"
height="20" alt="join my club" /></h2>
<p>This is a demo text. It will be repl aced by the
original.</p>
<img src="images/black_man.gif" width="79" height="102"
alt="black man" class="lowright" />
<p>This is a demo text. It will be replaced by the original.
This is a demo text. </p>
<p class="readmore"><a href="#">...Join Now</a></p>
</div>
</div>
<!-- end left -->
<div id="right">
<div class="inner">
<h2><img src="images/title_enter.gif" width="139" height="20"
alt="enter my dreamland" /></h2>
<ul class="left">
<li><a href="#">My music</a></li>
<li><a href="#">My movies</a></li>
<li><a href="#">My sports</a></li>
<li><a href="#">My paintings</a></li>
</ul>
<p>This is a demo text. It will be replaced by the original.
This is a demo text. It will be replaced by the original. This is a demo text. It
will be replaced by the original. This is a demo text. It will be replaced by the
original. This is a demo text. It will be replaced by the original. This is a demo
text.</p>
<p>This is a demo text. It will be replaced by the original.
This is a demo text. It will be replaced by the original. This is a demo text. It
will be replaced by the original. This is a demo text. It will be replaced by the
original. This is a demo text. It will be replaced by the original. This is a demo
text.</p>
</div>
</div>
<!-- end right -->
<div class="clear"></div>
</div>
</div>
</div>
<!-- end boxes -->
</div>
</div>
</div>
</div>
<!-- end .inner -->
</div>
<!-- end body -->
<div id="footer"> Powered by <a href="http://www.freewebsitetemplates.com">Free
Website Templates</a> </div>
<!-- end footer -->
</div>
<!-- end wrapper -->
</body>
</html>
<!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>
<title>AUTUMN 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="top">
<h1>Your Company Name</h1>
</div>
<div class="container">
<ul id="navPyra">
<li><a class="active" href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Order</a></li>
</ul>
</div>
<div id="banner"></div>
<div id="side">
<div id="navcontainer">
<h2>Links</h2>
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">CSS Drive</a></li>
<li><a href="#">Listamatic</a></li>
<li><a href="#">w3schools</a></li>
<li><a href="#">Style Gala</a></li>
</ul>
</div>
<h2>More Links</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
</div>
<div id="content">
<h2>Welcome to <span style="color:#6E923B;">Autumn 2</span> Template</h2>
<div style="float: right; width: 125px; height: 7em; margin-top: 5px; margin-
bottom: 15px; margin-left: 10px; margin-right: 15px; font-family: georgia, arial,
helvetica; font-size: 16px; font-weight:bold; line-height: 24px; color: #D46B18;
text-align: right;"><span style="color:#663300;">"...autumn is a second
</span>spring when every <span style="color: #6E923B;">leaf is a flower... "</span>
</div>
<blockquote>This page has been tested in Mozilla and IE7 and validates as XHTML
1.0 Transitional using valid CSS.<br />
For more FREE templates visit my website.</blockquote>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Fusce sed lorem. Donec non elit vehicula metus
tristique volutpat. Nullam sit amet nisl a leo aliquam fringilla. Nulla ultrices,
tortor a pretium posuere, neque urna semper urna, id semper dui quam non metus.
Pellentesque viverra porttitor tortor. </p>
<h2>Heading</h2>
<p><img class="myborder" align="left" hspace="10" src="images/autumn3_leaf.jpg"
alt="foto here"/>Autumn is a second spring when every leaf is a flower. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex
ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate
velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
delenit augue duis dolore te feugait nulla facilisi. </p>
<h2>Heading</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce sed lorem.
Donec non elit vehicula metus tristique volutpat. Nullam sit amet nisl a leo
aliquam fringilla. Nulla ultrices, tortor a pretium posuere, neque urna semper
urna, id semper dui quam non metus. Pellentesque viverra porttitor tortor. Etiam
vestibulum, eros nec mattis dictum, est velit pulvinar magna, a sodales augue elit
eu erat. Aliquam elementum, libero vel facilisis congue, est est lacinia augue, ut
condimentum metus enim a tellus. Sed tincidunt luctus justo. Pellentesque nec urna
pulvinar ante porttitor blandit. Praesent magna eros, ultrices ac, viverra non,
facilisis id, purus. Ut nulla augue, elementum sit amet, hendrerit ac, rutrum eget,
massa. Nunc ut arcu vitae dui feugiat pulvinar. Aenean laoreet porta arcu. </p>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>
<title>Pets Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="nav"><a href="#">Home</a> | <a href="#">Pets Community</a>
| <a href="#">About us</a> | <a href="#">Pet Gallery</a>
| <a href="#">Latest News</a> | <a href="#">Contact
us</a></div>
<div id="bg"></div>
</div>
<div id="main-content">
<div id="left-column">
<div id="logo"><img src="images/big-paw.gif" alt="" width="42" height="45"
align="left" /><span class="logotxt1">Pet Lovers</span> <span
class="logotxt2">Template</span><br />
<span style="margin-left:15px;">Your Slogan goes here</span></div>
<div class="box">
<h1>Open Source Free Pet Template</h1>
<p>This Pet Lovers template is an open source template and is released and
distributing under Creative Commons 2.5 licence. You are free to use this template
in any way you like. All I ask for is that you leave the web site Design credit
links in the footer of this template intact. Here is how a list looks like: </p>
<ul style="margin-top:10px;">
<li>Lorem ipsum dolor sit amet, consetetur sadipscing.</li>
<li>Tempor invidunt ut labore et dolore.</li>
<li>At vero eos et accusam et justo duo dolores et ea rebum.</li>
<li>Stet clita kasd gubergren, no sea takimata sanctus.</li>
<li>Stet clita kasd gubergren</li>
</ul>
</div>
<h2>Some text heading in H2 Tag</h2>
<p><img src="images/dog.jpg" alt="" width="92" height="129" align="left"
style="margin-right:10px;margin-bottom:10px;" /> Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor .</p>
<p><br />
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero
eos et accusam et justo duo dolores et ea rebum nonumy eirmod tempor . invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum. </p>
</div>
<div id="right-column">
<div id="main-image"><img src="images/lady.jpg" alt="" width="153"
height="222" /></div>
<div class="sidebar">
<h3>About this Site</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In egestas
nisl sit amet odio. Duis iaculis metus eu nulla. Donec venenatis sapien sed urna.
Donec et felis ut elit elementum pellentesque. Praesent bibendum turpis semper
lacus.</p>
<h3>Related Links</h3>
<div class="box">
<ul>
<li><a href="#">Pet Medicine</a></li>
<li><a href="#">Yahoo Pets & Animals</a></li>
<li><a href="#">Web site Designers</a></li>
<li><a href="#">Professional Web Design</a></li>
<li><a href="#">Free Flash Games</a></li>
<li><a href="#">Open Source Web Design</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">Copyright © 2006 Your Company Name, All rights reserved.<br
/>
<a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer?
warning=no&profile=css2">CSS</a> - Web site Design by : <a
href="http://www.web-Designers-directory.org/">WDD</a></div>
</div>
</body>
</html>
<!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>Pharoah</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="title">Pharoah</div>
<div id="header"></div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">destinations</a></li>
<li><a href="#">attractions</a></li>
<li><a href="#">links</a></li>
<li><a href="#">contact</a></li>
<li><a href="http://validator.w3.org/check?uri=referer">xhtml</a></li>
</ul>
</div>
<div id="content1">
<h3>Welcome!</h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at
libero. Suspendisse non risus a diam convallis lobortis. Duis iaculis, nisi sed
varius feugiat, dolor ipsum pharetra quam, ut malesuada nisl enim vel nunc. Quisque
eget leo. Donec dignissim odio et purus. Nunc congue consequat libero. Aenean nec
libero eget nulla euismod scelerisque. </p>
<p> 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>
</div>
<div id="content2">
<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 <a
href="#">dreamLogic Web Design</a>. </p>
<p> Ut nisl dolor, nonummy sed, volutpat vel, pulvinar at, urna. Curabitur ut
velit ut mauris elementum aliquam. Sed arcu. Phasellus varius semper metus. </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"> <a href="http://www.dream-logic.com">Web Design by
dreamLogic</a> </div>
</div>
</body>
</html>
<!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" >
<head>
<title>PhotoEye</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" media="handheld,all" />
</head>
<body>
<div id="header">
<h1>Homepage Name</h1>
<!-- For text-based browsers (agents) -->
</div>
<div id="holder">
<div id="content">
<h3>Headline</h3>
<p>You may use this homepage-template as you see fit. I only ask, that you keep
the "Design by Dripz" at the bottom intact. Thanks. This template is valid <acronym
title="eXtensible Hypertext Markup Language">XHTML1.0</acronym> and <acronym
title="Cascading Stylesheets">CSS</acronym> and does not use tables/javascript.</p>
<h3>Free Template</h3>
<p><img src="imgs/horse.jpg" alt="" class="floatleft" width="100"
height="100" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris
vitae enim in ante semper placerat. Etiam odio lectus, vestibulum non, congue nec,
rutrum sagittis, ipsum. Donec wisi pede, ultricies quis, <a href="#">nonummy
sed</a>, euismod eget, nunc. Nunc quis wisi. Sed imperdiet lorem et mauris. Quisque
gravida, metus a porta vestibulum, felis nisl placerat leo, eu commodo quam neque
nec augue.</p>
<p class="blockquote">Vestibulum auctor. Praesent aliquam lectus nonummy enim.
Suspendisse ultrices mi quis libero. Sed egestas velit ac sapien. Phasellus mauris
risus, elementum quis, euismod a, egestas sed, orci. Proin gravida arcu ac sem.
Donec condimentum <a href="#">vestibulum</a> felis. Morbi pharetra volutpat lectus.
Vivamus vel orci. Quisque sed mi. Cras sit amet massa sit amet nibh tristique
commodo. Nullam ac ante ut nisl lobortis dapibus. Integer lacus dui, fermentum nec,
pharetra eu, congue ac, justo. Integer at tellus id tortor fringilla pulvinar. Nunc
ultrices rhoncus elit. Integer tincidunt sapien in tellus.</p>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Vestibulum eu est. In sed dolor non augue consequat porta.
Mauris in arcu. Mauris magna. Nulla erat. Sed orci ligula, condimentum quis,
nonummy eget, pharetra quis, ipsum. Nunc purus.</p>
<h3>Made by Dripz</h3>
<p>Nullam rutrum, eros sit amet lobortis ornare, nisl nibh congue dolor, nec
sollicitudin dui quam fringilla wisi. Proin pharetra, tellus nec mattis lacinia,
ipsum metus imperdiet neque, vitae malesuada ante magna eu erat. Mauris nulla
tellus, pretium in, pharetra vel, porta in, dui.</p>
<h3>What do you think?</h3>
<p>Integer convallis pulvinar pede. In sed enim in nulla dignissim pretium. Nam
interdum feugiat urna. Etiam nonummy, libero vitae iaculis faucibus, enim felis
accumsan wisi, aliquet volutpat nunc est a leo. Cras quis elit a risus semper
ultrices. Integer vestibulum, magna id semper fringilla, libero massa ultrices
diam, id consectetuer quam ante in neque. Nulla lacinia lacus sed elit consequat
condimentum. Proin auctor metus. Praesent pellentesque nonummy augue. Vivamus id
quam at nibh rhoncus tempus. Aenean elit. Sed iaculis enim vitae diam. Nunc laoreet
justo eu odio. Quisque ligula magna, mattis in, faucibus et, dictum commodo, sem.
Mauris pharetra diam ac nisl.</p>
</div>
<div id="menu">
<h1>Menu</h1>
<!-- For text-based browsers (agents) -->
<dl>
<dt><b>Search</b></dt>
<dd>
<form method="get" action="#">
<div>
<input class="text" type="text" name="something" value="" />
<input class="button" type="submit" name="something2" value="Search" />
</div>
</form>
</dd>
<dt><b>First menu</b></dt>
<dd><a href="#">Home</a></dd>
<dd><a href="#">menu item 2</a></dd>
<dd><a href="#">menu item 3</a></dd>
<dd><a href="#">menu item 4</a></dd>
<dd><a href="#">menu item 5</a></dd>
<dd><a href="#">menu item 6</a></dd>
<dt><b>Second menu</b></dt>
<dd><a href="#">menu item 7</a></dd>
<dd><a href="#">menu item 8</a></dd>
<dd><a href="#">menu item 9</a></dd>
<dd><a href="#" class="selected">menu item 10</a></dd>
<dd><a href="#">menu item 11</a></dd>
<dd><a href="#">menu item 12</a></dd>
<dt><b>Third menu</b></dt>
<dd><a href="#">menu item 13</a></dd>
<dd><a href="#">menu item 14</a></dd>
<dd><a href="#">menu item 15</a></dd>
<dd><a href="#">menu item 16</a></dd>
<dd><a href="#">menu item 17</a></dd>
<dd><a href="#">menu item 18</a></dd>
<dt><b>Links / Buttons</b></dt>
<dd><a href="#">teenspot.com</a></dd>
<dd><a href="#">edotistic.com</a></dd>
<dd><a href="#">menu item 15</a></dd>
<dd><a href="#">menu item 16</a></dd>
<dd><a href="#">menu item 17</a></dd>
<dd><a href="#">menu item 18</a></dd>
</dl>
</div>
</div>
<div id="footer">
<h5>Copyright © Company/Name. </h5>
</div>
</body>
</html>
<!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>Photo Portal</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="template05.css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Photo Portal</h1>
<p id="subtext">Lorem Ipsum Dolor Sit Amet</p>
</div>
<!-- end header--->
<div id="pic"></div>
<!-- end main pic - this is a background image-->
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum</a></li>
</ul>
<!-- end main menu -->
<!-- all the right hand content begins here-->
<div class="clear"></div>
<div id="rightside">
<div class="rightdata">
<h2>Lorem ipsum dolor sit amet</h2>
<img src="images/bigphoto.gif" width="200" height="150" class="photo"
alt="" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit</a>,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
<div class="rightdata">
<h2>Lorem ipsum dolor sit amet</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
<div class="headline">
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi.</p>
</div>
<!-- This is where the gallery starts-->
<div class="gallery">
<p class="thumbs"> <a href="#"><img src="images/thumb.jpg" alt="" width="85"
height="85" class="" /></a> <a href="#"><img src="images/thumb.jpg" alt=""
width="85" height="85" class="" /></a> <a href="#"><img src="images/thumb.jpg"
alt="" width="85" height="85" class="" /></a> <a href="#"><img
src="images/thumb.jpg" alt="" width="85" height="85" class="" /></a> <a
href="#"><img src="images/thumb.jpg" alt="" width="85" height="85" class="" /></a>
<a href="#"><img src="images/thumb.jpg" alt="" width="85" height="85" class=""
/></a> </p>
</div>
</div>
<div id="leftside">
<div class="leftdata">
<div id="leftnav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
</div>
<div class="leftdata">
<p><b>Lorem ipsum dolor sit amet</b><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te <a href="#">feugait nulla
facilisi</a>.</p>
</div>
<div class="leftdata">
<p><b>Lorem ipsum dolor sit amet</b><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te <a href="#">feugait nulla
facilisi</a>.</p>
</div>
</div>
<div class="clear"></div>
<div id="footer">
<p class="copyright">© 2007 Your Website- <a href="#">Open Designs</a></p>
<p><a href="#">Home</a> · <a href="#">Lorem ipsum</a> · <a
href="#">Lorem ipsum</a> · <a href="#">Lorem ipsum</a> · | <a
href="mailto:[email protected]">Coll23</a> · <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: PhotoBusiness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PhotoBusiness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="topbar">
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
<input type="submit" name="go" id="go" value="GO" />
</fieldset>
</form>
</div>
</div>
</div>
<div class="wrapper col2">
<div id="header">
<div id="logo">
<h1><a href="index.html">PhotoBusiness</a></h1>
<p>Free Website Template</p>
</div>
<ul id="topnav">
<li class="last"><a href="#">Link Text</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li class="active"><a href="index.html">Home</a></li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col3">
<div id="gallery">
<ul>
<li class="placeholder" style="background-image:url('layout/images/gallery-
placeholder.gif');">Image Holder</li>
<li><a class="swap" href="#"><img src="images/gallery/1_s.gif" alt=""
/><span><img src="images/gallery/1.gif" width="950" height="370" alt=""
/></span></a></li>
<li><a class="swap" href="#"><img src="images/gallery/2_s.gif" alt=""
/><span><img src="images/gallery/2.gif" width="950" height="370" alt=""
/></span></a></li>
<li><a class="swap" href="#"><img src="images/gallery/3_s.gif" alt=""
/><span><img src="images/gallery/3.gif" width="950" height="370" alt=""
/></span></a></li>
<li><a class="swap" href="#"><img src="images/gallery/4_s.gif" alt=""
/><span><img src="images/gallery/4.gif" width="950" height="370" alt=""
/></span></a></li>
<li class="last"><a class="swap" href="#"><img src="images/gallery/5_s.gif"
alt="" /><span><img src="images/gallery/5.gif" width="950" height="370" alt=""
/></span></a></li>
</ul>
</div>
</div>
<div class="wrapper col4">
<div id="services">
<ul>
<li><a href="#"><strong>Weddings</strong><img src="images/demo/234x210.gif"
alt="" /></a></li>
<li><a href="#"><strong>Corporate</strong><img src="images/demo/234x210.gif"
alt="" /></a></li>
<li><a href="#"><strong>Lifestyle</strong><img src="images/demo/234x210.gif"
alt="" /></a></li>
<li class="last"><a href="#"><strong>Events</strong><img
src="images/demo/234x210.gif" alt="" /></a></li>
<li><a href="#"><strong>Artistic</strong><img src="images/demo/234x210.gif"
alt="" /></a></li>
<li><a href="#"><strong>Infants</strong><img src="images/demo/234x210.gif"
alt="" /></a></li>
<li><a href="#"><strong>Architecture</strong><img
src="images/demo/234x210.gif" alt="" /></a></li>
<li class="last"><a href="#"><strong>Black & White</strong><img
src="images/demo/234x210.gif" alt="" /></a></li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col5">
<div id="container">
<div id="content">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor
mauris. Wisinon vivamus wisis adipis laorem lobortis curabiturpiscingilla dui
platea ipsum lacingilla.</p>
<p>Semalique tor sempus vestibulum libero nibh pretium eget eu elit montes.
Sedsemporttis sit intesque felit quis elis et cursuspenatibulum tincidunt non
curabitae.</p>
</div>
<div id="column">
<div class="flickrbox">
<h2 class="title">Flickr</h2>
<ul>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
</ul>
<br class="clear" />
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col6">
<div id="footer">
<div id="contactform">
<h2>Why Not Contact Us Today !</h2>
<form action="#" method="post">
<fieldset>
<legend>Contact Form</legend>
<label for="fullname">Name:
<input id="fullname" name="fullname" type="text" value="" />
</label>
<label for="emailaddress" class="margin">Email:
<input id="emailaddress" name="emailaddress" type="text" value="" />
</label>
<label for="message">Message:<br />
<textarea id="message" name="message" cols="40" rows="4"></textarea>
</label>
<p>
<input id="submitform" name="submitform" type="submit"
value="Submit" />
<input id="resetform" name="resetform" type="reset" value="Reset" />
</p>
</fieldset>
</form>
</div>
<!-- End Contact Form -->
<div id="compdetails">
<div id="officialdetails">
<h2>Company Information !</h2>
<ul>
<li>Copyright © 2014 - All Rights Reserved</li>
<li>Company Name Ltd</li>
<li>Registered in England & Wales</li>
<li>Company No. xxxxxxx</li>
<li class="last">VAT No. xxxxxxxxx</li>
</ul>
<h2>Stay in The Know !</h2>
<p><a href="#">Get Our E-Newsletter</a> | <a href="#">Grab The RSS
Feed</a></p>
</div>
<div id="contactdetails">
<h2>Our Contact Details !</h2>
<ul>
<li>Company Name</li>
<li>Street Name & Number</li>
<li>Town</li>
<li>Postcode/Zip</li>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li>Fax: xxxxx xxxxxxxxxx</li>
<li>Email: [email protected]</li>
<li class="last">LinkedIn: <a href="#">Company Profile</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="wrapper col7">
<div id="copyright">
<ul>
<li><a href="#">Online Privacy Policy</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Permissions & Trademarks</a></li>
<li class="last"><a href="#">Product License Agreements</a></li>
</ul>
<p>Template by <a target="_blank" href="http://www.os-templates.com/"
title="Free Website Templates">OS Templates</a></p>
<div class="clear"></div>
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: PhotoFolio
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PhotoFolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- tabs -->
<script type="text/javascript" src="layout/scripts/jquery.ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#tabcontainer").tabs({
event: "click"
});
});
</script>
<!-- / tabs -->
<script type="text/javascript" src="layout/scripts/jquery-photostack.js"></script>
<!-- coinslider -->
<script type="text/javascript" src="layout/scripts/jquery-coin-
slider.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#portfolioslider').coinslider({
width: 480,
height: 280,
navigation: false,
links: false,
hoverPause: true
});
});
</script>
<!-- / coinslider -->
</head>
<body id="top">
<div class="wrapper col1">
<div id="header" class="clear">
<div class="fl_left">
<h1><a href="index.html">PhotoFolio</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col1">
<div id="topbar" class="clear">
<ul id="topnav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/portfolio.html">Portfolio</a></li>
<li class="last"><a href="pages/gallery.html">Gallery</a></li>
</ul>
<form action="#" method="post" id="search">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="image" id="go" src="layout/images/search.gif" alt="Search" />
</fieldset>
</form>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col1">
<div id="featured_slide">
<!--
###################################################################################
#################### -->
<div id="slider">
<ul id="categories">
<li class="category">
<h2>Wedding Photos</h2>
<a href="#"><img src="images/demo/150x110.gif" alt="" /></a>
<p>Metuervestas mus lacinia hendrerit accumsan pretium ligula estibulum
ipsum tor lobortortis. Feugiatdui et semper pellentum id in et phase llentum hac
tellus dui condimentegettur eget.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="category">
<h2>Artistic Photos</h2>
<a href="#"><img src="images/demo/150x110.gif" alt="" /></a>
<p>Metuervestas mus lacinia hendrerit accumsan pretium ligula estibulum
ipsum tor lobortortis. Feugiatdui et semper pellentum id in et phase llentum hac
tellus dui condimentegettur eget.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="category">
<h2>Children's Photos</h2>
<a href="#"><img src="images/demo/150x110.gif" alt="" /></a>
<p>Metuervestas mus lacinia hendrerit accumsan pretium ligula estibulum
ipsum tor lobortortis. Feugiatdui et semper pellentum id in et phase llentum hac
tellus dui condimentegettur eget.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="category">
<h2>Fashion Photos</h2>
<a href="#"><img src="images/demo/150x110.gif" alt="" /></a>
<p>Metuervestas mus lacinia hendrerit accumsan pretium ligula estibulum
ipsum tor lobortortis. Feugiatdui et semper pellentum id in et phase llentum hac
tellus dui condimentegettur eget.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="category">
<h2>Action Photos</h2>
<a href="#"><img src="images/demo/150x110.gif" alt="" /></a>
<p>Metuervestas mus lacinia hendrerit accumsan pretium ligula estibulum
ipsum tor lobortortis. Feugiatdui et semper pellentum id in et phase llentum hac
tellus dui condimentegettur eget.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="category">
<h2>Portrait Photos</h2>
<a href="#"><img src="images/demo/150x110.gif" alt="" /></a>
<p>Metuervestas mus lacinia hendrerit accumsan pretium ligula estibulum
ipsum tor lobortortis. Feugiatdui et semper pellentum id in et phase llentum hac
tellus dui condimentegettur eget.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="category">
<h2>Macro Photos</h2>
<a href="#"><img src="images/demo/150x110.gif" alt="" /></a>
<p>Metuervestas mus lacinia hendrerit accumsan pretium ligula estibulum
ipsum tor lobortortis. Feugiatdui et semper pellentum id in et phase llentum hac
tellus dui condimentegettur eget.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="category">
<h2>Underwater Photos</h2>
<a href="#"><img src="images/demo/150x110.gif" alt="" /></a>
<p>Metuervestas mus lacinia hendrerit accumsan pretium ligula estibulum
ipsum tor lobortortis. Feugiatdui et semper pellentum id in et phase llentum hac
tellus dui condimentegettur eget.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
</ul>
<a class="prev disabled"></a> <a class="next disabled"></a>
<div style="clear:both"></div>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="container" class="clear">
<!--
###################################################################################
#################### -->
<div id="tabcontainer">
<ul id="tabnav">
<li><a href="#tabs-1">Our Services</a></li>
<li><a href="#tabs-2">Latest Projects</a></li>
<li><a href="#tabs-3">Portfolio Example</a></li>
<li><a href="#tabs-4">Full Width Content</a></li>
<li><a href="#tabs-5">2 Column Content</a></li>
</ul>
<div id="tabs-1" class="tabcontainer">
<div id="hpage_services" class="clear">
<div class="block"><img src="images/demo/46x46.gif" alt=""
/><strong>Lorum ipsum dolor</strong>
<p>Info about the template, This is a W3C standards compliant free
website template from <a href="http://www.os-templates.com/">OS Templates</a>. This
template is distributed using a <a href="http://www.os-templates.com/template-
terms">Website Template Licence</a>.</p>
</div>
<div class="block"><img src="images/demo/46x46.gif" alt=""
/><strong>Lorum ipsum dolor</strong>
<p>You can use and modify the template for both personal and commercial
use. You must keep all copyright information and credit links in the template and
associated files.</p>
</div>
<div class="block last"><img src="images/demo/46x46.gif" alt=""
/><strong>Lorum ipsum dolor</strong>
<p>For more CSS templates visit <a href="http://www.os-
templates.com/">Free Website Templates</a>. Orciinterdum condimenterdum
nullamcorper elit nam curabitur laoreet met praesenean et iaculum.</p>
</div>
<div class="spacer"> </div>
<div class="block"><img src="images/demo/46x46.gif" alt=""
/><strong>Lorum ipsum dolor</strong>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet
met praesenean et iaculum. Metridiculis conseque quis iaculum aenean nunc aenean
quis nam nis dui.</p>
</div>
<div class="block"><img src="images/demo/46x46.gif" alt=""
/><strong>Lorum ipsum dolor</strong>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet
met praesenean et iaculum. Metridiculis conseque quis iaculum aenean nunc aenean
quis nam nis dui.</p>
</div>
<div class="block last"><img src="images/demo/46x46.gif" alt=""
/><strong>Lorum ipsum dolor</strong>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet
met praesenean et iaculum. Metridiculis conseque quis iaculum aenean nunc aenean
quis nam nis dui.</p>
</div>
</div>
</div>
<!-- ########### -->
<div id="tabs-2" class="tabcontainer">
<h2 class="title">Latest projects at mattis vol utpat gravida nunc.</h2>
<ul class="line clear">
<li>
<div class="imgholder"><a href="#"><img src="images/demo/280x160.gif"
alt="" /></a></div>
<p class="name">Metuervestas mus lacinia</p>
<p class="readmore"><a href="#">View This Project »</a></p>
</li>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/280x160.gif"
alt="" /></a></div>
<p class="name">Metuervestas mus lacinia</p>
<p class="readmore"><a href="#">View This Project »</a></p>
</li>
<li class="last">
<div class="imgholder"><a href="#"><img src="images/demo/280x160.gif"
alt="" /></a></div>
<p class="name">Metuervestas mus lacinia</p>
<p class="readmore"><a href="#">View This Project »</a></p>
</li>
</ul>
</div>
<!-- ########### -->
<div id="tabs-3" class="tabcontainer">
<div id="hpage_portfolio" class="clear">
<div class="fl_left">
<div id="portfolioslider">
<ul>
<li><img src="images/demo/portfolioslider/1.gif" alt="" /></li>
<li><img src="images/demo/portfolioslider/2.gif" alt="" /></li>
<li><img src="images/demo/portfolioslider/3.gif" alt="" /></li>
<li><img src="images/demo/portfolioslider/4.gif" alt="" /></li>
<li><img src="images/demo/portfolioslider/5.gif" alt="" /></li>
</ul>
</div>
</div>
<div class="fl_right">
<h2>Metuervestas mus lacinia</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
sollici tudin elementum nulla, quis pellentesque nisi ullamcorper non.</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Aliquam vestibulum dui eget augue mattis eget posuere.</li>
<li>Integer vel enim nisl, non malesuada nibh.</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
sollici tudin elementum nulla, quis pellentesque nisi ullamcorper non.</p>
<p class="readmore"><a href="#">View The Full Project »</a></p>
</div>
</div>
</div>
<!-- ########### -->
<div id="tabs-4" class="tabcontainer">
<h2>Full Width Content</h2>
<p>Lornunc tincidunt nec nequat risus convallisis elit vestiquat justo et
volutpat. Urnanec monterdum turistibus semportis non vivamus justo pellus ac
integestiquat eros. Turet cursuspend ero nulla dapienteger quisque nullamcorper
lorem in ut pellus. Auctortorvel habitudin laorem commodo tincidunt eget habitur
vitae aenec sentesque maecenasce. Nibhvivamus pretra cursuspendrerit pede ligula
leo quismod condimentesque aenean ligula ipsum.</p>
<p>Atmaecenas nec non nam nullamcorper magna id id nisl ac in.
Sedfauctortis fuscetus estibus gravida id dui curabitur commodo facilisi
loborttitorttitor vitae. Tortortissagittitortis diam vel hac nibh justo sed semper
eget vitassa mattis. Aliquerhoncus tempus vest ulla justo pellus in aliquet in sed
aucibulum. Odioelit tincidunt laorem venean tris vitae magna ut vel urnar
vestibulus.</p>
</div>
<!-- ########### -->
<div id="tabs-5" class="tabcontainer">
<div id="content">
<h1>This uses the 2 column layout found in the style demo</h1>
<img class="imgr" src="images/demo/imgr.gif" alt="" width="125"
height="125" />
<p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur
portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo
maurisus convallicitur.</p>
<p>Dapiensociis <a href="#">temper donec auctortortis cumsan</a> et
curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis
tincidunt pellentum tincidunt vel lorem.</p>
<img class="imgl" src="images/demo/imgl.gif" alt="" width="125"
height="125" />
<p>Temperinte interdum sempus odio urna eget curabitur semper convallis
nunc laoreet. Nullain convallis ris <a href="#"><strong>elis vest liberos nis
diculis</strong></a> feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis
tortortor ris sapien sce enim et volutpat sus.</p>
<p>Urnaretiumorci orci <strong>fauctor leo justo nulla cras
ridiculum</strong> eu id vitae. Etnon et dolor auctor eu loreet fring temper pend
pede integestibus.</p>
<p>Portortornec condimenterdum eget consectetuer condis consequam pretium
pellus sed mauris enim. Puruselit mauris nulla hendimentesque elit semper nam a
sapien urna sempus.</p>
</div>
<div id="column">
<div id="featured">
<ul>
<li>
<h2>Indonectetus facilis leonib</h2>
<p class="imgholder"><img src="images/demo/240x90.gif" alt=""
/></p>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<!-- ########### -->
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="footer" class="clear">
<div class="footbox">
<h2>About Us</h2>
<p>Lornunc tincidunt nec nequat risus convallisis elit vestiquat justo et
volutpat. Urnanec monterdum turistibus semportis non vivamus justo pellus ac
integestiquat eros. Turet cursuspend ero nulla dapienteger quisque nullamcorper
lorem in ut pellus.</p>
<p>Atmaecenas nec non nam nullamcorper magna id id nisl ac in. Sedfauctortis
fuscetus estibus gravida id dui curabitur commodo facilisi loborttitorttitor
vitae.</p>
</div>
<div class="footbox">
<h2>Our Skillset</h2>
<ul>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Amet consectetur</a></li>
<li><a href="#">Praesent vel sem id</a></li>
<li><a href="#">Curabitur hendrerit est</a></li>
<li><a href="#">Aliquam eget erat nec sapien</a></li>
<li><a href="#">Cras id augue nunc</a></li>
<li><a href="#">In nec justo non</a></li>
<li><a href="#">Vivamus mollis enim ut</a></li>
<li class="last"><a href="#">Sed a nulla urna</a></li>
</ul>
</div>
<div class="footbox">
<h2>Blog Links</h2>
<ul>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Amet consectetur</a></li>
<li><a href="#">Praesent vel sem id</a></li>
<li><a href="#">Curabitur hendrerit est</a></li>
<li><a href="#">Aliquam eget erat nec sapien</a></li>
<li><a href="#">Cras id augue nunc</a></li>
<li><a href="#">In nec justo non</a></li>
<li><a href="#">Vivamus mollis enim ut</a></li>
<li class="last"><a href="#">Sed a nulla urna</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Keep in Touch</h2>
<ul>
<li><a href="#">Check out our Facebook page</a></li>
<li><a href="#">Get the latest Tweets</a></li>
<li><a href="#">Grab our latest Deviants</a></li>
<li><a href="#">View our LinkedIn profile</a></li>
</ul>
<h2>Contact Us</h2>
<ul>
<li><strong class="title">Tel:</strong><br />
xxxxx xxxxxxxxxx</li>
<li><strong class="title">Email:</strong><br />
<a href="#">[email protected]</a></li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="copyright" class="clear">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Photomatic
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Photomatic</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- FancyBox -->
<link rel="stylesheet" href="layout/scripts/fancybox-2.1.5/jquery.fancybox.css"
type="text/css" />
<script type="text/javascript" src="layout/scripts/fancybox-
2.1.5/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.fb_image").fancybox({
openEffect: 'elastic',
closeEffect: 'elastic',
openSpeed: 600,
closeSpeed: 600,
helpers: {
overlay: {
closeClick: true,
},
title: {
type: 'over'
}
}
});
});
</script>
<!-- End FancyBox -->
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div class="fl_left">
<h1><a href="index.html">Photomatic</a></h1>
<p>Free Website Template</p>
</div>
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">Link Text</a></li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div class="container">
<div class="homecontent">
<ul>
<li>
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus
dui ipsum conseque loborttis</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. For more CSS templates visit
<a href="http://www.os-templates.com/">Free Website Templates</a>. Nullam lacus dui
ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis
curabitur phasellentesque congue magnis.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus
dui ipsum conseque loborttis</h2>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus
dui ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div class="container">
<div class="pagination">
<ul>
<li class="first"><a href="#">First</a></li>
<li class="prev"><a href="#">Prev</a> </li>
<li class="pnum"><a href="#">1</a></li>
<li class="pnum"><a href="#">2</a></li>
<li class="pnum"><a href="#">3</a></li>
<li class="pnum"><a href="#">4</a></li>
<li class="current">5</li>
<li class="pnum"><a href="#">6</a></li>
<li class="pnum"><a href="#">7</a></li>
<li class="pnum"><a href="#">8</a></li>
<li class="pnum"><a href="#">9</a></li>
<li class="next"><a href="#">Next</a></li>
<li class="last"><a href="#">Last</a></li>
</ul>
</div>
<div class="gallery">
<ul>
<li>
<p class="imgtitle">Indonectetus facilis leo nibh</p>
<a class="fb_image" href="images/demo/gallery/500x500.gif" title="Image 1
Link Title Tag"><img src="images/demo/gallery/284x224.gif" alt="" /></a>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p class="imgtitle">Indonectetus facilis leo nibh</p>
<a class="fb_image" href="images/demo/gallery/500x500.gif" title="Image 2
Link Title Tag"><img src="images/demo/gallery/284x224.gif" alt="" /></a>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<p class="imgtitle">Indonectetus facilis leo nibh</p>
<a class="fb_image" href="images/demo/gallery/500x500.gif" title="Image 3
Link Title Tag"><img src="images/demo/gallery/284x224.gif" alt="" /></a>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p class="imgtitle">Indonectetus facilis leo nibh</p>
<a class="fb_image" href="images/demo/gallery/500x500.gif" title="Image 4
Link Title Tag"><img src="images/demo/gallery/284x224.gif" alt="" /></a>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p class="imgtitle">Indonectetus facilis leo nibh</p>
<a class="fb_image" href="images/demo/gallery/500x500.gif" title="Image 5
Link Title Tag"><img src="images/demo/gallery/284x224.gif" alt="" /></a>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<p class="imgtitle">Indonectetus facilis leo nibh</p>
<a class="fb_image" href="images/demo/gallery/500x500.gif" title="Image 6
Link Title Tag"><img src="images/demo/gallery/284x224.gif" alt="" /></a>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p class="imgtitle">Indonectetus facilis leo nibh</p>
<a class="fb_image" href="images/demo/gallery/500x500.gif" title="Image 7
Link Title Tag"><img src="images/demo/gallery/284x224.gif" alt="" /></a>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p class="imgtitle">Indonectetus facilis leo nibh</p>
<a class="fb_image" href="images/demo/gallery/500x500.gif" title="Image 8
Link Title Tag"><img src="images/demo/gallery/284x224.gif" alt="" /></a>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<p class="imgtitle">Indonectetus facilis leo nibh</p>
<a class="fb_image" href="images/demo/gallery/500x500.gif" title="Image 9
Link Title Tag"><img src="images/demo/gallery/284x224.gif" alt="" /></a>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="footer">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: PhotoProwess
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PhotoProwess</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.ui.min.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.defaultvalue.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.scrollTo-
min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#fullname, #validemail, #message").defaultvalue("Full Name", "Email
Address", "Message");
$('#shout a').click(function () {
var to = $(this).attr('href');
$.scrollTo(to, 1200);
return false;
});
$('a.topOfPage').click(function () {
$.scrollTo(0, 1200);
return false;
});
$("#tabcontainer").tabs({
event: "click"
});
});
</script>
<!-- Homepage Only Scripts -->
<script type="text/javascript" src="layout/scripts/jquery.cycle.min.js"></script>
<script type="text/javascript">
$(function() {
$('#hpage_slider').after('<div id="fsn"><ul id="fs_pagination">').cycle({
timeout: 5000,
fx: 'fade',
pager: '#fs_pagination',
pause: 1,
pauseOnPagerHover: 0
});
});
</script>
<script type="text/javascript"
src="layout/scripts/piecemaker/swfobject/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.cssSource = "layout/scripts/piecemaker/piecemaker.css";
flashvars.xmlSource = "layout/scripts/piecemaker/piecemaker.xml";
var params = {};
params.play = "false";
params.menu = "false";
params.scale = "showall";
params.wmode = "transparent";
params.allowfullscreen = "true";
params.allowscriptaccess = "sameDomain";
params.allownetworking = "all";
swfobject.embedSWF('layout/scripts/piecemaker/piecemaker.swf', 'piecemaker', '960',
'430', '10', null, flashvars, params, null);
</script>
<!-- End Homepage Only Scripts -->
</head>
<body id="top">
<div class="wrapper col1">
<div id="topbar" class="clear">
<ul>
<li><a href="#">Libero</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mauris</a></li>
<li class="last"><a href="#">Suspendisse</a></li>
</ul>
<form action="#" method="post" id="search">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="image" id="go" src="images/search.gif" alt="Search" />
</fieldset>
</form>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="header" class="clear">
<div class="fl_left">
<h1><a href="index.html">PhotoProwess</a></h1>
<p>Free Website Template</p>
</div>
<div id="topnav">
<ul>
<li class="last"><a href="pages/gallery.html">Gallery</a><span>Test Text
Here</span></li>
<li><a href="pages/portfolio.html">Portfolio</a><span>Test Text
Here</span></li>
<li><a href="#">DropDown</a><span>Test Text Here</span>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a><span>Test Text
Here</span></li>
<li><a href="pages/style-demo.html">Style Demo</a><span>Test Text
Here</span></li>
<li class="active"><a href="index.html">Homepage</a><span>Test Text
Here</span></li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="featured_slide">
<!--
###################################################################################
#################### -->
<div id="piecemaker"><img src="images/demo/piecemaker/960x360.gif" alt=""
/></div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="container" class="clear">
<!--
###################################################################################
#################### -->
<div id="shout" class="clear">
<div class="fl_left">
<h2>Need A Professional Photographer ?</h2>
<p>Why not try our services today, you won't regret your choice !</p>
</div>
<p class="fl_right"><a href="#contact">Contact Us Today</a></p>
</div>
<!--
###################################################################################
#################### -->
<div id="homepage" class="clear">
<div class="fl_left">
<h2>Latest Featured Project</h2>
<div id="hpage_slider">
<div class="item"><img src="images/demo/featured-project/1.gif" alt=""
/></div>
<div class="item"><img src="images/demo/featured-project/2.gif" alt=""
/></div>
<div class="item"><img src="images/demo/featured-project/3.gif" alt=""
/></div>
<div class="item"><img src="images/demo/featured-project/4.gif" alt=""
/></div>
<div class="item"><img src="images/demo/featured-project/5.gif" alt=""
/></div>
</div>
<h2>Project Name Goes Here</h2>
<p><strong>Project Type:</strong> <a href="#">Wedding Photography</a></p>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. This template is distributed
using a <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>. You can use and modify the template for both personal and commercial
use. You must keep all copyright information and credit links in the template and
associated files. For more CSS templates visit <a href="http://www.os-
templates.com/">Free Website Templates</a>.</p>
<p class="readmore"><a href="#"><strong>View The Full Project
»</strong></a></p>
</div>
<div class="fl_right">
<h2>What People Say About Us</h2>
<ul class="testimonials">
<li>
<p class="name"><strong>Client Name</strong> - CEO</p>
<blockquote>Justoid nonummy laoreet phasellent penatoque in antesque
pellus elis eget tincidunt. Nequatdui laorem justo a non tellus laoreet tincidunt
ut vel velit. Idenim semper pellente velis felit ac nullam pretium morbi
lacus.</blockquote>
<p class="readmore"><a href="#"><strong>View This
Project</strong></a></p>
</li>
<li class="last">
<p class="name"><strong>Client Name</strong> - CEO</p>
<blockquote>Justoid nonummy laoreet phasellent penatoque in antesque
pellus elis eget tincidunt. Nequatdui laorem justo a non tellus laoreet tincidunt
ut vel velit. Idenim semper pellente velis felit ac nullam pretium morbi
lacus.</blockquote>
<p class="readmore"><a href="#"><strong>View This
Project</strong></a></p>
</li>
</ul>
<h2>Subscribe To Our Newsletter</h2>
<p>Justoid nonummy laoreet phasellent penatoque in antesque pellus elis
eget tincidunt. Nequatdui laorem justo a non tellus laoreet tincidunt ut vel
velit.</p>
<form action="#" method="post">
<fieldset>
<legend>Newsletter Signup:</legend>
<input type="text" id="newsletter" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="image" id="subscribe" src="images/sign-up.gif"
alt="Submit" />
</fieldset>
</form>
<p class="form_hint">* Please add [email protected] to your trusted email
list</p>
</div>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="footer" class="clear">
<div class="fl_left">
<div class="about_us border">
<h2>About Us</h2>
<p>Sednulla nam nibh a nibh eu urna facinia mauristibulus sit urna.
Vitaerisus lobortis proin elit et curabituris elit estibulum cursus iacus orci.
Dignissimmorbi rhoncus sed netus ligula conseque netus nulla aliquat id dui.
Ipsumintesque venean hendiment enim nis maecenas justo justo vitae purus sed.
Rutrumcondimentumsan elit.</p>
</div>
<div id="contact" class="clear">
<h2>Contact Us</h2>
<div class="fl_left">
<form method="post" action="#">
<label for="fullname">Name:</label>
<input type="text" name="fullname" id="fullname" value="" />
<label for="validemail">Email:</label>
<input type="text" name="validemail" id="validemail" value="" />
<label for="message">Message:</label>
<textarea name="message" id="message" cols="45" rows="10"></textarea>
<button type="submit" value="submit"><span>Submit</span></button>
</form>
</div>
<div class="fl_right">
<address>
<strong class="title">Company Name</strong><br />
Street Name & Number<br />
Town<br />
Postcode/Zip
</address>
<ul>
<li><strong class="title">Tel:</strong><br />
xxxxx xxxxxxxxxx</li>
<li><strong class="title">Fax:</strong><br />
xxxxx xxxxxxxxxx</li>
<li><strong class="title">Email:</strong><br />
<a href="#">[email protected]</a></li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="fl_right">
<div id="tabcontainer" class="border">
<ul id="tabnav">
<li><a href="#tabs-1">From The Blog</a></li>
<li><a href="#tabs-2">Latest Tweets</a></li>
<li class="last"><a href="#tabs-3">Interesting Links</a></li>
</ul>
<div id="tabs-1" class="tabcontainer">
<ul class="blogposts">
<li>
<p class="posttitle">Justoid nonummy laoreet phasellent</p>
<p class="publishedon">Published on 01 Jan 2042, by Username</p>
<p class="postintro">Miet gravida nulla at augue curabitae faucibulum
nulla curabitur consectetus dolorem. Ametuervestibus nam nibh laculis vivamus
suscinia masse convallis sollis quam males.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="last">
<p class="posttitle">Justoid nonummy laoreet phasellent</p>
<p class="publishedon">Published on 01 Jan 2042, by Username</p>
<p class="postintro">Miet gravida nulla at augue curabitae faucibulum
nulla curabitur consectetus dolorem. Ametuervestibus nam nibh laculis vivamus
suscinia masse convallis sollis quam males.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
</ul>
</div>
<!-- ########### -->
<div id="tabs-2" class="tabcontainer">
<ul class="twitterfeed">
<li><a href="#">@namehere</a> Justoid nonummy laoreet phasellent
penatoque in antesque pellus elis eget tincidunt. Nequatdui laorem justo a non
tellus laoreet tincidunt ut vel velit. <span>1 day ago</span></li>
<li><a href="#">@namehere</a> Justoid nonummy laoreet phasellent
penatoque in antesque pellus elis eget tincidunt. Nequatdui laorem justo a non
tellus laoreet tincidunt ut vel velit. <span>1 day ago</span></li>
<li><a href="#">@namehere</a> Justoid nonummy laoreet phasellent
penatoque in antesque pellus elis eget tincidunt. Nequatdui laorem justo a non
tellus laoreet tincidunt ut vel velit. <span>1 day ago</span></li>
<li class="last"><a href="#">@namehere</a> Justoid nonummy laoreet
phasellent penatoque in antesque pellus elis eget tincidunt. Nequatdui laorem justo
a non tellus laoreet tincidunt ut vel velit. <span>1 day ago</span></li>
</ul>
</div>
<!-- ########### -->
<div id="tabs-3" class="tabcontainer">
<ul>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Amet consectetur</a></li>
<li><a href="#">Praesent vel sem id</a></li>
<li><a href="#">Curabitur hendrerit est</a></li>
<li><a href="#">Aliquam eget erat nec sapien</a></li>
<li><a href="#">Cras id augue nunc</a></li>
<li><a href="#">In nec justo non</a></li>
<li><a href="#">Vivamus mollis enim ut</a></li>
<li class="last"><a href="#">Sed a nulla urna</a></li>
</ul>
</div>
</div>
<h2>Keep Up To Date</h2>
<ul class="socialize">
<li><span>Facebook:</span> <a href="#">www.facebook.com/myhandel</a></li>
<li><span>Twitter:</span> <a href="#">www.twitter.com/myhandel</a></li>
<li class="last"><span>LinkedIn:</span> <a
href="#">www.linkedin.com/myhandel</a></li>
</ul>
</div>
</div>
<div id="backtotop"><a href="#top" class="topOfPage">To The Top</a></div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="copyright" class="clear">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
</div>
</div>
</body>
</html><!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>Photos Site</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="body_wrapper">
<div id="container">
<!-- Start of Page Header -->
<div id="page_header">
<h1><span>Photos Site</span></h1>
</div>
<!-- End of Page Header -->
<!-- Start of Navigational Menu -->
<div id="nav_menu">
<ul>
<li id="menu1"><a href="#"><span>Homepage</span></a></li>
<li id="menu2"><a href="#"><span>About Me</span></a></li>
<li id="menu3"><a href="#"><span>Services</span></a></li>
<li id="menu4"><a href="#"><span>Portfolio</span></a></li>
<li id="menu5"><a href="#"><span>Contacts</span></a></li>
<li id="menu6"><a href="#"><span>Links</span></a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Mavigational Menu -->
<div class="clearthis"> </div>
<!-- Start of Welcome to my Site -->
<div id="welcome">
<div class="content_header">
<h2><span>Welcome to my Site</span></h2>
</div>
<div class="content">
<div class="thumbnail_dborder_1">
<div class="thumbnail_dborder_2">
<div class="thumbnail_dborder_3">
<div class="thumbnail_dborder_4"> <img
src="images/welcome_thumbnail.gif" width="118" height="116" alt="Thumbnail Caption"
/> </div>
</div>
</div>
</div>
<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> If you're having problems editing the template please don't hesitate to
ask for help on the forum. You will get help as soon as possible. You can also use
the forum to tell us what you like or dislike and what you would like to see more.
</p>
<p> Your feedback is very important to us and we will do everything to
fulfil your wishes. <a href="#">more...</a> </p>
</div>
<div class="clearthis"> </div>
</div>
<!-- End of Welcome to my Site -->
<!-- Start of Client List -->
<div id="clientlist">
<div class="content_header">
<h1><span>Client List</span></h1>
</div>
<div class="content">
<div class="thumbnail_border_1">
<div class="thumbnail_border_2">
<div class="thumbnail_border_3">
<div class="thumbnail_border_4"> <img
src="images/clientlist_thumbnail.gif" width="132" height="73" alt="Thumbnail
Caption" /> </div>
</div>
</div>
</div>
<p> Please don't remove the link at the bottom. We have worked hard to make
the templates and ask that you respect our hard work so we can continue providing
you with high quality templates. </p>
<p> If you really want to remove the link you can buy a copyright free
version on our website. Thanks. </p>
</div>
<div class="clearthis"> </div>
<div id="photographer_image"><span> </span></div>
</div>
<!-- End of Client List -->
<!-- Start of My Portfolio -->
<div id="portfolio">
<div class="content_header">
<h1><span>My Portfolio</span></h1>
</div>
<!-- Start of Gallery -->
<div id="gallery">
<ul>
<li><a href="#"><img src="images/gallery_thumbnail_1.gif" width="84"
height="76" alt="Thumbnail 1 Caption" /></a></li>
<li><a href="#"><img src="images/gallery_thumbnail_2.gif" width="93"
height="76" alt="Thumbnail 2 Caption" /></a></li>
<li><a href="#"><img src="images/gallery_thumbnail_3.gif" width="59"
height="77" alt="Thumbnail 3 Caption" /></a></li>
<li><a href="#"><img src="images/gallery_thumbnail_4.gif" width="137"
height="77" alt="Thumbnail 4 Caption" /></a></li>
<li><a href="#"><img src="images/gallery_thumbnail_5.gif" width="119"
height="78" alt="Thumbnail 5 Caption" /></a></li>
</ul>
</div>
<!-- End of Gallery -->
<div class="clearthis"> </div>
</div>
<!-- End of Client List -->
</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 -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: PhotoTeam
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PhotoTeam</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.photo_category').showFeatureText();
$(".thumbs a").click(function () {
var imgpath = $(this).attr("href");
var imgalt = $(this).attr("alt");
$("#placeholder").attr({
src: imgpath,
alt: imgalt
});
return false;
});
});
$.fn.showFeatureText = function () {
return this.each(function () {
var box = $(this);
var text = $('span', this);
text.css({
display: 'block',
position: 'absolute',
top: '0',
left: '0'
}).hide();
box.hover(function () {
text.slideDown("fast");
}, function () {
text.slideUp("fast");
});
});
}
</script>
</head>
<body id="top">
<div class="wrapper col1">
<div id="header" class="clear">
<div class="fl_left">
<h1><a href="index.html">PhotoTeam</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right">
<form action="#" method="post" id="search">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="image" id="go" src="layout/images/search.gif"
alt="Search" />
</fieldset>
</form>
<ul id="topnav" class="clear">
<li><a href="pages/gallery.html">Gallery</a></li>
<li><a href="pages/portfolio.html">Portfolio</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li class="active last"><a href="index.html">Home</a></li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="homepage" class="clear">
<p><img id="placeholder" src="images/demo/658x432.gif" alt="" /></p>
<div class="fl_right">
<h2>Featured</h2>
<ul class="thumbs">
<li><a href="images/demo/1.gif"><img src="images/demo/192x75.gif" alt=""
/></a></li>
<li><a href="images/demo/2.gif"><img src="images/demo/192x75.gif" alt=""
/></a></li>
<li><a href="images/demo/3.gif"><img src="images/demo/192x75.gif" alt=""
/></a></li>
<li class="last"><a href="images/demo/4.gif"><img
src="images/demo/192x75.gif" alt="" /></a></li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="container" class="clear">
<!--
###################################################################################
#################### -->
<div id="hpage_services" class="clear">
<ul>
<li class="photo_category"><span>Photo Category 1</span><a href="#"><img
src="images/demo/290x120.gif" alt="" /></a></li>
<li class="photo_category"><span>Photo Category 2</span><a href="#"><img
src="images/demo/290x120.gif" alt="" /></a></li>
<li class="photo_category last"><span>Photo Category 3</span><a
href="#"><img src="images/demo/290x120.gif" alt="" /></a></li>
</ul>
</div>
<div id="hpage_info" class="clear">
<div class="fl_left">
<h2 class="title">Ipsumintes que venean hend iment enim</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. This template is distributed
using a <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>.</p>
<p>You can use and modify the template for both personal and commercial
use. You must keep all copyright information and credit links in the template and
associated files. For more CSS templates visit <a href="http://www.os-
templates.com/">Free Website Templates</a>.</p>
</div>
<div class="fl_right">
<h2 class="title">Meet The Team</h2>
<ul>
<li class="clear">
<div class="imgl"><img src="images/demo/160x120.gif" alt="" /></div>
<div class="teamember">
<p class="name">Persons Name Here</p>
<p>Sednulla nam nibh a nibh eu urna facinia mauris tibulus sit urna.
Vitaerisus lobortis proin elit et curabituris elit estibulum cursus iacus orci.
Dignis simmorbi rhoncus sed netus ligula conseque netus nulla.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</li>
<li class="clear last">
<div class="imgl"><img src="images/demo/160x120.gif" alt="" /></div>
<div class="teamember">
<p class="name">Persons Name Here</p>
<p>Sednulla nam nibh a nibh eu urna facinia mauris tibulus sit urna.
Vitaerisus lobortis proin elit et curabituris elit estibulum cursus iacus orci.
Dignis simmorbi rhoncus sed netus ligula conseque netus nulla.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="footer">
<div class="verticaline clear">
<div class="box size1">
<h2>Keep in Touch</h2>
<p id="rss"><a href="#"><img src="layout/images/rss.gif" alt="" /></a></p>
</div>
<div class="box size2">
<address>
<strong class="title">Company Name</strong><br />
Street Name & Number<br />
Town<br />
Postcode/Zip
</address>
<ul>
<li><strong class="title">Tel:</strong><br />
xxxxx xxxxxxxxxx</li>
<li><strong class="title">Fax:</strong><br />
xxxxx xxxxxxxxxx</li>
<li><strong class="title">Email:</strong><br />
<a href="#">[email protected]</a></li>
</ul>
</div>
<div class="box size3">
<ul>
<li><span>Facebook:</span> <a href="#">www.facebook.com/myhandel</a></li>
<li><span>Twitter:</span> <a href="#">www.twitter.com/myhandel</a></li>
<li><span>LinkedIn:</span> <a href="#">www.linkedin.com/myhandel</a></li>
</ul>
<form action="#" method="post">
<fieldset>
<legend>Newsletter Signup:</legend>
<input type="text" id="newsletter" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="image" id="subscribe" src="layout/images/submit.gif"
alt="Submit" />
</fieldset>
</form>
</div>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="copyright" class="clear">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
</div>
</div>
</body>
</html><!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>Axian</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Axian</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="search">
<h2>Search</h2>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18" />
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>
</div>
<div id="content">
<div id="colOne">
<div id="latest-post">
<h2 class="title"><a href="#">Welcome to Axian!</a></h2>
<h3 class="posted">Posted on February 1st, 2007 by <a
href="#">Author</a></h3>
<div class="story">
<p><em><strong>Axian</strong></em> is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Etiam eu nibh. Quisque condimentum varius velit. Proin interdum erat
quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Vivamus in odio.</p>
</div>
</div>
<div id="recent-posts">
<h3 class="title">Recent Posts</h3>
<ul>
<li><strong><a href="#">Lorem ipsum dolor sit amet</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Cras sagittis est laoreet odio</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Sed pulvinar ornare urna</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Quisque in dolor non erat</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Fusce lobortis dui molestie eros</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Maecenas vel leo nec dui
pulvinar</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
</ul>
</div>
<div style="clear: both; height: 1px;"></div>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Pages</h2>
<ul>
<li class="active"><a id="page1" href="#">Home</a></li>
<li><a id="page2" href="#">My Photos</a></li>
<li><a id="page3" href="#">My Favorites</a></li>
<li><a id="page4" href="#">About Me</a></li>
<li><a id="page5" href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
</ul>
<div style="clear: both;"> </div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Axian. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Pillars</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Pillars</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="pages">
<h2>Pages</h2>
<ul>
<li class="active"><a id="page1" href="#">Home</a></li>
<li><a id="page2" href="#">Photos</a></li>
<li><a id="page3" href="#">Favorites</a></li>
<li><a id="page4" href="#">About</a></li>
<li><a id="page5" href="#">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Pillars!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Pillars</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
<div> </div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“ Donec fermentum condimentum nisi. Proin iaculis mauris id
lorem viverra molestie. Duis vel orci. Et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie. Duis
vel orci. Nam consequat. Morbi nec lacus.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="archives" class="boxed">
<h2 class="heading">Archives</h2>
<div class="content">
<ul class="links">
<li class="first"><a href="#">February</a> (7)</li>
<li><a href="#">January 2007</a> (31)</li>
<li><a href="#">December 2006</a> (31)</li>
<li><a href="#">November 2006</a> (30)</li>
<li><a href="#">October 2006</a> (31)</li>
<li><a href="#">September 2006</a> (30)</li>
<li><a href="#">August 2006</a> (31)</li>
<li><a href="#">July 2006</a> (31)</li>
<li><a href="#">June 2006</a> (30)</li>
<li><a href="#">May 2006</a> (31)</li>
<li><a href="#">April 2006</a> (30)</li>
<li><a href="#">March 2006</a> (31)</li>
<li><a href="#">February 2006</a> (28)</li>
<li><a href="#">January 2006</a> (31)</li>
<li><a href="#">December 2005</a> (31)</li>
<li><a href="#">November 2005</a> (30)</li>
<li><a href="#">October 2005</a> (31)</li>
<li><a href="#">September 2005</a> (30)</li>
<li><a href="#">August 2005</a> (31)</li>
<li><a href="#">July 2005</a> (31)</li>
<li><a href="#">June 2005</a> (30)</li>
<li><a href="#">May 2005</a> (31)</li>
<li><a href="#">April 2005</a> (30)</li>
<li><a href="#">March 2005</a> (31)</li>
<li><a href="#">February 2005</a> (31)</li>
</ul>
</div>
</div>
<div id="search" class="boxed">
<h2 class="heading">Search</h2>
<div class="content">
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>
</div>
<div id="categories" class="boxed">
<h2 class="heading">Categories</h2>
<div class="content">
<ul class="links">
<li class="first"><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
<li><a href="#">Quisque vestibulum</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
<li><a href="#">Quisque vestibulum</a></li>
</ul>
</div>
</div>
<div id="blogroll" class="boxed">
<h2 class="heading">Blogroll</h2>
<div class="content">
<ul class="links">
<li class="first"><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</div>
</div>
<div style="clear: both; height: 1px;"></div>
</div>
<div id="footer">
<p>Copyright © 2006 Pillars. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</div>
</body>
</html>
<!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>
<title>PINK</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="box">
<div id="title">
<h1>Your Company Name</h1>
</div>
<div id="header"><img src="images/pink_head.jpg" alt="logo"/></div>
<div class="container">
<ul id="navCircle">
<li><a class="active" href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Order</a></li>
</ul>
</div>
<div id="main">
<h1>Welcome to <span style="color:#9C3163;">Pink</span> Template</h1>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE7. The page validates as XHTML 1.0
Transitional using valid CSS. For more FREE templates visit my
website.</blockquote>
<div style="float:right; width: 125px; height: 6em; margin:10px; font-family:
georgia, arial, helvetica; font-size: 18px; font-weight:normal; line-height:22px;
color: #9A3466; text-align: left;"><span style="color:#000;">"... Pink is </span>
<br />
the colour of <span style="color: #7B6571;">universal</span> <br />
love ... " </div>
<p>This is a <a href="#">link</a> to nowhere. Nam facilisis dui a nisi.
Phasellus euismod augue quis erat. Nunc libero libero, lobortis ut, placerat vel,
dapibus eu, nisl. Fusce a nisi sed urna aliquet molestie. Aenean pretium, orci
vitae lobortis rutrum, magna arcu pulvinar elit, id suscipit nunc tellus in felis.
Nam vitae purus non nisi ultricies volutpat. Mauris et pede eget elit congue
dictum. Etiam auctor, sem eget rhoncus viverra, dolor sem vehicula nisl, ut
imperdiet dui purus non dui. In ac tellus. </p>
<h1>About the Site</h1>
<p><img class="myborder" align="left" hspace="10" src="images/pink_sq.gif"
alt="icon"/>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi.
Sed interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc
libero libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna
aliquet molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar
elit, id suscipit nunc tellus in felis. Etiam auctor, sem eget rhoncus viverra,
dolor sem vehicula nisl, ut imperdiet dui purus non dui. In ac tellus. Mauris et
pede eget elit congue dictum. Etiam auctor, sem eget rhoncus viverra, dolor sem
vehicula nisl, ut imperdiet dui purus non dui. In ac tellus. Nunc libero libero,
lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. Etiam auctor, sem eget rhoncus viverra, dolor sem
vehicula nisl, ut imperdiet dui purus non dui. In ac tellus. Mauris et pede eget
elit congue dictum. Etiam auctor, sem eget rhoncus viverra, dolor sem vehicula
nisl, ut imperdiet dui purus non dui. In ac tellus.</p>
</div>
<div id="right-menu">
<h2 class="sideheader">News</h2>
<div class="scroll">
<h1>Sept 24th 2005</h1>
<p class="news">Use this space as a mini weblog maybe .....</p>
<h1>Sept 25th 2005</h1>
<p class="news">or maybe not!</p>
</div>
<h2 class="sideheader">Links</h2>
<div id="navcontainer">
<ul id="right-navlist">
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
<li><a href="#">OSWD</a></li>
</ul>
</div>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>*Pink Orb*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:75%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:bold 1em/1.4em helvetica, arial, sans-serif;}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="top">
<p><a href="#">Home</a> | <a href="mailto:[email protected]"> Contact
</a></p>
<h1>Company Name</h1>
</div>
<div id="menuh-container">
<div id="menuh">
<ul>
<li><a href="#" class="top_parent"> Homepage</a>
<ul>
<li><a href="#">• About</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery A</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery B</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery C</a> </li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Resources</a> </li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Contact</a> </li>
</ul>
</div>
</div>
<div class="clear:both;"></div>
<div id="leftnav">
<h2>Heading H2</h2>
<div id="nav">
<ul id="navlist">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
<li><a href="#">Item 6</a></li>
<li><a href="#">Item 7</a></li>
</ul>
</div>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis
ligula. Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc
fermentum congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis
aliquam arcu, ac pulvinar lacus massa non ipsum. </p>
<p class="quote">"You can't depend on your eyes if your imagination is out of
focus" ~ Mark Twain</p>
</div>
<div id="content">
<h2>Welcome to <span style="font-weight:bold; color:#520934;">Pink Orb</span>
Template</h2>
<blockquote>This template has been tested in Mozilla Firefox and IE7. The page
validates as XHTML 1.0 Transitional using valid CSS. It will work in browser widths
of 800x600, 1024x768 & 1280x1064. The images used in this template are courtesy
of Ken Saunders at <a href="http://www.MouseRunner.com" title="free resources">
Mouse Runner</a>.<br />
For more FREE CSS templates visit <a href="http://www.mitchinson.net">my
website</a>.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis ligula.
Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum
congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu,
ac pulvinar lacus massa non ipsum. Praesent volutpat, felis in consectetuer
lobortis, nibh orci nonummy quam, nec lobortis tellus purus eget turpis. Vestibulum
placerat sagittis lorem. Praesent interdum ultricies massa. Etiam bibendum, diam
quis nonummy malesuada, tortor sapien laoreet metus, quis varius augue velit eget
ligula.</p>
<h2>PICTURE GALLERY</h2>
<div id="gallery"> <img class="imgleft" src="images/orb.png" alt="" /> <img
class="imgleft" src="images/orb.png" alt="" /> <img class="imgleft"
src="images/orb.png" alt="" /> <img class="imgleft" src="images/orb.png" alt="" />
<div class="clear:both;"></div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis ligula.
Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum
congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu,
ac pulvinar lacus massa non ipsum. Praesent volutpat, felis in consectetuer
lobortis, nibh orci nonummy quam, nec lobortis tellus purus eget turpis. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis ligula. Donec tortor
purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum congue odio.
Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu, ac pulvinar
lacus massa non ipsum. Praesent volutpat, felis in consectetuer lobortis, nibh orci
nonummy quam, nec lobortis tellus purus eget turpis.</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | Licensed under a <a
rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
Attribution 3.0 License</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Pink Sunset</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css"/>
</head>
<body>
<div class="container">
<div class="top">
<div class="header">
<h1><a href="#">Pink Sunset</a></h1>
</div>
<div class="menu"> <a href="#">Lorem</a><a href="#">Ipsum</a><a
href="#">Dolor</a><a href="#">Sit Amet</a> </div>
</div>
<div class="content">
<div class="left">
<div class="item">
<h1>Vestibulum cursus</h1>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate
elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique
tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium
leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum
ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue
ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna
sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at
blandit enim quam fringilla mi.</p>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
</div>
<div class="item">
<h1>Sagittis libero</h1>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna. Curabitur laoreet vehicula nunc. Vivamus sapien mi, tincidunt non,
hendrerit vel, ultrices sit amet, urna. Aenean volutpat, leo et porttitor cursus,
turpis mi adipiscing leo, ac vehicula elit mauris eu orci. Ut fermentum egestas
tellus. Suspendisse quam. Sed vulputate arcu sit amet dui.</p>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate
elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique
tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium
leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum
ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue
ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna
sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at
blandit enim quam fringilla mi.</p>
</div>
<div class="item">
<h1>Leo tempor</h1>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet,
dui. Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh.
Curabitur pellentesque, lectus at volutpat interdum, sem justo placerat elit, eget
feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat
aliquam</p>
</div>
</div>
<div class="right">
<ul>
<li><a href="#">Bibendum</a><br/>
<span>Ut quis neque convallis magna consequat molestie. Nullam semper
massa eget ligula.</span></li>
<li><a href="#">Curabitur</a><br/>
<span>Curabitur pellentesque, lectus at volutpat interdum.</span></li>
<li><a href="#">Penatibus</a><br/>
<span>Cum sociis natoque penatibus et magnis dis parturient
montes.</span></li>
<li><a href="#">Bibendum</a><br/>
<span>Pellentesque a nibh quis nunc volutpat aliquam.</span></li>
</ul>
<div class="submenu_end"></div>
</div>
<br class="clearer"/>
<span></span> </div>
<div class="footer">© 2006 <a href="#">Sitename.com</a>. Design by <a
href="http://www.arcsin.se">Arcsin</a></div>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom:
1.0em;"> Design provided by Free Web Templates - your source for <a href="#">free
website templates</a> </div>
</body>
</html>
<!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>PinkLily</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div></div>
<div></div>
<div id="header">
<h1><a href="#">pinklily</a></h1>
<h2><a href="#">Free Css Templates </a></h2>
</div>
</div>
<div id="content">
<div id="colTwo">
<h2>Welcome to Sitename.com!</h2>
<p>PINKLILY is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="colOne">
<div id="menu1">
<ul>
<li id="menu-01"><a href="#">Home</a></li>
<li id="menu-02"><a href="#">Products</a></li>
<li id="menu-03"><a href="#">Services</a></li>
<li id="menu-04"><a href="#">About Us</a></li>
<li id="menu-05"><a href="#">Contact Us</a></li>
</ul>
</div>
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer" class="bg3">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom:
1.0em;"> Design provided by Free Web Templates - your source for <a href="#">free
website templates</a> </div>
</body>
</html>
<!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>
<title>PINK WEB</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div id="sidebar">
<h2>Search</h2>
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> <img src="img/search.gif" alt="search" /></label>
</span> <span>
<input type="text" value="demo only" name="txtsearch" title="Text input:
search" id="txtsearch" size="20" />
</span> </div>
</fieldset>
</form>
<h2>Resources</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus varius,
leo sit amet consequat venenatis, ante sem volutpat nulla, ac tristique lectus
ipsum sit amet nisi. Ut ullamcorper pede non lacus. Maecenas eget ipsum auctor
lectus aliquet tincidunt. Sed mi elit, pulvinar consectetuer, consequat quis,
ultricies dapibus, mauris.</p>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">CSS Drive</a></li>
<li><a href="#">Style Gala</a></li>
<li><a href="#">Listamatic</a></li>
<li><a href="#">OSWD</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
</ul>
</div>
<div id="navbar">
<ul id="navdrop">
<li><a class="active" href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Order</a></li>
</ul>
</div>
<div id="content">
<h2>Welcome to <span style="font-size: 0.9em;color: #9C386A;">PinkWeb</span>
Template</h2>
<div class="rbroundbox">
<div class="rbtop">
<div></div>
</div>
<div class="rbcontent">
<blockquote>All images were created by me so feel free to use them if you
wish. The page has been tested in Mozilla and IE7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE templates visit my website.</blockquote>
</div>
<div class="rbbot">
<div></div>
</div>
</div>
<h2>About</h2>
<p>This is a <a href="#">link</a> to nowhere. Maecenas eget ipsum auctor lectus
aliquet tincidunt. Sed mi elit, pulvinar consectetuer, consequat quis, ultricies
dapibus, mauris. Phasellus est arcu, cursus ac, accumsan id, bibendum id, diam.
Duis vulputate urna id metus. Aenean ac metus. Curabitur fermentum, leo eget mattis
pellentesque, ante neque semper erat, at cursus pede augue non orci. Suspendisse
nonummy augue sit amet enim. Duis vulputate urna id metus. Aenean ac metus. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus varius, leo sit amet
consequat venenatis, ante sem volutpat nulla, ac tristique lectus ipsum sit amet
nisi. Ut ullamcorper pede non lacus. </p>
<blockquote>Spiders - belong to a group of animals known as 'Arachnids'. They
have a two-part body, four pairs of legs and two pincers. House spider (Tegenaria
gigantea/domestica) - Female house spiders are 9-10mm in size, and males are 6-9mm
(not including leg span). They are brown and hairy with long legs. The leg span of
this spider can reach up to 60mm.</blockquote>
<p>Phasellus est arcu, cursus ac, accumsan id, bibendum id, diam. Duis
vulputate urna id metus. Aenean ac metus. Curabitur fermentum, leo eget mattis
pellentesque, ante neque semper erat, at cursus pede augue non orci. Suspendisse
nonummy augue sit amet enim. Duis vulputate urna id metus. Aenean ac metus. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus varius, leo sit amet
consequat venenatis, ante sem volutpat nulla, ac tristique lectus ipsum sit amet
nisi. Ut ullamcorper pede non lacus. </p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>Pixel Green</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/PixelGreen.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<div id="header-content">
<h1 id="logo">pixel<span class="gray">green</span></h1>
<h2 id="slogan">Put your site slogan here...</h2>
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</div>
<div class="headerphoto"></div>
<div id="content-wrap">
<div id="content">
<div id="sidebar">
<div class="sidebox">
<h1>Short About</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis
aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p>
</div>
<div class="sidebox">
<h1 class="clear">Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Templates...</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Wise Words</h1>
<p>"No man can live happily who regards himself alone; who turns
everything to his own advantage. You must live for others if you wish to live for
yourself."</p>
<p class="align-right">- Seneca</p>
</div>
<div class="sidebox">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to
contribute, you are welcome to make a small donation through the donate link on my
website - it will be a great help and will surely be appreciated.</p>
</div>
<div class="sidebox">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
</div>
<div id="main">
<div class="post"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p>Posted by <a href="#">ealigam</a></p>
<p><strong>PixelGreen 1.1</strong> is a free, W3C-compliant, CSS-based
website template by <strong>styleshout.com</strong>. This work is distributed under
the <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to my website in your
credits.</p>
<p>For more free designs, you can visit my website to see my other
works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Nov 11,
2006</span> </p>
</div>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p> <a href="#"><img src="images/firefox-gray.jpg" width="100" height="121"
alt="firefox-gray" class="float-left" /></a> Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna.
Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere
nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
</div>
<div id="footer">
<div id="footer-content">
<div class="col float-left">
<h3>Site Partners</h3>
<ul>
<li><a href="#"><strong>Dreamhost</strong> - Reliable Webhosting at
$7.95/mo</a></li>
<li><a href="#"><strong>4templates</strong> - Low Cost Hi-Quality
Templates</a></li>
<li><a href="#"><strong>TemplateMonster</strong> - Best templates on the
net!</a></li>
<li><a href="#"><strong>Fotolia</strong> - Free stock images or from
$1</a></li>
<li><a href="#"><strong>Text Link Ads</strong> - Easiest. Money.
Ever.</a></li>
</ul>
</div>
<div class="col float-left">
<h3>Links</h3>
<ul>
<li><a href="#"><strong>openwebdesign.org</strong></a></li>
<li><a href="#"><strong>OSWD.org</strong></a></li>
<li><a href="#"><strong>zeroweb.org</strong></a></li>
<li><a href="#"><strong>Alistapart</strong></a></li>
<li><a href="#"><strong>CSS Remix</strong></a></li>
</ul>
</div>
<div class="col2 float-right">
<p> © copyright 2006 <strong>Your Company Name</strong><br />
Design by: <a
href="http://www.styleshout.com"><strong>styleshout</strong></a>
Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer"><strong>CSS</strong></a> | <a
href="http://validator.w3.org/check/referer"><strong>XHTML</strong></a> </p>
<ul>
<li><a href="#"><strong>Home</strong></a></li>
<li><a href="#"><strong>Sitemap</strong></a></li>
<li><a href="#"><strong>RSS Feed</strong></a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>Pizza Parlor</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Pizza Parlor</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="pages">
<h2>Pages</h2>
<ul>
<li class="active"><a id="page1" href="#">Home</a></li>
<li><a id="page2" href="#">My Photos</a></li>
<li><a id="page3" href="#">My Favorites</a></li>
<li><a id="page4" href="#">About Me</a></li>
<li><a id="page5" href="#">Contact Me</a></li>
</ul>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Pizza Parlor!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Pizza Parlor</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“ Donec fermentum condimentum nisi. Proin iaculis mauris id
lorem viverra molestie. Duis vel orci. Et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie. Duis
vel orci. Nam consequat. Morbi nec lacus.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="archives" class="boxed">
<h2 class="heading">Archives</h2>
<div class="content">
<ul>
<li class="first"><a href="#">February</a> (7)</li>
<li><a href="#">January 2007</a> (31)</li>
<li><a href="#">December 2006</a> (31)</li>
<li><a href="#">November 2006</a> (30)</li>
<li><a href="#">October 2006</a> (31)</li>
<li><a href="#">September 2006</a> (30)</li>
<li><a href="#">August 2006</a> (31)</li>
<li><a href="#">July 2006</a> (31)</li>
<li><a href="#">June 2006</a> (30)</li>
<li><a href="#">May 2006</a> (31)</li>
<li><a href="#">April 2006</a> (30)</li>
<li><a href="#">March 2006</a> (31)</li>
<li><a href="#">February 2006</a> (28)</li>
<li><a href="#">January 2006</a> (31)</li>
<li><a href="#">December 2005</a> (31)</li>
<li><a href="#">November 2005</a> (30)</li>
<li><a href="#">October 2005</a> (31)</li>
<li><a href="#">September 2005</a> (30)</li>
<li><a href="#">August 2005</a> (31)</li>
<li><a href="#">July 2005</a> (31)</li>
<li><a href="#">June 2005</a> (30)</li>
<li><a href="#">May 2005</a> (31)</li>
<li><a href="#">April 2005</a> (30)</li>
<li><a href="#">March 2005</a> (31)</li>
<li><a href="#">February 2005</a> (31)</li>
</ul>
</div>
</div>
<div id="search" class="boxed">
<h2 class="heading">Search</h2>
<div class="content">
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>
</div>
<div id="categories" class="boxed">
<h2 class="heading">Categories</h2>
<div class="content">
<ul>
<li class="first"><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
<li><a href="#">Quisque vestibulum</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
<li><a href="#">Quisque vestibulum</a></li>
</ul>
</div>
</div>
<div id="blogroll" class="boxed">
<h2 class="heading">Blogroll</h2>
<div class="content">
<ul>
<li class="first"><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Pizza Parlor. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Plain 1.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a name="top" id="top"></a>
<center>
<div id="menu"> <a href="#">home</a> <a href="#intro">introduction</a> <a
href="#css">css & xhtml</a> <a href="#about">about the author</a> </div>
<div id="header">
<h1>plain v1.0</h1>
<h2>A simple CSS & XHTML web template focusing on whitespace and its
importance </h2>
</div>
<div id="content"> <img src="images/logo.jpg" alt="Your Logo" class="logo" />
<p class="introduction"> Hello and welcome to Plain version 1.0. This is a
simple web site template maximising the use of css and xhtml. Whitespace is used in
abundance to really push its importance in web design. Navigate the page via the
menu at the top of the page, or the links underneath this paragraph. </p>
<div id="sidebar">
<h1>Sub Menu</h1>
<div class="submenu"> <a href="#">Home</a> <a href="#intro">Introduction</a>
<a href="#css">CSS & XHTML</a> <a href="#about">About</a> </div>
<h1>Other </h1>
<div class="submenu"> <a href="#">Stepping Stone</a> <a href="#">Go Faster
Red</a> <a href="#">Seaside</a> <a href="#">Light</a> </div>
<p> You can view more of my templates on my Templates Website: Pretty as a
Picture</p>
<h1>Log In</h1>
<input value="Username" type="text" />
<br />
<input name="" value="Password" type="password" />
<br />
<input value="Log In" type="button" />
</div>
<div id="mainbar">
<h1><a name="intro" id="intro"></a>Introduction</h1>
<img src="images/backgrounds/menu.jpg" alt="AN EXAMPLE IMAGE" width="60"
height="60" class="articleimg" title="AN EXAMPLE IMAGE" />
<p> Hello and welcome to Plain 1.0. As mentioned earlier this is a fairly
simple template, powered entirely by css and xhtml. I am also trying to make as
much use of whitespace as possible. Whitespace helps keep the page looking clean
and easy on the eye, whilst improving readability also. As with all my templates, a
limited number of images have been used, and when they have, they've been to aid
the design. This results in an easily customisable template that can be used to an
array of different sites. </p>
<h1><a name="css" id="css"></a>CSS & XHTML</h1>
<p> As anyone looking for a website template to use would expect - this
template is of course, both <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> valid according to the w3c. The benfits of this include;
</p>
<ul>
<li>The website rendering correctly in a wide range of browser
platforms</li>
<li>Since CSS is used to maximise the aesthetics of the website the load
times are extremely low making for an extremely accessable website.</li>
<li>Low use of images saves bandwidth and improves load times</li>
</ul>
<p> For more information regarding this, and lots of other usefull web design
related stuff. </p>
<h1><a name="about" id="about"></a>About the Author</h1>
<p> Hi there. My names Jay and I'm an 18 Year old web designer from the
United Kingdom. My company Six Shooter Media provides a wide range of web design
possibilities to a wide range of clients. I specialise in CSS and XHTML coding but
can also install and modify PHP scripts such as Counters and Content Management
Systems. </p>
<p> I also run my own personal website, which I use as a blog, a place to
upload my photographs/drawings, do a bit of writing, and post news about my web
design capers now and again. Along side this website, I've just opened another
website which I use to host my templates and write tutorials for web design
beginners. </p>
<p> I make these web templates in my spare time as a kind of hobby, plus I
like 'giving something back' to the web design community. Feel free to download and
use this template as you wish - for you site or just for education purposes, but
please leave the link to my website in at the bottom of the page, thanks. </p>
</div>
</div>
<div id="footer"> This is the footer. Put all your copyright info here.<br />
Page designed by <a href="http://www.sixshootermedia.com/">6ix Shooter
Media</a><br />
</div>
</center>
</body>
</html>
<!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>
<title>Plain 2.0</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="css/1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="header-container">
<p>Get in touch: 0800 112233 | <a href="#">[email protected]</a><br />
<a href="#container" style="padding-right:10px; background-
image:url(images/backgrounds/downarrow.gif); background-position:right; background-
repeat:no-repeat;">Skip to Content</a></p>
<img src="images/logo.jpg" alt="Your Logo" title="Your Logo" />
<h1><a href="#">Plain 2.0</a></h1>
<ul>
<li><a href="#intro">Intro</a></li>
<li><a href="#css">css & xhtml</a></li>
<li><a href="#author">The Author</a></li>
</ul>
<br class="clear" />
</div>
</div>
<div id="description">
<p>This is where the description of your web site will go. This element of the
web page is easily removed if you don't want to have it on any page besides the
homepage. Just delete it! Heres an <a href="#">Example Link</a>.</p>
</div>
<div id="container">
<div id="sidebar">
<h1>Example Header</h1>
<p> Here's some links, you can use this space for whatever you want, I suppose!
</p>
<ul>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">Six Shooter Media</a></li>
<li><a href="#">JK.co.uk</a></li>
<li><a href="#">Buy a Button</a></li>
</ul>
<p> Think of anything else useful to put here? GREAT! Then put it here and make
it happy! </p>
<h1>Your Logo</h1>
<img src="images/logo.jpg" alt="" />
<p>This is, of course just a sample logo. Use it if you want! That's no
problem. You can change the colour easily if you do want to use it by opening it in
a graphics program and adjusting the Hue/Saturation. If you don't want to use it,
just stick your own logo in there!</p>
<h1>Log In</h1>
<input type="text" value="User Name" />
<input type="password" value="Password" />
<input name="" type="submit" />
</div>
<div id="content">
<h1><a name="intro" id="intro" style="visibility:hidden"></a>Introduction</h1>
<h3>Just some descriptive text</h3>
<p> Hello and welcome to Plain 2.0. This template being the follow up to my
previous template "Plain 1.0". It adheres to the same main ideas as the original:
Lots of white space while still being visually appealing and readable.<br />
Since so many people seemed to enjoy Plain 1.0 I thought I should provide
users with an alternative to that template. Something of the same style that looks
a bit different.<br />
The template works fine in all browsers and resolutions although it does look
a bit tight in 800x600. For me 800x600 is just too small to fit readable content
into that isnt a pain to read in any resolution above that. If the "tightness" bugs
you, the layout is easily slimmed by adjusting a few values in the css. </p>
<div class="articlemenu"> <a href="#">Read More</a> <a href="#">12 Comments</a>
</div>
<h1><a name="css" id="css" style="visibility:hidden"></a>CSS & XHTML</h1>
<h3>Because it's important!</h3>
<p> As anyone looking for a web site template to use would expect - this
template is of course, both <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> valid according to the w3c. The benefits of this include;
</p>
<ul>
<li>The web site rendering correctly in a wide range of browser
platforms</li>
<li>Since CSS is used to maximise the aesthetics of the web site the load
times are extremely low making for an extremely accessible web site.</li>
<li>Low use of images saves bandwidth and improves load times</li>
</ul>
<p> For more information regarding this, and lots of other useful web design
related stuff, follow this link. </p>
<div class="articlemenu"> <a href="#">Read More</a> <a href="#">12 Comments</a>
</div>
<h1><a name="author" id="author" style="visibility:hidden"></a>About the
Author</h1>
<h3>About Me!</h3>
<p> My name's Jay and I work as a web designer! You can view my work on my web
site; Six Shooter Media. Like 5.9 billion other people on this planet I also run my
own blog. Lovely eh!? </p>
<div class="articlemenu"> <a href="#">Read More</a> <a href="#">12 Comments</a>
</div>
</div>
</div>
<div id="footer">
<div id="footercontent"> © You 2005<br />
Web template (Plain 2.0) designed by <a
href="http://www.sixshootermedia.com">James Koster</a>. </div>
</div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Azulmedia.css" type="text/css" />
<title>Azulmedia</title>
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo">azul<span class="gray">media</span></h1>
<h2 id="slogan">Put your site slogan here...</h2>
<div id="menu">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</div>
<div id="content-wrap">
<div id="sidebar" >
<h1 class="clear">Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Search</h1>
<div class="searchform">
<form action="#">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
<h1>Wise Words</h1>
<p>"The happiest people are those who invested their time in others. The
unhappiest people are those who wonder how the world is going to make them
happy"</p>
<p class="align-right">- John Maxwell</p>
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<div class="box">
<h1>Template <span class="gray">Info</span></h1>
<p><strong>Azulmedia 2.1</strong> is a free, W3C-compliant, CSS-based
website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="comments align-right"> <a href="#">Read more</a> : <a
href="#">Comments(7)</a> : Oct 28, 2006 </p>
</div>
<a name="SampleTags"></a>
<div class="box">
<h1>Sample <span class="gray">Tags</span></h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>example of</li>
<li>ordered list</li>
</ol>
<ul>
<li>example of</li>
<li>unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="Images/firefox-gray.jpg"
width="100" height="121" alt="firefox-gray" class="float-left" /></a> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius
lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum,
dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna.
Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget
fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor
ipsum. Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper
nonummy, mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
<br />
</div>
</div>
<div id="footer-wrap">
<div class="footer-left">
<p class="align-left"> © 2006 <strong>Company Name</strong> | Design by <a
href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </p>
</div>
<div class="footer-right">
<p class="align-right"> <a href="#">Home</a> | <a
href="#">SiteMap</a> | <a href="#">RSS Feed</a> </p>
</div>
</div>
</body>
</html>
<!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>Plantation</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Plantation</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Products</a></li>
<li><a href="#" accesskey="3">Services</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="welcome">
<h2>Welcome to Plantation!</h2>
<p><img src="images/img03.jpg" alt="" width="300" height="100" /></p>
<p><strong>Plantation</strong> is a free template from <a href="#">Free CSS
Templates</a> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p class="more"><a href="#">Learn more about our company…</a></p>
</div>
<div id="news">
<h2>Recent News & Updates <a href="#" class="rss">RSS</a></h2>
<h3>February 27th</h3>
<p class="lined">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula. Donec leo, vivamus fermentum lorem ipsum dolorem nibh in augue. <a
href="#">More…</a></p>
<h3>February 18th</h3>
<p class="lined">Praesent a lacus at urna congue rutrum. Quisque dictum integer
nisl risus, sagittis convallis, rutrum. <a href="#">More…</a></p>
<h3>February 9th</h3>
<p class="lined">In posuere eleifend odio. Quisque semper augue mattis wisi.
Maecenas ligula. Pellentesque viverra. <a href="#">More…</a></p>
<p class="more"><a href="#">Learn more about our company…</a></p>
</div>
</div>
<div id="feature"><img src="images/img06.jpg" alt="" width="300" height="200" />
<h2>Donec pulvinar ullamcorper metus</h2>
<p>In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut,
vestibulum eu. Mauris a dolor:</p>
<ol>
<li><a href="#">Phasellus pellentesque, ante nec iaculis dapibus, eros justo
auctor lectus, a lobortis nunc.</a></li>
<li><a href="#">Praesent pellentesque facilisis elit. Class aptent taciti
sociosqu ad litora torquent.</a></li>
<li><a href="#">In hac habitasse platea dictumst nullam id ante eget.</a></li>
</ol>
</div>
<div id="footer">
<p>©2007 Plantation. All Rights Reserved. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p><a href="#">Home</a> | <a href="#">Terms of Use</a> | <a href="#">Feeds</a> |
<a href="#">XHTML</a> | <a href="#">CSS</a></p>
</div>
</body>
</html>
<!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>Please smile again</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="sadrzaj">
<div id="zaglavlje">
<div id="logo"> Please smile again... </div>
</div>
<div id="lijeva_kolona">
<div id="menuheader"></div>
<a href="#">Home</a> <a href="#">Support</a> <a href="#">News</a> <a
href="#">Affiliates</a> <a href="#">Info</a> <a href="#">Contact</a>
<div id="menufooter"></div>
</div>
<div id="desna_kolona">
<h3>Right column article</h3>
<div class="text_desno"> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. <br />
<br />
</div>
<h3>Another right column article</h3>
<div class="text_desno"> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. <br />
<div id="info"> <a href="http://validator.w3.org/check?uri=referer">Valid
XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid
CSS</a> <br/>
Visit <a href="http://www.solucija.com">Solucija</a> or contact us via
email. </div>
</div>
</div>
<div class="srednja_kolona">
<div class="content_title"><a href="#">Template info</a></div>
<div class="text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. </div>
</div>
<div class="srednja_kolona">
<div class="content_title"><a href="#">Just some Lorem ipsum text</a></div>
<div class="text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. </div>
</div>
<div class="srednja_kolona">
<div class="content_title"><a href="#">Lorem ipsum strikes back!</a></div>
<div class="text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. </div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: PlusBusiness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PlusBusiness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.jcarousel.pack.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.jcarousel.setup.js"></script>
</head>
<body id="top">
<!--
###################################################################################
#################### -->
<div class="wrapper col1">
<div id="header">
<div id="logo">
<h1><a href="index.html">+Business</a></h1>
<p>Free Website Template</p>
</div>
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="featured_slide">
<div id="featured_content">
<ul>
<li><img src="images/demo/1.gif" alt="" />
<div class="floater">
<h2>About This Template !</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. This template is distributed
using a <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>, which allows you to use and modify the template for both personal and
commercial use when you keep the provided credit links in the footer. For more CSS
templates visit <a href="http://www.os-templates.com/">Free Website
Templates</a>.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/2.gif" alt="" />
<div class="floater">
<h2>Cursus penati saccum ut curabitur nulla.</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper convallis
nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in
rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim
et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras
ridiculum…</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/3.gif" alt="" />
<div class="floater">
<h2>Cursus penati saccum ut curabitur nulla.</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper convallis
nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in
rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim
et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras
ridiculum…</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</li>
</ul>
</div>
<a href="javascript:void(0);" id="featured-item-prev"><img
src="layout/images/prev.png" alt="" /></a> <a href="javascript:void(0);"
id="featured-item-next"><img src="layout/images/next.png" alt="" /></a> </div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="container">
<div class="homepage">
<ul>
<li>
<h2><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum
conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum
conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum
conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="footer">
<div class="box1">
<h2>A Little Company Information !</h2>
<img class="imgl" src="images/demo/imgl.gif" alt="" />
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue</p>
<p>Portortornec condimenterdum eget consectetuer condis.</p>
</div>
<div class="box contactdetails">
<h2>Our Contact Details !</h2>
<ul>
<li>Company Name</li>
<li>Street Name & Number</li>
<li>Town</li>
<li>Postcode/Zip</li>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li>Fax: xxxxx xxxxxxxxxx</li>
<li>Email: [email protected]</li>
<li class="last">LinkedIn: <a href="#">Company Profile</a></li>
</ul>
</div>
<div class="box flickrbox">
<h2>Latest Flickr Images !</h2>
<div class="wrap">
<div class="fix"></div>
<div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img
src="images/demo/80x80.gif" alt="" /></a></div>
<div class="fix"></div>
</div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Pollinate</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Pollinate</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="splash"><a href="#"><img src="images/img02.jpg" alt="" width="520"
height="200" /></a></div>
</div>
<div id="content">
<div id="sidebar">
<div id="menu">
<ul>
<li class="active first"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Pollinate!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Pollinate</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="extra" style="clear: both;"></div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Pollinate. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Port Central</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Port Central</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
<hr />
</div>
<!-- end div#header -->
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Join</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end div#menu -->
<div id="page">
<div id="ads">
<h2>Sponsors</h2>
<div style="width: 160px; height: 600px; margin: 0 auto; background: #33CCFF;
text-align: center; color: #000000;">
<p><strong>Wide Skyscraper</strong></p>
<p>160x600 pixels</p>
</div>
</div>
<!-- end div#ads -->
<div id="content">
<div class="post">
<h1>Welcome to Port Central!</h1>
<p class="date"><small>Posted 26 May, 2007 9:32 PM GMT</small></p>
<div class="story"><img src="images/imgX.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Port Central</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from <a href="#">PDPhoto.org</a>. You're free to use it
for both commercial or personal use. I only ask that you link back to <a
href="http://www.freecsstemplates.org/">my site</a> in some way.
<em>Enjoy :)</em></p>
</div>
<p class="more"><a href="#">Read more…</a></p>
</div>
<div class="post">
<h2>Lorem Ipsum Dolor?</h2>
<p class="date"><small>Posted 26 May, 2007 9:32 PM GMT</small></p>
<div class="story">
<h3>Integer Nisl Risus</h3>
<p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, and
nibh:</p>
<ol>
<li><a href="#">Integer sit amet pede vel arcu aliquet
pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida
blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque
pharetra.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat
eleifend.</a></li>
<li><a href="#">Etiam ac tortor eu metus euismod lobortis.</a></li>
<li><a href="#">Duis non ante in metus commodo euismod
lobortis.</a></li>
</ol>
</div>
<p class="more"><a href="#">Read more…</a></p>
</div>
<div class="post">
<h2>In Posuere: Eleifend Odio</h2>
<p class="date"><small>Posted 26 May, 2007 9:32 PM GMT</small></p>
<div class="story">
<p>Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque
eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed
vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla.
Sed ac leo. Pellentesque imperdiet.”</p>
</blockquote>
</div>
<p class="more"><a href="#">Read more…</a></p>
</div>
</div>
<!-- end div#content -->
<div id="sidebar">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">May 2007</a> (26)</li>
<li><a href="#">April 2007</a> (30)</li>
<li><a href="#">March 2007</a> (31)</li>
<li><a href="#">February 2007</a> (28)</li>
<li><a href="#">January 2007</a> (31)</li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Semper Vestibulum</a></li>
<li><a href="#">Venenatis Luctus</a></li>
<li><a href="#">Malesuada Rutrum</a></li>
<li><a href="#">Elementum Facilisis</a></li>
<li><a href="#">Tincidunt Ague</a></li>
<li><a href="#">Sed Quis Sagittis</a></li>
</ul>
</li>
<li>
<h2>Lorem Ipsum</h2>
<ul>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum venenatis</a></li>
<li><a href="#">Etiam malesuada enim</a></li>
<li><a href="#">Aenean facilisis</a></li>
<li><a href="#">Ut elit vitae augue</a></li>
<li><a href="#">Sed quis odio leo</a></li>
</ul>
</li>
</ul>
</div>
<!-- end div#sidebar -->
</div>
<!-- end div#page -->
<div id="footer">
<p id="legal">Copyright © 2007 Port Central. All Rights Reserved. Designed
by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
<!-- end div#footer -->
</div>
<!-- end div#wrapper -->
</body>
</html>
<!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>Pragmatic</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
<div id="header">
<h1> <a href="#">Pragmatic</a></h1>
<h2>by Free CSS Templates</h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
<div class="clear"></div>
</div>
<div id="content">
<div id="primaryContentContainer">
<div id="primaryContent">
<h2>Welcome to Sitename.com!<span></span></h2>
<p><strong>Pragmatic</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>.
The image in the header is from <a
href="http://commons.wikimedia.org/wiki/Image:Imagem_044.jpg">Wikimedia
Commons</a>.
You're free to use this template for both commercial or personal use. I
only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<h3>Example Unordered List<span></span></h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Example Blockquote<span></span></h3>
<blockquote>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</blockquote>
<h3>Example Table<span></span></h3>
<table>
<tr class="rowH">
<th>Date</th>
<th>Title</th>
<th>Description</th>
</tr>
<tr class="rowA">
<td>December 1, 2006</td>
<td>Sed vestibulum blandit</td>
<td>Vivamus sollicitudin dolor sit amet eros. Vivamus ligula. Sed
pretium turpis eu ipsum. Sed rutrum sapien id arcu.</td>
</tr>
<tr class="rowB">
<td>November 28, 2006</td>
<td>Augue non nibh</td>
<td>Nam adipiscing urna ac consequat dignissim massa est sodales
sem.</td>
</tr>
<tr class="rowA">
<td>November 23, 2006</td>
<td>Fusce ut diam bibendum</td>
<td>Vestibulum quis urn nulla facilis nam malesuada cursus turpis.</td>
</tr>
<tr class="rowB">
<td>November 21, 2006</td>
<td>Maecenas et ipsum</td>
<td>Vivamus mi lectus gravida scelerisque, ultrices vitae cursus in
neque.</td>
</tr>
</table>
</div>
</div>
<div id="tertiaryContent">
<h3>Lorem ipsum dolor<span></span></h3>
<p>Vivamus sagittis bibendum erat. Curabitur lorem ipsum dolore malesuada. <a
href="#">More…</a></p>
<h3>Nunc pellentesque<span></span></h3>
<ul>
<li><a href="#">Vivamus id arcu</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Pellentesque at lorem</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Ipsum vitae felis</a></li>
<li><a href="#">Integer facilisis</a></li>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
<h3>Malesuada vivamus<span></span></h3>
<ul>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Integer facilisis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Pellentesque at lorem</a></li>
<li><a href="#">Ipsum vitae felis</a></li>
<li><a href="#">Sagittis Bibendum Erat</a></li>
</ul>
</div>
<div id="secondaryContent">
<h3>Etiam suscipit et<span></span></h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique<span></span></h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum
erat. Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque<span></span></h3>
<ul>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
</ul>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h3>Ipsum Dolorem<span></span></h3>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Presentable
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Presentable</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.innerfade.js"></script>
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div id="logo">
<h1><a href="index.html">Presentable</a></h1>
<p>Free Website Template</p>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
<input type="submit" name="go" id="go" value="GO" />
</fieldset>
</form>
</div>
<div id="topnav">
<ul>
<li class="last"><a href="#">A Long Link Text</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li class="active"><a href="index.html">Home</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="intro">
<div class="fl_left">
<h1>Lacus iner dum at mat…</h1>
<ul>
<li>
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
<div class="fl_right">
<ul id="rotation">
<li><a href="#"><img src="images/demo/slide_1.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/slide_2.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/slide_3.gif" alt="" /></a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="container">
<div id="latest">
<ul>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
<li class="last">
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
</ul>
<br class="clear" />
</div>
<div id="content">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Sedvestibulum rhoncus rhoncus mauris tincidunt mollis intesque elit arcu
lor tempus. Feugiateget nis justo amet eger venean cras elit sociis morbi
congue.</p>
<p>Malesuadaipsum vel felit sed pede curabitae phasellus in morbi pellent
cursuspendissim. Elisadipiscingillamcorper ut et eger adipit mi vestie vitae magnis
ut in sapibusinterdum.</p>
</div>
<div id="column">
<div class="holder">
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat adipisciniapellentum leo.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="footer">
<div id="newsletter">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Prestigious
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Prestigious</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="topbar">
<p>Tel: xxxxx xxxxxxxxxx | Mail: [email protected]</p>
<ul>
<li><a href="#">Libero</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mauris</a></li>
<li class="last"><a href="#">Suspendisse</a></li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col2">
<div id="header">
<div id="topnav">
<ul>
<li class="last"><a href="#">Link text</a><span>Test Text Here</span></li>
<li><a href="#">DropDown</a><span>Test Text Here</span>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a><span>Test Text
Here</span></li>
<li><a href="pages/style-demo.html">Style Demo</a><span>Test Text
Here</span></li>
<li class="active"><a href="index.html">Homepage</a><span>Test Text
Here</span></li>
</ul>
</div>
<div id="logo">
<h1><a href="index.html">Prestigious</a></h1>
<p>Free Website Template</p>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col3">
<div id="intro">
<ul>
<li><img src="images/demo/224x310.gif" alt="" /> <a href="#">Nullamlacus
ipsum conseque »</a></li>
<li><img src="images/demo/224x310.gif" alt="" /> <a href="#">Nullamlacus
ipsum conseque »</a></li>
<li><img src="images/demo/224x310.gif" alt="" /> <a href="#">Nullamlacus
ipsum conseque »</a></li>
<li class="last"><img src="images/demo/224x310.gif" alt="" /> <a
href="#">Nullamlacus ipsum conseque »</a></li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col4">
<div id="container">
<div id="content">
<h2>About This Free CSS Template</h2>
<img class="imgl" src="images/demo/imgl.gif" alt="" width="125"
height="125" />
<p><strong>Indonectetus facilis leo nibh</strong></p>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor mauris
wisinon vivamus. Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
</div>
<div id="column">
<div class="holder">
<h2>Nullamlacus loborttis</h2>
<ul id="latestnews">
<li><img class="imgl" src="images/demo/80x80.gif" alt="" />
<p><strong>Indonectetus facilis leo nibh.</strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last"><img class="imgl" src="images/demo/80x80.gif" alt="" />
<p><strong>Indonectetus facilis leo nibh.</strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col5">
<div id="footer">
<div id="newsletter">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Pride & Prejudice</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="title">Pride & Prejudice <span class="small">by Jane
Austen</span></div>
</div>
<div id="mainbar">
<ul>
<li><a href="#">Section 1</a></li>
<li><a href="#">Section 2</a></li>
<li><a href="#">Section 3</a></li>
</ul>
</div>
<div id="content">
<div id="sidebar">
<h1>Navigation</h1>
<ul>
<li><a href="#">Home</a>
<ul>
<li>» <a href="#">Sub-item</a></li>
<li>» <a href="#">Sub-item</a></li>
<li>» <a href="#">Sub-item</a></li>
</ul>
</li>
<li><a href="#">Item two</a>
<ul>
<li>» <a href="#">Sub-item</a></li>
<li>» <a href="#">Sub-item</a></li>
<li>» <a href="#">Sub-item</a></li>
</ul>
</li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
<form method="post" action="#">
<h1>Search</h1>
<input type="text" name="name" id="name" size="18%" />
<br />
<input type="submit" value="Submit" alt="Subscribe to our newsletter" />
</form>
</div>
<div id="text">
<h1>About this design</h1>
<p><img class="left" src="images/pic.jpg" alt="" />This is my entry for the
Favourite Book Design Contest. It is based on Jane Austen's <em>Pride &
Prejudice</em>. The photo used in the design is from SXC.hu and there are no
restrictions, though I will be happy if you kept the credit.</p>
<h2>An H2 heading</h2>
<p><img class="right" src="images/pic.jpg" alt="" />Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Nunc facilisis. Morbi congue dapibus tellus.
Nam neque eros, pharetra sit amet, suscipit at, tincidunt sed, justo. Suspendisse
euismod ultrices pede. Fusce pede tellus, aliquam at, tincidunt a, ornare id, arcu.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<h3>And an H3 heading</h3>
<p>This is a blockquote:</p>
<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
facilisis. Morbi congue dapibus tellus. Nam neque eros, pharetra sit amet, suscipit
at, tincidunt sed, justo. Suspendisse euismod ultrices pede. Fusce pede tellus,
aliquam at, tincidunt a, ornare id, arcu. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. </blockquote>
<p>An unordered list will look like this...</p>
<ul>
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
<li>Item four</li>
<li>Item five</li>
</ul>
<p>And an ordered list:</p>
<ol>
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
<li>Item four</li>
<li>Item five</li>
</ol>
</div>
<div id="gallery">
<h1>Gallery :: A selection of recent photographs</h1>
<div class="photos"> <img src="images/sample2.jpg" alt="" /> <img
src="images/sample2.jpg" alt="" /> <img src="images/sample2.jpg" alt="" /> <img
src="images/sample2.jpg" alt="" /> </div>
<div class="links">
<h2>Browse for more</h2>
<ul>
<li><a href="#">Section title 1</a></li>
<li><a href="#">Section title 2</a></li>
<li><a href="#">Section title 3</a></li>
</ul>
</div>
</div>
<div id="footer"> Design by <a href="http://writeside.net">Payal Dhar</a>, 2006
| <a href="http://validator.w3.org/check?uri=referer" title="Validate
XHTML">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer"
title="Validate CSS">CSS</a> </div>
</div>
</div>
</body>
</html>
<!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>Primitive Element</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Primitive Element</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h2>Recent Updates</h2>
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor totique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat.
Curabitur malesuada lorem ipsum dolorem. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse
lorem ipsum dolorem potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h3>Suspendis potenti</h3>
<p>Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus
lorem ipsum dolorem placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. <a href="#">More…</a></p>
</div>
<div id="colTwo">
<h2>Welcome to Primitive Element!</h2>
<p><em><strong>Primitive Element</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare.</p>
</div>
<div id="colThree">
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sed bibendum tellus id</a></li>
<li><a href="#">Vivamus commodo</a></li>
<li><a href="#">Sed bibendum risus atis</a></li>
<li><a href="#">Nulla ullamcorper arcu</a></li>
<li><a href="#">Vestibulum ultricies dui</a></li>
<li><a href="#">Proin a dui non elit</a></li>
<li><a href="#">Praesent utumsan</a></li>
<li><a href="#">In posuere risus ac felis</a></li>
<li><a href="#">Proin facilisis sagittis</a></li>
<li><a href="#">In fringilla aliquet odio</a></li>
<li><a href="#">Quisque sodales arcu</a></li>
<li><a href="#">Nam tincidunt consec</a></li>
</ul>
<h2>Nulla vel mollis</h2>
<ul>
<li><a href="#">Pellentesque consequat</a></li>
<li><a href="#">Morbi condimentum</a></li>
<li><a href="#">Cras tempor pulvinar</a></li>
<li><a href="#">Pellentesque vel magna</a></li>
<li><a href="#">Purus placerat imperdiet</a></li>
<li><a href="#">Duis ultrices pede vel</a></li>
<li><a href="#">Etiam eu libero eget est</a></li>
<li><a href="#">Faucibus fermentum.</a></li>
<li><a href="#">Vestibulum vulputate</a></li>
<li><a href="#">Cras sollicitudin pede et</a></li>
<li><a href="#">Maecenas interdum ante</a></li>
<li><a href="#">Nullam lacinia eleifend</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Primitive Element. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>
<title>Baby Blue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
@import url( style.css );
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<h3><a href="#">Baby Blue</a></h3>
</div>
<div id="sidebar">
<h2>Navigation</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
<h2>Recent Entries</h2>
<ul>
<li><a href="#">Recent entry one</a></li>
<li><a href="#">Recent entry two</a></li>
<li><a href="#">Recent entry three</a></li>
<li><a href="#">Recent entry four</a></li>
</ul>
</div>
<div id="body">
<div class="entry">
<div class="date">25th October 2006</div>
<h1><a href="#">Lorem Ipsum</a></h1>
<div class="entrybody">Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div class="entrymeta">Posted in <a href="#">Templates</a> · <a
href="#">3 Comments</a></div>
</div>
</div>
<div id="footer">
<div id="footer-nav"> <a href="#">Home</a> <a href="#">Link two</a> <a
href="#">Link three</a> <a href="#">Link four</a></div>
<div id="copyright"> This site is valid <a href="#">XHTML</a> and <a
href="#">CSS</a>.<br />
Design by <a href="http://www.ginger-ninja.net/">Ginger Ninja!</a></div>
</div>
</div>
</body>
</html>
<!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>Aanimo2</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="centerColumn">
<div id="header">
<h1>aanimo02</h1>
</div>
<!--//end #headern//-->
<div id="navbar">
<p>please select: [ <a href="#">Home</a> ] [ <a href="index-
rose.html">Alternate Layout</a> ]</p>
</div>
<div id="fauxRightColumn">
<h2>About Me</h2>
<p>My name is Aaron, a musician who dabbles in web-design!</p>
<h2>News</h2>
<p>12-14-06: Lorem Ipsum strikes back!</p>
</div>
<h2>Welcome!</h2>
<p>This is a free design, based on the CSS Tinderbox layouts. Feel free to use it
for whatever you please! I'd be happy if you left the link to my blog in the
footer, but if you'd rather not, I really don't care! I just made the design for
fun. Also - check out the alternate stylesheet for another example of how to use
this design (perhaps more professional without the fun squiggly lines.) Enjoy the
design, and many thanks to OpenDesigns.org!</p>
<p class="news"> <a href="#">0 Comments</a> | <a href="#">Edit</a></p>
<h2>Welcome!</h2>
<p>Lorem ipsum dolor sit amet, </p>
<blockquote>
<p>consectetuer adipiscing elit</p>
</blockquote>
<p>Proin vestibulum. Aenean urna sapien, dictum posuere, varius quis, congue sed,
arcu. Vivamus in ipsum. Phasellus eu dui. In vel nisl et velit ornare pharetra.
Etiam tincidunt diam ac dui. Ut velit. Aenean et erat non turpis adipiscing
lacinia. Nullam vel eros a ipsum cursus ornare. Vivamus aliquet scelerisque felis.
Morbi pellentesque, ligula non viverra pellentesque, risus massa suscipit mauris,
feugiat elementum diam pede vitae tortor. Maecenas sed mauris vitae urna egestas
porttitor. Suspendisse mi nulla, mattis ut, tempus quis, pretium eget, neque. In
purus lectus, fringilla ac, fermentum vitae, tempus molestie, nibh. In hac
habitasse platea dictumst. Sed sed augue. Integer elit. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Phasellus a nibh vitae massa varius blandit.</p>
<p class="news"> <a href="#">0 Comments</a> | <a href="#">Edit</a></p>
<div id="footer"> <a href="#">OpenDesigns.org</a> | <a
href="http://alderflute.blogspot.com">Design by Aanimo</a> | <a
href="http://validator.w3.org/" title="W3C HTML Validation">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/validator-uri.html" title="W3C CSS
Validation">CSS</a> | <a href="http://www.w3.org/TR/WCAG10/" title="Web Content
Accessibility Guidelines">WCAG</a> </div>
<!--//end #footer//-->
</div>
<!--//end #centerColumn//-->
</body>
</html>
<!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>Pristine</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<div id="col-two">
<div id="logo">
<h1><a href="#">Pristine</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="H"><b>H</b>omepage</a></li>
<li><a href="#" accesskey="A"><b>A</b>bout Us</a></li>
<li><a href="#" accesskey="P"><b>P</b>roducts</a></li>
<li><a href="#" accesskey="S"><b>S</b>ervices</a></li>
<li><a href="#" accesskey="C"><b>C</b>ustomer Support</a></li>
<li><a href="#" accesskey="U">Contact <b>U</b>s</a></li>
</ul>
</div>
<div id="search">
<form method="get" action="#">
<fieldset>
<legend>Search Pristine</legend>
<input id="text1" type="text" name="text1" value="" />
<input id="submit1" type="submit" name="submit1" value="Search" />
</fieldset>
</form>
</div>
</div>
<!-- end #col-two -->
<div id="col-one">
<div id="featured-post">
<h1>Welcome to Pristine!</h1>
<p><strong>Pristine</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div id="latest-posts">
<div class="post">
<h2 class="title"><a href="#">Lorem Ipsum Dolorem</a></h2>
<h3 class="meta">Posted by <a href="#">John Smith</a> on April 13th, 2007
| <a href="#">Edit</a><br />
Filed under <a href="#">Home & Garden</a></h3>
<div class="story">
<p><strong>A sample paragraph in bold text. Lorem ipsum dolor sit amet
nulla enim eros portitor. </strong></p>
<p>Donec leo. <a href="#">Vivamus fermentum nibh in augue.</a> Praesent a
lacus at urna congue rutrum. Nulla enim eros, porttitor eu, tempus id, varius non,
nibh. Duis enim nulla, luctus eu, dapibus lacinia, venenatis id, quam.</p>
<h3>Heading Level Three </h3>
<ul>
<li>Maecenas luctus lectus at sapien</li>
<li>Etiam rhoncus volutpat erat</li>
<li>Donec dictum metus in sapien</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Nulla luctus eleifend purus</li>
<li>Praesent scelerisque scelerisque erat</li>
<li>Ut nonummy rutrum sem</li>
</ol>
<h3>Blockquote</h3>
<blockquote>
<p>“Vestibulum imperdiet, magna nec eleifend rutrum, nunc lectus
vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.”</p>
</blockquote>
</div>
</div>
</div>
</div>
<!-- end #col-one -->
<div id="col-three">
<div class="boxed">
<h2 class="title">Recent Posts</h2>
<div class="content">
<ul>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida
blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque
pharetra.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat
eleifend.</a></li>
<li><a href="#">Etiam ac tortor eu metus euismod lobortis.</a></li>
<li><a href="#">Duis non ante in metus commodo euismod lobortis.
</a></li>
</ul>
</div>
</div>
<div class="boxed">
<h2 class="title">Recent Comments</h2>
<div class="content">
<ul>
<li><a href="#">John Doe</a> on <a href="#">Integer sit amet pede vel
arcu aliquet pretium.</a></li>
<li><a href="#">John Doe</a> on <a href="#">Pellentesque quis elit non
lectus gravida blandit.</a></li>
<li><a href="#">John Doe</a> on <a href="#">Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.</a></li>
<li><a href="#">John Doe</a> on <a href="#">Phasellus nec erat sit amet
nibh pellentesque congue.</a></li>
<li><a href="#">John Doe</a> on <a href="#">Cras vitae metus aliquam
risus pellentesque pharetra.</a></li>
<li><a href="#">John Doe</a> on <a href="#">Maecenas vitae orci vitae
tellus feugiat eleifend.</a></li>
<li><a href="#">John Doe</a> on <a href="#">Etiam ac tortor eu metus
euismod lobortis.</a></li>
<li><a href="#">John Doe</a> on <a href="#">Duis non ante in metus
commodo euismod lobortis. </a></li>
</ul>
</div>
</div>
</div>
<!-- end #col-three -->
<div style="clear: both;"> </div>
<div id="footer">
<p>Copyright & 2007 Pristine. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
</div>
<!-- end #page -->
</body>
</html>
<!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">
<head>
<title>Progress</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="menu.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
</head>
<body>
<div id="menu">
<div id="menutop"><a href="#"><img alt="" src="menu-top.gif" width="200"
height="200" /></a></div>
<div class="navcontainer">
<ul class="navlist">
<li><a href="#">home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
<li><a href="#">link six</a></li>
</ul>
</div>
<br />
<div class="navcontainer">
<ul class="navlist">
<li><a id="topmenu" href="#">valid xhtml strict</a></li>
<li><a href="#">valid css</a></li>
<li><a href="#">webdesign by tri-star</a></li>
</ul>
</div>
</div>
<div id="main">
<h2>.page.title.one</h2>
<p>for this template i've taken the idea of the scrollable page from
"andreas07" so firstly thank you to andreas for that
(http://www.andreasviklund.com). <b>no tables or
frames have been used to make this template, its all css and xhtml.</b></p>
<p>this site has been created for personal use only - please do not sell on this
template it has been created by tri-star
web design free of charge.</p>
<p><b>please note:</b> as this is a free template the only thing i ask in return
is you leave the bottom link to tri-star
web design as it is, anything else you can chop and change to your hearts
content. thank you for downloading this template, i hope it comes in handy.</p>
<p>this page is created with frontpage but you can edit it with dreamweaver - it
utilises CSS and is vaild XHTML STRICT 1.0. it has also been tested in
microsoft
explorer, mozilla firefox and netscape 8.0 - fingers crossed everything
looks ok! if this is not enough it also works in 800x600 screen resolution,
but is mainly for 1024x768.</p>
<br />
<h2>.page.title.two</h2>
<p>Egetenim ac sus elit id laorem eu et velit ipsum nam. Quamet curabitae
convallis tempor volutpat leo curabitae maecenatis in odio enim. Wisielit phasellus
senean ipsum et justo ac antesque at laorem nunc. Temperligula antesque eget leo
nam odio ligula tellus eleifendrerit doloreet vitae. Tinciduntadipiscipit eu
curabitur pellenterdum venean maurientegestassa vivamus ridictum in vestas
accumsan.</p>
<br />
<h2>.page.title.three</h2>
<p>Egetenim ac sus elit id laorem eu et velit ipsum nam. Quamet curabitae
convallis tempor volutpat leo curabitae maecenatis in odio enim. Wisielit phasellus
senean ipsum et justo ac antesque at laorem nunc. Temperligula antesque eget leo
nam odio ligula tellus eleifendrerit doloreet vitae. Tinciduntadipiscipit eu
curabitur pellenterdum venean maurientegestassa vivamus ridictum in vestas
accumsan.</p>
<p>i don't only deal with businesses, maybe your after a website for a hobby?
or
a family website? whatever it is you are after i can help you.</p>
</div>
</body>
</html>
<!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>PupleNoWhere</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="content">
<div id="left">
<h1>PupleNoWhere<br />
<span class="text1">Free Css Template</span></h1>
<hr id="border-top" />
<h2>Welcome to Sitename.com!</h2>
<p><img src="images/img03.jpg" alt="" width="155" height="120" class="img1"
/></p>
<p>PURPLENOWHERE is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
<hr id="border-top" />
<div id="colA">
<p><strong>Fusce mollis tristique sem</strong><br />
Nullam et orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum
blandit nisl. Quisque elementum convallis purus. Nunc pellentesque. Sed vestibulum
blandit nisl. </p>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornar</a></li>
</ul>
</div>
<div id="colB">
<p><strong>Fusce mollis tristique sem</strong><br />
Nullam et orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum
blandit nisl. Quisque elementum convallis purus. Nunc pellentesque. Sed vestibulum
blandit nisl.</p>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornar</a></li>
</ul>
</div>
</div>
<div id="right">
<div id="menu1">
<ul>
<li id="menu-01"><a href="#">Home</a></li>
<li id="menu-02"><a href="#">Products</a></li>
<li id="menu-03"><a href="#">Services</a></li>
<li id="menu-04"><a href="#">About Us</a></li>
<li id="menu-05"><a href="#">Contact Us</a></li>
</ul>
</div>
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Purple Beauty</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1"
/>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#"> link one</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
<div id="wrapper">
<div id="left">
<ul class="list">
<li><a href="#">vertical links</a></li>
<li><a href="#">vertical links</a></li>
<li><a href="#">vertical links</a></li>
<li><a href="#">vertical linksr</a></li>
</ul>
</div>
<div id="right">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam aliquet.
Nunc quis tellus. Praesent eros turpis, laoreet nec, iaculis vitae, tincidunt ac,
tellus. Nam metus nisl, sollicitudin eget, malesuada at, rutrum at, libero. Cras
hendrerit magna non nunc. Cras elit nibh, rutrum elementum, lacinia in, molestie
sed, enim. Fusce ut elit. Cras nec arcu at purus commodo feugiat. Maecenas interdum
nunc in sapien. Nulla facilisi. Phasellus ut neque. </p>
</div>
<div id="content">
<h1>This is heading 1 and a floated image </h1>
<p><img src="images/girl.jpg" alt="" width="151" height="99"
class="imageleft" />This template is a free version of Purple Beauty created by
Dieter Schneider 2006. If you need help to customize this template or have other
questions about webdesign visit our support/community. You have to keep the link to
webart.no in your footer, however if you want to remove it and get the PSD file you
can buy this template for 5 dollar. The image of the girl are from www.sxc.hu. This
template is valid xhtml 1.1 and is tested in the latest versions of FF, IE and
Opera.</p>
<h2>Heading 2 and a blockquote</h2>
<p>Morbi sem pede, malesuada ac, malesuada eget, imperdiet ac, tortor.
Maecenas sed augue ac dui euismod vehicula. Phasellus ligula nisi, volutpat nec,
aliquam nec, varius id, quam. Donec sagittis. Nulla a tellus at lacus ultricies
interdum. Aenean dignissim ultricies quam. Mauris hendrerit cursus sapien. Sed
gravida, mauris a gravida pharetra, augue felis pellentesque nunc, eu iaculis justo
lacus et tellus. Maecenas eget justo.</p>
<blockquote>
<p>This is a blockquote . Phasellus gravida augue vitae magna. Donec
vehicula, neque sed malesuada gravida, nunc augue pellentesque libero, nec laoreet
purus dui a mi. Sed magna. Ut euismod sem vel nisi. In in quam quis sem suscipit
semper. Nam ac felis. Phasellus quis enim. Duis blandit lacus at dolor. Proin
tincidunt lacus id ante. Curabitur iaculis. </p>
</blockquote>
<p>Nullam elementum sem nec urna. Etiam tincidunt elit id tellus. Etiam
vehicula dolor non risus. Proin porta. Phasellus eleifend velit sit amet dui. Proin
facilisis ipsum in libero aliquam varius. Quisque ut lacus. Morbi lectus. Nam
nonummy viverra orci. Duis vulputate, ipsum eget feugiat bibendum, massa justo
mollis tellus, in luctus nibh leo posuere mauris. </p>
</div>
</div>
<div id="footer">
<p>Design by Dieter Schneider 2006</p>
<p> Visit <a href="http://www.webart.no/webshop">www.webart.no</a> for more</p>
</div>
</div>
</body>
</html>
<!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>
<title>Purple Perfection</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>
</head>
<body>
<div id="container">
<div id="header"> <a href="#"><img src="images/header.gif" border="0"
alt=""/></a> </div>
<div id="menu">
<ul>
<li><a href="#" id="Home">Home</a></li>
<li><a href="#" id="Services">Services</a></li>
<li><a href="#" id="Portfolio">Portfolio</a></li>
<li><a href="#" id="AboutUs">About Us</a></li>
<li><a href="#" id="Raves">Raves</a></li>
<li><a href="#" id="Contact">Contact</a></li>
</ul>
</div>
<div id="content">
<div class="roundcont">
<div class="roundtop"> <img src="images/tl.gif" alt="" width="19" height="19"
class="corner" style="display: none"/> </div>
<span class="content_title">Welcome To Purple Perfection</span>
<p><em>Purple Perfection</em> is a unique purple tableless design.</p>
<p>I made this design for a client recently and decided to submit a
simplified version for everyone to see and use. It validates <a
href="http://validator.w3.org/check?uri=referer">XHTML 1.0 Transitional</a> and <a
href="http://jigsaw.w3.org/css-validator/">Validates as CSS</a>. The inner content
box is expandable in every direction, so you can set it wider if you like. The
picture here of the purple flowers can be found on stock.xchnge and there are no
restrictions on its use. The only thing I really ask is if you happen to use this
design please keep the "design" graphic at the bottom linked back to me. Enjoy!</p>
<img class="floatright" src="images/flowers.jpg" border="0" alt=""/>
<p>Some features of this design:</p>
<ul class="list">
<li>No Tables!</li>
<li>Validates HTML 4.01 Transitional</li>
<li>Validates CSS</li>
<li>All rounded corners</li>
<li>Header image uses <em>Ohio Script</em> on the top</li>
<li><em>Monotype Corsiva</em> on the bottom</li>
<li>Accents are <em>Printers Ornaments One</em></li>
<li>Looks good in IE!</li>
</ul>
<div class="roundbottom"> <img src="images/bl.gif" alt="" width="19"
height="19" class="corner" style="display: none"/> </div>
</div>
</div>
<div id="footer"><a href="http://www.andrewstrojny.com"><img
src="images/bottom.gif" border="0" alt=""/></a></div>
</div>
</body>
</html>
<!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>pushingborders</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" title="style
(screen)" />
</head>
<body>
<div id="preload"></div>
<div id="header">
<h1>pushing<span>borders</span></h1>
<big>home</big> </div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">design</a></li>
<li><a href="#">blog</a></li>
</ul>
</div>
<div id="main">
<div id="container">
<div id="subnav">
<ul>
<li><a href="#">Subnav 1</a></li>
<li><a href="#">Subnav 2</a></li>
<li class="child"> <a href="#">Child 1</a></li>
<li class="child"> <a href="#">Child 2</a></li>
<li><a href="#">Subnav 3</a></li>
<li class="child"> <a href="#">Child 3</a></li>
<li class="child"> <a href="#">Child 4</a></li>
</ul>
</div>
<div id="extras">
<h2>links</h2>
<p> <a href="#">Open Web Design</a><br />
<a href="http://validator.w3.org/check?uri=referer">XHTML 1.0 Strict</a><br
/>
<a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a>
</p>
<h2>extras</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla ac elit ut
erat tempor vehicula. Duis enim eros, gravida eu, pretium ut, dapibus et, enim. Sed
ac tellus.</p>
</div>
<div id="content">
<h1>welcome</h1>
<h2>to pushing borders</h2>
<img class="right" src="img.gif" alt="" />
<p>This is my second template for Open Web Design. Initially I was going to
use the design for my own page but I decided to open it up for all. The only bug I
am aware of occurs in Firefox when the text size is changed - the two top titles
will not be perfectly aligned with the menu. If you're not a fan of the default
<span>blue</span>, it's easy to change to green or orange. I've included images for
the #menu a:hover (menugreen.jpg and menuorange.jpg, respectively). You'll also
need to find every instance of the color "#06f" in the style sheet and change it to
#6f0 for green and #f70 for orange.</p>
<h1>portfolio</h1>
<p>This was originally going to be a spot to highlight different projects I
had worked on. Seems like it would work well for a gallery preview, or whatever
else you can think of!</p>
<div id="box1">
<p class="center"><img class="box" src="img.gif" alt="" /></p>
<h2>project 1</h2>
<p class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</p>
</div>
<div id="box3">
<p class="center"><img class="box" src="img.gif" alt="" /></p>
<h2>project 3</h2>
<p class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</p>
</div>
<div id="box2">
<p class="center"><img class="box" src="img.gif" alt="" /></p>
<h2>project 2</h2>
<p class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</p>
</div>
<div id="footer">© Your Company | Template by <a
href="http://www.demusdesign.com">DemusDesign</a></div>
</div>
</div>
</div>
</body>
</html>
<!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>Radio Station</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<!-- Start of Page Header -->
<div id="page_header">
<h1><span>Radio Station</span></h1>
</div>
<!-- End of Page Header -->
<!-- Start of Navigation Menu -->
<div id="navmenu">
<ul>
<li id="menu_first"><a href="#"><strong>Home</strong></a></li>
<li><a href="#"><strong>Featured Bands</strong></a></li>
<li><a href="#"><strong>Playlist</strong></a></li>
<li><a href="#"><strong>Partners</strong></a></li>
<li><a href="#"><strong>About Us</strong></a></li>
<li id="menu_last"><a href="#"><strong>Contact Us</strong></a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Navigation Menu -->
<div id="page_static"> </div>
<!-- Start of Main Content -->
<div id="main_content">
<div id="main_content2">
<div id="main_content_header">
<h2>Featured Band: The Black Eyed Peas</h2>
</div>
<div id="main_content_body">
<div id="content_box">
<div class="thumbnail"><img src="images/main_thumbnail.gif" width="379"
height="177" alt="Thumbnail Caption" /></div>
<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> If you're having problems editing the template please don't hesitate
to ask for help on the forum. You will get help as soon as possible. You can also
use the forum to tell us what you like or dislike and what you would like to see
more. </p>
<p> Your feedback is very important to us and we will do everything to
fulfil your wishes. <a href="#">more...</a> </p>
</div>
</div>
<div id="main_content_footer"> </div>
</div>
</div>
<!-- End of Main Content -->
<!-- Start of Breaking News -->
<div id="breaking_news">
<div id="breaking_news_header">
<h2>Breaking News</h2>
</div>
<div id="breaking_news_body">
<div class="thumbnail"><img src="images/news_thumbnail.gif" width="175"
height="63" alt="Thumbnail Caption" /></div>
<p> Please don't remove the link at the bottom. We have worked hard to make
the templates and ask that you respect our hard work so we can continue providing
you with high quality templates. </p>
<p> If you really want to remove the link you can buy a copyright free
version on our website. Thanks. </p>
</div>
<div id="breaking_news_footer"> </div>
</div>
<!-- End of Breaking News -->
<div class="clearthis"> </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>
<!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>
<title>Rainbow</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="page">
<div id="header">
<div id="headerimg">
<h1><a href="#">Our Website</a></h1>
<div class="description">Cras porta tortor ut quam.</div>
</div>
</div>
<hr />
<div id="content" class="narrowcolumn">
<div class="post" id="post-1">
<h2><a href="#">Hello world!</a></h2>
<small>May 7th, 20</small>
<div class="entry">
<p>Welcome to Website. This is your first post. Edit or delete it, then
start blogging!</p>
<p>Curabitur odio pede, accumsan vel, mollis quis, pulvinar vel, urna.
Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque. Vestibulum id
mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus ut, hendrerit
id, facilisis et, neque. Curabitur odio pede, accumsan vel, mollis quis, pulvinar
vel, urna. Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque.
Vestibulum id mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus
ut, hendrerit id, facilisis et, neque.</p>
<p>Curabitur odio pede, accumsan vel, mollis quis, pulvinar vel, urna.
Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque. Vestibulum id
mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus ut, hendrerit
id, facilisis et, neque. Curabitur odio pede, accumsan vel, mollis quis, pulvinar
vel, urna. Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque.
Vestibulum id mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus
ut, hendrerit id, facilisis et, neque.</p>
</div>
<p class="postmetadata">Posted in <a href="#">Uncategorized</a> | <a
href="#">1 Comment »</a></p>
</div>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></div>
</div>
</div>
<div id="sidebar">
<ul>
<li>
<form method="get" id="searchform" action="#">
<div>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
</li>
<li class="pagenav">
<h2>Pages</h2>
<ul>
<li class="page_item"><a href="#">About</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">May 2007</a></li>
</ul>
</li>
<li class="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Uncategorized</a> (1)</li>
</ul>
</li>
<li id="linkcat-2" class="linkcat">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Links</a></li>
</ul>
</li>
</ul>
</div>
<hr />
<div id="footer">
<p><br />
© Your Website Name.</p>
</div>
<div class="design_copyright"> <a href="http://www.sarkis-webdesign.com/"
class="web_design">Web design by Sarkis</a></div>
</div>
</body>
</html>
<!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>Rambling Soul 3</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" href="favicon.ico" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Header">
<ul id="navigation">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Works</a></li>
<li><a href="#">Goodies</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="header2">
<div class="logo"> Rambling Soul </div>
<div class="banner"><span>Download it.. let me know if you like it..
</span></div>
</div>
<div id="Content">
<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam erat nunc,
tincidunt non, commodo ac, bibendum in, elit. Vivamus sit amet velit. Etiam at
leo. </h2>
<h1>Hello and welcome</h1>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam erat nunc,
tincidunt non, commodo ac, bibendum in, elit. Vivamus sit amet velit. Etiam at
leo. In aliquam, tellus vitae lobortis mattis, libero neque luctus justo, a
pulvinar neque lectus quis pede. Duis magna. Suspendisse at risus. Sed porttitor
ultricies quam. Sed tempus dui. Duis feugiat sem quis nisl. Nullam consequat pede
at odio. Curabitur placerat. Quisque neque magna, accumsan vel, suscipit id,
hendrerit in, lectus. Suspendisse eu libero in augue dapibus facilisis. Praesent
sagittis porttitor massa. Aliquam placerat odio nec nulla. Phasellus nunc mauris,
lacinia quis, suscipit vitae, tristique quis, turpis. Suspendisse et erat. Nam
ornare nulla. Suspendisse vestibulum adipiscing risus. </p>
<h1>What do I do ? </h1>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam erat nunc,
tincidunt non, commodo ac, bibendum in, elit. Vivamus sit amet velit. Etiam at
leo. In aliquam, tellus vitae lobortis mattis, libero neque luctus justo, a
pulvinar neque lectus quis pede. Duis magna. Suspendisse at risus. Sed porttitor
ultricies quam. Sed tempus dui. Duis feugiat sem quis nisl. Nullam consequat pede
at odio. Curabitur placerat. Quisque neque magna, accumsan vel, suscipit id,
hendrerit in, lectus. Suspendisse eu libero in augue dapibus facilisis. Praesent
sagittis porttitor massa. Aliquam placerat odio nec nulla. Phasellus nunc mauris,
lacinia quis, suscipit vitae, tristique quis, turpis. Suspendisse et erat. Nam
ornare nulla. Suspendisse vestibulum adipiscing risus. </p>
<p>Nullam adipiscing rutrum risus. Curabitur ut magna vel nisi sollicitudin
egestas. In fringilla turpis non dui. Integer in tellus. Praesent lacus. Donec
luctus. Aliquam convallis est nec purus. Vivamus volutpat turpis a elit. Proin
congue, sapien eget lobortis varius, massa sapien suscipit elit, vitae interdum
nunc sapien eu est. Quisque eros. Donec nonummy viverra quam. Fusce convallis,
enim eget vulputate mattis, risus enim blandit sem, vel cursus tortor diam in
felis. In placerat. Pellentesque dictum. Praesent vel mauris. Cras nisl. Etiam
non orci volutpat dui tincidunt elementum. Aenean ultricies massa id tellus
venenatis semper. Aenean urna urna, iaculis at, adipiscing et, volutpat at, leo.
</p>
<blockquote>
<p> As is the case with most layouts in the Reservoir, the order of elements
(header, content, menu) in the HTML source is friendly and accessible to mobile
computers, text-based browsers, and alternative/accessible devices.</p>
</blockquote>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam erat nunc,
tincidunt non, commodo ac, bibendum in, elit. Vivamus sit amet velit. Etiam at
leo. In aliquam, tellus vitae lobortis mattis, libero neque luctus justo, a
pulvinar neque lectus quis pede. Duis magna. Suspendisse at risus. Sed porttitor
ultricies quam. Sed tempus dui. Duis feugiat sem quis nisl. Nullam consequat pede
at odio. Curabitur placerat. Quisque neque magna, accumsan vel, suscipit id,
hendrerit in, lectus. Suspendisse eu libero in augue dapibus facilisis. Praesent
sagittis porttitor massa. Aliquam placerat odio nec nulla. Phasellus nunc mauris,
lacinia quis, suscipit vitae, tristique quis, turpis. Suspendisse et erat. Nam
ornare nulla. Suspendisse vestibulum adipiscing risus. </p>
<p>Nullam adipiscing rutrum risus. Curabitur ut magna vel nisi sollicitudin
egestas. In fringilla turpis non dui. Integer in tellus. Praesent lacus. Donec
luctus. Aliquam convallis est nec purus. Vivamus volutpat turpis a elit. Proin
congue, sapien eget lobortis varius, massa sapien suscipit elit, vitae interdum
nunc sapien eu est. Quisque eros. Donec nonummy viverra quam. Fusce convallis,
enim eget vulputate mattis, risus enim blandit sem, vel cursus tortor diam in
felis. In placerat. Pellentesque dictum. Praesent vel mauris. Cras nisl. Etiam
non orci volutpat dui tincidunt elementum. Aenean ultricies massa id tellus
venenatis semper. Aenean urna urna, iaculis at, adipiscing et, volutpat at, leo.
</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Cras purus tortor, cursus at, mollis sed, vehicula ut, lacus.
Curabitur quis arcu tempus diam tempor vehicula. Etiam vitae urna. Donec
tristique. Fusce tincidunt sem a felis. Donec rhoncus dignissim urna. Aenean id
dui. Aenean ac odio nec nulla tincidunt dictum. Praesent suscipit, nisi id dapibus
posuere, arcu ligula gravida enim, non blandit mauris velit ut erat. Praesent est
dui, ultricies eu, posuere eu, luctus et, orci. Quisque pede turpis, mollis
lobortis, rhoncus id, consequat sollicitudin, pede. Donec arcu lectus, lacinia
vel, mattis vitae, mollis vitae, mi. Etiam nisi. Morbi quam pede, vulputate vel,
egestas sed, semper ut, leo. Sed risus mi, sollicitudin ac, consequat volutpat,
rutrum nec, erat. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Fusce sodales facilisis ligula. </p>
<h1> </h1>
</div>
<div id="Menu">
<h2>Categories</h2>
<ul class="subnav">
<li><a href="#">Rambles and rants</a></li>
<li><a href="#">Music, Movies</a></li>
<li><a href="#">Web Designing</a></li>
<li><a href="#">Wordpress Themes</a></li>
<li><a href="#">Free Icons</a></li>
</ul>
<h2>Pages</h2>
<ul class="subnav">
<li><a href="#">Rambles and rants</a></li>
<li><a href="#">Music, Movies</a></li>
<li><a href="#">Web Designing</a></li>
<li><a href="#">Wordpress Themes</a></li>
<li><a href="#">Free Icons</a></li>
</ul>
<h2>Latest Posts </h2>
<ul class="subnav">
<li><a href="#">Rambles and rants</a></li>
<li><a href="#">Music, Movies</a></li>
<li><a href="#">Web Designing</a></li>
<li><a href="#">Wordpress Themes</a></li>
<li><a href="#">Free Icons</a></li>
</ul>
</div>
<div class="spacer"> </div>
<div class="footer">
<p>© Your Copy right Information<br />
Put all your links here.. write down what ever you like<br />
Designed by : <a href="http://ramblingsoul.com">Rambling Soul</a>| <a
href="http://validator.w3.org/check?uri=referer">XHTML 1.0</a> | CSS</p>
</div>
</body>
</html>
<!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>Rambling Soul 4</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Rambling<br />
Soul</a></h1>
</div>
<ul id="topmenu">
<li class="current"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="contents">
<div id="dashbar">
<h2>About Me</h2>
<img class="author" src="images/author.gif" alt="My Photo" />
<p>My name is Roshan. I am a part-time Web designer working in Brunei. You can
download more templates from my website. </p>
<p>Vestibulum malesuada iaculis leo. Cras eu nunc. Cras sapien nulla, iaculis
ac, bibendum vel, iaculis ac, turpis. .. <a href="#">Read More</a> </p>
</div>
<h1>Playing with positioning</h1>
<blockquote>
<p> This design was made with references from this article. Download it, use
it and if you like, please let me know. I will appreciate it. </p>
</blockquote>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent rhoncus
nisi nec lacus. Praesent convallis molestie nisl. Ut metus enim, venenatis nec,
egestas porttitor, tempor eget, ipsum. Proin commodo. Maecenas quis elit ut sem
accumsan pulvinar. Morbi et urna nec lacus condimentum eleifend. Fusce id est.
Aliquam pellentesque. Mauris feugiat lacus. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Etiam metus. Maecenas mi
massa, porttitor eu, imperdiet nec, mollis a, augue. Nulla ullamcorper nibh vel
velit. Ut condimentum turpis sed dui. Proin vestibulum, tortor pretium aliquet
eleifend,</p>
<ul>
<li>Metus velit vestibulum enim, id pulvinar justo metus vel enim.</li>
<li>Proin laoreet pretium turpis. Praesent ipsum lorem, malesuada at, mattis
in, dignissim ac, nisl.</li>
<li>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; </li>
<li>Quisque mi ligula, bibendum a, consectetuer vel, rhoncus ut, arcu. Proin
ut pede ut sapien luctus luctus.</li>
</ul>
<span class="warning"> This design will not work with IE 6 and older browsers
& IE Mac </span>
<h2> Heading 2 looks like this</h2>
<p>Vestibulum malesuada iaculis leo. Cras eu nunc. Cras sapien nulla, iaculis
ac, bibendum vel, iaculis ac, turpis. Nam rhoncus suscipit enim. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Aenean ultrices. Aenean faucibus turpis id
sapien. Duis sed tellus. Nullam elementum, mi non molestie ultricies, neque sapien
semper augue, in scelerisque dui libero ac nulla. Aenean feugiat lectus vel
ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Phasellus euismod tellus non felis. Nam mi ante, eleifend quis,
ornare dignissim, sodales ut, dolor. Praesent tempus nunc et nunc. Integer auctor,
erat vel mattis laoreet, sem nunc luctus ligula, eu pulvinar nisl tortor non
ipsum. </p>
<h3>Heading 3 looks like this</h3>
<p>Donec vitae dui non lorem porttitor rhoncus. Phasellus ullamcorper bibendum
tellus. Aliquam erat volutpat. Praesent dapibus nulla eu lorem. Maecenas risus
dui, vulputate nec, tincidunt non, pretium consectetuer, sapien. Donec sodales.
Praesent luctus, turpis sit amet porta pharetra, turpis justo tincidunt arcu,
vitae sagittis urna elit a mi. Suspendisse condimentum pharetra lacus. Cras eu
augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Etiam posuere, leo a tincidunt accumsan, ligula dolor commodo
augue, eget volutpat eros mauris sit amet arcu. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Integer dolor tortor,
pellentesque vitae, vulputate sit amet, tempus vel, sapien. Praesent congue, nulla
sed condimentum lacinia, purus est tincidunt metus, sed luctus velit augue ac dui.
Cras nunc. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent rhoncus
nisi nec lacus. Praesent convallis molestie nisl. Ut metus enim, venenatis nec,
egestas porttitor, tempor eget, ipsum. Proin commodo. Maecenas quis elit ut sem
accumsan pulvinar. Morbi et urna nec lacus condimentum eleifend. Fusce id est.
Aliquam pellentesque. Mauris feugiat lacus. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Etiam metus. Maecenas mi
massa, porttitor eu, imperdiet nec, mollis a, augue. Nulla ullamcorper nibh vel
velit. Ut condimentum turpis sed dui. Proin vestibulum, tortor pretium aliquet
eleifend, metus velit vestibulum enim, id pulvinar justo metus vel enim. Proin
laoreet pretium turpis. Praesent ipsum lorem, malesuada at, mattis in, dignissim
ac, nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Quisque mi ligula, bibendum a, consectetuer vel, rhoncus ut, arcu.
Proin ut pede ut sapien luctus luctus. </p>
<p>Vestibulum malesuada iaculis leo. Cras eu nunc. Cras sapien nulla, iaculis
ac, bibendum vel, iaculis ac, turpis. Nam rhoncus suscipit enim. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Aenean ultrices. Aenean faucibus turpis id
sapien. Duis sed tellus. Nullam elementum, mi non molestie ultricies, neque sapien
semper augue, in scelerisque dui libero ac nulla. Aenean feugiat lectus vel
ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Phasellus euismod tellus non felis. Nam mi ante, eleifend quis,
ornare dignissim, sodales ut, dolor. Praesent tempus nunc et nunc. Integer auctor,
erat vel mattis laoreet, sem nunc luctus ligula, eu pulvinar nisl tortor non
ipsum. </p>
<p>Donec vitae dui non lorem porttitor rhoncus. Phasellus ullamcorper bibendum
tellus. Aliquam erat volutpat. Praesent dapibus nulla eu lorem. Maecenas risus
dui, vulputate nec, tincidunt non, pretium consectetuer, sapien. Donec sodales.
Praesent luctus, turpis sit amet porta pharetra, turpis justo tincidunt arcu,
vitae sagittis urna elit a mi. Suspendisse condimentum pharetra lacus. Cras eu
augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Etiam posuere, leo a tincidunt accumsan, ligula dolor commodo
augue, eget volutpat eros mauris sit amet arcu. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Integer dolor tortor,
pellentesque vitae, vulputate sit amet, tempus vel, sapien. Praesent congue, nulla
sed condimentum lacinia, purus est tincidunt metus, sed luctus velit augue ac dui.
Cras nunc. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent rhoncus
nisi nec lacus. Praesent convallis molestie nisl. Ut metus enim, venenatis nec,
egestas porttitor, tempor eget, ipsum. Proin commodo. Maecenas quis elit ut sem
accumsan pulvinar. Morbi et urna nec lacus condimentum eleifend. Fusce id est.
Aliquam pellentesque. Mauris feugiat lacus. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Etiam metus. Maecenas mi
massa, porttitor eu, imperdiet nec, mollis a, augue. Nulla ullamcorper nibh vel
velit. Ut condimentum turpis sed dui. Proin vestibulum, tortor pretium aliquet
eleifend, metus velit vestibulum enim, id pulvinar justo metus vel enim. Proin
laoreet pretium turpis. Praesent ipsum lorem, malesuada at, mattis in, dignissim
ac, nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Quisque mi ligula, bibendum a, consectetuer vel, rhoncus ut, arcu.
Proin ut pede ut sapien luctus luctus. </p>
<p>Vestibulum malesuada iaculis leo. Cras eu nunc. Cras sapien nulla, iaculis
ac, bibendum vel, iaculis ac, turpis. Nam rhoncus suscipit enim. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Aenean ultrices. Aenean faucibus turpis id
sapien. Duis sed tellus. Nullam elementum, mi non molestie ultricies, neque sapien
semper augue, in scelerisque dui libero ac nulla. Aenean feugiat lectus vel
ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Phasellus euismod tellus non felis. Nam mi ante, eleifend quis,
ornare dignissim, sodales ut, dolor. Praesent tempus nunc et nunc. Integer auctor,
erat vel mattis laoreet, sem nunc luctus ligula, eu pulvinar nisl tortor non
ipsum. </p>
<p>Donec vitae dui non lorem porttitor rhoncus. Phasellus ullamcorper bibendum
tellus. Aliquam erat volutpat. Praesent dapibus nulla eu lorem. Maecenas risus
dui, vulputate nec, tincidunt non, pretium consectetuer, sapien. Donec sodales.
Praesent luctus, turpis sit amet porta pharetra, turpis justo tincidunt arcu,
vitae sagittis urna elit a mi. Suspendisse condimentum pharetra lacus. Cras eu
augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Etiam posuere, leo a tincidunt accumsan, ligula dolor commodo
augue, eget volutpat eros mauris sit amet arcu. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Integer dolor tortor,
pellentesque vitae, vulputate sit amet, tempus vel, sapien. Praesent congue, nulla
sed condimentum lacinia, purus est tincidunt metus, sed luctus velit augue ac dui.
Cras nunc. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent rhoncus
nisi nec lacus. Praesent convallis molestie nisl. Ut metus enim, venenatis nec,
egestas porttitor, tempor eget, ipsum. Proin commodo. Maecenas quis elit ut sem
accumsan pulvinar. Morbi et urna nec lacus condimentum eleifend. Fusce id est.
Aliquam pellentesque. Mauris feugiat lacus. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Etiam metus. Maecenas mi
massa, porttitor eu, imperdiet nec, mollis a, augue. Nulla ullamcorper nibh vel
velit. Ut condimentum turpis sed dui. Proin vestibulum, tortor pretium aliquet
eleifend, metus velit vestibulum enim, id pulvinar justo metus vel enim. Proin
laoreet pretium turpis. Praesent ipsum lorem, malesuada at, mattis in, dignissim
ac, nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Quisque mi ligula, bibendum a, consectetuer vel, rhoncus ut, arcu.
Proin ut pede ut sapien luctus luctus. </p>
<p>Vestibulum malesuada iaculis leo. Cras eu nunc. Cras sapien nulla, iaculis
ac, bibendum vel, iaculis ac, turpis. Nam rhoncus suscipit enim. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Aenean ultrices. Aenean faucibus turpis id
sapien. Duis sed tellus. Nullam elementum, mi non molestie ultricies, neque sapien
semper augue, in scelerisque dui libero ac nulla. Aenean feugiat lectus vel
ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Phasellus euismod tellus non felis. Nam mi ante, eleifend quis,
ornare dignissim, sodales ut, dolor. Praesent tempus nunc et nunc. Integer auctor,
erat vel mattis laoreet, sem nunc luctus ligula, eu pulvinar nisl tortor non
ipsum. </p>
<p>Donec vitae dui non lorem porttitor rhoncus. Phasellus ullamcorper bibendum
tellus. Aliquam erat volutpat. Praesent dapibus nulla eu lorem. Maecenas risus
dui, vulputate nec, tincidunt non, pretium consectetuer, sapien. Donec sodales.
Praesent luctus, turpis sit amet porta pharetra, turpis justo tincidunt arcu,
vitae sagittis urna elit a mi. Suspendisse condimentum pharetra lacus. Cras eu
augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Etiam posuere, leo a tincidunt accumsan, ligula dolor commodo
augue, eget volutpat eros mauris sit amet arcu. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Integer dolor tortor,
pellentesque vitae, vulputate sit amet, tempus vel, sapien. Praesent congue, nulla
sed condimentum lacinia, purus est tincidunt metus, sed luctus velit augue ac dui.
Cras nunc. </p>
</div>
<ul id="menu">
<li><a href="#">augue, eget</a></li>
<li><a href="#">volutpat eros</a></li>
<li><a href="#">mauris sit amet</a></li>
<li><a href="#">arcu. Class aptent</a></li>
<li><a href="#">taciti sociosqu ad</a></li>
<li><a href="#">litora torquent</a></li>
<li><a href="#">nostra, per</a></li>
</ul>
<div id="footer"> <a href="#">XHTML 1.0</a> | <a href="#">CSS</a> | Designed by :
<a href="http://www.ramblingsoul.com">Ramblingsoul </a></div>
</body>
</html>
<!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>
<title>Baby</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="content">
<div id="sheettop">
<div id="nav">
<ul>
<li><a href="#">HOME</a></li>
|
<li><a href="#">about me</a></li>
|
<li><a href="#">about my family</a></li>
|
<li><a href="#">my gallery</a></li>
|
<li><a href="#">contact</a></li>
</ul>
</div>
<div class="title">
<h3>Welcome to </h3>
<h1>Yasmin Younis</h1>
</div>
<div class="text">
<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 having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.</p>
<p>Even more websites all about website templates on Just Web
Templates.</p>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>
<div id="sheetbottom">
<div class="title">
<h3>Our </h3>
<h1>Photo Gallery</h1>
</div>
<div id="photogallery">
<div class="photobox">
<ul class="thumbnails">
<li><a href="#"><img src="images/photo1.gif" alt="baby photo 1"
border="0" /></a></li>
<li><a href="#"><img src="images/photo2.gif" alt="baby photo 2"
border="0" /></a></li>
<li><a href="#"><img src="images/photo3.gif" alt="baby photo 3"
border="0" /></a></li>
</ul>
<div class="clear"></div>
<ul class="thumbnails">
<li><a href="#"><img src="images/photo4.gif" alt="baby photo 4"
border="0" /></a></li>
<li><a href="#"><img src="images/photo5.gif" alt="baby photo 5"
border="0" /></a></li>
<li><a href="#"><img src="images/photo6.gif" alt="baby photo 6"
border="0" /></a></li>
</ul>
</div>
<div class="blog"> <a href="#"><img src="images/bloglink.gif" alt="blog"
border="0" /></a> </div>
<div style="clear:both"></div>
</div>
<br />
</div>
</div>
<div class="clear"></div>
<div id="footer">
<ul>
<li><a href="#">HOME</a></li>
|
<li><a href="#">about me</a></li>
|
<li><a href="#">about my family</a></li>
|
<li><a href="#">my gallary</a></li>
|
<li><a href="#">contact</a></li>
</ul>
<div id="copyright"><a href="#">Yourwebsite.com</a> all rights reserved. |
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
<!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>Rambling Soul 5</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 class="logo">Sample Logo </h1>
<span class="description">Just another ramblingsoul template</span> <br />
</div>
<div id="topmenu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">free templates</a></li>
<li><a href="#">My Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="contents">
<div id="contenthead"> </div>
<div id="sidebar">
<ul>
<li>
<h2>Recent Posts</h2>
</li>
<li>
<ul>
<li><a href="#">Another Free Template</a></li>
<li><a href="#">Another Heading</a></li>
<li><a href="#">The Header looks like</a></li>
<li><a href="#">This is a list</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
</li>
<li>
<ul>
<li><a href="#">Another Free Template</a></li>
<li><a href="#">Another Heading</a></li>
<li><a href="#">The Header looks like</a></li>
<li><a href="#">This is a list</a></li>
</ul>
</li>
<li>
<h2>Pages</h2>
</li>
<li>
<ul>
<li><a href="#">Another Free Template</a></li>
<li><a href="#">Another Heading</a></li>
<li><a href="#">The Header looks like</a></li>
<li><a href="#">This is a list</a></li>
</ul>
</li>
<li>
<h2>Links</h2>
</li>
<li>
<ul>
<li><a href="#">Another Free Template</a></li>
<li><a href="#">Another Heading</a></li>
<li><a href="#">The Header looks like</a></li>
<li><a href="#">This is a list</a></li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
</li>
<li>
<ul>
<li><a href="#">Another Free Template</a></li>
<li><a href="#">Another Heading</a></li>
<li><a href="#">The Header looks like</a></li>
<li><a href="#">This is a list</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
</li>
<li>
<ul>
<li><a href="#">Valid XHTML 1.0</a></li>
<li><a href="#">OpenDesigns</a></li>
<li><a href="#">Rambling Soul</a></li>
</ul>
</li>
</ul>
</div>
<div id="maincontent">
<h1>Another free template</h1>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sit
amet nibh. In euismod orci ut lorem. Fusce cursus. Nunc ac sapien ac velit gravida
ultrices.</p>
<blockquote>
<p> Aliquam eros leo, aliquam vitae, lobortis ut, molestie sed, dui.
Integer mollis nisl mollis dui. Praesent ullamcorper, sem vitae commodo iaculis,
velit ante suscipit dolor, et congue sapien tellus a nibh. Praesent suscipit, ante
et posuere varius, lorem pede feugiat sem, eu semper nibh ipsum id felis.</p>
</blockquote>
<p> Curabitur ipsum felis, rhoncus id, rhoncus sed, condimentum in, arcu.
Duis dapibus porta odio. Phasellus vitae sem nec arcu pulvinar ultrices. Nulla eu
dui. Praesent rutrum est vitae justo. Fusce lorem sapien, adipiscing eget, luctus
sit amet, bibendum quis, urna... <a href="#">read more</a> </p>
<h1>Another Heading</h1>
<img title="Sample Image" src="images/photo.png" alt="Sample Photo" />
<p>Ut sed velit ac dolor auctor blandit. Praesent auctor sagittis mauris.
Sed convallis nisi eu arcu. Phasellus non odio non eros facilisis viverra. Proin
orci. Donec feugiat, magna malesuada rhoncus pretium, felis sem convallis elit, et
gravida sem risus ac purus. Curabitur ultricies magna ut tellus. Proin viverra,
nibh mattis suscipit vestibulum, nisi ante sagittis libero, eget elementum eros
nibh aliquam massa. Sed blandit sapien nec nisi. Nulla ac felis sed lectus dapibus
eleifend. Maecenas et metus vel tortor malesuada tincidunt. Curabitur ultricies
magna ut tellus. Proin viverra, nibh mattis suscipit vestibulum, nisi ante
sagittis libero, eget elementum eros nibh aliquam massa. Sed blandit sapien nec
nisi. Nulla ac felis sed lectus dapibus eleifend. Maecenas et metus vel tortor
malesuada tincidunt. </p>
<p> Curabitur ultricies magna ut tellus. Proin viverra, nibh mattis suscipit
vestibulum, nisi ante sagittis libero, eget elementum eros nibh aliquam massa. Sed
blandit sapien nec nisi. Nulla ac felis sed lectus dapibus eleifend. Maecenas et
metus vel tortor malesuada tincidunt. </p>
<h1>Here is a list</h1>
<p>Donec quis pede ut diam iaculis nonummy. </p>
<ul>
<li>Quisque tincidunt posuere sem.</li>
<li>Maecenas ipsum. Nullam ut libero a dolor accumsan nonummy. Aliquam
auctor sapien a est.</li>
<li>Suspendisse lobortis tortor a ante porttitor venenatis.</li>
<li>Praesent erat magna, rhoncus a, nonummy id, ullamcorper nec,
tellus.</li>
</ul>
<h2>This is Heading 2 </h2>
<small>And this is an ordered list</small>
<ol>
<li>Donec tristique eros ut nibh.</li>
<li>Duis vestibulum enim a felis.</li>
<li>Cras egestas vestibulum neque. Aenean ornare tempus urna. Maecenas
nisl velit, iaculis a, malesuada vel,</li>
<li>eleifend ac, quam. Curabitur nonummy blandit eros. Vivamus nec velit
non lacus fermentum sodales.</li>
<li>Vivamus elit. Nam mattis. Vivamus varius vulputate ante. Vivamus et
turpis. Integer venenatis varius neque.</li>
<li>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos hymenaeos.</li>
<li>Ut tristique.</li>
</ol>
<h3>This is heading 3</h3>
<p>Praesent at arcu ac dui rhoncus luctus. Morbi elit arcu, volutpat sed,
egestas in, volutpat sit amet, pede. Nulla bibendum magna vel nibh. Quisque quis
ipsum. Quisque quis turpis vel metus interdum lobortis. Morbi interdum
pellentesque nibh. Proin tincidunt, lectus euismod consectetuer suscipit, libero
nunc egestas purus, vitae pellentesque elit metus sed arcu. In ligula nulla,
sodales quis, lacinia eget, consequat eu, nisl. Phasellus tellus erat, eleifend
vitae, feugiat eu, tristique vel, dui. In sit amet diam in dui varius ornare.
Quisque eu elit. </p>
<div class="postdetails"> <a href="#">Posted on 3rd May 2007</a> | <a
href="#">News</a> | <a href="#">No Comments</a></div>
</div>
<div class="clear"></div>
<div id="contentfooter"> </div>
</div>
<div id="footer">
<p>Copyright Information | Put some Quick Links | And something else<br />
Designed by : <a href="http://www.ramblingsoul.com">Rambling Soul</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Raptor Software</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="container">
<!-- Begin Header -->
<div id="header"> <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b
class="xb3"></b><b class="xb4"></b></b>
<div class="headercontent">
<h1>Raptor Software</h1>
<h2>viciously efficient development</h2>
<!-- Begin Menu -->
<div id="menucontainer">
<div id="menu"><span class="mleft"></span>
<div class="box"><a href="#">Home</a></div>
<div class="boxx">
<div class="boxx1"></div>
<div class="boxx2"></div>
<div class="boxx3"></div>
<div class="boxx4"></div>
<div class="boxx5"></div>
<div class="boxx6"></div>
<div class="boxx7"></div>
<div class="boxx8"></div>
</div>
<div class="box"><a href="#">Projects</a></div>
<div class="boxx">
<div class="boxx1"></div>
<div class="boxx2"></div>
<div class="boxx3"></div>
<div class="boxx4"></div>
<div class="boxx5"></div>
<div class="boxx6"></div>
<div class="boxx7"></div>
<div class="boxx8"></div>
</div>
<div class="box"><a href="#">Develop</a></div>
<div class="boxx">
<div class="boxx1"></div>
<div class="boxx2"></div>
<div class="boxx3"></div>
<div class="boxx4"></div>
<div class="boxx5"></div>
<div class="boxx6"></div>
<div class="boxx7"></div>
<div class="boxx8"></div>
</div>
<div class="box"><a href="#">Portfolio</a></div>
<div class="boxx">
<div class="boxx1"></div>
<div class="boxx2"></div>
<div class="boxx3"></div>
<div class="boxx4"></div>
<div class="boxx5"></div>
<div class="boxx6"></div>
<div class="boxx7"></div>
<div class="boxx8"></div>
</div>
<div class="box"><a href="#">About</a></div>
<div class="boxx">
<div class="boxx1"></div>
<div class="boxx2"></div>
<div class="boxx3"></div>
<div class="boxx4"></div>
<div class="boxx5"></div>
<div class="boxx6"></div>
<div class="boxx7"></div>
<div class="boxx8"></div>
</div>
<div class="box"><a href="#">Contact</a></div>
<span class="mright"></span> </div>
</div>
<!-- End Menu -->
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b
class="xb1"></b></b> </div>
<!-- End Header -->
<!-- Begin Promotion Box -->
<div id="promo"> <b class="xtop2"><b class="xb12"></b><b class="xb22"></b><b
class="xb32"></b><b class="xb42"></b></b>
<div class="promocontent">
<h1>Promotion Box </h1>
<p><img src="red_cup.jpg" alt="" width="200" height="160"
/> <img src="blue_cup.jpg" alt=""
width="200" height="160" /></p>
<p>Yes, that is correct. Our software company sells cups. And not just any
cups. These are made of high quality glass. Are you wetting your pants yet? Well,
we aren't even done! We offer two models: a red cup and a blue cup. So take your
pick and walk home with a mighty fine glass cup from Raptor Software!</p>
</div>
<b class="xbottom2"><b class="xb42"></b><b class="xb32"></b><b
class="xb22"></b><b class="xb12"></b></b> </div>
<!-- End Promotion Box -->
<!-- Begin Main Content -->
<div class="splitleft">
<h3><a href="#">An Old Project</a></h3>
<p>This template has been in the works for quite a while now. I was originally
inspired by Mozilla's website, and just added my own touch to it. My favorite
aspect is that the rounded corners of the two upper boxes are done entirely in CSS.
The only images are those two stupid cups. Everything is valid <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>, blah blah blah.</p>
</div>
<div class="splitright">
<h3><a href="#">Why The Name Raptor?</a></h3>
<p>Well, as a kid my favorite movie was Jurassic Park. It scared the crap out
of me, but also inspired me. I loved and hated those raptors. They were sneaky and
clever little bastards. Anyways, the color scheme obviously has nothing to do with
that; I just like green. Speaking of which, the colors can all be change easily,
since I didn't use images for the design.</p>
</div>
<div class="widecontent">
<h3><a href="#">About That Customization</a></h3>
<p>So with no images, you can do whatever you want with this template. Think
that these colors look like terrible? Change them! You don't like the menu? Find a
different one! Really, this is the beauty of the whole template. I have included a
<a href="green.html">green version</a> of this template. I hope that someone out
there finds a use for it. And just as with my other templates, I don't require you
to leave my link, but I just ask that you <a href="#">let me know</a> what your
website address will be. Thanks!</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit a...</p>
</div>
<!-- End Main Content -->
<!-- Begin Footer -->
<div id="footer">
<p>© Copyright 2006, Your Company | Design by <a
href="http://www.jdavidmacor.com">super j man</a> | Valid <a
href="http://validator.w3.org/check?uri=referer">xhtml</a></p>
</div>
<!-- End Footer -->
</div>
</body>
</html>
<!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>Rational</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
<div id="header">
<h1><a href="#">Rational</a></h1>
<h2>Free CSS Template</h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="primaryContentContainer">
<div id="primaryContent">
<h2>Welcome to Sitename.com!</h2>
<p><strong>Rational</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<h3>Example Unordered List</h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Example Blockquote</h3>
<blockquote>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</blockquote>
<h3>Example Table</h3>
<table>
<tr>
<th>Date</th>
<th>Title</th>
<th>Description</th>
</tr>
<tr class="rowA">
<td>December 1, 2006</td>
<td>Sed vestibulum blandit</td>
<td>Vivamus sollicitudin dolor sit amet eros. Vivamus ligula. Sed
pretium turpis eu ipsum. Sed rutrum sapien id arcu.</td>
</tr>
<tr class="rowB">
<td>November 28, 2006</td>
<td>Augue non nibh</td>
<td>Nam adipiscing urna ac consequat dignissim massa est sodales
sem.</td>
</tr>
<tr class="rowA">
<td>November 23, 2006</td>
<td>Fusce ut diam bibendum</td>
<td>Vestibulum quis urn nulla facilis nam malesuada cursus turpis.</td>
</tr>
<tr class="rowB">
<td>November 21, 2006</td>
<td>Maecenas et ipsum</td>
<td>Vivamus mi lectus gravida scelerisque, ultrices vitae cursus in
neque.</td>
</tr>
</table>
</div>
</div>
<div id="secondaryContent">
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum
erat. Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h3>Ipsum Dolorem</h3>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Real Estate</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="inner">
<h1><a href="#"><img src="images/logo.gif" width="122" height="44" alt="The
Real Estate" /></a></h1>
<div id="topnav"> <a href="#"><img src="images/header_nav_1.gif" width="50"
height="44" alt="home" /></a> <a href="#"><img src="images/header_nav_2.gif"
width="53" height="44" alt="contact" /></a> </div>
<!-- end topnav -->
<img src="images/big_photo.jpg" width="325" height="216" alt="big photo"
id="bigphoto" />
<ul id="nav">
<li><a href="#"><img src="images/menu_1.gif" width="162" height="22"
alt="menu 1" /></a></li>
<li><a href="#"><img src="images/menu_2.gif" width="162" height="22"
alt="menu 2" /></a></li>
<li><a href="#"><img src="images/menu_3.gif" width="162" height="22"
alt="menu 2" /></a></li>
<li><a href="#"><img src="images/menu_4.gif" width="162" height="22"
alt="menu 2" /></a></li>
<li><a href="#"><img src="images/menu_5.gif" width="162" height="22"
alt="menu 2" /></a></li>
<li><a href="#"><img src="images/menu_6.gif" width="162" height="22"
alt="menu 2" /></a></li>
</ul>
<h2><img src="images/title_search.gif" width="325" height="24" alt="search for
your dream home" id="homesearchtitle" /></h2>
<div id="leftcol">
<div id="searchbox">
<form action="#" method="get" >
<table summary="Search form" cellspacing="1" cellpadding="3">
<tr>
<th>City:</th>
<td colspan="3"><input type="text" class="text" name="city" /></td>
</tr>
<tr>
<th>Area:</th>
<td colspan="3"><input type="text" class="text" name="area" /></td>
</tr>
<tr>
<th>Price Range:</th>
<td colspan="3"><select name="pricerange">
<option value="banda">$10,000 - $20,000</option>
<option value="bandb">$20,000 - $50,000</option>
<option value="bandc">$50,000 - $100,000</option>
<option value="bandd">$100,000 - $200,000</option>
<option value="bandd">$500,000 - $1,000,000</option>
<option value="bandd">$1,000,000+</option>
</select>
</td>
</tr>
<tr>
<th>Bedrooms:</th>
<td><select name="bedrooms">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5+</option>
</select>
</td>
<th>Bathrooms:</th>
<td><select name="bedrooms">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5+</option>
</select>
</td>
</tr>
<tr>
<td colspan="4" class="submitrow"><input type="submit" value="Find
your Real Estate" /></td>
</tr>
</table>
</form>
</div>
<!-- end searchbox -->
<div id="special">
<h2 class="topped"><img src="images/title_special.gif" width="144"
height="24" alt="special offer: 30% off" /></h2>
<img src="images/house_1.jpg" width="85" height="64" alt="house 1"
class="left" />
<p>This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original. This is a demo text.</p>
<p class="readmore"><a href="#">Read More</a></p>
</div>
<!-- end special -->
</div>
<!-- end leftcol -->
<h2><img src="images/title_latest_news_and_event.gif" width="212" height="22"
alt="latest news and events" id="titlelatest" /></h2>
<div id="news">
<h3>June 11, 2005</h3>
<p>This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original. This is a demo text. It will be replaced
by the original.</p>
<p class="readmore"><a href="#">Read More</a></p>
<h3>June 12, 2005</h3>
<p>This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original. This is a demo text. It will be replaced
by the original.</p>
<img src="images/house_5.jpg" width="178" height="100" alt="house 5" />
<p>This is a demo text. It will be replaced by the original. This is a demo
text. </p>
<p class="readmore"><a href="#">Read More</a></p>
<h3>June 11, 2005</h3>
<p>This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original. This is a demo text. It will be replaced
by the original.</p>
<p class="readmore"><a href="#">Read More</a></p>
</div>
<!-- end news -->
<div id="houses">
<div style="background-image: url(images/title_home_1.gif)"> <a href="#"><img
src="images/house_2.jpg" width="122" height="82" alt="house 1" /></a>
<p class="gallery"><a href="#">View Gallery</a></p>
<p class="buy"><a href="#">Buy Now</a></p>
</div>
<!-- end wooden -->
<div style="background-image: url(images/title_home_2.gif)" class="topped">
<a href="#"><img src="images/house_3.jpg" width="122" height="82" alt="house 2"
/></a>
<p class="gallery"><a href="#">View Gallery</a></p>
<p class="buy"><a href="#">Buy Now</a></p>
</div>
<!-- end wooden -->
<div style="background-image: url(images/title_home_3.gif)" class="topped">
<a href="#"><img src="images/house_4.jpg" width="122" height="82" alt="house 3"
/></a>
<p class="gallery"><a href="#">View Gallery</a></p>
<p class="buy"><a href="#">Buy Now</a></p>
</div>
<!-- end wooden -->
</div>
<!-- end houses -->
<div class="clear" id="footer">
<p align="center">Powered by <a
href="http://www.freewebsitetemplates.com">Free Website Templates</a></p>
</div>
</div>
<!-- end inner -->
</div>
<!-- end wrapper -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Realistic
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Realistic</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- Superfish Menu -->
<script type="text/javascript"
src="layout/scripts/superfish/jquery.hoverIntent.js"></script>
<script type="text/javascript"
src="layout/scripts/superfish/superfish.js"></script>
<script type="text/javascript">
jQuery(function () {
jQuery('ul.nav').superfish();
});
</script>
<!-- / Superfish Menu -->
</head>
<body id="top">
<div class="wrapper">
<div id="header">
<h1><a href="index.html">Realistic</a></h1>
<p>Free Website Template</p>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="topbar">
<div class="fl_left">Tel: xxxxx xxxxxxxxxx | Mail: [email protected]</div>
<div class="fl_right">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="topnav">
<ul class="nav">
<li class="active"><a href="index.html">Homepage</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">menu item</a>
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li><a href="pages/portfolio.html">Portfolio</a></li>
<li class="last"><a href="pages/gallery.html">Gallery</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div class="container">
<div class="whitebox" id="hpage_services">
<div class="block"><img src="images/demo/46x46.gif" width="46" height="46"
alt="" /><strong>Lorum ipsum dolor</strong>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. This template is distributed
using a <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>.</p>
</div>
<div class="block"><img src="images/demo/46x46.gif" width="46" height="46"
alt="" /><strong>Lorum ipsum dolor</strong>
<p>You can use and modify the template for both personal and commercial
use. You must keep all copyright information and credit links in the template and
associated files.</p>
</div>
<div class="block last"><img src="images/demo/46x46.gif" width="46"
height="46" alt="" /><strong>Lorum ipsum dolor</strong>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>. Orciinterdum condimenterdum nullamcorper elit nam curabitur
laoreet met praesenean et iaculum.</p>
</div>
<div class="spacer"> </div>
<div class="block"><img src="images/demo/46x46.gif" width="46" height="46"
alt="" /><strong>Lorum ipsum dolor</strong>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet met
praesenean et iaculum. Metridiculis conseque quis iaculum aenean nunc aenean quis
nam nis dui.</p>
</div>
<div class="block"><img src="images/demo/46x46.gif" width="46" height="46"
alt="" /><strong>Lorum ipsum dolor</strong>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet met
praesenean et iaculum. Metridiculis conseque quis iaculum aenean nunc aenean quis
nam nis dui.</p>
</div>
<div class="block last"><img src="images/demo/46x46.gif" width="46"
height="46" alt="" /><strong>Lorum ipsum dolor</strong>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet met
praesenean et iaculum. Metridiculis conseque quis iaculum aenean nunc aenean quis
nam nis dui.</p>
</div>
<div class="clear"></div>
</div>
<!--
###################################################################################
#################### -->
<div id="hpage_latest">
<ul>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/260x180.gif"
width="260" height="180" alt="" /></a></div>
<p><strong>Lorum ipsum dolor</strong></p>
<p>Orciint erdum condimen terdum nulla mcorper elit nam curabitur laoreet
met prae senean et iac ulum. Metridiculis cons eque quis iaculum aenean nunc
aenean.</p>
</li>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/260x180.gif"
width="260" height="180" alt="" /></a></div>
<p><strong>Lorum ipsum dolor</strong></p>
<p>Orciint erdum condimen terdum nulla mcorper elit nam curabitur laoreet
met prae senean et iac ulum. Metridiculis cons eque quis iaculum aenean nunc
aenean.</p>
</li>
<li class="last">
<div class="imgholder"><a href="#"><img src="images/demo/260x180.gif"
width="260" height="180" alt="" /></a></div>
<p><strong>Lorum ipsum dolor</strong></p>
<p>Orciint erdum condimen terdum nulla mcorper elit nam curabitur laoreet
met prae senean et iac ulum. Metridiculis cons eque quis iaculum aenean nunc
aenean.</p>
</li>
</ul>
<br class="clear" />
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="footer">
<div class="latestgallery">
<h2>Latest Projects</h2>
<ul>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
</ul>
</div>
<div class="footbox">
<h2>Latest From The Blog</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Keep In Touch</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Red Alert</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<style type="text/css">
img{border:none;}
</style>
</head>
<body>
<!-- Start Wrapper -->
<div class="wrapper">
<!-- Start header -->
<div class="header"> <a href="#"><img src="images/header.jpg" alt="" /></a>
</div>
<!-- End header -->
<!-- Begin Main Content Area -->
<div id="main-content">
<!-- Begin Left Column-->
<div id="leftcolumn">
<h1>Making Websites Work</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum. </p>
<br />
<h1>Making Websites Work</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum. </p>
<br />
<form action="#">
<div class="forms-text">
<p>Name:</p>
<p>E-Mail:</p>
<p>Username:</p>
<p>Password:</p>
<p>Retype Password:</p>
</div>
<div class="forms-input">
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="submit" class="submit" />
</div>
</form>
</div>
<!-- End Left Column-->
<!-- Begin Right Column-->
<div id="rightcolumn">
<div class="right-box">
<h1>Making Websites</h1>
<p><br />
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem
quia voluptas
sit aspernatur aut odit aut fugit, sed quia consequuntu. </p>
</div>
<br />
<div class="right-bottom">
<h1>CSS Layouts </h1>
<p><br />
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi. <br />
</p>
</div>
</div>
<!-- End Right Column-->
</div>
<!-- End Main Content Area -->
</div>
<!-- End Wrapper -->
<div id="footer">
<div id="footer-content"> © Copyright with <a
href="http://www.code-sucks.com">Code-Sucks.com</a> 2006
| <a href="http://validator.w3.org/check?uri=referer">Valid xhtml
strict</a>
| <a href="http://jigsaw.w3.org/css-validator/">Valid css</a> </div>
</div>
</body>
</html>
<!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>Red Avenue</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Red Avenue</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<p><img src="images/img06.jpg" alt="" width="472" height="180" /></p>
<h2 class="title">Welcome to Red Avenue!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Red Avenue</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Red Avenue. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>RED HAZE</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Your Company Name</h1>
</div>
<div id="gutter"></div>
<div id="col1">
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">ANDREAS VIKLUND</a></li>
<li><a href="#">JAMES KOSTER</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">LISTAMATIC</a></li>
<li><a href="#"> LAYOUTGALA</a></li>
<li><a href="#"> BLUEROBOT</a></li>
</ul>
</div>
<div class="search">
<form method="post" action="#">
<p>
<input type="text" name="search" class="search" />
<input type="submit" value="Search" class="searchSubmit" />
</p>
</form>
</div>
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla aliquam
justo a enim. Nulla imperdiet tortor ac arcu. Fusce consequat, nibh et condimentum
ultricies, tortor nisi auctor felis, vitae egestas nisl odio a augue. </p>
</div>
</div>
<div id="col2">
<div class="roundcont">
<div class="roundtop"><img src="images/tl.gif" alt="tl img" width="10"
height="10" class="corner" style="display: none" /> </div>
<h2>Welcome to <span style="color:#E05222;">Red Haze</span> Template</h2>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE templates visit my website.</blockquote>
<p><img class="img" src="images/pic.jpg" alt="" /> Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla aliquam justo a enim. Nulla imperdiet tortor ac
arcu. Fusce consequat, nibh et condimentum ultricies, tortor nisi auctor felis,
vitae egestas nisl odio a augue. Nam pellentesque, justo quis vehicula accumsan,
quam tellus pharetra orci, sed cursus sapien neque ac tortor. In nec ipsum vel orci
aliquam facilisis. In dignissim semper tortor. Donec a nunc ut lacus nonummy
euismod. Suspendisse fringilla urna. Morbi in ligula. Sed elementum velit ac purus.
Curabitur consequat pulvinar est. </p>
<div class="roundbottom"><img src="images/bl.gif" alt="bl img" width="10"
height="10" class="corner" style="display: none" /></div>
</div>
<p>This is a <a href="#">link</a> to nowhere. Mauris vitae diam. Mauris pretium
posuere massa. Morbi dignissim congue massa. Maecenas aliquam, risus vel euismod
commodo, elit eros porttitor massa, eu mollis lectus nisi quis turpis. Morbi in
ligula. Sed elementum velit ac purus. Curabitur consequat pulvinar est. Mauris
vitae diam. Mauris pretium posuere massa. Morbi dignissim congue massa. Maecenas
aliquam, risus vel euismod commodo, elit eros porttitor massa, eu mollis lectus
nisi quis turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla
aliquam justo a enim. Nulla imperdiet tortor ac arcu. Fusce consequat, nibh et
condimentum ultricies, tortor nisi auctor felis, vitae egestas nisl odio a augue.
</p>
</div>
<div id="col3">
<div class="roundcont">
<div class="roundtop"><img src="images/tl.gif" alt="tl img" width="10"
height="10" class="corner" style="display: none" /> </div>
<h2>Heading</h2>
<p><img class="img" src="images/pic.jpg" alt="" />Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla aliquam justo a enim. Nulla imperdiet tortor ac
arcu. Fusce consequat, nibh et condimentum ultricies, tortor nisi auctor felis,
vitae egestas nisl odio a augue. Nam pellentesque, justo quis vehicula accumsan,
quam tellus pharetra orci, sed cursus sapien neque ac tortor. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla aliquam
justo a enim. Nulla imperdiet tortor ac arcu. Fusce consequat, nibh et condimentum
ultricies, tortor nisi auctor felis, vitae egestas nisl odio a augue. </p>
<div class="roundbottom"><img src="images/bl.gif" alt="bl img" width="10"
height="10" class="corner" style="display: none" /></div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla aliquam justo
a enim. Nulla imperdiet tortor ac arcu. Fusce consequat, nibh et condimentum
ultricies, tortor nisi auctor felis, vitae egestas nisl odio a augue. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Nulla aliquam justo a enim. Nulla
imperdiet tortor ac arcu. In nec ipsum vel orci aliquam facilisis. In dignissim
semper tortor. Donec a nunc ut lacus nonummy euismod. Suspendisse fringilla urna.
</p>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</body>
</html>
<!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>Red Passion</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
</head>
<body>
<div id="container">
<div id="top_nav">
<p class="topnav">Login | Register</p>
</div>
<div id="header">
<h1>Red Passion</h1>
</div>
<div id="main_nav">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">useful links</a></li>
<li><a href="#">Site map</a></li>
</ul>
</div>
</div>
<div id="contentwrapper">
<div id="left">
<h3>Ask a question </h3>
<form id="form1" method="post" class="contact_us" action="#">
<p>
<label>Name
<input type="text" class="fields_contact_us" name="textfield" />
</label>
<label>E-mail
<input type="text" class="fields_contact_us" name="textfield1" />
</label>
<label> Your question:
<textarea name="textarea" cols="" rows=""></textarea>
</label>
<label>
<input type="submit" class="submit_button_contact" name="Submit1"
value="Submit" />
</label>
</p>
</form>
<h3>News</h3>
<dl>
<dt class="news">This is a definition list </dt>
<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam diam
ipsum, nonummy ut, fermentum eget, porttitor sed, velit.</dd>
<dt class="news">Example two </dt>
<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam diam
ipsum, nonummy ut, fermentum eget, porttitor sed, velit.</dd>
<dt class="news">The third example</dt>
<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam diam
ipsum, nonummy ut, fermentum eget, porttitor sed, velit.</dd>
</dl>
</div>
<div id="right">
<h4>Photo of the week </h4>
<p><img src="images/demo_image2.jpg" alt="" width="159" height="142" /></p>
<h4>More info</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam diam
ipsum, nonummy ut, fermentum eget, porttitor sed, velit. Morbi mi. Aliquam
sollicitudin tempus erat. Cras non nisl. Quisque condimentum lacus non lorem. Nulla
nec est ut lacus ultricies tincidunt. Nunc euismod. Ut venenatis nisi ac diam.
Aliquam luctus condimentum ipsum. Maecenas congue.</p>
</div>
<div id="content">
<h2>About this template </h2>
<p><img src="images/demo_image.jpg" alt="" width="88" height="114"
class="float_left" />This template is tested in the latest versions of IE, FF,
Opera and IE 6.0 with excellent results. A link back to my site is always
appreciated :) For more visit my site. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aliquam diam ipsum, nonummy ut, fermentum eget, porttitor sed,
velit. Morbi mi. Aliquam sollicitudin tempus erat. Cras non nisl. Quisque
condimentum lacus non lorem. Nulla nec est ut lacus ultricies tincidunt. Nunc
euismod. Ut venenatis nisi ac diam. Aliquam luctus condimentum ipsum. Maecenas
congue.
Vivamus laoreet egestas sapien. Donec nec ipsum congue lorem laoreet
aliquet. Nunc egestas blandit quam. In sapien. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Ut orci tortor, ultrices quis, fringilla eget,
nonummy at, tortor. Curabitur neque. Etiam dolor nibh, pharetra et, elementum quis,
volutpat id, purus. Quisque felis nisi, sollicitudin sed, tempus at, aliquet ut,
diam. Suspendisse libero diam, volutpat ac, rhoncus non, feugiat in, erat. Donec
purus quam, lobortis vel, vehicula eu, dictum eu, tellus. </p>
<h2>More headings</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam diam
ipsum, nonummy ut, fermentum eget, porttitor sed, velit. Morbi mi. Aliquam
sollicitudin tempus erat. Cras non nisl. Quisque condimentum lacus non lorem. Nulla
nec est ut lacus ultricies tincidunt. Nunc euismod. Ut venenatis nisi ac diam.
Aliquam luctus condimentum ipsum. Maecenas congue.
Vivamus laoreet egestas sapien. Donec nec ipsum congue lorem laoreet
aliquet. Nunc egestas blandit quam. In sapien. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Ut orci tortor, ultrices quis, fringilla eget,
nonummy at, tortor. Curabitur neque. Etiam dolor nibh, pharetra et, elementum quis,
volutpat id, purus. Quisque felis nisi, sollicitudin sed, tempus at, aliquet ut,
diam. Suspendisse libero diam, volutpat ac, rhoncus non, feugiat in, erat. Donec
purus quam, lobortis vel, vehicula eu, dictum eu, tellus. </p>
</div>
<div id="footer">
<p class="copyright">© Your site 2007 | Created by Dieter Schneider | <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a> </p>
<p></p>
</div>
</div>
</div>
</body>
</html>
<!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>Red Planet</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1>Red Planet</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Gallery</a></li>
<li><a href="#" accesskey="3">Resources</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
</div>
<div id="splash"><a href="#"><img src="images/img4.jpg" alt="" width="877"
height="140" /></a></div>
<div id="content">
<div id="colOne">
<h2>Welcome to Sitename.com!</h2>
<p><strong>RedPlanet</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The header image of Marsâ surface is from
NASA (slightly edited). You're free to use this template for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus
interdum. Donec pede nisl, Maecenas sed sem sit amet lectus mattis molestie.
Integer quis eros lorem ipsum dolor sit amet.</p>
<div class="posted">
<p>posted by <a href="#">Someone</a> on January 10, 2007</p>
<p class="comments"><a href="#">64 comments</a></p>
</div>
<h2>Lorem Ipsum Dolor</h2>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus
interdum. Donec pede nisl, Maecenas sed sem sit amet lectus mattis molestie.
Integer quis eros lorem ipsum dolor sit amet. Sed vel quam. Vestibulum
pellentesque. Morbi sit amet magna ac lacus dapibus interdum. Donec pede nisl,
Maecenas sed sem sit amet lectus mattis molestie. Integer quis eros lorem ipsum
dolor sit amet.</p>
<div class="posted">
<p>posted by <a href="#">Someone</a> on January 10, 2007</p>
<p class="comments"><a href="#">32 comments</a></p>
</div>
</div>
<div id="colTwo">
<h3>Search</h3>
<form id="form1" method="get" action="#">
<div>
<input name="textfield1" type="text" id="textfield1" />
<input name="submit1" type="submit" id="submit1" value="Search" />
</div>
</form>
<p></p>
<h3>Veroeros Etiam</h3>
<ul>
<li><a href="#">Sed vel quam nulla</a></li>
<li><a href="#">Vestibulum pellentesque</a></li>
<li><a href="#">Morbi sit amet magna</a></li>
<li><a href="#">Lacus dapibus interdum</a></li>
<li><a href="#">Donec pede nisl dolore</a></li>
<li><a href="#">Maecenas sed sem</a></li>
</ul>
<h3>Quam Maecenas</h3>
<ul>
<li><a href="#">Morbi sit amet magna</a></li>
<li><a href="#">Lacus dapibus interdum</a></li>
<li><a href="#">Maecenas sed sem</a></li>
<li><a href="#">Donec pede nisl dolore<br />
</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>(c) 2007 Sitename.com. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Balloon Fest
Version : 1.0
Released : 20070709
Description: A two-column, fixed-width template suitable for small business
websites.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Balloon Fest by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Galleries</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="header">
<div id="logo">
<h1><a href="#">Balloon Fest</a></h1>
<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
</div>
<div id="page">
<div id="content">
<div style="margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid
#4AF4FE;">
<h1 class="title">Welcome to Our Website!</h1>
<p><img src="images/img07.jpg" alt="" width="120" height="160"
class="left" /></p>
<p><strong>Balloon Fest</strong> is a free template from <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from <a
href="http://www.pdphoto.org/">PDPhoto.org</a>. You"re free to use it for both
commercial or personal use. I only ask that you link back to <a
href="http://www.freecsstemplates.org/">my site</a> in some way.
<em>Enjoy :)</em></p>
<h2>Praesent Scelerisque</h2>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat:</p>
<blockquote>
<p>“Integer nisl risus, sagittis convallis, rutrum id, elementum
congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam
ante orci, pellentesque eget.”</p>
</blockquote>
</div>
<div> </div>
<div class="twocols">
<div class="col1">
<h3 class="title">Lorem Ipsum Dolor</h3>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna
congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh.</p>
<p><a href="#">Read more…</a></p>
</div>
<div class="col2">
<h3 class="title">Pellentesque Quis</h3>
<ul class="list">
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus dui</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum</a></li>
<li><a href="#">Aenean facilisis ligula</a></li>
<li><a href="#">Vestibulum luctus dui</a></li>
<li><a href="#">Ut elit vitae augue</a></li>
<li><a href="#">Sed sagittis leo vehicula</a></li>
<li><a href="#">Ut elit vitae augue</a></li>
</ul>
</div>
</div>
</div>
<!-- end content -->
<div id="sidebar">
<div id="search" class="boxed">
<h2 class="title">Quick Search</h2>
<div class="content">
<form id="searchform" method="get" action="">
<fieldset>
<input id="searchinput" type="text" name="searchinput" value="" />
<input id="searchsubmit" type="submit" value="Search" />
</fieldset>
</form>
<p><a href="#">Advanced Search</a></p>
</div>
</div>
<div id="news" class="boxed">
<h2 class="title">News & Events</h2>
<div class="content">
<ul>
<li class="first">
<h3>04 July 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper…</a></p>
</li>
<li>
<h3>29 June 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in
augue…</a></p>
</li>
<li>
<h3>13 June 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus
sagittis…</a></p>
</li>
</ul>
</div>
</div>
<div id="extra" class="boxed">
<h2 class="title">Sagittis Convallis</h2>
<div class="content">
<ul class="list">
<li class="first"><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum enim</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elit vitae augue</a></li>
<li><a href="#">Sed quis odio sagittis leo</a></li>
</ul>
</div>
</div>
</div>
<!-- end sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
<div id="footer">
<p id="legal">©2007 Balloon Fest. All Rights Reserved<br />
Designed by <a href="http://www.freecsstemplates.org/">Free CSS
Templates</a></p>
<p id="links"><a href="#">Privacy</a> | <a href="#">Terms</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
</body>
</html>
<!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>Shopping</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="body_wrapper">
<div id="container">
<!-- Start of Page Header -->
<div id="page_header">
<h1><span>Red Tag Diva</span></h1>
<!-- Start of Page Search -->
<div id="page_search">
<form action="#">
<div>
<h3>Search:</h3>
<input type="text" />
<input type="submit" value="Go" class="button" />
</div>
</form>
</div>
<!-- End of Page Search -->
</div>
<!-- End of Page Header -->
<div id="mainmodel"> </div>
<!-- Start of Main Area -->
<div id="mainarea">
<!-- Start of Navigational Menu -->
<div id="navmenu">
<ul>
<li id="menu_1"><a href="#"><span>Home</span></a></li>
<li id="menu_2"><a href="#"><span>Store</span></a></li>
<li id="menu_3"><a href="#"><span>FAQ</span></a></li>
<li id="menu_4"><a href="#"><span>Resource</span></a></li>
<li id="menu_5"><a href="#"><span>Contact</span></a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Navigational Menu -->
<div id="mainarea_2">
<!-- Start of Category Menu -->
<div id="categorymenu">
<ul>
<li id="catmenu_1"><a href="#"><span>Top</span></a></li>
<li id="catmenu_2"><a href="#"><span>Bottoms</span></a></li>
<li id="catmenu_3"><a href="#"><span>Skirts</span></a></li>
<li id="catmenu_4"><a href="#"><span>Handbags</span></a></li>
<li id="catmenu_5"><a href="#"><span>Shoes</span></a></li>
</ul>
</div>
<!-- End of Category Menu -->
<!-- Start of Main Content -->
<div id="maincontent_1">
<div id="maincontent_2">
<div id="maincontent_3">
<!-- Start of Featured Products -->
<div id="featured">
<h2><span>Featured Products</span></h2>
<div class="thumbnail"><img src="images/featured_thumbnail.gif"
width="68" height="93" alt="" /></div>
<p> This is a template designed by free website templates for you
for free you can replace all the text with your own text. </p>
<div class="link_details"> <a href="#">Get Details</a> </div>
</div>
<!-- End of Featured Products -->
<!-- Start of 03 Skirts -->
<div id="skirts">
<h2><span>03 Skirts</span></h2>
<div class="thumbnail"><img src="images/03skirts_thumbnail.gif"
width="68" height="93" alt="" /></div>
<p> Please don't remove the link at the bottom.If you really want
to remove it you can buy a copyright free version. Thanks </p>
<div class="link_details"> <a href="#">Get Details</a> </div>
</div>
<!-- End of 03 Skirts -->
<div class="clearthis"> </div>
</div>
</div>
</div>
<!-- End of Main Content -->
</div>
</div>
<!-- End of Main Area -->
<!-- Start of Page Footer -->
<div id="page_footer">
<div id="designby"> Web design by <a
href="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div>
<div id="footer_links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Store</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Resource</a></li>
<li id="last"><a href="#">Contact</a></li>
</ul>
</div>
<div class="clearthis"> </div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>RedBridge Free Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div class="topmenu">
<div class="right_"><a href="#">About</a> | <a href="#">Contact</a></div>
<div class="date_"><? echo date('l dS \of F Y'); ?></div>
</div>
<div id="submenu">
<form action="#">
<div class="searchb"><br/>
Search the Web:
<input type="text" name="search" class="text" />
<input type="submit" value="Go" class="submit" />
</div>
</form>
You are not Logged in! <a href="#">Log in</a> to check your messages.<br />
Do you want to <a href="#">Log in</a> or <a href="#">register</a>? </div>
<div class="bridge">
<div class="title">YOUR COMPANY NAME</div>
<div class="slogan">Your Best Slogan Here!</div>
</div>
<div class="nav">
<ul>
<li><a href="#">HOME</a> | </li>
<li><a href="#">PRODUCTS</a> | </li>
<li><a href="#">DOWNLOADS</a> | </li>
<li><a href="#">ARCHIVES</a> | </li>
<li><a href="#">ABOUT</a> | </li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
<div class="right">
<h2>Top Articles:</h2>
<img src="images/li.gif" alt="" /> <a href="#">RedBridge Template</a><br />
<img src="images/li.gif" alt="" /> <a href="#">Consectetuer adipiscing
elit</a><br />
<img src="images/li.gif" alt="" /> <a href="#">Lorem ipsum dolor sit
amet</a><br />
<img src="images/li.gif" alt="" /> <a href="#">dolor sit amet
consectet</a><br />
<hr />
<h2>What is sNews?</h2>
sNews is a completly free PHP and MySQL driven tool for publishing and
maintaining news articles on a website. Integrating sNews into your existing design
is simple, but you could also use sNews on it's own, as a simple Content Management
System. Consisting of only one file, sNews is extremely lightweight, very easy to
install, and easy to use via a simple web interface.
<hr />
<h2>How to use it?</h2>
You can place the functions provided in the index.php script into your existing
design, or you can use the design already provided in the download package.
Solucija itself is an excellent example of an sNews driven site.
<hr />
<h2>Links</h2>
<img src="images/li.gif" alt="" /> <a href="#">Solucija.com</a><br />
<img src="images/li.gif" alt="" /> <a href="#">Free css templates</a><br />
</div>
<div class="center">
<h2><a href="#">RedBridge Template</a></h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod ante
non diam. Sed eleifend odio sed quam. Sed vulputate, <a
href="#">turpis at tincidunt</a> porttitor, est elit consequat metus,
non dignissim augue mauris quis arcu. Phasellus faucibus blandit eros. Curabitur
porttitor ante non est. Maecenas dolor. Aenean egestas sem. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed
suscipit, nisi sit amet pharetra malesuada, sem velit laoreet sem, vitae iaculis
diam neque consequat est. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Pellentesque tincidunt eros non quam. Mauris
a magna sit amet libero accumsan auctor. Aenean nec urna non dui lobortis viverra.
<p class="date">Posted by Avenir <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a
href="#">Comments(2)</a> <img src="images/timeicon.gif" alt="" /> 21.02.</p>
<br />
<h2><a href="#">Consectetuer adipiscing elit</a></h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero.
Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam,
lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus
nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.
Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus
eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In
tristique orci porttitor ipsum. Aliquam ornare diam iaculis nibh. Proin luctus,
velit pulvinar ullamcorper nonummy, mauris enim eleifend urna, congue egestas elit
lectus eu est. Fusce et odio sit amet erat ullamcorper accumsan.Proin luctus, velit
pulvinar ullamcorper nonummy, mauris enim eleifend urna, congue egestas elit lectus
eu est. Fusce et odio sit amet erat ullamcorper accumsan.
<p class="date">Posted by Jack <img src="images/comment.gif" alt="" /> <a
href="#">Comments(8)</a> <img src="images/timeicon.gif" alt="" /> 12.04.</p>
<br />
<div class="boxad"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac
convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.
Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit
ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque
</div>
</div>
<div class="footer">
<div class="padding"> © Copyright RedBridge :: Design: <a
href="http://www.free-css-templates.com/" title="Free CSS Templates">David
Herreman</a> | <a href="rss/">RSS Feed</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> | <a href="#">Login</a> <br />
Photo courtesy of and copyright Free Range Stock, <a
href="http://www.freerangestock.com/">www.freerangestock.com</a> </div>
</div>
</div>
</body>
</html>
<!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>RedBusiness</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div class="content">
<div id="top">
<div id="icons"> <a href="#"><img src="images/home.gif" alt="Home" /></a> <a
href="#"><img src="images/contact.gif" alt="Contact" /></a> <a href="#"><img
src="images/sitemap.gif" alt="Sitemap" /></a> </div>
<h1>Your Business</h1>
<h2>Place your best slogan here</h2>
</div>
</div>
<div id="prec">
<div id="wrap">
<div id="pic">
<div id="slogan">
<h1>FREE TEMPLATE</h1>
<h2> Curabitur vel risus sit amet ante porta adipiscing. Donec eget pede at
libero tempor aliquet. Nulla justo. Phasellus hendrerit magna quis metus sagittis
ultrices. Vestibulum in sapien. Nunc quis sem. Integer nulla neque, mollis eu,
pretium eget, <a href="#">iaculis ac</a>, nibh. Vestibulum velit sapien, rhoncus
vitae, ultrices a, nonummy at, neque. Nunc condimentum, nisl non rhoncus porttitor,
velit enim consectetuer augue, id imperdiet mauris erat nec risus. In nec eros.
</h2>
</div>
</div>
<div id="menu">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">AFFILIATES</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">ABOUTS US</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
</div>
<div class="content">
<div id="ad"> sNews is a completly free PHP and MySQL driven tool for publishing
and maintaining news articles on a website. Integrating sNews into your existing
design is simple, but you could also use sNews on it's own, as a simple Content
Management System. Consisting of only one file, sNews is extremely lightweight,
very easy to install, and easy to use via a simple web interface.</div>
<div id="main">
<div id="right_side">
<h3>Categories</h3>
<ul>
<li><a href="#">Templates (15)</a></li>
<li><a href="#">Internet (10)</a></li>
<li><a href="#">Tutorials (23)</a></li>
<li><a href="#">Photoshop (11)</a></li>
<li><a href="#">sNews (16)</a></li>
<li><a href="#">Personal (5)</a></li>
</ul>
<h3>Directory</h3>
<p>Links4se.com is a seo-friendly and human-edited general directory.
Featured links need to be paid only $4.95 for unlimited time and regular links only
$1.95!</p>
<h3>Latest Articles</h3>
<ul>
<li><a href="#">I would like to send big thanks to...</a></li>
<li><a href="#">This simple tutorial will show you...</a></li>
<li><a href="#">To make this nice fade effect I...</a></li>
<li><a href="#">If you want to advertise your...</a></li>
<li><a href="#">This has to be one of the better...</a></li>
<li><a href="#">This day I would like to share...</a></li>
</ul>
</div>
<div id="left_side">
<h3><span>Download this template for free!</span></h3>
<p> <img src="images/img.jpg" alt="img" /> Phasellus quis est eget metus
blandit lacinia. Quisque molestie, diam a dignissim mattis, lectus felis placerat
lectus, eget sollicitudin neque nunc eleifend metus. <a href="#">Curabitur
ullamcorper</a> sem ac pede gravida sagittis. Sed et felis. Vestibulum placerat,
ipsum nec congue auctor, ante massa placerat felis, sit amet
<strong>consectetuer</strong> elit arcu vitae metus. In commodo, risus sed
tristique luctus, ipsum diam dapibus eros, et vehicula dui augue tempus quam. In
laoreet. Suspendisse et pede volutpat lacus interdum consequat. Cras dui. Quisque
ac turpis nec ligula rutrum pulvinar. Quisque lectus ligula, vehicula nec,
fringilla eu, dignissim ut, nisl. Vestibulum non turpis. Maecenas urna. </p>
<blockquote>
<p>Sed et felis. Vestibulum placerat, ipsum nec congue auctor, ante massa
placerat felis, sit amet consectetuer elit arcu vitae metus. </p>
</blockquote>
<div class="date"><a href="#">Comments (5)</a> . 05 Jan 2007 . 10:37</div>
<h3><span>Lorem Ipsum</span></h3>
<div class="rs"> <strong>List example</strong>:
<ul>
<li>list line 1</li>
<li>list line 2
<ul>
<li>sublist line a</li>
<li>sublist line b</li>
</ul>
</li>
</ul>
</div>
<p> Sed odio tortor, rhoncus ac, auctor a, volutpat sed, diam. Quisque
imperdiet. Maecenas quis nisl. Fusce sed nibh eget odio faucibus lobortis. Fusce
sagittis est sed elit. Sed venenatis elit ut urna. Etiam varius imperdiet leo.
Integer rhoncus venenatis arcu. Donec sollicitudin lectus. Cras ac est. Fusce odio.
Donec posuere fermentum dolor. Sed a lacus tristique tellus ultrices mattis. Sed
adipiscing urna a orci. Maecenas pharetra volutpat sem. </p>
<div class="date"><a href="#">Comments (11)</a> . 07 Jan 2007 . 02:56</div>
</div>
</div>
<div id="footer">
<div class="right">© Copyright 2006, Your Website - <a
href="#">Home</a><br />
Design: <a href="http://www.free-css-templates.com">David Herreman</a></div>
<a href="http://validator.w3.org/check?uri=referer" title="Validate">XHTML</a>
- <a href="http://jigsaw.w3.org/css-validator/check/referer"
title="Validate">CSS</a> </div>
</div>
</body>
</html>
<!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">
<head>
<title>RedPepper</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="css/rp-stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1> <a href="#"><span>Red</span>Pepper</a></h1>
<ul>
<li><a href="#" class="on">home</a></li>
<li><a href="about.html">about</a></li>
<li><a href="services.html">services</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
<div id="body">
<div>
<div>
<div id="content">
<div class="breadcrumb home">
<h2>Welcome to our home</h2>
</div>
<h3>The Blurb</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras neque.
Nullam velit eros, vehicula sed, accumsan ac, sodales vel, erat. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum
facilisis sem vel enim ultrices consequat. Maecenas metus. Integer consequat
gravida nisl. </p>
<h3>The Portfolio</h3>
<p>Praesent id lorem. Maecenas in ipsum sit amet nisl facilisis pharetra.
Duis mauris. Suspendisse porta.</p>
<ul class="img">
<li class="l1"> <a href="#"><img src="img/image.gif" alt="placeholder"
width="135" height="70" /></a></li>
<li><a href="#"><img src="img/image.gif" alt="placeholder" width="135"
height="70" /></a></li>
<li><a href="#"><img src="img/image.gif" alt="placeholder" width="135"
height="70" /></a></li>
</ul>
</div>
<div id="sub">
<h4>About</h4>
<p>Vestibulum facilisis sem vel enim ultrices consequat. Maecenas metus.
Integer consequat... <a href="#">more about us</a></p>
<h4>Services</h4>
<ul>
<li><a href="#">Web design</a></li>
<li><a href="#">Web development</a></li>
<li><a href="#">Logo design</a></li>
<li><a href="#">Print design</a></li>
</ul>
<h4>More Lipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras neque.
Nullam velit eros, vehicula...</p>
</div>
</div>
</div>
</div>
<div id="footer"> <span><a href="#header"><img src="img/top.gif" alt="top"
width="29" height="30"/></a></span>
<p>Content © <a href="#">YourName</a>. Design © <a
href="http://www.growldesign.co.uk">growldesign</a>.</p>
</div>
</div>
</body>
</html>
<!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-AU">
<head>
<title>Reflection</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/screen_yellow.css" media="screen,
tv, projection" />
</head>
<body>
<!-- Main site container -->
<div id="siteBox">
<!-- Main site header-: holds the img, title and top tabbed menu -->
<div id="header">
<!-- top rounded corner -->
<img src="images/corner_tl.gif" alt="corner" style="float:left;" />
<!-- Site title and subTitle -->
<span class="title"> <span class="white">reflect</span>ion <span
class="subTitle"> fullahead.org </span> </span>
<!-- Menu is displayed in reverse order from how you define it (caused by
float: right) -->
<a href="#" class="lastMenuItem">contact<span class="desc">send a
msg</span></a> <a href="#">services<span class="desc">free quotes</span></a> <a
href="#">products<span class="desc">full catalog</span></a> <a href="#">about
us<span class="desc">our company</span></a> <a href="#" class="active">home<span
class="desc">welcome</span></a> </div>
<!-- Content begins -->
<div id="content">
<!-- Left side menu : side bar links/news/search/etc. -->
<div id="contentLeft">
<p> <span class="header">links</span> Space for a left side link menu if
needed: </p>
<p> <a href="aqua.html" class="menuItem">aqua theme</a> <a href="#"
class="menuItem">deviantART</a> <a href="#" class="menuItem">fullahead</a> </p>
<p> <span class="header">sub section</span> Another sub section that could be
used for news items or a search maybe? </p>
<!-- Creates the rounded corner on the bottom of the left menu -->
<div class="bottomCorner"> <img src="images/corner_sub_br.gif" alt=""
class="vBottom"/> </div>
</div>
<!-- Right side main content -->
<div id="contentRight">
<p> <span class="header">template info</span> Another fluid, <acronym
title="eXtensible Hypertext Markup Language">XHTML</acronym>/<acronym
title="Cascading Style Sheet">CSS</acronym> template for <acronym title="Open Web
Design">OWD</acronym>. I decided to give a go at creating one that could be easily
modified and this is what I came up with. The header/footer images are easy to
change, along with the <a href="aqua.html">accent colour</a> - just do a search in
the style sheet for <acronym title="base 16 number system w/ values from 0-9 and A-
F (10-15)">hex</acronym> value <acronym title="yellow">#FC0</acronym>. The
template was tested in the usual, and looks good in all: </p>
<ul>
<li>Firefox 1.0.3</li>
<li>Internet Explorer 6.0</li>
<li>Netscape 7.02</li>
<li>Opera 8.0</li>
</ul>
<p> <img src="images/firefox.jpg" alt="" class="imgLeft"/> Images have full
support without the need for tables. To align them left or right, use the .imgLeft
or .imgRight classes. The headings will act as boundaries, so you don't have to
worry about overflowing pics. It should also be fairly straightforward to use
tables for layout if you find the need for them. </p>
<p> <span class="header">fluid css</span> Most of the dimensions of the
template are defined relative to the font size or using percentages, so
increases/decreases in font size won't break the layout. The template also
gracefully contracts/expands to different screen resolutions, so there are no gaps.
</p>
<p> This is a <acronym title="if you make bags of $$$ w/ it, send one my
way">free use template</acronym> - hope it makes your life easier. If you do end
up finding a use for it, send me an e-mail since it's interesting to see my
templates in action. </p>
<!-- Creates bottom left rounded corner -->
<img src="images/corner_sub_bl.gif" alt="" class="vBottom"/> </div>
</div>
<!-- Footer begins -->
<div id="footer">
<div id="footerLeft"> Design <a
href="http://openwebDesign.org/userinfo.phtml?user=snop" title="OWD Design
work">snop</a> <span class="grey">+</span> photo plasticboy <span
class="grey">=</span> valid <a href="http://validator.w3.org/check?uri=referer"
title="validate XHTML">XHTML</a> & <a href="http://jigsaw.w3.org/css-
validator">CSS</a> </div>
<div id="footerRight"> </div>
</div>
</div>
</body>
</html>
<!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>refresh</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Refresh.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo-text">re<span class="gray">fresh</span></h1>
<h2 id="slogan">put your site slogan here...</h2>
<form class="search" method="post" action="#">
<p>
<input class="textbox" type="text" name="search_query" value="" />
<input class="button" type="submit" name="Submit" value="Search" />
</p>
</form>
</div>
<div id="menu">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="content-wrap">
<div id="sidebar">
<h1>Sidebar Menu</h1>
<div class="left-box">
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
</div>
<h1>Site Partners</h1>
<div class="left-box">
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
</div>
<h1>Wise Words</h1>
<div class="left-box">
<p>"To be concious that you are ignorant of the facts is a great step
to knowledge" </p>
<p class="align-right">- Benjamin Disraeli</p>
</div>
<h1>Support Styleshout</h1>
<div class="left-box">
<p>If you are interested in supporting my work and would like to
contribute, you are welcome to make a small donation through the donate link on my
website - it will be a great help and will surely be appreciated.</p>
</div>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Refresh 1.0</strong> is a free, W3C-compliant, CSS-based website
template by <strong>styleshout.com</strong>. This work is distributed under the <a
rel="license" target="_blank" href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5 License</a>, which means that you are free to use
and modify it for any purpose. All I ask is that you include a link back to my
website in your credits.</p>
<p>For more free designs, you can visit my website to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Oct 01,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="#"><img src="images/firefox-gray.jpg" width="100" height="120"
alt="firefox" class="float-left" /></a> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt,
orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus
leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac
blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque.
Curabitur vel urna. In tristique orci porttitor ipsum. Aliquam ornare diam iaculis
nibh. Proin luctus, velit pulvinar ullamcorper nonummy, mauris enim eleifend urna,
congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
<div id="footer">
<p> © 2006 <strong>Your Company</strong> | Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<a href="#">Home</a> | <a
href="#">Sitemap</a> | <a href="#">Home</a> </p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Resize Me</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1"
/>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Resize me</h1>
</div>
<div>
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Templates</a></li>
<li><a href="#">Artikler</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Galleriet</a></li>
<li><a href="#">Kunstbutikk</a></li>
</ul>
</div>
<div id="content">
<h2>About this template </h2>
<p>This template was created by Dieter Schneider 2006. When you resize the text
in your browser window the whole template will fit nice with the the text. If you
use Firefox simply hold down Ctrl and push + or - to resize the text to see how it
works. Tested in the latest versions of FF, IE and Opera with excelent results. It
validates Xhtml 1.1. Please do not remove the link to www.csstemplateheaven.com in
the footer unless you have a purchased version which you have bought there. It's
only 7 dollars :) Please enjoy. </p>
<h2>This is also heading two </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
consectetuer iaculis purus. Etiam lobortis dictum massa. Aliquam et ipsum ut mauris
convallis aliquam. Ut ut elit sed arcu condimentum molestie. Sed orci. Pellentesque
dignissim erat ac massa. Nullam varius varius felis. Aenean sit amet magna. Ut non
diam. Quisque ac quam. Vestibulum nisl eros, laoreet id, fermentum eget, adipiscing
sed, urna. Morbi suscipit. Duis convallis imperdiet sem. Phasellus aliquam, leo non
auctor sodales, nisl lacus ullamcorper dolor, non volutpat justo orci nec est.
Fusce nunc diam, tempus sed, aliquet eu, mattis et, neque. Duis luctus. Duis non
sapien ullamcorper diam venenatis tristique. Etiam mattis. In nec lorem. Proin vel
dolor.</p>
<dl>
<dt>May 27th </dt>
<dd>This is a definiton list, unfortunately is this list not used too often
by webdevelopers. </dd>
<dt>May 27th </dt>
<dd>Lists are cool, and search engine spiders loves em too </dd>
<dt>May 27th </dt>
<dd>You can have your ingress here. </dd>
</dl>
<h2>This is heading two as well </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
consectetuer iaculis purus. Etiam lobortis dictum massa. Aliquam et ipsum ut mauris
convallis aliquam. Ut ut elit sed arcu condimentum molestie. Sed orci. Pellentesque
dignissim erat ac massa. Nullam varius varius felis. Aenean sit amet magna. Ut non
diam.. </p>
</div>
<div id="leftbox">
<h3>Heading three </h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
consectetuer iaculis purus.</p>
<h3>This is also heading three </h3>
<p>Etiam lobortis dictum massa. Aliquam et ipsum ut mauris convallis aliquam.
Ut ut elit sed arcu condimentum molestie. Sed orci. Pellentesque dignissim erat ac
massa.</p>
<h3>And this is heading three </h3>
<p>Ut ut elit sed arcu condimentum molestie. Sed orci. Pellentesque dignissim
erat ac massa.</p>
</div>
<div id="footer">
<p>Created by Dieter Schneider 2006 | <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Rock Band</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<ul id="nav">
<li><a href="#">HOME</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">members</a></li>
<li><a href="#">tickets</a></li>
<li><a href="#">contact</a></li>
</ul>
<h1><a href="#"><img src="images/logo.gif" width="118" height="25" alt=""
/></a></h1>
<div id="body">
<div id="bodyi">
<div id="bodyj">
<div id="sidebar">
<div class="content">
<h2>Our Gallery</h2>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by <img src="images/pic_1.jpg" width="61" height="42"
alt="" /> the original. This is demo text. It will be replaced by the original.
This demo text.</p>
<p>This is demo text. It will be <img src="images/pic_2.jpg" width="61"
height="42" alt="" /> replaced by the original. This is demo text.</p>
<p class="readmore"><a href="#">Read More</a></p>
</div>
<div class="divider"></div>
<div class="content">
<h2>Latest News & Updates</h2>
<h3>June 23, 2005</h3>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by the original. This is demo <img src="images/pic_3.jpg"
width="65" height="43" alt="pic 3" /> text. It will be replaced by the original.
This is demo text. It will be replaced by the original. This is demo text. It will
be replaced by the original.</p>
<p class="readmore"><a href="#">Read More</a></p>
</div>
</div>
<div id="content"> <img src="images/four_men_walking.jpg" width="346"
height="234" alt="four men walking" />
<div class="content">
<h2>Latest Album</h2>
<img src="images/pic_4.jpg" width="82" height="80" alt="Unwired album
cover" class="left" />
<p>This is a demo text. It will be replaced by the original. This is a
demo text. It will be replaced by the original. This is a demo text. It will be
replaced by the original. This is a demo text. It will be replaced by the original.
This is a demo text.</p>
<p class="readmore"><a href="#">Read More</a></p>
<div class="divider"></div>
<h2>Hit List</h2>
<table summary="track downloads" border="0" cellspacing="0">
<tr>
<th width="55%">Tracks</th>
<th>Album</th>
<th class="hidden">Dowload links</th>
</tr>
<tr>
<td>Still loving you</td>
<td>Ablaze</td>
<td class="download"><a href="#">Download</a></td>
</tr>
<tr>
<td>Fade rose</td>
<td>Eternity</td>
<td class="download"><a href="#">Download</a></td>
</tr>
<tr>
<td>Gone with the wind</td>
<td>Showtime</td>
<td class="download"><a href="#">Download</a></td>
</tr>
<tr>
<td>Summer holidays</td>
<td>Machine X</td>
<td class="download"><a href="#">Download</a></td>
</tr>
</table>
<p class="readmore"><a href="#">More Tracks</a></p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<p id="power">Powered by <a href="http://www.freewebsitetemplates.com">Free
Website Templates</a></p>
</div>
</body>
</html>
<?xml version="1.0"?>
<!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>Roscoe III</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
@import url(orig.css);
</style>
</head>
<body>
<div id="container">
<div id="nav-main">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">menu 2</a></li>
<li><a href="#">menu 3</a></li>
<li><a href="#">menu 4</a></li>
<li><a href="#">menu 5</a></li>
<li><a href="#">menu 6</a></li>
<li><a href="#">menu 7</a></li>
</ul>
<br />
</div>
<div id="content">
<div id="content-main">
<h1>What we do.</h1>
<p> We supply a variety of <a href="#">services</a> consisting of <a href="#"
title="web site design">web site design</a>, <a href="#"> search engine
optimisation</a> and <a href="#">hosting</a> to name a few. </p>
<h2>Some Lorem ipsum.</h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla rutrum
justo vitae nisl.
Sed tincidunt tempus enim. Vivamus eros. Integer quis sem. Nulla dictum
nisl et erat.
Nam ut ante vel velit luctus laoreet. Etiam purus nibh, tempor et, gravida
a, mattis vel, orci.
Ut sed quam. Curabitur at est euismod nibh fermentum ultricies. Aliquam
volutpat aliquam elit.
Nulla ut tortor a ipsum aliquet tempor. Aliquam sollicitudin libero nec
sapien.
In augue arcu, ultricies non, cursus vel, hendrerit id, mi. Quisque aliquam
vehicula nulla. Aliquam erat volutpat. </p>
<h3>H3 Heading no line break</h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla rutrum
justo vitae nisl.
Sed tincidunt tempus enim. Vivamus eros. Integer quis sem. Nulla dictum
nisl et erat.
Nam ut ante vel velit luctus laoreet. Etiam purus nibh, tempor et, gravida
a, mattis vel, orci.
Ut sed quam. Curabitur at est euismod nibh fermentum ultricies. Aliquam
volutpat aliquam elit.
Nulla ut tortor a ipsum aliquet tempor. Aliquam sollicitudin libero nec
sapien.
In augue arcu, ultricies non, cursus vel, hendrerit id, mi. Quisque aliquam
vehicula nulla. Aliquam erat volutpat. </p>
</div>
<div id="content-sub">
<h2>Services.</h2>
<p> CWSD Provide the following services, if you have any enquiries concerning
services listed
below or even services not listed, for example supplying girls or drugs,
please do not hesitate to contact us. </p>
<ul>
<li class="t1"><a href="#">s.e.o.</a></li>
<li class="t2"><a href="#">hosting</a></li>
<li class="t3"><a href="#">design</a></li>
<li class="t3"><a href="#">accessibility</a></li>
<li class="t3"><a href="#">standards</a></li>
</ul>
<p> Some external links to show the slightly different stylesheet. </p>
<ul>
<li><a href="#" class="external">external link 1</a></li>
<li><a href="#" class="external">external link 2</a></li>
<li><a href="#" class="external">external link 3</a></li>
</ul>
<h2>H2 Heading gives a line break</h2>
<ul>
<li class="t1"><a href="#">link 1</a></li>
<li class="t2"><a href="#">link 2</a></li>
<li class="t3"><a href="#">link 3</a></li>
</ul>
<h2>H2 Heading gives a line break</h2>
<ul>
<li class="t1"><a href="#">link 1</a></li>
<li class="t2"><a href="#">link 2</a></li>
<li class="t3"><a href="#">link 3</a></li>
</ul>
</div>
</div>
<div id="nav-supp">
<ul>
<li><a href="#">menu 1</a></li>
<li><a href="#">menu 2</a></li>
<li><a href="#">menu 3</a></li>
<li><a href="#">menu 4</a></li>
<li><a href="#">menu 5</a></li>
<li><a href="#">menu 6</a></li>
<li><a href="#">menu 7</a></li>
</ul>
</div>
</div>
</body>
</html>
<!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>Rose-Kist</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
<div id="header">
<h1>Rose-Kist</h1>
<h2>Design by camman3d</h2>
</div>
<div id="container">
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="content">
<div class="idea">
<h1>Rose-Kist</h1>
<h2>Design by camman3d</h2>
<p>This is my design - good for blogging or whatever you want to use it for.
Feel free to change it to your needs and wants. Also please feel free to visit <a
href="#">my site.</a> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="idea">
<h1>Hey Everybody</h1>
<h2>A shoutout in a heading</h2>
<p>Some examples of things you can do. Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.</p>
<ul>
<li>Unordered List</li>
<li>Unordered List</li>
<li>Unordered List</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<div class="blockquote"> Blockquote. Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. </div>
</div>
</div>
<div id="footer">
<p>Design by <a href="http://www.camman3d.com">camman3d Designs</a></p>
<p>Validates <a href="http://validator.w3.org/check?uri=referer">XHTML Strict!
</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS.</a></p>
</div>
</div>
</body>
</html>
<!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>Balloons</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">balloons</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div style="clear: both;"> </div>
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div><img src="images/img2.jpg" alt="" /></div>
<div id="colOne">
<h2>Welcome to balloons!</h2>
<p>Balloons is a free template from <strong>Free CSS Templates</strong>
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Lorem Ipsum Dolore </h3>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="colTwo">
<h2>Recent Updates</h2>
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat.
Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse
potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>
<title>Roundy Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="MainHolder">
<div id="TOP"><img src="images/logo_02.jpg" alt="Loan Detective" width="119"
height="150" /></div>
<div id="TOP-Message">Roundy Site Template from Empire Elements <br />
to fit 800x600 screen resolution</div>
<div id="TOP-Menu">
<p><a href="#">home</a> <a href="#">services</a> <a href="#">search</a> <a
href="#">something else</a> <a href="#">contact us</a></p>
</div>
<div id="TOP-SubMenu">
<p>Licenced under <a href="http://creativecommons.org/licenses/by-nc-
sa/2.0/uk/">Creative Commons Attribution-Noncommercial-Share Alike 2.0 UK</a></p>
</div>
<div id="Content-Holder">
<div id="Content-Left">
<h3>Submenu</h3>
<a href="#" class="submenu">Submenu</a> <a href="#"
class="submenu">Submenu</a> <a href="#" class="submenu">Submenu</a> <a href="#"
class="submenu">Submenu</a> <a href="#" class="submenu">Submenu</a> <a href="#"
class="submenu">Submenu</a> <a href="#" class="submenu">Submenu</a>
<p>Integer nulla nulla, vulputate ac, mattis a, laoreet nec, dolor.
Pellentesque commodo, quam ut dapibus varius, ante turpis rhoncus lacus, a iaculis
dui sem et lectus. In hac habitasse platea dictumst. Nullam fermentum blandit nisi.
Mauris ac libero. Proin sagittis. <a href="#">Quisque ornare nulla vitae
tellus.</a> <br />
<br />
Login:<br />
<input name="textfield" type="text" class="textinput" size="23" />
<br />
Pass:<br />
<input name="textfield" type="text" class="textinput" size="23" />
<br />
<input type="button" class="button" value=" Login " />
</p>
<img src="images/menu-left-BG-bottom.gif" width="143" height="10"
class="BottomIMG" alt="Loan Detective"/></div>
<div id="Content-Right">
<div id="Banner">
<h2>BIG H2 title</h2>
<h3>smaller H3 title is here</h3>
</div>
<h4>Smaller H4 title is here</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vel
quam. In at massa quis leo pretium mattis. Aliquam orci leo, tempus a, ultricies
vitae, aliquet ac, sapien. Fusce quis est. In posuere varius tellus. Mauris magna
tortor, mollis nec, euismod id, scelerisque sed, erat. Donec mollis consequat odio.
Aliquam ligula. Pellentesque tristique aliquet orci. Vivamus purus urna,
pellentesque sit amet, ornare id, congue mattis, quam. Phasellus eleifend, lacus at
iaculis placerat, nisl velit adipiscing enim, at gravida odio lacus id enim. Donec
lascinia sagittis felis. Sed eu orci. Integer et diam. Donec aliquet auctor dolor.
Nullam rhoncus, urna at mattis ultrices, est metus malesuada arcu, vitae pulvinar
diam felis id metus. Sed eu quam et sapien blandit aliquet.</p>
<div class="MarketMessage1">Class aptent taciti sociosqu ad litora torquent
per conubia nostra</div>
<div id="ThreeSlopes">
<div id="SlopeOne">
<h4>Lorem ipsum dolor sit amet</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vel
quam. In at massa quis leo pretium mattis. Aliquam orci leo, tempus a, ultricies
vitae, aliquet ac, sapien.</p>
<p><img src="images/e03.gif" alt="Story Title" width="16" height="9" />
<a href="#">read more</a></p>
<img src="images/slope-bottom.gif" alt="Lorem ipsum dolor sit amet"
width="180" height="9" /></div>
<div id="SlopeTwo">
<h4>Lorem ipsum dolor sit amet</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vel
quam. In at massa quis leo pretium mattis. Aliquam orci leo, tempus a, ultricies
vitae, aliquet ac, sapien.</p>
<p><img src="images/e03.gif" alt="Story Title" width="16" height="9" />
<a href="#">read more</a></p>
<img src="images/slope-bottom.gif" alt="Lorem ipsum dolor sit amet"
width="180" height="9" /></div>
<div id="SlopeThree">
<h4>Lorem ipsum dolor sit amet</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vel
quam. In at massa quis leo pretium mattis. Aliquam orci leo, tempus a, ultricies
vitae, aliquet ac, sapien.</p>
<p><img src="images/e03.gif" alt="Story Title" width="16" height="9" />
<a href="#">read more</a></p>
<img src="images/slope-bottom.gif" alt="Lorem ipsum dolor sit amet"
width="180" height="9" /></div>
</div>
</div>
<div id="Footer">
<p>Copyright 2003-2006 © <a href="http://www.empire-
elements.co.uk/">Professional web design services</a> by Empire Elements All rights
reserved | <a href="http://validator.w3.org/check?uri=referer">Validation
service</a></p>
</div>
</div>
</div>
</body>
</html>
<!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" lang="en" xml:lang="en">
<head>
<title>Route 66</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<!-- ##### BEGIN LAYOUT ##### -->
<div id="container">
<!-- ##### BEGIN header-##### -->
<div id="header">
<h1>Route 66</h1>
</div>
<!-- ##### END header-##### -->
<div id="wrapper">
<div id="content">
<div id="maintext">
<!-- ##### BEGIN CONTENT ##### -->
<span class="pagename">Home</span> <br />
<span class="headline">Welcome!</span>
<blockquote>Freedom is just another word, for nothing left to lose!
</blockquote>
<p>"Route 66" is a free template with CSS and XHTML 1.0 transitional
validation created by Wolfram Fiedler.</p>
It comes with easy to follow steps in how to create a:
<ul>
<li><a href="cms.html">Simple CMS</a></li>
<li><a href="contact.html">Contact Form</a></li>
<li><a href="gallery.html">Photo Gallery</a></li>
<li><a href="rss.html">RSS Feeds</a></li>
</ul>
with <a href="#">PHP</a>!
<p>This template is licensed under the <a
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution
License</a>.</p>
<p>Feel free to use the template, but don't remove the <strong>Design
by</strong> link at the bottom and respect my work as well as the author's work of
the PHP scripts I used in the tutorials. Please keep the Copyright notices
intact.</p>
<p>Don't hesitate to contact me here, if you need help with my Designs.</p>
<p>Visit from time to time <a href="#">Open Designs</a> (TODC) for my
latest releases of website Designs and support this Community, wherever you can
(Donations etc.).</p>
<p><strong>Thanks in advance!</strong></p>
<!-- ##### END CONTENT ##### -->
</div>
</div>
</div>
<!-- ##### BEGIN LEFT COLUMN ##### -->
<div id="leftcolumn">
<!-- ##### BEGIN NAVIGATION ##### -->
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="cms.html">A Simple CMS</a></li>
<li><a href="contact.html">Contact Form</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="rss.html">RSS feed</a></li>
<li><a href="template.html">Page Template</a></li>
</ul>
<!-- ##### END NAVIGATION ##### -->
<div class="infobox">
<h4>News</h4>
<!-- ##### BEGIN NEWS ##### -->
HTML, short for Hypertext Markup Language, is the predominant markup language
for the creation of web pages. It provides a means to describe the structure of
text-based information in a document - by denoting certain text as headings,
paragraphs, lists, and so on - and to supplement that text with interactive forms,
embedded images, and other objects.
<p><a href="#">Read more...</a></p>
<!-- ##### END NEWS ##### -->
</div>
</div>
<!-- ##### END LEFT COLUMN ##### -->
<!-- ##### BEGIN FOOTER ##### -->
<div id="footer"> © Copyright 2007 by Your Name | Design by <a
href="http://www.wfiedler-online.de">wfiedler</a> </div>
<!-- ##### END FOOTER ##### -->
</div>
<!-- ##### END LAYOUT ##### -->
</body>
</html>
<!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>
<title>*RUBY*</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="wrap">
<div id="masthead">
<h1>Your Site Name</h1>
<h2><a href="#">homepage</a> | <a href="#">contact</a> </h2>
</div>
<div id="menucontainer">
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#" class="current">Services</a></li>
<li><a href="#">Our Work</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
<div id="container">
<div id="sidebar">
<h3>Sidebar</h3>
<img src="images/rose.jpg" alt="" />
<h3>Archives</h3>
<ul>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
</ul>
<p>Mauris ultricies neque nec augue. Aenean vehicula. Ut dictum. Vivamus
placerat diam nec velit. Suspendisse ornare. Ut viverra. Mauris sagittis nisl sed
ante.</p>
<div id="navcontainer">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">OPEN DESIGNS</a></li>
<li><a href="#">ANDREAS VIKLUND</a></li>
<li><a href="#">JAMES KOSTER</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">LISTAMATIC</a></li>
<li><a href="#">LAYOUTGALA</a></li>
<li><a href="#">BLUEROBOT</a></li>
</ul>
</div>
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> <img src="images/search.gif" alt="search" />
:search</label>
</span> <span>
<input type="text" value="demo only" name="txtsearch" title="Text input:
search" id="txtsearch" size="25" />
</span> </div>
</fieldset>
</form>
</div>
<div id="content">
<h3>Welcome to <span style="color:#000;">Ruby</span> Template</h3>
<p>Mauris ultricies neque nec augue. Aenean vehicula. Ut dictum. Vivamus
placerat diam nec velit. Suspendisse ornare. Ut viverra. Mauris sagittis nisl sed
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. </p>
<p>Mauris ultricies neque nec augue. Aenean vehicula. Ut dictum. Vivamus
placerat diam nec velit. Suspendisse ornare. Ut viverra. Mauris sagittis nisl sed
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Suspendisse
est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Vivamus placerat metus eu urna. Etiam dictum. Aliquam eu dui eu
ante euismod tristique. Donec posuere augue varius mi. Nunc erat ligula, ultrices
eu, ultrices sed, sodales ut, magna. Mauris ultricies neque nec augue. </p>
<blockquote>This template has been tested in Mozilla Firefox and IE7. The
page validates as XHTML 1.0 Transitional using valid CSS. It will work in browser
widths of 800x600, 1024x768 & 1280x1064. The images used in this template are
courtesy of <a href="http://www.sxc.hu/" title="free images">stock xchng</a>. The
top navigation menu is from <a href="http://www.13styles.com/" title="free CSS
menus">13 Styles</a> and has been amended to suit this template. For more FREE CSS
templates visit <a href="http://www.mitchinson.net">my website</a>.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse in
odio et nibh volutpat eleifend. Donec rutrum, risus sed auctor malesuada, augue
felis placerat neque, vel vestibulum odio erat eget felis. Phasellus id mauris eu
urna sagittis posuere. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Mauris elementum elit et ipsum. Cras ornare
magna eu felis. Morbi convallis. Nunc fermentum, odio sed ornare ultricies, urna
odio egestas sem, vel scelerisque nisi neque vitae lectus. Proin dolor. Vestibulum
condimentum urna dignissim arcu. Nullam interdum. Proin lacinia, magna ut
scelerisque facilisis, augue sem tempor purus, consequat suscipit tellus ligula et
justo. Nam magna. Donec magna sapien, aliquam non, egestas eu, hendrerit nec, quam.
Donec commodo auctor lectus. Suspendisse rhoncus. Proin tincidunt euismod nisi.
Cras nibh ante, ultrices non, placerat quis, placerat id, est. Suspendisse sed quam
volutpat lacus faucibus venenatis.</p>
</div>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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="cs" lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>RubyX</title>
<link rel="stylesheet" media="screen,projection" type="text/css"
href="css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="css/aural.css" />
</head>
<body id="www-url-cz">
<div id="main" class="box">
<div id="header">
<h1 id="logo"><a href="#">Ruby<strong>X</strong><span></span></a></h1>
<hr class="noscreen" />
<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a
href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr />
</div>
<div id="search" class="noprint">
<form action="#" method="get">
<fieldset>
<legend>Search</legend>
<label><span class="noscreen">Find:</span> <span id="search-input-out">
<input type="text" name="" id="search-input" size="30" />
</span></label>
<input type="image" src="design/search_submit.gif" id="search-submit"
value="OK" />
</fieldset>
</form>
</div>
</div>
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3>
<ul class="box">
<li><a href="#">Home<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li id="active"><a href="#">Weblog<span class="tab-l"></span><span
class="tab-r"></span></a></li>
<li><a href="#">About Me<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Photos<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Portfolio<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Contact<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Links<span class="tab-l"></span><span class="tab-
r"></span></a></li>
</ul>
<hr class="noscreen" />
</div>
<div id="page" class="box">
<div id="page-in" class="box">
<div id="strip" class="box noprint">
<p id="rss"><strong>RSS:</strong> <a href="#">articles</a> / <a
href="#">comments</a></p>
<hr class="noscreen" />
<p id="breadcrumbs">You are here: <a href="#">Home</a> > <a
href="#">Category</a> > <strong>Page</strong></p>
<hr class="noscreen" />
</div>
<div id="content">
<div class="article">
<h2><span><a href="#">This is my best article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
<div class="article">
<h2><span><a href="#">This is my third article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
<div class="article">
<h2><span><a href="#">This is my second article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
<div class="article">
<h2><span><a href="#">This is my first article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
</div>
<div id="col" class="noprint">
<div id="col-in">
<h3><span><a href="#">About Me</a></span></h3>
<div id="about-me">
<p><img src="design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" />
<strong>Jane Doe</strong><br />
Age: 26<br />
Dallas, TX<br />
<a href="#">Profile on MySpace</a></p>
</div>
<hr class="noscreen" />
<h3 ><span>Category</span></h3>
<ul id="category">
<li id="category-active"><a href="#">Selected category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
</ul>
<hr class="noscreen" />
<h3><span>Archive</span></h3>
<ul id="archive">
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li id="archive-active"><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
<hr class="noscreen" />
<h3><span>Links</span></h3>
<ul id="links">
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
</ul>
<hr class="noscreen" />
</div>
</div>
</div>
</div>
<div id="footer">
<div id="top" class="noprint">
<p><span class="noscreen">Back on top</span> <a href="#header" title="Back on
top ^">^<span></span></a></p>
</div>
<hr class="noscreen" />
<p id="createdby">created by <a href="http://www.nuvio.cz">Nuvio |
Webdesign</a> </p>
<p id="copyright">© 2007 <a href="#">My Name</a> | RubyX by <a
href="http://www.kendahlin.com/">Ken Dahlin</a> based entirely on <a
href="#">CrystalX</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Sahara</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="default.css" />
</head>
<body>
<div id="outer">
<div id="outer2">
<div id="header">
<h1>Sahara</h1>
<h2>Free CSS Template</h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="column1">
<h3>Lorem ipsum dolor</h3>
<p><strong>Sahara</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Etiam odio mi, suscipit et, rhoncus ac, lacinia malesuada, nisl. Aliquam
gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros imperdiet eros
interdum blandit. Vivamus sagittis bibendum erat. Curabitur malesuada turpis nec
ante. Suspendisse quis felis. Suspendisse potenti. Nullam et orci in erat viverra
ornare. Nunc pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis
purus. Quisque pellentesque semper massa. Phasellus hendrerit. Vivamus consequat
mauris quis nulla. Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci.</p>
<h3>Sit amet nullam</h3>
<p>Suspendisse vehicula. Phasellus luctus vulputate neque. Curabitur ut
urna id turpis faucibus mattis. Pellentesque aliquet imperdiet orci. Nunc ultricies
fermentum libero. Sed consequat augue vitae mi. Vivamus hendrerit, augue et
molestie tristique, dolor ligula pretium tortor, id aliquet arcu lorem quis nisl.
Curabitur elementum. Phasellus nunc quam, accumsan vitae, consequat a, sagittis a,
velit. Aliquam porta tellus eget lorem.</p>
</div>
<div id="column2">
<h3>Nullam veroeros</h3>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Sed in augue et</a></li>
<li><a href="#">Duis nec dui sed</a></li>
<li><a href="#">Morbi ullamcorper</a></li>
<li><a href="#">Praesent ultricies</a></li>
<li><a href="#">Sed nonummy ante</a></li>
<li><a href="#">Curabitur rhoncus</a></li>
<li><a href="#">Veroeros vitae</a></li>
</ul>
<h3>Ipsum sed tempus</h3>
<ul>
<li><a href="#">Veroeros vitae</a></li>
<li><a href="#">Nulla at enim</a></li>
<li><a href="#">Donec tincidunt</a></li>
<li><a href="#">Sed nonummy ante</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2005 Sitename.com. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>Salt and Soap</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"> </div>
<div id="border">
<div id="main">
<div id="left">
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Lotions & Creams</a></li>
<li><a href="#">Bath Salts</a></li>
<li><a href="#">Shampoo & Shower Gel</a></li>
<li><a href="#">Bubble Bath</a></li>
<li><a href="#">Gift Baskets</a></li>
<li><a href="#">Lip Balms & Candle</a></li>
<li><a href="#">Tarts Bath</a></li>
<li><a href="#">Teas & Gel Candles</a></li>
<li><a href="#">Fragrance List</a></li>
<li><a href="#">Pets</a></li>
<li><a href="#">Recipes</a></li>
<li><a href="#">Favorite Links</a></li>
<li><a href="#">Information Board</a></li>
<li><a href="#">Whats New</a></li>
<li><a href="#">Order Form</a></li>
<li class="lastchild"><a href="#">Terms & Policies</a></li>
</ul>
</div>
<div id="menubottom">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div id="right">
<div class="content">
<h3>Welcome</h3>
<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. Don't want your boss to know you used a free website
template ;) .</p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom.</p>
</div>
<div class="product">
<h3>Products</h3>
<a href="#"><img src="images/product1.gif" alt="product" /></a> <a
href="#"><img src="images/product2.gif" alt="product" /></a> <a href="#"><img
src="images/product3.gif" alt="product" /></a> <a href="#"><img
src="images/product4.gif" alt="product" /></a> <a href="#"><img
src="images/product5.gif" alt="product" /></a> <a href="#"><img
src="images/product6.gif" alt="product" /></a> <a href="#"><img
src="images/product7.gif" alt="product" /></a> <a href="#"><img
src="images/product8.gif" alt="product" /></a>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div id="copyright"> <span>© Copyright Salt and Soap.com, 2006.<br />
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></span> </div>
<div id="payment"><img src="images/paypal.gif" alt="paypal" /></div>
</div>
<div id="footerend"></div>
</div>
</body>
</html>
<!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" >
<head>
<title>Sand</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="holder">
<div id="header">
<div id="wrapper"> <span id="one">Homepage Name</span> <span id="two">Slogan or
something!</span> </div>
</div>
<div id="menu"> <a href="#">Home</a> <a href="#">Blog</a> <a href="#">Files</a>
<a href="#">Templates</a> <a href="#">Contact form</a> </div>
<div id="content">
<h1>I Welcome Thee, O' Great Earthling!</h1>
<p>This design was probably downloaded at <acronym title="OSWD: Open Source Web
Designs (dot org)">www.oswd.org</acronym>.<br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit <a href="#">a link</a> in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="indent"><i>The first line, in this paragraph, has an indent.</i> To
take advantage of this method of displaying text, just add this: "<p
class="indent">" instead of "<p>". "<p>" stands for paragraph.
"Class="indent"" gives the first line, of the paragraph, an indent.</p>
<p>Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt.</p>
<h1>A deliciouse header.</h1>
<p>Adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
est.</p>
<p>Elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id.</p>
<p>And so on...</p>
<div id="footer">
<p>Copyright ©</p>
</div>
</div>
<div id="right_pane">
<h5>News</h5>
<p class="date">17.10.86</p>
<p>Today I did my homework <a href="#">and went to bed</a>. Oddly enough, I
wrote this...</p>
<p class="date">17.10.86</p>
<p>Today I did my homework and went to bed. Oddly enough, I wrote this...</p>
<p class="date">17.10.86</p>
<p>Today I did my homework and went to bed. Oddly enough, I wrote this...</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: School Education
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>School Education</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.slidepanel.setup.js"></script>
<!-- Homepage Only Scripts -->
<script type="text/javascript" src="layout/scripts/jquery.cycle.min.js"></script>
<script type="text/javascript">
$(function() {
$('#featured_slide').after('<div id="fsn"><ul id="fs_pagination">').cycle({
timeout: 5000,
fx: 'fade',
pager: '#fs_pagination',
pause: 1,
pauseOnPagerHover: 0
});
});
</script>
<!-- End Homepage Only Scripts -->
</head>
<body>
<div class="wrapper col0">
<div id="topbar">
<div id="slidepanel">
<div class="topbox">
<h2>Nullamlacus dui ipsum</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="topbox">
<h2>Teachers Login Here</h2>
<form action="#" method="post">
<fieldset>
<legend>Teachers Login Form</legend>
<label for="teachername">Username:
<input type="text" name="teachername" id="teachername" value="" />
</label>
<label for="teacherpass">Password:
<input type="password" name="teacherpass" id="teacherpass"
value="" />
</label>
<label for="teacherremember">
<input class="checkbox" type="checkbox" name="teacherremember"
id="teacherremember" checked="checked" />
Remember me</label>
<p>
<input type="submit" name="teacherlogin" id="teacherlogin"
value="Login" />
<input type="reset" name="teacherreset" id="teacherreset"
value="Reset" />
</p>
</fieldset>
</form>
</div>
<div class="topbox last">
<h2>Pupils Login Here</h2>
<form action="#" method="post">
<fieldset>
<legend>Pupils Login Form</legend>
<label for="pupilname">Username:
<input type="text" name="pupilname" id="pupilname" value="" />
</label>
<label for="pupilpass">Password:
<input type="password" name="pupilpass" id="pupilpass" value="" />
</label>
<label for="pupilremember">
<input class="checkbox" type="checkbox" name="pupilremember"
id="pupilremember" checked="checked" />
Remember me</label>
<p>
<input type="submit" name="pupillogin" id="pupillogin"
value="Login" />
<input type="reset" name="pupilreset" id="pupilreset"
value="Reset" />
</p>
</fieldset>
</form>
</div>
<br class="clear" />
</div>
<div id="loginpanel">
<ul>
<li class="left">Log In Here »</li>
<li class="right" id="toggle"><a id="slideit"
href="#slidepanel">Administration</a><a id="closeit" style="display: none;"
href="#slidepanel">Close Panel</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col1">
<div id="header">
<div id="logo">
<h1><a href="index.html">School Education</a></h1>
<p>Free Website Template</p>
</div>
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">Link Text</a></li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="featured_slide">
<div class="featured_box"><a href="#"><img src="images/demo/450x300.gif" alt=""
/></a>
<div class="floater">
<h2>1. Aliquatjusto quisque nam</h2>
<p>Orcimagna rhoncus et a nec antesque sed temportor pellus nibh conseque.
Accumstsemper wisi pretium feugiat non ut eleifendrerisque at et condisse sce.
Iaculumorci congue nam mollis odio id cras orci vestique euisquet at.
Donecconsectetus lacilis ac pellus nam nibh curabitur sed anterdum nectetus adipis.
Pretiummagnisse antes nunc pretium convallis tincidunt non at rutrumt.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</div>
<div class="featured_box"><a href="#"><img src="images/demo/450x300.gif" alt=""
/></a>
<div class="floater">
<h2>2. Aliquatjusto quisque nam</h2>
<p>Duisvest lacus pellus purus temper maurisus et sodalesuada loreet
sapiente et. Quissociis magnisl orci dui nulla ut antesque malesuada sed pede et.
Idlacus ridiculisi nec cursus enim ac tur urnar nunc pellus pellenterdum. Necelisi
aliquat curabiturpiscing semportortor sed et velit convallis quat adipiscing
cursus. Rutrumeget id ipsum et sed maurisuspendimentum auctor siti.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</div>
<div class="featured_box"><a href="#"><img src="images/demo/450x300.gif" alt=""
/></a>
<div class="floater">
<h2>3. Dapiensociis temper donec</h2>
<p>Pharetiumurna habitur et enim pellentesque phasellus aliquam nunc quis
justo nam. Lobortororci dapibulum ac intesquet ut id sed intesque nec alique
congue. Liberoaenec vest maurisus libero pede nisl ligula cursus vitae dis metus.
Aeneanaccumsan orci nasce ac pulvinare enim tor quis antesque cumsan in.
Justomontesque sem ac dolor iaculum dolor orci elit lacus et vestibulum.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</div>
<div class="featured_box"><a href="#"><img src="images/demo/450x300.gif" alt=""
/></a>
<div class="floater">
<h2>4. Dapiensociis temper donec</h2>
<p>Pharetiumurna habitur et enim pellentesque phasellus aliquam nunc quis
justo nam. Lobortororci dapibulum ac intesquet ut id sed intesque nec alique
congue. Liberoaenec vest maurisus libero pede nisl ligula cursus vitae dis metus.
Aeneanaccumsan orci nasce ac pulvinare enim tor quis antesque cumsan in.
Justomontesque sem ac dolor iaculum dolor orci elit lacus et vestibulum.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</div>
<div class="featured_box"><a href="#"><img src="images/demo/450x300.gif" alt=""
/></a>
<div class="floater">
<h2>5. Nullain convallis ris elis</h2>
<p>Nullamcorpervivamus nisl in sed adipit donec feugiat lor vel velit
volutpat. Wisihabitur diculisi ac curabitur cursuspendreris sociis sed eger ipsum
condisse laculis. Curabiturid non eu curabitae nibh por nullamcorper at nibh elis
fring. Vestnibh congue praesenenatis justo et maecenasceleifend senterdum malesuada
at dolor amet. Turisristibulum curabitae eros leo at interd.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="homecontent">
<div class="fl_left">
<div class="column2">
<ul>
<li>
<h2>Lipsum</h2>
<div class="imgholder"><img src="images/demo/240x130.gif" alt=""
/></div>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Lipsum</h2>
<div class="imgholder"><img src="images/demo/240x130.gif" alt=""
/></div>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
<div class="column2">
<h2>About This Free CSS Template !</h2>
<img class="imgl" src="images/demo/imgl.gif" alt="" />
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer. For more CSS templates visit <a
href="http://www.os-templates.com/">Free Website Templates</a>.</p>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa.</p>
<p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
</div>
</div>
<div class="fl_right">
<h2>Latest From The School Blog</h2>
<ul>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/80x80.gif"
alt="" /></a></div>
<p><strong><a href="#">Atnatis dolor tincidunt nulla</a></strong></p>
<p>Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci
dolorem. Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor
natis loreet.</p>
</li>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/80x80.gif"
alt="" /></a></div>
<p><strong><a href="#">Atnatis dolor tincidunt nulla</a></strong></p>
<p>Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci
dolorem. Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor
natis loreet.</p>
</li>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/80x80.gif"
alt="" /></a></div>
<p><strong><a href="#">Atnatis dolor tincidunt nulla</a></strong></p>
<p>Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci
dolorem. Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor
natis loreet.</p>
</li>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/80x80.gif"
alt="" /></a></div>
<p><strong><a href="#">Atnatis dolor tincidunt nulla</a></strong></p>
<p>Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci
dolorem. Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor
natis loreet.</p>
</li>
<li class="last">
<div class="imgholder"><a href="#"><img src="images/demo/80x80.gif"
alt="" /></a></div>
<p><strong><a href="#">Atnatis dolor tincidunt nulla</a></strong></p>
<p>Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci
dolorem. Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor
natis loreet.</p>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="footer">
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Scotchmark</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<div id="content-wrap">
<div class="top-content3">
<h1>Scotchmark</h1>
</div>
<div class="top-content3"> <img src="images/cross.gif" alt="" /> <img
src="images/cross.gif" alt="" /> <img src="images/cross.gif" alt="" /> <img
src="images/cross.gif" alt="" /> <img src="images/cross.gif" alt="" /> </div>
<div class="top-content3">
<form method="post" action="#">
<p>Search:
<input type="text" class="text" />
</p>
</form>
</div>
<img id="divider" src="images/grass.gif" alt="" />
<div id="leftcol">
<ul id="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h3>Scotchmark</h3>
<p>Hello, and welcome to Scotchmark, my latest contribution to the open source
community. Hopefully
you can find some use for this design, or maybe just use it as some kind of
inspiration.</p>
<p>With Scotchmark, I'm aiming for a more minimalistic template so that it can
be easily changed to
suit any type of site. The template is a fixed width, tight design with
emphasis on a grid-like
structure and lots of borders.</p>
<h3>Top Bar</h3>
<p>In order to provide better modifibility, the bar at the top of the layout is
able to be broken into
one, two, or three pieces (as shown) in a matter of seconds. The bar is made
out of div classes, and by
changing the number of classes, and the name of the class, you can change how
many segments there are.</p>
<p>For example, the bar as shown has three top-content3 classes. To change it
in to two segments, take
out one of the classes and change the others to top-content2.</p>
<h3>Accessibility</h3>
<p>As per usual, Scotchmark rigorously adheres to web standards. The code is
valid Xhtml Strict and CSS 2.0.
The layout has been tested in Internet Explorer, Firefox, Safari, and Camino,
and will work in all common
screen resolutions. It will also function sans-images or css.</p>
<h3>Styled Elements</h3>
<p>This section showcases elements that are already styled in the Css. For
example, text can be <strong>strengthened</strong>, or <em>emphasized</em>, and <a
href="#">text links</a> can get
you where you need to go.</p>
<ul>
<li>Unordered lists</li>
<li>Various headings</li>
<li>Blockquotes</li>
<li>Basic Forms</li>
</ul>
<h3>Heading Style 1</h3>
<br />
<h4>Heading Style 2</h4>
<h5>Heading Style 3</h5>
<blockquote>
<p>Design is not superficial vanity, it's better communication.</p>
<p><cite>- Greg Storey</cite></p>
</blockquote>
</div>
<!-- End Leftcol -->
<div id="rightcol">
<h4>Photography</h4>
<img class="border" src="images/sample.jpg" alt="" />
<h4>Login</h4>
<form method="post" action="#">
<dl>
<dt>Email Address:</dt>
<dd>
<input type="text" class="text" />
</dd>
<dt>Password:</dt>
<dd>
<input type="text" class="text" />
</dd>
<dt>
<input type="submit" value="Login" class="button" />
</dt>
</dl>
</form>
<h4>Shameless Self Promotion</h4>
<p>I work as a freelance web designer, so if you're looking for somebody to
work with on a site design,
corporate identity, or other project, drop me a line.
Email through OWD, OSWD, or directly.</p>
</div>
<p id="footer">Copyright © 2006 Your Name. Design by <a
href="mailto:kmcannon@te

8;us.net">Kevin Cannon</a><br />
Made on a Mac</p>
</div>
</body>
</html>
<!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">
<head>
<title>Sea Breeze</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1></h1>
</div>
<div id="title">
<p>Sea Breeze Template</p>
</div>
<div id="leftcol">
<h2>Navigate</h2>
<p> Welcome to your two column right sided layout. </p>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
<ul>
<li>Lorem ipsum dolor sit amet.</li>
<li>Mauris consectetuer congue ante.</li>
<li>Sed pulvinar consectetuer risus.</li>
<li>Maecenas placerat laoreet nisi.</li>
<li>Donec faucibus ligula non purus.</li>
</ul>
</div>
<div id="content">
<h2>Welcome</h2>
<p><em>All images were created by me so feel free to use them if you wish. The
page has been tested in Mozilla and IE6/7. The page validates as XHTML 1.0
Transitional using valid CSS. This is a <a href="#">link</a> to nowhere. For more
templates visit my website.</em></p>
<p> Fusce lorem. Suspendisse sit amet lectus. Nam laoreet, diam vel consequat
consequat, eros nunc consectetuer libero, non elementum urna dui sed wisi.
Phasellus vitae sapien. Nunc vestibulum malesuada dolor. Phasellus commodo neque
nec purus. Praesent nec wisi id augue pulvinar ultrices. Ut malesuada, orci eget
bibendum varius, sem ligula ultricies urna, at pharetra justo elit in diam.
Vestibulum sit amet felis. In velit. Aenean sagittis pede vitae sem. In hac
habitasse platea dictumst. Sed eleifend molestie est. Phasellus enim est, facilisis
vel, placerat facilisis, ultricies sit amet, erat. Nullam sit amet velit et wisi
dignissim placerat. Phasellus non lorem nec nunc aliquam lobortis. Nullam nec
lectus. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nec nibh
in massa pellentesque scelerisque. Nullam in odio. Curabitur accumsan aliquet leo.
Sed id nibh. Sed tempor. Integer ultricies. Morbi tempor urna eu ligula. Quisque
nec diam. Aliquam imperdiet purus congue metus sodales imperdiet. Maecenas
faucibus, ipsum eu pulvinar laoreet, dolor lacus tincidunt sapien, vel hendrerit
magna nisl vel risus. Aliquam placerat, nibh eu vehicula molestie, quam ligula
auctor felis, a luctus purus orci non quam. </p>
</div>
<div id="footer">
<p><a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a></p>
</div>
</div>
</body>
</html>
<!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>Baron's Blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Baron's Blog</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="colOne">
<div class="post">
<h2 class="title">Welcome to Baron's Blog!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><img src="images/img4.jpg" alt="" width="470" height="140" /></p>
<p><em><strong>Baron's Blog</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An unordered list:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
</ul>
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Sed eu diam. Vivamus nonummy elit et odio. Fusce risus quam,
scelerisque sed, pharetra ut, pharetra id, ante”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<h2><span>Search</span></h2>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2><span>Archives</span></h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2><span>Categories</span></h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2><span>Blogroll</span></h2>
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2><span>Meta</span></h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Baron's Blog. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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" lang="en">
<head>
<title>*SHADES of GREY*</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#"><img src="images/blank.png" alt="" /></a> Your <span style="font-
weight:bold; color:#73868C;">Company</span> Name</h1>
</div>
<div id="container">
<div id="navcontainer">
<ul id="nav">
<li id="nav-1"><a href="#">Home</a></li>
<li id="nav-2"><a href="#">About</a></li>
<li id="nav-3"><a href="#">Portfolio</a></li>
<li id="nav-4"><a href="#">Contact</a></li>
</ul>
</div>
<div id="contentleft">
<h1>Welcome to <span style="font-weight:bold; color:#C4DA64;">Shades of
Grey</span> Template</h1>
<p><img class="imgleft" src="images/info.png" alt="" /><strong> This template
has been tested in Mozilla Firefox and IE7. The page validates as XHTML 1.0
Transitional using valid CSS. It will work in browser widths of 800x600, 1024x768
& 1280x1064. The images used in this template are courtesy of <a
href="http://www.sxc.hu/" title="free images">stock xchng</a>. The top navigation
menu is from <a href="http://www.snook.ca/archives/html_and_css/improved_bullet/"
title="Article:Bulletproof Slants">Article:Bulletproof Slants</a> & the icons
are from <a href="http://www.MouseRunner.com" title="free resources"> Mouse
Runner</a>.</strong></p>
<p><strong><em>For more FREE CSS templates visit <a
href="http://www.mitchinson.net">my website</a>.</em></strong></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque libero
orci, interdum id, tempus a, gravida sed, odio. In tincidunt, turpis eu dignissim
malesuada, urna massa tincidunt sem, a pharetra turpis nisi sit amet ante. Donec
accumsan, diam nec nonummy fringilla, magna quam sollicitudin tellus, quis
dignissim lorem dolor non dolor. Fusce vitae arcu. Duis sodales rutrum quam. Aenean
nisi. Nullam vel justo sit amet tortor ullamcorper tempor. Praesent fermentum,
massa ac tincidunt semper, massa elit malesuada ipsum, euismod commodo tortor arcu
iaculis metus. Etiam hendrerit libero eu ante. Cras elit lectus, adipiscing a,
sollicitudin eget, varius non, ipsum. Praesent ac massa. Duis pellentesque.
Maecenas sit amet risus in purus scelerisque molestie. Sed posuere ullamcorper
velit.</p>
<p>Nullam pulvinar sagittis nisl. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Morbi luctus eros eu eros.
Duis blandit nonummy risus. Pellentesque et nisl in quam ultrices ultricies. Proin
egestas, massa ac consectetuer imperdiet, nibh elit ultricies turpis, at consequat
eros nibh vitae felis. In blandit. In sit amet orci quis tellus hendrerit tempus.
Donec porttitor massa id nulla. Nunc sem metus, dapibus id, hendrerit vitae, auctor
nec, risus.</p>
</div>
<div id="contentright">
<h2>Header</h2>
<ul>
<li><a href="#"><img src="images/home.png" alt="homepage" /></a></li>
<li><a href="#"><img src="images/magnifier.png" alt="search" /></a></li>
<li><a href="#"><img src="images/mail.png" alt="contact" /></a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque libero
orci, interdum id, tempus a, gravida sed, odio. Maecenas sit amet risus in purus
scelerisque molestie. <a href="#"> Read more</a> » </p>
</div>
</div>
<div id="footer">
<div id="bottom">
<div class="col3center">
<h1>Web Resources</h1>
<div class="navlist">
<ul>
<li><a href="#">Open Designs</a></li>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">CSS Drive</a></li>
</ul>
</div>
</div>
<div class="col3">
<h1>Links</h1>
<div class="navlist">
<ul>
<li><a href="#">BBC News Frontpage</a></li>
<li><a href="#">Hartlepool Today</a></li>
<li><a href="#">SV Horizons Travelblog</a></li>
</ul>
</div>
</div>
<div class="col3">
<h1>More Links</h1>
<div class="navlist">
<ul>
<li><a href="#">Dynamic Drive CSS Library</a></li>
<li><a href="#">Listamatic</a></li>
<li><a href="#">CSS Play</a></li>
</ul>
</div>
</div>
<a href="#">homepage</a> | <a href="mailto:[email protected]">contact</a> |
© 2007 Anyone | Design by <a href="http://www.mitchinson.net">
www.mitchinson.net</a> | Licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>Silence and Harmony</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" title="Style" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Silence and Harmony</h1>
</div>
<div id="menu">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="main_content">
<h2>About this template </h2>
<p><img src="images/demo_image.jpg" alt="Template" width="80" height="80"
class="float_left" /> I kindly ask you to not remove the footer link if you have a
free version of this template. The thumbnail to the left is only a demo image.
Tested in the latest versions of FF, IE and Opera with perfect results. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Aenean vitae dolor. Cras luctus
dignissim metus. Nullam tristique. Suspendisse at risus. Nullam quam arcu, rutrum
eu, hendrerit quis, placerat eget, nisl. Suspendisse id metus vitae justo convallis
ullamcorper. Suspendisse in diam. Etiam ligula. Donec mattis tempus tellus. Morbi
ut ipsum. Fusce luctus. Praesent mauris justo, ultricies non, tincidunt ac, pretium
quis, pede. Nam porta molestie magna. Phasellus elementum aliquet neque. Vivamus
sem sem, iaculis eget, convallis eu, vulputate vel, leo. Phasellus venenatis
placerat libero.</p>
<h2>Heading 2 </h2>
<p>Vestibulum aliquet condimentum magna. Proin eget magna vitae dui semper
tempor. Quisque vehicula, nisl ac vehicula malesuada, ipsum lectus laoreet odio, at
pulvinar nibh enim a velit. Nunc rhoncus sodales urna. Cras ante tellus, vehicula
ut, varius non, congue vitae, metus. Sed nulla lectus, cursus nec, mollis nec,
convallis a, eros. Nam nec nisl sagittis urna faucibus ullamcorper. Nulla facilisi.
Maecenas quis tellus. Proin vestibulum mollis lectus. Nullam blandit. Sed mattis
nibh quis odio tincidunt tincidunt. Phasellus vel erat ut quam lobortis ornare.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Vivamus interdum lorem ut justo. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos hymenaeos. Phasellus ut sem ac nisi
sollicitudin faucibus. Donec a dolor.</p>
<h2>Another heading </h2>
<p>Fusce id enim non nisl vulputate eleifend. Aenean dui. Pellentesque rhoncus
sagittis risus. Ut vulputate nulla. Nunc rutrum, massa vitae accumsan semper, est
velit accumsan orci, sed ullamcorper elit urna vitae massa. Proin nulla sem, mollis
sed, bibendum ornare, adipiscing posuere, justo. Donec luctus metus sed leo. Ut in
sem. Nam suscipit, erat id molestie ultricies, velit lacus consequat neque, sit
amet aliquam ipsum sem a nibh. Aliquam neque arcu, dictum ut, consectetuer id,
adipiscing et, velit. Sed molestie. Pellentesque in diam.</p>
<p>Ut vestibulum blandit dui. Quisque sed nunc eu elit congue iaculis. Fusce
porttitor, dolor in rutrum feugiat, felis justo ultrices elit, at cursus quam nulla
et lectus. Vestibulum nunc. Vestibulum magna. In hac habitasse platea dictumst.
Donec cursus leo. Quisque arcu massa, suscipit a, suscipit nec, venenatis eget,
dui. Mauris metus. Suspendisse quis metus quis leo mollis laoreet. Ut lorem turpis,
auctor nec, tempus sed, elementum quis, sapien. </p>
<div id="footer">Created by Dieter Schneider 2006 | <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a> </div>
</div>
</div>
</body>
</html>
<!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>
<title>Silverglow</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="holder">
<div class="top_curve"></div>
<div class="left_shade1"></div>
<div class="center_content">
<div class="header">
<div style="float:left"><img src="images/logo.gif" alt="" width="37"
height="36" align="left" />
<h1 style="padding-top:5px;">YourNameHere.com</h1>
</div>
<div class="navigation"><a href="#" class="nav">home</a> | <a href="#"
class="nav">about</a> | <a href="#" class="nav">services</a> |<a href="#"
class="nav"> contact</a></div>
</div>
<div class="focus_block">
<div class="block_left"></div>
<div class="block_right">YOUR SLOGAN HERE</div>
<br clear="all" />
</div>
<div class="left_content">
<h4>Heading - in H4 </h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus
nibh. Aenean risus elit, elementum feugiat, placerat eu, aliquam pellentesque,
turpis. </p>
<h4>Heading - in H4 </h4>
<br />
Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet nonummy,
turpis risus tempor massa, ac dictum tellus urna consequat nibh.<br />
<br />
<h4>Heading - in H4 </h4>
<br />
Fusce consectetuer blandit eros. Donec quis nisi et nulla elementum porta.
Maecenas elementum pede. Ut facilisis tempor libero. Maecenas blandit, tellus nec
laoreet nonummy, turpis risus tempor massa, ac dictum tellus urna consequat nibh.
</div>
<div class="right_content">
<h1>Welcome to Silver Glow </h1>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus
nibh. Aenean risus elit, elementum feugiat, cerat eu, aliquam pellentesque,
turpis. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet nonummy,
turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede.</p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus
nibh. Aenean risus elit, elementum feugiat, placerat eu, aliquam pellentesque,
turpis. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet nonummy,
turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede.</p>
<div class="hr"></div>
<h2>Article Title
In H2 </h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus
nibh. Aenean risus elit, elementum feugiat, placerat eu, aliquam pellentesque,
turpis. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet nonummy,
turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet
nonummy, turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede.</p>
</div>
</div>
<div class="right_shade1"></div>
<br clear="all" />
</div>
<div class="bottom_curve"></div>
<div class="footer">©2006 Your Name Inc. |
<!-- PLEASE DONT REMOVE AND GIVE THE AUTHOR CREDIT -->
Designed by: <a href="http://www.health-tags.org/">Health Tags</a>
<!-- THANK YOU -->
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Simolio
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Simolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div id="logo">
<h1><a href="index.html">Simolio</a></h1>
<p>Free Website Template</p>
</div>
<div id="banner"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
</div>
<div class="wrapper col2">
<div id="topbar">
<div id="search">
<ul>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li class="last">Mail: [email protected]</li>
</ul>
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
<input type="submit" name="go" id="go" value="GO" />
</fieldset>
</form>
</div>
<div id="topnav">
<ul>
<li><a class="active" href="index.html">Homepage</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="pages/style-demo.html">Style Demo</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li class="last"><a href="#">Our Services</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col3">
<div id="gallery">
<h1>{ Latest Projects }</h1>
<ul>
<li><a href="#"><img src="images/demo/300x160.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/300x160.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/300x160.gif" alt=""
/></a></li>
<li><a href="#"><img src="images/demo/300x160.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/300x160.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/300x160.gif" alt=""
/></a></li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col4">
<div id="container">
<div id="content">
<h2>{ About This Free CSS Template }</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor
mauris. Wisinon vivamus wisis adipis laorem lobortis curabiturpiscingilla dui
platea ipsum lacingilla.</p>
<p>Semalique tor sempus vestibulum libero nibh pretium eget eu elit montes.
Sedsemporttis sit intesque felit quis elis et cursuspenatibulum tincidunt non
curabitae.</p>
</div>
<div id="column">
<div class="flickrbox">
<h2 class="title">{ Flickr }</h2>
<ul>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
</ul>
<br class="clear" />
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col5">
<div id="footer">
<div class="footbox">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Further Information !</h2>
<ul>
<li><a href="#">Business Terms & Conditions »</a></li>
<li><a href="#">Disability Philosophy »</a></li>
<li class="last"><a href="#">Contact Our Company »</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Company Details !</h2>
<address>
Company Name<br />
Street Name & Number<br />
Town<br />
Postcode/Zip<br />
</address>
Tel: xxxxx xxxxxxxxxx
<!-- -->
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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" lang="en" xml:lang="en">
<head>
<title>Simple Elegance 03</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<a name="top"></a>
<div id="header">Simple Elegance 03</div>
<ul id="navtop">
<li><a href="#">Home</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
<div id="maincontainer">
<div id="contentwrapper">
<div id="contentcolumn">
<h1>Headline (h1, h2, h3)</h1>
<img class="imgleft" src="images/image.gif" width="112" height="112"
alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur
massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam
nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In
risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin
tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet massa.
<p> <img src="images/more.gif" width="9" height="9" alt="Read more!" /> <a
href="#">Read more...</a> </p>
<p> <img class="imgright" src="images/image.gif" width="112" height="112"
alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur
massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam
nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In
risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin
tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet massa. </p>
<div class="hr">
<hr />
</div>
<h4>Gallery (h4, h5, h6)</h4>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa.
<p> <a href="#"><img class="gallery" src="images/image.gif" width="112"
height="112" alt="" /></a> <a href="#"><img class="gallery" src="images/image.gif"
width="112" height="112" alt="" /></a> <a href="#"><img class="gallery"
src="images/image.gif" width="112" height="112" alt="" /></a> <a href="#"><img
class="gallery" src="images/image.gif" width="112" height="112" alt="" /></a> <a
href="#"><img class="gallery_right_img" src="images/image.gif" width="112"
height="112" alt="" /></a> </p>
<div class="hr">
<hr />
</div>
<h4>List</h4>
<ul id="list">
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
<li>Item four</li>
<li>Item five</li>
</ul>
<h4>Color Scheme</h4>
<p> <img src="images/colors.gif" width="300" height="100" alt="Colors" />
</p>
<div class="hr">
<hr />
</div>
<h4>Form</h4>
<form id="myform" class="form" action="#">
<p>
<label for="user">Name</label>
<input class="input" type="text" id="user" value="" />
</p>
<p>
<label for="email">E-mail:</label>
<input class="input" type="text" id="email" value="" />
</p>
<p>
<label for="message">Message:</label>
<textarea id="message" rows="5" cols="25"></textarea>
</p>
<div id="submit">
<input class="submitbutton" type="submit" value="Submit Message" />
<input class="submitbutton" type="reset" value="Clear Form" />
</div>
</form>
</div>
<div class="hr">
<hr />
</div>
<h4>Weblinks</h4>
<div id="columns">
<div id="leftcolumn">
<ul class="navbottom">
<li><a href="#">Open Designs</a></li>
<li><a href="#">CSS Library</a></li>
<li><a href="#">CSSplay</a></li>
<li><a href="#">Listamatic</a></li>
<li><a href="#">stock.xchng</a></li>
</ul>
</div>
<div id="rightcolumn">
<ul class="navbottom">
<li><a href="#">netrenderer</a></li>
<li><a href="#">BrowsrCamp</a></li>
<li><a href="#">Web Developer's Handbook</a></li>
<li><a href="#">500+ Colours</a></li>
<li><a href="#">Wikipedia</a></li>
</ul>
</div>
</div>
</div>
<div id="footer"> All contents © Copyright 2007 <a href="#">Your
Sitename</a><br />
Sponsored by <a href="http://opendesigns.org/">Open Designs</a><br />
Design by wfiedler<br />
<a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0
Transitional</a>
<p align="right"><a href="#top">top ´|`</a></p>
</div>
</div>
</body>
</html>
<!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>Simple Life</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/html.css" media="screen,
projection, tv " />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="screen,
projection, tv" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<!-- Conditional comment to apply opacity fix for IE #content background.
Invalid CSS, but can be removed without harming Design -->
<!--[if gt IE 5]>
<link rel="stylesheet" type="text/css" href="css/ie.css" media="screen,
projection, tv " />
<![endif]-->
</head>
<body>
<!-- #wrapper: centers the content and sets the width -->
<div id="wrapper">
<!-- #content: applies the white, dropshadow background -->
<div id="content">
<!-- #header: holds site title and subtitle -->
<div id="header">
<h1><span class="big darkBrown">S</span>imple <span class="big
darkBrown">L</span>ife</h1>
<h2><span class="highlight">Because sometimes you don't need a
sidebar</span></h2>
</div>
<!-- #menu: topbar menu of the site. Use the helper classes .two, .three,
.four and .five to set
the widths for 2, 3, 4 and 5 item menus. -->
<ul id="menu" class="four">
<li><a href="#" class="here"><span class="big">I</span>ntro</a></li>
<li><a href="coding.html"><span class="big">C</span>oding</a></li>
<li><a href="styles.html"><span class="big">S</span>tyles</a></li>
<li><a href="#"><span class="big">C</span>ontact</a></li>
</ul>
<!-- #page: holds all page content, as well as footer -->
<div id="page">
<h1>Introduction</h1>
<p> <a href="#"><img src="img/photos/tn_stream.jpg" alt="Adirondack Stream"
class="floatLeft"/></a> A simple, XHTML 1.0 tableless template without a default
sidebar. You can add one if you want using the custom CSS <a href="#">width
classes</a>, but sometimes, all you really need is one column. </p>
<p> The template displays properly in all the usual browsers, with an added
filter hack to get .png opacity working in IE. If you look in the html source near
the top, you'll see a <acronym title="A way to control how IE reads
code">conditional comment</acronym> that loads a style sheet for IE 5.0 and up.
You can get rid of this, and everything will still work, except you'll loose the
purty content dropshadow. </p>
<ul>
<li><b>Gecko</b> <i>deeee</i>licious</li>
<li><b>Opera</b> like hotdogs</li>
<li><b>Safari</b> wouldn't say no to 2nds</li>
<li><b>Internet Explorer</b> it tastes like burning...</li>
</ul>
<p> <a href="#"><img src="img/photos/tn_inside.jpg" alt="Inside Alice's
Cabin" class="floatRight"/></a> Total image size of this template comes in just
under the new 60kb limit of <acronym title="Open Web Design">OWD</acronym>, so
enjoy. It's nice to have a little more wiggle room with the templates. Maybe next
we could work on getting Javascript? </p>
<p> This Design started out as the promo site for a friend's cottage. If
you're curious about the original, check out <a href="#">Alice's Cabin</a>. </p>
<!-- .footer: the site footer text, links and whatever else -->
<p class="footer"> Design by <a href="http://fullahead.org">FullAhead</a>.
Valid CSS & XHTML with no rights reserved. </p>
</div>
</div>
</div>
</body>
</html>
<!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>Simple White</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<ul id="navigation">
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">domain</a></li>
<li><a href="#">visitor</a></li>
<li><a href="#">extras</a></li>
</ul>
<div id="content">
<h1>Lorem Ipsum Title</h1>
<h2>some text here</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus
pellentesque neque sit amet tellus. In imperdiet gravida ante. Pellentesque eget
leo. Nulla at ligula sed est pharetra tempor. Cras euismod. Maecenas lectus nisi,
nonummy dapibus, sagittis aliquet, vulputate a, sem. Donec tempus pharetra odio.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Curabitur et est et dolor pharetra mattis. Sed orci. Aenean sodales
dolor ac libero. Ut ipsum velit, pharetra id, feugiat quis, accumsan at, ante. Sed
erat mi, vestibulum at, fringilla non, cursus sed, pede. Cras at velit sit amet
diam dictum sollicitudin.</p>
<p>Praesent neque leo, laoreet fermentum, molestie id, nonummy at, ligula. <a
href="#">Nulla convallis felis interdum nisl</a>. Phasellus arcu est, rhoncus
mattis, ultricies in, rutrum ut, diam. Maecenas suscipit lacinia turpis. Aenean
commodo. Fusce tincidunt, velit ut sodales adipiscing, orci massa aliquet metus, et
convallis felis dolor nonummy felis. Integer sit amet elit. Aliquam erat volutpat.
Cras ut ligula in felis fermentum congue. Nam vel nisi nec sem molestie mattis.
Cras a velit at quam laoreet accumsan. Integer fermentum. Duis scelerisque tellus
eu risus. Nulla facilisi. Nunc ultricies nunc facilisis ipsum condimentum posuere.
Cras auctor.</p>
<p>Nunc lacinia nisi. Quisque non lorem. Cras fermentum feugiat tellus. Cras
condimentum, dolor quis tristique posuere, nulla mauris pellentesque neque, et
pretium dolor lacus eu enim. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Duis sit amet sem ut nulla feugiat imperdiet. Etiam id magna sed nunc
vestibulum pulvinar. Proin a arcu. Nam consequat. Praesent fringilla suscipit
justo.</p>
<p>Unordered list:</p>
<ul>
<li>Donec volutpat ligula id nisi.</li>
<li>Quisque hendrerit condimentum justo.</li>
<li>Nullam bibendum suscipit leo.</li>
<li>Sed vestibulum felis et libero.</li>
</ul>
<p>An image:</p>
<img src="sample.jpg" alt="" />
<p>A quote:</p>
<blockquote>
<p>Nam at odio. Phasellus tristique. Phasellus nulla odio, malesuada id,
egestas id, venenatis a, massa. Cras eget tortor sed mauris sollicitudin mattis.
Aliquam adipiscing ultrices pede. Praesent luctus, diam in semper sodales, tellus
elit luctus diam, cursus mattis metus metus scelerisque metus. Ut quis nisl.
Integer nisi. Mauris euismod interdum elit. Sed ultrices turpis quis nunc. Sed
odio. Nam venenatis metus sed neque. Morbi faucibus. Morbi lacus. Duis vel
tortor.</p>
</blockquote>
<div id="footer"><img src="footer.jpg" alt="" /></div>
</div>
</div>
</body>
</html>
<!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>SimpleBlog</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/SimpleBlog.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo">Simple<span class="gray">Blog</span></h1>
<h2 id="slogan">Put your site slogan here...</h2>
<div id="searchform">
<form method="post" class="search" action="#">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" type="submit" value="search" />
</p>
</form>
</div>
</div>
<div id="menu">
<ul>
<li id="current"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Archives</span></a></li>
<li><a href="#"><span>Downloads</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Support</span></a></li>
<li><a href="#"><span>About</span></a></li>
</ul>
</div>
<div id="content-wrap">
<div id="sidebar">
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"Be not afraid of life. Believe that life is worth living, and your
belief will help create the fact." </p>
<p class="align-right">- William James</p>
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the donate link on my website - it
will be a great help and will surely be appreciated.</p>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>SimpleBlog 1.0</strong> is a free, W3C-compliant, CSS-based
website template by <strong>styleshout.com</strong>. This work is distributed under
the <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to my website in your
credits.</p>
<p>For more free designs, you can visit my website to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Oct 01,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>example of</li>
<li>ordered list</li>
</ol>
<ul>
<li>example of</li>
<li>unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="#"><img src="images/firefox-gray.jpg" width="100" height="120"
alt="firefox" class="float-left" /></a> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt,
orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus
leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac
blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque.
Curabitur vel urna. In tristique orci porttitor ipsum. Aliquam ornare diam iaculis
nibh. Proin luctus, velit pulvinar ullamcorper nonummy, mauris enim eleifend urna,
congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
<div id="footer">
<p> © 2006 <strong>Your Company</strong> Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid: <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<a href="#">Home</a> |
<a href="#">Sitemap</a> | <a href="#">Home</a> </p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Simplex</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="main">
<div id="topmenu"> <a href="#">Home</a><a href="#">products</a><a
href="#">services</a><a href="#">support</a><a href="#">about us</a> </div>
<div id="header"> <span class="title">sim<span
class="darktitle">plex</span></span><br/>
</div>
<div id="content">
<div id="breadcrumb"> <a href="#">Home</a> > <a href="#">products</a> >
<a href="#">one</a> </div>
<div id="block"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Proin eu est ut mi ornare placerat. Suspendisse felis odio, elementum non, blandit
vel, auctor eget, nunc. Fusce convallis dignissim odio. Phasellus commodo egestas
felis. Praesent eu sem at mi tempus egestas. Donec mollis. Morbi in lectus id magna
dictum eleifend. </div>
<h3>Heading area</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin eu est ut mi
ornare placerat. Suspendisse felis odio, elementum non, blandit vel, auctor eget,
nunc. Fusce convallis dignissim odio. Phasellus commodo egestas felis. Praesent eu
sem at mi tempus egestas. Donec mollis. Morbi in lectus id magna dictum eleifend.
Morbi vel diam quis sapien sollicitudin lacinia. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus. In consequat facilisis
turpis. Proin erat dui, dictum nec, tincidunt nec, pharetra nec, tellus. Curabitur
facilisis, nulla a tincidunt gravida, leo pede porttitor odio, ac adipiscing felis
leo sit amet justo. Nunc egestas sodales sem. Duis ac mauris eu enim scelerisque
mattis.
Vivamus tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ipsum nibh, nonummy
sit amet, gravida et, ultrices at, wisi. Pellentesque iaculis auctor risus. Nullam
mauris. Etiam pede tortor, auctor at, aliquet sit amet, hendrerit.
<h3>Heading area</h3>
Vivamus tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ipsum nibh, nonummy
sit amet, gravida et, ultrices at, wisi. Pellentesque iaculis auctor risus. Vivamus
tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Vivamus tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ipsum nibh, nonummy
sit amet, gravida et, ultrices at, wisi. Pellentesque iaculis auctor risus. Nullam
mauris. Etiam pede tortor, auctor at, aliquet sit amet, hendrerit.
<h3>Heading areal</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin eu est ut mi
ornare placerat. Suspendisse felis odio, elementum non, blandit vel, auctor eget,
nunc. Fusce convallis dignissim odio. Phasellus commodo egestas felis. Praesent eu
sem at mi tempus egestas. Donec mollis. Morbi in lectus id magna dictum eleifend.
Morbi vel diam quis sapien sollicitudin lacinia. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus. In consequat facilisis
turpis. Proin erat dui, dictum nec, tincidunt nec, pharetra nec, tellus. Curabitur
facilisis, nulla a tincidunt gravida, leo pede porttitor odio, ac adipiscing felis
leo sit amet justo. Nunc egestas sodales sem. Duis ac mauris eu enim scelerisque
mattis.
Vivamus tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ipsum nibh, nonummy
sit amet, gravida et, ultrices at, wisi. Pellentesque iaculis auctor risus. Nullam
mauris. Etiam pede tortor, auctor at, aliquet sit amet, hendrerit.
<h3>Heading area</h3>
Vivamus tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ipsum nibh, nonummy
sit amet, gravida et, ultrices at, wisi. Pellentesque iaculis auctor risus. Vivamus
tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Vivamus tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ipsum nibh, nonummy
sit amet, gravida et, ultrices at, wisi. Pellentesque iaculis auctor risus. Nullam
mauris. Etiam pede tortor, auctor at, aliquet sit amet, hendrerit.
<h3>Heading areal</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin eu est ut mi
ornare placerat. Suspendisse felis odio, elementum non, blandit vel, auctor eget,
nunc. Fusce convallis dignissim odio. Phasellus commodo egestas felis. Praesent eu
sem at mi tempus egestas. Donec mollis. Morbi in lectus id magna dictum eleifend.
Morbi vel diam quis sapien sollicitudin lacinia. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus. In consequat facilisis
turpis. Proin erat dui, dictum nec, tincidunt nec, pharetra nec, tellus. Curabitur
facilisis, nulla a tincidunt gravida, leo pede porttitor odio, ac adipiscing felis
leo sit amet justo. Nunc egestas sodales sem. Duis ac mauris eu enim scelerisque
mattis.
Vivamus tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ipsum nibhs, nonummy
sit amet, gravida et, ultrices at, wisi. Pellentesque iaculis auctor risus. Nullam
mauris. Etiam pede tortor, auctor at, aliquet sit amet, hendrerit.
<h3>Heading area</h3>
Vivamus tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ipsum nibh, nonummy
sit amet, gravida et, ultrices at, wisi. Pellentesque iaculis auctor risus. Vivamus
tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Vivamus tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ipsum nibh, nonummy
sit amet, gravida et, ultrices at, wisi. Pellentesque iaculis auctor risus. Nullam
mauris. Etiam pede tortor, auctor at, aliquet sit amet, hendrerit.
<h3>Heading area</h3>
Vivamus tortor neque, ultricies vel, dignissim nec, porttitor pulvinar, wisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ipsum ni
<div id="footer"> © 2005 Your Company. All rights reserved. </div>
</div>
<div id="lefty">
<div id="menu"> <a href="#">News Archive</a> <a href="#">Press Release</a> <a
href="#">Disclaimer</a> <a href="#">Privacy Policy</a> </div>
<p> A representative business story or maybe some testimonials could go inside
this block. </p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">
<head>
<title>Simplicity two-point-oh!</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">
@import "layout/simplicity_two_point_oh.css";
</style>
<!--[if lte IE 6]>
<style type="text/css" media="all">
@import "layout/ie6_diff.css";
</style>
<![endif]-->
<!--[if gt IE 6]>
<style type="text/css" media="all">
@import "layout/ie7_diff.css";
</style>
<![endif]-->
</head>
<body>
<div id="window">
<div id="container">
<div class="navigation">
<ul>
<!-- The link you call "active" will show up as a darker tab -->
<li><a href="#">Home</a></li>
<li><a href="#">a growing need</a></li>
<li class="active"><span>to bring Simplicity</span></li>
<li><a href="#">out of the</a></li>
<li><a href="#">dark ages</a></li>
</ul>
</div>
<div class="main">
<div class="outer-prettification">
<div class="inner-prettification">
<div class="header">
<h1 class="title"> <a href="#">Simplicity two-point-oh!</a></h1>
</div>
<div class="contents">
<p>Created at a time when designs around the internet were usually
devoid of images, my earlier theme has served me surprisingly well over these past
few years. Though it seemed rather spiffy when I first unveiled it, trends in web-
site design have evolved over this time; and with rounded-corners, soft drop-
shadows and splashes of colour being all-the-rage these days, it had begun to look
a little long in the tooth.</p>
<p>Feeling a little left out, I set out to spruce it up and I present
to you the fruits of my labour: <em>“Simplicity two-point-oh!”</em> I
believe it captures the essence of the older theme, sprinkled with a dash of
modernity. I hope you enjoy it as much as I enjoyed creating it. (Which,
admittedly, was not very much.)</p>
<div class="comment"> <img src="example_images/some_icon_dark.png"
alt="" /> To do: Put a note somewhere around here explaining that this is entirely
Free Software. Don’t fail to convey that anyone is free to download and use
this design, examine and learn from it, modify it to suit their needs, and
distribute it to other people, as long as they entitle others these same freedoms.
</div>
<h2>Some background</h2>
<p>The <em>Simplicity</em> series of designs (a grand total of two
designs, at last count) is the template I use to style my personal web-site.
Wanting something simple and easy to maintain, the design was conceived to fufil
that need on my initially text-heavy web-site. It has been consistently refined as
my needs have evolved with time.</p>
<div class="showcase">
<h2>Important news deserves to be highlighted!</h2>
<a href="#"><img src="example_images/some_thumbnail.png" alt=""
/></a> <a href="#"><img src="example_images/some_thumbnail.png" alt="" /></a> <img
src="example_images/some_thumbnail.png" alt="" /></div>
<p>The mark-up is semantic, ensuring a strict separation of content and
style, and uses valid XHTML 1.1 and CSS 2. This current incarnation is influenced
by sites I frequent— Planet GNOME and Digg —and in order to illustrate
the use of shiny, colourful icons, I’ve used an icon from the Tango Icon
Project, released under a Creative Commons license. I believe these icons go well
with the design and I recommend you use them too.</p>
<h2>The new Simplicity—a little less simple</h2>
<p><img class="right" src="example_images/some_thumbnail.png" alt=""
/>The purpose of this discourse, if it hasn’t dawned upon you yet, is to
introduce you to some of the elements you can use with this design, while hopefully
keeping you entertained. I believe it’s a lot more fun than resorting to
“Lorem ipsum dolor sit amet, consectetuer adipiscing elit …” as
arbitrary filler text. Isn’t it?</p>
<p>Images, like the one on the right just-above, can be positioned
anywhere you want them to be. Large, central images can be subtly bordered. This is
mostly useful for photographs, and the image below is a pretend example of
this.</p>
<img class="centered-photo" src="example_images/some_image.png"
alt="" />
<p class="caption">Isn’t that a wonderful shade of blue?</p>
<p>What’s the use of unbordered, centered images you say? Why,
equations, of course!</p>
<img class="centered" src="example_images/some_equation.png" alt="" />
<p class="caption">Everything, including equations, can have
captions.</p>
<p>For an even more geek-oriented web-site, a useful style might be the
<em>console</em> style, which is rather useful for depicting command-line
interaction and anything else of that nature.</p>
<div class="console"> Device Boot Start End
Blocks Id System
/dev/sda1p1 ? 120513 235786 925929529+ 68 Unknown
Partition 1 does not end on cylinder boundary.
/dev/sda1p2 ? 82801 116350 269488144 79 Unknown
Partition 2 does not end on cylinder boundary.
/dev/sda1p3 ? 33551 120595 699181456 53 OnTrack
Partition 3 does not end on cylinder boundary.
/dev/sda1p4 ? 86812 86813 10668+ 49
Unknown</div>
<p class="caption">See? I quite enjoy my caption too.</p>
<p>For a less geek-oriented web-site, such as one aiming to showcase a
ton cool pictures, <em>gallery</em> would be a more interesting style. Using this
in tandem with one of the many AJAXY special-effects libraries, such as <a
href="http://www.huddletogether.com/projects/lightbox2/">LightBox</a>, leads to
wonderful results. Just try it!</p>
<div class="gallery"> <a href="#"><img class="thumbnail-photo"
src="example_images/some_thumbnail.png" alt="" /></a> <a href="#"><img
class="thumbnail-photo" src="example_images/some_thumbnail.png" alt="" /></a> <a
href="#"><img class="thumbnail-photo" src="example_images/some_thumbnail.png"
alt="" /></a> <a href="#"><img class="thumbnail-photo"
src="example_images/some_thumbnail.png" alt="" /></a> <a href="#"><img
class="thumbnail-photo" src="example_images/some_thumbnail.png" alt="" /></a> <a
href="#"><img class="thumbnail-photo" src="example_images/some_thumbnail.png"
alt="" /></a> <a href="#"><img class="thumbnail-photo"
src="example_images/some_thumbnail.png" alt="" /></a> <a href="#"><img
class="thumbnail-photo" src="example_images/some_thumbnail.png" alt="" /></a> <a
href="#"><img class="thumbnail-photo" src="example_images/some_thumbnail.png"
alt="" /></a> <a href="#"><img class="thumbnail-photo"
src="example_images/some_thumbnail.png" alt="" /></a> <a href="#"><img
class="thumbnail-photo" src="example_images/some_thumbnail.png" alt="" /></a> <a
href="#"><img class="thumbnail-photo" src="example_images/some_thumbnail.png"
alt="" /></a> </div>
<h2>Extensive coverage</h2>
<p>While paragraphs and console windows can disseminate a lot of
information, there are times when they just aren’t sufficient. But no need to
fear, <em>Simplicity</em> can do a lot more.</p>
<h3>Different sorts of lists, for instance</h3>
<ul>
<li>This is a bland list. This is a bland list. This is a bland list.
This is a bland list. This is a bland list. This is a bland list. This is a bland
list. This is a bland list. This is a bland list. This is a bland list. This is a
bland list.</li>
<li>This is a bland list. This is a bland list. This is a bland list.
This is a bland list. This is a bland list. This is a bland list. This is a bland
list. This is a bland list. This is a bland list. This is a bland list. This is a
bland list.</li>
<li>This is a bland list. This is a bland list. This is a bland list.
This is a bland list. This is a bland list. This is a bland list. This is a bland
list. This is a bland list. This is a bland list. This is a bland list. This is a
bland list.</li>
</ul>
<ol>
<li>This is a fancy list. This is a fancy list. This is a fancy list.
This is a fancy list. This is a fancy list. This is a fancy list. This is a fancy
list. This is a fancy list. This is a fancy list. This is a fancy list. This is a
fancy list.</li>
<li><a href="#"><img src="example_images/some_icon.png" alt=""
/></a>This is a fancy list. This is a fancy list. This is a fancy list. This is a
fancy list. This is a fancy list. This is a fancy list. This is a fancy list. This
is a fancy list. This is a fancy list. This is a fancy list. This is a fancy list.
And it even has an image!</li>
<li>This is a fancy list. This is a fancy list. This is a fancy list.
This is a fancy list. This is a fancy list. This is a fancy list. This is a fancy
list. This is a fancy list. This is a fancy list. This is a fancy list. This is a
fancy list.</li>
</ol>
<h3>Or perhaps, the venerable table?</h3>
<table class="statistics">
<tr>
<td> <a href="#">Microsoft Windows XP SP2</a></td>
<td>Firefox 2</td>
<td>Internet Exporer 6/7</td>
</tr>
<tr>
<td> <a href="#">Red Hat Enterprise Linux 5</a></td>
<td>Firefox 1.5</td>
<td>Konqueror 3.5</td>
</tr>
<tr>
<td> <a href="#">Apple Mac OS X 10.4.9</a></td>
<td>Camino 1</td>
<td>Safari 2</td>
</tr>
</table>
<p class="caption">Browsers and platforms this design has been tested
on.</p>
<h2>In conclusion</h2>
<p>Like I started-off saying, this is entirely Free Software and
you’re free to use it in whatever you please, as long as you allow others to
do so as well. I don’t require that you link-back to my web-site, or credit
me with the design, but I would like to request that you let me know if you like
this design and plan to use it. Over these past few years, I’ve received
perhaps a dozen e-mails from happy people telling me how much they liked my
previous design, and excitedly showed-off what they’ve done with it. Each and
every one of these have brought a smile to my face.</p>
<p>Wouldn't you like to be responsible for your very own?</p>
<div class="contact"> Your name: Could Go Here <br />
Electronic mail: <em>[email protected]</em> <a href="#"><img
src="example_images/some_icon.png" alt="" /></a> <br />
Web-site: <a href="#"><em>http://yoursite.org/</em></a> <br />
Telephone number: <em>+1 (555) 333–1234</em> <br />
Snail mail:
<div class="address"> 88 MPH, No Roads Way <br />
Delorean, BF — 12345–6789 </div>
</div>
<p>I can’t believe you made it this far. Excellent job, and thank
you. I’ll shut up now, run along and start working on your own site!</p>
</div>
<div class="footer">
<p> <a href="#">v2.0.0 © HN MMVII</a></p>
<!-- You can do whatever you like here -->
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Baseline
Version : 1.0
Released : 20070730
Description: A three-column, fixed-width template ideal for 1024x768 resolution.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Baseline by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Baseline</a></h1>
<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
<div id="search">
<form method="get" action="">
<fieldset>
<input id="searchinput" type="text" name="searchinput" value="" />
<input id="searchsubmit" type="submit" value="Search" />
</fieldset>
</form>
</div>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#"><b>Home</b></a></li>
<li><a href="#"><b>Blogs</b></a></li>
<li><a href="#"><b>Forums</b></a></li>
<li><a href="#"><b>About</b></a></li>
<li><a href="#"><b>Contact</b></a></li>
</ul>
</div>
<div id="page">
<div id="content">
<div id="feature" class="box-orange">
<h2 class="section"><b>Feature Article</b></h2>
<div class="content"> <img src="images/img12.jpg" alt="" width="160"
height="160" class="right" />
<h1>Welcome to Our Website!</h1>
<p class="byline"><small>By John Doe</small></p>
<p>Baseline is a free template from Free CSS Templates released under a
Creative Commons Attribution 2.5 License. The photo is from PDPhoto.org. You"re
free to use it for both commercial or personal use. I only ask that you link back
to my site in some way. Enjoy :)</p>
<p><a href="#"><strong>Get more free CSS templates…</strong></a></p>
</div>
</div>
<div class="two-cols">
<div class="box-blue col-one">
<h2 class="section"><b>Lorem Ipsum Dolor</b></h2>
<div class="content">
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna
congue rutrum. Dolor dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh lorem ipsum dolor sit amet.</p>
<p> Augue praesent a lacus at urna congue rutrum. Dolor dictum integer
nisl risus. <a href="#">Read more…</a></p>
</div>
</div>
<div class="box-pink col-two">
<h2 class="section"><b>Pellentesque Quis</b></h2>
<div class="content">
<ul class="list">
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Vestibulum luctus venenatis</a></li>
<li><a href="#">Etiam malesuada rutrum enim</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elit vitae augue</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum enim</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Sed quis odio sagittis leo</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="sidebar" class="two-cols">
<div class="col-one">
<div class="box-blue">
<h2 class="section"><b>Categories</b></h2>
<div class="content">
<ul>
<li>
<h3><a href="#">Pede vel arcu</a></h3>
<ul>
<li><a href="#">Aliquet pretium</a></li>
<li><a href="#">Pellentesque qui</a></li>
<li><a href="#">Integer sit amet</a></li>
<li><a href="#">Elit non gravida</a></li>
<li><a href="#">Blandit </a><a href="#">lorem ipsum</a></li>
<li><a href="#">Dolor sit amet</a></li>
</ul>
</li>
<li>
<h3><a href="#">Adipiscing elit</a></h3>
<ul>
<li><a href="#">Nec erat sit amet</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Risus pellentesque</a></li>
<li><a href="#">Maecenas vitae orci</a></li>
<li><a href="#">Vitae tellus feugiat</a></li>
<li><a href="#">Etiam ac tortor eu</a></li>
</ul>
</li>
<li>
<h3><a href="#">Metus euismod</a></h3>
<ul>
<li><a href="#">Duis non ante in</a></li>
<li><a href="#">Commodo euismod</a></li>
<li><a href="#">Nec erat sit amet</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Risus pellentesque</a></li>
<li><a href="#">Maecenas vitae orci</a></li>
<li><a href="#">Vitae tellus eleifend</a></li>
<li><a href="#">Etiam ac tortor eu</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="col-two">
<div class="box-pink">
<h2 class="section"><b>Sponsors</b></h2>
<div class="content"><a href="#"><img src="images/img20.jpg" alt=""
width="160" height="600" /></a></div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Simpletex. All Rights Reserved | Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
</body>
</html>
<!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">
<head>
<title>SimplyAwesome</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen,projection"
href="screen.css" />
<!--[if lt ie 7]>
<link rel="stylesheet" type="text/css" media="screen,projection"
href="ie-win.css" />
<![endif]-->
</head>
<body id="bhome">
<div id="container">
<div id="header">
<h1><a href="#">SimplyAwesome</a></h1>
<h2>brain.save(universe.fetch(everything_interesting));</h2>
</div>
<div id="navigation">
<ul>
<li id="home"><a href="#">Home</a></li>
<li id="about"><a href="#">About Us</a></li>
<li id="contact"><a href="#">Contact Us</a></li>
<li id="blog"><a href="#">Our Blog</a></li>
<li id="news"><a href="#">News</a></li>
</ul>
</div>
<div id="wrapper">
<div id="content-wrapper">
<div id="content">
<h1>This is a Big Heading (As If You Couldn't Tell)</h1>
<p> Feel free to use this template for personal or commercial use. Make any
modifications you want.
Just refrain from selling it to other people. You don't need to attribute
the design to me, but
a name and a <a href="#">link</a> is appreciated.
This page validates as Xhtml 1.0 Strict and Css 2.0 Strict. Acronym
example: the <acronym title="National Security Agency">NSA</acronym> deals with
<code>lots of code</code>. </p>
<h2>This is a Slightly Smaller Heading</h2>
<blockquote>
<p> This is a blockquote. I might need to write a couple more lines for
it to show up properly,
which is why I'm rambling on. I guess I could have used the Lorem Ipsum
generator, but it's
not very interesting to read, is it? I think this should be enough for
you to get the idea. </p>
</blockquote>
<h4>A Definition List</h4>
<dl>
<dt> <a href="#">Why is the square root of 2 irrational?</a> </dt>
<dd> [...] The Greeks discovered that the diagonal of a square whose
sides are 1 unit long has a diagonal
whose length cannot be rational. By the Pythagorean Theorem, the length
of the diagonal equals the
square root of 2. So the square root of 2 is irrational! </dd>
<dt class="alt"> <a href="#">Genghis Kahn </a> </dt>
<dd class="alt"> An ugly-looking guy (we can be fairly confident that he
is indeed ugly, because any artist who rendered
his portrait differently would have been presumably summarily
executed). But if you insist on reading a
more boring biography of him, go ahead and click the link. </dd>
</dl>
</div>
</div>
<div id="sidebar-wrapper">
<div id="sidebar">
<div class="searchBox">
<form action="#" method="post" id="searchForm">
<p>
<input type="text" size="20" id="keywords" />
<input type="submit" id="search" value="Search" />
</p>
</form>
</div>
<h2>Here's the Heading Again</h2>
<ul>
<li>This</li>
<li>is</li>
<li>an unordered</li>
<li>list.</li>
</ul>
<h2>And Yet Another Heading</h2>
<ol>
<li>Whereas</li>
<li>this</li>
<li>is</li>
<li>an ordered</li>
<li>list.</li>
</ol>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</div>
</div>
</div>
<div id="footer">
<p> Copyright © 1162 – 1227 Genghis Kahn and company. All rights
reserved |
Destroying countries at people's expense since 1206 | Recently finished
conquering <a href="http://validator.w3.org/check/referer">Xhtml</a> and <a
href="http://jigsaw.w3.org/css-validator/check/referer?
warning=no&profile=css2">Css</a> </p>
</div>
</div>
</body>
</html>
<!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>SimplyFluid</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>simplyfluid</h1>
<h2>Free CSS Template </h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2>Welcome to Sitename.com!</h2>
<p>SIMPLYFLUID is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="right">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>SimplyPink</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>SimplyPink</h1>
<h2>Free CSS Template</h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2>Welcome to Sitename.com!</h2>
<p>SIMPLYPINK is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="right">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>Simply Plain</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="pagewrapper">
<div id="page">
<div id="header">
<h1><span class="bcol">Simply</span>Plain 1.0</h1>
<h2>My Place Online</h2>
</div>
<div id="topnav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="main">
<div id="body">
<h2>The Template</h2>
<p>SimplyPlain 1.0 contains only 5 main divisions - page, header, topnav,
main, body, left; The page is the main container of the page which is responsible
for the page to be center. Also it holds the attribute for the width of the
page.</p>
<p>This template is also Search Engine Optimised with content first and
navigaion next...feel free to view the source code. </p>
<p>This template is tested in IE 6.x, Opera 9.01, Netscape 8. This template
looks exactly the same in Internet Explorer, Opera, Netscape Browsers.</p>
<p>You can view the <a href="index-alt.html">Alternate Layout</a>
[Navigation-Right, Content-Left] </p>
<h2>I Love Simplicity </h2>
<p>The reason mainly develop web templates is because i love Art and
desiging involves art.</p>
<p>I belive that simplicity is tha way of life. I like things to be simple
yet elegent and beautiful. Beauty lies in simplicity.</p>
<p>This template is designed keeping simplicity in mind. Simply Plain as
the name suggests it is very plain, simple and yet elegant. This template is the
second one in my Simply series of templates the first one being SimplyGreen.</p>
<p>The SimplyPlain v2 will be out shortly. </p>
<p>For more templates and my other stuff visit KalyanChakravarthy.net </p>
<h2>The Rights</h2>
<p>This template is Open Source. Which means that you can use this template
in any way you want to use, do whatever you want at your wills and fancies. I would
appreciate you if the "design by Kalyan" tag linked to <a
href="http://www.kalyanchakravarthy.net">KalyanChakravarthy.net</a> is left alone
and thats your wish. </p>
<h2>Feed Back</h2>
<p> And i would to love to have feedback from you ppl. you can mail me your
suggestions...etc etc . </p>
</div>
<div id="left">
<h2>Hello</h2>
<p>Hi every one. I am <b>Kalyan Chakravarthy</b> a 18yr old designer living
in India. </p>
<p>I am also a budding web developer currently working quiet a number of
websites. </p>
<p>This <a href="#">Simply Plain v1</a> template is/was made completely by
me.</p>
<p></p>
<h2>My WebSites</h2>
<div class="nav">
<ul>
<li><a href="#">KalyanChakravartny.net</a></li>
<li><a href="#">AnytimeSudoku.com</a></li>
<li><a href="#">A2b.in</a></li>
</ul>
</div>
<h2>Navigation</h2>
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">OpenWebDesign.Org</a></li>
</ul>
</div>
<h2>Validation</h2>
<p> Valid <a href="http://validator.w3.org/check?uri=referer">XHTML
Strict</a> | <a href="#">CSS</a> </p>
</div>
<!-- END OF LEFT BAR -->
</div>
<!-- END OF MAIN DIV TAG -->
<div id="footer">Designed by <a href="http://www.kalyanchakravarthy.net">Kalyan
Chakravarthy</a></div>
</div>
</div>
</body>
</html>
<!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>
<title>Ski</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="main">
<div id="header"></div>
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">our tours</a></li>
<li><a href="#">Photo gallery</a></li>
<li><a href="#">community</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">contact us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<div class="post">
<h1>Title goes here</h1>
<span>[05.11.2006]</span>
<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. Don't want your boss to know you used a free website
template ;) .</p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom.</p>
</div>
<div class="post">
<h1>Title goes here</h1>
<span>[04.11.2006]</span>
<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. Don't want your boss to know you used a free website
template ;) .</p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom.</p>
</div>
</div>
<div id="right">
<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. Don't want your boss to know you used a free website template
;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom.</p>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<ul>
<li><a href="#">Home</a></li>
|
<li><a href="#">our tours</a></li>
|
<li><a href="#">Photo gallery</a></li>
|
<li><a href="#">community</a></li>
|
<li><a href="#">about us</a></li>
|
<li><a href="#">contact us</a></li>
</ul>
<span>copyright goes here | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a>/span> </div>
</div>
</body>
</html>
<!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>
<title>Sky High Industry</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="topPan"> <a href="#"><img src="images/logo.gif" alt="" width="245"
height="39" border="0" /></a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Resources</a></li>
</ul>
<h1>More advanced<br />
<span>Fusce auctor, risus nec vulputate consectetuer, metus lorem</span> </h1>
</div>
<div id="mainmiddlePan">
<div id="middlePan">
<div id="middleleftPan">
<h2>About Us</h2>
<p><span class="boldtext">Sky High Industry is a free, tableless, W3C-
compliant web design layout by Template World.</span> This template has been tested
and proven compatible with all major browser environments and operating systems.
You are free to modify the design to suit your tastes in any way you like.</p>
<p>We only ask you to not remove "Design by Template World" and the link
http://www.templateworld.com from the footer of the template.</p>
<p>If you are interested in seeing more of our free web template designs feel
free to visit our website, Template World. We intend to add at least 25 new free
templates in the coming month.</p>
<p class="more"><a href="#">read more</a></p>
</div>
<div id="middlerightPan">
<form id="form1" name="form1" method="post" action="#">
<h2>members login</h2>
<label>Your name:</label>
<input name="Your name" type="text" id="Yourname" />
<label>Password:</label>
<input name="password" type="password" id="Emailid" />
<div id="register"><a href="#">register now</a></div>
<input name="login" type="submit" class="button" value="Login" />
</form>
<p class="online"><a href="#">24x7 hours online support</a></p>
</div>
</div>
</div>
<div id="bottomPan">
<div id="bottommiddlePan">
<div id="bottomleftPan">
<h2>current updates</h2>
<h3>23rd september 2006</h3>
<p><span class="boldtext">sit amet, consectetuer adipiscing elit. Vestibulum
liimperdiet ut, commodo vel,</span> auctor vel,</p>
<p>mi. Etiam orci nulla, aliquet vel, pharetra in, posuere ultrices, sapien.
Proin vel lacus. Integer magna. Cras mi nibh, dapibus sit amet, aliquet ut,
venenatis sed, tortor. Mauris eu leo. Nulla non elit. Fusce ipsum urna, auctor eu,
consequat sodales,</p>
<h4>image</h4>
<p class="more"><a href="#">read more</a></p>
</div>
<div id="bottomrightPan">
<h2>03rd october 2006</h2>
<p><span class="boldtext">sit amet, consectetuer adipiscing elit. Vestibulum
liimperdiet ut, commodo vel,</span> auctor vel,</p>
<p>mi. Etiam orci nulla, aliquet vel, pharetra in, posuere ultrices, sapien.
Proin vel lacus. Integer magna. Cras mi nibh, dapibus sit amet, aliquet ut,
venenatis sed, tortor. Mauris eu leo. Nulla non elit. Fusce ipsum urna, auctor eu,
consequat sodales,</p>
<h3>thingk about it <br />
<span>Tortor. Mauris eu leo. Nulla non</span></h3>
<p class="more"><a href="#">read more</a></p>
</div>
</div>
</div>
<div id="footermainPan">
<div id="footerPan">
<ul>
<li><a href="#">Home</a>|</li>
<li><a href="#">Solution</a> |</li>
<li><a href="#">Partners</a>|</li>
<li><a href="#">Testimonials</a> |</li>
<li><a href="#"> Resources</a></li>
</ul>
<p class="copyright">©skyhigh industry 2006 all right reaserved</p>
<a href="#"><img src="images/footerlogo.jpg" title="Total Touch" alt="Total
Touch" width="248" height="38" border="0" /></a>
<div id="footerPanhtml"><a href="http://validator.w3.org/check?
uri=referer">html</a></div>
<div id="footerPancss"><a href="http://jigsaw.w3.org/css-
validator/check/referer">css</a></div>
<ul class="templateworld">
<li>Design By:</li>
<li><a href="http://www.templateworld.com">Template World</a></li>
</ul>
</div>
</div>
</body>
</html>
<!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>Slave to the Game</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="body_wrapper">
<div id="rightcolumn">
<!-- Start Page Header -->
<div id="page_header">
<h1><span>Slave to the Game</span></h1>
<h3><span>Online Gaming Community</span></h3>
</div>
<!-- End of Page Header -->
<!-- Start of Main Navigation Menu -->
<div id="mainnav">
<ul>
<li id="mainnav_01"><a href="#"><span>Home</span></a></li>
<li id="mainnav_02"><a href="#"><span>Roster</span></a></li>
<li id="mainnav_03"><a href="#"><span>About Us</span></a></li>
<li id="mainnav_04"><a href="#"><span>Matches</span></a></li>
<li id="mainnav_05"><a href="#"><span>Downloads</span></a></li>
<li id="mainnav_06"><a href="#"><span>Servers</span></a></li>
<li id="mainnav_07"><a href="#"><span>Sponsors</span></a></li>
<li id="mainnav_08"><a href="#"><span>Links</span></a></li>
<li id="mainnav_09"><a href="#"><span>Forum</span></a></li>
<li id="mainnav_10"><a href="#"><span>Admin</span></a></li>
<li id="mainnav_11"><a href="#"><span>Members</span></a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Main Navigation Menu -->
<!-- Start of Center Column -->
<div id="centercolumn">
<div id="centercolumn_2">
<!-- Start of News Box 1 -->
<div class="newsbox">
<div class="newsbox_header">
<!-- News Title -->
<h2>F.E.A.R update v1.2</h2>
<!-- News Date -->
<strong>10/31/2005</strong>
<div class="clearthis"> </div>
</div>
<div class="newsbox_content">
<!-- News Text -->
<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. <br />
<br />
If you're having problems editing the template Please don't hesitate
to ask for help on the forum. You will get help as soon as possible. You can also
use the forum to tell us what you like or dislike and what you would like to see
more. <br />
<br />
Your feedback is very important to us and we will do everything to
fulfill your wishes. <br />
<br />
<a href="#">More...</a> </p>
</div>
</div>
<!-- End of News Box 1 -->
<!-- Start of News Box 2 -->
<div class="newsbox">
<div class="newsbox_header">
<!-- News Title -->
<h2>Nvidia Forceware 81.87 Beta Released</h2>
<!-- News Date -->
<strong>10/27/2005</strong>
<div class="clearthis"> </div>
</div>
<div class="newsbox_content">
<!-- News Text -->
<p> Posted By: Drew </p>
<p> Nvidia have released their latest "unofficial official" graphics
drivers - the 81.87 Beta Forceware. The main difference between these and the
recent 81.85 drivers is the addition of optimizations/compatibility fixes for Call
of Duty 2. <br />
<br />
http://www.nzone.com/object/nzone_downloads_winxp_2k_32bit_81.87.html
</p>
</div>
</div>
<!-- End of News Box 2 -->
<!-- Start of News Box 3 -->
<div class="newsbox">
<div class="newsbox_header">
<!-- News Title -->
<h2>Match Tonight</h2>
<!-- News Date -->
<strong>10/25/2005</strong>
<div class="clearthis"> </div>
</div>
<div class="newsbox_content">
<!-- News Text -->
<p> Posted By: Drew </p>
<p> Opponent: 505 Parachute Infantry Regiment <br />
Server: S2tG #2 unless they post otherwise <br />
Map: CoD_UO_carentan <br />
Match Date: Wednesday October 26th @ 9:00 PM EST <br />
S2tG has allies first
Sign up on the calendar </p>
</div>
</div>
<!-- End of News Box 3 -->
<!-- Start of News Box 4 -->
<div class="newsbox">
<div class="newsbox_header">
<!-- News Title -->
<h2>CoD2 Review @IGN</h2>
<!-- News Date -->
<strong>10/25/2005</strong>
<div class="clearthis"> </div>
</div>
<div class="newsbox_content">
<!-- News Text -->
<p> Posted By: Randall </p>
<p> http://pc.ign.com/articles/661/661230p1.html <br />
<br />
8.5 out of 10 because of health management implemetation. </p>
</div>
</div>
<!-- End of News Box 4 -->
<!-- Start of News Box 5 -->
<div class="newsbox">
<div class="newsbox_header">
<!-- News Title -->
<h2>Match Tonight</h2>
<!-- News Date -->
<strong>10/22/2005</strong>
<div class="clearthis"> </div>
</div>
<div class="newsbox_content">
<!-- News Text -->
<p> Posted By: Drew </p>
<p> Opponent: |Terror Squad| <br />
Server: S2tG #2 <br />
Map: arnhem <br />
Match Date: Saturday October 22th @ 9:30 PM EST <br />
S2tG has allies first </p>
</div>
</div>
<!-- End of News Box 5 -->
</div>
</div>
<!-- End of Center Column -->
<!-- Start of Right Sidebar -->
<div id="rightsidebar">
<!-- Start of Team Roster -->
<div id="teamroster">
<div id="teamroster_header">
<h2><span>Team Roster</span></h2>
</div>
<div id="teamroster_content">
<div id="teamroster_categories"> <a href="#">Staff</a> | <a
href="#">Captains</a> </div>
<ul>
<li id="roster_twitch"><a href="#">twitch</a></li>
<li id="roster_rock"><a href="#">rock</a></li>
<li id="roster_badkarma"><a href="#">BadKarma</a></li>
<li id="roster_mostly"><a href="#">mostly</a></li>
<li id="roster_thebowl"><a href="#">TheBowl</a></li>
<li id="roster_doggerz"><a href="#">doggerz</a></li>
<li id="roster_drew"><a href="#">Drew</a></li>
<li id="roster_nogusta"><a href="#">Nogusta</a></li>
</ul>
<div class="clearthis"> </div>
<div class="more_button"> <a href="#"><span>More</span></a> </div>
</div>
</div>
<!-- End of Team Roster -->
<!-- Start of Team Sponsors -->
<div id="teamsponsors">
<h2><span>Team Sponsors</span></h2>
<div id="teamsponsors_content"> <a href="#"><img
src="images/teamsponsors_surrealmedia.jpg" width="186" height="63" alt="Surreal
Media" /></a>
<div class="more_button"> <a href="#"><span>More</span></a> </div>
</div>
</div>
<!-- End of Team Sponsors -->
</div>
<!-- End of Right Sidebar -->
<div class="clearthis"> </div>
</div>
<!-- Start of Left Column -->
<div id="leftcolumn">
<!-- Start of Recent Record -->
<div id="recentrecord">
<h2><span>Recent Record</span></h2>
<ul>
<li>TWL : 105 - 43 - 6</li>
<li>OGL : 101 - 35 - 16</li>
<li>TWL : 105 - 43 - 6</li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Recent Record -->
<!-- Start of Left Sidebar -->
<div id="leftsidebar">
<!-- Start of Latest Matches -->
<div id="latestmatch">
<h2><span>Latest Match</span></h2>
<ul>
<li><a href="#">Home</a></li>
<li>s2tg>Dark|</li>
<li>s2tg>[#tS]</li>
<li>s2tg>WFC</li>
<li>s2tg>sinister</li>
<li>s2tg>|CoL|</li>
<li>s2tg<=3rd=</li>
<li>s2tg<|AAA|</li>
<li>s2tg>=[R.E.C]=</li>
<li>s2tg<|CBW|</li>
<li>s2tg>witw </li>
</ul>
<div class="more_button"> <a href="#"><span>More</span></a> </div>
<div class="clearthis"> </div>
</div>
<!-- End of Latest Matches -->
<!-- Start of Gaming Services -->
<div id="gamingservices">
<h2><span>Gaming Services</span></h2>
<ul>
<li>CoD:UO 205.234.150.42:28960</li>
<li>CoD:UO 205.234.150.42:28961</li>
<li>Teamspeak 66.225.194.130:7900</li>
</ul>
<div class="more_button"> <a href="#"><span>More</span></a> </div>
<div class="clearthis"> </div>
</div>
<!-- End of Gaming Services -->
<!-- Start of Quick Links -->
<div id="quicklinks">
<h2><span>Quick Links</span></h2>
<ul>
<li><a href="#">TeamWarfare League</a></li>
<li><a href="#">OGL Online Gaming League</a></li>
<li><a href="#">F.E.A.R Portal</a></li>
<li><a href="#">GotFrag</a></li>
</ul>
<div class="more_button"> <a href="#"><span>More</span></a> </div>
<div class="clearthis"> </div>
</div>
<!-- End of Quick Links -->
</div>
<!-- End of Left Sidebar -->
</div>
<!-- End of Left Column -->
<div class="clearthis"> </div>
<!-- Start of Page Footer -->
<div id="page_footer"> <small>Web design by <a
href="http://www.freewebsitetemplates.com">Free Website Templates</a></small>
</div>
</div>
</body>
</html>
<!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>
<title>Sleek Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="wrapper">
<div class="topnav"><a href="#">HomePage</a></div>
<div class="bannerbg"><a href="#"><img src="images/logo_06.gif" alt="logo"
width="413" height="89" border="0" /></a></div>
<div class="subbannerbg">
<div class="subbannerbgleft"></div>
<div class="subbannerbgmiddle">
<h1>This is Free </h1>
<p>Thanks to freecss.info this design is now free. It is really easy to
edit.</p>
</div>
<div class="subbannerbgright"></div>
<div class="content">
<div class="leftcolumn">
<h2>Navigation </h2>
<div class="underh2">
<div id="navvy">
<ul id="navvylist">
<li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Templates</a></li>
</ul>
</div>
</div>
<h2> Other Content </h2>
<div class="underh2">Other content can go here like latest news or
something like that. If you wanted you can make it into a hosting site and have
hosting packages here. You could also have partner links or something like that to
fill up the left column.</div>
</div>
<div class="rightcolumn">
<div class="mainheadingbg">
<div class="date">
<div class="month">Jan</div>
<div class="day">6th</div>
</div>
<h3> News Update</h3>
</div>
<div class="writtencontent">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur a
lectus. Integer sed erat eget leo ullamcorper cursus. Morbi eu urna eget felis
sollicitudin egestas. In hac habitasse platea dictumst. Integer rutrum, diam
eleifend imperdiet euismod, odio risus congue justo, at lobortis nulla massa at
turpis. Ut condimentum nisi gravida nisi. Quisque rutrum, neque sit amet ornare
bibendum, odio pede ultricies felis, at malesuada velit felis semper erat. Nullam
vitae orci. Morbi massa leo, pulvinar volutpat, ullamcorper vel, commodo ac,
odio. In vel orci. Nulla condimentum erat vel risus accumsan fringilla. Fusce nisi
magna, malesuada vitae, posuere nec, ullamcorper eget, erat. Cras tristique, nibh
et vestibulum volutpat, dui leo pulvinar magna, ac tincidunt ante libero ac sem.
Cras ac nunc. Phasellus vulputate magna ac eros. Donec condimentum.</p>
<p>Pellentesque lorem magna, mollis quis, fermentum vel, blandit at,
urna. Donec vestibulum eleifend erat. Maecenas at mauris eget turpis aliquam
congue. Etiam fringilla porttitor tellus. Nullam mattis, elit vel ornare accumsan,
nunc risus fermentum leo, at vehicula lorem enim ac nibh. Donec venenatis.
Suspendisse lectus ante, tristique eget, ultrices id, iaculis sed, tellus. In
consectetuer. Praesent tortor libero, consequat sit amet, molestie fringilla,
bibendum at, orci. Donec placerat. Aenean dapibus scelerisque nunc.</p>
<p>Vestibulum ac est. Cras laoreet. In sagittis pede sed mauris. Nunc
pellentesque. In hac habitasse platea dictumst. Aenean sed massa. Aenean quis
risus quis dolor vehicula luctus. Vestibulum ullamcorper tellus at tellus. Nullam
sit amet enim. Donec sagittis dolor ut magna faucibus rutrum. Proin tempus orci
gravida felis. Quisque risus nisl, blandit vel, euismod facilisis, suscipit quis,
diam. Nam nisl purus, posuere lobortis, fermentum a, tincidunt mollis, sapien.
Aliquam fringilla tincidunt urna. Praesent risus. Donec gravida, dolor et lacinia
placerat, ligula urna ullamcorper odio, quis lobortis leo eros quis elit.</p>
</div>
<div class="mainheadingbg">
<div class="date">
<div class="month">Dec</div>
<div class="day">5th</div>
</div>
<h3>New Template For Sale </h3>
</div>
<div class="writtencontent">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur a
lectus. Integer sed erat eget leo ullamcorper cursus. Morbi eu urna eget felis
sollicitudin egestas. In hac habitasse platea dictumst. Integer rutrum, diam
eleifend imperdiet euismod, odio risus congue justo, at lobortis nulla massa at
turpis. Ut condimentum nisi gravida nisi. Quisque rutrum, neque sit amet ornare
bibendum, odio pede ultricies felis, at malesuada velit felis semper erat. Nullam
vitae orci. Morbi massa leo, pulvinar volutpat, ullamcorper vel, commodo ac,
odio. In vel orci. Nulla condimentum erat vel risus accumsan fringilla. Fusce nisi
magna, malesuada vitae, posuere nec, ullamcorper eget, erat. Cras tristique, nibh
et vestibulum volutpat, dui leo pulvinar magna, ac tincidunt ante libero ac sem.
Cras ac nunc. Phasellus vulputate magna ac eros. Donec condimentum.</p>
<p>Pellentesque lorem magna, mollis quis, fermentum vel, blandit at,
urna. Donec vestibulum eleifend erat. Maecenas at mauris eget turpis aliquam
congue. Etiam fringilla porttitor tellus. Nullam mattis, elit vel ornare accumsan,
nunc risus fermentum leo, at vehicula lorem enim ac nibh. Donec venenatis.
Suspendisse lectus ante, tristique eget, ultrices id, iaculis sed, tellus. In
consectetuer. Praesent tortor libero, consequat sit amet, molestie fringilla,
bibendum at, orci. Donec placerat. Aenean dapibus scelerisque nunc.</p>
<p>Vestibulum ac est. Cras laoreet. In sagittis pede sed mauris. Nunc
pellentesque. In hac habitasse platea dictumst. Aenean sed massa. Aenean quis
risus quis dolor vehicula luctus. Vestibulum ullamcorper tellus at tellus. Nullam
sit amet enim. Donec sagittis dolor ut magna faucibus rutrum. Proin tempus orci
gravida felis. Quisque risus nisl, blandit vel, euismod facilisis, suscipit quis,
diam. Nam nisl purus, posuere lobortis, fermentum a, tincidunt mollis, sapien.
Aliquam fringilla tincidunt urna. Praesent risus. Donec gravida, dolor et lacinia
placerat, ligula urna ullamcorper odio, quis lobortis leo eros quis elit.</p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="footer">
<div class="footerlogo"><a href="http://www.freecss.info">Free CSS
Templates</a></div>
</div>
</div>
</div>
</body>
</html>
<!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>Slight Amnesia</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen,print" />
</head>
<body>
<div id="left_container"> <img id="logo" alt="" src="img/leaves_brown.jpg" />
<div id="left_quote">"A nice spot to put an inspirational quote or poem to help
set the mood."</div>
<div id="left_text">
<h3>Left Column</h3>
<p>Quaeque vos bubus veneratur albis clarus Anchisae Venerisque sanguis
inpetret, bellante prior, iacentem lenis in hostem.</p>
<p>Iam mari terraque manus potentis Medus Albanasque timet securis, iam Scythae
responsa petunt, superbi nuper, et Indi. Iam Fides et Pax et Honor Pudorque priscus
et neglecta redire Virtus audet adparetque beata pleno Copia cornu.</p>
</div>
</div>
<div id="right_container_outer">
<div class="navbar" id="nav">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Info</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="navbar_fade"></div>
<div id="right_container_inner" class="clearfix">
<div id="rci_right_column">
<h3>Right Column</h3>
<p>Cui per ardentem sine fraude Troiam castus Aeneas patriae superstes
liberum munivit iter, daturus plura relictis: di, probos mores docili iuventae, di,
senectuti placidae quietem, Romulae genti date remque prolemque et decus omne.</p>
<p>Quaeque vos bubus veneratur albis <a href="#">clarus</a> Anchisae
Venerisque sanguis inpetret, bellante prior, iacentem lenis in hostem. iam mari
terraque manus potentis Medus Albanasque timet securis, iam Scythae responsa
petunt, superbi nuper, et Indi. Iam Fides et Pax et Honor Pudorque priscus et
neglecta redire <a href="#">Virtus audet</a> adparetque beata pleno Copia
cornu.</p>
<h3>Links</h3>
<ul>
<li><a href="#">OWD</a></li>
<li><a href="#">OSWD</a></li>
<li><a href="#">A List Apart</a></li>
<li><a href="#">CSS Zen Garden</a></li>
</ul>
</div>
<div id="rci_left_column">
<h2>Slight Amnesia (v1.0)</h2>
<p>This is what I come up with when I start flinging code around with no real
objective or vision. My main goal was to focus on overall accessibility and broswer
text-resizing being as painless as possible.</p>
<p>There's a <a href="index2.html">flipside to this design</a> with an
alternate style sheet.</p>
<h3>What's Under the Hood?</h3>
<p><em>Slight Amnesia (v1.0)</em> was tested in Windows with Firefox1.0.7,
IE6.0, Netscape7.2 and Opera7.54 and was built with valid <a
href="http://jigsaw.w3.org/css-validator/">css</a> and <a
href="http://validator.w3.org/check?uri=referer">xhtml 1.0-strict</a> and conforms
to section 508 and a <a href="http://www.w3.org/TR/WCAG10/">WCAG 1.0 A</a>
rating.</p>
<blockquote>
<p>As is, download time for 56k is 3.57 seconds; ISDN 128K at 1.23 seconds;
T1 at .29 seconds and weighs in at 16.9KB.</p>
</blockquote>
<h3>Better Living Through Open Source Design</h3>
<p>This is an open source design originally developed for the OSWD community
and is free to be used and adpated as such.</p>
<p>You're not obligated in any way to credit me if you use this design, but a
link back to either OWD or my website would be more than enough.</p>
<p>If you want to send me feedback about this design or let me know what
you've done with it, please contact me through the OWD with the above link. Thanks
and good luck.</p>
<h3>Dead Text</h3>
<p>Quaeque vos bubus veneratur albis clarus Anchisae Venerisque sanguis
inpetret, bellante prior, iacentem lenis in hostem. iam mari terraque manus
potentis Medus Albanasque timet securis, iam Scythae responsa petunt, superbi
nuper, et Indi. Iam Fides et Pax et Honor Pudorque priscus et neglecta redire
Virtus audet adparetque beata pleno Copia cornu.</p>
</div>
</div>
<div id="footer">Copyright © 2005 - Site Name</div>
</div>
</body>
</html>
<!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>Small Studio</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="bg">
<div id="sadrzaj">
<div id="zaglavlje">
<div id="title"> <a href="#">Small Studio</a> > <span class="blue">Web
Design</span> </div>
<form action="search" />
Search our site:
<input name="query" type="text" size="15" />
<input type="submit" value="Go" name="search" class="button" />
</div>
<div id="navigacija">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">partners</a></li>
<li><a href="#">forum</a></li>
<li><a href="#">catalog</a></li>
</ul>
<div class="lijevo">
<h3>Text filler</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoree. Lorem Ipsum strikes one again!</p>
<div id="infobox"> Just some small text describing the article </div>
</div>
</div>
<div id="pic">
<h2>About Small Studio</h2>
<p>Once again, you are free to use this template in any way you desire. If
you like it, use it, sell it, make a fortune with it, I'll be happy. I did the
picture on the right, so you can use that as well. </p>
</div>
<div class="desna_rubrika">
<h3>Recent articles</h3>
<p> <a href="#"><img src="images/strelica2.gif" width="6px" height="5px"
alt="" /> Tutorial on developing Content Management Systems</a> <a href="#"><img
src="images/strelica2.gif" width="6px" height="5px" alt="" /> What is Open Source
Web Design?</a> <a href="#"><img src="images/strelica2.gif" width="6px"
height="5px" alt="" /> 10 Tips and Tricks on browser compatibility</a> <a
href="#"><img src="images/strelica2.gif" width="6px" height="5px" alt="" /> Where
and when should the tables be used?</a> <a href="#"><img src="images/strelica2.gif"
width="6px" height="5px" alt="" /> CSS coding techniques and color usage hints</a>
<a href="#"><img src="images/strelica2.gif" width="6px" height="5px" alt="" /> Are
you a Web Designer? Money isn't everything!</a> <a href="#"><img
src="images/strelica2.gif" width="6px" height="5px" alt="" /> Conducting a two-day
CMS survey</a> </p>
</div>
<div class="lijeva_rubrika">
<h3>Another text filler</h3>
<p> Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit</a>,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna <a href="#">aliquam
erat volutpat.</a> Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in vulputate. <a href="#">aliquam erat
volutpat</a>. Ut wisi enim ad minim veniam.</p>
</div>
<div id="downbox">
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit</a>,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna <a href="#">aliquam
erat volutpat.</a> Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in vulputate.</p>
</div>
<div id="footer"> Copyright © 2005 <a href="#">YourCompany.com</a> >
Designed by <a href="http://www.solucija.com">Solucija.com</a> | Validate > <a
href="http://validator.w3.org/check?uri=referer">XHTML 1.0 Strict!</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </div>
</div>
</div>
</body>
</html>
<!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>Basics</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="initial.css" />
<link rel="stylesheet" type="text/css" href="basics.css" />
</head>
<body>
<div id="outer">
<div id="hdr">
<h1>Basics</h1>
</div>
<div id="nav">
<h2>Navigation</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Your Link</a></li>
<li><a href="#">Your Link</a></li>
<li><a href="#">Your Link</a></li>
<li><a href="#">Your Link</a></li>
<li><a href="#">Your Link</a></li>
<li><a href="#">Your Link</a></li>
</ul>
</div>
<div id="cont">
<h2>Back To Basics</h2>
<img alt="leaves" src="leaves.gif" id="leftImg" />
<p>Basics is my second submission to this site. It is open source, so use it as
you please. I called it basics because it is a basic design and easy to make
modifications to it. Photo credit to stock.xchng. No restrictions were put on this
image for usage. Big thank you to DimP for helping me clean it up a little. Hope
you enjoy the template. </p>
<em>This page validates on the W3C page.</em> <img alt="" src="leaves.gif"
id="rightImg" />
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ut dui ac
lacus egestas vehicula. Quisque faucibus, risus id consequat porta, orci ligula
condimentum mi, ac commodo leo libero eget tortor. Maecenas a ligula in nibh luctus
gravida. Praesent vehicula rhoncus tortor. Donec porta rutrum dui. Donec dignissim
congue mauris. Sed rhoncus laoreet sem. Nam dui pede, vestibulum convallis, posuere
ut, dictum eu, diam. Phasellus nunc. Ut eget ante a ipsum porttitor scelerisque.
Quisque auctor elit vitae massa. Vestibulum massa risus, gravida quis, hendrerit
sit amet, bibendum sit amet, enim. Fusce nulla. Quisque vulputate metus vitae
orci.</p>
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ut dui ac
lacus egestas vehicula. Quisque faucibus, risus id consequat porta, orci ligula
condimentum mi, ac commodo leo libero eget tortor. Maecenas a ligula in nibh luctus
gravida. Praesent vehicula rhoncus tortor. Donec porta rutrum dui. Donec dignissim
congue mauris. Sed rhoncus laoreet sem. Nam dui pede, vestibulum convallis, posuere
ut, dictum eu, diam. Phasellus nunc. Ut eget ante a ipsum porttitor scelerisque.
Quisque auctor elit vitae massa. Vestibulum massa risus, gravida quis, hendrerit
sit amet, bibendum sit amet, enim. Fusce nulla. Quisque vulputate metus vitae orci.
Pellentesque at arcu. Ut sed neque.</p>
<h2>Donec sollicitudin</h2>
<p>Donec sollicitudin, turpis vel lacinia ultrices, ante tellus adipiscing sem,
quis pulvinar magna lectus at tellus. Sed vulputate. Nunc turpis turpis, mattis
vel, placerat nec, congue quis, erat. Maecenas ac ligula. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam interdum
placerat metus. Praesent interdum feugiat quam. Suspendisse tincidunt ultrices
nisi. In pede ante, condimentum eu, viverra a, ullamcorper sit amet, quam.
Suspendisse lacus lectus, eleifend ut, iaculis ut, dictum quis, ante. Ut gravida
pulvinar eros. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Curabitur vitae lacus. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Aenean eget nisi
quis orci auctor porttitor. Suspendisse dui. Praesent rhoncus mi vitae enim.
Phasellus nibh.</p>
</div>
<div id="ftr">Design by you 2006</div>
</div>
</body>
</html>
<!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>Smooth and Sleek</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="image/favicon.ico" />
</head>
<body>
<div id="header">
<div id="header_inside">
<h1><span>Site</span> Name</h1>
<ul>
<li><a href="#">link six</a></li>
<li><a href="#">link five</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link three</a></li>
<li><a class="active" href="#">active link</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="content_inside">
<div id="content_inside_sidebar">
<h2>Recent Entries</h2>
<ul>
<li><a href="#">Hammond Airlifted To New Hospital</a></li>
<li><a href="#">EDG3 Design Seven Released</a></li>
<li><a href="#">Hammond Has Taken First Steps</a></li>
<li><a href="#">Usb Cell</a></li>
<li><a href="#">EDG3 Design Six Released</a></li>
</ul>
<h2>Sponsered Links</h2>
<ul>
<li><a href="#">4Templates</a></li>
<li><a href="#">Christopher Robinson</a></li>
<li><a href="#">EVO Hosting</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">Text Link Ads</a></li>
<li><a href="#">W3C Sites</a></li>
</ul>
</div>
<div id="content_inside_main">
<h1>Important</h1>
<p>Licensed under the <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution
2.5</a>. I have left the actual text design style very basic for you to add your
own text / header / quotes / list etc. styles yourself.</p>
<h1>header two</h1>
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam
turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed
tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis
sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.
Fermentum at, varius pretium, elit. Mauris egestas scelerisque nunc. Mauris non
ligula quis wisi laoreet malesuada. In commodo. Maecenas lobortis cursus dolor.</p>
<h1>header three</h1>
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam
turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed
tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit.</p>
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam
turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed
tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit.</p>
<p>Quisque augue tortor, facilisis sit amet, aliquam, suscipit vitae, cursus
sed, arcu lorem ipsum dolor sit amet. Fermentum at, varius pretium, elit. Mauris
egestas scelerisque nunc. Mauris non ligula quis wisi laoreet malesuada. In
commodo. Maecenas lobortis cursus dolor.</p>
<p>Quisque augue tortor, facilisis sit amet, aliquam, suscipit vitae, cursus
sed, arcu lorem ipsum dolor sit amet. Fermentum at, varius pretium, elit. Mauris
egestas scelerisque nunc. Mauris non ligula quis wisi laoreet malesuada. In
commodo. Maecenas lobortis cursus dolor.</p>
</div>
</div>
</div>
<div id="footer">
<div id="footer_inside">
<p>Copyright © <a href="#">Smooth and Sleek</a> 2007 | Designed by <a
href="http://www.edg3.co.uk/">edg3.co.uk</a> | Sponsored by <a
href="http://www.opendesigns.org/">Open Designs</a> | Valid <a
href="http://jigsaw.w3.org/css-validator/">CSS</a> & <a
href="http://validator.w3.org/">XHTML</a></p>
</div>
</div>
</body>
</html>
<!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>Smooth</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Smooth</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<div class="title">
<h2>Client Account</h2>
</div>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<!-- end #login -->
<div id="updates" class="boxed">
<div class="title">
<h2>Recent Updates</h2>
</div>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
<!-- end #updates -->
</div>
<!-- end #sidebar -->
<div id="main">
<div id="welcome" class="post">
<h2 class="title"><span>Welcome to Smooth!</span></h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="story"><img src="images/img09.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Smooth</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<!-- end #welcome -->
<div id="example" class="post">
<h2 class="title"><span>Examples of Common Tags</span></h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<!-- end #example -->
</div>
<!-- end #main -->
<div id="sidebar2">
<div id="sponsors" class="boxed">
<div class="title">
<h2>Sponsors</h2>
</div>
<div class="content">
<ul>
<li><a href="#">In posuere eleifend</a></li>
<li><a href="#">Quisque dictum </a></li>
<li><a href="#">Donec leo, vivamus </a></li>
<li><a href="#">Nam pede erat porta </a></li>
<li><a href="#">Vivamus fermentum </a></li>
</ul>
</div>
</div>
<!-- end #sponsors -->
<div id="ad120x600" class="boxed">
<div class="title">
<h2>Advertisement</h2>
</div>
<div class="content"><a href="#"><img src="images/ad_120x600.jpg" alt=""
width="120" height="600" /></a></div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<!-- end #sidebar2 -->
<!-- end #content -->
<div id="footer">
<p id="legal">Copyright © 2007 Smooth. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>SnowFlakes</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">SnowFlakes</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Photos</a></li>
<li><a href="#" accesskey="3">Links</a></li>
<li><a href="#" accesskey="4">Contact</a></li>
</ul>
</div>
<div id="splash"><img src="images/img05.jpg" alt="" width="480" height="102"
/></div>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to The Green House!</h2>
<h3 class="date">Posted on February 25, 2007 by John Doe</h3>
<div class="story">
<p><strong>The Green House</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You"re free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<div class="meta">
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
</div>
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<h3 class="date">Posted on February 22, 2007 by Jane Smith</h3>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
<div class="meta">
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
</div>
</div>
<div id="bar">
<div id="archives" class="boxed1">
<h2>Archives</h2>
<ul>
<li><a href="#">February 2007</a> <i>(25)</i></li>
<li class="active"><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</div>
<div id="categories" class="boxed2">
<h2>Categories</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li class="active"><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
<div id="tagcloud" class="boxed3">
<h2>Tag Cloud</h2>
<a href="#" title="55 recent posts" style="font-size:
1.5087837837838em;">Art</a> <a href="#" title="66 recent posts" style="font-size:
1.5905405405405em;">Blogging</a> <a href="#" title="51 recent posts" style="font-
size: 1.4790540540541em;">Books</a> <a href="#" title="40 recent posts"
style="font-size: 1.3972972972973em;">Culture</a> <a href="#" title="73 recent
posts" style="font-size: 1.6425675675676em;">Family</a> <a href="#" title="54
recent posts" style="font-size: 1.5013513513514em;">Food</a> <a href="#" title="43
recent posts" style="font-size: 1.4195945945946em;">Friends</a> <a href="#"
title="63 recent posts" style="font-size: 1.5682432432432em;">Humor</a> <a href="#"
title="88 recent posts" style="font-size: 2.4972972972973em;">Life</a> <a href="#"
title="49 recent posts" style="font-size: 1.4641891891892em;">Love</a> <a href="#"
title="64 recent posts" style="font-size: 1.5756756756757em;">Movies</a> <a
href="#" title="28 recent posts" style="font-size: 2.0513513513514em;">Music</a> <a
href="#" title="25 recent posts" style="font-size: 2.0290540540541em;">News</a> <a
href="#" title="92 recent posts" style="font-size: 1.7837837837838em;">Personal</a>
<a href="#" title="46 recent posts" style="font-size:
1.4418918918919em;">Photography</a> <a href="#" title="13 recent posts"
style="font-size: 2.0662162162162em;">Politics</a> <a href="#" title="56 recent
posts" style="font-size: 1.5162162162162em;">Random</a> <a href="#" title="51
recent posts" style="font-size: 1.4790540540541em;">Religion</a> <a href="#"
title="68 recent posts" style="font-size: 1.6054054054054em;">Thoughts</a> <a
href="#" title="49 recent posts" style="font-size: 1.4641891891892em;">Travel</a>
<a href="#" title="45 recent posts" style="font-size: 1.4344594594595em;">Video</a>
<a href="#" title="51 recent posts" style="font-size:
1.4790540540541em;">Health</a> <a href="#" title="43 recent posts" style="font-
size: 1.4195945945946em;">Media</a> <a href="#" title="53 recent posts"
style="font-size: 1.4939189189189em;">Technology</a> <a href="#" title="46 recent
posts" style="font-size: 1.4418918918919em;">Writing</a></div>
</div>
</div>
<div id="footer">
<p id="copy">©2007 Snow Flakes. Designed by <a href="#">Free CSS
Templates</a></p>
<p id="feed"><a href="#" id="rss">RSS Feed</a></p>
</div>
</body>
</html>
<!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>
<title>Snowmobile</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="body">
<div id="left">
<ul id="nav">
<li><a href="#">» Homepage</a></li>
<li><a href="#">» Snowmobiling</a></li>
<li><a href="#">» Snowmobile Vacation</a></li>
<li><a href="#">» Snowmobile Parts</a></li>
<li><a href="#">» Accessories</a></li>
<li><a href="#">» Snowmobile Trailer</a></li>
</ul>
<div id="latest">
<h2><img src="images/title_latest_events.gif" width="165" height="24"
alt="latest events" /></h2>
<div class="events">
<h3>July 12, 2005</h3>
<p>This is a demo text. It will be replaced by the original. This is a
demo text. It will be replaced by the original.</p>
<h3>July 13, 2005</h3>
<p>This is a demo text. It will be replaced by the original. This is a
demo text. It will be replaced by the original.</p>
<p class="readmore"><a href="#">...Read More</a></p>
</div>
<!-- end .i -->
</div>
<!-- end latest -->
</div>
<!-- end left -->
<div id="content">
<h1 id="logo"><a href="#"><img src="images/logo.gif" width="619" height="46"
alt="" /></a></h1>
<div class="inner">
<h2>Welcome to our Site</h2>
<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. If you're having problems editing the
template please don't hesitate to ask for help on the forum. You will get help as
soon as possible. You can also use the forum to tell us what you like or dislike
and what you would like to see more. Your feedback is very important to us and we
will do everything to fulfil your wishes. more ...</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. If you're having problems editing the
template please don't hesitate to ask for help on the forum. You will get help as
soon as possible. You can also use the forum to tell us what you like or dislike
and what you would like to see more. Your feedback is very important to us and we
will do everything to fulfil your wishes. more ...</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. If you're having problems editing the
template please don't hesitate to ask for help on the forum. You will get help as
soon as possible. You can also use the forum to tell us what you like or dislike
and what you would like to see more. Your feedback is very important to us and we
will do everything to fulfil your wishes. more ...</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. If you're having problems editing the
template please don't hesitate to ask for help on the forum. You will get help as
soon as possible. You can also use the forum to tell us what you like or dislike
and what you would like to see more. Your feedback is very important to us and we
will do everything to fulfil your wishes. more ...</p>
<p class="readmore"><a href="#">...Read More</a></p>
</div>
<!-- end .inner -->
</div>
<!-- end content -->
<div id="searchbox">
<h3>Information About snowmobiling</h3>
<form action="#" method="get">
<label for="q">Type your question</label>
<br />
<input name="q" id="q" type="text" value="" class="text" />
<div class="softright">
<input type="submit" value="Search" class="submit" />
</div>
</form>
</div>
<!-- end searchbox -->
<div class="clear"></div>
<div id="footer"> Powered by <a href="http://www.freewebsitetemplates.com">Free
Website Templates</a> </div>
<!-- end footer -->
</div>
<!-- end body -->
</div>
</body>
</html>
<!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>
<title>Soccer 01</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Header -->
<div id="header">
<h1>Soccer 01</h1>
</div>
<!-- End Header -->
<!-- Begin Navigation -->
<div id="navtop">
<ul>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
<!-- End Navigation -->
<!-- Begin Left Column -->
<div id="leftcolumn">
<div id="navigation">
<ul>
<li><a href="#">> Home</a></li>
<li><a href="#">> Page</a></li>
<li><a href="#">> Page</a></li>
<li><a href="#">> Page</a></li>
<li><a href="#">> Page</a></li>
</ul>
</div>
<div class="tableleft">
<h3>Season 2006-07</h3>
<p> <strong>Sunday 13 May 2007</strong> <br />
Liverpool 2 - 2 Charlton </p>
<h4>Tables</h4>
<table width="164" border="0" cellpadding="0" cellspacing="0">
<tr style="background: #336600; color: #fff;">
<td width="18"><strong>#</strong></td>
<td><strong>Team</strong></td>
<td width="30"><div align="center"><strong>P</strong></div></td>
<td width="30"><div align="center"><strong>Pts</strong></div></td>
</tr>
<tr class="otherteam">
<td width="18">1</td>
<td>Man Utd </td>
<td width="30"><div align="center">38</div></td>
<td width="30"><div align="center">89</div></td>
</tr>
<tr class="otherteam">
<td width="18">2</td>
<td>Chelsea </td>
<td width="30"><div align="center">38</div></td>
<td width="30"><div align="center">83</div></td>
</tr>
<tr class="yourteam">
<td width="18">3</td>
<td>Liverpool </td>
<td width="30"><div align="center">38</div></td>
<td width="30"><div align="center">68</div></td>
</tr>
<tr class="otherteam">
<td width="18">4</td>
<td>Arsenal</td>
<td width="30"><div align="center">38</div></td>
<td width="30"><div align="center">68</div></td>
</tr>
<tr class="otherteam">
<td width="18">5</td>
<td>Spurs</td>
<td width="30"><div align="center">38</div></td>
<td width="30"><div align="center">60</div></td>
</tr>
</table>
</div>
</div>
<!-- End Left Column -->
<!-- Begin Right Column -->
<div id="maincolumn">
<h1>Welcome! (h1)</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nibh.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Vestibulum sapien enim, cursus in, aliquam sit amet, convallis eget, metus.
Duis dui mi, varius at, lacinia eget, ullamcorper et, tortor. Pellentesque ac pede.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean orci mi, varius
eget, mollis vel, rhoncus a, leo. Ut eros enim, vehicula quis, gravida ac, sodales
sit amet, orci. Nulla eleifend tristique erat.</p>
<div class="news"><strong>Latest News</strong>
<p> <a href="#">Nunc commodo metus et lorem. Phasellus vel libero.</a></p>
<p> <a href="#">Vestibulum eu enim. Mauris pharetra. Vestibulum ligula
libero, vestibulum quis, commodo non, sagittis eget, elit.</a></p>
<p> <a href="#">Ut nec tellus. Nunc ligula quam, vulputate ut, imperdiet nec,
luctus at, magna. Nunc posuere nulla ac tortor.</a></p>
</div>
<h2>Headline! (h2, h3)</h2>
<p>Quisque vulputate. Aliquam condimentum, odio vel ultrices sodales, augue
lorem vehicula mi, vel nonummy nisl eros et tortor. Duis laoreet pellentesque
lorem. Nam sagittis condimentum libero. Nullam a ante vel massa accumsan elementum.
Sed mauris metus, tincidunt quis, blandit at, viverra a, ligula. Pellentesque neque
metus, mattis non, tincidunt vitae, euismod scelerisque, nulla. Fusce justo. Donec
nec nibh. Sed suscipit bibendum leo. Nulla erat ligula, egestas consequat, sagittis
ut, fermentum a, diam. Sed turpis est, aliquam nec, lacinia sed, aliquam non,
libero. Ut turpis. Pellentesque viverra pharetra quam.</p>
<p> <a href="#">This is a link</a></p>
<h4>Headline (h4, h5, h6)</h4>
<p>Aenean dapibus, leo vitae eleifend porta, sem ipsum nonummy est, eu
fermentum arcu lectus in lacus. Vestibulum tristique metus eu lorem. Pellentesque
sed erat. Morbi pharetra condimentum massa. Vestibulum vel nulla at eros porta
tempus. Fusce at lorem. Nulla facilisis. Phasellus nisl. Integer id massa nec
tellus rutrum pellentesque. Mauris orci mauris, dictum vitae, varius eget,
vestibulum quis, risus. Pellentesque dictum, magna vitae pulvinar interdum, orci
lacus posuere neque, et lacinia dui eros ut erat. Ut purus. Nullam ac tellus et
eros condimentum interdum.</p>
<div class="clear"></div>
</div>
<!-- End Right Column -->
<div class="clear"></div>
<div id="footer"> © Copyright 2007 by Your Name | Design by <a
href="http://www.wfiedler-online.de">wfiedler</a><br />
Icons by IconArchive (Free for non-commercial use) </div>
</div>
<!-- End Wrapper -->
</body>
</html>
<!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-AU">
<head>
<title>Softened Cells</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen,
print" />
</head>
<body>
<div id="siteBox">
<div id="header">
<h1 class="title">Softened Cells</h1>
<h2 class="subTitle"><a href="#">Slogan Here</a></h2>
<!-- Opera bug fix -->
</div>
<div id="menu"> <a href="#" class="active">Home</a> <a href="#">About</a> <a
href="#">Gallery</a> <a href="#">Projects</a> <a href="#">Journal</a> <a
href="#">Contact</a> </div>
<div id="content">
<div id="news">
<div class="block">
<h1> Blocks </h1>
<p> Here's a spot you could stick some side content relavent to the page
you're on. There's also a special link class for anything you decide to put here:
</p>
<div class="links"> <a href="#">Pinecone Theme</a> <a
href="#">ThreeTree</a> <a href="#">FullAhead</a> </div>
<p> Tried for an open and soft design on this one. You can see the
similarities in this design proposal I did last month. </p>
<div class="bottom"> </div>
</div>
<div class="block">
<h1> Recent </h1>
<p> <span class="date">2005.08.28</span> Template finished. Two versions
available, each one weighing in at a modest 15<acronym title="kilobytes: unit of
computer data size">kb</acronym> in size ... <a href="#"><img
src="images/link_arrow.gif" alt="" /></a> </p>
<p> <span class="date">2005.08.20</span> Played in the Tree-oh discgolf
tournament. Went pretty well, but the body is not happy about the 8 hours of
play ... <a href="#"><img src="images/link_arrow.gif" alt="" /></a> </p>
<p> <span class="date">2005.08.16</span> Tires suck. Went to get my bike
out of my friends garage - flat tire. Next day, the car decides to do the same ...
<a href="#"><img src="images/link_arrow.gif" alt="" /></a> </p>
<div class="bottom"> </div>
</div>
</div>
<div id="text">
<h1> Template </h1>
<p> A tableless <acronym title="eXtensible Hyptertext Markup
Language">XHTML</acronym>/<acronym title="Cascading Style Sheet">CSS</acronym>
template that focuses on customization. After the success of my last template,
reflection, I decided to stick with the "easy-to-modify" theme. The header is
simple to change for one of your own, as is the accent colour. </p>
<p class="quote"> To change the accent colour, search the style sheet for
<acronym title="hexidecimal: base 16 numbering system">hex</acronym> value <acronym
title="green">#56B600</acronym> and replace it with one of your own. The top
header image is added by the #header class definition. <span
class="bottom"> </span> </p>
<h2> Semantically Coded </h2>
<p> This template is coded using the <acronym title="fancy name for HTML
tags">markup</acronym> as it was intended. The result is code that is simple to
understand and widely supported in different browsers. Another benefit is that
<acronym title="fancy word for browsers">user agents</acronym> that don't support
CSS will still display the site's content coherently. You can test it yourself by
disabling CSS in your browser. </p>
<h1> Specs </h1>
<p> <img src="images/firefox.jpg" alt="" class="right"/> Softened Cells is a
fixed width template that will work out of the box at <acronym title="WIDTH by
HEIGHT measurement of screen resolution in pixels">640x480</acronym> and above.
You can change this if you want by altering the width definitions of the #siteBox,
#news and #text CSS classes. </p>
<p> Browser support for the template is very good because of the simple
markup structure. It renders consitently in the following: </p>
<ul>
<li>Firefox</li>
<li>Netscape</li>
<li>Opera</li>
<li>Safari</li>
<li><acronym title="dirty, dirty Internet Explorer">IE</acronym>
(Windows/Mac)</li>
</ul>
<h2> Images </h2>
<p> Images are fully supported using the two custom CSS classes <acronym
title="image will align right">.right</acronym> and <acronym title="image will
align left">.left</acronym>. Simply place an image in the paragraph you'd like,
apply the class and you're done. Headings <h1> and sub headings <h2>
act as boundaries, so you're images will always remain in context. </p>
<h1> Big Links </h1>
<p> One last thing for you to play with is the .links CSS class. It lets you
create large link blocks in your content for whatever you want to emphasis. I used
them on my site for the portfolio and links sections. </p>
<ul class="links">
<li> <a href="#"> <span class="title">Deviant ART</span> <span
class="desc">Just about the largest art site on the Interweb.</span> <span
class="bottom"> </span> </a> </li>
<li> <a href="#"> <span class="title">CSS Zen Garden</span> <span
class="desc">Showcasing what is possible using only pure CSS design.</span> <span
class="bottom"> </span> </a> </li>
<li> <a href="#"> <span class="title">FullAhead</span> <span
class="desc">My design portfolio site (completely shameless plug).</span> <span
class="bottom"> </span> </a> </li>
</ul>
<h1> Terms of Use </h1>
<p> The template is released for free, but I would appreciate it you gave me,
<a href="http://fullahead.org">FullAhead</a>, credit. If you keep either of the
header images that come with the template, you should also leave a link to <a
href="#">ThreeTree</a>, since he took them. </p>
<p> If you end up using this template, send me an message. It's always
interesting to see how people modify my work. I enjoyed making it, so I hope you
enjoy using it. </p>
<p id="footer"> <a href="#"><img src="images/logo_fullahead.gif"
class="right" alt=""/></a> <a href="#"><img src="images/logo_threetree.gif"
class="right" alt="ThreeTree logo"/></a> ©2005 No Rights Reserved<br/>
Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &
<a href="http://jigsaw.w3.org/css-validator">CSS</a> </p>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>Software</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="tr">
<div class="br">
<div class="bl">
<h1><a href="#"><img src="images/logo.gif" width="203" height="49"
alt="Software Company" /></a></h1>
<ul id="nav-top">
<li><a href="#">Home</a> | </li>
<li><a href="#">Your cart</a> | </li>
<li><a href="#">Solutions</a> | </li>
<li><a href="#">Products</a> | </li>
<li><a href="#">Contacts</a></li>
</ul>
<!-- end top-nav -->
<ul id="nav-left">
<li><a href="#"><img src="images/menu_1.gif" width="96" height="19"
alt="Partners" /></a></li>
<li><a href="#"><img src="images/menu_2.gif" width="96" height="18"
alt="Home and Office" /></a></li>
<li><a href="#"><img src="images/menu_3.gif" width="96" height="19"
alt="Small Business" /></a></li>
</ul>
</div>
</div>
</div>
<!-- end .corners -->
</div>
<!-- end header -->
<div id="body">
<div id="cap"></div>
<div id="buy">
<h2><img src="images/title_reasons_to_buy.gif" width="95" height="14"
alt="reasons to buy" /></h2>
<ul>
<li><a href="#">Single source</a></li>
<li><a href="#">Multi-platform integration</a></li>
<li><a href="#">Exceptional service</a></li>
<li><a href="#">Comprehensive documentation</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Scalability</a></li>
<li><a href="#">High quality</a></li>
</ul>
<div class="timed">
<h3>Get Support 24x7</h3>
<p>This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original.</p>
<p class="readmore"><a href="#">...Go for more</a></p>
</div>
<!-- end .timed -->
<p>This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original. This is a demo text. It will be replaced
by the original. This is a demo text. It will be replaced by the original.</p>
</div>
<!-- end buy -->
<div id="capabilities">
<h2><img src="images/title_capabilities.gif" width="120" height="14"
alt="capabilities" /></h2>
<h3><a href="#">This is a demo text. It will be replaced by the
original.</a></h3>
<p>This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original. This is a demo text. It will be replaced
by the original. This is a demo text.</p>
<h3><a href="#">This is a demo text. It will be replaced by the
original.</a></h3>
<p>This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original. This is a demo text. It will be replaced
by the original. This is a demo text. This is a demo text. It will be replaced by
the original. This is a demo text. It will be replaced by the original.</p>
<h3><a href="#">This is a demo text. It will be replaced by the
original.</a></h3>
<p>This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original. This is a demo text. It will be replaced
by the original. This is a demo text. This is a demo text. It will be replaced by
the original. This is a demo text. It will be replaced by the original.</p>
</div>
<!-- end capabilities -->
<div id="news">
<h2><img src="images/title_news.gif" width="96" height="14" alt="company
news" /></h2>
<h3><a href="#">July 11, 2005</a></h3>
<p>This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original. This is a demo text. It will be replaced
by the original. This is a demo text. This is a demo text. It will be replaced by
the original.</p>
<h3><a href="#">July 12, 2005</a></h3>
<p>This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original. This is a demo text. It will be replaced
by the original. This is a demo text. This is a demo text. It will be replaced by
the original.</p>
<h3><a href="#">July 13, 2005</a></h3>
<p>This is a demo text. It will be replaced by the original. This is a demo
text. This is a demo text. This is a demo text. It will be replaced by the
original. This is a demo text. It will be replaced by the original. This is a demo
text. It will be replaced by the original.</p>
</div>
<!-- end news -->
<div id="footer">
<div>
<div> Powered by <a href="http://www.freewebsitetemplates.com">Free Website
Templates</a> </div>
</div>
</div>
<!-- end footer -->
</div>
<!-- end body -->
</div>
<!-- end wrapper -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Solemnity</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="wrapper1">
<div id="wrapper2">
<div id="header">
<h1><a href="#">Solemnity</a> </h1>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Examples</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="container">
<p class="description"> Here is a short description of your web site, or in
this case, this template. Solemnity is a clean, calm template that makes uses of
muted colours to exhude an air of professionalism. The template was conceived and
created by Six Shooter Media in June, 2006. You can, of course take this template
and change it as you see fit design-wise. It's up to you! But please leave a credit
in the footer! </p>
<div id="sidebar">
<h2>Latest News or Comments</h2>
<p class="news"> An example of a "latest news" type text area. Here would
be the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<p class="news"> An example of a "latest news" type text area. Here would
be the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<p class="news"> An example of a "latest news" type text area. Here would
be the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h2>Sub Navigation</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Examples</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h2>Search</h2>
<input name="" type="text" />
</div>
<div id="content">
<ol class="subnav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Examples</a></li>
<li><a href="#">Contact</a></li>
</ol>
<h2 style="padding:20px 0 0 0;"><a href="#"
id="intro">Introduction</a></h2>
<p> Hello and welcome to Solemnity, a clean, corporate template created by
Six Shooter Media. A fairly standard template which, as with all of my templates,
should be usable with whatever your site subject might be. </p>
<h2><a href="#" id="about">About the Author</a></h2>
<p> Hi! My names Jay and I'm a 20 year old web designer from England. My
main projects are conducted through my website Six Shooter Media, but I (obviously)
also enjoy creating Open Source web templates for general use! You can keep a check
on my free templates here which is probably a link worth bookmarking as my
templates appear there a couple of weeks before OWD/OSWD due to the design queues.
</p>
<p> Another site of mine that you might find interesting if you're setting
up a site with a free template like Buy a Button.net. There, for a great price you
can purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<h2><a href="#" id="examples">Some Examples</a></h2>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf
hdsbf jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd
sb </p>
</blockquote>
<h3>List Example</h3>
<ul>
<li>Here</li>
<li>Is our friend</li>
<li>The list!</li>
</ul>
<h2><a href="#" id="contact">Contact</a></h2>
<p> If you decide to use this template please drop me a line to let me
know! Don't hesitiate to get in touch if your interested in a custom template or
just in any of my services in general. I look forward to hearing from you! </p>
</div>
</div>
</div>
</div>
<div id="footer">
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Solemnity Two</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="header">
<h1><a href="#">Solemnity Two</a></h1>
<a href="#content" class="hide">Skip to Content</a>
<ul id="nav">
<li><a href="#" class="active" accesskey="h"><em>H</em>ome</a></li>
<li><a href="#" accesskey="a"><em>A</em>bout</a></li>
<li><a href="#" accesskey="e"><em>E</em>xamples</a></li>
<li><a href="#" accesskey="c"><em>C</em>ontact</a></li>
<li><a href="#comments" accesskey="o">C<em>o</em>mments</a></li>
</ul>
<br class="clear" />
</div>
<div id="wrapper">
<div id="sidebar">
<h2>Latest Posts</h2>
<ul class="latest">
<li><a href="#">Article Title</a></li>
<li><a href="#">Article Title</a></li>
<li><a href="#">Article Title</a></li>
<li><a href="#">Article Title</a></li>
<li><a href="#">Article Title</a></li>
<li><a href="#">Article Title</a></li>
<li><a href="#">Article Title</a></li>
<li><a href="#">Article Title</a></li>
</ul>
<h2>Search</h2>
<input />
<h2>Additional Info</h2>
<p> Here you can put some additional info, should you want to! Anything at all,
a small paragraph about your site or about yourself, whatever you cna think of!
</p>
<h2>Some Links</h2>
<ul class="external">
<li><a href="#">Six Shooter Media</a></li>
<li><a href="#">free templates</a></li>
<li><a href="#">Buy a Button</a></li>
<li><a href="#">Transfer Speculation</a></li>
</ul>
</div>
<div id="content">
<div class="desc">
<p> Solemnity Two. A follow up to the popular Solemnity template is built
around the same principles as the original template, just with a slightly different
look to it. This template has been designed with a slightly more 'bloggy' feel in
mind. And so, I introduce you to; <strong>Solemnity Two</strong>! </p>
</div>
<h2 id="first"><a href="#" id="intro">Introduction</a></h2>
<p> Hello and welcome to Solemnity Two, the follow up to my Solemnity template.
As mentioned in the description, this template is built on the same fundamentals as
its predesecor - calm, easy on the eyes and highly readable. Of course it also
makes use of valid xhtml and css too. </p>
<p> The template was created by Six Shooter Media and the icons used are that
of the open source icon sets available at famfamfam.com. </p>
<div class="info">
<p> <a href="#">21 Comments</a> Posted on 01.01.01. </p>
</div>
<h2><a href="#" id="about">About the Author</a></h2>
<p> Hi! My names Jay and I'm a 20 year old web designer from England. My main
projects are conducted through my website Six Shooter Media, but I (obviously) also
enjoy creating Open Source web templates for general use! You can keep a check on
my free templates here which is probably a link worth bookmarking as my templates
appear there a couple of weeks before OWD/OSWD due to the design queues. </p>
<p> Another site of mine that you might find interesting if you're setting up a
site with a free template like Buy a Button.net. There, for a great price you can
purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<div class="info">
<p> <a href="#">21 Comments</a> Posted on 01.01.01. </p>
</div>
<h2><a href="#" id="examples">Some Examples</a></h2>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf hdsbf
jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd sb
</p>
</blockquote>
<h3>List Example</h3>
<ul>
<li>Here</li>
<li>Is our friend</li>
<li>The list!</li>
</ul>
<div class="info">
<p> <a href="#">21 Comments</a> Posted on 01.01.01. </p>
</div>
<h2><a href="#" id="contact">Contact</a></h2>
<p> If you decide to use this template please drop me a line to let me know!
Don't hesitiate to get in touch if your interested in a custom template or just in
any of my services in general. I look forward to hearing from you! </p>
<div class="info">
<p> <a href="#">21 Comments</a> Posted on 01.01.01. </p>
</div>
<h2 id="comments">Example Comments</h2>
<ol class="comments">
<li class="comment"> <span> <cite><a href="#">Author Name</a> remarks:</cite>
<div>Here's an example comment for you! And just some filler text to make
it a bit longer. bla bla bla.</div>
</span> </li>
<li class="comment alt"> <span> <cite><a href="#">Author Name</a>
remarks:</cite>
<div>Here's an example comment for you! And just some filler text to make
it a bit longer. bla bla bla.</div>
</span> </li>
<li class="comment"> <span> <cite><a href="#">Author Name</a> remarks:</cite>
<div>Here's an example comment for you! And just some filler text to make
it a bit longer. bla bla bla.</div>
</span> </li>
<li class="comment alt"> <span> <cite><a href="#">Author Name</a>
remarks:</cite>
<div>Here's an example comment for you! And just some filler text to make
it a bit longer. bla bla bla.</div>
</span> </li>
</ol>
</div>
<div id="footer">
<p class="validate"><a href="http://validator.w3.org/check?
uri=referer">XHTML</a> | <a href="http://jigsaw.w3.org/css-
validator/">CSS</a><br />
<a href="#content">Top</a></p>
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here.</p>
</div>
</div>
</body>
</html>
<!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>Sonia Template</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="bg">
<div id="sadrzaj">
<div id="toplinks"> <a href="#">Home</a> <a href="#">Blog</a> <a
href="#">Forum</a> <a href="#">Search</a> <a href="#">Submit URL</a> <a
href="#">Login</a> </div>
<div id="zaglavlje">
<div id="title"> <a href="#">Sonia Template</a> </div>
<div id="title_info">
<p><i>Artice of the week:</i></p>
<p><b><a href="#">Integrating designs into Content Management
Systems</a></b> </p>
</div>
</div>
<div id="navigacija">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Design gallery</a></li>
<li><a href="#">Technology</a></li>
</ul>
<div class="lijevo">
<p><b>Lorem ipsum</b></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate.</p>
</div>
</div>
<div id="clanci">
<h2><a href="#">About Sonia Template</a></h2>
<p> This design is a variation of the one on Solucija, a Croatian Website. It
has nicely designed boxes to store various information and it's all packed up in
soft colors. It has a small header box for the important links as well as the main
navigation buttons. Remebmer that any CSS template could be easily implemented in
sNews, a completly free PHP and MySQL driven news publishing tool. However, you are
free to use this template in any way you want. No copyright notice or link back
required! </p>
<p class='datum'>June, 4th 2005 <img src='images/strelica2.gif' width='3px'
height='5px' alt='' /> <a href='#'>READ MORE</a></p>
<h2><a href="#">Just some text filler</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. vel eum iriure dolor in hendrerit in
vulputate.</p>
<p class='datum'>June, 4th 2005 <img src='images/strelica2.gif' width='3px'
height='5px' alt='' /> <a href='#'>READ MORE</a></p>
</div>
<div id="desna_rubrika">
<h3>Recent articles</h3>
<p> <a href="#"><img src="images/strelica2.gif" width="3px" height="5px"
alt="" /> CSS retrospective</a> <a href="#"><img src="images/strelica2.gif"
width="3px" height="5px" alt="" /> Open Source Web Design</a> <a href="#"><img
src="images/strelica2.gif" width="3px" height="5px" alt="" /> Designing a business
site</a> <a href="#"><img src="images/strelica2.gif" width="3px" height="5px"
alt="" /> Creating table shaddows</a> <a href="#"><img src="images/strelica2.gif"
width="3px" height="5px" alt="" /> CSS coding techniques</a> <a href="#"><img
src="images/strelica2.gif" width="3px" height="5px" alt="" /> Tabless design?</a>
<a href="#"><img src="images/strelica2.gif" width="3px" height="5px" alt="" />
Talking about CM systems</a> </p>
<div id="podaci">
<p>Validate> <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> | <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.0 Strict!</a></p>
<p>© <a href="#">Yoursite.com</a>> Designed by <a
href="http://www.solucija.com">Luka Cvrk</a> </p>
</div>
</div>
<div id="lijeva_rubrika">
<p><b>Lorem Ipsum</b><br />
Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit</a>,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna <a href="#">aliquam
erat volutpat.</a> Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in vulputate. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna <a href="#">aliquam erat volutpat</a>. Ut wisi enim ad minim veniam,
quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat. </p>
</div>
</div>
</div>
</body>
</html>
<!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>Basketball</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<div id="wrapper">
<div id="man">
<h1><img src="images/logo.gif" width="778" height="60" alt="Logo"></h1>
<div id="nav"> <a href="#"><img src="images/m1.gif" width="246" height="30"
alt="M1"></a> <a href="#"><img src="images/m2.gif" width="246" height="25"
alt="M2"></a> <a href="#"><img src="images/m3.gif" width="246" height="25"
alt="M3"></a> <a href="#"><img src="images/m4.gif" width="246" height="24"
alt="M4"></a> <a href="#"><img src="images/m5.gif" width="246" height="25"
alt="M5"></a> <a href="#"><img src="images/m6.gif" width="246" height="23"
alt="M6"></a> <a href="#"><img src="images/m7.gif" width="246" height="25"
alt="M7"></a> <img src="images/m8.gif" width="246" height="35" alt="M8"> </div>
<div id="body">
<div class="drk" id="welcome">
<div class="top">
<div class="bot">
<div class="picbar"><img src="images/pic_2.jpg" width="458"
height="103" alt="Pic 2"></div>
<div class="pad">
<h2><img src="images/h_welcome_to_our_club.gif" width="137"
height="17" alt="Welcome To Our Club" /></h2>
<p>Don't forgot to check <a href="#">free website templates</a> 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. Don't want your boss to know
you used a free website template ;) .</p>
<p class="more"><a href="#" class="diamond">Know more</a></p>
</div>
</div>
</div>
</div>
<div class="drk" id="news">
<div class="top">
<div class="bot"> <img src="images/pic_3.jpg" width="156" height="249"
alt="Pic 3" class="right" />
<div class="pad">
<h2><img src="images/h_current_sports_news.gif" width="117"
height="21" alt="Current Sports News"></h2>
<h3>20-12-06</h3>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<h3>20-12-06</h3>
<p>If you're looking for beautiful and professionally made templates
you can find them at <a href="http://www.templatebeauty.com">Template
Beauty</a>.</p>
<h3>20-12-06</h3>
<p>If you're having problems editing the template please don't
hesitate to ask for help on the <a href="#">forum</a>.</p>
<p class="more"><a href="#" class="diamond">Know more</a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="lit" id="features">
<div class="top">
<div class="bot">
<div class="pad">
<h2><img src="images/h_featured_events.gif" width="97" height="17"
alt="Featured Events"></h2>
<div class="event">
<h3>23-12-06</h3>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p class="more"><a href="#" class="diamond">more</a></p>
</div>
<div class="event">
<h3>23-12-06</h3>
<p>If you're looking for beautiful and professionally made
templates you can find them at <a href="http://www.templatebeauty.com">Template
Beauty</a>.</p>
<p class="more"><a href="#" class="diamond">more</a></p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="foot">
<div id="foot-left">
<div id="foot-ball"></div>
© BasketBall Club All right Reservered. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</body>
</html>
<!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>soy uno</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="blauwgroen.css" />
</head>
<body>
<div id="container">
<div id="header"><img src="top.jpg" alt="" /></div>
<div id="wrapper">
<div id="contenttop">
<p><b>This is an open source template made bij soyrosa.nl, and is released
under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
Attribution 3.0 License</a>.
This template has been created for personal use only, which means you can't
use it for money-making websites. Though, you can use this template for schools or
charity websites.
As the template provided is free of charge I do ask that the link at the
bottom of the page is kept on there. Because it's created free of charge by
soyrosa, you can't sell on this template.
Want another template? Feel free to contact me, I'm currently freelancing.
Enjoy!</b> </p>
</div>
</div>
<div id="columntop">
<div class="title"> <a href="#">yoursite.com</a></div>
<div class="tagline">and this is a tagline</div>
</div>
<div id="columns">
<div class="menu"> <a href="#">Home</a> <a href="#">link two</a> <a
href="#">link three</a> <a href="#">link four</a> <a href="#">link five, a bit
longer</a> </div>
<div class="about">
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer</a> adipiscing elit.
Nulla pulvinar, nulla vel nonummy faucibus, enim mauris rutrum erat, nec laoreet
dui elit ut eros. Etiam quis nisi ac augue ornare tincidunt. Proin eu metus at
risus rutrum mattis. Mauris pharetra felis vel sem. Nunc et enim ut est placerat
sagittis. Etiam venenatis ipsum. In nibh enim, blandit a, rhoncus at, posuere id,
nulla.</p>
</div>
</div>
<div id="contentbottom">
<h2>This is an example title</h2>
<div class="meta">published by: your name - date/time</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla <a
href="#">pulvinar</a>, nulla vel nonummy faucibus, enim mauris rutrum erat, nec
laoreet dui elit ut eros. Etiam quis nisi ac augue ornare tincidunt. Proin eu metus
at risus rutrum mattis. Mauris pharetra felis vel sem. Nunc et enim ut est placerat
sagittis. Etiam venenatis ipsum. In nibh enim, blandit a, rhoncus at, posuere id,
nulla. Mauris adipiscing lorem id mi. Fusce euismod. Maecenas non enim ut nunc
laoreet congue. Vestibulum urna. Proin suscipit aliquet tellus. Aenean non turpis
eget eros elementum congue. Quisque dapibus cursus mauris.</p>
<p>Duis non dui a dui blandit facilisis. Fusce eu mi. Morbi justo. Aliquam sit
amet lectus. Integer tincidunt gravida felis. Vestibulum ullamcorper augue.
Maecenas molestie, risus sit amet aliquet euismod, urna ligula blandit lacus, vel
facilisis ipsum diam luctus ipsum. Sed mattis lorem in metus. Suspendisse
pellentesque. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. In malesuada, quam sit amet venenatis semper, dolor odio
vestibulum lorem, eu rhoncus turpis velit vel mi. Duis leo lorem, consequat at,
vestibulum eu, hendrerit in, lacus. Aliquam pharetra elementum lorem. Quisque neque
odio, mattis quis, ultricies vel, cursus nec, magna. Curabitur feugiat sapien eu
nulla.</p>
<p>Fusce lectus. Aliquam erat volutpat. Nunc vestibulum nibh eleifend lorem.<a
href="#">Home</a> et eros. Curabitur augue erat, ullamcorper at, interdum sit amet,
convallis sed, augue. Maecenas rhoncus placerat massa. In a nisl sed odio mollis
suscipit. Cras adipiscing tincidunt ante. Pellentesque rhoncus dapibus sapien.
Vivamus enim nulla, tristique ut, condimentum at, gravida a, ante. Mauris
condimentum, sem in imperdiet pretium, mauris leo mattis quam, nec elementum pede
mauris nec dolor. Curabitur varius ullamcorper enim. Sed dictum pretium massa. Sed
mi elit, venenatis sit amet, ultrices a, ullamcorper et, purus.</p>
</div>
<div id="footer">
<p>design bij <a href="http://soyrosa.nl">soyrosa.nl</a> <br />
images from sxc.hu</p>
</div>
</div>
</body>
</html>
<!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>Space</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1> <a href="#">Your website name here</a></h1>
<h2>.: some text here what you want :.</h2>
</div>
<div id="topmenu"> <a href="#">Home</a> | <a href="#">About</a> | <a
href="#">Product</a> | <a href="#">Designs</a> | <a href="#">Gallery</a> | <a
href="#">Contact</a></div>
<div id="right">
<!-- Content unit - One column -->
<div class="col1">
<p> </p>
<h3>Template just one restriction to use it <a href="#">a link</a></h3>
<p><span class="Style1"> if you want to use this template, please leave a
link to studio-plume.org wherever you want </span></p>
<p><img class="left" src="images/ill1.jpg" alt="" width="125" height="100"
/></p>
<p><span class="Style1"><br />
explicabo</span></p>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing elit</a>,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore <a href="#">magna
aliquam</a> erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis. <a href="#">Read more »</a></p>
<p> </p>
<p> </p>
<h3>Sed ut perspiciatis <a href="#">Architecto</a></h3>
<p><span class="Style1"> Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed
quia consequuntur magni dolores eos qui</span></p>
<p> </p>
<p> </p>
<h3><span class="Style1">explicabo</span></h3>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing elit</a>,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore <a href="#">magna
aliquam</a> erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis. <a href="#">Read more »</a></p>
<p> </p>
<h3>Sed ut perspiciatis <a href="#">Architecto</a></h3>
<p> <img class="right" src="images/ill1.jpg" alt="" width="125"
height="100" /><br />
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
magni dolores eos qui</p>
<p> </p>
<p> </p>
<h3><span class="Style1">explicabo</span></h3>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing elit</a>,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore <a href="#">magna
aliquam</a> erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis. <a href="#">Read more »</a></p>
<p> </p>
<p> </p>
</div>
</div>
<div id="left">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Designs</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Forum</a></li>
</ul>
</div>
<div class="extra">
<p class="titre_extra">Some news here</p>
<p> archive 2006 </p>
<p> archive 2007 </p>
<p class="titre_extra">Some news here</p>
<p> archive 2004 </p>
<p> archive 2005 </p>
</div>
<p> </p>
<p> </p>
<div id="footer">
<p>design by kty<a href="http://www.studio-plume.org"> www.studio-
plume.org</a></p>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Space Travel Is Boring</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="template02.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="container">
<div id="header">
<h1>space travel is boring</h1>
<div id="nav-top">
<ul>
<li><a href="#">lorem</a></li>
<li><a href="#">lorem</a></li>
<li><a href="#">lorem</a></li>
<li><a href="#">lorem</a></li>
</ul>
</div>
<!--
End of top links
-->
</div>
<!--
Main Navigation
-->
<div id="mainnav">
<ul>
<li><a href="#">contact us</a></li>
<li><a href="#">clients</a></li>
<li><a href="#">services</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
<div id="mainnavsub">
<ul>
<li><a href="#">Link Six</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
<div id="content">
<h1>space travel is boring</h1>
<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum.</p>
<h2>Lorem ipsum dolor sit amet.</h2>
<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum.</p>
<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum.</p>
<blockquote>
<p> "Lorem ipsum dolor sit amet. Lorem ipsum dolor sit <span
class="highlight">amet, consetetur sadipscing elitr,</span> sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat. " </p>
</blockquote>
<p>Lorem ipsum dolor , consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
eos et accusam et justo sit amet duo <a href="#">dolores et ea rebum.</a> Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem
ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<ul>
<li><a href="#">At vero eos et accusam et justo duo dolores et ea
rebum</a></li>
<li><a href="#">consetetur sadipscing elitr</a></li>
<li><a href="#">At vero eos et accusam et justo duo</a></li>
<li><a href="#">consetetur sadipscing elitr</a></li>
</ul>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
<h3>MORE LOREM IPSUM</h3>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla facilisis.</p>
</div>
<div id="sidebar">
<h3>Css Stuff</h3>
<div id="nav-right">
<ul>
<li><a href="#">Css Drive</a></li>
<li><a href="#">Dynamic Drive</a></li>
<li><a href="#">Style The Web</a></li>
<li><a href="#">Css Import</a></li>
<li><a href="#">Think Vitamin</a></li>
</ul>
</div>
<h3>Gallery Quick Links</h3>
<p class="thumbs"> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a></p>
<p class="thumbs"> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a></p>
<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, . Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
<h3>Recent Updates</h3>
<p class="thumbs"> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a></p>
<p class="thumbs"> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a> <a href="#"><img src="imgs/thumb.jpg" width="40" height="40"
alt="" /></a></p>
<p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum.</p>
</div>
<!--
End Side bar and thumbs
-->
<!--
Start of footer data
-->
<div id="footer-contents">
<p id="footer-copy"><a href="mailto:[email protected]">Coll23</a> <a
href="#">Lorem Ipsum</a> <a href="#">Lorem Ipsum</a></p>
<p id="footer-links"><a href="http://validator.w3.org/check/referer">[XHTML
1.0]</a> <a href="http://jigsaw.w3.org/css-validator/">[CSS]</a></p>
</div>
<!--
End of footer data
-->
</div>
</body>
</html>
<!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>Sparkle</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Sparkle</a></h1>
<h2><a href="http://freecsstemplates.org/">by Free Css Templates </a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">My Blog</a></li>
<li><a href="#" accesskey="3">My Photos</a></li>
<li><a href="#" accesskey="4">My Bookmarks</a></li>
<li><a href="#" accesskey="5">Contact Me</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h2>Recent Updates</h2>
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse
potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h3>Suspendis potenti</h3>
<p>Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus
placerat augue. Donec justo odio, eleifend varius, volutpat venenatis, sagittis ut,
orci. <a href="#">More…</a></p>
<p><a href="#"><img src="images/img5.jpg" alt="" width="160" height="120"
/></a></p>
</div>
<div id="colTwo">
<h2>Welcome to Sparkle!</h2>
<p><em><strong>Sparkle</strong></em> is a free template from <a
href="http://freecsstemplates.org/"><strong>Free CSS Templates</strong></a>
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. All photos are from <a
href="http://pdphoto.org/">PDPhoto.org</a>. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ol>
<li><a href="#">Suspendisse quis gravida massa felis</a></li>
<li><a href="#">Vivamus sagittis bibendum erat</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare</a></li>
<li><a href="#">Suspendisse quis gravida massa felis</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante</a></li>
</ol>
<h3>Lorem Ipsum Dolore </h3>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec.</p>
<p><a href="#">Pellentesque sed vestibulum blandit…</a></p>
</div>
<div id="colThree"> <a href="#"><img src="images/ad_120x600.jpg" alt=""
width="120" height="600" /></a></div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Sparkle. Designed by <a
href="http://freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Spheroids</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="topmenu">
<ul>
<li><a href="#" id="topmenu1" accesskey="1"
title="Homepage"><span>Home</span></a></li>
<li><a href="#" id="topmenu2" accesskey="2" title="View
Sitemap"><span>Sitemap</span></a></li>
<li><a href="#" id="topmenu3" accesskey="3"><span>Contact</span></a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Spheroids</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="main">
<div id="welcome">
<h2>Welcome to Spheroids!</h2>
<img src="images/img06.jpg" alt="" width="120" height="120" class="left" />
<p><strong>Spheroids</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div id="example">
<h2>A Few Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Viverra
vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
</ul>
</div>
</div>
<div id="partners" class="boxed">
<h2 class="title">Partners</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Spheroids. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Splashtastic</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="splashtastic.css" media="screen"
title="style (screen)" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
</head>
<body>
<div id="wrap">
<div id="header">
<div id="title">
<h1>SPLASHTASTIC</h1>
<br />
<h2>CATCHY SLOGAN HERE</h2>
<br />
</div>
</div>
<br />
<div id="bar"> <img class="frontphoto" src="splash.jpg" width="326" height="300"
alt="" />
<div id="menu">
<h2 class="hide">Menu:</h2>
<ul>
<li><a href="#">HOME<br />
<small>A short preview or summary of the page goes here.</small></a></li>
<li><a href="subpage1.html">SUBPAGE<br />
<small>Click here to see what a subpage looks like.</small></a></li>
<li><a href="#">LOREM<br />
<small>Ipsum dolor sit amet</small></a></li>
<li><a href="#">IPSUM<br />
<small>Consectetuer adipiscing elit. Aliquam imperdiet, tortor vel
dapibus</small></a></li>
</ul>
</div>
<div id="news">
<h1>Welcome</h1>
This design features a splash-like front page with a big menu to direct your
visitors right to the meat of your site. To see what a subpage would look like,
click <a href="subpage1.html">here</a>.
<h2>News or Links</h2>
Aliquam imperdiet, tortor vel dapibus volutpat, orci neque nonummy<br />
<a href="#" class="links">mauris, et</a> <a href="#" class="links">convallis
orci</a> <a href="#" class="links">massa id lectus.</a> <a href="#"
class="links">Vivamus magna. </a> </div>
</div>
</div>
</body>
</html>
<!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>Spotlight</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1>spotlight</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Friends</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Evergreen!</h2>
<p><em><strong>Spotlight</strong></em> is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<h3>Sample Unordered List</h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
<h3>An Older Post Example</h3>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue:</p>
<ol>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">Blog-o-friend.com</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Spotlight. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Spring Bloom</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="header">
<h1>Spring Bloom</h1>
<p>Design. Style. Usability.</p>
<ul>
<li><a href="#">Homepage</a></li>
<li><a href="#">My Blog</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
<div id="content">
<div id="sidebar">
<h1>Latest News</h1>
<p>Spring Bloom has been released to the public. Preview or download it now and
leave your comments! <a href="#" class="more">Read More »</a></p>
<p>I have created a new site to list all of my favourite design related links.
(I know... how boring!) <a href="#" class="more">Read More »</a></p>
<h1>Links</h1>
<ul>
<li><a href="#">4Templates</a></li>
<li><a href="#">Christopher Robinson</a></li>
<li><a href="#">EVO Hosting</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">Text Link Ads</a></li>
<li><a href="#">W3C Sites</a></li>
</ul>
<h1>Search</h1>
<input value="Start Your Search..." type="text" />
</div>
<div id="main">
<h1>Welcome To Spring Bloom</h1>
<p>This template is just what came together after browsing Open Stock
Photography. Whilst searching through their stocks I came across the image I later
used in the header & navigation area of this template. A few specifics,
browser-based font resizing is fully supported and images have been optimised for
size and loading speed. Other than that, this design maintains my usage of using
valid semantic and well-structured XHTML 1.0 Strict and CSS 2 code.</p>
<h1>About The Designer</h1>
<p>Hello Iâ²m Christopher, a 20 year old self taught graphics and web designer
from Cheshire, England. I specialise in creating XHTML and CSS compliant websites
along with any needed graphics and am available for freelance work, just contact me
to have a chat or feel free to browse around my personal site.</p>
<h1>Using The Template</h1>
<p>This template is licensed under the <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution
2.5</a>. Please read and agree to the terms contained within this attribution so
you understand the usage agreements.</p>
<blockquote>
<p>If you decide to use this template, I kindly ask you to leave the
"Designed by edg3.co.uk" link in the footer (come on... it's not much to ask for
considering you are getting a free template is it?).</p>
</blockquote>
<p>I am also interested in seeing how my templates are used, so feel free to
send me an e-mail with a link to your page so I can check it out!</p>
<h1>Lipsum</h1>
<p><img alt="" class="left" src="image/image.jpg" />Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In egestas nisl sit amet odio. Duis iaculis metus eu
nulla. Donec venenatis sapien sed urna. Donec et felis ut elit elementum
pellentesque. Praesent bibendum turpis semper lacus. Sed quis risus vitae eros
nonummy aliquet. Curabitur congue, purus eget auctor egestas, nunc pede suscipit
erat, a egestas nisi eros non orci. Fusce dolor. Etiam dictum ipsum in turpis. Nunc
elit nibh, facilisis vitae, iaculis sed, sodales vel, sapien. Cras est massa,
sodales at, commodo a, ultrices ac, urna. Nam eu turpis sed ante sagittis
vestibulum.</p>
<p>Nullam egestas. Sed interdum, urna eget tristique sagittis, ipsum nunc
aliquet velit, a mollis dui mauris ac magna. Praesent aliquam libero porta orci. In
aliquet quam sit amet justo auctor imperdiet. In aliquam pharetra justo. In dolor
purus, egestas at, dictum eget, aliquet nec, tellus. Sed porta justo non est. Sed
nisl tortor, consectetuer at, varius et, tempor et, lectus. Cras condimentum
adipiscing dolor. Etiam lacus. Cras egestas sem ac risus. Nam massa. Aliquam
blandit tortor a justo. Aliquam rutrum nisi a velit. Nulla sem. Curabitur sagittis.
Nunc pellentesque libero ut erat. Curabitur eget tellus.</p>
</div>
</div>
<div id="footer">
<p>Copyright © <a href="#">Spring Bloom</a> 2007 | Designed by <a
href="http://www.edg3.co.uk/">edg3.co.uk</a> | Valid <a
href="http://jigsaw.w3.org/css-validator/">CSS</a> & <a
href="http://validator.w3.org/">XHTML</a></p>
</div>
</body>
</html>
<!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>
<title>Springs Awakening</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="styles/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Spring's Awakening </h1>
<div id="topnav">
<ul>
<li><a href="#">Home</a></li>
<li><a class="active" href="#">Active</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="maincontent">
<h2>Lorem Ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc eget lorem.
Sed libero lectus, consectetuer id, hendrerit vel, ullamcorper tincidunt, nisl.
Sed faucibus consectetuer ante. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Suspendisse potenti. Donec augue nulla, mattis id, faucibus ac,
pharetra sed, massa. In hac habitasse platea dictumst. Aliquam massa urna,
porttitor sed, adipiscing vel,<img src="images/imageplace.jpg" alt="Some Image"
width="179" height="145" hspace="2" vspace="5" align="left" /> placerat vitae, mi.
Integer ac lectus vitae tellus dictum adipiscing. Quisque semper diam vel orci.
Vivamus nulla est, mollis euismod, nonummy consectetuer, ultricies id, ligula.
Duis eleifend, nulla vel aliquam aliquam, enim sapien semper lacus, nec tempus
augue arcu pulvinar dui. Ut varius. In mollis ante. Duis dui. Nunc aliquam. Donec
at lacus nec neque rutrum viverra. </p>
<p>Ut tortor turpis, ultrices eget, aliquet a, mollis id, turpis. Phasellus
auctor, mi vel placerat convallis, elit velit aliquam diam, id mollis metus ante
eu libero. Nullam vulputate quam sit amet justo. Sed ac nulla. Fusce diam sapien,
vestibulum at, mattis vel, molestie non, odio. Donec dapibus varius sem. Donec
enim odio, sollicitudin nec, faucibus sed, ultrices ut, quam. Fusce tempus orci.
Proin ac sapien vitae sem eleifend convallis. Mauris aliquet nisl et nisi.
Pellentesque non justo. Sed ante. Aliquam erat volutpat. Integer eget est a nulla
volutpat vehicula. </p>
<p>Quisque tincidunt, ante vel dignissim porta, justo ligula sagittis quam,
id suscipit arcu lectus at felis. Vestibulum sollicitudin. Aenean ornare sem id
velit. In iaculis, ante id dictum suscipit, purus ante hendrerit orci, sed
accumsan risus metus vitae est. Nulla facilisi. Curabitur ut orci. In hac
habitasse platea dictumst. Morbi sollicitudin ultrices dui. Mauris id metus sed
turpis ultricies rhoncus. Cras tortor. Pellentesque ornare augue sed ante. Donec
in odio a enim bibendum fermentum. Vestibulum tempor pharetra mauris. Fusce
vestibulum consectetuer est. Suspendisse potenti.</p>
<div id="creativecommons"><a rel="license"
href="http://creativecommons.org/licenses/by-nd/3.0/"><img alt="Creative Commons
License" style="border-width:0" src="http://i.creativecommons.org/l/by-
nd/3.0/88x31.png" /></a> <br />
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by-nd/3.0/">Creative Commons Attribution-
No Derivative Works 3.0 License</a>.</div>
<p> </p>
</div>
<div id="menu">
<h2>Go To... </h2>
<div id="links">
<ul>
<li><a href="#">Home</a></li>
<li><a class="active" href="#">Active</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4 </a></li>
</ul>
<ul>
<li><a href="#">Connor Mckelvey</a></li>
<li><a href="#">Con(A)rtist Designs</a></li>
</ul>
</div>
</div>
</div>
<div id="footer"> Property Of Connor Mckelvey of <a
href="http://www.connorm.gknu.com">Con(A)rtist Designs</a> © 2007</div>
</div>
</body>
</html>
<!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>stark</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" href="default.css" type="text/css" />
<!--[if gte IE 5]>
<style>
#menu li{padding:1px;margin:0 2px;}
#menu li a{margin-right:-3px;}
#banner{margin:0;}
#content{width:510px}
#sidebar{padding-left:10px;}
#container{position:relative;top:-15px;}
.sidelinks{margin-left:0;}
#footer{position:relative;bottom:-20px;}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="banner">
<h4>stark / <span class="lighter_banner">simpler than the sum of its
parts</span></h4>
</div>
<div id="menu">
<ul>
<li><a href="#" class="current">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">links</a></li>
<li><a href="#">gallery</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
<div id="sidebar">
<h3>search</h3>
<div>
<form action="#">
<fieldset>
<input type="text" name="search" size="0" />
<br />
<a href="#" class="formbutton">
<input type="submit" value="» go" class="formbutton" />
</a>
</fieldset>
</form>
</div>
<h3>sidebar item</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In pulvinar. Cras
nisl. Ut at arcu. Cras lectus justo, aliquet nec, commodo sit amet, iaculis quis,
nisl.</p>
<h3>my links</h3>
<ul class="sidelinks">
<li><a href="#">Open Web Design</a></li>
<li><a href="#">Squidfinger</a></li>
<li><a href="#">Kollermedia</a></li>
<li><a href="#">CSS Play</a></li>
<li><a href="#">Kaliber 10K</a></li>
<li><a href="#">Photoshop Star</a></li>
<li><a href="#">A List Apart</a></li>
<li><a href="#">Fractured Sanity</a></li>
</ul>
</div>
<div id="content">
<h4>welcome to my stark world</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In pulvinar. Cras
nisl. Ut at arcu. Cras lectus justo, aliquet nec, commodo sit amet, iaculis quis,
nisl. Integer vitae sem ac ligula fermentum egestas. Proin a magna ac <a
href="#">ante malesuada</a> cursus. Fusce justo massa, eleifend ut, molestie vel,
rutrum et, enim. Nulla dignissim sem in urna. In viverra eros at nisi. Suspendisse
id mi. Aliquam erat volutpat. Sed egestas bibendum elit. Nulla vel leo sit amet sem
varius pellentesque. Nam ut nisi vel risus posuere egestas.</p>
<h4>this is a second header showing a floating image</h4>
<p> <a href="#"><img src="img/tree.gif" class="l" alt="Tree" /></a>In vitae
pede non ligula scelerisque pellentesque. Pellentesque id arcu. Nulla convallis est
quis orci. Vestibulum massa. Phasellus sit amet libero ut dui varius eleifend.
Proin ut dui non lacus feugiat auctor. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos hymenaeos. Morbi eu enim. Praesent
aliquam. Aenean elementum metus a mi sagittis eleifend. Phasellus aliquam, dolor eu
accumsan accumsan, magna libero cursus velit, non adipiscing nibh nisi vel leo.
Aliquam libero. Nullam lobortis nibh sed purus. Suspendisse dolor enim, ultricies
sed, euismod et, ullamcorper a, lacus. Nam egestas dolor nec nulla. Aenean
consectetuer ullamcorper eros. Quisque pulvinar cursus tellus. Maecenas adipiscing
congue lectus. Pellentesque molestie lacus ac felis. Donec eu lacus.</p>
<h4>trying out an unordered list</h4>
<p>Aliquam erat volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum
a, metus. Vivamus vestibulum leo. Maecenas vel sem id orci dictum ullamcorper.
Curabitur interdum tempor nibh. <b>Curabitur</b> magna purus, malesuada in,
adipiscing eget, facilisis sed, nibh. In a ipsum id neque condimentum rhoncus.
Fusce leo nisl, suscipit a, porta sed, nonummy id, neque. Quisque sed leo molestie
arcu varius hendrerit. Donec eget erat. Fusce mattis elementum lorem.</p>
<ul>
<li>Firefox 1.5-2.0</li>
<li>Safari 2.0.4</li>
<li>Internet Explorer 6 & 7</li>
<li>Opera 9.0.2</li>
</ul>
<h4>want to see a blockquote?</h4>
<p>Nulla convallis est quis orci. Vestibulum massa. Aliquam erat volutpat.Donec
ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus vestibulum leo.
Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum tempor nibh.
Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed, nibh.</p>
<blockquote>
<p>In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.Maecenas vel sem id orci dictum ullamcorper.
Curabitur interdum tempor nibh. Curabitur magna purus, malesuada in, adipiscing
eget, facilisis sed, nibh.</p>
</blockquote>
<p>Pellentesque molestie lacus ac felis. Donec eu lacus.Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh.</p>
<h4>web standards are important</h4>
<p>That's why I ensure that my templates are <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> valididated and have
valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> as well. I
also test in a variety of browsers (see the unordered list example above for a list
of browsers I test on) on Mac and Windows platforms. Unfortunately, I do not have
access to a Linux box for testing but that's aother good reason to adhere to web
standards; if it looks good on a browser on the Mac or Windows, then it will look
equally good on the same browser in another operating system.</p>
<p>Pellentesque molestie lacus ac felis. Donec eu lacus.Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh. In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.</p>
</div>
<div id="footer">
<p>© your website name | design by <a
href="http://20pirates.com">20pirates</a></p>
</div>
</div>
</body>
</html>
<!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>Beautiful Curves</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="left">
<h4>Menu</h4>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Message Boards</a></li>
<li><a href="#">Favourite links</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Another link</a></li>
</ul>
</div>
</div>
<div id="right">
<h1>Beautiful Curves</h1>
<h2>Curves like Venus</h2>
<h3>Beautiful Curves</h3>
<p>This template is created by Dieter Schneider a cold January night 2006.
It's valid Xhtml 1.0 Strict! If you want the PSD file for this template you can
purchase it at CssTemplateHeaven.com, this will give you more flexibility. Please
do not remove the copyright in the footer if you have the free version of this
template.</p>
<h3>This is a block quote </h3>
<blockquote>
<p>Pellentesque tincidunt ultrices purus. Vivamus aliquam. Praesent commodo,
diam quis egestas nonummy, lacus odio luctus elit, non rhoncus nulla tortor quis
purus. Duis blandit. Duis porttitor, mauris vitae auctor ornare, ligula nunc
faucibus dui, quis porttitor nunc nulla a libero. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam erat volutpat.
Phasellus imperdiet. Fusce pellentesque risus quis lorem. Etiam pulvinar. Nunc
scelerisque libero vel quam. Aenean massa eros, feugiat quis, adipiscing ac,
scelerisque non, dui. Nulla ligula.</p>
</blockquote>
<h3>Lorem</h3>
<p>Mauris quis justo nec neque tristique posuere. Praesent rhoncus interdum
quam. Vivamus elementum nisi eu leo vestibulum mollis. Nullam pellentesque bibendum
purus. Nam hendrerit tincidunt enim. Etiam elementum. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Nullam felis justo,
blandit sit amet, viverra non, convallis id, metus. Curabitur ut tellus. Sed
pellentesque, est vel ullamcorper hendrerit, leo mi scelerisque elit, non ultrices
risus nibh vel pede. Pellentesque gravida odio sed sem. Maecenas dignissim. Mauris
nulla. Fusce sodales tellus sed mi. Aliquam convallis ornare velit. Suspendisse
imperdiet. Vestibulum tincidunt.</p>
<h3>Morbi feugiat </h3>
<p>Integer porta neque at neque. Nulla viverra orci eget arcu. Morbi feugiat.
Proin vestibulum molestie nibh. Duis sodales lorem non est. Etiam eu purus. In
ipsum. Duis vel orci ac mauris fringilla faucibus. Pellentesque tempus suscipit
risus. In nec nisi. Cras tortor metus, ornare eu, luctus id, dignissim quis, neque.
Morbi vulputate, nibh in lobortis volutpat, mi ligula mollis metus, at lobortis est
ipsum id mi. Nunc ultricies faucibus tortor. Vivamus dignissim lacus eget est
bibendum vulputate. Suspendisse potenti. Quisque sit amet dolor. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
<div id="footer">
<p>Created by: Dieter Schneider 2007| <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a></p>
</div>
</body>
</html>
<!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>
<title>Stepping Stone</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="title"> <a href="#"><img src="images/stone.gif" alt="" border="0"
/></a><br />
<h1>Stepping Stone</h1>
<p> A css & xhtml compliant web template </p>
</div>
<div id="container">
<div id="sidebar">
<h1>Main Menu</h1>
<div id="menu"> <a href="#">Home</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
<a href="#">Link Here</a><br />
</div>
<h1>Another Header</h1>
<p> Some general information about the site maybe? A counter maybe? Anything
you want that isn't supposed to be housed in the content area to the left of this
paragraph, stick it here, or in under another header underneath this one - the
choice is yours. </p>
<h1>Log In</h1>
<p>
<input type="text" value="Password" />
<br />
<input name="" type="text" />
<br />
<input type="button" value="Log In" />
</p>
<h1>Search</h1>
<p>
<input type="text" value="Search" />
</p>
</div>
<div id="content">
<h1>Introduction</h1>
<p> Hello and welcome to Stepping Stone, another web template designed by James
Koster. The inspiration for this template came from some really nice photographs of
objects on white surfaces that I saw earlier today. I took a look around for
something to photograph to get this effect and decided to use this stone. From
there I decided that the template would extremely light and easy on the eyes -
trying to uphold the feel of this photograph. </p>
<p> Another nice feature of this template is the ability to change the image at
the top to somethign more suiting to your site (your logo maybe), whilst still
keeping the overall feel of the page. I find that alot of web templates are too
reliant on the images they contain and thus only appeal to a small market. I try to
make my templates uable by anyone. </p>
<h1>CSS & XHTML</h1>
<p> As anyone looking for a website template to use would expect - this
template is of course, both CSS and XHTML valid according to the w3c. The benfits
of this include; </p>
<ul>
<li>The website rendering correctly in a wide range of browser platforms</li>
<li>Since CSS is used to maximise the aesthetics of the website the load
times are extremely low making for an extremely excessable website.</li>
<li>Low use of images saves bandwidth and improves load times</li>
</ul>
<p> For more information regarding this, and lots of other usefull web design
related stuff, follow this link. </p>
<h1>About the Author</h1>
<p> Hi there. My names Jay and I'm an 18 Year old web designer from the United
Kingdom. My company; Six Shooter Media provides a wide range of web design
possibilities to a wide range of clients. I specialise in CSS and XHTML coding but
can also install and modify PHP scripts such as Counters and Content Management
Systems. </p>
<p> I also run my own personal website, which I use as a blog, a place to
upload my photographs/drawings, do a bit of writing, and post news about my web
design capers now and again. Along side this website, I've just opened another
website which I use to host my templates and write tutorials for web design
beginners. </p>
<p> I make these web templates in my spare time as a kind of hobby, plus I like
'giving something back' to the web design community. Feel free to download and use
this template as you wish - for you site or just for education purposes, but please
leave the link to my website in at the bottom of the page, thanks. </p>
</div>
</div>
<div id="footer"> This is the area for the footer text and all that other boring
stuff.<br />
Valid: <a href="http://validator.w3.org/check?uri=referer">xhtml</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">css</a><br />
Designed by: <a href="http://www.sixshootermedia.com">Six Shooter Media</a>
</div>
</body>
</html>
<!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-AU">
<head>
<title>Simply Green</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div id="page">
<div id="header">
<h1>Sticky Page</h1>
<h2>A page to stick around</h2>
</div>
<div id="main">
<div id="content">
<h2>The Template</h2>
<p>This template was born out of frustation.....coz i was getting bored
around.. This is a simple page with fixed "width" and fixed
"height".</p>
<p>The graphic elements were made by me. I couldnt include the photoshop file
of the background becoz of the size limit. You can just ask for it and i will mail
it...or download it at my site KalyanChakravarthy.net/templates.php. </p>
<h2>The Rights</h2>
<p> This template is Open Source. Which means that you can use this template
in any way you want to use, do whatever you want at your wills and fancies.
I would appreciate you if the "Design by Kalyan" tag is left
alone and thats your wish. </p>
<h2>Feed Back</h2>
<p> Comments, suggestions, brick-bats, etc, etc...are all welcomed. You can
give mail me at [email protected]. </p>
</div>
<div id="righty">
<h2>Navi</h2>
<p><a href="#">Home</a></p>
<h2>Hello</h2>
<p>Hi every one. I am <b>Kalyan Chakravarthy</b> a 18yr old Designer from
India. </p>
<h2>Validation</h2>
<p> Valid <a href="http://validator.w3.org/check?uri=referer">XHTML
Strict</a> | <a href="#">CSS</a> </p>
</div>
</div>
<div id="footer"> <a href="#">Sticky Page</a> Designed by <a
href="http://www.kalyanchakravarthy.net">Kalyan Chakravarthy</a><br />
</div>
</div>
</body>
</html>
<!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>
<title>STONED</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div class="clear"> </div>
<div id="sidebar">
<h1>Links</h1>
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
</div>
<h1>More Links</h1>
<div class="menu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
<div id="sidebar-b">
<h1>Info</h1>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. </p>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<h1>Updates</h1>
<div class="scroll">
<h2>Jan 01 2006</h2>
<p class="news"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Nulla congue, velit tristique mattis auctor, velit elit euismod diam, a interdum
tortor enim eget ante. </p>
<h2>Dec 02 2005</h2>
<p class="news"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Nulla congue, velit tristique mattis auctor, velit elit euismod diam, a interdum
tortor enim eget ante. </p>
</div>
</div>
<div id="content">
<h1>Welcome to <span style="color:#000;">Stoned</span> Template</h1>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE templates visit my website.</blockquote>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante.</p>
<h1>Filler Text</h1>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla congue, velit tristique mattis auctor, velit
elit euismod diam, a interdum tortor enim eget ante. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla congue, velit tristique mattis auctor, velit
elit euismod diam, a interdum tortor enim eget ante. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nulla congue, velit tristique mattis auctor, velit
elit euismod diam, a interdum tortor enim eget ante. </p>
<h1>More Filler Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
</p>
</div>
<div id="credits"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
<div id="footer"> </div>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>NEWEST</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="banner">
<p><a href="#"><img src="images/home.gif" alt="homepage"></a> | <a
href="mailto:[email protected]"><img src="images/mail.gif"
alt="contact"></a></p>
<h1>Your Company Name ...</h1>
</div>
<div id="menu">
<ul id="nav">
<li id="home"><a href="#">Home</a></li>
<li id="who" class="activelink"><a href="#">About</a></li>
<li id="prod"><a href="#">Product</a></li>
<li id="serv"><a href="#">Services</a></li>
<li id="cont"><a href="#">Contact us</a></li>
</ul>
</div>
<div id="container">
<div id="content">
<h1>Welcome to <span style="font-weight:bold; color:#C4DA64;">StopWatch</span>
Template</h1>
<p class="big">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Praesent rhoncus molestie dui. Proin euismod dignissim justo. Curabitur id urna non
lorem egestas viverra. Aenean feugiat nisl et urna. Suspendisse vestibulum. Duis
ligula ante, porttitor id, tempor a, tincidunt sed, dolor. Aliquam feugiat
sollicitudin tellus. <a href="#">This is a link to nowhere.</a> Aenean augue arcu,
venenatis sed, pulvinar non, hendrerit nec, odio. Duis ligula. Nulla in urna eu
tellus auctor convallis. Nam elementum posuere enim.</p>
<div id="box">
<h2><img src="images/last.gif" alt="ad"> Advertise Your Site Here</h2>
<blockquote> This template has been tested in Mozilla and IE7 and validates
as HTML 4.01 Strict using valid CSS. Icons are courtesy of <a
href="http://www.exploding-boy.com/2005/09/13/explodingboy-pixel-icons/"
title="exploding-boy">Exploding Boy</a><br />
For more FREE CSS templates visit <a href="http://www.mitchinson.net"
title="my website">my website</a>.</blockquote>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi.</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent rhoncus
molestie dui. Proin euismod dignissim justo. Curabitur id urna non lorem egestas
viverra. Aenean feugiat nisl et urna. Suspendisse vestibulum. Duis ligula ante,
porttitor id, tempor a, tincidunt sed, dolor. Aliquam feugiat sollicitudin tellus.
Aenean augue arcu, venenatis sed, pulvinar non, hendrerit nec, odio. Duis ligula.
Nulla in urna eu tellus auctor convallis. Nam elementum posuere enim.</p>
<p>Praesent enim nulla, lacinia vel, accumsan ut, facilisis eget, ligula. Sed
suscipit, nisi id semper varius, justo turpis pretium orci, in cursus lorem nunc id
ipsum. Curabitur ipsum.</p>
</div>
<div id="content_right">
<dl class="curved">
<dt>RECOMMENDED LINKS</dt>
<dd> <br />
<ul id="navlist">
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
<p class="last"> </p>
</dd>
</dl>
<dl class="curved">
<dt>CURVED CORNERS<span class="small"> by Stu Nicholls</span></dt>
<dd>
<p>Ok, finally a four corner box with no extra markup.</p>
<p>No javascript and absolutely no hacks.</p>
<p class="last">Examples at <a href="http://www.cssplay.co.uk">» CSS
Play</a></p>
</dd>
</dl>
<dl class="curved">
<dt>MORE INFORMATION</dt>
<dd>
<p> Nulla in urna eu tellus auctor convallis.</p>
<p class="last">Morbi sodales vehicula nisi. Donec id tortor. </p>
</dd>
</dl>
</div>
</div>
<div id="footer">
<p><a href="#">homepage</a> | <a href="mailto:[email protected]">contact</a>
| © 2007 Anyone | Design by <a href="http://www.mitchinson.net">
www.mitchinson.net</a> | Licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a></p>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>StrategicBusinessDesigns</title>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1250">
<link rel="stylesheet" type="text/css" href="images/style.css">
</head>
<body>
<div id="container">
<div id="top"> <b>StrategicBusinessDesigns.com</b> <span class="podnaslov"><br>
CSS Designs & Software Development </span> </div>
<div id="left"> <a href="#">Home</a> <a href="#">Info</a> <a href="#">Contact</a>
<a href="#">Support</a> <a href="#">Our Affiliates</a> <a href="#">Links</a> <a
href="#">About us</a> <br />
<p>This is a 3 column <b>CSS</b> design. It has two pictures, one for the
central column titles, and one for the background. </p>
<a href="#">Welcome to Our site!</a>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse
ultrices... </p>
<br>
<form name="#" action="a" method="get">
<p> Username: <br>
<input name="a" type="text" size="16">
<br>
Password: <br>
<input name="a" type="password" size="16">
<br>
<br>
<input name="a" type="submit" class="login" value="Login">
<input name="a" type="submit" class="login" value="Register">
</p>
</form>
<br>
<a href="#">RSS Feed</a> <a href="#">Submit URL</a> <a href="#">Get Firefox!
</a> </div>
<div id="right">
<form name="#" action="a" method="get">
<p> Search:
<input name="a" type="text" size="14">
<input name="a" type="submit" class="submit" value="Go">
</p>
</form>
<h3>Welcome to Our site!</h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse
ultrices, tellus vitae accumsan sagittis, massa eros volutpat enim, a lobortis est
velit a odio. Donec vel wisi. Cras sed enim sodales mi luctus semper. Aliquam
hendrerit volutpat nunc. Aliquam lobortis risus vestibulum risus. Aliquam arcu
tortor, pulvinar vel, aliquam quis, <b>vulputate</b> et, odio. Maecenas vel leo in
nibh suscipit posuere. Sed leo tortor, semper et, accumsan eget, mattis in, sapien.
Suspendisse nec nibh. Suspendisse potenti. Sed nec dui. Nam consequat porta ligula.
Proin dui tellus, sodales eu, dignissim nec, semper et, dolor. Morbi bibendum
faucibus leo. Etiam placerat libero vel odio. Nullam posuere dignissim mauris.
Proin auctor tempus elit. </p>
<h3>Be sure to read this</h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse
ultrices, tellus vitae accumsan sagittis, massa eros volutpat enim, a lobortis est
velit a odio. Donec vel wisi. Cras sed enim sodales mi luctus semper. Aliquam
hendrerit volutpat nunc. Aliquam lobortis risus vestibulum risus. Aliquam arcu
tortor, pulvinar vel, aliquam quis, vulputate et, odio. Maecenas vel leo in nibh
suscipit posuere. Sed leo tortor, semper et, accumsan eget, mattis in, sapien.
<b>Suspendisse</b> nec nibh. Suspendisse potenti. Sed nec dui. Nam consequat porta
ligula. Proin dui tellus, sodales eu, dignissim nec, semper et, dolor. Morbi
bibendum faucibus leo. Etiam placerat libero vel odio. Nullam posuere dignissim
mauris. Proin auctor tempus elit. </p>
</div>
<div id="content">
<p> <a class="tabs" href="#">HOME</a> <a class="tabs" href="#">NEWS</a> <a
class="tabs" href="#">REVIEWS</a> </p>
<h2><a href="#">Welcome visitors!</a></h2>
<p> This is a design experiment with a 3 column layout, left column for the
links, central column for the main content and the right column for the short news.
The idea was to slightly emboss the page to catch the eye, and to emboss the
central column as the main part of the site. I only spent a few hours designing
this page, so it's expected to have it's flaws. If you wish, you can visit my site
Solucija, but the page is not in English, it's in Croatian. If you like this
design, you are free to use it in any way you want. </p>
<div class="more"> Posted on: 04.07.2005. | <a href="#">Read more</a> | <a
href="#">Comment (4)</a> </div>
<h2><a href="#">The Lorem Ipsum text strikes back!</a></h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse
ultrices, tellus vitae accumsan sagittis, massa eros volutpat enim, a lobortis est
velit a odio. Donec vel wisi. Cras sed enim sodales mi luctus semper. Aliquam
hendrerit volutpat nunc. Aliquam lobortis risus vestibulum risus. Aliquam arcu
tortor, pulvinar vel, aliquam quis, vulputate et, odio. Maecenas vel leo in nibh
suscipit posuere. Sed leo tortor, semper et, accumsan eget, mattis in, sapien.
Suspendisse nec nibh. Suspendisse potenti. Sed nec dui. Nam consequat porta ligula.
Proin dui tellus, sodales eu, dignissim nec, semper et, dolor. Morbi bibendum
faucibus leo. Etiam placerat libero vel odio. Nullam posuere dignissim mauris.
Proin auctor tempus elit. </p>
<div class="more"> Posted on: 26.06.2005. | <a href="#">Read more</a> | <a
href="#">Comment (10)</a> </div>
<h2><a href="#">Lorem Ipsum</a></h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse
ultrices, tellus vitae accumsan sagittis, massa eros volutpat enim, a lobortis est
velit a odio. Donec vel wisi. Cras sed enim sodales mi luctus semper. Aliquam
hendrerit volutpat nunc. Aliquam lobortis risus vestibulum risus. Aliquam arcu
tortor, pulvinar vel, aliquam quis, vulputate et, odio. Maecenas vel leo in nibh
suscipit posuere. Sed leo tortor, semper et, accumsan eget, mattis in, sapien.
Suspendisse nec nibh. Suspendisse potenti. Sed nec dui. Nam consequat porta ligula.
Proin dui tellus, sodales eu, dignissim nec, semper et, dolor. Morbi bibendum
faucibus leo. Etiam placerat libero vel odio. Nullam posuere dignissim mauris.
Proin auctor tempus elit. </p>
<div class="more"> Posted on: 20.06.2005. | <a href="#">Read more</a> | <a
href="#">Comment (16)</a> </div>
</div>
<div id='footer'> © 2005. <a href="#">Home</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer"> Validate CSS</a> | <a
href="http://validator.w3.org/check?uri=referer">Valid HTML 4.01!</a> <br>
Designed by <a href="http://www.solucija.com/"><b>Luka Cvrk</b></a> | contact
<a href="#">Email</a>. </div>
</div>
</body>
</html>
<!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>stylevantage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Orange.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo">style<span class="orange">vantage</span></h1>
<h2 id="slogan">put your site slogan here...</h2>
<form method="post" class="searchform" action="#">
<p>
<input type="text" name="search_query" class="textbox" />
<input type="submit" name="search" class="button" value="Search" />
</p>
</form>
</div>
<div id="menu">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="content-wrap">
<div id="sidebar">
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Themes</h1>
<ul class="sidemenu">
<li><a href="#">Orange</a></li>
<li><a href="Green.html">Green</a></li>
<li><a href="Blue.html">Blue</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"Keep away from people who try to belittle your ambitions. Small
people always do that, but the really great make you feel that you, too, can become
great."</p>
<p class="align-right">- Mark Twain</p>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Stylevantage 1.0</strong> is a free, W3C-compliant, CSS-based
website template by <strong>styleshout.com</strong>. This work is distributed under
the <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to my website in your
credits.</p>
<p>For more free designs, you can visit my website to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Sep 15,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="#"><img src="images/firefox-gray.jpg" width="100" height="120"
alt="firefox" class="float-left" /></a> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt,
orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus
leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac
blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque.
Curabitur vel urna. In tristique orci porttitor ipsum. Aliquam ornare diam iaculis
nibh. Proin luctus, velit pulvinar ullamcorper nonummy, mauris enim eleifend urna,
congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
<div id="rightbar">
<h1>More Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero.
Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam,
lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus
nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.
Cras fringilla magna.</p>
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the donate link on my website - it
will be a great help and will surely be appreciated.</p>
</div>
</div>
</div>
<div id="footer">
<p> © copyright 2006 <strong>Your Company</strong> Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid: <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<a href="#">Home</a> | <a
href="#">Sitemap</a> | <a href="#">Home</a> </p>
</div>
</body>
</html>
<!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>Subdued</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Forums</a></li>
<li class="active"><a href="#">Support</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="header">
<h1><a href="#">Subdued</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<div class="post hr">
<h1>Welcome to <em>Subdued!</em></h1>
<img src="images/img07.jpg" alt="" width="120" height="120" class="left" />
<p><strong>Subdued</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from <a
href="#">PDPhoto.org</a>. You're free to use it for both commercial or personal
use. I only ask that you link back to my site in some way. <em>Enjoy :)</em></p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="post">
<h2>Lorem Ipsum Dolor</h2>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque
tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis,
rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat
odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est.
Curabitur sit amet nulla. Nam in massa. Sed vel tellus.</p>
<h3>Curabitur Sem Urna</h3>
<p>Vel consequat, suscipit in, mattis placerat, nulla. Sed ac leo.
Pellentesque imperdie:</p>
<blockquote>
<p>In posuere eleifend odio quisque semper augue mattis wisi maecenas
ligula. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue
rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue,
and nibh. </p>
</blockquote>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="updates" class="bluebox">
<h2>Recent Updates</h2>
<ul>
<li>
<h3>May 31, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula…</a></p>
</li>
<li>
<h3>May 26, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>May 22, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>May 17, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et, tellus.
Etiam nequea…</a></p>
</li>
<li>
<h3>May 14, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at urna
congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Red Avenue. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!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>Subwoofer</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Subwoofer</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Subwoofer!</h2>
<div class="story">
<p><strong>Subwoofer</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="extra" style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Subwoofer. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Summer Breeze</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="header">
<h1>Summer Breeze</h1>
</div>
<div class="navigation"><a href="#">Home</a> <a href="#">Aenean</a> <a
href="#">Suspendisse</a> <a href="#">Elemen</a> <a href="#">Maecenas</a>
<div class="clearer"><span></span></div>
</div>
<div class="container">
<div class="content">
<h1>Porttitor posuere</h1>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est
pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo.
Vestibulum ac ante. Sed in est.</p>
<cite>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</cite>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae,
interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris.
Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a> risus.
Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius pede
tristique ultricies. Cras nisl. Proin quis massa semper felis euismod ultricies.
</p>
<div class="divider"></div>
<h1>Adipiscing</h1>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non
euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante.
Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.
Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim
quam fringilla mi.</p>
<div class="divider"></div>
<h1>Interdum</h1>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo placerat elit,
eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat
aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat
molestie.</p>
</div>
<div class="footer"> © 2006 <a href="#">Website</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Design by <a
href="http://templates.arcsin.se">Arcsin</a> </div>
</div>
</body>
</html>
<!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>Summer Breeze</title>
<link rel="stylesheet" href="1.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="head">
<div class="navbox">
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Forum</a></li>
</ul>
</div>
</div>
<br />
<div id="textbox">
<h1>Summer Breeze</h1>
</div>
</div>
<div id="container">
<div id="content">
<h2>Thoughts of summer</h2>
<p> <img class="right" src="picks/7.jpg" alt=""></img> <span
class="firstbigletter">S</span>ame time every year around the end of march or so I
always start
thinking about summer and the fact that its just around the
corner. From the smell of freshly mowed grass,the lilacs in
my back yard to the songs of all the different birds
building there nests in my crab apple trees and those warm
summer breezes. </p>
<p> <span class="firstbigletter">I</span> look forward to Saturday mornings
going fishing with my son and my two grandsons
later on firing up the ol barbecue grill and sitting back with a tall glass
of lemonade.
Catch and release fire fly competitions, bat mitten,Frisbees and baseball
with the whole family at the same time what chaotic fun!. </p>
<p><span class="firstbigletter">N</span>ot to brag mind ya but I can invite
five people to a cookout and 15 will show up
not including drive bys and neighbors but there always welcome and always
contribute
to the fun and being the musically inclined bunch we are we usually end up in
an acoustic guitar jam and we even write our own songs. </p>
<p><span class="firstbigletter">W</span>ell I guess it will all come full
circle soon enough but for now Spring has sprung!<br />
I hear the fish are starting to bite and you couldn't hold me back with a
truck.
Enough rambling hope you find this template useful. </p>
<hr />
<h4>Oh yea this template:</h4>
<p><img class="right" src="picks/sb.jpg" alt=""></img> <span
class="firstbigletter">C</span>oded in Notepad: <br />
It is valid xhtml 1.0 Strict and Valid css.<br />
No conditional comments, no hacks.<br />
Drove it around the block a couple a times runs good. </p>
<h4>Browsers tested:</h4>
<ul>
<li>- IE7</li>
<li>- IE6</li>
<li>- IE5.5</li>
<li>-Mozilla Firefox 1.5</li>
<li>-Mozilla Firefox 2.0</li>
</ul>
<h4>Platforms tested:</h4>
- Windows XP / 2000 / 98 </div>
<div id="sidebar">
<table id="calendar" cellspacing="0" cellpadding="0" summary="This month's
calendar">
<caption>
<a href="#" title="previous month" class="nav">«</a> March<a href="#"
title="next month" class="nav">»</a>
</caption>
<tr>
<th scope="col" abbr="Sunday" title="Sunday">S</th>
<th scope="col" abbr="Monday" title="Monday">M</th>
<th scope="col" abbr="Tuesday" title="Tuesday">T</th>
<th scope="col" abbr="Wednesday" title="Wednesday">W</th>
<th scope="col" abbr="Thursday" title="Thursday">T</th>
<th scope="col" abbr="Friday" title="Friday">F</th>
<th scope="col" abbr="Saturday" title="Saturday">S</th>
</tr>
<tr>
<td> </td>
<td> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td >6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td><a href="#">10</a></td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td><a href="#">13</a></td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>21</td>
<td>22</td>
<td><a href="#">23</a></td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td class="today"><a href="#">31</a></td>
<td> </td>
<td> </td>
</tr>
</table>
<br />
<h3>Memorial Day</h3>
<p> Always the first big family get together of the season
outdoors.
A beautifull spot along the mississippi <a href="#">read....</a></p>
<h3>4th of July</h3>
<p> Well because of the little incident with uncle Johns
barn last year we have to re think the setting off our own fire works
thing. <a href="#">read....</a></p>
<h3> Look ma! <br />
no Lorem ipsum</h3>
<p> Well I thought I would give it a shot and use real text
for this design because sometimes the best filler text for a design is actual
text . </p>
</div>
<div id="footer"> <strong>By Coollew</strong> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Beautiful Day</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="top">
<div class="header">
<div class="left"> Beautiful Day </div>
<div class="right">
<h2>Tristique porta</h2>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam
vitae, interdum nec, metus. Maecenas ornare lobortis risus.</p>
</div>
</div>
</div>
<div class="container">
<div class="navigation"> <a href="#">Vestibulum</a> <a href="#">Suspendisse</a>
<a href="#">Elemen</a> <a href="#">Maecenas</a> <a href="#">Sodales</a>
<div class="clearer"><span></span></div>
</div>
<div class="main">
<div class="content">
<h1>Porttitor posuere</h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est
pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo.
Vestibulum ac ante. Sed in est.</p>
<blockquote>
<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</p>
</blockquote>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam
vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius
mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a>
risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius
pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod
ultricies. </p>
<h1>Adipiscing</h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non
euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante.
Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.
Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim
quam fringilla mi.</p>
<h1>Interdum</h1>
<div class="descr">May 24, 2006 by Lectus</div>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo placerat elit,
eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat
aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat
molestie.</p>
</div>
<div class="sidenav">
<h2>Something</h2>
<ul>
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h2>Another thing</h2>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h2>Third and last</h2>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat molestie</a></li>
</ul>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="footer">© 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://templates.arcsin.se">Arcsin</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Summer Fields</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="bgwrap">
<div id="container">
<div id="header">
<ul>
<li class="skiplink"><a href="#content">Skip to Content</a></li>
<li class="skiplink"><a href="#navigation">Skip to Navigation</a></li>
<li><a href="#">Search</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Faq</a></li>
</ul>
</div>
<div id="wrapper">
<div id="content">
<div id="mainpicbox">
<div id="mainpic">
<h2>Maybe a big background image here</h2>
<h3>Some little text here perhaps</h3>
<p><a href="#">Click here</a></p>
</div>
</div>
<p class="entrytext"><img src="sunflower.jpg" style="width: 100px; height:
100px; float:left;" alt="" /><span class="bright">Welcome</span> to Summer Fields!
</p>
<p>This design was actually inspired by a template I saw on a popular
template site. I took a look at a screenshot of it, and decided that I wanted to
make a completely standards following rendition of the design concept. I made all
the images and the code from scratch, based on the screenshot that I felt would
make a nice clean and bright business layout.</p>
<p>There are 6 images used in this design. 5 of those images together total
only 1.5KB and the other is the sunflower image which is 5.7KB and simple a
placeholder for your own images later. The pale blue background of the page is
easily changed in the CSS to whatever color you want (looks pretty good if you do
pure white or navy instead).</p>
<p>There is a <a href="subpage.html">sub-page layout included</a>, and you
can very easily change all the colors that you find here. This site should turn out
to be very lightweight for quick load-time.</p>
<p class="rightsidelink"><a href="#">Read More</a></p>
<div id="gallery">
<p class="entrytext"><img src="sunflower.jpg" style="width: 130px;
height: 130px; float:right;" alt="" />Our Photo Gallery</p>
<ul>
<li><a href="#"><img src="sunflower.jpg" alt="" /></a></li>
<li><a href="#"><img src="sunflower.jpg" alt="" /></a></li>
<li><a href="#"><img src="sunflower.jpg" alt="" /></a></li>
<li><a href="#"><img src="sunflower.jpg" alt="" /></a></li>
</ul>
<p>This area can be a photo gallery, or perhaps you could replace the
images with an amazon book list with affiliate links. If you want you could add a
tad of javascript to this area and when you mouseover the small image it can show
bigger in the image to the right.</p>
</div>
</div>
</div>
<div id="logobox">
<h1>Summer Fields</h1>
<h2>Your slogan here</h2>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Free Tips</a></li>
<li><a href="#">Locations</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<div id="extra">
<p class="stripnav">Our Services</p>
<p>Some little heading line here that talks about this area.</p>
<p><img src="sunflower.jpg" style="width: 70px; height: 80px;" alt="" /><a
href="#">Some link here</a><br />
And some more text below it to continue on.</p>
<p>Maybe this is more text about this link area.</p>
<p><img src="sunflower.jpg" style="width: 70px; height: 80px;" alt="" /><a
href="#">Some link here</a><br />
And some more text below it to continue on.</p>
<p>Maybe this is more text about this link area.</p>
<p><img src="sunflower.jpg" style="width: 70px; height: 80px;" alt="" /><a
href="#">Some link here</a><br />
And some more text below it to continue on.</p>
<p>Maybe this is more text about this link area.</p>
</div>
<div id="footer">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Free Tips</a></li>
<li><a href="#">Locations</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="http://www.websitestyle.com">Design by Website Style</a></li>
</ul>
<p>Copyright 2006 - YourName</p>
</div>
</div>
</div>
</body>
</html>
<!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>Summer Holiday</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen, print" />
</head>
<body>
<div id="centerColumn">
<div id="header">
<h1>summer holiday</h1>
<h2>getting sand and sunburns in odd places</h2>
<div id="navtabs">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="#"><span>Gallery</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
<li><a href="#"><span>Link 7</span></a></li>
</ul>
</div>
<!--//end #navtabs//-->
</div>
<!--//end #headern//-->
<div id="fauxRightColumn">
<h2>Links & Resources</h2>
<p>Be sure to visit these sites fof more open source goodies:</p>
<p><a href="#">›› Open Web Desgin</a><br />
<a href="#">>›› OSWD</a><br />
<a href="#">›› Bulletproof Links</a><br />
<a href="#">›› CSS Tinderbox</a></p>
</div>
<!--//end #fauxRightColumn//-->
<h2>Just In Time For Summer!</h2>
<p>This sporty little fixed-width, one-column design was built on a CSS Tinderbox
template. It was tested on a Windows machine in Firefox 1.5, Internet Explorer
6.0, Netscape 8.1 and Opera 7.54 and should hold its own in a text browser.</p>
<p>It's using valid XHTML 1.0 (strict) and CSS with a WCAG-A rating.</p>
<p>This design is released under the <a
href="http://creativecommons.org/licenses/by/1.0/">creative
commons license</a>, so do what you want with it and have fun!</p>
<h2>Header 2</h2>
<p><a href="#">Link Item</a></p>
<ul>
<li>List Item</li>
<li>List Item</li>
<li>List Item
<ul>
<li>List Item</li>
<li>List Item</li>
</ul>
</li>
</ul>
<blockquote class="warning">
<p><strong>Like School In Summer...</strong><br />
No Class. This is my obligitory rant about how Internet Explorer is the
worst browser you can ever use. Please use <a href="#">Firefox</a>!</p>
</blockquote>
<blockquote class="question">
<p><strong>What The Hell Is That?</strong><br />
If you have any questions or comments about this design, feel free to contact
me through <a href="#">OWD</a> or
my <a href="#">web site</a>.</p>
</blockquote>
<div id="footer">
<p>Copyright, 2006 <a href="#">Your Name</a> | <a
href="http://validator.w3.org/">XHTML</a> | <a href="http://jigsaw.w3.org/css-
validator/validator-uri.html">CSS</a> | <a
href="http://www.w3.org/TR/WCAG10/">WCAG</a> | <a
href="http://www.csstinderbox.com">The
CSS Tinderbox</a></p>
</div>
<!--//end #footer//-->
</div>
<!--//end #centerColumn//-->
</body>
</html>
<!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>
<title>Sunflower</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="toptop">Site Name Here </div>
<div id="top"></div>
<div id="columns">
<div id="left">
<h1>Welcome</h1>
<p>Welcome to the site that I simply call 'SunFlower'. This is the first web
page template that I have ever made for public use. I hope that someone somewhere
will find this template useful to them. Please feel free to leave comments about
the site so I can revise it and hopefully make better ones in the future.</p>
<h1>About the Design </h1>
<p><img src="img1.jpg" alt="" width="120" height="120" class="float_left"
/>There are no tables used to create this site, I only used strict CSS. This site
also validates W3C standards for CSS and XHTML. This design works in the newest
versions of IE Explorer, Fire Fox, Netscape and Opera. (All other browsers have not
been checked.) All of the graphics are non-copyright, open source photographs from
<a href="#">sxc.hu</a> and are free to use without restrictions. You may use this
design and its graphics without my permission and you may distribute it however you
would like.</p>
<h1>about the designer </h1>
<p><img src="img1.jpg" alt="" width="120" height="120" class="float_right" />I
am a freelance designer located in North Carolina, USA. I am in the process of
setting up a online web designing business and am open to any suggestions that you
might have. This is my first template that I have ever made open source to the
public, but I hope to continue when I have some more free time. If you like this
design and would like me to design a web page for you, Please e-mail me at <span
class="email">moc.liamg@50eroomd</span>. Although it is not a requirement, I would
like you to e-mail me at the above address and tell me how you plan on using this
design. Thanks. </p>
<p> </p>
</div>
<div id="right">
<h1>Navigation</h1>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
<br />
<h1>News Flash</h1>
<p>You can use this area for a navigation bar, and other types of text. </p>
<p>You can use this area for a navigation bar, and other types of text. </p>
</div>
</div>
<div id="footer">
<p>© 2006 Your Company Name </p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>SunRise</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="header">
<div class="f_search">
<form method="post" action="http://www.free-css-com/">
<p>
<input type="text" name="search" value="search..." class="search"
onblur="if(this.value=='') this.value='search...';"
onfocus="if(this.value=='search...') this.value='';" />
<input type="submit" value="Go" class="submit" />
</p>
</form>
</div>
<div class="title">
<h1>sNEWS 1.5</h1>
<h2>SUNRISE TEMPLATE FOR THE NEW VERSION</h2>
</div>
</div>
<div id="subheader">
<div class="padding">
<h2>What is sNews?</h2>
sNews is a completly free <a href="http://www.php.net/">PHP</a> and <a
href="http://www.mysql.com/">MySQL</a> driven tool for publishing and maintaining
news articles on a website. Integrating sNews into your existing design is simple,
but you could also use sNews on it's own, as a simple Content Management System.
Consisting of only one file, sNews is extremely lightweight, very easy to install,
and easy to use via a simple web interface. </div>
</div>
<div id="main">
<div class="right_side">
<h2><a href="#">sNews 1.5 !</a></h2>
<h3>TRY THIS TEMPLATE WITH SNEWS 1.5</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod
ante non diam. Sed eleifend odio sed quam. Sed vulputate, turpis at tincidunt
porttitor, est elit consequat metus, non dignissim augue mauris quis arcu.
Phasellus faucibus blandit eros. Curabitur porttitor ante non est. Maecenas dolor.
Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra malesuada, sem
velit laoreet sem, vitae iaculis diam neque consequat est. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Pellentesque tincidunt eros non quam. Mauris a magna sit amet libero accumsan
auctor. Aenean nec urna non dui lobortis viverra...
<p class="date">Posted by David <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(3)</a> <img src="images/timeicon.gif" alt="" /> 21.02.</p>
<br />
<h2><a href="#">Free Css Templates</a></h2>
<h3>FREE CSS / XHTML TEMPLATES</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod
ante non diam. Sed eleifend odio sed quam. Sed vulputate, turpis at tincidunt
porttitor, est elit consequat metus, non dignissim augue mauris quis arcu.
Phasellus <a href="#">faucibus blandit</a> eros. Curabitur porttitor ante non est.
Maecenas dolor. Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent
per conubia nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra
malesuada, sem velit laoreet sem, vitae iaculis diam neque consequat est.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Pellentesque tincidunt eros non quam. Mauris a magna sit amet
libero accumsan auctor. Aenean nec urna non dui lobortis viverra...
<p class="date">Posted by Jack <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(15)</a> <img src="images/timeicon.gif" alt="" /> 17.01.</p>
<br />
</div>
<div class="left_side">
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<br />
<div class="hitems">
<h2>Top Articles</h2>
<ul>
<li><a href="#">Article top 1</a></li>
<li><a href="#">Article top 2</a></li>
<li><a href="#">Article top 3</a></li>
<li><a href="#">Article top 4</a></li>
</ul>
<br />
<h2>Links</h2>
<ul>
<li> <a href="#">solucija.com</a></li>
<li> <a href="#">free-css-templates.com</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<div class="padding"> Copyright © 2006 SunRise | Design: <a
href="http://www.free-css-templates.com">David Herreman </a> | <a
href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a
href="#">Login</a> </div>
</div>
</div>
</body>
</html>
<!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>Sunrise</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<!-- Page wrapper div starts -->
<div id="header">
<!-- header-div starts -->
<h1>Sunrise</h1>
</div>
<!-- header-div ends -->
<div id="nav">
<!-- Navigation div starts -->
<h1>Go to</h1>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
<h1>Search</h1>
<form method="post" action="#">
<input type="text" id="search" />
<input type="submit" id="submit" value="Search" />
</form>
</div>
<!-- Navigation div ends -->
<div id="text">
<!-- Text div starts -->
<h1> <a href="#">About the template</a></h1>
<p>Sunrise can be used for an ordinary website as well as a blog. I may be
converting this to Word Press and/or sNews themes when I find the time, but if
anyone specifically wants either, please drop me a mail through my website
Writeside.net.</p>
<p>Otherwise, you're pretty much free to do with this as you wish. This is
public domain, but if you leave the "Design by" credit line, I'll be very happy, of
course. Feel free to write if you need any help with this, or to just tell me how
you've used this template.</p>
<div class="meta">Posted by <a href="#">Jan</a>, 1 May 2007</div>
<h1> <a href="#">An H1 heading</a></h1>
<p>Quisque quam risus, varius ut, consectetuer id, posuere sit amet, lacus.
Quisque porttitor. Fusce nonummy gravida nibh. Nullam in massa. In a nisl. In
dolor. Suspendisse molestie porttitor ligula. Praesent in sapien non neque eleifend
facilisis. Donec at erat et nunc sagittis mattis. Integer nunc lectus, tempor in,
egestas semper, lobortis vitae, metus.</p>
<h2>An H2 heading (with an unordered list):</h2>
<ul>
<li>Item one</li>
<li>Item two</li>
</ul>
<h3>An H3 heading (with an ordered list):</h3>
<ol>
<li>Item one</li>
<li>Item three</li>
</ol>
<p>Here's a blockquote</p>
<blockquote>Quisque quam risus, varius ut, consectetuer id, posuere sit amet,
lacus. Quisque porttitor. Fusce nonummy gravida nibh. Nullam in massa. In a nisl.
In dolor. </blockquote>
<div class="meta">Posted by <a href="#">Jan</a>, 30 April 2007</div>
</div>
<!--End of Text div -->
<div id="footer">
<!-- Footer div starts -->
© You | Design by <a href="http://writeside.net/">Payal Dhar</a> | Valid
<a href="http://validator.w3.org/check?uri=referer">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </div>
<!-- Footer div ends -->
</div>
<!-- Page wrapper div ends -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Sunset</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="header">
<!--Header start -->
<div class="main">Title...</div>
<div class="subtitle">Your Subtitle Comes Here</div>
</div>
<!--Header end -->
<div id="toplinks">
<!--Links div -->
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Categories</a></li>
<li><a href="#">Archives</a></li>
<li>
<form method="post" action="#">
<input type="text" id="search" />
<input type="submit" id="submit" value="Search" />
</form>
</li>
</ul>
</div>
<!-- Links div ends -->
<div id="wrapper">
<!--Start of Wrapper div -->
<div id="text">
<!--Start of Text div -->
<h1> <a href="#">About the template</a></h1>
<div class="meta">Posted by <a href="#">Jan</a>, 23 Dec. 2006</div>
<p>Sunset is a simple one-column blog template. This is released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>.</p>
<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>
<h1> <a href="#">An H1 heading</a></h1>
<div class="meta">Posted by <a href="#">Jan</a>, 13 Nov. 2006</div>
<p>Quisque quam risus, varius ut, consectetuer id, posuere sit amet, lacus.
Quisque porttitor. Fusce nonummy gravida nibh. Nullam in massa. In a nisl. In
dolor. Suspendisse molestie porttitor ligula. Praesent in sapien non neque eleifend
facilisis. Donec at erat et nunc sagittis mattis. Integer nunc lectus, tempor in,
egestas semper, lobortis vitae, metus.</p>
<h2>An H2 heading (with an unordered list):</h2>
<ul>
<li>Item one</li>
<li>Item two</li>
</ul>
<h3>An H3 heading (with an ordered list):</h3>
<ol>
<li>Item one</li>
<li>Item three</li>
</ol>
<p>Here's a blockquote</p>
<blockquote>Quisque quam risus, varius ut, consectetuer id, posuere sit amet,
lacus. Quisque porttitor. Fusce nonummy gravida nibh. Nullam in massa. In a nisl.
In dolor. </blockquote>
</div>
<!--End of Text div -->
<div id="footer">
<!-- Footer start -->
© Name | Design by <a href="http://writeside.net">Payal Dhar</a> | <a
href="http://validator.w3.org/check?uri=referer" title="Valid XHTML">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer" title="Valid CSS">CSS</a> |
Photo from SXC.hu | OpenDesigns.org </div>
<!-- Footer ends -->
</div>
<!-- Wrapper ends -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SUNSET</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="top">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h1>Your Company Name</h1>
</div>
<div id="leftnav">
<h2>Navigation</h2>
<ul class="navlist">
<li><a href="#">SNAPP HAPPY</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">ANDREAS VIKLUND</a></li>
<li><a href="#">JAMES KOSTER</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">LISTAMATIC</a></li>
<li><a href="#"> LAYOUTGALA</a></li>
<li><a href="#"> BLUEROBOT</a></li>
</ul>
<h2>Archives</h2>
<ul class="navlist">
<li><a href="#">January</a></li>
<li><a href="#">February</a></li>
<li><a href="#">March</a></li>
<li><a href="#">April</a></li>
<li><a href="#">May</a></li>
</ul>
<p class="quote"> 'Hold me close, under the sunset and let Gods reds and
oranges soothe your eyes, like this is all a dream.'</p>
</div>
<div id="content">
<h2>Welcome to <span style="color:#fff;">Sunset</span> Template</h2>
<blockquote>This page has been tested in Mozilla and IE7. The page validates as
XHTML 1.0 Transitional using valid CSS. For more FREE CSS templates visit my
website.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis ligula.
Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum
congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu,
ac pulvinar lacus massa non ipsum. Praesent volutpat, felis in consectetuer
lobortis, nibh orci nonummy quam, nec lobortis tellus purus eget turpis. Vestibulum
placerat sagittis lorem. Praesent interdum ultricies massa. Morbi dolor. Donec sit
amet ligula ut ipsum ullamcorper imperdiet. Aliquam id lorem. Quisque elit elit,
tincidunt vitae, tempus et, venenatis eget, turpis. Suspendisse porttitor volutpat
justo. Etiam bibendum, diam quis nonummy malesuada, tortor sapien laoreet metus,
quis varius augue velit eget ligula. Praesent massa felis, pulvinar quis, fringilla
eget, suscipit in, diam. Curabitur dapibus rhoncus eros.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis ligula.
Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum
congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu,
ac pulvinar lacus massa non ipsum. Praesent volutpat, felis in consectetuer
lobortis, nibh orci nonummy quam, nec lobortis tellus purus eget turpis. Vestibulum
placerat sagittis lorem. Praesent interdum ultricies massa. Morbi dolor. Donec sit
amet ligula ut ipsum ullamcorper imperdiet. Aliquam id lorem. Quisque elit elit,
tincidunt vitae, tempus et, venenatis eget, turpis. Suspendisse porttitor volutpat
justo. Etiam bibendum, diam quis nonummy malesuada, tortor sapien laoreet metus,
quis varius augue velit eget ligula. Praesent massa felis, pulvinar quis, fringilla
eget, suscipit in, diam. Curabitur dapibus rhoncus eros.</p>
<h2>Sub content</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis ligula.
Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum
congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu,
ac pulvinar lacus massa non ipsum. Praesent volutpat, felis in consectetuer
lobortis, nibh orci nonummy quam, nec lobortis tellus purus eget turpis. Vestibulum
placerat sagittis lorem. Praesent interdum ultricies massa. Morbi dolor. Donec sit
amet ligula ut ipsum ullamcorper imperdiet. Aliquam id lorem. Quisque elit elit,
tincidunt vitae, tempus et, venenatis eget, turpis. Suspendisse porttitor volutpat
justo. Etiam bibendum, diam quis nonummy malesuada, tortor sapien laoreet metus,
quis varius augue velit eget ligula. Praesent massa felis, pulvinar quis, fringilla
eget, suscipit in, diam. Curabitur dapibus rhoncus eros.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis ligula.
Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum
congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu,
ac pulvinar lacus massa non ipsum. Praesent volutpat, felis in consectetuer
lobortis, nibh orci nonummy quam, nec lobortis tellus purus eget turpis. Vestibulum
placerat sagittis lorem. Praesent interdum ultricies massa. Morbi dolor. Donec sit
amet ligula ut ipsum ullamcorper imperdiet. Aliquam id lorem. Quisque elit elit,
tincidunt vitae, tempus et, venenatis eget, turpis. Suspendisse porttitor volutpat
justo. Etiam bibendum, diam quis nonummy malesuada, tortor sapien laoreet metus,
quis varius augue velit eget ligula. Praesent massa felis, pulvinar quis, fringilla
eget, suscipit in, diam. Curabitur dapibus rhoncus eros.</p>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>Swan Lake</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Swan Lake</a></h1>
<h2><a href="#">Free Css Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<div class="post">
<h2 class="title">Welcome to Swan Lake!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Swan Lake</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An unordered list:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
</ul>
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Sed eu diam. Vivamus nonummy elit et odio. Fusce risus quam,
scelerisque sed, pharetra ut, pharetra id, ante. Etiam posuere, elit a blandit
varius, velit sem tincidunt elit, et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie. Duis
vel orci. Nam consequat. Morbi nec lacus. Fusce egestas sagittis enim.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Search</h2>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Pages</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Swan Lake. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>
<title>Sweetbuzz</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div id="headerleft">
<div id="title"><a href="#">SweetBuzz Template</a><br />
slogan goes here or maybe a description? Up to you... </div>
</div>
<div id="headerright">
<div id="flickr"></div>
<div id="search">
<form id="searchform" method="get" action="#">
<div>
<input type="text" name="s" id="s" size="30" class="searchbox"/>
<input class="searchbutton" type="submit" value=" " />
</div>
</form>
</div>
</div>
</div>
<div id="content">
<div id="center">
<div class="post">
<h1><a href="#">Heading 1</a></h1>
<div class="meta">Subheading or description</div>
<div class="storycontent">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
ultrices mauris. Fusce euismod euismod mi. Vestibulum volutpat ornare orci.
Curabitur pede nisi, commodo et, pharetra et, convallis eu, sapien. Integer sem.
Fusce suscipit feugiat augue. Aenean condimentum justo non felis. Morbi iaculis
feugiat sapien. Suspendisse metus. Donec purus. Etiam augue. Aliquam volutpat.
Maecenas auctor gravida dolor. Mauris ligula purus, lacinia vel, vehicula sed,
faucibus non, erat. Sed iaculis sodales leo. </p>
<p>Fusce convallis velit ut turpis. Suspendisse vitae ante eget magna
sagittis sollicitudin. Nullam mauris nulla, malesuada quis, sodales nec, sagittis
quis, pede. Curabitur ultrices est et ipsum. Duis leo tellus, fringilla facilisis,
porta eu, vulputate ultrices, leo. Proin pede est, interdum a, aliquet a, bibendum
non, tortor. Morbi dui arcu, vehicula in, iaculis et, eleifend eget, ipsum.
Curabitur diam diam, nonummy a, tempus vitae, eleifend id, turpis. Integer
interdum posuere lectus. Quisque volutpat leo sit amet metus. Etiam mauris tellus,
mattis ut, nonummy porta, venenatis vel, nunc. In hac habitasse platea dictumst.
Aliquam laoreet risus. </p>
</div>
<h1><a href="#">Heading 2</a></h1>
<div class="meta">Subheading or description</div>
<div class="storycontent">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
ultrices mauris. Fusce euismod euismod mi. Vestibulum volutpat ornare orci.
Curabitur pede nisi, commodo et, pharetra et, convallis eu, sapien. Integer sem.
Fusce suscipit feugiat augue. Aenean condimentum justo non felis. Morbi iaculis
feugiat sapien. Suspendisse metus. Donec purus. Etiam augue. Aliquam volutpat.
Maecenas auctor gravida dolor. Mauris ligula purus, lacinia vel, vehicula sed,
faucibus non, erat. Sed iaculis sodales leo. </p>
<p>Fusce convallis velit ut turpis. Suspendisse vitae ante eget magna
sagittis sollicitudin. Nullam mauris nulla, malesuada quis, sodales nec, sagittis
quis, pede. Curabitur ultrices est et ipsum. Duis leo tellus, fringilla facilisis,
porta eu, vulputate ultrices, leo. Proin pede est, interdum a, aliquet a, bibendum
non, tortor. Morbi dui arcu, vehicula in, iaculis et, eleifend eget, ipsum.
Curabitur diam diam, nonummy a, tempus vitae, eleifend id, turpis. Integer
interdum posuere lectus. Quisque volutpat leo sit amet metus. Etiam mauris tellus,
mattis ut, nonummy porta, venenatis vel, nunc. In hac habitasse platea dictumst.
Aliquam laoreet risus. </p>
</div>
</div>
</div>
<div id="sidebar">
<div id="left">
<h2>Menu heading</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
ultrices mauris. Fusce euismod euismod mi. Vestibulum volutpat ornare orci.
Curabitur pede nisi, commodo et, pharetra et, convallis eu, sapien.</p>
<h2>Menu heading</h2>
<div id="bullet1">
<ul>
<li><a href="green/">Green Template</a></li>
<li><a href="pink/">Pink Template</a></li>
<li><a href="wpink/">Pink 2 Template</a></li>
<li><a href="wbBlue/">Blue 2 Template</a></li>
<li><a href="yellow/">Yellow Template</a></li>
</ul>
</div>
<div id="bullet2">
<ul>
<li><a href="#">Option or link</a></li>
<li><a href="#">Option or link</a></li>
<li><a href="#">Option or link</a></li>
</ul>
</div>
<div id="bullet3">
<ul>
<li><a href="#">Option or link</a></li>
<li><a href="#">Option or link</a></li>
<li><a href="#">Option or link</a></li>
</ul>
</div>
<div id="bullet4">
<ul>
<li><a href="#">Option or link</a></li>
<li><a href="#">Option or link</a></li>
<li><a href="#">Option or link</a></li>
</ul>
</div>
<div id="bullet5">
<ul>
<li><a href="#">Option or link</a></li>
<li><a href="#">Option or link</a></li>
<li><a href="#">Option or link</a></li>
</ul>
</div>
</div>
<div id="right">
<h2>Categories</h2>
<ul class="categories">
<li><a href="#">Category or link</a></li>
<li><a href="#">Category or link</a></li>
<li>
<ul class="children">
<li><a href="#">Category or link</a></li>
<li><a href="#">Category or link</a></li>
<li><a href="#">Category or link</a></li>
<li><a href="#">Category or link</a></li>
<li><a href="#">Category or link</a></li>
<li><a href="#">Category or link</a></li>
</ul>
</li>
<li><a href="#">Category or link</a></li>
<li><a href="#">Category or link</a></li>
<li><a href="#">Category or link</a></li>
</ul>
<h2>Archives</h2>
<ul class="archives">
<li><a href="#">Archives or link</a></li>
<li><a href="#">Archives or link</a></li>
<li><a href="#">Archives or link</a></li>
<li><a href="#">Archives or link</a></li>
<li><a href="#">Archives or link</a></li>
<li><a href="#">Archives or link</a></li>
</ul>
</div>
</div>
</div>
<div style="clear: both"><br />
</div>
<div id="footer">
<div id="footernote">
<!-- Please leave this if you use our template. Thank you -->
Design by <a href="http://www.darjanpanic.com">Darjan Panic</a> and <a
href="http://www.briangreens.com">Brian Green</a>
<!-- Please leave this if you use our template. Thank you -->
</div>
</div>
</div>
</body>
</html>
<!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>Swift</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="title" style="">
<h3>Title</h3>
<h6>Slogan</h6>
</div>
<div id="container">
<div id="sidebar">
<div id="menu">
<h1>Menu</h1>
<a href="#">Home</a><br />
<a href="#">Link 2</a><br />
<a href="#">Link 3</a><br />
<a href="#">Link 4</a><br />
<a href="#">Link 5</a><br />
<a href="#">Link 6</a><br />
<br />
<br />
<input name="" type="text" size="16" />
<input name="" type="button" value="Search" />
</div>
</div>
<div id="content">
<h1>Item title...</h1>
<h2>Tuesday, July 26</h2>
<p>Ok I fixed a few things that (may) have put this theme in a bad position. I
removed
the Firfox image and replaced it with a blank image (it was for an example).
I also
changed the colour of the footer because large resolutions can be bad. The
date too
is incorperated into my design for blogging purposes.</p>
<p>Thanks for the feedback I go via e-mail! feedback, complaints and
complements are welcomed!</p>
<p>You can remove this text and put what you like here... Well knock yourself
out
and do as you like with this design. The images apart from the mozilla one is
done with <a href="#">Fyre</a> which is Free Open Source Software
(FOSS).</p>
<p>Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah!
Blah! Blah!
Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah!
Blah!
Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah!
Blah!
Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah!
Blah!
Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah!
Blah!</p>
<div id="image-box" style="width: 185px;">
<!-- Put the size in the style section -->
<img src="images/blank.jpg" width="185" height="72" alt="" /> <br />
This is an image example with this comment</div>
<br />
<h1>Blah!</h1>
<p>Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah!
Blah! Blah!
Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah! Blah!
Blah!</p>
<!-- Because of rendering problems leave this next thing alone -->
<div> </div>
<br />
<!-- Ok you can touch the rest now -->
</div>
</div>
<div id="footer"> Your Name - <a href="#">[email protected]</a><br />
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="rcstyle3.css" media="screen"/>
<title>Beautiful Night!</title>
</head>
<body>
<div class="top">
<div class="header">
<div class="left"> Beautiful Night! </div>
<div class="right">
<h2>Beautiful Night</h2>
<p>Based on Arcsin's Beautiful day, most of the CSS is the same, new artwork,
and added image class for sidebar and main</p>
</div>
</div>
</div>
<div class="container">
<div class="navigation"> <a href="#">Vestibulum</a> <a href="#">Suspendisse</a>
<a href="#">Elemen</a> <a href="#">Maecenas</a> <a href="#">Sodales</a>
<div class="clearer"><span></span></div>
</div>
<div class="main">
<div class="content">
<h1>Porttitor posuere</h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est
pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo.
Vestibulum ac ante. Sed in est.</p>
<blockquote>
<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</p>
</blockquote>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam
vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius
mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a>
risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius
pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod
ultricies. </p>
<h1>Adipiscing</h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non
euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante.
Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.
Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim
quam fringilla mi.</p>
<h1>Interdum</h1>
<div class="descr">May 24, 2006 by Lectus</div>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo placerat elit,
eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat
aliquam</p>
<code>margin-bottom: 12px; font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat; padding-left: 28px; color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat
molestie.</p>
</div>
<div class="sidenav">
<h2>Something</h2>
<ul>
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">convallis</a></li>
</ul>
<img class="image" src="img2/pot_img.gif"/>
<h2>Another thing</h2>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h2>Third and last</h2>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat molestie</a></li>
</ul>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="footer">© 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://arcsin.se">Arcsin</a> </div>
</div>
</body>
</html>
<!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>Ablaze</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Ablaze.css" type="text/css" />
</head>
<body>
<div id="header">
<div id="header-content">
<h1 id="logo">ablaze</h1>
<h2 id="slogan">Put your site slogan here...</h2>
<div class="searchform">
<form action="#">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</div>
<div id="content-wrap">
<div id="content">
<div id="sidebar">
<div class="sidebox">
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Home</a></li>
<li><a href="#TemplateInfo">TemplateInfo</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Templates...</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Wise Words</h1>
<p>"Our life is what our thoughts make it."</p>
<p class="align-right">- Marcus Aurelius</p>
</div>
<div class="sidebox">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to
contribute, you are welcome to make a small donation through the donate link on my
website - it will be a great help and will surely be appreciated.</p>
</div>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template <span class="gray">Info</span></h1>
<p><strong>Ablaze 2.1</strong> is a free, W3C-compliant, CSS-based website
template by <strong>styleshout.com</strong>. This work is distributed under the <a
rel="license" target="_blank" href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5 License</a>, which means that you are free to use
and modify it for any purpose. All I ask is that you include a link back to my
website in your credits.</p>
<p>For more free designs, you can visit my website to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="comments align-right"> <a href="#">Read more</a> : <a
href="#">Comments(7)</a> : Nov 08, 2006 </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p> <a href="#"><img src="images/firefox-gray.jpg" width="100" height="121"
alt="firefox-gray" class="float-left" /></a> Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna.
Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere
nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
</div>
<div id="footer">
<div id="footer-content">
<div class="col float-left">
<h2>Site Partners</h2>
<ul>
<li><a href="#"><strong>Dreamhost</strong> - Excellent Webhosting at
$7.95/mo</a></li>
<li><a href="#"><strong>4templates</strong> - Low Cost Hi-Quality
Templates</a></li>
<li><a href="#"><strong>TemplateMonster</strong> - Best templates on the
net!</a></li>
<li><a href="#"><strong>Fotolia</strong> - Free stock images or from
$1</a></li>
<li><a href="#"><strong>Text Link Ads</strong> - Easiest. Money.
Ever.</a></li>
</ul>
</div>
<div class="col float-left">
<h2>Links</h2>
<ul>
<li><a href="#"><strong>openwebdesign.org</strong></a></li>
<li><a href="#"><strong>OSWD.org</strong></a></li>
<li><a href="#"><strong>zeroweb.org</strong></a></li>
<li><a href="#"><strong>Alistapart</strong></a></li>
<li><a href="#"><strong>CSS Remix</strong></a></li>
</ul>
</div>
<div class="col2 float-right">
<p> © copyright 2006 <strong>Your Company Name</strong><br />
Design by: <a href="#"><strong>styleshout</strong></a> Valid
<a href="http://jigsaw.w3.org/css-validator/check/referer"><strong>CSS</strong></a>
| <a href="http://validator.w3.org/check/referer"><strong>XHTML</strong></a> </p>
<ul>
<li><a href="#"><strong>Home</strong></a></li>
<li><a href="#"><strong>Sitemap</strong></a></li>
<li><a href="#"><strong>RSS Feed</strong></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
<!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>switchr</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="stylizr.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="widgparty">
<p>switch <a href="#">r</a></p>
</div>
</div>
<div id="content">
<div id="menu">
<ul>
<li class="selected"><a href="#">Home</a></li>
<li><a href="#">Tab#1</a></li>
<li><a href="#">Tab#2</a></li>
<li><a href="#">Tab#3</a></li>
<li><a href="#">Tab#4</a></li>
<li></li>
</ul>
</div>
<div id="ajaxcontentarea">
<h2>Hello world!</h2>
<p>i'm switchr, a personal project of dinamoo.</p>
<h4>How to make content?</h4>
<ul>
<li>--> Open your favorite website editor</li>
<li>--> Click on " index.html"</li>
<li>--> Make text, add photos, be free!</li>
</ul>
<h4>And for the images? </h4>
<p>i put " border:none" and a CSS3 effect ( opacity ) on the image.
</p>
<p>Enjoy yourself! </p>
</div>
<script type="text/javascript">
//Start Ajax tabs script for UL with id="maintab" Separate multiple ids each with a
comma.
startajaxtabs("maintab")
</script>
<div id="right">
<h2>C'est quoi? </h2>
<p>C'est un kit graphique by dinamoo...</p>
<h2>C'est combien? </h2>
<p>Completement gratuit.</p>
<h2>nice? </h2>
<p>Enjoy</p>
<p> i'm free like wind :D. Please contact if you got problems;). </p>
</div>
</div>
<div id="smallr">
<div id="column">
<dl id="tempa">
<dt>Column#1</dt>
<dd>Lorem ipsum dolor sit amet</dd>
<dd>consectetuer adipiscing elit.</dd>
</dl>
<dl id="tempb">
<dt>Column#2</dt>
<dd>Lorem ipsum dolor sit amet</dd>
<dd>consectetuer adipiscing elit. </dd>
</dl>
<dl id="tempc">
<dt>Column#3</dt>
<dd>Lorem ipsum dolor sit amet</dd>
<dd>consectetuer adipiscing elit.</dd>
</dl>
</div>
</div>
<div id="footr">
<p>Copyright © 2006 YOUR SITE NAME.by <a
href="http://dinamoo.com/">dinamoo</a></p>
</div>
</body>
</html>
<!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>Systematized</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Systematized</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
<hr />
</div>
<div id="content">
<div id="blog">
<div id="post-1" class="post">
<h2 class="title"><a href="#">Welcome to Systematized!</a></h2>
<h3 class="date">March 26, 2007</h3>
<div class="entry"> <img src="images/img7.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Systematized</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You"re free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-1 -->
<div id="post-2" class="post">
<h2 class="title"><a href="#">Sample Tags</a></h2>
<h3 class="date">January 31, 2007</h3>
<div class="entry">
<p>A one-sentence paragraph followed by a blockquoted paragraph.</p>
<blockquote>
<p>“Nam et orci et leo iaculis tempor. Duis ante ante, pretium
sit amet, feugiat ut, semper ac, nisl. Praesent eget mauris. Duis in pede.
Vestibulum nec libero.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<ul>
<li>Proin eu ligula ut est congue malesuada.</li>
<li>Nunc eleifend felis nec purus.</li>
<li>Duis sodales urna sit amet nulla.</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Donec fringilla leo eget erat.</li>
<li>Nunc condimentum cursus lorem.</li>
<li>Cras sodales venenatis metus.</li>
</ol>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-2 -->
</div>
<!-- end #blog -->
<div id="sidebar">
<ul>
<li id="search">
<h2>Search</h2>
<form id="form1" method="get" action="#">
<div>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1"
value="Search" />
</div>
</form>
</li>
<!-- end #search -->
<li id="archives">
<h2>Archives</h2>
<ul>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
</ul>
</li>
<!-- end #archives -->
<li id="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Uncategorized</a> <small>(6)</small></li>
<li><a href="#">Condimentum Cursus</a> <small>(28)</small></li>
<li><a href="#">Praesent Sit Mauris</a> <small>(14)</small></li>
<li><a href="#">Leo Iaculis Tempor</a> <small>(23)</small></li>
<li><a href="#">Dignissimos Ducimus</a> <small>(19)</small></li>
</ul>
</li>
<!-- end #categories -->
<li id="blogroll">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Lorem Ipsum Dolor</a></li>
<li><a href="#">Tempor Leo Iaculis</a></li>
<li><a href="#">Cursus Dignissimos</a></li>
<li><a href="#">Ducimus Condimentum</a></li>
<li><a href="#">Praesent Sit Mauris</a></li>
</ul>
</li>
<!-- end #blogroll -->
<li id="meta">
<h2>Meta</h2>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Logout</a></li>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Strict">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Free CSS Templates</a></li>
</ul>
</li>
<!-- end #meta -->
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #content -->
<div id="footer">
<p>Copyright © 2007 Systematized. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</div>
<!-- end #wrapper -->
</body>
</html>
<!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>Techmania</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Techmania.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo-text">tech<span class="gray">mania</span></h1>
<h2 id="slogan">put your site slogan here...</h2>
<div id="header-tabs">
<ul>
<li id="current"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Archives</span></a></li>
<li><a href="#"><span>Downloads</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Support</span></a></li>
<li><a href="#"><span>About</span></a></li>
</ul>
</div>
</div>
<div id="content-wrap">
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Techmania 1.1</strong> is a free, W3C-compliant, CSS-based website
template by <strong>styleshout.com</strong>. This work is distributed under the <a
rel="license" target="_blank" href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5 License</a>, which means that you are free to use
and modify it for any purpose. All I ask is that you include a link back to my
website in your credits.</p>
<p>For more free designs, you can visit my website to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="comments align-right"> <a href="#">Read more</a> : <a
href="#">Comments(7)</a> : Oct 08, 2006 </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="#"><img src="images/firefox-gray.jpg" width="100" height="120"
alt="firefox" class="float-left" /></a> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt,
orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus
leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac
blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque.
Curabitur vel urna. In tristique orci porttitor ipsum. Aliquam ornare diam iaculis
nibh. Proin luctus, velit pulvinar ullamcorper nonummy, mauris enim eleifend urna,
congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
<div id="sidebar">
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Search</h1>
<form method="post" id="search" action="#">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="searchbutton" value="Search" type="submit" />
</p>
</form>
<h1>Wise Words</h1>
<p>"Criticism is something you can avoid easily by saying nothing, doing
nothing, and being nothing"</p>
<p class="align-right">- Aristotle</p>
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the donate link on my website - it
will be a great help and will surely be appreciated.</p>
</div>
</div>
<div id="footer"> <span id="footer-left"> © 2006 <strong>Your
Company</strong> | Design by: <strong><a
href="http://www.styleshout.com/">styleshout</a></strong> | Valid: <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </span> <span
id="footer-right"> <a href="#">Home</a> | <a href="#">Sitemap</a> | <a
href="#">Home</a> </span> </div>
</div>
</body>
</html>
<!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>
<title>Technical Support</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="topPan">
<h1>Clients and Solutions</h1>
<a href="#"><img src="images/logo.gif" alt="" width="372" height="91"
border="0" /></a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Clients</a></li>
<li class="contact"><a href="#" class="contact">Contact</a></li>
</ul>
</div>
<div id="bodyPan">
<div id="leftPan">
<h2>Updates<br />
<span>release of Letraset</span></h2>
<h3>25th march.2006</h3>
<p>Lorem ipsum dolor sit amet, conDonec sectetuer adipiscing elit. Donec vitae
le Integer blandit ante iaculis arcu. </p>
<p>Vivamus magna orci, tincidunt scelerisque, sagittis commodo, ultrices sed,
nulla. Phasellus dui lectus, molestie qui s, molestie sed, tempus eu, nunc.
Vestibulum velit mi, vulputate </p>
<p class="more"><a href="#">....Read More</a></p>
<h4>Our works<br />
<span>release of Letraset</span></h4>
<div id="leftworkPan">
<ul>
<li> <img src="images/workimg1.jpg" alt="" width="109" height="105"
align="top" /><a href="#">visit site</a></li>
<li class="middle"> </li>
<li> <img src="images/workimg3.jpg" alt="" width="109" height="105"
align="top" /><a href="#">visit site</a></li>
<li><img src="images/workimg2.jpg" alt="" width="109" height="105"
align="top" /><a href="#">visit site</a></li>
<li class="middle"> </li>
<li> <img src="images/workimg4.jpg" alt="" width="109" height="105"
align="top" /><a href="#">visit site</a></li>
</ul>
</div>
</div>
<div id="rightPan">
<p class="paddingtop"><span class="bigsize">“</span>If you are interested
in seeing more of our free web template designs feel free to visit our website,
Template World. We intend to add at least 25 new free templates in the coming
month.<span class="bigsize">"</span></p>
<p class="name">- Sharon Anderson</p>
<p class="dotline"> </p>
<h2>Developments<br />
<span>release of Letraset</span></h2>
<p class="bottompadding">Technical Support is a free, tableless, W3C-compliant
web design layout by Template World. This template has been tested and proven
compatible with all major browser environments and operating systems. You are free
to modify the design to suit your tastes in any way you like.</p>
<p>We only ask you to not remove "Design by Template World" and the link
http://www.templateworld.com from the footer of the template.</p>
<p class="more"><a href="#">....Read More</a></p>
<a href="#"><img src="images/online.jpg" title="Online support" alt="Online
support" width="278" height="154" border="0" /></a></div>
</div>
<div id="mainfooterbody">
<div id="footerPan">
<div id="footerPanleft"> <a href="#"><img src="images/logo2.jpg"
title="Technical Support" alt="Technical Support" width="260" height="35"
border="0" /></a></div>
<ul>
<li><a href="#">Home</a>|</li>
<li><a href="#">About us</a> |</li>
<li><a href="#">Support</a>|</li>
<li><a href="#">Clients</a> |</li>
<li><a href="#">Contact</a></li>
</ul>
<p>© technical support all right reaserved</p>
<ul class="templateworld">
<li>Design By:</li>
<li><a href="http://www.templateworld.com">Template World</a></li>
</ul>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Terrafirma 1.0</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="default.css" />
</head>
<body>
<div id="outer">
<div id="upbg"></div>
<div id="inner">
<div id="header">
<h1><span>terra</span>firma<sup>1.0</sup></h1>
<h2>by nodethirtythree</h2>
</div>
<div id="splash"></div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div id="date">August 1, 2006</div>
</div>
<div id="primarycontent">
<!-- primary content start -->
<div class="post">
<div class="header">
<h3>TerraFirma<sup>1.0</sup> by NodeThirtyThree</h3>
<div class="date">August 1, 2006</div>
</div>
<div class="content"> <img src="images/pic1.jpg" class="picA floatleft"
alt="" />
<p><strong>TerraFirma</strong><sup>1.0</sup> is a free, lightweight,
tableless, W3C-compliant website design by NodeThirtyThree Design. You're free to
dissect, manipulate and use it to your heart's content. We only ask that you link
back to our site in some way. If you find this design useful, feel free to let us
know :)</p>
<p>You can find more of our free work at this site or our site, or some
of our commercial work on <a href="#">4Templates.com</a>, a commercial website
template site.</p>
</div>
<div class="footer">
<ul>
<li class="printerfriendly"><a href="#">Printer Friendly</a></li>
<li class="comments"><a href="#">Comments (18)</a></li>
<li class="readmore"><a href="#">Read more</a></li>
</ul>
</div>
</div>
<div class="post">
<div class="header">
<h3>Vivamus tortor sed aenean</h3>
<div class="date">July 31, 2006</div>
</div>
<div class="content">
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam
turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed
tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis
sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.</p>
<p>Fermentum at, varius pretium, elit. Mauris egestas scelerisque nunc.
Mauris non ligula quis wisi laoreet malesuada. In commodo. Maecenas lobortis cursus
dolor.</p>
</div>
<div class="footer">
<ul>
<li class="printerfriendly"><a href="#">Printer Friendly</a></li>
<li class="comments"><a href="#">Comments (18)</a></li>
<li class="readmore"><a href="#">Read more</a></li>
</ul>
</div>
</div>
<div class="post">
<div class="header">
<h3>Vivamus tortor sed aenean</h3>
<div class="date">July 31, 2006</div>
</div>
<div class="content">
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam
turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed
tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis
sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.</p>
<p>Fermentum at, varius pretium, elit. Mauris egestas scelerisque nunc.
Mauris non ligula quis wisi laoreet malesuada. In commodo. Maecenas lobortis cursus
dolor.</p>
</div>
<div class="footer">
<ul>
<li class="printerfriendly"><a href="#">Printer Friendly</a></li>
<li class="comments"><a href="#">Comments (18)</a></li>
<li class="readmore"><a href="#">Read more</a></li>
</ul>
</div>
</div>
<!-- primary content end -->
</div>
<div id="secondarycontent">
<!-- secondary content start -->
<h3>About Me</h3>
<div class="content"> <img src="images/pic2.jpg" class="picB" alt="" />
<p><strong>Nullam turpis</strong> vestibulum et sed dolore. Nulla facilisi.
Sed tortor. lobortis commodo. <a href="#">More ...</a></p>
</div>
<h3>Topics</h3>
<div class="content">
<ul class="linklist">
<li class="first"><a href="#">Accumsan congue (32)</a></li>
<li><a href="#">Dignissim nec augue (14)</a></li>
<li><a href="#">Nunc ante elit nulla (83)</a></li>
<li><a href="#">Aliquam suscipit (74)</a></li>
<li><a href="#">Cursus sed arcu sed (14)</a></li>
<li><a href="#">Eu ante cras at risus (24)</a></li>
<li><a href="#">Donec mollis dolore (39)</a></li>
<li><a href="#">Aliquam suscipit (74)</a></li>
</ul>
</div>
<!-- secondary content end -->
</div>
<div id="footer"> © My Website. All rights reserved. Design by <a
href="http://www.nodethirtythree.com/">NodeThirtyThree</a>. </div>
</div>
</div>
</body>
</html>
<!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>The ACME Group</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Photos</a></li>
<li><a href="#" accesskey="3">Links</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="header">
<h1>The ACME Group</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<!-- end #header -->
<div id="content">
<div id="search">
<form id="form1" method="get" action="#">
<fieldset>
<legend>Search</legend>
<input id="textfield1" type="text" name="textfield1" value="" />
<input id="submit1" type="submit" name="submit1" value="Go" />
</fieldset>
</form>
</div>
<div id="posts">
<div class="post">
<h2 class="title">Welcome to The ACME Group!</h2>
<div class="story"><img src="images/img08.jpg" alt="" width="155"
height="116" class="image" />
<p><strong>The ACME Group</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<div class="meta">
<p class="date"><span class="hide">Posted on </span><span
class="posted">February 22, 2007</span><span class="hide"> by Admin</span></p>
<p class="file"><span class="hide">Filed under </span><a href="#"
class="category">Uncategorized</a><span class="hide"> | </span><a href="#"
class="comments">28 Comments</a><span class="hide"> | </span><a href="#"
class="permalink">Permalink</a></p>
</div>
</div>
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
<div class="meta">
<p class="date"><span class="hide">Posted on </span><span
class="posted">February 22, 2007</span><span class="hide"> by Admin</span></p>
<p class="file"><span class="hide">Filed under </span><a href="#"
class="category">Uncategorized</a><span class="hide"> | </span><a href="#"
class="comments">28 Comments</a><span class="hide"> | </span><a href="#"
class="permalink">Permalink</a></p>
</div>
</div>
</div>
<!-- end #posts -->
<div id="links">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">February 2007</a> <i>(22)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
<li>
<h2>Blog Roll</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #links -->
<div style="clear: both;"> </div>
</div>
<!-- end #content -->
<div id="footer">
<p id="legal">Copyright © 2007 The ACME Group. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!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>The Barn</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>The Barn</h1>
<h2>Free CSS Template</h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="1">My Blog</a></li>
<li><a href="#" accesskey="1">Photo Gallery</a></li>
<li><a href="#" accesskey="1">Favorite Sites</a></li>
<li><a href="#" accesskey="1">Contact Me</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h3>Veroeros Etiam</h3>
<ul>
<li><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
</ul>
</div>
<div id="colTwo">
<h2>Welcome to My Website</h2>
<p class="byline">Posted in <a href="#">Uncategorized</a> by Farmer on the
December 6th, 2006</p>
<p><strong>The Barn</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The header photo is from PDPhoto.org. You're
free to use this template for both commercial or personal use. I only ask that you
link back to my site in some way.</p>
<p><strong><em>Enjoy! :)</em></strong></p>
<h3>Lorem Ipsum Dolorem</h3>
<p class="byline">Posted in <a href="#">Uncategorized</a> by Farmer on the
December 6th, 200 </p>
<p><img src="images/img6.jpg" alt="" width="102" height="102" class="image"
/></p>
<p>Sed tempus turpis vel quam molestie pulvinar. Suspendisse venenatis dolor
semper ipsum. Quisque tempus erat ac mi. Aliquam semper, est nec hendrerit
dignissim, ligula turpis sagittis purus, ut viverra velit eros at augue.
Pellentesque mi nisi, porta eget, pharetra ac, sollicitudin sit amet, nisi. In
sapien ligula lorem sollicitudin facilisis, sodales eget, tempus in, mauris. Cras
risus sem, adipiscing non, convallis ac, consectetuer eu, dolor. In quam lorem
ipsum dolor sit amet. Curabitur tempus aliquam nulla. Etiam eros.</p>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All Rights Reserved. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>The Leaf</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" title="The Leaf" media="screen"
href="style.css" />
</head>
<body>
<div id="headerwrapper">
<div id="header_left">
<h1>The <span class="heading_color">BIG</span> Leaf</h1>
<blockquote>
<p>Dreams are renewable. No matter what our age or condition, there are still
untapped possibilities within us and new beauty waiting to be born.</p>
<p class="quote_author">-Dale Turner-</p>
</blockquote>
</div>
<div id="header_right">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div id="main_content">
<h2>About the template <br />
<span class="date">2007.04.25</span></h2>
<p>Duis suscipit, tellus et sollicitudin pharetra, neque mauris placerat nibh,
ultrices porta felis quam sit amet tortor. Nulla eget ipsum ac odio tincidunt
volutpat. In iaculis condimentum magna. Sed molestie. Sed libero justo, bibendum
ac, sagittis et, imperdiet quis, ante. Vivamus et risus. Etiam a dolor vehicula
libero eleifend aliquet. Integer eget ligula quis dui luctus porta. Aliquam
nonummy. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Suspendisse rhoncus molestie nulla.
Nullam consectetuer lectus quis pede. Proin viverra pharetra risus. Nam ut nulla
non nisl tincidunt venenatis. Suspendisse potenti.</p>
<h2>Integer eget <br />
<span class="date">2007.04.25</span></h2>
<p>Duis suscipit, tellus et sollicitudin pharetra, neque mauris placerat nibh,
ultrices porta felis quam sit amet tortor. Nulla eget ipsum ac odio tincidunt
volutpat. In iaculis condimentum magna. Sed molestie. Sed libero justo, bibendum
ac, sagittis et, imperdiet quis, ante. Vivamus et risus. Etiam a dolor vehicula
libero eleifend aliquet. Integer eget ligula quis dui luctus porta. Aliquam
nonummy. In hac habitasse platea dictumst. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Suspendisse rhoncus molestie nulla.
Nullam consectetuer lectus quis pede. Proin viverra pharetra risus. Nam ut nulla
non nisl tincidunt venenatis. Suspendisse potenti.</p>
<h2>Maecenas erat <br />
<span class="date">2007.04.25</span></h2>
<p>Mauris in velit quis nisl molestie dictum. Ut ac lacus. Nullam sed orci cursus
leo luctus euismod. In mauris eros, ultrices in, auctor nec, porttitor eu, orci.
Fusce at quam. Sed ornare posuere lorem. Aliquam erat volutpat. Pellentesque nulla
est, auctor eu, molestie vitae, ultrices id, neque. Duis adipiscing sagittis arcu.
Maecenas erat diam, volutpat ac, condimentum nec, dictum id, libero. Duis sed lorem
eget justo posuere iaculis. Quisque sodales aliquam diam. </p>
</div>
<div id="footer">
<p>Created by <a href="http://www.dieter.no">Dieter Schneider</a> 2007</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>The Brothers Karamazov</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="head"> <img src="church.jpg" alt="" />
<div id="topnav"> <a href="#">Home</a> <a href="#">Link 2</a> <a href="#">Link
3</a> <a href="#">Link 4</a> <a href="#">Link 5</a> </div>
<h1>The Brothers Karamazov</h1>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">gallery</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
</div>
<div id="main">
<div id="content">
<div class="right">
<h2>Dmitri</h2>
<img class="preload" src="arrowred.gif" alt="" />
<ul class="subnav">
<li><a href="http://validator.w3.org/check?uri=referer">XHTML 1.0 Check!
</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer">CSS Check!
</a></li>
<li><a href="#">Demus Design</a></li>
<li><a href="#">OpenDesigns</a></li>
<li><a href="#">Full Text of the book</a></li>
</ul>
<p>Dmitri is the oldest, and an impulsive sensualist. He's kind of the
party animal and his love for life has gotten him into incredible debt. The night
his father was murdered he blew 3,000 rubels on a party saying it was his last
night to live, making him the greatest suspect in his father's murder, but did he
do it? ...</p>
</div>
<div class="left">
<h2>Alyosha</h2>
<div class="blogitem">
<h4>10/14/06 11:00AM EDT</h4>
<h3>My Submission</h3>
<p>This was my submission to the OWD book contest, but now it is my
fourth Design for Open Designs. The Brothers Karamazov tells the story of three
brothers, Alyohsha, Ivan, and Dmitri, seemingly very different, but as they all
struggle to figure out who they are, we see how similar they are. On the surface
it's a murder mystery after their father is murdered. But at a deeper lever this is
Dostoevsky's masterpiece exploring all aspects of human life and faith.</p>
<p class="comment"> <a href="#">comments (0)</a> | <a href="#">read
more...</a></p>
</div>
<div class="blogitem">
<h4>10/07/06 5:23PM EDT</h4>
<h3>Alyosha</h3>
<p>At the onset of the novel, Alyosha, the youngest, is training to be a
monk. But when his mentor dies, he has a revelation that drives him back into the
world.</p>
<div class="quote">Oh! in his rapture he was weeping even over those
stars, which were shining to him from the abyss of space, and "he was not ashamed
of that ecstasy." There seemed to be threads from all those innumerable worlds of
God, linking his soul to them, and it was trembling all over "in contact with other
worlds." He longed to forgive everyone and for everything, and to beg forgiveness.
Oh, not for himself, but for all men, for all and for everything. </div>
<p>With this realization of how much God cares for everything and looks
after it, he goes out on a mission to "forgive everyone and for everything." Which
is good because he's just in time to help his brothers through their most life-
altering period.</p>
<p class="comment"> <a href="#">comments (0)</a> | <a href="#">read
more...</a></p>
</div>
<div class="blogitem">
<h4>10/07/06 5:23PM EDT</h4>
<h3>Ivan</h3>
<p>Ivan's column is a gallery so I'll put a short description here. He is
the middle brother and the intellectual. His studies have made him incredulous of
God and faith. He delivers probably the most famous passage of the book "The Grand
Inquisitor" in which he imagines that Jesus returned during the Spanish Inquisition
and how he would be treated. The Grand Inquisitor has this to say to him:</p>
<div class="quote">Too, too well will they know the value of complete
submission! And until men know that, they will be unhappy. Who is most to blame for
their not knowing it?-speak! Who scattered the flock and sent it astray on unknown
paths? But the flock will come together again and will submit once more, and then
it will be once for all. Then we shall give them the quiet humble happiness of weak
creatures such as they are by nature.</div>
<p>So Ivan dismisses faith based on the hypocritical actions of the
church. Within a thousand years, he claims, the church became such that its founder
would just be a silent nuisance. In the end, Ivan's great mind gets the best of
him, and he spins into madness in the wake of his father's death.</p>
<p class="comment"> <a href="#">comments (0)</a> | <a href="#">read
more...</a></p>
</div>
</div>
<div class="middle">
<h2>Ivan</h2>
<img class="ivan" src="dost.jpg" alt="" /> <img class="ivan"
src="hammersickle.jpg" alt="" /> <img class="ivan" src="dost.jpg" alt="" /> <img
class="ivan" src="hammersickle.jpg" alt="" /> </div>
<div class="clearer"><span></span></div>
</div>
</div>
</div>
<div class="foot">
<p> © Your Company | Template by <a
href="http://www.demusDesign.com">Demus Design</a></p>
</div>
</body>
</html>
<!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>
<title>The Chosen One</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--<link rel="stylesheet" type="text/css" href="red-styles.css" media="screen"
/>-->
<!--<link rel="stylesheet" type="text/css" href="blue-styles.css" media="screen"
/>-->
<link rel="stylesheet" type="text/css" href="green-styles.css" media="screen" />
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">The Chosen One</div>
<div id="headermenu"> <a href="#">Login</a> | <a href="#">Contact Us</a></div>
</div>
<div id="navlistcontainer">
<ul id="navlist">
<li><a id="current" href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Tech Support</a></li>
<li><a href="#">Newsroom</a></li>
<li><a href="#">About Us</a></li>
</ul>
</div>
<div id="infobox">
<div id="nutshell">
<h2>'The Chosen One' in a nutshell</h2>
<p>Thanks for your interest in this template. This is our second open web
template design. This is a simple <b>text-only template</b> with a text logo, a
top right menu, a horizontal tabbed menu, <b>two visible text areas</b> (to convey
your most important message to instantly grab your visitors' attention) and two
content columns below them.</p>
</div>
<div id="services">
<h2>Advantages</h2>
<p>Why use 'The Chosen One' template?</p>
<ul>
<li>Flexible layout: Easily change content, text size, column widths,
colors etc. without breaking the layout.</li>
<li>3 pre-defined colors: <b>Red, Green, Blue</b></li>
<li>It's free!</li>
</ul>
</div>
</div>
<div id="contents">
<div id="leftcontainer">
<h2>Two column layout</h2>
<p>The left hand side area can used to display main content of your website.
The right hand side column can be used to display favorite links, Google ads etc.
This template has been verified to work fine in Firefox 1.5, Opera 8.5 and IE 6.0.
This is a valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> and
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and it is also
very easy to customize. The template is released under the <a
href="http://en.wikipedia.org/wiki/Creative_Commons_License" title="Creative
Commons License">Creative Commons License</a>.</p>
<p>You can use this template without any restrictions. Good luck to your
website.</p>
<h2>The Chosen One: Also in Red & Blue colors</h2>
<span class="WrapText"> <img src="images/red.jpg" alt="Red" width="200"
height="150" style="border:1px solid #666;"/> </span> <span class="WrapText"> <img
src="images/blue.jpg" alt="Blue" width="200" height="150" style="border:1px solid
#666;"/> </span>
<p>Pellentesque diam lorem, varius ac, adipiscing sed, blandit nec, nunc.
Phasellus odio est, condimentum quis, convallis id, pretium porttitor, nulla. Nulla
sit amet odio.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras eget mi.
Proin viverra dignissim nulla. Donec sollicitudin est eget tellus. Pellentesque
diam lorem, varius ac, adipiscing sed, blandit nec, nunc. Phasellus odio est,
condimentum quis, convallis id, pretium porttitor, nulla. Nulla sit amet odio.
Vestibulum neque quam, eleifend quis, consequat nec, pulvinar et, arcu. Morbi
auctor commodo lorem. Nam vitae lorem. Phasellus malesuada gravida nisi. Curabitur
interdum commodo tortor. Donec porta interdum leo. </p>
<p>Quisque id urna sit amet lacus fermentum malesuada. Etiam purus libero,
interdum quis, mattis aliquet, vulputate sed, felis. Mauris vitae justo eget elit
faucibus venenatis. Integer non ipsum at elit vulputate sollicitudin. Vestibulum
congue magna ut sem. Praesent nec lectus. Donec malesuada, ligula eu dignissim
adipiscing, lorem leo pulvinar leo, eget bibendum purus dui ut purus. Morbi dui
elit, adipiscing nec, tristique eu, ullamcorper nec, diam.</p>
<h2>A little bit more text</h2>
<p>Pellentesque diam lorem, varius ac, adipiscing sed, blandit nec, nunc.
Phasellus odio est, condimentum quis, convallis id, pretium porttitor, nulla. Nulla
sit amet odio.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras eget mi.
Proin viverra dignissim nulla. Donec sollicitudin est eget tellus. Pellentesque
diam lorem, varius ac, adipiscing sed, blandit nec, nunc. Phasellus odio est,
condimentum quis, convallis id, pretium porttitor, nulla. Nulla sit amet odio.
Vestibulum neque quam, eleifend quis, consequat nec, pulvinar et, arcu. Morbi
auctor commodo lorem. Nam vitae lorem. Phasellus malesuada gravida nisi. Curabitur
interdum commodo tortor. Donec porta interdum leo. Quisque id urna sit amet lacus
fermentum malesuada. Etiam purus libero, interdum quis, mattis aliquet, vulputate
sed, felis. Mauris vitae justo eget elit faucibus venenatis. Integer non ipsum at
elit vulputate sollicitudin. Vestibulum congue magna ut sem. Praesent nec lectus.
Donec malesuada, ligula eu dignissim adipiscing, lorem leo pulvinar leo, eget
bibendum purus dui ut purus. Morbi dui elit, adipiscing nec, tristique eu,
ullamcorper nec, diam.</p>
</div>
<div id="rightcontainer">
<div id="rightone" class="rightcontents">
<h2>In the News</h2>
<p><b>The Big Company chooses 'The Chosen One':</b> <br/>
Feb 5, 2007 09:03 PM<br/>
The Big Company on Monday launched an upgrade of its website, using
<b>'The Chosen One'</b> for its template and adding support for third-party
identity management directories in order to tap into a company's existing security
rules.</p>
<p><b>The Big Company CEO to get $1.8 million salary in 2007:</b> <br/>
Feb 5, 2007 06:35 PM <br/>
The Big Company, whose stock rose 16 percent last year as it expanded in
software, said Monday that Chief Executive Big Guy will be paid a $1.8 million
salary in 2007 and stands to receive another $5 million in incentive pay, the same
as last year.</p>
</div>
<div id="righttwo" class="rightcontents">
<h2>Quick Links</h2>
<ul>
<li><a href="#">OSWD</a></li>
<li><a href="#">Open Webdesign</a></li>
<li><a href="#">Open Design Community</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">Wikipedia</a></li>
<li><a href="#">Sumanasa.com</a></li>
<li><a href="#">India News</a></li>
<li><a href="#">Hindi News</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>© 2007 Your Website Name - All Rights Reserved.</p>
</div>
</div>
<div id="footer2">
<p>Design by <a href="http://www.sumanasa.com/">Sumanasa.com</a> | <a
href="#">India News</a> | <a href="#">Hindi News</a></p>
</div>
</body>
</html>
<!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>
<title>Beauty company</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<h1><a href="#"><img src="images/logo.gif" width="212" height="47" alt="Beauty
Company" /></a></h1>
<ul id="nav">
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Stylecheck</a></li>
<li><a href="#">Latest</a></li>
<li><a href="#">Contacts</a></li>
</ul>
<div class="clear"></div>
<!-- end searches -->
<div id="body">
<div id="highlights">
<div class="p green"> <a href="#"><img src="images/photo_2.jpg" width="124"
height="76" alt="Nail Care" /></a> </div>
<!-- end .green -->
<div class="p purple"> <a href="#"><img src="images/photo_3.jpg" width="124"
height="76" alt="Skin Care" /></a> </div>
<!-- end .purple -->
<div class="p orange"> <a href="#"><img src="images/photo_4.jpg" width="124"
height="77" alt="Hair Care" /></a> </div>
<!-- end .orange -->
<div id="topspot">
<h2><img src="images/title_face_week.gif" width="116" height="17" alt="Face
of the week" /></h2>
<div class="faceotweek"> <img src="images/photo_7.jpg" width="87"
height="130" alt="Sintama" />
<p>Name: Sintama<br />
Age: 21 yrs</p>
</div>
<!-- end .faceotweek -->
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web
Templates.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web
Templates.</p>
<p class="readmore"><a href="#">read more</a></p>
</div>
<!-- end topspot -->
</div>
<!-- end highlights -->
<div id="right">
<div id="products">
<div id="item-one">
<h2><img src="images/title_spray.gif" width="69" height="17" alt="Deo
Spray" /></h2>
<img src="images/photo_5.jpg" width="65" height="113" alt="deo"
class="left" />
<p>Don't forgot to check free website templates every day, because we add
at least one free website template daily.</p>
<p class="readmore"><a href="#" class="orange">click here</a></p>
</div>
<!-- end item-one -->
<div id="item-two">
<h2><img src="images/title_lip_guard.gif" width="70" height="17" alt="Lip
Guard" /></h2>
<img src="images/photo_6.jpg" width="52" height="71" alt="Lip stick"
class="right" />
<p>Even more websites all about website templates on Just Web
Templates.</p>
<p class="readmore"><a href="#" class="green">click here</a></p>
</div>
<!-- end item-two -->
</div>
<!-- end products -->
<div id="news">
<h2><img src="images/title_news.gif" width="85" height="17" alt="latest
news" /></h2>
<h3>Nov 07, 2006</h3>
<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>
<h3>Nov 02, 2006</h3>
<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>
<p class="readmore"><a href="#" class="teal">click here</a></p>
</div>
<!-- end news -->
</div>
<!-- end right -->
<div id="beauty">
<div>
<h2><img src="images/title_tips.gif" width="141" height="17" alt="Beauty
Expert Tips" /></h2>
<h3>Article by Linda Davis</h3>
<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>
<h3>Article by Alicia Depp</h3>
<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 having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p class="readmore"><a href="#" class="purple">click here</a></p>
</div>
</div>
<!-- end beauty -->
<div class="clear"></div>
</div>
<!-- end body -->
<div id="footer"> Web design by <a
href="http://www.freewebsitetemplates.com">Free Website Templates</a> </div>
<!-- end footer -->
</div>
<!-- end wrapper -->
</body>
</html>
<!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>Coffee Cup</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="header">
<div class="header">
<h2><a href="#">Home</a> | <a href="#" title="our products">our products</a> |
<a href="#">contact us</a></h2>
<h1>THE COFFEE CUP</h1>
</div>
</div>
<div id="main">
<div id="sidebar">
<div class="topside"><strong>Sidebar</strong> One</div>
<a href="#">Home</a> <a href="#">Link 2</a> <a href="#">Link 3</a> <a
href="#">Link 4</a> <a href="#">Link 5</a>
<p><br />
</p>
<div class="topside"><strong>Sidebar</strong> Two</div>
<p>Curabitur ut erat nec augue suscipit placerat. Etiam eu ipsum. Quisque
commodo tempor nisi. Duis sed sem ac nulla tempor tincidunt.
Fusce a purus id mi condimentum nonummy. </p>
<p><br />
</p>
<div class="topside"><strong>Sidebar</strong> Three</div>
<ul>
<li>Unordered list 1</li>
<li>Unordered list 2</li>
<li>Unordered list 3</li>
</ul>
<p><br />
</p>
</div>
<div id="content">
<h3>About Us</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce at velit ac
neque scelerisque blandit. Aenean malesuada.
Suspendisse vestibulum orci. Quisque posuere vehicula justo. Integer
sollicitudin ligula vitae tellus. Maecenas id ante. Etiam nec ante.
Morbi ultrices magna et neque. In hac habitasse platea dictumst. Quisque
vehicula ultricies neque. Aenean volutpat varius lectus.
Morbi tempor justo at ante. Ut ac pede. <span class="inset"><strong>Block
quote with a twist!</strong><br />
<br />
Please retain the "Template Design by MLP
Design" tag and link in the footer when you use this template.</span> Donec
metus libero, aliquet id, dictum at, pharetra vel, odio. Maecenas ut erat. Nullam
urna ante, laoreet at, ornare vel, pulvinar ut, velit.
In ullamcorper blandit nisl. Integer tempus rutrum mi. Donec nec risus. Duis
accumsan. Vivamus id risus ut metus interdum tempus.
Curabitur orci nulla, vulputate vitae, vestibulum at, aliquam id, risus. Sed
placerat blandit sem. Cras lacinia, magna non facilisis congue,
turpis massa vestibulum nibh, at tempor elit leo quis arcu. Duis ligula
nulla, hendrerit eget, dapibus et, placerat vitae, urna. Maecenas
interdum, augue ac pellentesque laoreet, lorem dui tempor ipsum, quis porta
eros enim et erat. Nam a arcu sit amet dui iaculis tincidunt.
Pellentesque vulputate nisi. Sed ligula velit, eleifend non, dapibus vitae,
pretium eu, metus. </p>
<h3>Another Header</h3>
<p>Cras lobortis dolor ut purus. Phasellus nunc elit, laoreet vitae, accumsan
quis, lobortis venenatis, elit. Nam lobortis sapien. Vivamus hendrerit. Quisque non
felis ultricies odio venenatis vestibulum.
Sed interdum ultricies purus. Nam id dui id felis nonummy tempus. Donec a
magna. Etiam in lectus quis dui blandit mattis. Duis ligula nulla, hendrerit eget,
dapibus et, placerat vitae, urna. Maecenas
interdum, augue ac pellentesque laoreet, lorem dui tempor ipsum, quis porta
eros enim et erat.</p>
<p></p>
</div>
<div class="footer"></div>
</div>
<div id="footer">
<p>© Copyright 2006 Your Company Name. All Rights Reserved. <br />
Template Design by <a href="http://www.mlpDesign.net">MLP Design</a>. XHTML 1.0
Strict & CSS Valid.</p>
</div>
</body>
</html>
<!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>The Coffee Shop</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li class="active"><a href="#" accesskey="2">Photos</a></li>
<li><a href="#" accesskey="3">Links</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="header">
<h1>The Coffee Shop</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<!-- end #header -->
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to The Coffee Shop!</h2>
<div class="story">
<p><strong>The Coffee Shop</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
</div>
<!-- end #posts -->
<div id="links">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">February 2007</a> <i>(22)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
<li>
<h2>Blog Roll</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #links -->
<div style="clear: both;"> </div>
</div>
</div>
<!-- end #content -->
<div id="footer">
<p id="legal">Copyright © 2007 The Coffee Shop. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="brand">The Coffee Shop</p>
</div>
<!-- end #footer -->
</body>
</html>
<!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>The Gathering</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">The Gathering</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<!-- end div#header -->
<div id="menu">
<ul>
<li><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<!-- end div#menu -->
<div id="page">
<div id="content">
<div id="welcome">
<h1>Welcome to The Gathering!</h1>
<p><strong>The Gathering!</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from <a href="#">PDPhoto.org</a>. You're free to use it
for both commercial or personal use. I only ask that you link back to my site in
some way. <em>Enjoy :)</em></p>
<ol>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida
blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque
pharetra.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat
eleifend.</a></li>
<li><a href="#">Etiam ac tortor eu metus euismod lobortis.</a></li>
<li><a href="#">Duis non ante in metus commodo euismod lobortis.</a></li>
</ol>
</div>
<!-- end div#welcome -->
<div id="sample1" class="boxed">
<h2>Sample One</h2>
<ul>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis dui</a></li>
<li><a href="#">Etiam malesuada rutrum enim</a></li>
<li><a href="#">Aenean elementum facilisis ligula</a></li>
<li><a href="#">Ut tincidunt elit vitae augue</a></li>
<li><a href="#">Sed quis odio sagittis leo vehicula</a></li>
</ul>
</div>
<!-- end div#sample1 -->
<div id="sample2" class="boxed">
<h2>Sample Two</h2>
<p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, and
nibh:</p>
<ul>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum enim</a></li>
<li><a href="#">Aenean elementum facilisis ligula</a></li>
</ul>
</div>
<!-- end div#sample2 -->
</div>
<!-- end div#content -->
<div id="sidebar">
<ul>
<li id="submenu">
<h2>Other Links</h2>
<ul>
<li><a href="#">Semper vestibulum</a></li>
<li><a href="#">Vestibulum luctus</a></li>
<li><a href="#">Integer rutrum</a></li>
<li><a href="#">Etiam malesuada</a></li>
<li><a href="#">Elementum facilisis</a></li>
<li><a href="#">Ut tincidunt</a></li>
<li><a href="#">Odio sagittis</a></li>
</ul>
</li>
<!-- end li#submenu -->
<li id="news">
<h2>News & Updates</h2>
<ul>
<li>
<h3>25th May</h3>
<p><a href="#">Pellentesque quis elit non lectus gravida
blandit…</a></p>
</li>
<li>
<h3>23rd May</h3>
<p><a href="#">Lorem ipsum dolor sit amet, consectetuer
adipiscing…</a></p>
</li>
<li>
<h3>21st May</h3>
<p><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue…</a></p>
</li>
<li>
<h3>17th May</h3>
<p><a href="#">Maecenas vitae orci vitae tellus feugiat
eleifend…</a></p>
</li>
</ul>
</li>
<!-- end li#news -->
</ul>
</div>
<!-- end div#sidebar -->
<div style="clear: both; height: 1px"></div>
</div>
<!-- end div#page -->
<div id="footer">
<p id="legal">Copyright © 2007 The Gathering. All Rights Reserved.
Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
<!-- end div#footer -->
</div>
<!-- end div#wrapper -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
<title>The Hobbit</title>
</head>
<body>
<div class="container">
<div class="gfx"><span></span></div>
<div class="top">
<div class="navigation"> <a href="#" id="selected">home</a> <a href="#">the
journey</a> <a href="#">characters</a> <a href="#">image gallery</a> <a
href="#">history</a> </div>
<div class="pattern"><span></span></div>
<div class="header">
<h1>The Hobbit</h1>
<p>Adventures of Bilbo Baggins</p>
</div>
<div class="pattern"><span></span></div>
</div>
<div class="content">
<div class="spacer"></div>
<div class="item">
<div class="title">Porttitor posuere</div>
<div class="metadata">Jun 13, 2006 by Vulputate</div>
<div class="body">
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate
elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique
tortor. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est pretium
leo.</p>
<img class="left" src="img/map.jpg" width="180" height="152" alt="sample
image"/>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Aliquam risus justo,
mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam
luctus semper mi. In eu diam. Aliquam risus justo, mollis in, laoreet a,
consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu
diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam
vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius
mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a>
risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius
pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod
ultricies. </p>
</div>
</div>
<div class="divider"><span></span></div>
<div class="item">
<div class="title">Adipiscing</div>
<div class="metadata">Jun 11, 2006 by Laoreet</div>
<div class="body">
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi.</p>
<h2>Justo Elit</h2>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate
elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique
tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium
leo</p>
<h2>Non Euismod Nulla</h2>
<p>Dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed
in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere
laoreet, turpis massa tristique justo, sed egestas metus magna sed purus. Fusce
eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam
fringilla mi.</p>
</div>
</div>
<div class="divider"><span></span></div>
<div class="item">
<div class="title">Donec dictum</div>
<div class="metadata">Jun 6, 2006 by Ultrices</div>
<div class="body">
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate
elementum nisl. Vivamus et mi at arcu mattis iaculis. <a href="#">Nullam</a>
posuere tristique tortor.</p>
<h1>Tristique</h1>
<p>In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium
leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum
ac ante. Sed in est.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>Aliquam risus justo, mollis in, laoreet a, <a href="#">consectetuer
nec</a> risus. Nunc blandit sodales lacus. Nam luctus semper mi. Sed sodales nisl
sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa
tristique justo.</p>
</div>
</div>
<div class="divider"><span></span></div>
<div class="item">
<div class="title">Ultrices</div>
<div class="metadata">May 29, 2006 by Feugiat</div>
<div class="body">
<p>Integer porta. Fusce nibh. Curabitur pellentesque, lectus at <a
href="#">volutpat interdum</a>. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat
aliquam</p>
<blockquote>
<p>A box without thines, key or lid, Yet a golden treasure inside is
hid.</p>
</blockquote>
<p>Sem justo placerat elit, eget feugiat est leo tempor quam. Ut quis neque
convallis magna consequat molestie. Nullam semper massa eget ligula. Fusce accumsan
enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla eget
urna.</p>
<blockquote>
<p>Alive without breath, As cold as death; Never thirsty, ever drinking,
All in mail never clinking.</p>
</blockquote>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna
consequat molestie. Donec varius tincidunt nisi.</p>
</div>
</div>
</div>
<div class="footer"> © 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://arcsin.se">Arcsin</a> </div>
</div>
</body>
</html>
<!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>The Manor</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">The Manor</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
<hr />
</div>
<div id="content">
<div id="blog">
<div id="post-1" class="post">
<h2 class="title"><a href="#">Welcome to The Manor!</a></h2>
<h3 class="date">March 26, 2007</h3>
<div class="entry">
<p><strong>The Manor</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 Licens</a>. You"re free to use it for both commercial or
personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-1 -->
<div id="post-2" class="post">
<h2 class="title"><a href="#">Sample Tags</a></h2>
<h3 class="date">January 31, 2007</h3>
<div class="entry">
<p>A one-sentence paragraph followed by a blockquoted paragraph.</p>
<blockquote>
<p>“Nam et orci et leo iaculis tempor. Duis ante ante, pretium
sit amet, feugiat ut, semper ac, nisl. Praesent eget mauris. Duis in pede.
Vestibulum nec libero.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<ul>
<li>Proin eu ligula ut est congue malesuada.</li>
<li>Nunc eleifend felis nec purus.</li>
<li>Duis sodales urna sit amet nulla.</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Donec fringilla leo eget erat.</li>
<li>Nunc condimentum cursus lorem.</li>
<li>Cras sodales venenatis metus.</li>
</ol>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-2 -->
</div>
<!-- end #blog -->
<div id="sidebar">
<ul>
<li id="search">
<h2>Search</h2>
<form id="form1" method="get" action="#">
<div>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1"
value="Search" />
</div>
</form>
</li>
<!-- end #search -->
<li id="archives">
<h2>Archives</h2>
<ul>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
</ul>
</li>
<!-- end #archives -->
<li id="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Uncategorized</a> <small>(6)</small></li>
<li><a href="#">Condimentum Cursus</a> <small>(28)</small></li>
<li><a href="#">Praesent Sit Mauris</a> <small>(14)</small></li>
<li><a href="#">Leo Iaculis Tempor</a> <small>(23)</small></li>
<li><a href="#">Dignissimos Ducimus</a> <small>(19)</small></li>
</ul>
</li>
<!-- end #categories -->
<li id="blogroll">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Lorem Ipsum Dolor</a></li>
<li><a href="#">Tempor Leo Iaculis</a></li>
<li><a href="#">Cursus Dignissimos</a></li>
<li><a href="#">Ducimus Condimentum</a></li>
<li><a href="#">Praesent Sit Mauris</a></li>
</ul>
</li>
<!-- end #blogroll -->
<li id="meta">
<h2>Meta</h2>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Logout</a></li>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Strict">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Free CSS Templates</a></li>
</ul>
</li>
<!-- end #meta -->
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #content -->
<div id="footer">
<p>Copyright © 2007 The Manor. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</div>
<!-- end #wrapper -->
</body>
</html>
<!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>The Music Website</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<!-- Start of Page Title -->
<div id="page_title">
<h1><span>The Music Website</span></h1>
</div>
<!-- End of Page Title -->
<div id="header_image"><span> </span></div>
<!-- Start of Page Header -->
<div id="header_container_left">
<div id="header_container_right">
<div id="header_container">
<div id="page_header">
<div id="header_hidden"> </div>
<!-- Start of Header Punchline -->
<div id="header_punchline">
<h3><span>Your Punchline Goes Here</span></h3>
</div>
<!-- End of Header Punchline -->
<!-- Start of Header Navigation Menu -->
<div id="header_menu">
<ul>
<li id="menu_1"><a href="#"><strong>Home</strong></a></li>
<li id="menu_2"><a href="#"><strong>About Us</strong></a></li>
<li id="menu_3"><a href="#"><strong>Products</strong></a></li>
<li id="menu_4"><a href="#"><strong>Services</strong></a></li>
<li id="menu_5"><a href="#"><strong>Contacts</strong></a></li>
</ul>
</div>
<!-- End of Page Header : Menu -->
<!-- Start of Header Links -->
<div id="header_links">
<ul>
<li><a href="#">make your own music</a></li>
<li><a href="#">grab the hottest tracks</a></li>
<li><a href="#">read previews</a></li>
</ul>
</div>
<!-- End of Header Links -->
<div class="clearthis"> </div>
</div>
</div>
</div>
</div>
<!-- End of Page Header -->
<!-- Start of Main Content -->
<div id="maincontent_container">
<div id="maincontent">
<!-- Start of Chartbusters -->
<div id="chartbusters">
<h2><span>Chartbusters</span></h2>
<!-- Start of Chartbusters Entry 1 -->
<div class="chartbusters_entry">
<div class="chartbusters_thumbnail"> <img
src="images/chartbusters_thumbnail_01.gif" width="90" height="55" alt="Photo Title"
/> </div>
<div class="chartbusters_details">
<p> This is a demo text. it will be replaced by the original. This is a
demo text. it will be replaced by the original. This is a demo text. it will be
replaced by the original. This is a demo text. it will be replaced by the original.
This is a demo text. it will be replaced by the original. </p>
</div>
<div class="clearthis"> </div>
</div>
<!-- End of Chartbusters Entry 1 -->
<!-- Start of Chartbusters Entry 2 -->
<div class="chartbusters_entry">
<div class="chartbusters_thumbnail"> <img
src="images/chartbusters_thumbnail_02.gif" width="90" height="55" alt="Photo Title"
/> </div>
<div class="chartbusters_details">
<p> This is a demo text. it will be replaced by the original. This is a
demo text. it will be replaced by the original. This is a demo text. it will be
replaced by the original. This is a demo text. it will be replaced by the original.
This is a demo text. it will be replaced by the original. </p>
</div>
<div class="clearthis"> </div>
</div>
<!-- End of Chartbusters Entry 2 -->
<div class="link-more"> <a href="#">....Read More</a> </div>
</div>
<!-- End of Chartbusters -->
<div class="divider"> </div>
<!-- Start of My Music Shop -->
<div id="musicshop">
<h2><span>My Music Shop</span></h2>
<p> This is a demo text. it will be replaced by the original. This is a
demo text. it will be replaced by the original. This is a demo text. it will be
replaced by the original. This is a demo text. it will be replaced by the original.
This is a demo text. it will be replaced by the original. </p>
<p> This is a demo text. it will be replaced by the original. This is a
demo text. it will be replaced by the original. This is a demo text. it will be
replaced by the original. This is a demo text. it will be replaced by the original.
This is a demo text. it will be replaced by the original. </p>
<div class="link-more"> <a href="#">....Read More</a> </div>
</div>
<!-- End of My Music Shop -->
</div>
</div>
<!-- End of Main Content -->
<!-- Start of Page Footer -->
<div id="page_footer"> Powered by <a
href="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div>
<!-- End of Page Footer -->
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>The Old Forest</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="container">
<div id="wrapper">
<div id="header">
<h1><a href="#">The Old Forest</a></h1>
<h2>The Fellowship of the Ring</h2>
<p class="hidden"><a href="#nav">Skip to Main Navigation</a> || <a
href="#content_main">Skip to Content</a></p>
</div>
<div id="sidebar">
<h2>This is 'The Old Forest'. A CSS/XHTML template created for the OWD
contest and based on the book "The Fellowship of the Ring" by J.R.R. Tolkien.</h2>
<ul id="sidenav">
<li><a href="#" accesskey="h"><em>H</em>ome</a></li>
<li><a href="#" accesskey="a"><em>A</em>bout</a></li>
<li><a href="#" accesskey="e"><em>E</em>xamples</a></li>
<li><a href="#" accesskey="c"><em>C</em>ontact</a></li>
</ul>
<p> Here's an example sidebar paragraph. You might put notes here, or latest
news items etc. This is filler text: dsnf jdsnf ljksdnaf kjsnf jksnf ljksa nkjsfn
lsdaj fnlsnka fjdasnf lkasnfd sauifn esaufn sdjn kjfndsalkfjn sdkjf ndslfn dsljfn
dslakfn d </p>
<input value="Search..." type="text" />
</div>
<div id="content">
<ul id="nav">
<li class="hidden"><strong>Main Navigation</strong></li>
<li><a href="#intro" accesskey="h"><em>H</em>ome</a></li>
<li><a href="#" accesskey="a"><em>A</em>bout</a></li>
<li><a href="#" accesskey="e"><em>E</em>xamples</a></li>
<li><a href="#" accesskey="c"><em>C</em>ontact</a></li>
</ul>
<div id="content_main">
<h2><a href="#" id="intro">Introduction</a></h2>
<p class="details"> <a href="#"class="comlink">25 Comments</a>Posted by <a
href="#">User Name</a> on <a href="#">01.01.01.</a> </p>
<p> Hello and welcome to <strong>The Old Forest </strong>, a template
created by Six Shooter Media</a> for the Open Web Design contest titled
"Favourite Book". "The Old Forest" is the title of a chapter in the first
book of the Lord of the Rings trilogy; The Fellowship of the Ring. It happens to be
my favourite chapter in the whole of this first book for its wonderfully colourful
descriptions of the beginning of the Hobbits adventure. They leave the Shire and
also meet Tom Bombadil, whoc rescues them in this chapter which sadly was left out
of the motion picture. </p>
<p> The image in the header is in fact a stock photo which I found on
sxc.hu. I simply took it, cropped it a bit and changed the hue and saturation to
acheive an effect which I feel makes the shot look like the edge of the Old Forest
as described in the book and how I picture it in my head. </p>
<h2><a href="#" id="about">About the Author</a></h2>
<p class="details"> <a href="#"class="comlink">25 Comments</a>Posted by <a
href="#">User Name</a> on <a href="#">01.01.01.</a> </p>
<p> Hi! My names Jay and I'm a 20 year old web designer from England. My
main projects are conducted through my website Six Shooter Media, but I (obviously)
also enjoy creating Open Source web templates for general use! You can keep a check
on my free templates here which is probably a link worth bookmarking as my
templates appear there a couple of weeks before OWD/OSWD due to the design queues.
</p>
<h2><a href="#" id="examples">Some Examples</a></h2>
<p class="details"> <a href="#"class="comlink">25 Comments</a>Posted by <a
href="#">User Name</a> on <a href="#">01.01.01.</a> </p>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog/web site. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> <em> "But the Forest <em>is</em> queer. Everything in it is very
much more alive, more aware of what is going on, so to speak, than things are in
the Shire. And the trees do not like strangers. They watch you. They are usually
content merely to watch you, as long as daylight lasts, and don't do much.
Occasionally the most unfriendly ones may drop a branch, or stick a root out, or
grasp at you with a long trailer. But at night things can be most alarming, or so I
am told." </em> </p>
<p style="text-align:right"> - Meriadoc Brandybuck </p>
</blockquote>
<h3>List Example</h3>
<ul>
<li>Here</li>
<li>Is our friend</li>
<li>The list!</li>
</ul>
<h3>Comment Examples</h3>
<ol class="comments">
<li>
<div class="user">
<p><a href="#">User Name</a><br />
<img src="images/avatar.gif" alt="avatar" /></p>
</div>
<div class="etc">
<p>Posted on 01.01.01.<br />
<a href="#header">Top</a></p>
</div>
<p> Comment text here jndfl jsndjaf ndsfn aeufn uisf shelf jsae hej
hfliusl huifehsu adlhfjeshflsdl hfaisehfj sdhfljk ashdfjk dshlfajdsjah fjsdlhf sdsd
fadsf adsf adsf dsaf adsf dsaf dsf dsaf ads fdsaf dsaf dsf dsafk
sadf;klsdjafksdahfjsndajfklnasdjf ndask jfndsajf nsldjanf jksanf ljksadnf ljksnadf
jksndafkj sdnajfk sndljkfnsadljfk ndsajkf ndsaljf ndls kfnjahf lsdaf ljsdahf
jksahdf hadsfjksdha fjsdhafjkshdafjkshdafjds </p>
</li>
<li class="alt">
<div class="user">
<p><a href="#">User Name</a><br />
<img src="images/avatar.gif" alt="avatar" /></p>
</div>
<div class="etc">
<p>Posted on 01.01.01.<br />
<a href="#header">Top</a></p>
</div>
<p> Comment text here jndfl jsndjaf ndsfn aeufn uisf shelf jsae hej
hfliusl huifehsu adlhfjeshflsdl hfaisehfj sdhfljk ashdfjk dshlfajdsjah fjsdlhf
sdjahf lsdaf ljsdahf jksahdf hadsfjksdha fjsdhafjkshdafjkshdafjds </p>
</li>
<li>
<div class="user">
<p><a href="#">User Name</a><br />
<img src="images/avatar.gif" alt="avatar" /></p>
</div>
<div class="etc">
<p>Posted on 01.01.01.<br />
<a href="#header">Top</a></p>
</div>
<p> Comment text here jndfl jsasdf ksa fmndsanfjsdanlf jdsanlfk
jnsdlafj nsaklfn aksjf nlkasjfn lsnakf jasdnf lksdnf lksjna fjksdanlf ksndaf lkasnf
jadsnf lksandf jksdanf jksanf lasdnf lasknf asjdfn lsajfn dsanf jdsanfk jsdfjn
jknfsg kljfdnjkgfdsngl fdjn gfdlnsg jfdsnlgsfdjng lkns gsdjfng lfdsng ksnfg jfdsngl
jfds ngfdsjgn lfdsng dfslng sjdfn jfds gnlfdjsng ljksfng jksfnlg jkfndsg ljkfsng
lkjfng jksfdnl gfdsng jdfsng lkjnsdf gjkfsdn gjfdnslgj nfdsjg nlfdsnk gsjfdng
ldfsjng lkjsndg kjsnldg jfdnsg lknsfd gkjnlg kjfndsgkl jnsdfg kjlfndlsgk jfndsljgk
nfdsljg nfdlsng lsnd jkfnsg ljkfsn gljdsnfgkj nsfd jkgnsdflg jfdnsgl
kjfsndgjknsfdlgk jfndsljgk nfdsgkj nfdlsng lsnfdg jksndf gjksfndgjkfdsng kjfdngl
jksndfgkjndfjgk lsdgn dfls ngklsdnkg sndjaf ndsfn aeufn uisf shelf jsae hej hfliusl
huifehsu adlhfjeshflsdl hfaisehfj sdhfljk ashdfjk dshlfajdsjah fjsdlhf sdjahf lsdaf
ljsdahf jksahdf hadsfjksdha fjsdhafjkshdafjkshdafjds </p>
</li>
<li class="alt">
<div class="user">
<p><a href="#">User Name</a><br />
<img src="images/avatar.gif" alt="avatar" /></p>
</div>
<div class="etc">
<p>Posted on 01.01.01.<br />
<a href="#header">Top</a></p>
</div>
<p> Comment text here jndfl jsndjaf ndsfn aeufn uidfa dsf adsf dsf dsf
dsf sadf asdfsf shelf jsae hej hfliusl huifehsu adlhfjeshflsdl hfaisehfj sdhfljk
ashdfjk dshlfajdsjah fjsdlhf sdjahf lsdaf ljsdahf jksahdf hadsfjksdha
fjsdhafjkshdafjkshdafjds </p>
<p> Comment text here jndfl jsndjaf ndsfn aeufn uisf shsaf asdf sdaf
dsaf sdaf sdaf sdaf sda fasdf dsf dasf dsaf sdaf asd fsda fdsaf dsa fdsaf dsf dsaf
dsaf dsaf asdf asdf sdaf asdf dsaf dsaf sdaf dsf dsaf dsf dsalkfn dskjf
ndalfndasjnf klsdnf jksdnaf lkjdnsaf jksdnaf lksndajf dnslafk jadslf kdnslajfk
nsiuasnefuesnjfk dnalfjeufn sujaejk fhsdjafhl easuaf hsiuah ssuehfuisdhfau
sfhiushdf jdshaf seihfuelf jsae hej hfliusl huifehsu adlhfjeshflsdl hfaisehfj
sdhfljk ashdfjk dshlfajdsjah fjsdlhf sdjahf lsdaf ljsdahf jksahdf hadsfjksdha
fjsdhafjkshdafjkshdafjds </p>
</li>
</ol>
<h2><a href="#" id="contact">Contact</a></h2>
<p class="details"> <a href="#"class="comlink">25 Comments</a>Posted by <a
href="#">User Name</a> on <a href="#">01.01.01.</a> </p>
<p> If you decide to use this template please drop me a line to let me
know! Don't hesitiate to get in touch if your interested in a custom template or
just in any of my services in general. I look forward to hearing from you! </p>
</div>
<div id="footer">
<p class="validate"><a href="http://validator.w3.org/check?
uri=referer">XHTML</a> | <a href="http://jigsaw.w3.org/css-
validator/">CSS</a><br />
<a href="#content">Top</a></p>
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here.</p>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>The Piano</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">forums</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact me</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
</div>
<div id="content_top">
<h1 id="heading_piano"><span class="invisible_headings">The Piano</span></h1>
<h2>Music is the divine way to tell beautiful, poetic things to the heart.</h2>
</div>
<div id="content">
<h3 id="heading_about"><span class="invisible_headings">About this
template</span></h3>
<p class="text">This template should be great for music blogs or something like
that. It's a simple one column layout. It's quite a heavy weight on the graphics,
so if you want a under 10k graphics template this is not the template for you. It
works perfect in the latest versions of IE, FF and Opera. I kindly ask you to not
remove the footer link if you have the free version. For more please visit my
site</p>
<h3 id="heading_ipsum"><span class="invisible_headings">Lorem Ipsum</span></h3>
<p>Finaly IE supports transparent PNG's. This makes it very easy to make cool
headings with custom fonts. You can still have text headings for clean text
browsers, just push them out of the way with a span class. It's very simple (try
edit the headings in the stylesheet to see how it works.) Remember when you make
your own headings that you have to save them as PNG 24, and that they will not work
with older versions of IE</p>
</div>
<div id="footer">
<p class="footertxt">Created by Dieter Schneider 2006 | <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a></p>
</div>
</div>
</body>
</html>
<!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>The Rag Blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">The Rag Blog</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="archives" class="gbox">
<h2 class="heading">Archives</h2>
<div class="content">
<ul>
<li><a href="#">February</a> (7)</li>
<li><a href="#">January 2007</a> (31)</li>
<li><a href="#">December 2006</a> (31)</li>
<li><a href="#">November 2006</a> (30)</li>
<li><a href="#">October 2006</a> (31)</li>
<li><a href="#">September 2006</a> (30)</li>
<li><a href="#">August 2006</a> (31)</li>
<li><a href="#">July 2006</a> (31)</li>
<li><a href="#">June 2006</a> (30)</li>
<li><a href="#">May 2006</a> (31)</li>
<li><a href="#">April 2006</a> (30)</li>
<li><a href="#">March 2006</a> (31)</li>
<li><a href="#">February 2006</a> (28)</li>
<li><a href="#">January 2006</a> (31)</li>
<li><a href="#">December 2005</a> (31)</li>
<li><a href="#">November 2005</a> (30)</li>
<li><a href="#">October 2005</a> (31)</li>
<li><a href="#">September 2005</a> (30)</li>
<li><a href="#">August 2005</a> (31)</li>
<li><a href="#">July 2005</a> (31)</li>
<li><a href="#">June 2005</a> (30)</li>
<li><a href="#">May 2005</a> (31)</li>
<li><a href="#">April 2005</a> (30)</li>
<li><a href="#">March 2005</a> (31)</li>
<li><a href="#">February 2005</a> (28)</li>
<li><a href="#">January 2005</a> (31)</li>
<li><a href="#">December 2004</a> (31)</li>
<li><a href="#">November 2004</a> (30)</li>
</ul>
</div>
</div>
<div id="posts">
<div class="post">
<h2 class="title">Welcome to The Rag Blog!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>The Rag Blog</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Et pulvinar pede ligula a sapien. Donec fermentum condimentum
nisi. Proin iaculis mauris id lorem viverra molestie. Duis vel orci. Nam
consequat. Morbi nec lacus.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="search" class="gbox">
<h2 class="heading">Search</h2>
<div class="content">
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value=""
size="18" />
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</div>
</div>
<div id="pages" class="gbox">
<h2 class="heading">Pages</h2>
<div class="content">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="categories" class="gbox">
<h2 class="heading">Categories</h2>
<div class="content">
<ul>
<li><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
<li><a href="#">Quisque vestibulum</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
</ul>
</div>
</div>
<div id="blogroll" class="gbox">
<h2 class="heading">Blogroll</h2>
<div class="content">
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</div>
</div>
<div style="clear: both; height: 1px;"></div>
</div>
<div id="footer">
<p>Copyright © 2006 The Rag Blog. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a> |
<a href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></p>
</div>
</body>
</html>
<!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>The Spring</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="styles/screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="styles/print.css" />
<link rel="stylesheet" type="text/css" media="handheld"
href="styles/handheld.css" />
</head>
<body>
<div id="container">
<div id="logo"> <a href="#"><img src="images/logo.gif" width="180" height="88"
alt="" /></a> </div>
<div id="top"> <img src="images/top.gif" width="493" alt="" /> </div>
<div id="sidebar">
<h2> Where am I? </h2>
<p> You're on example page uses <acronym title="Open Source Web
Design">OSWD</acronym> <img src="images/a.out.gif" class="out" width="12"
height="7" alt="" /> design's project. This template is publicized on <acronym
title="Gnu is Not Unix">GNU</acronym> <acronym title="General Public
License">GPL</acronym> <img src="images/a.out.gif" class="out" width="12"
height="7" alt="" /> license, so you can use and modify this work saving
information about author. </p>
</div>
<div id="body">
<h1> About </h1>
<h2> How I can pay back? </h2>
<p> In simpliest way you can just write mail to me. <img src="images/a.out.gif"
class="out" width="12" height="7" alt="" /> Otherwise it's possible to send me some
money or aids. </p>
<p> I really don't intend to be mad to you, if you decide to help me with
getting own computer <img src="images/a.out.gif" class="out" width="12" height="7"
alt="" />, tablet <img src="images/a.out.gif" class="out" width="12" height="7"
alt="" />, <a href="#">digital camera</a> <img src="images/a.out.gif" class="out"
width="12" height="7" alt="" /> or <a href="#">Adobe</a> <img
src="images/a.out.gif" class="out" width="12" height="7" alt="" /> <a
href="#">Creative Suite 2</a> <img src="images/a.out.gif" class="out" width="12"
height="7" alt="" />. </p>
<p> Also I don't despise any work-offer or orders. </p>
<p> Do you want to know more? Just write me! <img src="images/a.out.gif"
class="out" width="12" height="7" alt="" /> </p>
<div id="message">
<h2> Something important </h2>
<p> Currently I'm going to after scholarship and I need letters of
commendation. </p>
<p> It's very essential for me. </p>
<p> If you're pleased of my work or it prove usable for you, write me an e-
mail <img src="images/a.out.gif" class="out" width="12" height="7" alt="" />,
please, and I'll send you my home address. </p>
<p> It's low cost, but it could affect on my whole life. </p>
</div>
<h2> Template </h2>
<p> It's simple, very usable and accessible project. </p>
<p> I dedicate it to my sweet girlfriend - Asia. </p>
<p> People think, that, if validators like Watchfire <img
src="images/a.out.gif" class="out" width="12" height="7" alt="" /> WebXACT <img
src="images/a.out.gif" class="out" width="12" height="7" alt="" />, say them, that
their website is <a href="http://www.w3.org/WAI"><acronym title="Web Accessibility
Initiative">WAI</acronym></a>'s <img src="images/a.out.gif" class="out" width="12"
height="7" alt="" /> triple ,,A" valid, that's true. </p>
<p> In their opinion all disable people are using text web browsers. But what
about people having eye-defect or using <acronym title="Personal Digital
Assistant">PDA</acronym>-s, touch-pads or high resolution displays? </p>
<p> It's exactly secret of my designs - they're simple, but strongly
accessible - even for those users. </p>
<h2> Author </h2>
<p> My name is Grzesiek and I'm sixteen years old Pole <img
src="images/a.out.gif" class="out" width="12" height="7" alt="" />, who's
interesting for <acronym title="Human-Computer Interaction">HCI</acronym>,
usability, functionality and accessibility of <acronym title="World Wide
Web">WWW</acronym>. </p>
<p> I'm not certificated specialist. It's just my whole life. </p>
<p> In my opinion Internet should be accessible for everyone, 'cause
information should be free. That's why I, for example, support <a href="#"><acronym
title="Open Source Web Design">OSWD</acronym></a>. </p>
<p> I haven't dual 2.7Ghz <a href="#">Apple</a> <img src="images/a.out.gif"
class="out" width="12" height="7" alt="" /> <a href="#">PowerMac</a> <img
src="images/a.out.gif" class="out" width="12" height="7" alt="" />, <a
href="#">Adobe</a> <img src="images/a.out.gif" class="out" width="12" height="7"
alt="" /> <a href="#">Photoshop CS 2</a> <img src="images/a.out.gif" class="out"
width="12" height="7" alt="" />, commercial <a href="#">reports</a> <img
src="images/a.out.gif" class="out" width="12" height="7" alt="" /> contributed by
<a href="#">Nielsen Norman Group</a> <img src="images/a.out.gif" class="out"
width="12" height="7" alt="" /> or any books. I'm creating on lend laptop. My dream
is <a href="#">Apple</a> <img src="images/a.out.gif" class="out" width="12"
height="7" alt="" /> <a href="#">PowerBook</a> <img src="images/a.out.gif"
class="out" width="12" height="7" alt="" /> <a href="#">12"</a> <img
src="images/a.out.gif" class="out" width="12" height="7" alt="" />, but it isn't
possible to realize. </p>
<p> Anyway, I like that, what I do and I want do it in future. </p>
<p> I think, that <a href="#"><acronym title="Open Source Web
Design">OSWD</acronym></a> can help me in development my passion. </p>
<p> How? For example I can do for you, as <a href="#"><acronym title="Open
Source Web Design">OSWD</acronym></a>'s user, some design, report, application or
implementation of some software. I already done some derivative works for a dozen
poeple - in that for <a href="http://oswd.org"><acronym title="Open Source Web
Design">OSWD</acronym></a>'s visitors. </p>
</div>
</div>
<div id="menu" title="Navigation">
<ul>
<li> <a href="#" accesskey="h"><span class="underline">H</span>ome</a> </li>
<li> <a href="#" accesskey="o"><span class="underline">O</span>ffer</a> </li>
<li class="active"> <a href="#" accesskey="a"><span
class="underline">A</span>bout</a> </li>
<li> <a href="#" accesskey="c"><span class="underline">C</span>ontact</a> </li>
</ul>
</div>
<div id="recommended">
<h2> Recommended </h2>
<ul>
<li> <a href="#"><acronym title="Open Source Web Design">OSWD</acronym></a>
</li>
<li> <a href="#">Grzesiek's photos</a> </li>
</ul>
<h2> Warning! </h2>
<p> You've 16-19 years, are inteligent, ambitious and speak good English? Want
you take part with me in <a href="http://www.thinkquest.com">ThinkQuest</a>? <img
src="images/a.out.gif" class="out" width="12" height="7" alt="" /> I'm waiting for
you! <img src="images/a.out.gif" class="out" width="12" height="7" alt="" /> </p>
</div>
</body>
</html>
<!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>Beauty Salon template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Beauty Salon</h1>
<div id="search"> search
<input type="text" name="q" value="" class="text" />
<input type="submit" name="s" value="go" />
</div>
</div>
<div id="body">
<div id="nav">
<div id="nav-bot">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">contact us</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="beauty">
<h2>Beauty Tips</h2>
<span>01</span>
<p>Professionally made templates you can find them at <a
href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<span>02</span>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div class="clear"> </div>
<img src="images/pic_4.jpg" width="123" height="53" alt="Pic 4" /> </div>
<div class="main">
<h2>Welcome to our site</h2>
<p>Don't forget to check <a href="#">free website templates</a> every day,
because we add a new free website template almost daily.</p>
</div>
<div class="main2">
<h2>News & Events</h2>
<img src="images/pic_2.jpg" width="82" height="53" alt="Pic 2"
class="right" />
<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>
<div class="clear"></div>
<img src="images/pic_3.jpg" width="82" height="53" alt="Pic 3"
class="right" />
<p>If you're having problems editing the template ask for help on <a
href="#">the forum</a>.</p>
</div>
<div class="clear"> </div>
</div>
</div>
<div id="privacy"> <a href="#">Privacy Policy</a> </div>
<div id="footer"> Copyright statement goes here. All rights reserved<br
/>designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
</div>
</body>
</html>
<!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>The Spring</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">The Spring</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<div class="post">
<h2 class="title">Welcome to The Spring!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>The Spring</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An unordered list:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
</ul>
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Sed eu diam. Vivamus nonummy elit et odio. Fusce risus quam,
scelerisque sed, pharetra ut, pharetra id, ante. Etiam posuere, elit a blandit
varius, velit sem tincidunt elit, et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie.</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Search</h2>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="footer">
<p>Copyright © 2006 The Spring. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>The Wild</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#"><span>The</span>Wild</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<h2 class="title">Welcome to The Wild!</h2>
<div class="story">
<p><strong>The Wild</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<h2 class="title">Examples of Common Tags</h2>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="extra" style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 The Wild. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom:
1.0em;"> Design downloaded from Free Templates - your source for <a href="#">free
web templates</a> </div>
</body>
</html>
<!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>The Wild West</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1> <a href="#">The Wild West</a></h1>
<h2>By Sumanasa.com</h2>
</div>
<div id="menu">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="content">
<div id="sidebar">
<ul>
<li id="archives">
<h2>Archives</h2>
<ul>
<li><a href="#">April 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
</ul>
</li>
<!-- end #archives -->
<li id="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Category #1</a> <small>(21)</small></li>
<li><a href="#">Category #2</a> <small>(11)</small></li>
<li><a href="#">Category #3</a> <small>(13)</small></li>
<li><a href="#">Category #4</a> <small>(89)</small></li>
</ul>
</li>
<!-- end #categories -->
<li id="blogroll">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Jack Hogan</a></li>
<li><a href="#">Jill Reagan</a></li>
<li><a href="#">Humpty Smith</a></li>
<li><a href="#">Bumpty Smith</a></li>
<li><a href="#">Mary Lamb</a></li>
</ul>
</li>
<!-- end #blogroll -->
<li id="meta">
<h2>Meta</h2>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Logout</a></li>
<li><a href="http://validator.w3.org/check/referer">Valid <abbr
title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
</ul>
</li>
<!-- end #meta -->
</ul>
</div>
<!-- end #sidebar -->
<div id="blog">
<div id="post-1" class="post">
<h2 class="title"> <a href="#">Introduction to The Wild West</a></h2>
<h3 class="date">March 26, 2007</h3>
<div class="entry">
<p><strong>The Wild West</strong> is a free template from Sumanasa.com
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons License</a>. This is a simple template with a header with background image,
a horizontal menu, content and sidebar columns. We have tested this template in
Firefox 1.5, Opera 8.5, IE 6.0 and IE 7.0 and it works fine in all these browsers.
This is a valid XHTML and CSS and it is also very easy to customize.</p>
<p>You can use this template with no restrictions; just leave the "Design
by" information as it is at the bottom. Good luck to your website.</p>
</div>
<p class="meta">Posted in <a href="#">Category #1</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
</div>
<!-- end #post-1 -->
<div id="post-2" class="post">
<h2 class="title"> <a href="#">Sample Tags</a></h2>
<h3 class="date">January 31, 2007</h3>
<div class="entry">
<p>A one-sentence paragraph followed by a blockquoted paragraph.</p>
<blockquote>
<p>“A collection of nursery rhymes and songs to share and enjoy,
with pictures to print off and color in.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<ul>
<li>Jack and Jill went up the hill</li>
<li>To fetch a pail of water</li>
<li>Jack fell down, and broke his crown</li>
<li>And Jill came tumbling after.</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Mary had a little lamb</li>
<li>Its fleece was white as snow</li>
<li>And everywhere that Mary went</li>
<li>The lamb was sure to go.</li>
</ol>
</div>
<p class="meta">Posted in <a href="#">Category #1</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
</div>
<!-- end #post-2 -->
</div>
<!-- end #blog -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #content -->
<!-- Please do not remove the "Design by" information. -->
<div id="footer">
<p>Copyright © 2007 The Wild West. Design by <a
href="http://www.sumanasa.com/">Sumanasa.com</a>.</p>
</div>
<!-- end footer -->
</div>
<!-- end #wrapper -->
</body>
</html>
<!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">
<head>
<title>This is Text</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
</head>
<body>
<div id="preload">
<!-- -->
</div>
<div id="topband"> </div>
<div id="header">
<!-- Header -->
<!-- In the header, text surrounded with <span> will be yellow. -->
<h1>THISIS<span>TEXT</span></h1>
<!-- End Header -->
</div>
<div id="navbar">
<!-- Menu -->
<ul>
<li><a href="#">HOME</a></li>
<li><a href="help.html">HELP</a></li>
<li><a href="tags.html">TAGS</a></li>
</ul>
<!-- End Menu -->
</div>
<div id="c">
<div id="c2">
<div id="cleft">
<!-- Main Content Area -->
<h1>Enjoy!</h1>
<p>The idea for this template kind of came at me out of nowhere. I found the
flower shape from an old file on my computer and turned it into the theme for the
design. It looks pretty nice to me. Anyways, this template works pretty well for
personal sites, blogs, or maybe even for a web designer/developer site. Enjoy!</p>
<p>This template is easy to use, taking advantage of CSS and the reusability
of styled components. I tried to style as many elements as I could, so forgive me
if I missed a few things. Also, check out the subtle fade effect on the horizontal
menu (it doesn't always work in FF because of cache issues, I think).</p>
<p>I would love to hear how this template is used, so if you use it, please
send me an email and let me know!</p>
<p>This template was released under the <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>, so you are free to use this template in any way you want under the
condition that you give me credit by leaving the attribution in the footer.</p>
<!-- End Main Content Area -->
</div>
<div id="cright">
<!-- Sidebar -->
<h1>search</h1>
<form id="searchbox" action="#" method="post">
<p>
<input type="text" title="Search" value="" />
</p>
</form>
<br />
<h1>links</h1>
<ul>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Varius</a></li>
<li><a href="#">Integer</a></li>
</ul>
<br />
<h1>latest work</h1>
<a href="#"><img src="images/testimage2.gif" alt="" /></a><br />
<a href="#"><img src="images/testimage2.gif" alt="" /></a>
<!-- End Sidebar -->
</div>
<div id="c_clearboth"></div>
</div>
</div>
<div id="footer">
<!-- Footer -->
<p> Copyright © 2006 Your Name <br />
Valid strict <a href="http://validator.w3.org/check?uri=referer">XHTML</a>
& <a href="http://jigsaw.w3.org/css-validator/check/referer/">CSS</a> <br />
Design by <a href="http://saltedsugar.com/">sofaspud</a> </p>
<!-- End Footer -->
</div>
</body>
</html>
<!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>Three Quarters</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<!--[if lt ie 7]><link rel="stylesheet" type="text/css" media="screen" href="ie-
win.css" /><![endif]-->
</head>
<body id="bmission">
<div id="container">
<div id="header">
<h1><a href="#">Three Quarters</a></h1>
<h2>What do three quarters have in common?</h2>
<div id="search">
<form id="SearchForm" method="post" action="#">
<p>
<input type="text" name="KeywordsTextBox" size="20" value="Search" />
</p>
</form>
</div>
</div>
<div id="navigation">
<ul>
<li id="lhome"><a href="#">Home</a></li>
<li id="labout"><a href="#">About Us</a></li>
<li id="lmission"><a href="#">Mission Statement</a></li>
<li id="lsupport"><a href="#">Support</a></li>
<li id="lcontact"><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="page-header"> <img src="page-header.jpg" width="700px" height="250px"
alt="" />
<ul>
<li><a href="#">Products</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Services</a></li>
</ul>
</div>
<div id="wrapper">
<div id="links" class="col">
<h3>Links</h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Vivamus id nunc a felis sagittis vehicula</a></li>
<li><a href="#">Pellentesque in felis id risus luctus porta</a></li>
<li><a href="#">Pellentesque vestibulum posuere ante</a></li>
<li><a href="#">Integer et quam sit amet turpis porta blandit</a></li>
<li><a href="#">Cras tincidunt nulla at velit</a></li>
<li><a href="#">Nulla vulputate varius ante</a></li>
<li><a href="#">Morbi ullamcorper sagittis purus</a></li>
<li><a href="#">Nam ac sapien ac nulla congue euismod</a></li>
</ul>
</div>
<div id="content" class="col">
<h3>News & Announcements</h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Vivamus id nunc a felis sagittis vehicula</a></li>
<li><a href="#">Pellentesque in felis id risus luctus porta</a></li>
<li><a href="#">Pellentesque vestibulum posuere ante</a></li>
<li><a href="#">Integer et quam sit amet turpis porta blandit</a></li>
<li><a href="#">Cras tincidunt nulla at velit</a></li>
<li><a href="#">Nulla vulputate varius ante</a></li>
<li><a href="#">Morbi ullamcorper sagittis purus</a></li>
<li><a href="#">Nam ac sapien ac nulla congue euismod</a></li>
</ul>
</div>
<div id="sidebar" class="col">
<h3>Archives</h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Vivamus id nunc a felis sagittis vehicula</a></li>
<li><a href="#">Pellentesque in felis id risus luctus porta</a></li>
<li><a href="#">Pellentesque vestibulum posuere ante</a></li>
<li><a href="#">Integer et quam sit amet turpis porta blandit</a></li>
<li><a href="#">Cras tincidunt nulla at velit</a></li>
<li><a href="#">Nulla vulputate varius ante</a></li>
<li><a href="#">Morbi ullamcorper sagittis purus</a></li>
<li><a href="#">Nam ac sapien ac nulla congue euismod</a></li>
</ul>
</div>
</div>
<div id="footer">
<p> Copyright © 1900 – 2006 Three Quarters, Inc. All rights
reserved. </p>
<p> Design by <a href="http://www.nikhedonia.com/">Sadhana Ganapathiraju</a>.
Try more <a href="#">free templates</a>. </p>
<p> <a href="#">Legal</a> | <a href="#">Terms of Service</a> | <a
href="#">Privacy Statement</a> | <a
href="http://validator.w3.org/check/referer">Xhtml</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer?
warning=no&profile=css2">Css</a> </p>
</div>
</div>
</body>
</html>
<!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>Thunder</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1>Thunder</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Friends</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Thunder!</h2>
<p><em><strong>Thunder</strong></em> is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<h3>Sample Unordered List</h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
<h3>An Older Post Example</h3>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue:</p>
<ol>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">Blog-o-friend.com</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Thunder. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Tick Tock Light</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<link rel="stylesheet" type="text/css" href="style/purple.css" />
</head>
<body>
<div id="main">
<div id="links">
<!-- **** INSERT LINKS HERE **** -->
<a href="#">home</a> | <a href="#">another link</a> | <a href="#">another
link</a> | <a href="#">another link</a> </div>
<div id="logo">
<h1>TICK_TOCK_LIGHT</h1>
<h2>"You can put a slogan here if you want to?"</h2>
</div>
<div id="menu">
<ul>
<!-- **** INSERT NAVIGATION ITEMS HERE (use id="selected" to identify the
page you're on **** -->
<li><a id="selected" href="#">home</a></li>
<li><a href="#">page 1</a></li>
<li><a href="#">page 2</a></li>
<li><a href="#">page 3</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
<div id="content">
<div id="column1">
<div class="sidebaritem">
<h1>latest news</h1>
<!-- **** INSERT NEWS ITEMS HERE **** -->
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p> <a href="#">read more ...</a></p>
<p></p>
<p></p>
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p> <a href="#">read more ...</a></p>
</div>
<div class="sidebaritem">
<h1>additional links</h1>
<div class="sbilinks">
<!-- **** INSERT ADDITIONAL LINKS HERE **** -->
<ul>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">learn XHTML</a></li>
<li><a href="#">learn CSS</a></li>
<li><a href="#">get firefox</a></li>
</ul>
</div>
</div>
<div class="sidebaritem">
<h1>other information</h1>
<!-- **** INSERT OTHER INFORMATION HERE **** -->
<p> This space can be used for additional information such as a contact
phone number, address
or maybe even a graphic. </p>
</div>
</div>
<div id="column2">
<h1>introduction</h1>
<!-- **** INSERT PAGE CONTENT HERE **** -->
<p>tick_tock_light is a 'light' version of the previously released
'tick_tock' Design.</p>
<p> This standards compliant website template is released as an 'open source'
Design
(under the <a href="http://creativecommons.org/licenses/by/2.5">Creative
Commons
Attribution 2.5</a> licence), which means that you are free to download and
use it
for anything you want (including modifying and amending it). The logo image
is from a digital photograph taken by me, so there are no issues with
copyright
there. All I ask is that you leave the 'Design by dcarter' link in the
footer of
the template, but other than that... </p>
<p> This template is written entirely in XHTML 1.1 and CSS, and can be
validated
using the links in the footer. </p>
<p> You can view my other 'open source' template Designs <a
href="#">here</a>. </p>
<h1>alternative colour schemes</h1>
<p>Here are some alternative colour schemes for anyone who doesn't like
purple:</p>
<div id="colour"> <a href="index_blue.html"><span
class="blue">blue</span></a> <a href="index_green.html"><span
class="green">green</span></a> <a href="index_orange.html"><span
class="orange">orange</span></a> </div>
<h1>example elements</h1>
<h2>Bold Text</h2>
<p><strong>this is an example of bold text</strong></p>
<h2>Italics</h2>
<p><i>this is an example of italic text</i></p>
<h2>Links</h2>
<p><a href="#">this is an example link</a></p>
<h2>Block Quotes</h2>
<blockquote>
<p> Some blockquote text. Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. </p>
</blockquote>
<h2>Unordered Lists</h2>
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>
<br />
<h2>Ordered Lists</h2>
<ol>
<li>list item 1</li>
<li>list item 2</li>
</ol>
<br />
<h2>Images</h2>
<p>images can be placed on the left, in the center or on the right.</p>
<span class="left"><img src="style/graphic.jpg" alt="" /></span>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla
pariatur. </p>
<span class="center"><img src="style/graphic.jpg" alt="" /></span> <span
class="right"><img src="style/graphic.jpg" alt="" /></span>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla
pariatur. </p>
</div>
</div>
<div id="footer"> copyright © 2006 your name | <a
href="#">email@emailaddress</a> | <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> | <a href="http://www.dcarter.co.uk">Design by
dcarter</a> </div>
</div>
</body>
</html>
<!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>
<title>Tidy Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/print.css" type="text/css" media="print" />
</head>
<body>
<div class="wrapper">
<div class="container">
<div id="searchBar">
<div class="head"> search</div>
<div class="content">
<form action="#" method="post">
<input name="search_button" type="" class="button"
src="images/search.gif" />
<input type="text" name="search" class="search" />
</form>
</div>
</div>
<div class="icon"> <img src="images/hand_logo.gif" width="140" height="98"
alt="" /> </div>
<div id="title">
<h1> Tidy Blog </h1>
<h2> it's easier than you think </h2>
</div>
<div id="navigation">
<ul>
<li><a href="#" class="selected">Home</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="example.html">Example</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="design.html">Design</a></li>
</ul>
</div>
<br class="clear" />
<div id="body">
<div class="sidebar">
<h3>Categories</h3>
<div class="content">
<ul class="links">
<li><a href="#">Pop Culture</a></li>
<li><a href="#">Rants & Raves</a></li>
<li><a href="#">Musings</a></li>
<li><a href="#">Coding</a></li>
<li><a href="#">Fiction</a></li>
<li><a href="#">Christianity</a></li>
</ul>
</div>
<br />
<h3>Sceptre of Chaos</h3>
<div class="content">After all these years, no one could have guessed that
it would be in mouth of a whale. </div>
<br />
<h3>Contact</h3>
<div class="content">
<form action="#" method="post">
<label for="email">e-mail</label>
<br />
<input type="text" name="email" id="email" size="22" tabindex="81" />
<br />
<label for="message">message</label>
<br />
<textarea cols="18" rows="5" name="message" id="message"
tabindex="82"></textarea>
<br />
<br />
<input type="submit" name="submit" value="Send" class="submit"
tabindex="83" />
</form>
</div>
<br class="clear" />
</div>
<div class="content">
<h3> <a href="#">Happy New Year</a></h3>
<div class="byline">By Aaron Ganschow, January 2, 2007 </div>
<p>The design started with a very simple idea, and with help from some
close friends, I have completed a somewhat comprehensive design in a surprisingly
short amount of time. I have some hesitations as well as some shining pride for
this design. Some of my ideas for this design are discussed in the <a
href="design.html">design section</a>, as well as some explanation of how it works.
Please take the time to review what I ahve written so that you can use this design
to its fullest potential in your website.</p>
<div class="nodeFoot"> <a href="#">read more</a> • <a
href="#">view pdf</a> • <a href="#">email to friend</a>
• <a href="#">comments</a></div>
<br />
<h3> <a href="#">An introduction to annonymous</a></h3>
<div class="byline">By Aaron Ganschow, December 13, 2006 </div>
<p> This is where I like to spout random stuff that most people don’t
really care about anyway. I already know that what I say doesn’t
matter to the mass population. I still write my daily musings for one
reason, and one reason alone: The lone soul who visits my page and gets
every single one of my jokes. This person is mysterious and
indescribable.
He has a sense of humor that most people question whether he is a serial
murderer or just retarded. He is neither! He is actually an
undiscovered genius! </p>
<p> If your IP shows up in my logs frequently, as if you are enjoying what
I
post here, I will make sure to forward an application to MENSA to you.
Good
luck! </p>
<div class="nodeFoot"> <a href="#">read more</a> • <a
href="#">view pdf</a> • <a href="#">email to friend</a>
• <a href="#">comments</a></div>
</div>
<br class="clear" />
</div>
<br class="clear" />
</div>
<br class="clear" />
<div id="footer">
<div id="footHead">
<div class="container">
<div class="head"> Recent Posts </div>
<div class="head"> Awesome Links </div>
<div class="head"> Image Showcase </div>
</div>
<div class="clear"></div>
</div>
<div id="footBody">
<div class="container">
<div class="content">
<ul>
<li><a href="#">My Uber beats your uber</a></li>
<li><a href="#">Why drama makes bunnies cry</a></li>
<li><a href="#">Buffy the Vampire Slayer vs Pikachu</a></li>
<li><a href="#">Myspace themes <strong><em>without</em></strong>
glitter</a></li>
<li><a href="#">This sundress makes my pig look fat</a></li>
</ul>
</div>
<div class="content">
<ul>
<li><a href="#">Wildleaf</a></li>
<li><a href="#">Aaron.Ganschow</a></li>
<li><a href="#">Stock.xchng</a></li>
<li><a href="#">CSS Galleries</a></li>
</ul>
</div>
<div class="content showcase"> <img src="images/thumbs/1.jpg" width="65"
height="65" alt="1" /> <img src="images/thumbs/2.jpg" width="65" height="65"
alt="2" /> <img src="images/thumbs/3.jpg" width="65" height="65" alt="3" /> <img
src="images/thumbs/4.jpg" width="65" height="65" alt="4" /> <img
src="images/thumbs/5.jpg" width="65" height="65" alt="5" /> <img
src="images/thumbs/6.jpg" width="65" height="65" alt="6" /> <img
src="images/thumbs/7.jpg" width="65" height="65" alt="7" /> <img
src="images/thumbs/8.jpg" width="65" height="65" alt="8" /> </div>
</div>
<div class="clear"></div>
<div id="copyright">
<div class="container"> © Copyright 2006 <a href="#">Aaron
Ganschow</a> </div>
</div>
</div>
</div>
</div>
<img src="images/tab_over.gif" style="display: none; visibility:hidden; width:0;
height:0; position:absolute; top: -100px; left: -200px;" alt="" />
</body>
</html>
<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Tiler's Blog</title>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Tiler's Blog</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
<hr />
</div>
<div id="content">
<div id="blog">
<div id="post-1" class="post">
<h2 class="title"><a href="#">Welcome to Tiler's Blog!</a></h2>
<h3 class="date">March 26, 2007</h3>
<div class="entry">
<p><strong>Tiler's Blog</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
Licens</a>. You"re free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-1 -->
<div id="post-2" class="post">
<h2 class="title"><a href="#">Sample Tags</a></h2>
<h3 class="date">January 31, 2007</h3>
<div class="entry">
<p>A one-sentence paragraph followed by a blockquoted paragraph.</p>
<blockquote>
<p>“Nam et orci et leo iaculis tempor. Duis ante ante, pretium
sit amet, feugiat ut, semper ac, nisl. Praesent eget mauris. Duis in pede.
Vestibulum nec libero.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<ul>
<li>Proin eu ligula ut est congue malesuada.</li>
<li>Nunc eleifend felis nec purus.</li>
<li>Duis sodales urna sit amet nulla.</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Donec fringilla leo eget erat.</li>
<li>Nunc condimentum cursus lorem.</li>
<li>Cras sodales venenatis metus.</li>
</ol>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-2 -->
</div>
<!-- end #blog -->
<div id="sidebar">
<ul>
<li id="search">
<h2>Search</h2>
<form id="form1" method="get" action="#">
<div>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1"
value="Search" />
</div>
</form>
</li>
<!-- end #search -->
<li id="archives">
<h2>Archives</h2>
<ul>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
</ul>
</li>
<!-- end #archives -->
<li id="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Uncategorized</a> <small>(6)</small></li>
<li><a href="#">Condimentum Cursus</a> <small>(28)</small></li>
<li><a href="#">Praesent Sit Mauris</a> <small>(14)</small></li>
<li><a href="#">Leo Iaculis Tempor</a> <small>(23)</small></li>
<li><a href="#">Dignissimos Ducimus</a> <small>(19)</small></li>
</ul>
</li>
<!-- end #categories -->
<li id="blogroll">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Lorem Ipsum Dolor</a></li>
<li><a href="#">Tempor Leo Iaculis</a></li>
<li><a href="#">Cursus Dignissimos</a></li>
<li><a href="#">Ducimus Condimentum</a></li>
<li><a href="#">Praesent Sit Mauris</a></li>
</ul>
</li>
<!-- end #blogroll -->
<li id="meta">
<h2>Meta</h2>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Logout</a></li>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Strict">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Free CSS Templates</a></li>
</ul>
</li>
<!-- end #meta -->
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #content -->
<div id="footer">
<p>Copyright © 2007 Tiler's Blog. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</div>
<!-- end #wrapper -->
</body>
</html>
<!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>
<title>*TIME*</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="wrap">
<div id="masthead">
<h1>Your Site Name</h1>
<h2><a href="#">homepage</a> | <a href="#">contact</a> </h2>
</div>
<div id="menucontainer">
<div id="menunav">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#" class="current"><span>About Us</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Our Work</span></a></li>
<li><a href="#"><span>Contact Us</span></a></li>
</ul>
</div>
</div>
<div id="container">
<div id="sidebar">
<h3>Sidebar</h3>
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> <img src="images/search.gif" alt="search" />
:search</label>
</span> <span>
<input type="text" value="demo only" name="txtsearch" title="Text input:
search" id="txtsearch" size="25" />
</span> </div>
</fieldset>
</form>
<img src="images/stopwatch.jpg" alt="" />
<div id="navcontainer">
<ul>
<li><a href="#">Snapp Happy</a> </li>
<li><a href="#">OPEN DESIGNS</a> </li>
<li><a href="#">ANDREAS VIKLUND</a> </li>
<li><a href="#">JAMES KOSTER</a> </li>
<li><a href="#">CSS play</a> </li>
<li><a href="#">LISTAMATIC </a> </li>
<li><a href="#"> LAYOUTGALA </a> </li>
<li><a href="#"> BLUEROBOT </a> </li>
</ul>
</div>
<p>Mauris ultricies neque nec augue. Aenean vehicula. Ut dictum. Vivamus
placerat diam nec velit. Suspendisse ornare. Ut viverra. Mauris sagittis nisl sed
ante.</p>
<h3>Archives</h3>
<ul>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
</ul>
</div>
<div id="content">
<h3>Welcome to <span style="color: #3484B1;"> Time</span> Template</h3>
<p>Mauris ultricies neque nec augue. Aenean vehicula. Ut dictum. Vivamus
placerat diam nec velit. Suspendisse ornare. Ut viverra. Mauris sagittis nisl sed
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. </p>
<p>Mauris ultricies neque nec augue. Aenean vehicula. Ut dictum. Vivamus
placerat diam nec velit. Suspendisse ornare. Ut viverra. Mauris sagittis nisl sed
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Suspendisse
est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Vivamus placerat metus eu urna. Etiam dictum. Aliquam eu dui eu
ante euismod tristique. Donec posuere augue varius mi. Nunc erat ligula, ultrices
eu, ultrices sed, sodales ut, magna. Mauris ultricies neque nec augue. </p>
<blockquote>This template has been tested in Mozilla Firefox and IE7. The
page validates as XHTML 1.0 Transitional using valid CSS. It will work in browser
widths of 800x600, 1024x768 & 1280x1064. The images used in this template are
courtesy of <a href="http://www.sxc.hu/" title="free images">stock xchng</a>. The
top navigation menu is from <a href="http://www.13styles.com/" title="free CSS
menus">13 Styles</a> and has been amended to suit this template. For more FREE CSS
templates visit <a href="http://www.mitchinson.net">my website</a>.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse in
odio et nibh volutpat eleifend. Donec rutrum, risus sed auctor malesuada, augue
felis placerat neque, vel vestibulum odio erat eget felis. Phasellus id mauris eu
urna sagittis posuere. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Mauris elementum elit et ipsum. Cras ornare
magna eu felis. Morbi convallis. Nunc fermentum, odio sed ornare ultricies, urna
odio egestas sem, vel scelerisque nisi neque vitae lectus. Proin dolor. Vestibulum
condimentum urna dignissim arcu. Nullam interdum. Proin lacinia, magna ut
scelerisque facilisis, augue sem tempor purus, consequat suscipit tellus ligula et
justo. Nam magna. Donec magna sapien, aliquam non, egestas eu, hendrerit nec, quam.
Donec commodo auctor lectus. Suspendisse rhoncus. Proin tincidunt euismod nisi.
Cras nibh ante, ultrices non, placerat quis, placerat id, est. Suspendisse sed quam
volutpat lacus faucibus venenatis.</p>
</div>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>
<title>Beauty secrets template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="inner">
<div id="jnner">
<div id="nav"> <a href="#" class="f"><img src="images/logo.jpg" width="221"
height="328" alt="Beauty Secrets" /></a> <a href="#"><img src="images/menu_01.gif"
width="32" height="328" alt="beauty secrets homepage" /></a> <a href="#"><img
src="images/menu_02.gif" width="32" height="328" alt="about beauty secrets" /></a>
<a href="#"><img src="images/menu_03.gif" width="32" height="328" alt="beauty
secrets models" /></a> <a href="http://www.freewebsitetemplates.com" class="l"><img
src="images/menu_04.gif" width="31" height="328" alt="contact beauty secrets
members" /></a> </div>
<div id="right">
<div class="boxed">
<div> <img src="images/picture_1.jpg" width="53" height="78" alt="picture
1" id="nails" />
<h3><img src="images/title_nail_care.jpg" width="66" height="13"
alt="nail care" /></h3>
<p>Don't forget to check <a href="#">free website templates</a> every
day, because we add at least one free website template daily.</p>
<br />
<p class="buynow"><a href="#">BUY <b>NOW</b></a></p>
<p class="price">Price: $45.97</p>
</div>
</div>
<div class="boxed">
<div> <img src="images/picture_2.jpg" width="78" height="68" alt="picture
2" id="skins" />
<h3><img src="images/title_skin_care.jpg" width="68" height="14"
alt="skin care" /></h3>
<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 class="buynow"><a href="#">BUY <b>NOW</b></a></p>
<p class="price">Price: $45.97</p>
</div>
</div>
<div class="boxed" id="thelastbox">
<div> <img src="images/picture_3.gif" width="78" height="79" alt="picture
3" id="makess" />
<h3><img src="images/title_makeup.jpg" width="56" height="13"
alt="makeup" /></h3>
<p>If you're looking for beautiful and professionally made templates
you can find them at <a href="http://www.templatebeauty.com">Template
Beauty</a>.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p class="buynow"><a href="#">BUY <b>NOW</b></a></p>
<p class="price">Price: $45.97</p>
</div>
</div>
<div id="models"> <a href="#" style="float:left;"><img
src="images/photo_lisa.jpg" width="164" height="277" alt="photo lisa" /></a>
<div id="gallery">
<div class="inner">
<h2><img src="images/title_models.gif" width="212" height="29"
alt="models" /></h2>
<div>
<table border="0" cellspacing="1" cellpadding="0">
<tr>
<td><a href="#"><img src="images/photo_1.jpg" width="68"
height="68" alt="" /></a></td>
<td><a href="#"><img src="images/photo_2.jpg" width="68"
height="68" alt="" /></a></td>
<td><a href="#"><img src="images/photo_3.jpg" width="68"
height="68" alt="" /></a></td>
</tr>
<tr>
<th>Angela M.</th>
<th>Badriya T.</th>
<th>Cristina H.</th>
</tr>
<tr>
<td><a href="#"><img src="images/photo_4.jpg" width="68"
height="68" alt="" /></a></td>
<td><a href="#"><img src="images/photo_5.jpg" width="68"
height="68" alt="" /></a></td>
<td><a href="#"><img src="images/photo_6.jpg" width="68"
height="68" alt="" /></a></td>
</tr>
<tr>
<th>Mebrak H.</th>
<th>Erica W.</th>
<th>Mango C.</th>
</tr>
<tr>
<td><a href="#"><img src="images/photo_7.jpg" width="68"
height="68" alt="" /></a></td>
<td><a href="#"><img src="images/photo_8.jpg" width="68"
height="68" alt="" /></a></td>
<td><a href="#"><img src="images/photo_9.jpg" width="68"
height="68" alt="" /></a></td>
</tr>
<tr>
<th>Kristie L.</th>
<th>Yvonne S.</th>
<th>April Rose</th>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div id="body">
<h2><img src="images/title_welcome.gif" width="348" height="33"
alt="welcome to beauty secrets" /></h2>
<div class="inner">
<p>This is a template designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a> 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. Don't want your boss to know you
used a free website template ;) .</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="readmore"><a href="#">more...</a></p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>Time Manager</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="topPan">
<ul>
<li class="menupadding"><a href="#">Home</a></li>
<li class="menupadding"><a href="#">About us</a></li>
<li class="menupadding"><a href="#">Support</a></li>
<li class="menupadding"><a href="#">Solution</a></li>
<li class="menupadding"><a href="#">contact</a></li>
</ul>
<h1>Time Manager</h1>
<div id="toplinkPan">
<div id="toplinkfastPan">
<p>Phasellus felis</p>
<a href="#"> </a> </div>
<div id="toplinksecondPan">
<p>Phasellus felis</p>
<a href="#"> </a> </div>
<div id="toplinkthirdPan">
<p>Phasellus felis</p>
<a href="#"> </a> </div>
</div>
</div>
<div id="bodyPan">
<h1><span>Welcome</span></h1>
<p class="bigtext">This is a free, tableless, W3C-compliant web design layout by
Template World.</p>
<p>Time Manager is a free, tableless, W3C-compliant web design layout by Template
World. This template has been tested and proven compatible with all major browser
environments and operating systems. You are free to modify the design to suit your
tastes in any way you like.</p>
<p>We only ask you to not remove "Design by Template World" and the link
http://www.templateworld.com from the footer of the template.</p>
<p>If you are interested in seeing more of our free web template designs feel
free to visit our website, Template World. We intend to add at least 25 new free
templates in the coming month.</p>
<p class="more"><a href="#">more</a></p>
<form action="#" method="post">
<h2>member login</h2>
<input type="text" class="paddingtop" value="Your Name" />
<input name="" type="text" value="Email ID" />
<input name="" type="submit" class="button" value="GO" />
</form>
<h2>Why choose us ?</h2>
<p class="bigtext">amet,conadipscingelit.sectetueradipis ngelit.adipiscing elit.
Donec vitae leo. Integer</p>
<p>Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque,
molestie sed, tempus eu,nc. Pelle</p>
<p>ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis,
pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque </p>
<ul>
<li><a href="#">vitae facilisis diam elit sed massa. Curabitursem</a></li>
<li><a href="#">vitae facilisis diam elit sed massa. Curabitursem</a></li>
<li><a href="#">vitae facilisis diam elit sed massa. Curabitursem</a></li>
<li><a href="#">vitae facilisis diam elit sed massa. Curabitursem</a></li>
<li><a href="#">vitae facilisis diam elit sed massa. Curabitursem</a></li>
</ul>
<p class="morenext"><a href="#">more</a></p>
</div>
<div id="bodybottomPan"> </div>
<div id="footermainPan">
<div id="footerPan">
<ul>
<li><a href="#">Home</a>|</li>
<li><a href="#">About us</a> |</li>
<li><a href="#">Support</a>|</li>
<li><a href="#">Clients</a> |</li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="info">
<li class="address">23-Ambush road 0128thonhill <br />
CANADA</li>
<li class="phone"><span>PH: </span><br />
012-2568-6897 <br />
012-2568-6898</li>
<li class="fax"><span>FAX:</span> <br />
012-2568-6897 <br />
012-2568-6898</li>
</ul>
<p class="copyright">©time manager all right reaserved </p>
<ul class="templateworld">
<li>Design By:</li>
<li><a href="http://www.templateworld.com">Template World</a></li>
</ul>
</div>
</div>
</body>
</html>
<!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>
<title>Time To Rest</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header"><img src="images/header.jpg" width="768" height="120" alt="Time
To Rest" /></div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="content"> TIME TO REST was designed by Donny Burnside of Ginger-
Ninja.net and is released under the <a
href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons 2.5
license</a>. If you use the design all I ask is that you keep the credit link in
the footer. Also, it would be nice if you email me at inbox[at]ginger-ninja.net to
let me know how you're using the design.
Editable Fireworks .PNG files are included for every image. Enjoy. <br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div id="footer"><<----- Insert Google Ads here ----->> <br />
| <a href="#">Home</a> | <a href="#">Forums</a> | <a href="#">Media</a> | <a
href="#">About</a> | <a href="#">Contact</a> | <br />
© Your-Site-Here.com | Design by <a href="http://www.ginger-ninja.net/"
title="Ginger Ninja!">Ginger Ninja!</a></div>
</div>
</body>
</html>
<!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>TooPlain</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>tooplain</h1>
<h2>Free CSS Template </h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2>Welcome to Sitename.com!</h2>
<p>TOOPLAIN is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="right">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2 class="vline">Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<br style="clear: both;" />
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
<!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>Gadgets design</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="nav">
<div id="nav-left">
<div id="nav-right">
<ul>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">PRODUCTS</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">SHOPPING CART</a></li>
<li><a href="#">NEW GADGETS</a></li>
<li><a href="#">REGISTER</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div id="head">
<div id="head-left"></div>
<div id="head-right"></div>
<div id="head-1"></div>
<h1><span class="logo"><span class="top">top</span><span
class="gadgets">gadgets</span></span></h1>
<div id="navb">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
<div id="head-2"></div>
<div id="login">
<div id="login-bot">
<div id="login-box">
<h2 class="login"><em>user</em>login</h2>
<form action="#">
<div id="login-username">
<div>
<label for="username">username</label>
:
<input type="text" name="username" value="" id="username" />
</div>
<div>
<label for="password">password</label>
:
<input type="password" name="password" value="" id="password" />
</div>
</div>
<div id="login-button">
<input type="image" src="images/btn_login.gif" name="l" value="h"
id="l" />
</div>
<div class="clear">
<div class="reg"> New User? <a href="#">REGISTER for FREE</a> </div>
</div>
</form>
</div>
<div id="login-welcome">
<div>
<h2>Welcome</h2>
<p>Don't forget to check <a href="#">free website templates</a> every
day, because we add a new free website template almost daily.</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="body">
<div id="body-bot">
<h2><span>top <strong>GADGETS</strong> of this month</span></h2>
<div id="items">
<div class="item"> <img src="images/pic_1.jpg" width="91" height="105"
alt="iPod" class="left" />
<h3><a href="http://www.justwebtemplates.com">Just Web
Templates</a></h3>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div><a href="#" class="details">details</a> <a href="#"
class="addtocart">add to cart</a></div>
<div class="divider"></div>
</div>
<div class="item"> <img src="images/pic_3.jpg" width="91" height="105"
alt="Plasma screen" class="left" />
<h3><a href="http://www.templatebeauty.com">Template Beauty</a></h3>
<p>If you're looking for beautiful and professionally made templates
you can find them at <a href="http://www.templatebeauty.com">Template
Beauty</a>.</p>
<div><a href="#" class="details">details</a> <a href="#"
class="addtocart">add to cart</a></div>
<div class="divider"></div>
</div>
<div class="item"> <img src="images/pic_2.jpg" width="91" height="105"
alt="CD Player" class="left" />
<h3>Plasma Screens</h3>
<p>This is a template designed by free website templates for you for
free you can replace all the text by your own text. </p>
<div><a href="#" class="details">details</a> <a href="#"
class="addtocart">add to cart</a></div>
<div class="divider"></div>
</div>
<div class="item"> <img src="images/pic_4.jpg" width="91" height="105"
alt="Camera" class="left" />
<h3><a href="#">The Forum</a></h3>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the <a href="#">forum</a>.</p>
<div><a href="#" class="details">details</a> <a href="#"
class="addtocart">add to cart</a></div>
<div class="divider"></div>
</div>
<div class="clear"></div>
</div>
<div id="banner"> <img src="images/pic_5.jpg" width="256" height="109"
alt="Nokia 6015i" class="left" />
<div id="banner-text">
<h3><a href="#">Nokia 6015i</a> (Verizon Wireless)</h3>
<ul>
<li>You can remove any link to our websites from this template you're
free to use the template without linking back to us.</li>
<li>This is just a place holder so you can see how the site would
look like.</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div id="footloose"><span class="logo"><span class="top">top</span><span
class="gadgets">gadgets</span></span></div>
<p><a href="#">Privacy Policy</a> <strong> : </strong> <a
href="#">Terms & Conditions</a> <br />
© Copyright 2007. All rights reserved.<br />
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>Gadgets design</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="nav">
<div id="nav-left">
<div id="nav-right">
<ul>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">PRODUCTS</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">SHOPPING CART</a></li>
<li><a href="#">NEW GADGETS</a></li>
<li><a href="#">REGISTER</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div id="head">
<div id="head-left"></div>
<div id="head-right"></div>
<div id="head-1"></div>
<h1><span class="logo"><span class="top">top</span><span
class="gadgets">gadgets</span></span></h1>
<div id="navb">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
<div id="head-2"></div>
<div id="login">
<div id="login-bot">
<div id="login-box">
<h2 class="login"><em>user</em>login</h2>
<form action="#">
<div id="login-username">
<div>
<label for="username">username</label>
:
<input type="text" name="username" value="" id="username" />
</div>
<div>
<label for="password">password</label>
:
<input type="password" name="password" value="" id="password" />
</div>
</div>
<div id="login-button">
<input type="image" src="images/btn_login.gif" name="l" value="h"
id="l" />
</div>
<div class="clear">
<div class="reg"> New User? <a href="#">REGISTER for FREE</a> </div>
</div>
</form>
</div>
<div id="login-welcome">
<div>
<h2>Welcome</h2>
<p>Don't forget to check <a href="#">free website templates</a> every
day, because we add a new free website template almost daily.</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="body">
<div id="body-bot">
<h2><span>top <strong>GADGETS</strong> of this month</span></h2>
<div id="items">
<div class="item"> <img src="images/pic_1.jpg" width="91" height="105"
alt="iPod" class="left" />
<h3><a href="http://www.justwebtemplates.com">Just Web
Templates</a></h3>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div><a href="#" class="details">details</a> <a href="#"
class="addtocart">add to cart</a></div>
<div class="divider"></div>
</div>
<div class="item"> <img src="images/pic_3.jpg" width="91" height="105"
alt="Plasma screen" class="left" />
<h3><a href="http://www.templatebeauty.com">Template Beauty</a></h3>
<p>If you're looking for beautiful and professionally made templates
you can find them at <a href="http://www.templatebeauty.com">Template
Beauty</a>.</p>
<div><a href="#" class="details">details</a> <a href="#"
class="addtocart">add to cart</a></div>
<div class="divider"></div>
</div>
<div class="item"> <img src="images/pic_2.jpg" width="91" height="105"
alt="CD Player" class="left" />
<h3>Plasma Screens</h3>
<p>This is a template designed by free website templates for you for
free you can replace all the text by your own text. </p>
<div><a href="#" class="details">details</a> <a href="#"
class="addtocart">add to cart</a></div>
<div class="divider"></div>
</div>
<div class="item"> <img src="images/pic_4.jpg" width="91" height="105"
alt="Camera" class="left" />
<h3><a href="#">The Forum</a></h3>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the <a href="#">forum</a>.</p>
<div><a href="#" class="details">details</a> <a href="#"
class="addtocart">add to cart</a></div>
<div class="divider"></div>
</div>
<div class="clear"></div>
</div>
<div id="banner"> <img src="images/pic_5.jpg" width="256" height="109"
alt="Nokia 6015i" class="left" />
<div id="banner-text">
<h3><a href="#">Nokia 6015i</a> (Verizon Wireless)</h3>
<ul>
<li>You can remove any link to our websites from this template you're
free to use the template without linking back to us.</li>
<li>This is just a place holder so you can see how the site would
look like.</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div id="footloose"><span class="logo"><span class="top">top</span><span
class="gadgets">gadgets</span></span></div>
<p><a href="#">Privacy Policy</a> <strong> : </strong> <a
href="#">Terms & Conditions</a> <br />
© Copyright 2007. All rights reserved.<br />
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>Torn Paper Dot Com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="styles/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="topnav">
<ul>
<li><a href="#">Home</a></li>
<li><a class="active" href="#">Active</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li></li>
</ul>
</div>
<div id="welcome">
<h2> <a href="#">Welcome To TornPaper<span id="dot">Dot</span>Com</a></h2>
</div>
</div>
<div id="content">
<div id="menu">
<h2>Go To... </h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Active</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>
<div id="maincontent">
<h2>Lorem Ipsum</h2>
<p><img src="images/imageplace.jpg" alt="" width="162" height="152"
vspace="5" align="left" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Morbi gravida. Nullam iaculis nulla sed nunc. Proin id ante. Nunc ligula diam,
pellentesque non, interdum ac, accumsan mattis, nisl. Aliquam non ante. Maecenas
congue volutpat enim. Sed dui risus, aliquet sit amet, posuere id, interdum eu,
tellus. Cras augue dui, condimentum nec, nonummy et, venenatis nec, odio.
Suspendisse nec erat. Nulla auctor. Sed viverra nulla. Nullam dapibus nibh vitae
urna. </p>
<p>Vestibulum vestibulum, justo non sagittis ultricies, lorem quam auctor
purus, eget fermentum velit nunc quis odio. Vivamus eget nulla nec neque euismod
auctor. Vivamus erat orci, euismod commodo, sollicitudin vel, imperdiet non,
urna. Donec cursus pharetra nisl. Donec in lorem sed enim faucibus posuere. Ut
accumsan sem et orci. Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Nunc feugiat sollicitudin dui. Nulla facilisi.
Aenean turpis pede, fringilla non, interdum ut, tincidunt ut, quam. In ultrices.
Integer venenatis. Duis tristique varius eros. Aenean egestas nisi in ante. Sed
justo orci, eleifend vitae, ultrices non, rutrum at, purus. Curabitur ut odio.
Suspendisse potenti. Nullam risus. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. </p>
<div id="creativecommons"><a rel="license"
href="http://creativecommons.org/licenses/by-nd/3.0/"><img alt="Creative Commons
License" style="border-width:0" src="http://i.creativecommons.org/l/by-
nd/3.0/88x31.png" /></a> <br />
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by-nd/3.0/">Creative Commons Attribution-
No Derivative Works 3.0 License</a>.</div>
</div>
</div>
<div id="footer">Design By Connor Mckelvey of <a
href="http://connorm.gknu.com">Con(A)rtist Designs</a> © 2007 </div>
</div>
</body>
</html>
<!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>
<title>Total Management</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header_container">
<div id="header"> <a href="#"><img src="images/logo.gif" alt="Total Management"
title="Total Management" border="0" /></a>
<ul>
<li><a href="#">Home</a> </li>
<li><a href="#">About us</a></li>
<li><a href="#">Whats new</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Solution</a></li>
<li class="contact"><a href="#">Contact</a></li>
</ul>
<h1>ibulum, ipsum id cursus</h1>
</div>
</div>
<div id="body1">
<form action="#" method="post" >
<label>members login:</label>
<input name="Your name" type="text" id="yourname" value="Your name" />
<input name="emailid" type="text" id="emailid" value="Email Id" />
<input name="" type="submit" class="botton" value="GO" />
</form>
</div>
<div id="bodymiddlePan">
<h2>about total management?</h2>
<p>Total Management is a free, tableless, W3C-compliant web design layout by
Template World. This template has been tested and proven compatible with all major
browser environments and operating systems. You are free to modify the design to
suit your tastes in any way you like.</p>
<p>We only ask you to not remove <span>"Design by Template World"</span> and the
link http://www.templateworld.com from the footer of the template.</p>
<p class="lasttext">If you are interested in seeing more of our free web template
designs feel free to visit our website, Template World. We intend to add at least
25 new free templates in the coming month.</p>
</div>
<div id="bodyBottomPan">
<div id="infoPan">
<h2>more info</h2>
<p>tortor porttito sollicitudin</p>
<p class="view"><a href="#">view</a></p>
</div>
<div id="servicesPan">
<h2>services</h2>
<p>tortor porttito sollicitudin</p>
<p class="view"><a href="#">view</a></p>
</div>
<div id="schedulePan">
<h2>schedule</h2>
<p>tortor porttito sollicitudin</p>
<p class="view"><a href="#">view</a></p>
</div>
</div>
<div id="bottomPan">
<div id="bottomMainPan">
<div id="bottomBorderPan">
<h2>more tips</h2>
<h3>more links</h3>
<h4>announcements </h4>
<ul>
<li><a href="#">Lorem Ipsum has been the</a></li>
<li><a href="#">industry's standard dum</a></li>
<li><a href="#">text ever since the 1500s, </a></li>
<li><a href="#">when an unknown printer</a></li>
<li><a href="#">galley of type and</a></li>
<li><a href="#">scrambled make a typ</a></li>
<li><a href="#">especimen </a></li>
<li><a href="#">has survived</a></li>
</ul>
<ul>
<li><a href="#">Lorem Ipsum has been the</a></li>
<li><a href="#">industry's standard dum</a></li>
<li><a href="#">text ever since the 1500s, </a></li>
<li><a href="#">when an unknown printer</a></li>
<li><a href="#">galley of type and</a></li>
<li><a href="#">scrambled make a typ</a></li>
<li><a href="#">especimen </a></li>
<li><a href="#">has survived</a></li>
</ul>
<ul>
<li><a href="#">Lorem Ipsum has been the</a></li>
<li><a href="#">industry's standard dum</a></li>
<li><a href="#">text ever since the 1500s, </a></li>
<li><a href="#">when an unknown printer</a></li>
<li><a href="#">galley of type and</a></li>
<li><a href="#">scrambled make a typ</a></li>
<li><a href="#">especimen </a></li>
<li><a href="#">has survived</a></li>
</ul>
</div>
</div>
</div>
<div id="footermainPan">
<div id="footerPan">
<div id="footerlogoPan"><a href="#"><img src="images/footerlogo.gif"
title="Total Management" alt="Total Management" width="290" height="36"
border="0" /></a></div>
<ul>
<li><a href="#">Home</a>| </li>
<li><a href="#">About</a> | </li>
<li><a href="#">Whats new</a>| </li>
<li><a href="#">Forum</a> | </li>
<li><a href="#">Solution</a> |</li>
<li><a href="#">Contact</a> </li>
</ul>
<p class="copyright">©total management. all right reserved.</p>
<ul class="templateworld">
<li>design by:</li>
<li><a href="http://www.templateworld.com" target="_blank">Template
World</a></li>
</ul>
<div id="footerPanhtml"><a href="http://validator.w3.org/check?uri=referer"
target="_blank">XHTML</a></div>
<div id="footerPancss"><a href="http://jigsaw.w3.org/css-
validator/check/referer" target="_blank">css</a></div>
</div>
</div>
</body>
</html>
<!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>
<title>Total Touch</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="mainPan">
<div id="topPan">
<div id="topleftPan"><a href="#"><img src="images/logo.jpg" alt="" width="229"
height="102" border="0" /></a>
<h1>A leading international company ever</h1>
<h2>Lorem ipsum dolor sit amet, adipiscing elit. Donec quis </h2>
</div>
<div id="toprightPan">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Support</a></li>
<li class="underlinenone"><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div id="bodytopPan">
<div id="bodytopleftPan">
<h2>REAL Solutions: <span>Solving the Financial Service</span> </h2>
<h3>l robertson<br />
<span>New jearsey</span></h3>
</div>
<div id="bodytoprightPan">
<form action="#" method="post">
<h2>search</h2>
<input name="input" type="text" id="input" value="Email id" />
<input name="submit" type="submit" value="Submit" class="button" />
</form>
</div>
</div>
<div id="bodyPan">
<div id="bodyleftPan">
<p><span class="boldtext">Total Touch is a free, tableless, W3C-compliant web
design layout by Template World.</span> This template has been tested and proven
compatible with all major browser environments and operating systems. You are free
to modify the design to suit your tastes in any way you like.</p>
<p>We only ask you to not remove "Design by Template World" and the link
http://www.templateworld.com from the footer of the template.</p>
<p>If you are interested in seeing more of our free web template designs feel
free to visit our website, Template World. We intend to add at least 25 new free
templates in the coming month.</p>
<div id="bodyleftlinkboxonePan">
<ul>
<li class="comments">Comments: <span class="boldtext">02</span></li>
<li class="continue"><a href="#">Continue reading....</a></li>
</ul>
</div>
<p class="border"><img src="images/blank.gif" alt="" width="1"
height="1"/></p>
<h2>Total managemets:<span> thinking about manage- ments</span></h2>
<h3>l joseph<br />
<span>Canada</span></h3>
<p><span class="boldtext">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Donec quis Class aptent taciti lectarcu egestas luctus. Nullam dignissim
tempor tellus.</span> Maur orci nec leovelitlit</p>
<p>tellus.faucibus aliquam. In faucibus aliquet velit. Vivamus eget mauris.
Nulln odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Cras condimentum ullamcorper pede. Sed nec elitfaucibus aliquam
vitaodio i</p>
<p class="captiontext">"nterdum vulputate. Aenean congue tempus orcisit
amet Quisque nec mieget. vulputate vulputatnonPraesent euismod ante non purus.
Donec eros."</p>
<div id="bodyleftlinkboxPan">
<ul>
<li class="comments">Comments: <span class="boldtext">05</span></li>
<li class="continue"><a href="#">Continue reading....</a></li>
</ul>
</div>
<h4>Latest publications: </h4>
<h5>From 09th to 23rd june <span>2006</span></h5>
<div id="bodyleftpublicationPan">
<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit . Donec quis
lectus in arcu egestas luctus. <br />
<span>09th june 2006</span></h2>
<p class="dotline"> </p>
<h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec quis
lectus in arcu <br />
<span>12th june 2006</span></h3>
<p class="dotline"> </p>
<h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec quis
lectus in arcu egestas luctus.ipsum dolor<br />
<span>15th june 2006</span></h4>
<p class="dotline"> </p>
<h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec quis
lectus in arcu egestas luctus. <br />
<span>23rd june 2006</span></h5>
</div>
</div>
<div id="bodyrightPan">
<ul>
<li><a href="#">tora torquent per</a></li>
<li><a href="#">conubia nostra, per</a></li>
<li><a href="#">inceptos</a></li>
<li><a href="#">hymenaeos. Cras</a></li>
<li><a href="#">condimentum ullam</a></li>
<li><a href="#">corper pede. Sed</a></li>
<li><a href="#">nec elitfaucibus</a></li>
<li><a href="#">aliquam vitaodio</a></li>
<li><a href="#">interdum vulputate.</a></li>
<li><a href="#">Aenean congue</a></li>
<li><a href="#">tempus orcisit amet</a></li>
<li><a href="#">Quisque nec mieget.</a></li>
<li><a href="#">vulputate vulpu</a></li>
<li><a href="#">tatePraesent</a></li>
<li><a href="#">euismod ante non</a></li>
<li><a href="#">purus. Donec</a></li>
</ul>
</div>
</div>
</div>
<div id="footermainPan">
<div id="footerPan">
<ul>
<li><a href="#">Home</a>|</li>
<li><a href="#">About</a> |</li>
<li><a href="#">Archives</a>|</li>
<li><a href="#">Support</a> |</li>
<li><a href="#">Contact</a></li>
</ul>
<p class="copyright">©total touch 2006 all right reaserved</p>
<a href="#"><img src="images/footerlogo.jpg" title="Total Touch" alt="Total
Touch" width="164" height="69" border="0" /></a>
<ul class="templateworld">
<li>Design By:</li>
<li><a href="http://www.templateworld.com">Template World</a></li>
</ul>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Touch of Purple
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Touch of Purple</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- Waterwheel Carousel -->
<script type="text/javascript"
src="layout/scripts/carousel/jquery.waterwheelCarousel.min.js"></script>
<script type="text/javascript"
src="layout/scripts/carousel/jquery.waterwheelCarousel.setup.js"></script>
<!-- / Waterwheel Carousel -->
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div class="fl_left">
<h1><a href="index.html">Touch of Purple</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="waterwheelCarousel">
<img src="images/carousel/1.gif" alt="" />
<img src="images/carousel/2.gif" alt="" />
<img src="images/carousel/3.gif" alt="" />
<img src="images/carousel/4.gif" alt="" />
<img src="images/carousel/5.gif" alt="" />
<img src="images/carousel/6.gif" alt="" />
<img src="images/carousel/7.gif" alt="" />
<img src="images/carousel/8.gif" alt="" />
<img src="images/carousel/9.gif" alt="" />
<img src="images/carousel/10.gif" alt="" />
<img src="images/carousel/11.gif" alt="" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="featured_intro">
<div class="fl_left">
<h2>Vitaeu Ultris</h2>
</div>
<div class="fl_right">
<h2>About This Template !</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. This template is distributed
using a <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>, which allows you to use and modify the template for both personal and
commercial use when you keep the provided credit links in the footer. For more CSS
templates visit <a href="http://www.os-templates.com/">Free Website
Templates</a>.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="footer">
<div class="footbox twitter">
<h2>Latest From Twitter</h2>
<ul>
<li><a href="#">@TwitterName</a> nibhpede faucibulum ris phasellentum elit
sed hend quisque. 1 day ago</li>
<li><a href="#">@TwitterName</a> tellentumst monterdum augue curabitae elit
felit, elitligula adipiscingilla. 1 day ago</li>
<li><a href="#">@TwitterName</a> libero praesentum sed? 1 day ago</li>
<li><a href="#">@TwitterName</a> condimentesque nec facilis pretium
tellenterdum. Vivamusid elit curabitur augue. 1 day ago</li>
<li><a href="#">@TwitterName</a> ligula sed ipsum in tellentesque donec ac.
1 day ago</li>
</ul>
</div>
<div class="footbox flickr">
<h2>Latest From Flickr</h2>
<ul>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
</ul>
<br class="clear" />
</div>
<div class="footbox posts">
<h2>Latest Blog Posts</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Phasellus tempor vestibulum</a></li>
<li><a href="#">Vestibulum quis augu mauris</a></li>
<li class="last"><a href="#">Suspendisse in neque</a></li>
</ul>
</div>
<div class="footbox banners last">
<h2>Advertise Here</h2>
<ul>
<li><a href="#"><img src="images/demo/200x150.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/200x150.gif" alt="" /></a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Traditionalist</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1> <a href="#">Traditionalist</a></h1>
<h2>By Free CSS Templates</h2>
</div>
<div id="content">
<div id="colOne">
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div style="padding: 20px;">
<h2>Welcome to Traditionalist!</h2>
<p>ORDINAIRE is a free template from <strong>Free CSS Templates</strong>
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Lorem Ipsum Dolore </h3>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
</div>
<div id="colTwo">
<h3>Recent Updates</h3>
<h4>Etiam suscipit et</h4>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h4>Fusce dolor tristique</h4>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat.
Curabitur malesuada. <a href="#">More…</a></p>
<h4>Nunc pellentesque</h4>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse
potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h4>Ipsum Dolorem</h4>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Traditionalist. Designed by <a
href="http://www.freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>
<title>BEEZ</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="dropdown.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="dropdown_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="top">
<h1>Your Company Name</h1>
</div>
<div id="banner"><img src="images/top.jpg" alt="top image" title="top
image"/></div>
<div id="container">
<div id="menu">
<div class="menu">
<ul>
<li><a class="hide" href="#"> ♦ HOMEPAGE</a>
<!--[if lte IE 6]>
<a href="#"> ♦ HOMEPAGE
<table><tr><td>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#"> ♦ ABOUT</a>
<!--[if lte IE 6]>
<a href="#"> ♦ ABOUT
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#"> » Web Design</a></li>
<li><a href="#"> » Templates</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#"> ♦ GALLERY</a>
<!--[if lte IE 6]>
<a href="#"> ♦ GALLERY
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#"> » Photos 1</a></li>
<li><a href="#"> » Photos 2</a></li>
<li><a href="#"> » Photos 3</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#"> ♦ RESOURCES</a>
<!--[if lte IE 6]>
<a href="#"> ♦ RESOURCES
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#"> » Links</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#"> ♦ CONTACT</a>
<!--[if lte IE 6]>
<a href="#"> ♦ CONTACT
<table><tr><td>
<![endif]-->
</li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</div>
</div>
<div id="sidebar">
<h2>Homepage</h2>
<p> Donec lorem. Quisque eu pede ac ligula bibendum cursus. Fusce ut urna.....
</p>
<h2>Links</h2>
<div id="nav">
<ul id="navlist">
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
</ul>
</div>
<h2>Today's Photo</h2>
<a href="#"><img class="myborder" src="images/bee.jpg" title="click to enlarge"
alt="bee on flower" /></a>
<h2>New Photos</h2>
<ul id="navlist2">
<li> <a href="#">Bee 1 Gallery</a></li>
<li> <a href="#">Bee 2 Gallery</a></li>
<li> <a href="#">Bee 3 Gallery</a></li>
</ul>
</div>
<div id="content">
<h2>Welcome to <span style="font-weight:bold;">Beez</span> Template</h2>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE templates visit my website.</blockquote>
<div style="float: left; width: 120px; height: 7em; margin:5px; padding: 20px;
font-family: arial, helvetica; font-size: 14px; line-height: 1.5em; color: #869A3B;
text-align: left;"> <span style="color:#7a513d;">".... sharing templates </span>and
experiences of web design <span style="color: #858F6D;">around the world ....
"</span> </div>
<p>This is a <a href="#">link</a> to nowhere. Donec lorem. Quisque eu pede ac
ligula bibendum cursus. Nulla tristique diam sit amet lacus. Nulla ut magna.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Nullam diam orci, scelerisque quis, fermentum non, volutpat non,
libero. In hac habitasse platea dictumst. Fusce ut urna. Donec lorem. Quisque eu
pede ac ligula bibendum cursus. Nulla tristique diam sit amet lacus. Nulla ut
magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas. Nullam diam orci, scelerisque quis, fermentum non, volutpat non,
libero. In hac habitasse platea dictumst. Fusce ut urna.</p>
<h2> News & Updates</h2>
<div class="scroll">
<h3>May 3rd 2006</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc venenatis
rhoncus libero. Quisque et elit luctus diam ornare sollicitudin. Quisque nec elit.
Quisque vehicula metus vel nisi hendrerit cursus.</p>
<h3>May 1st 2006</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc venenatis
rhoncus libero. Quisque et elit luctus diam ornare sollicitudin. Quisque nec elit.
Quisque vehicula metus vel nisi hendrerit cursus.</p>
</div>
<p> Donec lorem. Quisque eu pede ac ligula bibendum cursus. Nulla tristique
diam sit amet lacus. Nulla ut magna. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Nullam diam orci, scelerisque quis,
fermentum non, volutpat non, libero. In hac habitasse platea dictumst. Fusce ut
urna.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc venenatis
rhoncus libero. Quisque et elit luctus diam ornare sollicitudin. Quisque nec elit.
Quisque vehicula metus vel nisi hendrerit cursus. Nunc venenatis rhoncus libero.
</p>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | ©
2007 Anyone | Design by <a href="http://www.mitchinson.net"> www.mitchinson.net</a>
| Licensed under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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">
<head>
<title>Transmission</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="menu.css" />
</head>
<body>
<div id="centrecontainer">
<div id="outercontainer">
<div id="header">
<div id="menu">
<li><a href="#">link five</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">Home</a></li>
</div>
</div>
<div id="container">
<div id="containerleft">
<h2>website.name.here</h2>
</div>
<div id="containerright">
<h2>header.one.</h2>
<p>this template has been created for personal use only - please do not
sell on this
template it has been created by tri-star
web design free of charge.</p>
<p><b>please note:</b> as this is a free template the only thing i ask in
return
is you leave the bottom link to tri-star
web design as it is, anything else you can chop and change to your hearts
content. thank you for downloading this template, i hope it comes in
handy.</p>
<p>this page is created with frontpage but you can edit it with dreamweaver
- <b>it
utilises CSS and is vaild XHTML STRICT 1.0. it has also been tested in
microsoft
explorer, mozilla firefox, netscape 8.0 and opera</b> - fingers crossed
everything
looks ok! if this is not enough it also works in 800x600 screen
resolution,
but is mainly for 1024x768.</p>
<h2>header.two.</h2>
<p>tri-star web design is devoted to helping you/your company maximise its
potential through the internet. are you after web presence at an
affordable
price? is your current website not generating the interest you think it
deserves? tri-star web design can design or help in the development of a
new
website, giving potential customers a true impression of your business.
as i am
a freelance web designer i can focus my full attention on each customer
to
giving that personal touch that i believe is so important.</p>
<h2>header.three.</h2>
<p>i work with clients in the derby (derbyshire), nottingham
(nottinghamshire),
leicester (leicestershire) and throughout the united kingdom. if you are
from
outside the uk please feel free to get in touch for a quote as i am more
than
happy to expand my services beyond the uk.for a one-off fee with no
hidden
charges, i can design you a website to your exact specifications. just
tell me
what you want to say to your customers, send any pictures you would like
to show
them, and i will turn this basic information into a sleek professional
yet
effective website.</p>
<p>i don't only deal with businesses, maybe your after a website for a
hobby? or
a family website? whatever it is you are after i can help you.</p>
</div>
</div>
<div id="footer"> valid <a title="valid XHTML (Strict)"
href="http://validator.w3.org/check?uri=referer">xhtml</a> | valid <a
title="valid CSS" href="http://jigsaw.w3.org/css-validator/">css</a> |
design by <a href="http://www.tristarwebdesign.co.uk">tri-star web design</a>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Transparentia</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="container">
<div class="main">
<div class="header">
<div class="title">
<h1>Transparentia</h1>
</div>
</div>
<div class="content">
<div class="item">
<h1>Porttitor posuere</h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate
elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique
tortor. In bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor,
sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus
leo. Vestibulum ac ante. Sed in est.</p>
<cite>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</cite>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam
vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius
mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a>
risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius
pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod
ultricies. </p>
</div>
<div class="item">
<h1>Adipiscing</h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate
elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique
tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium
leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum
ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue
ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna
sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at
blandit enim quam fringilla mi.</p>
</div>
<div class="item">
<h1>Interdum</h1>
<div class="descr">May 24, 2006 by Lectus</div>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet,
dui. Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh.
Curabitur pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo
placerat elit, eget feugiat est leo tempor quam. Ut quis neque convallis magna
consequat molestie. Nullam semper massa eget ligula. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis
nunc volutpat aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna
consequat molestie.</p>
</div>
</div>
<div class="sidenav">
<h1>Something</h1>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h1>Another thing</h1>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h1>Third and last</h1>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">pellentesque</a></li>
<li><a href="#">tincidunt</a></li>
</ul>
<h1>Search</h1>
<form action="#">
<div>
<input type="text" name="search" class="styled" />
<input type="submit" value="" class="button" />
</div>
</form>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="footer">© 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://templates.arcsin.se">Arcsin</a> </div>
</div>
</body>
</html>
<!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>Transport template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="body-bot">
<div id="body-top">
<div id="logo">
<h1>TRANSPORT COMPANY</h1>
<p>We care about your cargo</p>
</div>
<div id="nav">
<ul>
<li><a href="#">MAIN PAGE</a></li>
<li><a href="#">TRACKING</a></li>
<li><a href="#">RATES</a></li>
<li><a href="#">PICK UP</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
<div class="clear"> </div>
</div>
<div id="gbox">
<div id="gbox-top"> </div>
<div id="gbox-bg">
<div id="gbox-grd">
<h2>WELCOME TO OUR TRUCK TRACKING COMPANY</h2>
<p>Don't forget to check <a href="#">free website templates</a> every
day, because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look
like.</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.</p>
<div id="features">
<h2>FEATURED SERVICES</h2>
<ul>
<li><a href="#">Free Website Templates</a></li>
<li><a href="#">The forum</a></li>
<li><a href="#">Just Web Templates</a></li>
<li><a href="#">Template Beauty</a></li>
</ul>
<ul>
<li><a href="#">Template Beauty</a></li>
<li><a href="#">Free Website Templates</a></li>
<li><a href="#">The forum</a></li>
<li><a href="#">Just Web Templates</a></li>
</ul>
<div class="clear"> </div>
</div>
<div id="newsletter">
<h2>NEWSLETTER</h2>
<form action="#" method="get" accept-charset="utf-8">
<input type="text" class="text" name="q" value=""
id="some_name" />
<input type="submit" value="go">
</form>
<p><a href="#">Click here for details</a></p>
</div>
<div id="events">
<h2>FEATURED EVENTS</h2>
<ul>
<li><a href="#">Template Beauty</a></li>
<li><a href="#">Free Website Templates</a></li>
<li><a href="#">The forum</a></li>
<li><a href="#">Just Web Templates</a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
</div>
<div id="gbox-bot"> </div>
</div>
<div id="greybox">
<div id="greybox-bot">
<div id="greybox-top">
<h2>MOST CONVINEIANT & RELIABLE TRANSPORT SERVICES</h2>
<p><a href="#">Click here for details</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="copyright"> © Copyright information goes here. All rights reserved |
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
</body>
</html>
<!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>Transport template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="body-bot">
<div id="body-top">
<div id="logo">
<h1>TRANSPORT COMPANY</h1>
<p>We care about your cargo</p>
</div>
<div id="nav">
<ul>
<li><a href="#">MAIN PAGE</a></li>
<li><a href="#">TRACKING</a></li>
<li><a href="#">RATES</a></li>
<li><a href="#">PICK UP</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
<div class="clear"> </div>
</div>
<div id="gbox">
<div id="gbox-top"> </div>
<div id="gbox-bg">
<div id="gbox-grd">
<h2>WELCOME TO OUR TRUCK TRACKING COMPANY</h2>
<p>Don't forget to check <a href="#">free website templates</a> every
day, because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look
like.</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.</p>
<div id="features">
<h2>FEATURED SERVICES</h2>
<ul>
<li><a href="#">Free Website Templates</a></li>
<li><a href="#">The forum</a></li>
<li><a href="#">Just Web Templates</a></li>
<li><a href="#">Template Beauty</a></li>
</ul>
<ul>
<li><a href="#">Template Beauty</a></li>
<li><a href="#">Free Website Templates</a></li>
<li><a href="#">The forum</a></li>
<li><a href="#">Just Web Templates</a></li>
</ul>
<div class="clear"> </div>
</div>
<div id="newsletter">
<h2>NEWSLETTER</h2>
<form action="#" method="get" accept-charset="utf-8">
<input type="text" class="text" name="q" value=""
id="some_name" />
<input type="submit" value="go">
</form>
<p><a href="#">Click here for details</a></p>
</div>
<div id="events">
<h2>FEATURED EVENTS</h2>
<ul>
<li><a href="#">Template Beauty</a></li>
<li><a href="#">Free Website Templates</a></li>
<li><a href="#">The forum</a></li>
<li><a href="#">Just Web Templates</a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
</div>
<div id="gbox-bot"> </div>
</div>
<div id="greybox">
<div id="greybox-bot">
<div id="greybox-top">
<h2>MOST CONVINEIANT & RELIABLE TRANSPORT SERVICES</h2>
<p><a href="#">Click here for details</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="copyright"> © Copyright information goes here. All rights reserved |
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
</body>
</html>
<!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>
<title>Travel</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="col">
<h1><a href="#"><img src="images/logo.gif" width="328" height="54" alt="Travel
Agency" /></a></h1>
<img src="images/side_photo.jpg" width="328" height="521" alt="Climb that
mountain" /> </div>
<!-- end col -->
<div id="micronav"> <a href="#" class="mail">contact us</a> <a href="#"
class="home">home</a> </div>
<!-- end micronav -->
<div id="spacer"> </div>
<div id="body">
<div class="i">
<div class="j">
<div id="nav"> <span> </span> <a href="#">our tours</a> <a
href="#">destination</a> <a href="#">hotel guide</a> <a href="#">car rentals</a> <a
href="#" class="last">faq</a>
<div class="clear"></div>
</div>
<!-- end nav -->
<div id="gal" class="rtitle">
<h2><img src="images/title_travel_gallery.gif" width="23" height="101"
alt="travel gallery" /></h2>
<div class="pic"><a href="#"><img src="images/photo_1.jpg" width="108"
height="87" alt="photo 1" /></a></div>
<div class="pic"><a href="#"><img src="images/photo_2.jpg" width="108"
height="87" alt="photo 2" /></a></div>
<div class="pic"><a href="#"><img src="images/photo_3.jpg" width="108"
height="87" alt="photo 3" /></a></div>
<div class="clear"></div>
</div>
<!-- end .rtitle -->
<div class="ltitle">
<h2><img src="images/title_news_and_events.gif" width="23" height="109"
alt="news and events" /></h2>
<h3><a href="#">Event Names</a> [05.06.05]</h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text
goes here. Some demo text goes here.</p>
<p class="readmore"><a href="#">... more</a></p>
<h3><a href="#">Event Names</a> [05.06.05]</h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text
goes here. Some demo text goes here.</p>
<p class="readmore"><a href="#">... more</a></p>
<div class="clear"></div>
</div>
<!-- end .ltitle -->
<div class="rtitle">
<h2><img src="images/title_hot_destinations.gif" width="23" height="121"
alt="hot destinations" /></h2>
<div id="mgal">
<div class="pic"><a href="#"><img src="images/photo_4.jpg" width="105"
height="86" alt="photo 1" /></a></div>
<div class="pic"><a href="#"><img src="images/photo_5.jpg" width="105"
height="86" alt="photo 2" /></a></div>
</div>
<!-- end mgal -->
<ul class="floating">
<li><a href="#">Africa North</a></li>
<li><a href="#">Africa South</a></li>
<li><a href="#">Bermuda</a></li>
<li><a href="#">Bahamas</a></li>
<li><a href="#">Caribbean</a></li>
<li><a href="#">Around the World</a></li>
<li><a href="#">Alaska/Amartoca</a></li>
<li><a href="#">Asia/Pacific</a></li>
<li><a href="#">Europe</a></li>
<li><a href="#">Hawaii</a></li>
</ul>
<ul class="floating">
<li><a href="#">Israel</a></li>
<li><a href="#">New Zealand</a></li>
<li><a href="#">Bermuda</a></li>
<li><a href="#">Bahamas</a></li>
<li><a href="#">Caribbean</a></li>
</ul>
<div class="clear"></div>
</div>
<!-- end .rtitle -->
</div>
</div>
<!-- end .i, .j -->
</div>
<!-- end body -->
<div id="footer">
<p>Powered by <a href="http://www.freewebsitetemplates.com">Free Website
Templates</a></p>
</div>
<!-- end footer -->
</div>
<!-- end wrapper -->
</body>
</html>
<!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>Travel</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="body_wrapper">
<!-- Start of Company Header -->
<div id="company_header">
<div class="add_shadow">
<div>
<div>
<div id="company_logo">
<h1><span>Travel Agency</span></h1>
</div>
</div>
</div>
</div>
</div>
<!-- End of Company Header -->
<!-- Start of Navigational Menu -->
<div id="nav_menu">
<ul>
<li><a href="http://www.free-css-templates.co.uk">Home Page</a></li>
<li><a href="#">Our Tours</a></li>
<li><a href="#">Destinations</a></li>
<li><a href="#">Hotel Guide</a></li>
<li id="last"><a href="#">Contacts</a></li>
</ul>
</div>
<!-- End of Navigational Menu -->
<!-- Start of Content Body -->
<div id="content_body">
<!-- Start of Left Column -->
<div id="left_column">
<!-- Start of Travel Gallery -->
<div class="content_header">
<div class="add_shadow">
<div>
<div>
<div class="content_header2">
<h2>Travel Gallery</h2>
</div>
</div>
</div>
</div>
</div>
<div id="travelgallery">
<!-- Start of Travel Thumbnail -->
<div class="gallery_thumbnail">
<div class="add_shadow">
<div>
<div> <img src="images/travelgallery_01.gif" width="170" height="114"
alt="Thumbnail Caption" /> </div>
</div>
</div>
</div>
<!-- End of Travel Thumbnail -->
<!-- Start of Travel Thumbnail -->
<div class="gallery_thumbnail">
<div class="add_shadow">
<div>
<div> <img src="images/travelgallery_02.gif" width="170" height="114"
alt="Thumbnail Caption" /> </div>
</div>
</div>
</div>
<!-- End of Travel Thumbnail -->
<!-- Start of Travel Thumbnail -->
<div class="gallery_thumbnail">
<div class="add_shadow">
<div>
<div> <img src="images/travelgallery_03.gif" width="170" height="114"
alt="Thumbnail Caption" /> </div>
</div>
</div>
</div>
<!-- End of Travel Thumbnail -->
<!-- Start of Travel Thumbnail -->
<div class="gallery_thumbnail">
<div class="add_shadow">
<div>
<div> <img src="images/travelgallery_04.gif" width="170" height="114"
alt="Thumbnail Caption" /> </div>
</div>
</div>
</div>
<!-- End of Travel Thumbnail -->
<div class="clearthis"> </div>
<div class="view_all">
<div class="add_shadow">
<div>
<div> <a href="#">View All Photos</a> </div>
</div>
</div>
</div>
</div>
<!-- End of Travel Gallery -->
</div>
<!-- End of Left Column -->
<!-- Start of Right Column -->
<div id="right_column">
<!-- Start of News and Events -->
<div class="content_header">
<div class="add_shadow">
<div>
<div>
<div class="content_header2">
<h2>News and Events</h2>
</div>
</div>
</div>
</div>
</div>
<div class="content_box">
<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> If you're having problems editing the template please don't hesitate to
ask for help on the forum. You will get help as soon as possible. You can also use
the forum to tell us what you like or dislike and what you would like to see more.
</p>
<p> Your feedback is very important to us and we will do everything to
fulfil your wishes. </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> If you're having problems editing the template please don't hesitate to
ask for help on the forum. You will get help as soon as possible. <a
href="#">more...</a> </p>
</div>
<!-- End of News and Events -->
<!-- Start of Hot Destinations -->
<div class="content_header">
<div class="add_shadow">
<div>
<div>
<div class="content_header2">
<h2>Hot Destinations</h2>
</div>
</div>
</div>
</div>
</div>
<div class="content_box">
<p> Please don't remove the link at the bottom. We have worked hard to make
the templates and ask that you respect our hard work so we can continue providing
you with high quality templates. </p>
<p> If you really want to remove the link you can buy a copyright free
version on our website. </p>
<p> Please don't remove the link at the bottom. We have worked hard to make
the templates and ask that you respect our hard work so we can continue providing
you with high quality templates. </p>
<p> If you really want to remove the link you can buy a copyright free
version on our website. </p>
</div>
<!-- End of Hot Destinations -->
</div>
<!-- End of Right Column -->
<div class="clearthis"> </div>
</div>
<!-- End of Content Body -->
<!-- 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>
<!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>Travel Agency</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="left">
<h1>Travel Agency</h1>
<div id="copyright">
<p>Copyright Information goes here.</p>
<p>designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></p>
</div>
</div>
<div id="right">
<div id="nav">
<ul>
<li class="selected"><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Package Tour</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Offer</a></li>
<li><a href="#">Booking</a></li>
<li class="last"><a href="#">Contact us</a></li>
</ul>
</div>
<div id="body">
<div id="body-top">
<div id="body-bot">
<h2><strong>Welcome</strong> to our site</h2>
<p>Don't forget to check <a href="#">free website templates</a> every
day, because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look
like.</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.</p>
<img src="images/travelagency_10.jpg" width="92" height="103" alt="Feel
Good" class="left" />
<h3>Special Events</h3>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on <a href="#">the forum</a>.</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.</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>This is just a place holder so you can see how the site would look
like.</p>
<p>This is a template designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a> for you for
free you can replace all the text by your own text.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<br />
<div class="clear"></div>
<div class="body-hr"> </div>
<div id="footer">
<div id="footer-1"> Our Authorised <strong>Agents</strong> </div>
<div id="footer-2"> <img src="images/pic_2.gif" width="31" height="42"
alt="Pic 2" class="left" /> Famous Cook </div>
<div id="footer-3"> <img src="images/pic_3.gif" width="60" height="42"
alt="Pic 3" class="left" /> Around The <br />
World </div>
<div class="clear"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>Travel agency</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<h1><a href="#"><img src="images/logo.gif" width="554" height="47" alt="Travel
Agency" /></a></h1>
<div id="booking">
<h2>Bookings & Reservations</h2>
<form action="#" method="get">
<div class="jtype">
<label for="flight">Flight</label>
<input name="flight" id="flight" type="checkbox" value="flight" />
<label for="hotel">Hotel</label>
<input name="hotel" id="hotel" type="checkbox" value="hotel" />
<label for="cruise">Cruise</label>
<input name="cruise" id="cruise" type="checkbox" value="cruise" />
</div>
<!-- end .jtype -->
<table summary="" cellspacing="0" cellpadding="0" border="0">
<tr>
<th>Check in</th>
<td><input name="in" type="text" value="" class="text" />
<input type="submit" value="submit" class="submit" /></td>
</tr>
<tr>
<th>Check out</th>
<td><input name="out" type="text" value="" class="text" />
<input type="submit" value="submit" class="submit" /></td>
</tr>
</table>
<p class="advanced"><a href="#"><img src="images/advanced.gif" width="11"
height="11" alt="" /> Advanced Search</a></p>
</form>
</div>
<!-- end booking -->
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Tours</a></li>
<li><a href="#">Bookings</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<!-- end nav -->
<h2 id="packagesheader"><img src="images/title_our_packages.gif" width="352"
height="23" alt="our packages" /></h2>
<div id="packages">
<h3 class="golden">Golden Package</h3>
<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 class="readmore"><a href="#"><img src="images/readmore.gif" width="68"
height="15" alt="readmore" /></a></p>
<h3 class="silveren">Silver Package</h3>
<p>If you're having problems editing the template please don't hesitate to ask
for help on the forum.</p>
<p class="readmore"><a href="#"><img src="images/readmore.gif" width="68"
height="15" alt="readmore" /></a></p>
<div id="special"> <a href="#"><img src="images/ad_special_offer.gif"
width="293" height="79" alt="special offer" /></a> </div>
<!-- end special -->
</div>
<!-- end packages -->
<div id="main"> <img src="images/people.jpg" width="447" height="298" alt="two
people having a walk" class="block" />
<h2><img src="images/title_hottest_locations.gif" width="447" height="24"
alt="hottest locations" /></h2>
<div class="inner">
<h3 class="blue">Italy</h3>
<img src="images/photo_1.jpg" width="109" height="71" alt="stunning italian
history" class="left" />
<p>You can remove any link to our websites from this template you're free to
use the template without linking
back to us. Don't want your boss to know you used a free website
template ;) .</p>
<br />
<br />
<h3 class="green">Hawai</h3>
<img src="images/photo_2.jpg" width="109" height="71" alt="sea, the beaches"
class="left" />
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom.</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!-- end main -->
<div id="footer"> © Copyright Information here | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
<!-- end footer -->
</div>
<!-- end wrapper -->
</body>
</html>
<!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="eng">
<head>
<title>Trinity Institute</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
</head>
<body>
<div id="top"> </div>
<div id="topmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Program Description</a></li>
<li><a href="#">Cost</a></li>
<li><a href="#">Our Philosophy</a></li>
<li><a href="#" class="last">Contact</a></li>
</ul>
</div>
<div id="container">
<div id="mainbox">
<h2>Welcome to The Trinity Institute</h2>
<h4>A Training Program To Establish...</h4>
<p>Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Praesent eget ante. Praesent sed eros. Donec
arcu. Fusce rutrum ligula eu elit. Sed sit amet eros non elit luctus semper.
Nunc id sapien sit amet est imperdiet iaculis. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Sed nec erat. Etiam nonummy. Cras sapien.<br />
<br/>
Aenean lacinia ante vitae augue. Aliquam et lacus. Integer lacinia magna
at metus. Etiam dapibus tristique lacus. Maecenas non justo et felis
vestibulum
tincidunt. Duis et orci. Morbi a tortor. Donec ac neque a urna varius
iaculis.
Ut blandit. Nunc nibh neque, vehicula vitae, cursus vel, luctus eget, leo.
Vestibulum ultricies ornare mi. Sed ut est. Phasellus massa ipsum, rutrum
vitae, vehicula vitae, hendrerit a, urna. Maecenas id ante in lectus blandit
porta. Vestibulum quis magna nec ante lacinia pretium. Donec et velit non
turpis bibendum condimentum. Quisque commodo arcu et purus congue
volutpat.<br />
<br/>
Donec et massa eu sem mollis varius. Curabitur non nisi in metus sollicitudin
ultricies. Phasellus eget lectus. Aenean ut eros nec tortor dapibus
elementum.
Vestibulum eu magna pretium nisi consectetuer auctor. Nunc bibendum, urna
in tempus adipiscing, nibh nulla fringilla leo, in lobortis quam massa ut
tellus. Donec sapien. Maecenas pede. Nulla sed lacus nec ante pellentesque
malesuada. Ut nunc eros, nonummy pulvinar, varius ac, consectetuer sit amet,
purus. Fusce pede. Praesent posuere, enim sed placerat feugiat, neque metus
pellentesque nunc, a dictum mi ante vel nisi. Etiam ultrices. Quisque in
orci. Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Integer laoreet dolor at lacus. Donec at urna in
justo ornare ultrices.<br/>
<br/>
Nam vitae purus. Aliquam erat volutpat. Donec vitae felis. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Integer a arcu. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed purus.
Etiam interdum, mauris vestibulum porta eleifend, mauris erat sagittis pede,
ac faucibus pede diam nec est..</p>
<h3>Contact</h3>
<br/>
<p><b>Your Institute</b></p>
<p>Address Line</p>
<p>City, State Zip</p>
<p><span style="font-weight: bold;">Phone: </span>888-555-1111</p>
<p><span style="font-weight: bold;">Email:</span> [email protected]</p>
</div>
<div id="mainright">
<div id="menunuright">
<div class="title" id="startmenu">
<h5>" Thou must be emptied of that wherewith thou art full, that
thou mayest be filled with that whereof thou art empty. "</h5>
<h1 class="title">- Saint Augustine</h1>
<div id="menurighth3">
<h1>The Trinity Network</h1>
</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
<div class="title">
<h1>Resources</h1>
</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
</div>
</div>
<br/>
<br/>
<div id="footer">
<p>© 2006 Your Institute Inc. All Rights Reserved. | [email protected]</p>
</div>
</div>
</body>
</html>
<!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>Tropical</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Tropical</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="sidebar">
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Tropical!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Tropical</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="extra" style="clear: both;"></div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Tropical. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Beyond</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="H"><b>H</b>omepage</a></li>
<li><a href="#" accesskey="A"><b>A</b>bout Us</a></li>
<li><a href="#" accesskey="P"><b>P</b>roducts</a></li>
<li><a href="#" accesskey="S"><b>S</b>ervices</a></li>
<li><a href="#" accesskey="C"><b>C</b>ustomer Support</a></li>
<li><a href="#" accesskey="U">Contact <b>U</b>s</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Beyond</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="content">
<div id="welcome">
<h1>Welcome to Beyond!</h1>
<p><strong>Beyond</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="floating-box" style="margin-right: 20px;">
<h2 class="title">Lorem Ipsum Dolorem</h2>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue
rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue,
and nibh. In posuere eleifend odio quisque semper augue mattis wisi maecenas.</p>
<ul>
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus in sapien</a></li>
<li><a href="#">Integer gravida nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit amet nisl</a></li>
</ul>
</div>
<div class="floating-box">
<h2 class="title">Quisque Dictum Integer</h2>
<p>Quisque dictum integer nisl risus, sagittis convallis. Donec leo, vivamus
fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
<h3>A Heading Level Three</h3>
<p>Rutrum id congue und nibh:</p>
<ol>
<li><a href="#">Maecenas luctus lectus sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus in sapien</a></li>
<li><a href="#">Integer gravida nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue amet nisl</a></li>
</ol>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="links">
<h2 class="title">Nullam Veroeros</h2>
<div class="content">
<ul>
<li><a href="#">Maecenas luctus lectus at</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus</a></li>
<li><a href="#">Integer gravida quis urna</a></li>
<li><a href="#">Etiam posuere augue amet</a></li>
<li><a href="#">Lorem ipsum dolorem </a></li>
</ul>
</div>
</div>
<div>
<h2 class="title">A Blockquote</h2>
<div class="content">
<blockquote>
<p>Quisque dictum integer nisl risus, sagittis convallis. Donec leo,
vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
</blockquote>
</div>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #page -->
<div id="footer">
<p class="links"><a href="#">Home</a> · <a href="#">Terms of Use</a> ·
Designed By <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>
· <a href="http://validator.w3.org/check/referer" title="This page validates
as XHTML 1.0 Strict"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> · <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
<p class="legal">© 2007 Beyond</p>
</div>
</body>
</html>
<!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>Truly Simple</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="wrap">
<div id="top">
<h2> <a href="#">Truly Simple</a></h2>
<div id="menu">
<ul>
<li><a href="#" class="current">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">portofolio</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="left">
<h2>Welcome to Truly Simple</h2>
<p>Simply dummy text of the printing and type setting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, when an unknown
printer took a galley of type specimen book.</p>
<ul>
<li>Survived not only five centuries.</li>
<li>Leap into electronic typesetting.</li>
<li>Remaining essentially unchanged.</li>
<li>Popularised in the 1960s.</li>
<li>Release of Letraset sheets.</li>
</ul>
<h2>Functionality or performance</h2>
<p>There are many variations of passages of Lorem available, but the majority
have suffered alteration in some form, by injected humour, or <a
href="#">randomised words</a> which don't look even slightly believable. If you are
going to use a passage of Lorem Ipsum, you need to be sure. </p>
</div>
<div id="right">
<div class="box">
<h2>About</h2>
<p>The generated Lorem Ipsum is therefore always free from repetition,
injected humour, or non characteristic words generators on the Internet. </p>
<p> <a href="#">Read more about us</a></p>
<h2>Recent Entries</h2>
<ul>
<li><a href="#">Randomised words</a> <i>10 nov 06</i></li>
<li><a href="#">Look even slightly believable</a> <i>8 nov 06</i></li>
<li><a href="#">Suffered alteration in form</a> <i>7 nov 06</i></li>
<li><a href="#">Embarrassing hidden</a> <i>5 nov 06</i></li>
<li><a href="#">Passages of lorem ipsum</a> <i>3 nov 06</i></li>
</ul>
<h2>Write to us</h2>
<p>There are many variations of passages of Lorem Ipsum available, <a
href="#">but the majority</a> have suffered alteration in some form, by injected
humour.</p>
</div>
</div>
<div id="clear"></div>
</div>
<div id="footer">
<p>Copyright 2006 Truly Simple. Design by <a
href="http://www.colorlightstudio.com">Igor Penjivrag</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Turn It Up</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<link rel="stylesheet" type="text/css" href="style/orange.css" />
</head>
<body>
<div id="main">
<div id="links">
<!-- **** INSERT LINKS HERE **** -->
<a href="#">another link</a> | <a href="#">another link</a> | <a
href="#">another link</a> | <a href="#">another link</a> </div>
<div id="logo">
<h1>TURN_IT_UP</h1>
</div>
<div id="menu">
<ul>
<!-- **** INSERT NAVIGATION ITEMS HERE (use id="selected" to identify the
page you're on **** -->
<li><a id="selected" href="#">home</a></li>
<li><a href="#">page 1</a></li>
<li><a href="#">page 2</a></li>
<li><a href="#">page 3</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
<div id="content">
<div id="column1">
<div class="sidebaritem">
<div class="sbihead">
<h1>latest news</h1>
</div>
<div class="sbicontent">
<!-- **** INSERT NEWS ITEMS HERE **** -->
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p> <a href="#">read more ...</a></p>
<p></p>
<p></p>
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p> <a href="#">read more ...</a></p>
</div>
</div>
<div class="sidebaritem">
<div class="sbihead">
<h1>additional links</h1>
</div>
<div class="sbilinks">
<!-- **** INSERT ADDITIONAL LINKS HERE **** -->
<ul>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">learn XHTML</a></li>
<li><a href="#">learn CSS</a></li>
<li><a href="#">get firefox</a></li>
</ul>
</div>
</div>
<div class="sidebaritem">
<div class="sbihead">
<h1>other information</h1>
</div>
<div class="sbicontent">
<!-- **** INSERT OTHER INFORMATION HERE **** -->
<p> This space can be used for additional information such as a contact
phone number, address
or maybe even a graphic. </p>
</div>
</div>
</div>
<div id="column2">
<h1>introduction</h1>
<!-- **** INSERT PAGE CONTENT HERE **** -->
<p> This standards compliant website template is released as an 'open source'
Design
(under the <a href="http://creativecommons.org/licenses/by/2.5">Creative
Commons
Attribution 2.5</a> licence), which means that you are free to download and
use it
for anything you want (including modifying and amending it). The logo image
is from a digital photograph taken by me, so there are no issues with
copyright
there. All I ask is that you leave the 'Design by dcarter' link in the
footer of
the template, but other than that... </p>
<p> This template is written entirely in XHTML 1.1 and CSS, and can be
validated
using the links in the footer. </p>
<p> You can view my other 'open source' template Designs <a
href="#">here</a>. </p>
<h1>alternative colour schemes</h1>
<p>Here are some alternative colour schemes for anyone who doesn't like
orange:</p>
<div id="colour"> <a href="index_blue.html"><span
class="blue">blue</span></a> <a href="index_green.html"><span
class="green">green</span></a> <a href="index_purple.html"><span
class="purple">purple</span></a> <a href="#"><span class="orange">Home</span></a>
</div>
<h1>example elements</h1>
<h2>Bold Text</h2>
<p><strong>this is an example of bold text</strong></p>
<h2>Italics</h2>
<p><i>this is an example of italic text</i></p>
<h2>Links</h2>
<p><a href="#">this is an example link</a></p>
<h2>Block Quotes</h2>
<blockquote>
<p> Some blockquote text. Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. </p>
</blockquote>
<h2>Unordered Lists</h2>
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>
<br />
<h2>Ordered Lists</h2>
<ol>
<li>list item 1</li>
<li>list item 2</li>
</ol>
<br />
<h2>Images</h2>
<p>images can be placed on the left, in the center or on the right.</p>
<span class="left"><img src="style/graphic.jpg" alt="" /></span>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla
pariatur. </p>
<span class="center"><img src="style/graphic.jpg" alt="" /></span> <span
class="right"><img src="style/graphic.jpg" alt="" /></span>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla
pariatur. </p>
</div>
</div>
<div id="footer"> copyright © 2006 your name | <a
href="#">email@emailaddress</a> | <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> | <a href="http://www.dcarter.co.uk">Design by
dcarter</a> </div>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Twin Triangles</title>
<link type="text/css" rel="stylesheet" href="style.css" media="screen">
<link type="text/css" rel="stylesheet" href="print.css" media="print">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<div id="container">
<h1> <a href="#">Twin triangles</a> </h1>
<ul id="skip-nav">
<li> <a href="#search">Search</a> </li>
<li> <a href="#content">Jump to content</a> </li>
</ul>
<div id="navigation">
<ul>
<li> <a href="#">Home</a> </li>
<li> <a href="#">Products</a> </li>
<li> <a href="#">Testimonials</a> </li>
<li> <a href="#">More info</a> </li>
</ul>
</div>
<div id="content">
<div id="relevant">
<h2> Heading 2: This news rocks </h2>
<p> Please remember that Internet Explorer <strong>is
not</strong> a browser. Tested with Internet Explorer
5.5 and 6, Opera 5 to 7 and Firefox. Fixed with to
make it easier to deal with drop shadows. It includes
a basic print style sheet. Pink may be not remind you
of winter but Nielsen said that links should be
remarkable. Valid <abbr>HTML</abbr> 4 since it is not
worthy using <abbr>XHTML</abbr> yet. <a href="#">Read
the full article</a> </p>
</div>
<div id="other">
<div class="other-section">
<h2> Heading 2 </h2>
<p> Coming next, a quote: </p>
<blockquote>
<p> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean sed neque ut leo lacinia
interdum. Ut ac tortor et ligula rutrum
ultricies. Proin auctor gravida pede. </p>
</blockquote>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Aenean sed neque ut leo lacinia interdum. Ut
ac tortor et ligula rutrum ultricies. Proin auctor
gravida pede. Aenean quis ligula nec ligula
ultrices vestibulum. Nam eu diam. Duis urna lorem,
scelerisque ac, aliquet a, varius vitae, nisl.
Aliquam ullamcorper turpis non pede. Donec massa.
Sed sem lacus, ultrices eu, convallis at, accumsan
quis, ante. Nunc ullamcorper posuere dui. Donec at
diam. <a href="#">Etiam ipsum</a>.
Aenean ultricies tortor ut tellus. Sed eu lorem.
Mauris elementum justo. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac
turpis egestas. Aenean ligula. Fusce ante. Class
aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Aenean
convallis, nisl non pellentesque venenatis, justo
erat elementum neque, vitae sagittis libero turpis
eu nulla. <a href="#">In hac habitasse
platea dictumst</a>. Donec fringilla eros ac lacus.
Praesent eros purus, accumsan quis, bibendum sit
amet, sagittis nec, diam. Curabitur molestie nibh
ac libero. </p>
<p> Aenean sit amet felis. Nullam viverra. Suspendisse
auctor enim ut nunc. Nullam vel justo eu sapien
hendrerit egestas. Nullam nec sapien. Sed arcu
erat, fermentum vel, gravida nec, laoreet et, urna.
Proin tincidunt massa eu mauris. Curabitur aliquet.
Aenean nonummy nisl ut quam. Cras pellentesque arcu
ac sem.Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean sed neque ut leo lacinia
interdum. Ut ac tortor et ligula rutrum ultricies.
Proin auctor gravida pede. <a href="#">Continue
reading</a>. </p>
</div>
<div class="other-section">
<h2> Heading 2 </h2>
<p> Aenean quis ligula nec ligula ultrices vestibulum.
Nam eu diam. Duis urna lorem, scelerisque ac,
aliquet a, varius vitae, nisl. Aliquam ullamcorper
turpis non pede. Donec massa. Sed sem lacus,
ultrices eu, convallis at, accumsan quis, ante.
Nunc ullamcorper posuere dui. <a href="#">Donec at diam</a>.
Etiam ipsum. Aenean ultricies tortor ut tellus. Sed
eu lorem. Mauris elementum justo. Pellentesque
habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Aenean ligula.
Fusce ante. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos
hymenaeos. Aenean convallis, nisl non pellentesque
venenatis, justo erat elementum neque, vitae
sagittis libero turpis eu nulla. In hac habitasse
platea dictumst. Donec fringilla eros ac lacus.
Praesent eros purus, accumsan quis, bibendum sit
amet, sagittis nec, diam. Curabitur molestie nibh
ac libero. Aenean sit amet felis. Nullam viverra.
Suspendisse auctor enim ut nunc. Nullam vel justo
eu sapien hendrerit egestas. Nullam nec sapien. Sed
arcu erat, fermentum vel, gravida nec, laoreet et,
urna. Proin tincidunt massa eu mauris. <a href="#">Continue
reading</a>. </p>
</div>
</div>
</div>
<hr>
<div id="sidebar">
<h2> Sidebar </h2>
<div class="sidebar-section">
<form id="search" action="#">
<fieldset>
<legend>Search form</legend>
<label for=
"search-input">Search this site</label>
<input type=
"text" name="search-input" id="search-input">
<input
type="submit" value="Search">
</fieldset>
</form>
</div>
<div class="sidebar-section">
<h3> Section </h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Aenean sed neque ut leo lacinia interdum. Ut ac
tortor et ligula rutrum ultricies. Proin auctor
gravida pede. Aenean quis ligula nec ligula ultrices
vestibulum. Nam eu diam. Duis urna lorem, scelerisque
ac, aliquet a, varius vitae, nisl. Aliquam
ullamcorper turpis non pede. Donec massa. <a href=
"#">Continue reading</a> </p>
</div>
<div class="sidebar-section">
<h3> Section </h3>
<p> My good old friends. I should visit them more often. </p>
<ul>
<li> <a href="#">Link (that guy from <cite>The Legend of
Zelda</cite>)</a> </li>
<li> <a href="#">Mickey</a> </li>
<li> <a href="#">Minnie</a> </li>
<li> <a href="#">Goofy</a> </li>
<li> <a href="#">Donald</a> </li>
<li> <a href="#">Walt</a> </li>
</ul>
</div>
</div>
<hr>
<div id="footer">
<ul>
<li> <a href="#">Home</a> </li>
<li> <a href="#">Contact us</a> </li>
<li> <a href="#">Search</a> </li>
</ul>
<p> This site © your name all rights reserved. </p>
<p id="copy-template"> Template by <a
href="mailto:bpm230@hotmail.com">Federico</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Typography Paramount</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="wrapper">
<div id="header">
<p class="description"> An imageless template focusing on Typography. </p>
<h1><a href="#">Typography Paramount</a></h1>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#" class="active">Link Here</a></li>
<li><a href="#">Link Here</a></li>
<li><a href="#">Link Here</a></li>
<li><a href="#">Link Here</a></li>
</ul>
</div>
<div id="sidebar">
<h2>Latest News</h2>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h2>Sub Navigation</h2>
<ul>
<li><a href="#">Link Here</a></li>
<li><a href="#">Link Here</a></li>
<li><a href="#">Link Here</a></li>
<li><a href="#">Link Here</a></li>
</ul>
<h2>Search</h2>
<input name="" type="text" />
</div>
<div id="content">
<h2><a href="#">Introduction</a></h2>
<p> Hello and welcome to Typography Paramount, a light, nifty little template
created by Six Shooter Media. This template has a slight twist to it and that is
that it includes no images what-so-ever. This results in a page which loads
lightning fast and displays consistently on various browsing mediums. </p>
<h2><a href="#">About the Author</a></h2>
<p> Hi! My names Jay and I'm a 20 year old web designer from England. My main
projects are conducted through my website Six Shooter Media, but I (obviously) also
enjoy creating Open Source web templates for general use! You can keep a check on
my free templates here which is probably a link worth bookmarking as my templates
appear there a couple of weeks before OWD/OSWD due to the design queues. </p>
<p> Another site of mine that you might find interesting if you're setting up a
site with a free template like Buy a Button.net. There, for a great price you can
purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<h2><a href="#">Some Examples</a></h2>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf hdsbf
jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd sb
</p>
</blockquote>
<h3>List Example</h3>
<ul>
<li>Here</li>
<li>Is our friend</li>
<li>The list!</li>
</ul>
<h2><a href="#">Contact</a></h2>
<p> If you decide to use this template please drop me a line to let me know!
Don't hesitiate to get in touch if your interested in a custom template or just in
any of my services in general. I look forward to hearing from you! </p>
</div>
<div id="footer">
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here.</p>
</div>
</div>
</body>
</html>
<!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>The ultra77</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "style.css";
</style>
</head>
<body>
<div id="wrapper"> <a name="top"></a>
<!-- header -->
<div id="header">
<div id="pagedescription">
<h1>Long Page Title</h1>
<br />
<h2>Page description here.</h2>
</div>
<div id="branding">
<p><span class="templogo">
<!-- your logo here -->
ultra | 77</span><br />
For that ultra77 Clean Feeling</p>
</div>
</div>
<div id="menu">
<ul>
<li><a href="#">Google</a></li>
<li class="active"><a href="#">Ultra 77 Template</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
</div>
<!-- end top menu -->
<!-- bodywrap -->
<div id="bodytop"> </div>
<div id="bodywrap">
<div id="contentbody"> <a name="content"></a>
<h1>This it the ultra 77 template</h1>
<p>The Ultra 77 Template is designed for 1024 minimum resolution. This is a
fixed width template. The visual idea for this template is very loosely inspired by
the THX 1138 movie by George Lucas in the 70's.</p>
<h2>Heading Style H2</h2>
<p><img src="images/square.jpg" alt="" /> Sed ut perspiciatis unde omnis iste
natus error sit voluptatem
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum
quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam
eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat
voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam
corporis suscipit laboriosam, nisi ut aliquid ex ea commodi
consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate
velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum
fugiat quo</p>
<h3>Heading Style H3</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum
quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam
eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat
voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam
corporis suscipit laboriosam, nisi ut aliquid ex ea commodi
consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate
velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum
fugiat quo voluptas nulla pariatur?</p>
<h1>Heading 1</h1>
<p>Magni dolores eos qui ratione
voluptatem sequi nesciunt.</p>
<h2>Heading 2</h2>
<p>Magni dolores eos qui ratione
voluptatem sequi nesciunt.</p>
<h3>Heading 3</h3>
<p>Magni dolores eos qui ratione
voluptatem sequi nesciunt.</p>
</div>
</div>
<!-- end bodywrap -->
<div id="bodybottom"> </div>
<!-- footer -->
<div id="footer">
<p>© 2006 Your Name. Design by <a href="http://www.n-vent.com">N-
vent</a></p>
<ul>
<li><a href="#">Another Item</a></li>
<li><a href="http://www.ianlabs.com">Another Item</a></li>
</ul>
</div>
<!-- end footer -->
<!-- side menu -->
<div id="sidemenu">
<div id="smtop"> </div>
<div id="smtitle">
<h1>Current Page Title</h1>
</div>
<!-- side menu current page title -->
<ul class="normal">
<li><a href="#">Sub Page</a></li>
<li><a href="#" class="currentpage">Current Page</a></li>
<li><a href="#">Sub Page</a></li>
<li><a href="#">Sub Page</a></li>
</ul>
<div id="smbottom"> </div>
</div>
<!-- end side menu -->
</div>
<!-- end wrapper -->
</body>
</html>
<!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>Under the Bridge</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Under The Bridge</h1>
<h2>By Dieter Schneider</h2>
</div>
<div id="linkbar">
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="right_menu">
<h4>Menu</h4>
<div class="navcontainer">
<ul class="navlist">
<li><a href="#">a link</a></li>
<li><a href="#">one more link</a></li>
<li><a href="#">cool link</a></li>
<li><a href="#">oh yes</a></li>
<li><a href="#">ok enough links</a></li>
</ul>
</div>
</div>
<h3>About this template</h3>
<p>This template is created by Dieter Schneider a cold Desember night 2006.
It's valid Xhtml 1.0 Strict! If you want the PSD file for this template you can
purchase it at CssTemplateHeaven.com for only 7$, this will give you a lot more
flexibility. Please do not remove the copyright in the footer if you have the free
version of this template. </p>
<h3>Another Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce suscipit.
Proin dignissim. Aenean elementum. Integer purus. Cras nonummy sapien ac eros.
Morbi dictum, nisi quis ullamcorper ultricies, lacus elit bibendum arcu, in
imperdiet orci purus gravida dolor. Sed lacus. In commodo, purus id iaculis mollis,
nulla ipsum euismod justo, eu volutpat velit lacus sit amet quam. Donec bibendum mi
et orci. Duis laoreet aliquet nulla. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Fusce massa arcu, mollis id, ornare et, convallis vitae, libero.
Nulla commodo augue in odio. Suspendisse potenti.</p>
<h3>Another Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce suscipit.
Proin dignissim. Aenean elementum. Integer purus. Cras nonummy sapien ac eros.
Morbi dictum, nisi quis ullamcorper ultricies, lacus elit bibendum arcu, in
imperdiet orci purus gravida dolor. Sed lacus. In commodo, purus id iaculis mollis,
nulla ipsum euismod justo, eu volutpat velit lacus sit amet quam. Donec bibendum mi
et orci. Duis laoreet aliquet nulla. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Fusce massa arcu, mollis id, ornare et, convallis vitae, libero.
Nulla commodo augue in odio. Suspendisse potenti.</p>
</div>
<div id="footer">
<p>© <a href="http://csstemplateheaven.com">CssTemplateHeaven</a> |
Created by Dieter Schneider 2006 | Valid Xhtml 1.0 Strict! </p>
</div>
</div>
</body>
</html>
<!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>Underground</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Underground.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header"> <span id="slogan"> your site slogan here...</span>
<ul>
<li id="current"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Archives</span></a></li>
<li><a href="#"><span>Downloads</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Support</span></a></li>
<li><a href="#"><span>About</span></a></li>
</ul>
</div>
<div id="header-logo">
<div id="logo">under<span class="red">ground</span></div>
<form method="post" class="search" action="#">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="searchbutton" value="Search" type="submit" />
</p>
</form>
</div>
<div id="sidebar">
<h1>Sidebar Menu</h1>
<div class="left-box">
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
</div>
<h1>Site Partners</h1>
<div class="left-box">
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
</div>
<h1>Wise Words</h1>
<div class="left-box">
<p>"Big men and big personalities make mistakes and admit them. It is
the little man who is afraid to admit he has been wrong"</p>
<p class="align-right">- Dr. Maxwell Maltz</p>
</div>
<h1>Support Styleshout</h1>
<div class="left-box">
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the donate link on my website - it
will be a great help and will surely be appreciated.</p>
</div>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Underground 1.1</strong> is a free, W3C-compliant, CSS-based website
template by <strong>styleshout.com</strong>. This work is distributed under the <a
rel="license" target="_blank" href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5 License</a>, which means that you are free to use
and modify it for any purpose. All I ask is that you include a link back to my
website in your credits.</p>
<p>For more free designs, you can visit my website to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="comments align-right clear"> <a href="#">Read more</a> : <a
href="#">comments(3)</a> : 10.18.06 </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p> <code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>example of</li>
<li>ordered list</li>
</ol>
<ul>
<li>example of</li>
<li>unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="#"><img src="images/firefox-gray.jpg" width="100" height="120"
alt="firefox" class="float-left" /></a> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt,
orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus
leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac
blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque.
Curabitur vel urna. In tristique orci porttitor ipsum. Aliquam ornare diam iaculis
nibh. Proin luctus, velit pulvinar ullamcorper nonummy, mauris enim eleifend urna,
congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
<div class="footer">
<p> © 2006 <strong>Your Company</strong> Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<a href="#">Home</a> | <a href="#">Site
Map</a> | <a href="#">RSS Feed</a> </p>
</div>
</body>
</html>
<!DOCTYPE html>
<!--
Template Name: Vallume
Author: <a href="https://www.os-templates.com/">OS Templates</a>
Author URI: https://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: https://www.os-templates.com/template-terms
-->
<html lang="">
<!-- To declare your language - read more here:
https://www.w3.org/International/questions/qa-html-language-declarations -->
<head>
<title>Vallume</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-
scale=1.0, user-scalable=no">
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
</head>
<body id="top">
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<div class="wrapper row0">
<div id="topbar" class="hoc clear">
<!--
###################################################################################
############# -->
<div class="fl_left">
<ul class="nospace">
<li><a href="index.html"><i class="fa fa-lg fa-home"></i></a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Register</a></li>
</ul>
</div>
<div class="fl_right">
<ul class="nospace">
<li><i class="fa fa-phone"></i> +00 (123) 456 7890</li>
<li><i class="fa fa-envelope-o"></i> [email protected]</li>
</ul>
</div>
<!--
###################################################################################
############# -->
</div>
</div>
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<div class="wrapper row1">
<header id="header" class="hoc clear">
<!--
###################################################################################
############# -->
<div id="logo" class="fl_left">
<h1><a href="index.html">Vallume</a></h1>
</div>
<nav id="mainav" class="fl_right">
<ul class="clear">
<li class="active"><a href="index.html">Home</a></li>
<li><a class="drop" href="#">Pages</a>
<ul>
<li><a href="pages/gallery.html">Gallery</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="pages/sidebar-left.html">Sidebar Left</a></li>
<li><a href="pages/sidebar-right.html">Sidebar Right</a></li>
<li><a href="pages/basic-grid.html">Basic Grid</a></li>
</ul>
</li>
<li><a class="drop" href="#">Dropdown</a>
<ul>
<li><a href="#">Level 2</a></li>
<li><a class="drop" href="#">Level 2 + Drop</a>
<ul>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
</ul>
</li>
<li><a href="#">Level 2</a></li>
</ul>
</li>
<li><a href="#">Link Text</a></li>
<li><a href="#">Link Text</a></li>
</ul>
</nav>
<!--
###################################################################################
############# -->
</header>
</div>
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<div class="wrapper bgded overlay" style="background-
image:url('images/demo/backgrounds/01.png');">
<div id="pageintro" class="hoc clear">
<!--
###################################################################################
############# -->
<article>
<p>Justo at ante lobortis</p>
<h3 class="heading">Varius aenean laoreet mauris</h3>
<footer>
<ul class="nospace inline pushright">
<li><a class="btn" href="#">Quam scelerisque</a></li>
<li><a class="btn inverse" href="#">Sagittis dignissim</a></li>
</ul>
</footer>
</article>
<!--
###################################################################################
############# -->
</div>
</div>
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<div class="wrapper row3">
<main class="hoc container clear">
<!-- main body -->
<!--
###################################################################################
############# -->
<section id="introblocks">
<div class="sectiontitle">
<h6 class="heading">Tellus malesuada dignissim</h6>
<p>Nullam tincidunt ex vel volutpat accumsan ut lobortis metus</p>
</div>
<ul class="nospace btmspace-80 group">
<li class="one_third first">
<article><i class="fa fa-diamond"></i>
<h6 class="heading font-x1"><a href="#">Feugiat maximus nisi</a></h6>
<p>Sem volutpat massa sed tristique nisi sem sed est cras pulvinar
augue libero…</p>
</article>
</li>
<li class="one_third">
<article><i class="fa fa-fort-awesome"></i>
<h6 class="heading font-x1"><a href="#">Vel imperdiet libero</a></h6>
<p>Condimentum id donec eu eros quis ligula sollicitudin malesuada
scelerisque…</p>
</article>
</li>
<li class="one_third">
<article><i class="fa fa-forumbee"></i>
<h6 class="heading font-x1"><a href="#">Dui nam sed tristique</a></h6>
<p>Nunc sed ligula viverra egestas tincidunt accumsan porta eget lorem
maecenas…</p>
</article>
</li>
</ul>
<p class="center"><a class="btn" href="#">Eleifend dui auctor</a></p>
</section>
<!--
###################################################################################
############# -->
<hr class="btmspace-80">
<!--
###################################################################################
############# -->
<section>
<div class="sectiontitle">
<h6 class="heading">Pulvinar enim nibh pretium</h6>
<p>Nulla sed tincidunt metus massa accumsan enim in leo massa</p>
</div>
<ul class="nospace group overview">
<li class="one_third">
<figure><a href="#"><img src="images/demo/320x240.png" alt=""></a>
<figcaption>
<h6 class="heading">Aliquet non sapien in</h6>
<p>Congue suscipit nulla aliquam fermentum ac justo eu tincidunt
integer.</p>
</figcaption>
</figure>
</li>
<li class="one_third">
<figure><a href="#"><img src="images/demo/320x240.png" alt=""></a>
<figcaption>
<h6 class="heading">Eleifend lacus metus</h6>
<p>Suscipit egestas vivamus at velit ultrices malesuada ex eu rutrum
arcu.</p>
</figcaption>
</figure>
</li>
<li class="one_third">
<figure><a href="#"><img src="images/demo/320x240.png" alt=""></a>
<figcaption>
<h6 class="heading">Fusce facilisis congue</h6>
<p>Sapien sit amet tempor nisl mollis sed sed tristique nunc pretium
mi.</p>
</figcaption>
</figure>
</li>
</ul>
</section>
<!--
###################################################################################
############# -->
<!-- / main body -->
<div class="clear"></div>
</main>
</div>
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<div class="wrapper bgded overlay" style="background-
image:url('images/demo/backgrounds/02.png');">
<article class="hoc cta clear">
<!--
###################################################################################
############# -->
<h6 class="three_quarter first">Gravida venenatis morbi a interdum erat id
congue</h6>
<footer class="one_quarter"><a class="btn" href="#">Neque mauris nunc
»</a></footer>
<!--
###################################################################################
############# -->
</article>
</div>
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<div class="wrapper row2">
<section class="hoc container clear testimonials">
<!--
###################################################################################
############# -->
<div class="sectiontitle">
<h6 class="heading">Efficitur posuere tellus non</h6>
<p>Mattis turpis praesent dignissim et libero non luctus vivamus</p>
</div>
<ul class="nospace group btmspace-80">
<li class="one_third first">
<blockquote>Imperdiet libero ac sapien facilisis ultricies aliquam gravida
ligula quis commodo interdum purus felis rutrum velit non tincidunt arcu orci eget
nulla etiam laoreet volutpat mollis mauris</blockquote>
<figure class="clear"><img class="circle" src="images/demo/60x60.png"
alt="">
<figcaption>
<h6 class="heading">John Doe</h6>
<em>Consultant</em></figcaption>
</figure>
</li>
<li class="one_third">
<blockquote>Et tellus nibh nullam sit amet mauris consequat vehicula velit
non aliquam erat maecenas egestas dui et velit viverra in tincidunt neque
consectetur quisque metus arcu suscipit rutrum euismod</blockquote>
<figure class="clear"><img class="circle" src="images/demo/60x60.png"
alt="">
<figcaption>
<h6 class="heading">Jane Doe</h6>
<em>Director</em></figcaption>
</figure>
</li>
<li class="one_third">
<blockquote>Consequat venenatis vestibulum enim phasellus id molestie mi
nec vulputate massa phasellus ut ligula hendrerit lobortis nibh ac laoreet sapien
morbi id sagittis nulla vulputate fringilla felis</blockquote>
<figure class="clear"><img class="circle" src="images/demo/60x60.png"
alt="">
<figcaption>
<h6 class="heading">June Doe</h6>
<em>Marketing</em></figcaption>
</figure>
</li>
</ul>
<footer><a class="btn" href="#">View More »</a></footer>
<!--
###################################################################################
############# -->
</section>
</div>
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<div class="wrapper row3">
<figure class="hoc container clear clients">
<!--
###################################################################################
############# -->
<figcaption class="sectiontitle">
<h6 class="heading">Nullam scelerisque orci eu</h6>
<p>Pulvinar sodales suspendisse in purus vel massa fermentum</p>
</figcaption>
<ul class="nospace group">
<li class="one_quarter first"><a href="#"><img src="images/demo/222x100.png"
alt=""></a></li>
<li class="one_quarter"><a href="#"><img src="images/demo/222x100.png"
alt=""></a></li>
<li class="one_quarter"><a href="#"><img src="images/demo/222x100.png"
alt=""></a></li>
<li class="one_quarter"><a href="#"><img src="images/demo/222x100.png"
alt=""></a></li>
</ul>
<!--
###################################################################################
############# -->
</figure>
</div>
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<!-- Footer Background Image Wrapper -->
<div class="bgded overlay" style="background-
image:url('images/demo/backgrounds/03.png');">
<!--
###################################################################################
############# -->
<div class="wrapper row4">
<footer id="footer" class="hoc clear">
<!--
###################################################################################
############# -->
<div class="one_quarter first">
<h6 class="heading">Aliquet ut auctor</h6>
<ul class="nospace btmspace-30 linklist contact">
<li><i class="fa fa-map-marker"></i>
<address>
Street Name & Number, Town, Postcode/Zip
</address>
</li>
<li><i class="fa fa-phone"></i> +00 (123) 456 7890</li>
<li><i class="fa fa-envelope-o"></i> [email protected]</li>
</ul>
<ul class="faico clear">
<li><a class="faicon-facebook" href="#"><i class="fa fa-
facebook"></i></a></li>
<li><a class="faicon-twitter" href="#"><i class="fa fa-
twitter"></i></a></li>
<li><a class="faicon-dribble" href="#"><i class="fa fa-
dribbble"></i></a></li>
<li><a class="faicon-linkedin" href="#"><i class="fa fa-
linkedin"></i></a></li>
</ul>
</div>
<div class="one_quarter">
<h6 class="heading">Augue sociis natoque</h6>
<ul class="nospace linklist">
<li><a href="#">Porta lacinia est velit</a></li>
<li><a href="#">Sollicitudin nisl eu</a></li>
<li><a href="#">Tincidunt turpis ante</a></li>
<li><a href="#">Lobortis nisl fusce</a></li>
<li><a href="#">Purus nisi faucibus et est</a></li>
</ul>
</div>
<div class="one_quarter">
<h6 class="heading">Penatibus et magnis</h6>
<ul class="nospace linklist">
<li><a href="#">Quis blandit dignissim</a></li>
<li><a href="#">Lacus vestibulum porta</a></li>
<li><a href="#">Quam nec mollis vulputate</a></li>
<li><a href="#">Mauris aliquet cursus</a></li>
<li><a href="#">Nisl duis sed rhoncus</a></li>
</ul>
</div>
<div class="one_quarter">
<h6 class="heading">Dis parturient montes</h6>
<p class="nospace btmspace-15">Nascetur ridiculus mus elit aliquam erat
volutpat proin scelerisque mi viverra.</p>
<form method="post" action="#">
<fieldset>
<legend>Newsletter:</legend>
<input class="btmspace-15" type="text" value="" placeholder="Name">
<input class="btmspace-15" type="text" value="" placeholder="Email">
<button type="submit" value="submit">Submit</button>
</fieldset>
</form>
</div>
<!--
###################################################################################
############# -->
</footer>
</div>
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<div class="wrapper row5">
<div id="copyright" class="hoc clear">
<!--
###################################################################################
############# -->
<p class="fl_left">Copyright © 2018 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="https://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<!--
###################################################################################
############# -->
</div>
</div>
<!--
###################################################################################
############# -->
</div>
<!-- End Footer Background Image Wrapper -->
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<!--
###################################################################################
############# -->
<a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a>
<!-- JAVASCRIPTS -->
<script src="layout/scripts/jquery.min.js"></script>
<script src="layout/scripts/jquery.backtotop.js"></script>
<script src="layout/scripts/jquery.mobilemenu.js"></script>
</body>
</html><!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>Veggie</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>veggie</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div style="clear: both;"> </div>
<div id="content">
<div><img src="images/img4.jpg" alt="" /></div>
<div id="colOne">
<div id="menu1">
<ul>
<li id="menu-01"><a href="#">Home</a></li>
<li id="menu-02"><a href="#">Products</a></li>
<li id="menu-03"><a href="#">Services</a></li>
<li id="menu-04"><a href="#">About Us</a></li>
<li id="menu-05"><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="margin-news">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#"><strong>More…</strong></a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#"><strong>More…</strong></a></p>
</div>
</div>
<div id="colTwo">
<h2>Welcome to Sitename.com!</h2>
<p><strong>VEGGIE </strong>is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/"><strong>Creative Commons
Attribution 2.5</strong> License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus. Sed vestibulum blandit nisl. Quisque elementum
convallis purus. Quisque pellentesque semper massa.</p>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Verticals</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="logo">
<h1><a href="#">Verticals</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="sidebar">
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="partners" class="boxed">
<h2 class="title">Partners</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
<div class="extra"> </div>
</div>
<div id="content">
<div id="welcome" class="boxed">
<h2>Welcome to Verticals!</h2>
<p><strong>Verticals</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div id="example" class="boxed">
<h2>Example of Tags</h2>
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Verticals. All Rights Reserved.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a> | Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>Beyond</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="H"><b>H</b>omepage</a></li>
<li><a href="#" accesskey="A"><b>A</b>bout Us</a></li>
<li><a href="#" accesskey="P"><b>P</b>roducts</a></li>
<li><a href="#" accesskey="S"><b>S</b>ervices</a></li>
<li><a href="#" accesskey="C"><b>C</b>ustomer Support</a></li>
<li><a href="#" accesskey="U">Contact <b>U</b>s</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Beyond</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="content">
<div id="welcome">
<h1>Welcome to Beyond!</h1>
<p><strong>Beyond</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="floating-box" style="margin-right: 20px;">
<h2 class="title">Lorem Ipsum Dolorem</h2>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue
rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue,
and nibh. In posuere eleifend odio quisque semper augue mattis wisi maecenas.</p>
<ul>
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus in sapien</a></li>
<li><a href="#">Integer gravida nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit amet nisl</a></li>
</ul>
</div>
<div class="floating-box">
<h2 class="title">Quisque Dictum Integer</h2>
<p>Quisque dictum integer nisl risus, sagittis convallis. Donec leo, vivamus
fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
<h3>A Heading Level Three</h3>
<p>Rutrum id congue und nibh:</p>
<ol>
<li><a href="#">Maecenas luctus lectus sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus in sapien</a></li>
<li><a href="#">Integer gravida nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue amet nisl</a></li>
</ol>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="links">
<h2 class="title">Nullam Veroeros</h2>
<div class="content">
<ul>
<li><a href="#">Maecenas luctus lectus at</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus</a></li>
<li><a href="#">Integer gravida quis urna</a></li>
<li><a href="#">Etiam posuere augue amet</a></li>
<li><a href="#">Lorem ipsum dolorem </a></li>
</ul>
</div>
</div>
<div>
<h2 class="title">A Blockquote</h2>
<div class="content">
<blockquote>
<p>Quisque dictum integer nisl risus, sagittis convallis. Donec leo,
vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
</blockquote>
</div>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #page -->
<div id="footer">
<p class="links"><a href="#">Home</a> · <a href="#">Terms of Use</a> ·
Designed By <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>
· <a href="http://validator.w3.org/check/referer" title="This page validates
as XHTML 1.0 Strict"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> · <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
<p class="legal">© 2007 Beyond</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Visual Tom Foolery</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="top">
<div class="rightlinks"> <a href="#">RSS</a> | <a href="#">CONTACT</a> </div>
</div>
<div id="header">
<div class="info">
<h1>Visual Tom Foolery!</h1>
<h2>Tag Line Goes Here</h2>
</div>
</div>
<div id="subheader">
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<div class="right_side">
<div class="nav">
<h2>Lorem Ipsum</h2>
<div class="padding"> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Integer euismod ante non diam. Sed eleifend odio sed quam. Sed vulputate,
turpis at tincidunt porttitor,Lorem ipsum dolor.</div>
<h2>Css Inspiration</h2>
<ul>
<li><a href="#">Web Creme</a></li>
<li><a href="#">CSS Beauty</a></li>
<li><a href="#">CSS Mania</a></li>
<li><a href="#">Css Import</a></li>
<li><a href="#">Css Thesis</a></li>
</ul>
<br />
<h2>Lorem Ipsum!</h2>
<ul>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum</a></li>
</ul>
</div>
</div>
<div class="left_side">
<h2> <a href="#">Lorem Ipsum Dolor</a></h2>
<h3>Lorem Ipsum Dolor Lorem Ipsum Dolor</h3>
<div class="img"><img src="images/img.jpg" alt="" /></div>
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui <a href="#">blandit praesent luptatum</a>
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor.
<p class="date"> <a href="#">Lorem Ipsum Lorem Ipsum</a></p>
<br />
<h2> <a href="#">Lorem Ipsum Dolor</a></h2>
<h3>Lorem Ipsum lorem ipsum!</h3>
<div class="img"><img src="images/img.jpg" alt="" /></div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod
ante non diam. Sed eleifend odio sed quam. Sed vulputate, turpis at tincidunt
porttitor, est elit consequat metus, non dignissim augue mauris quis arcu.
Phasellus <a href="#">dignissim augue mauris</a> eros. Curabitur porttitor ante non
est. <br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber
tempor cum
<p class="date"> <a href="#">Lorem Ipsum Lorem Ipsum</a> </p>
<br />
</div>
</div>
<div id="footer">
<div class="info"> Copyright © 2006 | Design: <a
href="mailto:[email protected]">Coll23</a> | <a
href="http://validator.w3.org/check?uri=referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> </div>
</div>
</div>
</body>
</html>
<!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>
<title>Wanderer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header"> </div>
<div id="content">
<div class="entry">
<h1><a href="#">Lorem Ipsum</a></h1>
<div class="date">14th February 2007</div>
<div class="entrybody">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div class="entrymeta">Posted in <a href="#">Templates</a> · <a
href="#">3 Comments</a></div>
</div>
<div class="entry">
<h1><a href="#">Lorem Ipsum</a></h1>
<div class="date">14th February 2007</div>
<div class="entrybody">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div class="entrymeta">Posted in <a href="#">Templates</a> · <a
href="#">3 Comments</a></div>
</div>
</div>
<div id="sidebar">
<h2>Categories</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Linkage</a></li>
<li><a href="#">Linkage</a></li>
<li><a href="#">Linkage</a></li>
<li><a href="#">Linkage</a></li>
</ul>
<h2>Archives</h2>
<ul>
<li><a href="#">Linkage</a></li>
<li><a href="#">Linkage</a></li>
<li><a href="#">Linkage</a></li>
<li><a href="#">Linkage</a></li>
<li><a href="#">Linkage</a></li>
</ul>
</div>
<div id="footer"> Design by <a href="http://www.ginger-ninja.net/" title="Design
by Ginger Ninja!">Ginger Ninja!</a> </div>
</div>
</body>
</html>
<!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>
<title>Warm Blue</title>
<link rel="stylesheet" type="text/css" href="default.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<div>
<div class="top">
<div class="header">
<div class="left"> Warm Blue </div>
<div class="right">
<h2>Tableless Layout <br />
Valid CSS<br />
XHTML Strict </h2>
</div>
</div>
</div>
<div class="container">
<div class="navigation"><a href="#">Home </a><a href="#">Warm Blue </a><a
href="#">Integrated Labels </a><a href="#">About Us </a><a href="#">Contact Us </a>
<div class="clearer"><span></span></div>
</div>
<div class="main">
<div class="content">
<h3><img src="Warm_Blue/img/Sunset.jpg" alt="" width="182" height="275"
class="imgright" /> Tableless layout using valid css and XHTML strict.</h3>
<p> </p>
<p>Warm blue has been provided by www.peeloutlabels.com. Peel Out Labels
provide integrated labels and cards along with content management systems and
ecommerce solutions. </p>
<p>You may view our integrated label and card solutions at:
www.peeloutlabels.com</p>
<p> Although the decision is yours, I would appreciate you leaving the link
at the base of the page intact. Not only will you be supporting our company but you
will also be providing motivation for us to create more <a href="#">free XHTML
templates</a>. </p>
<h3>Heading 2 Text </h3>
<p> </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p> </p>
<p></p>
<p> </p>
</div>
<div class="sidenav">
<h2>Link Block</h2>
<ul>
<li><a href="#">Free Templates</a></li>
<li><a href="#">Website Templates</a></li>
<li><a href="#">CSS Templates</a></li>
<li><a href="#">Open Source Templates</a></li>
</ul>
<h2>Link Block</h2>
<ul>
<li><a href="#">Free Templates</a></li>
<li><a href="#">Website Templates</a></li>
<li><a href="#">CSS Templates</a></li>
<li><a href="#">Open Source Templates</a></li>
</ul>
<br />
<br />
</div>
<div class="clearer"><span></span></div>
</div>
<div class="footer">© copyright 2007 Your company name here Design by <a
href="http://www.peeloutlabels.co.uk">Peel Out Labels </a> </div>
</div>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom:
1.0em;"> Design downloaded from Free Templates - your source for <a href="#">free
web templates</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Warped</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="header">
<h1 class="right">Warped</h1>
<h1><a href="#">Warped</a></h1>
</div>
<ul id="nav">
<li class="right">
<input value="Search..." type="text" />
</li>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Examples</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div class="clear" />
<div id="sidebar">
<h2>Latest News or Comments</h2>
<p class="news"> An example of a "latest news" type text area. Here would be the
excerpt of the article. You can of course put anything you like here. <a href="#"
class="more">Read More »</a> </p>
<p class="news"> An example of a "latest news" type text area. Here would be the
excerpt of the article. You can of course put anything you like here. <a href="#"
class="more">Read More »</a> </p>
<p class="news"> An example of a "latest news" type text area. Here would be the
excerpt of the article. You can of course put anything you like here. <a href="#"
class="more">Read More »</a> </p>
<h2>Sub Navigation</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Examples</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h2>Search</h2>
<input name="" type="text" value="Search..." />
</div>
<div id="content">
<h2><a href="#" id="intro">Introduction</a></h2>
<p> Hello and welcome to <strong>Warped</strong>, a dark, fluid template created
by Six Shooter Media. Warped is a simple template making use of standard features;
a header, a navigation area, and side column, a main column and a footer. Pink and
grey make up the colour scheme it the template aesthetics were inspired by the song
'Warped' by the Red Hot Chili Peppers. </p>
<div class="details">
<p> Posted by <a href="#">User Name</a> on <a href="#">01.01.01.</a> There are
<a href="#">25 Comments</a>. </p>
</div>
<h2><a href="#" id="about">About the Author</a></h2>
<p> Hi! My names Jay and I'm a 20 year old web designer from England. My main
projects are conducted through my website Six Shooter Media, but I (obviously) also
enjoy creating Open Source web templates for general use! You can keep a check on
my free templates here which is probably a link worth bookmarking as my templates
appear there a couple of weeks before OWD/OSWD due to the design queues. </p>
<div class="details">
<p> Posted by <a href="#">User Name</a> on <a href="#">01.01.01.</a> There are
<a href="#">25 Comments</a>. </p>
</div>
<h2><a href="#" id="examples">Some Examples</a></h2>
<p> OK, here I'll just put some example html elements that you will most probably
be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> <em> My tendency<br />
For dependency<br />
Is offending me<br />
It's up-ending me<br />
I'm pretending see<br />
To be strong and free<br />
From my dependency<br />
It's warping me </em> </p>
</blockquote>
<h3>List Example</h3>
<ul>
<li>Here</li>
<li>Is our friend</li>
<li>The list!</li>
</ul>
<h3>Comment Examples</h3>
<ol class="comments">
<li>
<p class="user"><a href="#">User Name</a> remarks:</p>
<p> Comment text here jndfl jsndjaf ndsfn aeufn uisf shelf jsae hej hfliusl
huifehsu adlhfjeshflsdl hfaisehfj sdhfljk ashdfjk dshlfajdsjah fjsdlhf sdsd fadsf
adsf adsf dsaf adsf dsaf dsf dsaf ads fdsaf dsaf dsf dsafk
sadf;klsdjafksdahfjsndajfklnasdjf ndask jfndsajf nsldjanf jksanf ljksadnf ljksnadf
jksndafkj sdnajfk sndljkfnsadljfk ndsajkf ndsaljf ndls kfnjahf lsdaf ljsdahf
jksahdf hadsfjksdha fjsdhafjkshdafjkshdafjds </p>
</li>
<li class="alt">
<p class="user"><a href="#">User Name</a> remarks:</p>
<p> Comment text here jndfl jsndjaf ndsfn aeufn uisf shelf jsae hej hfliusl
huifehsu adlhfjeshflsdl hfaisehfj sdhfljk ashdfjk dshlfajdsjah fjsdlhf sdjahf lsdaf
ljsdahf jksahdf hadsfjksdha fjsdhafjkshdafjkshdafjds </p>
</li>
<li>
<p class="user"><a href="#">User Name</a> remarks:</p>
<p> Comment text here jndfl jsasdf ksa fmndsanfjsdanlf jdsanlfk jnsdlafj
nsaklfn aksjf nlkasjfn lsnakf jasdnf lksdnf lksjna fjksdanlf ksndaf lkasnf jadsnf
lksandf jksdanf jksanf lasdnf lasknf asjdfn lsajfn dsanf jdsanfk jsdfjn jknfsg
kljfdnjkgfdsngl fdjn gfdlnsg jfdsnlgsfdjng lkns gsdjfng lfdsng ksnfg jfdsngl jfds
ngfdsjgn lfdsng dfslng sjdfn jfds gnlfdjsng ljksfng jksfnlg jkfndsg ljkfsng lkjfng
jksfdnl gfdsng jdfsng lkjnsdf gjkfsdn gjfdnslgj nfdsjg nlfdsnk gsjfdng ldfsjng
lkjsndg kjsnldg jfdnsg lknsfd gkjnlg kjfndsgkl jnsdfg kjlfndlsgk jfndsljgk nfdsljg
nfdlsng lsnd jkfnsg ljkfsn gljdsnfgkj nsfd jkgnsdflg jfdnsgl kjfsndgjknsfdlgk
jfndsljgk nfdsgkj nfdlsng lsnfdg jksndf gjksfndgjkfdsng kjfdngl jksndfgkjndfjgk
lsdgn dfls ngklsdnkg sndjaf ndsfn aeufn uisf shelf jsae hej hfliusl huifehsu
adlhfjeshflsdl hfaisehfj sdhfljk ashdfjk dshlfajdsjah fjsdlhf sdjahf lsdaf ljsdahf
jksahdf hadsfjksdha fjsdhafjkshdafjkshdafjds </p>
</li>
<li class="alt">
<p class="user"><a href="#">User Name</a> remarks:</p>
<p> Comment text here jndfl jsndjaf ndsfn aeufn uidfa dsf adsf dsf dsf dsf
sadf asdfsf shelf jsae hej hfliusl huifehsu adlhfjeshflsdl hfaisehfj sdhfljk
ashdfjk dshlfajdsjah fjsdlhf sdjahf lsdaf ljsdahf jksahdf hadsfjksdha
fjsdhafjkshdafjkshdafjds </p>
<p> Comment text here jndfl jsndjaf ndsfn aeufn uisf shsaf asdf sdaf dsaf
sdaf sdaf sdaf sda fasdf dsf dasf dsaf sdaf asd fsda fdsaf dsa fdsaf dsf dsaf dsaf
dsaf asdf asdf sdaf asdf dsaf dsaf sdaf dsf dsaf dsf dsalkfn dskjf ndalfndasjnf
klsdnf jksdnaf lkjdnsaf jksdnaf lksndajf dnslafk jadslf kdnslajfk nsiuasnefuesnjfk
dnalfjeufn sujaejk fhsdjafhl easuaf hsiuah ssuehfuisdhfau sfhiushdf jdshaf
seihfuelf jsae hej hfliusl huifehsu adlhfjeshflsdl hfaisehfj sdhfljk ashdfjk
dshlfajdsjah fjsdlhf sdjahf lsdaf ljsdahf jksahdf hadsfjksdha
fjsdhafjkshdafjkshdafjds </p>
</li>
</ol>
<h2><a href="#" id="contact">Contact</a></h2>
<p> If you decide to use this template please drop me a line to let me know!
Don't hesitiate to get in touch if your interested in a custom template or just in
any of my services in general. I look forward to hearing from you! </p>
<div class="details">
<p> Posted by <a href="#">User Name</a> on <a href="#">01.01.01.</a> There are
<a href="#">25 Comments</a>. </p>
</div>
</div>
<div id="footer">
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here.</p>
</div>
</body>
</html>
<!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>
<title>Web technologies Company</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="wrapper-i">
<div id="header">
<h1><a href="#"><img src="images/logo.jpg" width="286" height="114" alt=""
/></a></h1>
<ul id="nav">
<li><a href="#"><img src="images/menu_1.gif" width="59" height="32"
alt="home" /></a></li>
<li><a href="#"><img src="images/menu_2.gif" width="69" height="32"
alt="support" /></a></li>
<li><a href="#"><img src="images/menu_3.gif" width="37" height="32"
alt="FAQ" /></a></li>
<li><a href="#"><img src="images/menu_4.gif" width="82" height="32"
alt="resources" /></a></li>
<li><a href="#"><img src="images/menu_5.gif" width="71" height="32"
alt="services" /></a></li>
<li><a href="#"><img src="images/menu_6.gif" width="73" height="32"
alt="partners" /></a></li>
<li><a href="#"><img src="images/menu_7.gif" width="89" height="32"
alt="contact us" /></a></li>
</ul>
<div id="b-nav"> <img src="images/b_nav_1.jpg" width="59" height="51" alt="b
nav 1" /><a href="#"><img src="images/b_nav_2.jpg" width="61" height="51"
alt="home" /></a><a href="#"><img src="images/b_nav_3.jpg" width="68" height="51"
alt="contact" /></a><a href="#"><img src="images/b_nav_4.jpg" width="59"
height="51" alt="search" /></a> </div>
<!-- end b-nav -->
<div id="header-cap"></div>
</div>
<!-- end header -->
<div id="spacer"> </div>
<!-- end spacer -->
<div id="body">
<div id="body-i">
<div id="left">
<div id="bullets">
<ul>
<li><a href="#"><img src="images/box_1.jpg" width="261" height="22"
alt="advanced web technologies" /></a></li>
<li><a href="#"><img src="images/box_2.jpg" width="261" height="25"
alt="high-end solutions" /></a></li>
<li><a href="#"><img src="images/box_3.jpg" width="261" height="25"
alt="scalability and reliability" /></a></li>
</ul>
</div>
<!-- end bullets -->
<h2><img src="images/title_out_technologies.jpg" width="224" height="50"
alt="our technologies" /></h2>
<div class="i">
<p><a href="#">Technology</a> at its best Technology at its best
Technology at its best Technology at its best Technology at its best </p>
<img src="images/photo_1.gif" width="95" height="96" alt=""
class="left" />
<p><a href="#">Technology</a> at its best Technology at its best
Technology at its best. Tech at the best it can get, brought to you.</p>
</div>
<!-- end .i -->
</div>
<!-- end left -->
<div id="right">
<h2><img src="images/title_welcome.jpg" width="162" height="50"
alt="welcome to our site" /></h2>
<div class="j"> <img src="images/photo_2.gif" width="94" height="71"
alt="photo 2" class="left" />
<ul class="bigbullets">
<li>HIGH QUALITY</li>
<li>SUPERB UPTIME</li>
<li>UNLIMITED SCALABILITY</li>
</ul>
</div>
<!-- end .j -->
<div class="i">
<p><a href="#">Company description</a> goes here... Company description
goes here... Company description goes here... Company description.</p>
</div>
<!-- end .i -->
<div class="clear"><img src="images/divider_h.gif" width="442" height="1"
alt="" /></div>
<h2><img src="images/title_some_words.jpg" width="233" height="50"
alt="some words about our company" /></h2>
<img src="images/photo_3.gif" width="105" height="75" alt="photo 3"
class="left" />
<p><a href="#">Company description</a> goes here... Company description
goes here... Company description goes </p>
<p>A few words about our company goes here A few rds about our company
goes here A few rds about our company goes here A few rds about our </p>
</div>
<!-- end right -->
<div id="footer-p"> </div>
<!-- end footer-p -->
<div id="footer">
<div class="l">
<div class="r">
<div id="foot-nav">
<div class="l">
<div class="r"> <a href="#">HOME</a> | <a
href="#">SUPPORT</a> | <a href="#">FAQ</a> | <a
href="#">RESOURCES</a> | <a href="#">SERVICES</a> | <a
href="#">CONTACT US</a> </div>
</div>
</div>
<!-- end foot-nav -->
<p>Powered by <a href="http://www.freewebsitetemplates.com">Free
Website Templates</a></p>
</div>
</div>
</div>
<!-- end footer -->
</div>
<!-- end body-i -->
</div>
<!-- end body -->
</div>
<!-- end wrapper-i -->
</div>
<!-- end wrapper -->
</body>
</html>
<!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>What's your solution?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="content">
<div class="header">
<div class="searchform">
<form method="post" class="search" action="#" />
<p>
<input name="search_query" class="text" type="text" />
<input name="search" class="searchbutton" value="Search" type="submit" />
</p>
</div>
<h1><a href="#">What's your solution?</a></h1>
</div>
<div class="subheader">
<div class="subheader_right"> <a href="#">Home</a><a href="#">Archives</a><a
href="#">CMS solutions</a><a href="#">Statistics</a><a href="#">Optimization</a><a
href="#">Portfolio</a><a href="#">About us</a> </div>
<div class="subheader_left"> <a href="#">Are we the best? Find out!</a> </div>
</div>
<div class="right">
<div class="info"> <a class="info" href="#nogo">PROVIDING THE BEST CMS
SOLUTONS<span class="infobox">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat.</span></a> </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p class="date"><img src="images/comment.gif" alt="" /> <a
href="#">Comments(9)</a> <img src="images/timeicon.gif" alt="" /> 23.12.</p>
<div class="info"> <a class="info" href="#nogo">COMPILING STATISTICS<span
class="infobox">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat.</span></a>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p class="date"><img src="images/comment.gif" alt="" /> <a
href="#">Comments(24)</a> <img src="images/timeicon.gif" alt="" /> 23.12.</p>
<div class="line"></div>
<div class="right_left">
<h2>WHAT's NEW?</h2>
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis <a href="#">nostrud exerci
tation</a>.</p>
</div>
<div class="right_right">
<h2>Important links</h2>
<p><a href="#">sNews</a> <img src="images/arrow.gif" alt="" /> Single file
CMS</p>
<p><a href="#">Solucija</a> <img src="images/arrow.gif" alt="" /> Information
Architecture, CSS</p>
<p><a href="#">360 Web Design</a> <img src="images/arrow.gif" alt="" />
Accessible Web Design</p>
</div>
</div>
<div class="left">
<h2>About <a href="#">web 2.0</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a
href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure <a href="#">dolor in hendrerit</a> in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et
iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore
te feugait nulla facilisi.</p>
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis <a href="#">nostrud exerci tation</a>
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
</div>
<div class="footer">
<p><a href="#">Home</a> | <a href="#">Contact</a></p>
<p>© Copyright 2005, <a href="#">YourSite</a> | Design: Luka Cvrk - <a
href="http://www.solucija.com/" title="What's your solution?">Solucija</a> | Valid
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>*WINE*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h3><a href="#"> | homepage</a> | <a href="#">contact</a> | </h3>
<h1>Your Company Name</h1>
</div>
<div id="sidebar">
<h1> Links </h1>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
<li><a href="#">Link five</a></li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<div class="search">
<form method="post" action="http://www.free-css-com/">
<p>
<input type="text" value="demo only" name="search" class="search" />
<input type="submit" value="Search" class="searchSubmit" />
</p>
</form>
</div>
</div>
<div id="content">
<h1>Welcome to <span style="color:#4B7219;">Wine</span> Template</h1>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE templates visit <a href="http://www.mitchinson.net" title="my
website">my website</a>.</blockquote>
<h1>Products</h1>
<div class="box">
<p><img class="img" src="img/logo32x32.gif" alt="logo" /> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et cursus pharetra,
nulla ante fermentum magna, eget rutrum mi urna in purus. </p>
</div>
<p> This is a <a href="#">link</a> to nowhere. Vestibulum dapibus, mauris eget
imperdiet ornare, odio tellus facilisis neque, et congue risus eros ac mi.
Curabitur tempus orci eu magna. Aliquam dictum nibh a eros. Phasellus ac nunc. Sed
tellus. Integer felis. Sed erat.</p>
</div>
<div style="clear:both;"></div>
<div class="intro">
<h2>Article One</h2>
<p class="update"><img class="img" src="img/logo.gif" alt="logo" /> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et cursus
pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.</p>
</div>
<div class="intro2">
<h2>Article Two</h2>
<p class="update"><img class="img" src="img/logo.gif" alt="logo" /> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et cursus
pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus. </p>
</div>
<div class="intro3">
<h2>Article Three</h2>
<p class="update"><img class="img" src="img/logo.gif" alt="logo" /> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et cursus
pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.</p>
</div>
<div style="clear:both;"></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer imperdiet,
eros et cursus pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros
et cursus pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.</p>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>
<title>Work Shy Fop</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="center">
<div id="header"> </div>
<div id="content">
<div id="sidebar">
<div class="nav">
<ul class="nav_list">
<li class="li_nav_header"><a href="#"></a></li>
<li class="li_nav_body"><a href="#">Home</a></li>
<li class="li_nav_body"><a href="#">Usage</a></li>
<li class="li_nav_body"><a href="#">Contact</a></li>
<li class="li_nav_footer"><a href="#"></a></li>
</ul>
</div>
<div class="nav">
<ul class="nav_list">
<li class="li_nav_header"><a href="#"></a></li>
<li class="li_nav_body"><a href="#">Archive 11-16</a></li>
<li class="li_nav_body"><a href="#">Archive 1-10</a></li>
<li class="li_nav_footer"><a href="#"></a></li>
</ul>
</div>
<div class="sidebar_header"></div>
<div class="sidebar_body"> <img src="assets/image.jpg" alt="" /> </div>
<div class="sidebar_footer"></div>
</div>
<div class="content_header"></div>
<div class="content_body">
<h1>Artica - Simple CSS and xHTML</h1>
<h2>A clean, fresh design that is quick to load.</h2>
<p><b><a href="#">Author</a></b></p>
<p>My name is Callum Rimmer and I run a web software company in Bath,
England. We have created a simple content management system and hosting packagefor
small companies and individuals called iFrame.</p>
<p>iFrame is made to as easy to use as possible whilst giving you the
flexibilty to design your site how
you like. You can use any of the free designs on <a href="#">OSWD.org</a>
or openwebdesign.com as an iFrame template. </p>
<p><span class="red">>></span> I'd appreciate keeping the <a
href="#">iFrame backlink</a> in the footer if you use this template. </p>
<p><b class="red"><a href="#">Usage</a></b></p>
<p>This design is good for anyone who wishes to display images or photos on
the homepage of there site. If you have a blog or photography site then this is a
great medium for displaying content. I would appreciate you keeping the iFrame
backlink in the footer. The image is from sxc.hu a great site for free imagery.</p>
<p>I wanted to make a design that looked like a notepad on the browser that
you keep you thoughts in. A really online diary. It ended up looking a like an
apple mac app. Anyway, enjoy. </p>
<p><b class="red"><a href="#">Contact</a></b></p>
<p>If you would like to contact me for some help using this template or if
you would like to known more about iFrame, Email me. </p>
</div>
<div class="content_footer"></div>
<div id="footer">
<p>Designed by <a href="http://www.personal-web-design.com">iFrame</a> |
yourname © 2006</p>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Warcraft</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Game Guide</a></li>
<li><a href="#">Interactive</a></li>
</ul>
<ul>
<li><a href="#">Account</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Media</a></li>
</ul>
</div>
</div>
<div id="content1">
<div id="text1"> <img src="images/cap-night-elf.gif" alt="Caption" />
<div class="heading">BEST RELEASE OF THIS MONTH</div>
<br />
<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. Don't want your boss to know you used
a free website template ;).</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
<p>
<div class="heading">MORE GAMES</div>
</p>
<p> <span class="flt-lft"><img src="images/image-1.gif" alt="More Games"
/></span> <span class="flt-lft"><img src="images/image-2.gif" alt="More Games"
/></span> <strong>Gnome mage by Someone</strong><br />
<br />
Etiam ullamcorper mi eu libero bibendum consequat. Cras volutpat .<br />
<span class="flt-rgt"><a href="#">...more</a></span> </p>
</div>
</div>
<div id="pagebottom">
<div id="left">
<div id="text2"> <img src="images/cap-community-news.gif" alt="Community
News" />
<p>
<div class="heading2">THUNDGOT, AEUS, & VANERUS, 19/10/2006</div>
</p>
<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. Don't want your boss to know you
used a free website template ;).</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
</div>
<div id="right">
<div class="heading2">QUICK LINKS</div>
<div id="quicklinks">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Realms Status</a></li>
<li><a href="#">Account Creation</a></li>
<li><a href="#">Account Management</a></li>
<li><a href="#">Cetrieve Passward</a></li>
</ul>
</div>
<div class="heading2">SCREENSHOT OF THE DAY</div>
<img src="images/screenshot.jpg" alt="Screenshot" /> <br />
<a href="#">Cross Realm Battlegrounds</a><br />
<a href="#">World PvP </a><br />
<a href="#">Rogue Talents revamped </a> </div>
</div>
<div id="footer"> <a href="#">Home</a> | <a href="#">Game Guide </a> | <a
href="#">Interactive</a> | <a href="#">Community</a> | <a href="#">Account</a> | <a
href="#">Support</a> | <a href="#">Media</a>
<p><a href="#">Legal Documents</a> | <a href="#">Game Policies</a> <br />
©2006 <a href="#">WorldofWarcraft.com</a>. All rights reserved. | designed by
<a href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</div>
</body>
</html>
<!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" lang="en" xml:lang="en">
<head>
<title>XHTML/CSS Starter Kit</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="Screen">
/*\*/@import url("css/layout-1-master.css");/**/
</style>
</head>
<body>
<div id="maincontainer">
<div id="headline1">
<div class="title"><em>The</em>XHTML/CSS</div>
<span class="subtitle">Starter Kit</span> </div>
<div id="navtoplist">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="layout-2.html">Layout 2</a></li>
<li><a href="layout-3.html">Layout 3</a></li>
<li><a href="layout-4.html">Layout 4</a></li>
<li><a href="layout-5.html">Layout 5</a></li>
<li><a href="layout-6.html">Layout 6</a></li>
<li><a href="layout-7.html">Layout 7</a></li>
</ul>
</div>
<div id="navtoplistline"> </div>
<div id="contentwrapper">
<div id="maincolumn">
<div class="text">
<h2>Layout 1 (h2)</h2>
<p><img class="img-left" src="images/image.jpg" width="150" height="110"
alt="" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce vel augue.
Morbi vel ipsum vitae dui tincidunt sollicitudin. Donec imperdiet leo eu est.
Praesent erat risus, condimentum non, cursus at, condimentum vitae, erat. Donec
euismod. Donec pharetra nibh eu sapien. Quisque vehicula, justo id placerat
sodales, metus justo semper magna, vel condimentum dolor nunc eu felis. Praesent
semper purus vel sapien. Vivamus condimentum magna quis est. Pellentesque feugiat
viverra metus. Sed ac nisl. Donec ut nunc. Suspendisse tellus dolor, malesuada id,
<span class="highlight">fringilla non, pellentesque at, nunc.</span></p>
<p><a href="#">This is a link...</a></p>
<h3>Headline (h3)</h3>
<p><img class="img-right" src="images/image.jpg" width="150" height="110"
alt="" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce vel augue.
Morbi vel ipsum vitae dui tincidunt sollicitudin. Donec imperdiet leo eu est.
Praesent erat risus, condimentum non, cursus at, condimentum vitae, erat. Donec
euismod. Donec pharetra nibh eu sapien.</p>
<hr />
<p><strong>Blockquote:</strong></p>
<blockquote>"Quisque vehicula, justo id placerat sodales, metus justo
semper magna, vel condimentum dolor nunc eu felis. Praesent semper purus vel
sapien. Vivamus condimentum magna quis est. Pellentesque feugiat viverra metus. Sed
ac nisl. Donec ut nunc. Suspendisse tellus dolor, malesuada id, fringilla non,
pellentesque at, nunc."</blockquote>
<h4>Headline (h4)</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce vel
augue. Morbi vel ipsum vitae dui tincidunt sollicitudin. Donec imperdiet leo eu
est. Praesent erat risus, condimentum non, cursus at, condimentum vitae, erat.
Donec euismod. Donec pharetra nibh eu sapien.</p>
<p><strong>Unordered list:</strong></p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<p>Quisque vehicula, justo id placerat sodales, metus justo semper magna,
vel condimentum dolor nunc eu felis. Praesent semper purus vel sapien. Vivamus
condimentum magna quis est. Pellentesque feugiat viverra metus. Sed ac nisl. Donec
ut nunc. Suspendisse tellus dolor, malesuada id, fringilla non, pellentesque at,
nunc.</p>
</div>
</div>
</div>
<div id="leftcolumn">
<ul id="navmainlist">
<li><a href="#">>> Page</a></li>
<li><a href="#">>> Page</a></li>
<li><a href="#">>> Page</a></li>
<li><a href="#">>> Page</a></li>
<li><a href="#">>> Page</a></li>
</ul>
<div id="navmainlistline"> </div>
<fieldset>
<legend>NOTES:</legend>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce vel augue.
Morbi vel ipsum vitae dui tincidunt sollicitudin. Donec imperdiet leo eu est.
Praesent erat risus, condimentum non, cursus at, condimentum vitae, erat.
</fieldset>
<ul id="weblinks">
<li><a href="#">Web 2.0 Logo Creator</a></li>
<li><a href="#">Web 2.0 Stripe Generator</a></li>
<li><a href="#">Web 2.0 free buttons maker</a></li>
<li><a href="#">Web 2.0 design style guide</a></li>
</ul>
</div>
<div id="footer">© Copyright 20xx by <a href="#">Your Sitename</a> | created
by <a href="http://www.wfiedler-online.de">wfiedler</a> | licensed under the <a
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution
License</a></div>
</div>
</body>
</html>
<!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>Free BinaryNews Template For sNews</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
</head>
<body>
<div class="content">
<div class="preheader">
<div class="padding"> <a href="#">About</a> <a href="#">Contact</a>
</div>
</div>
<div class="header">
<div class="title">YOUR COMPANY NAME</div>
<div class="slogan">Your Best Slogan Here</div>
</div>
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Archive</a></li>
<li><a href="#">Affiliates</a></li>
<li id="current"><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="main_content">
<div class="sd_right">
<div class="text_padding">
<h2>BinaryNews</h2>
sit amet consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius
lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum,
dui pede condimentum odio. <br />
<h2>Search</h2>
<form method="post" action="#">
<p>
<input type="text" name="search" class="search" />
<input type="submit" value="Go" class="submit" />
</p>
</form>
<br />
<h2>Last Articles</h2>
<a href="#">Link to a article</a><br />
<a href="#">Link to another article...</a><br />
<br />
<h2>Links</h2>
<a href="#">www.solucija.com</a><br />
<a href="#">ww.free-css-templates.com</a><br />
</div>
</div>
<div class="sd_left">
<div class="text_padding">
<h2>About</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero.
Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam,
lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus
nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.
Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus
eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In
tristique orci porttitor ipsum. Aliquam ornare diam iaculis nibh. Proin luctus,
velit pulvinar ullamcorper nonummy, mauris enim eleifend urna, congue egestas elit
lectus eu est. Fusce et odio sit amet erat ullamcorper accumsan.Proin luctus, velit
pulvinar ullamcorper nonummy, mauris enim eleifend urna, congue egestas elit lectus
eu est. Fusce et odio sit amet erat ullamcorper accumsan.
<p class="date"><img src="images/comment.gif" alt="" /> <a class="date"
href="#">Comments(2)</a> <img src="images/timeicon.gif" alt="" /> 21.02.</p>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tincidunt,
orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus
leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac
blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque.
Curabitur vel urna. In tristique orci porttitor ipsum. Aliquam ornare diam iaculis
nibh. Proin luctus, velit pulvinar ullamcorper nonummy, mauris enim eleifend urna,
congue egestas elit lectus eu est. Fusce et odio sit amet erat ullamcorper
accumsan.Proin luctus, velit pulvinar ullamcorper nonummy, mauris enim eleifend
urna, congue egestas elit lectus eu est. Fusce et odio sit amet erat ullamcorper
accumsan.
<p class="date"><img src="images/comment.gif" alt="" /> <a class="date"
href="#">Comments(15)</a> <img src="images/timeicon.gif" alt="" /> 13.01.</p>
<br />
</div>
</div>
<div class="footer">
<div class="padding"> Powered by <a href="http://snews.solucija.com"
title="Single file CSS and XHTML valid CMS">sNews</a> | © Copyright BinaryNews
Template :: Design: <a href="http://www.free-css-templates.com/" title="Free CSS
Templates">David Herreman</a> | <a href="rss/">RSS Feed</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="#">Login</a>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>XodaFields 0.2</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="xodafields0.2.css" type="text/css" media="screen" />
</head>
<body>
<div id="page">
<div id="header">
<h1><a href="#">XodaFields 0.2</a></h1>
<p class="description">A websitetemplate by www.xoda.se</p>
<ul id="pages">
<li class="page_item current_page_item"><a href="#">Home</a></li>
<li class="page_item"><a href="#">Page 2</a></li>
<li class="page_item"><a href="#">Page 3</a></li>
</ul>
</div>
<div id="sidebar">
<ul id="links">
<li id="linkcat-1">
<h2>Links</h2>
<ul>
<li><a href="#">Xoda Wordpressprojects</a></li>
<li><a href="#">Open Design Community</a></li>
<li><a href="#">Wordpress</a></li>
<li><a href="#">Wordpress themes</a></li>
<li><a href="#">Xoda (in swedish)</a></li>
</ul>
</li>
</ul>
<h2>Header 2</h2>
<ul>
<li>Non-link item</li>
<li><a href="#">Link item</a> (1)</li>
</ul>
<h2>Header 3</h2>
<ul>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
</ul>
</div>
<div id="content" class="narrowcolumn">
<div class="post odd">
<h2><a href="#">Template: XodaFields</a></h2>
<small>December 22th, 2006</small>
<h3>What?</h3>
<p>This is a basic template that you can use for your website. It consist of
HTML, CSS and image-files wich
you can download. Use it to build your site from.</p>
<p>It is also available as a theme
for the popular blogtool Wordpress.</p>
<h3>Who?</h3>
<p>Developed by Mattias Wirf (me) on the swedish company XODA. Please
leave the "designed by"-text in the footer part.</p>
<h3>How?</h3>
<p>I have tried to hold things clean, the code as easy as possible. It has
been tested on Firefox 2.0, Internet Explorer 6, Internet Explorer 7 and Opera
9.02.
If you find bugs or have suggestions, please report them in the comments
for the themes blogpost - or
contact me somewhere else. Thanks! Enjoy!</p>
<blockquote><strong>Note:</strong><br />
You could use doctype for XHTML 1.0 Strict, but since the wordpress-theme
do not I will stick with the
Transitional for now. </blockquote>
<p>
<!--Creative Commons License-->
<br />
<a rel="license" href="http://creativecommons.org/licenses/by-sa/2.5/"><img
alt="Creative Commons License" style="border-width: 0"
src="http://i.creativecommons.org/l/by-sa/2.5/88x31.png" /></a><br />
This work is licensed under a <br />
<a rel="license" href="http://creativecommons.org/licenses/by-
sa/2.5/">Creative Commons Attribution-Share Alike 2.5 License</a>.<br />
<!--/Creative Commons License-->
</p>
<p class="postmetadata"><em>A postfooter, maybe with</em> <a href="#">a
commentlink</a></p>
</div>
<div class="post even">
<h2><a href="#">My little sandbox</a></h2>
<small>November 30th, 2006</small>
<p>Here we can try different forms of text. <strong>Fat fat text looks like
this?</strong></p>
<p>A <a href="#">list can be nice to</a> see</p>
<ul>
<li>Curabitur ornare.</li>
<li>Vestibulum pretium nisl quis est.</li>
<li>Proin eleifend posuere mi</li>
</ul>
<p>Quotes, something you want to use on a blog - how do they look?</p>
<blockquote>
<p>Suspendisse enim odio, <em>eleifend quis</em>, ultrices id, feugiat ut,
odio. Etiam fringilla dignissim sapien. Pellentesque sem. Sed elementum convallis
velit. Sed pulvinar ante a eros sodales consequat. Nullam vestibulum laoreet erat.
Aenean luctus euismod lacus</p>
</blockquote>
<p>If I <del>make mistakes</del>, <ins>I can correct them again</ins>.<br />
Sometime you want to write long posts, then read more-links come in
handy:</p>
<p><a href="#">Read on…</a></p>
<p class="postmetadata"><em>One more footer with</em> 1 more <a
href="#">link</a></p>
</div>
</div>
<div id="footer">
<p>Design by <a href="http://www.xoda.se">Mattias Wirf on XODA</a>.</p>
<form method="get" id="searchform" action="#">
<div>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Your Host</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="./style.css" type="text/css" media="screen,projection"
/>
</head>
<body>
<div id="container" >
<div id="header">
<h1>Your Host</h1>
<h2>Online solutions for your business</h2>
</div>
<div id="navigation">
<ul>
<li><a class="selected" href="#">Home</a></li>
<li><a href="#">Shared Hosting</a></li>
<li><a href="#">Dedicated Hosting</a></li>
<li><a href="#">Reseller Hosting</a></li>
<li><a href="#">Design Services</a></li>
<li><a href="#">Domains</a></li>
</ul>
</div>
<div id="content">
<h2>Welcome to Your Host</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec aliquam
laoreet turpis. Duis ut quam. Aliquam erat volutpat. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Mauris sagittis
ultrices risus. Integer ligula. Maecenas enim elit, commodo eu, blandit vitae,
lobortis id, mi. Proin eget dolor eget mauris consectetuer feugiat. Ut volutpat
feugiat nibh. Nullam turpis. Donec pellentesque est id urna. Cras nec neque.
Suspendisse condimentum.</p>
<div class="splitcontentleft">
<h2>Featured Services:</h2>
<div class="box">
<h3>December Special</h3>
<ul>
<li>Shared Hosting Package</li>
<li>400MB Disk Storage</li>
<li>45GB Monthly Bandwidth</li>
<li>Multiple Domain Hosting (15)</li>
<li>New Orders Only</li>
</ul>
<strong>from $9.95 / month.</strong> <br />
<a href="#">Learn More</a> </div>
<div class="box">
<h3>Managed Server</h3>
<ul>
<li>Intel Pentium 4 2.8Ghz CPU</li>
<li>1GB DDR System Ram</li>
<li>80GB 7200RPM Hard Drive</li>
<li>1500GB Monthly Bandwidth</li>
<li>FREE Cpanel/WHM Included</li>
<li>5 IP Addresses</li>
</ul>
<strong>$229.95 / month.</strong> <br />
<a href="#">Learn More</a> </div>
<div class="box">
<h3>Custom Design</h3>
<ul>
<li>YourName.com</li>
<li>e-Commerce Enabed</li>
<li>Search Engine Submission</li>
<li>Multiple Pages</li>
<li>Training</li>
</ul>
<strong>from $99.</strong> <br />
<a href="#">Learn More</a> </div>
</div>
<div class="splitcontentright">
<h2>Hosting</h2>
<p>Hosting Customers enjoy advanced features and services such as:</p>
<ul>
<li>24/7 Technical Support</li>
<li>99.9% Uptime guarantee</li>
<li>Cpanel 10.+ Control Panel</li>
<li>Perl/CGI/Python Support</li>
<li>PHP 5.x Scripting Support</li>
<li>Unlimited Auto Responders</li>
<li>Unlimited Email Forwarders</li>
<li>Unlimited FTP Accounts</li>
<li>Unlimited Mailing Lists</li>
<li>Unlimited POP3 Accounts</li>
<li>Unlimited Sub-Domains</li>
</ul>
<a href="#">Learn More</a> <br />
<br />
<h2>Design Services</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec aliquam
laoreet turpis. Duis ut quam. Aliquam erat volutpat. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Mauris sagittis
ultrices risus. Integer ligula. Maecenas enim elit, commodo eu, blandit vitae,
lobortis id, mi. Proin eget dolor eget mauris consectetuer feugiat. Ut volutpat
feugiat nibh. Nullam turpis. Donec pellentesque est id urna. Cras nec neque.
Suspendisse condimentum.</p>
<a href="#">Learn More</a> </div>
</div>
<div id="subcontent">
<div class="small box"> <img src="./images/map.jpg" alt="map" />
<h2>Your Host</h2>
More than just your average hosting service; We bring all elements of online
business under one roof. </div>
<div class="small box">
<h2>Knowledgebase Articles</h2>
<ul>
<li><a href="#">How do I upgrade my PHP installation?</a></li>
<li><a href="#">How do I automate a backup of my databases?</a></li>
<li><a href="#">Can I host more than one domain?</a></li>
</ul>
</div>
<div class="small box">
<h2>Testimonials</h2>
<ul>
<li><a href="#">"This is the best host!"</a></li>
<li><a href="#">"Great uptime... Saved my business!"</a></li>
<li><a href="#">"Super fast servers!"</a></li>
</ul>
</div>
<h2>Solutions</h2>
<ul class="menublock">
<li><a href="#">Shared Hosting</a></li>
<li><a href="#">Dedicated Hosting</a></li>
<li><a href="#">Reseller Hosting</a></li>
<li><a href="#">Design Services</a></li>
<li><a href="#">Domains</a></li>
</ul>
<br />
<div id="searchbar">
<h2>Search This Site</h2>
<form method="post" action="#">
<p>
<input class="searchfield" name="search_query" type="text" id="keywords"
value="Search Keywords" />
<input class="searchbutton" name="submit" type="submit" value="Search" />
</p>
</form>
</div>
</div>
<div id="footer">
<p>© 2007 <a href="#">Your Host</a> · <a
href="http://www.kendahlin.com/" title="Ken Dahlin">Design by Ken Dahlin</a></p>
</div>
</div>
</body>
</html>
<!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>Your Ministry</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="container">
<div id="topsection">
<div id="logo">Your Ministry.org </div>
<div id="topsection_menu"> <a href="#">Forum Login</a> - <a
href="#">Register</a> </div>
</div>
<div id="mainmenu_box"> </div>
<div id="imagebox"> </div>
<div id="mainmenu">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Devotional Thoughts</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Donate</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
<div id="contentarea">
<div id="sidebar">
<h4>What's New?</h4>
<div id="textarea2">
<h5>New Book: </h5>
<div id="book">
<p><img src="images/book.jpg" alt="book"/></p>
<strong>Your Book </strong><br/>
by Your Name <br/>
<br/>
<a href="#">$ Buy Now</a></div>
</div>
<h4>Newsletter Signup</h4>
<div id="textarea3">
<form action="#" method="post" >
<p>
<input type="text" name="email" size="27"/>
<input type="submit" value="send" name="B1"/>
</p>
</form>
<p></p>
</div>
<h4>Extras </h4>
<div id="textarea4">
<h5>Latest Downloads:</h5>
<br/>
<p> <a href="#">Download #1</a><br />
<a href="#">Download #2</a></p>
<br/>
<p>Please note that all software is for <br />
Windows operating systems only.</p>
<br/>
</div>
</div>
<div id="textarea">
<h1>Welcome</h1>
<br />
<h3>Latest News</h3>
<br/>
<h2>Mountain Retreat 2007</h2>
<br/>
<p>The Mountain Retreat is full. If you would like to be on a waiting
list in the unlikely event of a cancellation, please call our office
at 555-555-5555 or email us at <a href="#">[email protected]</a>.</p>
<br/>
<br/>
<h1>Helpful Hints</h1>
<br/>
<h3>Spam Filters</h3>
<br/>
To be able to receive our newsletters, please adjust your spam filters
to accept email from: <a href="#">[email protected]</a>. <br />
<br/>
<h1>Latest Devotional</h1>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis sapien nunc,
elementum eget, tempus blandit, euismod in, est. In pulvinar, dui sed cursus
molestie, nisi nulla rutrum nulla, in aliquet risus urna quis neque.</div>
</div>
<div id="footer">
<div id="footerinfo">Copyright 2007 <a href="#">Your Ministry.org</a> - All
Rights Reserved </div>
<div id="footercredit">Designed by <a href="http://refueled.net">RFDN</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Zenlike 1.0</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="default.css" />
</head>
<body>
<div id="upbg"></div>
<div id="outer">
<div id="header">
<div id="headercontent">
<h1>Zenlike<sup>1.0</sup></h1>
<h2>A free design by NodeThirtyThree</h2>
</div>
</div>
<form method="post" action="#">
<div id="search">
<input type="text" class="text" maxlength="64" name="keywords" />
<input type="submit" class="submit" value="Search" />
</div>
</form>
<div id="headerpic"></div>
<div id="menu">
<!-- HINT: Set the class of any menu link below to "active" to make it appear
active -->
<ul>
<li><a href="#">Home</a></li>
<li><a href="#" class="active">News</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="menubottom"></div>
<div id="content">
<!-- Normal content: Stuff that's not going to be put in the left or right
column. -->
<div id="normalcontent">
<h3><strong>Zenlike</strong><sup>1.0</sup> <span>by
NodeThirtyThree</span></h3>
<div class="contentarea">
<!-- Normal content area start -->
<img src="images/pic1.jpg" class="left" alt="A chinese lion statue" />
<p>Zenlike<sup>1.0</sup> is a free, lightweight, tableless, fluid W3C-
compliant website design by NodeThirtyThree Design. All photos came from PDPhoto
and the background texture is from Mayang's texture site. You're free to dissect,
manipulate and use it to your heart's content. We only ask that you link back to
our site in some way. If you find this design useful, feel free to let us
know :)</p>
<p>You can find more of our free work at this site or our site, or some of
our commercial work on <a href="#">4Templates.com</a>, a commercial website
template site.</p>
<!-- Normal content area end -->
</div>
</div>
<div class="divider1"></div>
<!-- Primary content: Stuff that goes in the primary content column (by
default, the left column) -->
<div id="primarycontainer">
<div id="primarycontent">
<!-- Primary content area start -->
<div class="post">
<h4>Lorem Ipsum Veroeros</h4>
<div class="contentarea">
<div class="details">Posted by <a href="#">Jane Doe</a> on September
25, 2006</div>
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra.
Nullam turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi.
Sed tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis
sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.</p>
<ul class="controls">
<li><a href="#" class="printerfriendly">Printer Friendly</a></li>
<li><a href="#" class="comments">Comments (18)</a></li>
<li><a href="#" class="more">Read More</a></li>
</ul>
</div>
</div>
<div class="divider2"></div>
<div class="post">
<h4>Consequat Odio Vestibulum</h4>
<div class="contentarea">
<div class="details">Posted by <a href="#">Jane Doe</a> on September
25, 2006</div>
<img src="images/pic3.jpg" class="left" alt="A chinese dragon" />
<p>Aenean felis quisque eros. Cras lobortis commodo lorem ipsum dolor.
Vestibulum vel purus. In eget odio in sapien adipiscing blandit. Lorem ipsum dolor
sit amet consequat etiam sed dolore.</p>
<ul class="controls">
<li><a href="#" class="printerfriendly">Printer Friendly</a></li>
<li><a href="#" class="comments">Comments (18)</a></li>
<li><a href="#" class="more">Read More</a></li>
</ul>
</div>
</div>
<div class="divider2"></div>
<div class="post">
<h4>Adipiscing Nullam</h4>
<div class="contentarea">
<div class="details">Posted by <a href="#">Jane Doe</a> on September
25, 2006</div>
<p>Eget odio in sapien adipiscing blandit. Quisque augue tortor,
facilisis sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit
amet felis quisque eros. Cras lobortis commodo lorem ipsum dolor. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis
sit amet, aliquam, suscipit lorem ipsum dolor.</p>
<ul class="controls">
<li><a href="#" class="printerfriendly">Printer Friendly</a></li>
<li><a href="#" class="comments">Comments (18)</a></li>
<li><a href="#" class="more">Read More</a></li>
</ul>
</div>
</div>
<!-- Primary content area end -->
</div>
</div>
<!-- Secondary content: Stuff that goes in the secondary content column (by
default, the narrower right column) -->
<div id="secondarycontent">
<!-- Secondary content area start -->
<!-- HINT: Set any div's class to "box" to encapsulate it in (you guessed it)
a box -->
<div class="box">
<h4>Blandit Veroeros</h4>
<div class="contentarea"> <img src="images/pic2.jpg" class="left" alt="" />
<p>Sed etiam et lorem ipsum nulla vero et lobortis felis sed etiam. Lorem
ipsum sit amet dolore. Nulla facilisi. Sed tortor. Aenean felis. Quisque eros etiam
<a href="#">sed commodo</a>.</p>
</div>
</div>
<div>
<h4>Nullam Dolore</h4>
<div class="contentarea">
<ul class="linklist">
<li><a href="#">Volutpat at varius sed</a></li>
<li><a href="#">Sollicitudin et arcu</a></li>
<li><a href="#">Vivamus viverra nullam</a></li>
<li><a href="#">Turpis vestibulum</a></li>
<li><a href="#">Sed etiam lorem ipsum</a></li>
<li><a href="#">Sit amet dolore nulla</a></li>
<li><a href="#">Facilisi sed tortor</a></li>
<li><a href="#">Aenean felis quisque</a></li>
<li><a href="#">Eros cras lobortis vel</a></li>
<li><a href="#">Purus in eget odio sapien</a></li>
<li><a href="#">Adipiscing blandit</a></li>
</ul>
</div>
</div>
<!-- Secondary content area end -->
</div>
</div>
<div id="footer">
<div class="left">© 2006 Your Website Name. All rights reserved.</div>
<div class="right">Design by <a
href="http://www.nodethirtythree.com/">NodeThirtyThree Design</a></div>
</div>
</div>
</body>
</html>
<!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>
<title>Zilla Nine</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Zilla <span class="h1b">Nine</span></h1>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">music</a></li>
<li><a href="#">video</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">links</a></li>
<li><a href="#">todc</a></li>
<li><a href="#">zd</a></li>
</ul>
</div>
<div id="content">
<h2>Zilla Nine </h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas non
purus ac urna convallis faucibus. Nullam malesuada. Sed aliquet ultricies justo.
Proin quis ipsum. Nam ultricies dolor a ipsum. Aenean arcu odio, lobortis at,
pellentesque a, aliquam vitae, erat. Sed luctus mattis sapien.<a href="#">Home</a>
lectus nisi, iaculis facilisis, interdum ut, venenatis id, ligula. Sed nulla
felis, pellentesque non, lacinia eu, tristique quis, purus. Nullam dapibus
vestibulum risus. Suspendisse feugiat sodales leo. </p>
<p>Maecenas sapien elit, bibendum nec, varius eget, fermentum iaculis, nisl.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus. Suspendisse potenti. Aliquam hendrerit blandit mi. Praesent pulvinar arcu.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean et tellus ornare
nulla auctor malesuada. Nulla malesuada nonummy quam. Aenean egestas. In venenatis
rutrum massa. Vestibulum rutrum, lorem eu commodo malesuada, <a href="#">velit
orci</a> pulvinar risus, vitae cursus felis dui ut justo. Donec tortor. </p>
<h2>Lorem Ipsum </h2>
<p>Phasellus et arcu et lectus commodo feugiat. Ut luctus velit ut nulla.
Suspendisse vehicula. Fusce vulputate nunc et diam dictum blandit. Sed accumsan,
arcu a facilisis aliquam, nunc nunc lobortis nunc, eu aliquet dui mi sit amet
tellus. Integer ac ante a velit euismod cursus. Vestibulum a ipsum cursus dolor
porttitor egestas. Fusce sagittis auctor lacus. Sed tincidunt. Nulla lobortis.
Fusce ultricies sapien sed ligula pellentesque tristique. Donec nonummy dapibus
libero. </p>
</div>
<div id="sidebar">
<h2>About Us</h2>
<div class="sidebartext">This is the ninth Zilla. Woo hoo! This started off as
a part of a project for my web design class, but I decided to turn it into a
template for OD, OWD, and OSWD. </div>
<h2>Links</h2>
<ul>
<li><a href="#">Zilla Designs</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">Jeremy Duenas</a></li>
</ul>
<h2>Copyright</h2>
<div id="copyright">© 2007 Your Name Here<br />
Design By <a href="http://jeremyduenas.com">Jeremy D </a></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
<!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">
<head>
<title>Newsprint</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<!--[if lt IE 6]> <link rel="stylesheet" type="text/css" href="ie.css" /> <!
[endif]-->
<!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="ie.css" /> <!
[endif]-->
<!--[if IE 7]> <link rel="stylesheet" type="text/css" href="ie.css" /> <!
[endif]-->
</head>
<body>
<div id="container">
<div id="header">
<h1>zineprint</h1>
</div>
<div id="navigation">
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Colophon</a></li>
<li class="current_page_item"> <a href="#">Archives</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="content">
<div class="left">
<h2>Headline</h2>
<p>This template was designed by <a href="#">Rizzle Studios</a>. You can use
this template for any purpose and modify it in any way you desire. Leaving the
credit in the footer is not required, but much appreciated. Zineprint uses almost
no images. </p>
<p>Suspendisse consectetuer, nunc sed rutrum tristique, est orci ultricies
mauris, sit amet ullamcorper arcu magna ac arcu. Cras faucibus erat vitae sapien.
Donec sit amet magna quis ligula porttitor elementum. Nunc blandit sollicitudin
lacus. Sed gravida leo vitae velit. Sed aliquet, nibh nec fermentum fermentum,
sapien sem pretium quam, eu posuere diam enim et nisi. Curabitur eleifend elementum
tortor. Suspendisse vestibulum pellentesque diam. Praesent nec nibh consequat enim
imperdiet sagittis. Donec in purus. Duis massa. Pellentesque sit amet nisl a mi
pellentesque euismod. Donec purus urna, tristique quis, sagittis iaculis, imperdiet
convallis, nisl. Fusce rutrum, lorem a viverra eleifend, nibh mauris vehicula
justo, quis accumsan enim ligula ac nunc.</p>
<p>Pellentesque a dui non erat bibendum accumsan. Sed et lorem. Cras nisl
mauris, fermentum fringilla, pulvinar in, tincidunt quis, sapien. Etiam eget enim
id leo facilisis congue. Nunc porttitor dignissim ipsum. Praesent nisi mauris,
ultrices non, imperdiet sit amet, convallis vel, nisi. Nam egestas. Nunc posuere
condimentum dui. Nam nibh. Curabitur convallis dolor nec eros. Praesent risus.
Donec pharetra venenatis ligula. Donec in lectus. Fusce sapien. Morbi id nulla.
Duis pulvinar lobortis justo. Phasellus consequat convallis mi. Vestibulum
pulvinar, eros id sodales accumsan, velit eros mattis mauris, et vehicula dui
lectus ut orci. In aliquet, lorem in euismod pulvinar, ipsum orci posuere nisl, vel
egestas nisl orci id sapien.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut pharetra odio
nec erat. Nullam mi mi, sodales ac, elementum a, posuere sed, turpis. Morbi eu ante
ac odio vehicula semper. In malesuada odio vitae turpis. Vivamus quis mi. Sed
porttitor, purus vel consectetuer congue, felis erat viverra elit, id volutpat
sapien dolor non risus. Quisque nunc neque, sagittis et, bibendum et, hendrerit
quis, sapien. Nam sit amet turpis. Pellentesque dapibus lectus at dolor. Aenean ac
purus. 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 sem nunc, blandit eu, vulputate id, ultrices quis,
augue. Ut pretium nisi quis sapien. Vivamus ornare euismod dui. Ut sit amet orci.
Proin id risus. Etiam imperdiet eros nec sapien.</p>
<p>Suspendisse consectetuer, nunc sed rutrum tristique, est orci ultricies
mauris, sit amet ullamcorper arcu magna ac arcu. Cras faucibus erat vitae sapien.
Donec sit amet magna quis ligula porttitor elementum. Nunc blandit sollicitudin
lacus. Sed gravida leo vitae velit. Sed aliquet, nibh nec fermentum fermentum,
sapien sem pretium quam, eu posuere diam enim et nisi. Curabitur eleifend elementum
tortor. Suspendisse vestibulum pellentesque diam. Praesent nec nibh consequat enim
imperdiet sagittis. Donec in purus. Duis massa. Pellentesque sit amet nisl a mi
pellentesque euismod. Donec purus urna, tristique quis, sagittis iaculis, imperdiet
convallis, nisl. Fusce rutrum, lorem a viverra eleifend, nibh mauris vehicula
justo, quis accumsan enim ligula ac nunc.</p>
<p>Pellentesque a dui non erat bibendum accumsan. Sed et lorem. Cras nisl
mauris, fermentum fringilla, pulvinar in, tincidunt quis, sapien. Etiam eget enim
id leo facilisis congue. Nunc porttitor dignissim ipsum. Praesent nisi mauris,
ultrices non, imperdiet sit amet, convallis vel, nisi. Nam egestas. Nunc posuere
condimentum dui. Nam nibh. Curabitur convallis dolor nec eros. Praesent risus.
Donec pharetra venenatis ligula. Donec in lectus. Fusce sapien. Morbi id nulla.
Duis pulvinar lobortis justo. Phasellus consequat convallis mi. Vestibulum
pulvinar, eros id sodales accumsan, velit eros mattis mauris, et vehicula dui
lectus ut orci. In aliquet, lorem in euismod pulvinar, ipsum orci posuere nisl, vel
egestas nisl orci id sapien.</p>
<div class="commentbox">posted on 10/01/2007</div>
<h2>Headline</h2>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut pharetra
odio nec erat. Nullam mi mi, sodales ac, elementum a, posuere sed, turpis. Morbi eu
ante ac odio vehicula semper. In malesuada odio vitae turpis. Vivamus quis mi. Sed
porttitor, purus vel consectetuer congue, felis erat viverra elit, id volutpat
sapien dolor non risus. Quisque nunc neque, sagittis et, bibendum et, hendrerit
quis, sapien. Nam sit amet turpis. Pellentesque dapibus lectus at dolor. Aenean ac
purus. 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 sem nunc, blandit eu, vulputate id, ultrices quis,
augue. Ut pretium nisi quis sapien. Vivamus ornare euismod dui. Ut sit amet orci.
Proin id risus. Etiam imperdiet eros nec sapien.</p>
</blockquote>
<p>Suspendisse consectetuer, nunc sed rutrum tristique, est orci ultricies
mauris, sit amet ullamcorper arcu magna ac arcu. Cras faucibus erat vitae sapien.
Donec sit amet magna quis ligula porttitor elementum. Nunc blandit sollicitudin
lacus. Sed gravida leo vitae velit. Sed aliquet, nibh nec fermentum fermentum,
sapien sem pretium quam, eu posuere diam enim et nisi. Curabitur eleifend elementum
tortor. Suspendisse vestibulum pellentesque diam. Praesent nec nibh consequat enim
imperdiet sagittis. Donec in purus. Duis massa. Pellentesque sit amet nisl a mi
pellentesque euismod. Donec purus urna, tristique quis, sagittis iaculis, imperdiet
convallis, nisl. Fusce rutrum, lorem a viverra eleifend, nibh mauris vehicula
justo, quis accumsan enim ligula ac nunc.</p>
<div class="commentbox">posted on 10/01/2007</div>
<h2>Headline</h2>
<img src="example.jpg" alt="example"></img>
<p>Suspendisse consectetuer, nunc sed rutrum tristique, est orci ultricies
mauris, sit amet ullamcorper arcu magna ac arcu. Cras faucibus erat vitae sapien.
Donec sit amet magna quis ligula porttitor elementum. Nunc blandit sollicitudin
lacus. Sed gravida leo vitae velit. Sed aliquet, nibh nec fermentum fermentum,
sapien sem pretium quam, eu posuere diam enim et nisi. Curabitur eleifend elementum
tortor. Suspendisse vestibulum pellentesque diam. Praesent nec nibh consequat enim
imperdiet sagittis. Donec in purus. Duis massa. Pellentesque sit amet nisl a mi
pellentesque euismod. Donec purus urna, tristique quis, sagittis iaculis, imperdiet
convallis, nisl. Fusce rutrum, lorem a viverra eleifend, nibh mauris vehicula
justo, quis accumsan enim ligula ac nunc.</p>
<div class="commentbox">posted on 10/01/2007</div>
</div>
<div class="right">
<h3>Profile</h3>
<p>This open-source template was inspired by highly-readable magazine
layouts. It utilizes only one image file. Everything else can be modified through
the css files included within this package. You can use this template for any
purpose and modify it in any way you desire. Leaving the credit in the footer is
not required, but much appreciated. Zineprint uses almost no images. </p>
<h3>Archives</h3>
<ul>
<li><a href="#">»January</a></li>
<li><a href="#">»February</a></li>
<li><a href="#">»March</a></li>
<li><a href="#">»April</a></li>
<li><a href="#">»June</a></li>
<li><a href="#">»July</a></li>
<li><a href="#">»August</a></li>
<li><a href="#">»September</a></li>
</ul>
<h3>Recent Posts</h3>
<ul>
<li><a href="#">»Title of post here</a></li>
<li><a href="#">»Title of post here</a></li>
<li><a href="#">»Title of post here</a></li>
<li><a href="#">»Title of post here</a></li>
<li><a href="#">»Title of post here</a></li>
<li><a href="#">»Title of post here</a></li>
<li><a href="#">»Title of post here</a></li>
<li><a href="#">»Title of post here</a></li>
</ul>
</div>
</div>
<div id="footer">Designed by <a href="http://rizzle.us.to">Rizzle
Studios</a>.</div>
</div>
</body>
</html>
<!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>Zion Narrows</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Zion Narrows</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="pages">
<h2>Pages</h2>
<ul>
<li class="active"><a id="page1" href="#">Home</a></li>
<li><a id="page2" href="#">My Photos</a></li>
<li><a id="page3" href="#">My Favorites</a></li>
<li><a id="page4" href="#">About Me</a></li>
<li><a id="page5" href="#">Contact Me</a></li>
</ul>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Zion Narrows!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Zion Narrows</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Et pulvinar pede ligula a sapien. Donec fermentum condimentum
nisi. Proin iaculis mauris id lorem viverra molestie. Duis vel orci. Nam
consequat. Morbi nec lacus.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="archives" class="boxed">
<h2 class="heading">Archives</h2>
<div class="content">
<ul>
<li class="first"><a href="#">February</a> (7)</li>
<li><a href="#">January 2007</a> (31)</li>
<li><a href="#">December 2006</a> (31)</li>
<li><a href="#">November 2006</a> (30)</li>
<li><a href="#">October 2006</a> (31)</li>
<li><a href="#">September 2006</a> (30)</li>
<li><a href="#">August 2006</a> (31)</li>
<li><a href="#">July 2006</a> (31)</li>
<li><a href="#">June 2006</a> (30)</li>
<li><a href="#">May 2006</a> (31)</li>
<li><a href="#">April 2006</a> (30)</li>
<li><a href="#">March 2006</a> (31)</li>
<li><a href="#">February 2006</a> (28)</li>
<li><a href="#">January 2006</a> (31)</li>
<li><a href="#">December 2005</a> (31)</li>
<li><a href="#">November 2005</a> (30)</li>
<li><a href="#">October 2005</a> (31)</li>
<li><a href="#">September 2005</a> (30)</li>
<li><a href="#">August 2005</a> (31)</li>
<li><a href="#">July 2005</a> (31)</li>
<li><a href="#">June 2005</a> (30)</li>
<li><a href="#">May 2005</a> (31)</li>
<li><a href="#">April 2005</a> (30)</li>
<li><a href="#">March 2005</a> (31)</li>
</ul>
</div>
</div>
<div id="search" class="boxed">
<h2 class="heading">Search</h2>
<div class="content">
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value=""
size="18" />
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>
</div>
<div id="categories" class="boxed">
<h2 class="heading">Categories</h2>
<div class="content">
<ul>
<li class="first"><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
<li><a href="#">Quisque vestibulum</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
<li><a href="#">Quisque vestibulum</a></li>
</ul>
</div>
</div>
<div id="blogroll" class="boxed">
<h2 class="heading">Blogroll</h2>
<div class="content">
<ul>
<li class="first"><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Zion Narrows. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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=iso-8859-1" />
<title>Breaking Ontop</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="mainBody">
<div id="leftPan">
<div id="member">
<p></p>
<form method="post" action="#">
<h2>members login</h2>
<label>your name</label>
<label>password</label>
<input type="text" name="textbox" value="" />
<input type="password" name="password" value="" />
<input type="checkbox" name="checkSet1" id="check1" class="checkbox"
value="foo" />
<label class="re">remember my password</label>
<input type="button" name="button" class="login" value="" title="login" />
</form>
<p class="buttom"></p>
</div>
<h2 title="breaking ontop">breaking ontop</h2>
<div id="contact">
<p></p>
<form name="contact" method="post" action="#" >
<h2>contact info</h2>
<label>first name:</label>
<input type="text" name="textbox" value="" maxlength="23"/>
<label>middle name:</label>
<input type="text" name="textbox" value="" maxlength="23" />
<label>last name:</label>
<input type="text" name="textbox" value="" maxlength="23" />
<label>email id:</label>
<input type="text" name="textbox" value="" maxlength="23" />
<label class="comment">comments:</label>
<textarea name="" cols="" rows=""></textarea>
<input type="submit" name="submit" class="submit" value="" />
</form>
<p class="bu"></p>
</div>
<div id="leftA">
<div id="arch"> <span></span>
<h2>archives</h2>
<h3>january 2007</h3>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">dolor sit amet,</a></li>
<li><a href="#">consectetuer</a></li>
<li class="nobor"><a href="#">adipiscing</a></li>
</ul>
<h3>february 2007</h3>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">dolor sit amet,</a></li>
<li><a href="#">consectetuer</a></li>
<li class="nobor"><a href="#">adipiscing</a></li>
</ul>
<h3>march 2007</h3>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">dolor sit amet,</a></li>
<li><a href="#">consectetuer</a></li>
<li class="nobor"><a href="#">adipiscing</a></li>
</ul>
<p></p>
</div>
</div>
<br class="blank" />
</div>
<div id="rightPan">
<div id="rightsude">
<form name="search" method="post" action="#">
<h2>search</h2>
<label>enter the search term </label>
<input type="text" name="textbox" value="" />
<input type="checkbox" name="checkSet2" id="check2" class="checkbox1"
value="foo" />
<label class="sea">advance search</label>
<input type="button" name="go" value="" class="go" />
</form>
<span></span> </div>
<div id="rightPan1">
<ul>
<li><a href="#" class="show">Home</a></li>
<li><a href="#">Network</a></li>
<li><a href="#">New Submission</a></li>
<li><a href="#">Latest Archives</a></li>
<li><a href="#">Finance</a></li>
<li><a href="#">Testimonials</a></li>
<li class="no"><a href="#">Contact Us</a></li>
</ul>
<h2><span>Welcome to</span> Breaking Ontop</h2>
<p>Breaking Ontop is a free, tableless, W3C-compliant web design layout by
Template World. This template has been tested and proven compatible with all major
browser environments and operating systems. You are free to modify the design to
suit your tastes in any way you like.</p>
<p>We only ask you to not remove "Design by Template World" and the link
http://www.templateworld.com from the footer of the template.</p>
<h3>nterdum augue id scelerisque </h3>
<ul class="nti">
<li><a href="#">ultrices, lorem libero venenatisu </a></li>
<li><a href="#">ligula, nec tempor</a></li>
</ul>
<a class="more" href="#"></a> </div>
</div>
<br class="blank" />
</div>
<div id="footer">
<ul>
<li><a href="#">Home</a>|</li>
<li><a href="#">Network</a>|</li>
<li><a href="#">New Submission</a>|</li>
<li><a href="#">Latest Archives</a>|</li>
<li><a href="#">Finance</a>|</li>
<li><a href="#">Testimonials</a>|</li>
<li><a href="#">Contact Us</a></li>
</ul>
<p>©Breaking Ontop. All rights reserved.</p>
<ul class="vali">
<li><a href="http://validator.w3.org/check?uri=referer" target="_blank"
class="xhtml" title="xhtml">XHTML</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"
class="css" title="css">CSS</a></li>
</ul>
<p class="text">Designed by<a href="http://www.templateworld.com"
target="_blank">Template World</a></p>
</div>
</body>
</html>
<!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>Bright Side of Life</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/BrightSide.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo">bright<span class="green">side</span>of<span
class="gray">life</span></h1>
<h2 id="slogan">Put your company slogan here...</h2>
<form method="post" class="searchform" action="#">
<p>
<input type="text" name="search_query" class="textbox" />
<input type="submit" name="search" class="button" value="Search" />
</p>
</form>
<ul>
<li id="current"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>News</span></a></li>
<li><a href="#"><span>Downloads</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Support</span></a></li>
<li><a href="#"><span>About</span></a></li>
</ul>
</div>
<div id="content-wrap"> <img src="images/headerphoto.jpg" width="820"
height="120" alt="headerphoto" class="no-border" />
<div id="sidebar" >
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"Men are disturbed, not by the things that happen, but by their
opinion of the things that happen."</p>
<p class="align-right">- Epictetus</p>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template <span class="green">Info</span></h1>
<p><strong>Bright Side of Life 1.0</strong> is a free, W3C-compliant, CSS-
based website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Oct 15,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample <span class="green">tags</span></h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
<div id="rightbar">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero.
Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam,
lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus
nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
</div>
</div>
<div id="footer">
<div class="footer-left">
<p class="align-left"> © 2006 <strong>Company Name</strong> | Design by
<a href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </p>
</div>
<div class="footer-right">
<p class="align-right"> <a href="#">Home</a> | <a
href="#">SiteMap</a> | <a href="#">RSS Feed</a> </p>
</div>
</div>
</div>
</body>
</html>
<!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>Bright Side of Life</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/BrightSide.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo">bright<span class="green">side</span>of<span
class="gray">life</span></h1>
<h2 id="slogan">Put your company slogan here...</h2>
<form method="post" class="searchform" action="#">
<p>
<input type="text" name="search_query" class="textbox" />
<input type="submit" name="search" class="button" value="Search" />
</p>
</form>
<ul>
<li id="current"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>News</span></a></li>
<li><a href="#"><span>Downloads</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Support</span></a></li>
<li><a href="#"><span>About</span></a></li>
</ul>
</div>
<div id="content-wrap"> <img src="images/headerphoto.jpg" width="820"
height="120" alt="headerphoto" class="no-border" />
<div id="sidebar" >
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"Men are disturbed, not by the things that happen, but by their
opinion of the things that happen."</p>
<p class="align-right">- Epictetus</p>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template <span class="green">Info</span></h1>
<p><strong>Bright Side of Life 1.0</strong> is a free, W3C-compliant, CSS-
based website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Oct 15,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample <span class="green">tags</span></h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
<div id="rightbar">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero.
Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam,
lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus
nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
</div>
</div>
<div id="footer">
<div class="footer-left">
<p class="align-left"> © 2006 <strong>Company Name</strong> | Design by
<a href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </p>
</div>
<div class="footer-right">
<p class="align-right"> <a href="#">Home</a> | <a
href="#">SiteMap</a> | <a href="#">RSS Feed</a> </p>
</div>
</div>
</div>
</body>
</html>
<!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>Broadsheet</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Broadsheet</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="posts">
<div class="post">
<p><img src="images/img11.jpg" alt="" width="320" height="200" /></p>
<h2 class="title">Welcome to Broadsheet!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Broadsheet</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Et pulvinar pede ligula a sapien. Donec fermentum condimentum
nisi. Proin iaculis mauris id lorem viverra molestie. Duis vel orci. Nam
consequat. Morbi nec lacus.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="archives" class="obox">
<h2 class="heading">Archives</h2>
<div class="content">
<ul>
<li><a href="#">February</a> (7)</li>
<li><a href="#">January 2007</a> (31)</li>
<li><a href="#">December 2006</a> (31)</li>
<li><a href="#">November 2006</a> (30)</li>
<li><a href="#">October 2006</a> (31)</li>
<li><a href="#">September 2006</a> (30)</li>
<li><a href="#">August 2006</a> (31)</li>
<li><a href="#">July 2006</a> (31)</li>
<li><a href="#">June 2006</a> (30)</li>
<li><a href="#">May 2006</a> (31)</li>
<li><a href="#">April 2006</a> (30)</li>
<li><a href="#">March 2006</a> (31)</li>
<li><a href="#">February 2006</a> (28)</li>
<li><a href="#">January 2006</a> (31)</li>
<li><a href="#">December 2005</a> (31)</li>
<li><a href="#">November 2005</a> (30)</li>
<li><a href="#">October 2005</a> (31)</li>
<li><a href="#">September 2005</a> (30)</li>
<li><a href="#">August 2005</a> (31)</li>
<li><a href="#">July 2005</a> (31)</li>
<li><a href="#">June 2005</a> (30)</li>
<li><a href="#">May 2005</a> (31)</li>
<li><a href="#">April 2005</a> (30)</li>
<li><a href="#">March 2005</a> (31)</li>
<li><a href="#">February 2005</a> (28)</li>
<li><a href="#">January 2005</a> (31)</li>
<li><a href="#">December 2004</a> (31)</li>
<li><a href="#">November 2004</a> (30)</li>
<li><a href="#">October 2004</a> (31)</li>
<li><a href="#">September 2004</a> (30)</li>
<li><a href="#">August 2004</a> (31)</li>
<li><a href="#">July 2004</a> (31)</li>
<li><a href="#">June 2004</a> (30)</li>
<li><a href="#">May 2004</a> (31)</li>
<li><a href="#">April 2004</a> (30)</li>
<li><a href="#">March 2004</a> (31)</li>
<li><a href="#">February 2004</a> (28)</li>
<li><a href="#">January 2004</a> (31)</li>
</ul>
</div>
</div>
<div id="search" class="gbox">
<h2 class="heading">Search</h2>
<div class="content">
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value=""
size="18" />
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</div>
</div>
<div id="pages" class="gbox">
<h2 class="heading">Pages</h2>
<div class="content">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="categories" class="gbox">
<h2 class="heading">Categories</h2>
<div class="content">
<ul>
<li><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
<li><a href="#">Quisque vestibulum</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
<li><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
<li><a href="#">Suspendisse iaculis</a></li>
<li><a href="#">Nam vel risus at</a></li>
<li><a href="#">Praesent sit amet</a></li>
</ul>
</div>
</div>
<div id="blogroll" class="gbox">
<h2 class="heading">Blogroll</h2>
<div class="content">
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Broadsheet. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a> |
<a href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BUBBLE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:73%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:bold 1em/1.4em "lucida sans", helvetica, "Trebuchet MS",
arial, sans-serif;}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="top">
<h1><a href="#">Homepage</a> | <a href="#"> contact</a></h1>
<div id="menuh-container">
<div id="menuh">
<ul>
<li><a href="#" class="top_parent"> Homepage</a>
<ul>
<li><a href="#">• About</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery 1</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery 2</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery 3</a></li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Resources</a></li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Contact</a></li>
</ul>
</div>
</div>
</div>
<div id="leftnav">
<h3>Links</h3>
<div id="nav">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
</div>
<p>This is a <a href="#">LINK</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Morbi quis ligula. Donec tortor purus, ornare vel,
tincidunt at, lacinia ac, leo. Nunc fermentum congue odio.</p>
<p class="quotebox">"You can't depend on your eyes if your imagination is out
of focus" ~ Mark Twain</p>
</div>
<div id="content">
<h2>Your Company Name</h2>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE templates visit my website.</blockquote>
<h2>Header</h2>
<div class="gallery"> <img src="images/img.jpg" alt="" /> <img
src="images/img.jpg" alt=""/> <img src="images/img.jpg" alt=""/> <img
src="images/img.jpg" alt=""/>
<div class="clear"></div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis ligula.
Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum
congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu,
ac pulvinar lacus massa non ipsum. </p>
<h2>Header</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi quis ligula.
Donec tortor purus, ornare vel, tincidunt at, lacinia ac, leo. Nunc fermentum
congue odio. Mauris cursus, pede vitae sagittis luctus, dolor felis aliquam arcu,
ac pulvinar lacus massa non ipsum. </p>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>Bucolic | Pastoral and Rural</title>
<meta http-equiv="content-language" content="en-us" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="author" content="Sadhana Ganapathiraju" />
<meta name="copyright" content="Copyright 2006 Sadhana Ganapathiraju" />
<meta name="keywords" content="bucolic, xhtml, css, web standards, free templates,
blog, personal site" />
<meta name="description" content="Bucolic is a free template that is beautiful and
standards-compliant." />
<link rel="stylesheet" type="text/css" media="screen,projection"
href="master.css" />
<link rel="start" title="SimplyGold" href="#" />
<script type="text/javascript" src="caption.js"></script>
</head>
<body>
<div id="header">
<h1><a href="#" title="Go Home" rel="bookmark">Bucolic</a></h1>
</div>
<div id="navigation">
<ul>
<li class="active"><a href="#" title="SimplyGold">Home</a></li>
<li><a href="#notebook/">Blog</a></li>
<li><a href="#showcase/">Our Portfolio</a></li>
<li><a href="#about/">About Us</a></li>
<li><a href="#contact/">Contact Us</a></li>
</ul>
</div>
<div id="about">
<dl>
<dt><strong>bu-col-ic</strong> [<em>byoo-<strong>kol</strong>-ik</em>]</dt>
<dd>1. of or pertaining to shepherds; pastoral.</dd>
<dd>2. of, pertaining to, or suggesting an idyllic rural life.</dd>
<dd>3. a pastoral poem.</dd>
<dd><a class="offsite" href="http://dictionary.reference.com/search?
q=bucolic&x=0&y=0"> — <cite>dictionary.com</cite></a></dd>
</dl>
</div>
<div id="content">
<div class="drop-shadow"> <a href="#01"><img src="images/china_village.png"
width="200" height="150" alt="Chinese village alley [Credit: archartist at
stock.xchng]" class="captionated" /></a> </div>
<div class="drop-shadow"> <a href="#02"><img src="images/pump_it.png" width="200"
height="150" alt="A pump in a village [Credit: stock.xchng]" class="captionated"
/></a> </div>
<div class="drop-shadow"> <a href="#02"><img src="images/rusty_lock.png"
width="200" height="150" alt="A rusty lock [Credit: stock.xchng]"
class="captionated" /></a> </div>
<hr />
<div class="drop-shadow"> <a href="#02"><img src="images/fresh_eggs.png"
width="200" height="150" alt="A pump in a village [Credit: stock.xchng]"
class="captionated" /></a> </div>
<div class="drop-shadow"> <a href="#02"><img src="images/dry_grass.png"
width="200" height="150" alt="A pump in a village [Credit: stock.xchng]"
class="captionated" /></a> </div>
<div class="drop-shadow"> <a href="#02"><img src="images/tori.png" width="200"
height="150" alt="A pump in a village [Credit: stock.xchng]" class="captionated"
/></a> </div>
<hr />
</div>
<div id="footer">
<p>Design by <a href="http://www.nikhedonia.com/" title="SimplyGold">Sadhana
Ganapathiraju</a> | Released
under <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/"
title="Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License"> Creative
Commons</a> license.</p>
<p>Try more <a href="#showcase/free_templates/" rel="bookmark">free templates</a>
or <a href="#showcase/commercial_templates/" rel="bookmark">commercial
templates</a></p>
<p> <a href="#31">Legal</a> | <a href="#32">Terms of Service</a> | <a
href="#33">Privacy Statement</a> | <a href="http://validator.w3.org/check/referer"
title="Valid XHTML 1.0 Strict">Xhtml</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="Valid CSS 2.0 Strict">Css</a> </p>
</div>
</body>
</html>
<!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>Bugs Life</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">bugs life</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">My Journal</a></li>
<li><a href="#" accesskey="3">My Photos</a></li>
<li><a href="#" accesskey="4">My Favorites</a></li>
<li><a href="#" accesskey="5">Contact Me</a></li>
</ul>
<h3>Lorem Ipsum Dolore </h3>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis.</p>
<h3>Suspendisse Potenti</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida</a><a href="#">…</a></li>
<li><a href="#">Vivamus sagittis bibendum</a><a href="#">…</a></li>
<li><a href="#">Nullam et orci in erat…</a></li>
</ul>
</div>
</div>
<div id="colTwo">
<div class="post">
<h2>Welcome to Bugs life!</h2>
<p><strong>Bugs Life </strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The header photo is from PDPhoto.org. You're
free to use it for both commercial or personal use. I only ask that you link back
to my site in some way. <em>Enjoy :)</em></p>
</div>
<div class="post">
<h3>Suspendisse Potenti</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Below the Horizon. Designed by <a
href="http://freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Burgeon | Flourish</title>
<meta http-equiv="content-language" content="en-us" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="description" content="Burgeon is a free template that is simple,
stunning, and standards-compliant." />
<link rel="stylesheet" type="text/css" media="screen,projection"
href="master.css" />
<!--[if lt ie 7]><link rel="stylesheet" type="text/css" media="screen,projection"
href="ie-win.css" /><![endif]-->
<link rel="start" title="SimplyGold" href="#" />
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#showcase/free_templates/">Blog</a></li>
<li><a href="#showcase/commercial_templates/">News</a></li>
<li class="active"><a href="#about/">About</a></li>
<li><a href="#contact/">Contact</a></li>
</ul>
</div>
<div class="post">
<h2 class="post-title"><a href="#41" rel="bookmark" title="Read the rest of
the entry">Captions with Javascript</a></h2>
<div class="post-content">
<p>Most awesome stuff has been happening recently in the world. For
example, Pluto got demoted to the status of a dwarf planet.</p>
<p>Then there's the unearthing of the 3.5 million-year-old skeleton of
Lucy's sister Salem in Ethiopia.</p>
<ul>
<li>Dukedom</li>
<li>Earldom</li>
<li>Monte Cresto</li>
</ul>
<ol>
<li>Excellent</li>
<li>Ecletic</li>
<li>Grandiloquent</li>
<li>Bombast</li>
</ol>
<p>I'm another paragraph. I don't really need this but I just wanted to
show it. I need to write more before the blockquote
goes down far enough to give me a clear understanding of how much space
it leaves between itself and whatever comes before it.</p>
<blockquote>
<p>Say, I'm a blockquote. </p>
<p>And there's no reason we can't have two paragraphs in a
blockquote.</p>
</blockquote>
<p>You want to show a caption for your image? Me too. It's a pity that we
can't use
the <code><caption></code> element with an image. I thought about
using a def.
list to associate the image with its caption, but I really didn't want to
go to the
extra trouble every single time. So: I decided to go the javascript way.
An <acronym
title="Acronym">acronym</acronym>, an <abbr
title="Abbreviation">abbreviation</abbr>,
a <cite title="Citation">citation</cite> or two, some <ins>inserted
text</ins>, some <code>code that doesn't look like code</code>, and some
<del>deleted text</del> go to
a bar <a href="#35" class="more" title="Read the rest of the article
→">[...]</a> </p>
</div>
<p class="post-footer"> <strong>03 Oct 2006</strong>, <em><a
href="#36">Javascript</a></em>, <a href="#37" class="comments-link">48 comments</a>
</p>
</div>
</div>
<p id="logo"><img src="images/logo.png" width="35" height="134" alt="Burgeon"
/></p>
<div id="sidenotes">
<h3>Sidenotes</h3>
<ul>
<li> <a href="http://en.wikipedia.org/wiki/Alexander_of_Macedon">
<strong>Alexander the Great</strong> <em>10.03.2006</em> Alexander the Great, aka,
Megas Alexandros, aka Alexander III. A brilliant
military strategist. </a> </li>
<li> <a href="http://en.wikipedia.org/wiki/Philip_III_of_Macedon">
<strong>Philip III Arrhidaeus</strong> <em>10.01.2006</em> Illegitimate son of
Philip II, making him the half-brother of Alexander the
Great. </a> </li>
<li> <a href="http://en.wikipedia.org/wiki/Arsaces_II_of_Parthia">
<strong>Arsaces II of Parthia</strong> <em>09.30.2006</em> Known as "Artabanus" by
early scholars but currently goes by the name "Arsaces." </a> </li>
<li> <a href="http://en.wikipedia.org/wiki/Balash_of_Persia">
<strong>Balash</strong> <em>09.30.2006</em> "Balash [...] was the brother and
successor of Peroz I of Persia (457 – 484),
who had died in a battle against the Hephthalites (White Huns) who
invalided Persia
from the east." Supposed to be new — that's new. ;-) </a> </li>
<li> <a href="http://en.wikipedia.org/wiki/Yazdegerd_II_of_Persia">
<strong>Yazdegerd II</strong> <em>09.28.2006</em> His name means "made by God,"
which unfortuantely didn't stop him from dying. He's
just except for his "strict religious policies..." So you mean he wasn't
just? :p </a> </li>
</ul>
</div>
</div>
<div id="footer">
<div id="meta">
<ul class="cats">
<li><a href="#01">C#</a></li>
<li><a href="#02">ASP .NET</a></li>
<li><a href="#03">CSS/XHTML</a></li>
<li><a href="#04">Writing</a></li>
<li><a href="#05">Travel</a></li>
<li><a href="#06">Life</a></li>
<li><a href="#07">Microsoft</a></li>
<li><a href="#08">Apple</a></li>
<li><a href="#09">Technology</a></li>
<li><a href="#10">Procrastination</a></li>
</ul>
<ul class="date">
<li><a href="#11">October 2006</a></li>
<li><a href="#12">September 2006</a></li>
<li><a href="#13">August 2006</a></li>
<li><a href="#14">July 2006</a></li>
<li><a href="#15">June 2006</a></li>
<li><a href="#16">May 2006</a></li>
<li><a href="#17">April 2006</a></li>
<li><a href="#18">March 2006</a></li>
<li><a href="#19">February 2006</a></li>
<li><a href="#20">January 2006</a></li>
</ul>
</div>
<div id="flickr">
<h3>Flick'r</h3>
<img src="images/friendship.png" width="130" height="130" alt="Flickr Image" />
<img src="images/globe.png" width="130" height="130" alt="Flickr Image" /> <img
src="images/kid.png" width="130" height="130" alt="Flickr Image" /> <img
src="images/rings.png" width="130" height="130" alt="Flickr Image" /> </div>
<hr />
<p id="copyright"> Design copyright © 2006 <a
href="http://www.nikhedonia.com/" title="SimplyGold">Sadhana Ganapathiraju</a> | <a
href="#showcase/free_templates/" title="More Free Templates">Free Templates</a> |
<a href="#showcase/commercial_templates/" title="More Commercial
Templates">Commercial Templates</a> | <a
href="http://validator.w3.org/check/referer" title="Xhtml 1.1 Strict">Xhtml
Happy</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="Css
2.0 Strict">Css Happy</a> </p>
</div>
</body>
</html>
<!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>
<title>Burnt</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="undohtml.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>The Burnt Design</h1>
</div>
<div id="container">
<div id="infinitum">
<p><strong>Navigation<br />
</strong><a href="#">Home</a></p>
<p><a href="#">Colophon</a></p>
<p><a href="#">Photography</a></p>
<p><a href="#">Portfolio</a></p>
<p><a href="#">Contact</a><strong><br />
<br />
Search</strong><br />
</p>
<form name="form1" id="form1" method="post" action="#">
<input type="text" name="textfield" />
</form>
<p> </p>
<p><strong>Monthly Archives</strong></p>
<p><a href="#">June 2005 <br />
May 2005</a></p>
<p><a href="#">April 2005</a></p>
<p><a href="#">March 2005</a></p>
<p> <strong><br />
Categories</strong></p>
<p><a href="#">Discussion</a></p>
<p><a href="#">Jokes</a></p>
<p><a href="#">Typography</a></p>
<p><a href="#">Design</a></p>
<p><a href="#">CSS</a></p>
<p><a href="#">XHTML</a></p>
<p><a href="#">Politics</a></p>
<p> </p>
<p><strong>Feeds</strong></p>
<p><a href="#">RSS</a></p>
<p><a href="#">Atom</a></p>
<p> </p>
<p><strong>Validation</strong></p>
<p><a href="http://validator.w3.org/check?uri=referer">Valid
XHTML</a> </p>
<p><a href="http://jigsaw.w3.org/css-validator/check/referer">Valid
CSS</a> </p>
<p> </p>
<p><strong>Disclaimers</strong></p>
<p>© Your Name Here</p>
<p><a href="http://smallpark.org">Design by Smallpark</a></p>
<p> </p>
</div>
<div id="mightylinks">
<p><strong> I like linking to people</strong></p>
<ul>
<li><a href="#">Mandatory CSS-SSC Update</a> <br />
Suspendisse eu mauris. Pellentesque auctor. Fusce eu massa. </li>
<li><a href="#">Latest Macdonald's theft</a> <br />
In lacinia magna in purus. </li>
<li><a href="#">I like burgers</a> <br />
In lacinia magna in purus. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egesta.</li>
<li><a href="#">Bob's going to College!</a> <br />
Torbi rutrum, nisi in ultricies tristique, diam velit convallis nisi, ut
ornare mi.</li>
<li><a href="#">Eating causes obesity.</a><br />
Fusce pellentesque turpis a mauris dapibus euismod. Donec nec eros iaculis
augue malesuada consequat. Morbi rutrum, nisi in ultricies <br />
<strong><br />
</strong><a href="#">View the Archive ></a> </li>
</ul>
</div>
<div class="text">
<h1><strong>Welcome to Burnt</strong></h1>
<h2><strong>October 7th 2005.</strong></h2>
<p><strong>My 3rd Design for OSWD.</strong></p>
<p>Burnt is my thrid design for OSWD. It's a three column static template.
There's not much to say except for that it's quite simple design, but can still
hold a lot of content. I was going to submit this to the OSWD Fall Design
Competition, but instead created another one, so I'm submiting this as a regular
design. Feel free to massacre it to your needs. If you're interested in me creating
a custom design for you, drop me a line anytime. Now for some more Latin. Stique
at, pulvinar quis, molestie pulvinar, quam. Nunc blandit. Vivamus posuere ultricies
tortor. Suspendisse eu mauris. Pellentesque auctor. Fusce eu massa. </p>
<p> </p>
<p>In et tellus consectetuer augue hendrerit tincidunt. Etiam ullamcorper
facilisis turpis. </p>
<p> </p>
<p><strong>Ut rutrum interdum neque.</strong></p>
<p> In lacinia magna in purus. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Praesent nunc pede, dictum in,
tincidunt nec, egestas id, ipsum. Nullam venenatis turpis a nulla. Aenean
consequat. Proin varius dignissim velit. Pellentesque dictum interdum magna. </p>
<p> </p>
<p><strong>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Etiam tristique.</strong></p>
<p> Fusce pellentesque turpis a mauris dapibus euismod. Donec nec eros iaculis
augue malesuada consequat. Morbi rutrum, nisi in ultricies tristique, diam velit
convallis nisi, ut ornare mi turpis nec tellus. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam erat
volutpat. Nullam vehicula metus. Nam quis ligula in nisl tincidunt scelerisque. Nam
ultrices, sem vel interdum sagittis, urna dolor pulvinar augue, interdum rutrum
tellus est eget urna. </p>
<p> </p>
<p><strong>Donec odio. </strong></p>
<p>Cras venenatis purus at magna. Donec viverra augue non dolor. Nunc at enim
et orci pulvinar facilisis. Etiam a libero sit amet nulla aliquet dignissim. Nam
ipsum pede, commodo a, varius et, varius at, leo. Curabitur nunc. Phasellus nisi.
Sed semper congue est. Ut sit amet libero a mauris eleifend iaculis. Donec in nulla
sit amet ante mollis sollicitudin. Cras vel felis. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Integer sagittis, nunc
a faucibus dignissim, dui lacus venenatis dui, rutrum venenatis erat tellus at
erat. </p>
</div>
</div>
</body>
</html>
<!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>
<title>Business Web</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="wrapperi">
<div id="wrapperj">
<h1 id="header"><a href="#"><img src="images/logo.gif" width="257"
height="96" alt="Business Company" /></a></h1>
<div id="left">
<form action="#" method="get" id="search" name="search">
<input name="q" class="text" />
<input type="submit" value="search" class="submit" />
</form>
<ul id="nav">
<li><a href="#">HOME</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Proposals</a></li>
<li><a href="#">contact</a></li>
</ul>
<div id="policies">
<h2><img src="images/title_our_policies.gif" width="95"
height="22" alt="our policies" /></h2>
<ul>
<li>This is demo text. It will be replaced.</li>
<li>This is demo text. It will be replaced.</li>
<li>This is demo text. It will be replaced.</li>
<li>This is demo text. It will be replaced.</li>
<li>This is demo text. It will be replaced.</li>
<li>This is demo text. It will be replaced.</li>
</ul>
</div>
<div id="callbox"><a href="#"><img src="images/call_box_left.gif"
width="123" height="110" alt="call our helpline" /></a></div>
<div class="clear"></div>
<div id="news">
<h2><img src="images/title_latest_news.gif" width="93" height="22"
alt="latest news" /></h2>
<h3>July 12, 2005</h3>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by the original. This is demo text. It will be replaced
by the original. This is demo text. It will be replaced by the original.</p>
<h3>July 12, 2005</h3>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by the original. This is demo text. It will be replaced
by the original. This is demo text. It will be replaced by the original.</p>
<h3>July 12, 2005</h3>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by the original. This is demo text. It will be replaced
by the original. This is demo text. It will be replaced by the original.</p>
<p class="readmore"><a href="#" class="green">Read More</a></p>
</div>
</div>
<div id="right">
<div id="explore">
<div id="explorei">
<h2><img src="images/title_explore.gif" width="218" height="32"
alt="explore your business" /></h2>
<ul>
<li><a href="#">on demand business</a></li>
<li><a href="#">make your business easier</a></li>
<li><a href="#">your links go here</a></li>
</ul>
<p class="learnmore"><a href="#" class="orange">learn more</a></p>
<div id="special">
<h3><img src="images/offer_box_top.gif" width="187" height="36"
alt="special business offer" /></h3>
<p>This is demo text, it will be replaced by the original. This is
demo text, it will be replaced by the original.</p>
<p class="readmore"><a href="#">Read More</a></p>
<div class="bottom"></div>
</div>
</div>
</div>
<div id="subright">
<div id="strategies">
<h2><img src="images/title_our_strategies.gif" width="112" height="22"
alt="our strategies" /></h2>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by the original. This is demo text. It will be replaced
by the original. This is demo text. It will be replaced by the original.</p>
<ul>
<li><a href="#">on demand business</a></li>
<li><a href="#">make your business easier</a></li>
<li><a href="#">your links go here.</a></li>
<li><a href="#">your text goes here replace the demo.</a></li>
</ul>
<p class="readmore"><a href="#" class="blue">Read More</a></p>
</div>
<div id="solutions">
<h2><img src="images/title_our_solutions.gif" width="104" height="22"
alt="our solutions" /></h2>
<p>This is demo text. It will be replaced by the original. This is demo
text. It will be replaced by the original. This is demo text. It will be replaced
by the original. This is demo text. It will be replaced by the original.</p>
<p class="photo"><img src="images/photo_people.jpg" width="166"
height="103" alt="" /></p>
<p class="readmore"><a href="#" class="orange">Read More</a></p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<div id="footer">
<div id="footeri"> <span class="copyright"> Powered by <a
href="http://www.freewebsitetemplates.com">Free Website Templates</a></span> <a
href="#">HOME</a> <a href="#">Services</a> <a href="#">Products</a>
<a href="#">Portfolio</a> <a href="#">Proposals</a> <a
href="#">contact</a> </div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>Advantage</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Advantage</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Advantage!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="story"> <img src="images/img06.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Advantage</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Advantage. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>Business 2007</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="container">
<div id="holder" class="clearfix">
<div id="logo">
<h1>Business Design</h1>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">TECHNOLOGY SOLUTIONS</a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a href="#">STRATEGIC PARTNERS</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">JOBS</a></li>
</ul>
</div>
<div id="header"></div>
<div id="content">
<h1>Business Design 2007. Propelling your business into the 21st Century with
a fresh, clean Web site template.</h1>
<p>Lovely. A nice clean design with no <a
href="http://validator.w3.org/check?uri=referer">HTML Validation errors</a> and
only one CSS error, and a few tiny warnings. The focus with this design was to
create something professional with a modern feel. The coding is of a good standard,
with only one extra div for structural purposes.</p>
<p>My previous designs, under the guise of NOWdesign at various Open Source
Web design template sites, has led to over fifty thousand downloads. This design
itself is intended to replace the most popular of those designs, 'Business Design'
(oswd.org & OpenWebDesign.org).</p>
<p>My name is Tjobbe Andrews, my portfolio site at SiteCreative has more
templates. For information ab0out me, visit my personal Web site.</p>
<p>Enjoy the design!</p>
</div>
<div id="news">
<div class="newsItem">
<h1>Copyright</h1>
<p>Please be so kind as to leave the copyright message in the footer
intact, if you must remove it, I would still appreciate a link to my site.</p>
</div>
<div class="newsItem">
<h1>Other info</h1>
<p>You are free to use this design for anythign you wish. I do ask that the
"design by sitecreative" stays in the footer with a link back to my site.
Please don't sell it or re-distribute it. </p>
</div>
</div>
</div>
<div id="footer"> <span id="copyright">Design by <a
href="http://www.sitecreative.net">SiteCreative</a></span>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Technology Solutions</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Strategic Partners</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Jobs</a></li>
</ul>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: BusinessBlue
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BusinessBlue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div id="logo">
<h1><a href="#">BusinessBlue</a></h1>
<p>Free Website Template</p>
</div>
<div id="info">
<ul>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li> | </li>
<li>Mail: [email protected]</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="intro">
<div class="fl_left"><a href="#"><img src="images/demo/400x230.gif" alt=""
/></a></div>
<div class="fl_right">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<ul>
<li><a href="#">Link Text</a></li>
<li><a href="#">Link Text</a></li>
<li class="last"><a href="#">Link Text</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="container">
<div id="services">
<ul>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/290x100.gif"
alt="" /></a></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p>congue magnis vestibulum quismodo nulla et feugiat.
Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<div class="imgholder"><a href="#"><img src="images/demo/290x100.gif"
alt="" /></a></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p>congue magnis vestibulum quismodo nulla et feugiat.
Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<div class="imgholder"><a href="#"><img src="images/demo/290x100.gif"
alt="" /></a></div>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p>congue magnis vestibulum quismodo nulla et feugiat.
Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
<div id="content">
<h2>Maurisurna et cursus nunc eu urna</h2>
<p>Nullanec facingilla ac tortorttis risque id urna nam sit dapientum
curabitur. Sitsem consectum at pellus quis <a href="#">males sed justo dictum</a>
urna nulla. Enimadipit orci ero ero partur semper id justo molesuada volutpat
cursus.</p>
<p>Aliquejusto pede wisi non proin nulla dui eget orci rhoncus vest.
Donecnequat et liberos congue ligula dui convallis consectetus ac at condis.</p>
<p>Malesuadaa intes euis mattitorttitor phasellus natis sem sed fring ut et.
Rutrummauris urna tincidunt curabitur feugiat <a href="#">por mus id pede
consectetus</a> massa. Velnullam orci ulla pendrerit nulla sociis curabitur morbi
ipsum dui alique.</p>
<p>Diamnas <a href="#">maurisus orci</a> tellus justo nonummy et lobortis ut
orci semper. Antesqueeros fringilla maecenascetur nunc nunc faucibulum id cursus
sodalesuada tur eu.</p>
</div>
<div id="column">
<div class="flickrbox">
<h2>Latest From Flickr</h2>
<ul>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
</ul>
<br class="clear" />
</div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="footer">
<div class="footbox">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Indonectetus facilis leo nibh</h2>
<ul>
<li><a href="#">» Lorem ipsum dolor sit amet, conse</a></li>
<li><a href="#">» Phasellus tempor vestibulum odio</a></li>
<li><a href="#">» Vestibulum quis augue id mauris</a></li>
<li class="last"><a href="#">» Duis egestas elit at erat
imperdiet</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Indonectetus facilis leo nibh</h2>
<address>
Company Name<br />
Street Name & Number<br />
Town<br />
Postcode/Zip<br />
</address>
Tel: xxxxx xxxxxxxxxx
<!-- -->
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: BusinessToday
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BusinessToday</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div id="logo">
<h1><a href="#">BusinessToday</a></h1>
<p><strong>Free Website Template</strong></p>
</div>
<div id="newsletter">
<p>Sign up to our newsletter for the latest news, updates and offers.</p>
<form action="#" method="post">
<fieldset>
<legend>NewsLetter</legend>
<input type="text" value="Name…"
onfocus="this.value=(this.value=='Name…')? '' : this.value ;" />
<input type="text" value="Email…"
onfocus="this.value=(this.value=='Email…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="Sign Up" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col3">
<div id="intro">
<div class="fl_left">
<h2>Cursus penati saccum ut curabitur nulla.</h2>
<p>Cursuspenatisaccum ut curabitur nulla tellus tor ames a in curabitur pede.
Idet mollisi eros dis orci congue elis et curabitur consequam intesque.
Curabiturpisametur in ante.</p>
<p class="readmore"><a href="#">Ipsumsenterdum non velit »</a></p>
</div>
<div class="fl_right"><img src="images/demo/380x300.gif" alt="" /></div>
<br class="clear" />
</div>
</div>
<div class="wrapper col4">
<div id="services">
<ul>
<li>
<div class="fl_left"><img src="images/demo/100x180.gif" alt="" /></div>
<div class="fl_right">
<h2>Indonectetus facilis</h2>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</li>
<li>
<div class="fl_left"><img src="images/demo/100x180.gif" alt="" /></div>
<div class="fl_right">
<h2>Indonectetus facilis</h2>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</li>
<li class="last">
<div class="fl_left"><img src="images/demo/100x180.gif" alt="" /></div>
<div class="fl_right">
<h2>Indonectetus facilis</h2>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col5">
<div id="container">
<div id="content">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor
mauris. Wisinon vivamus wisis adipis laorem lobortis curabiturpiscingilla dui
platea ipsum lacingilla.</p>
<p>Semalique tor sempus vestibulum libero nibh pretium eget eu elit montes.
Sedsemporttis sit intesque felit quis elis et cursuspenatibulum tincidunt non
curabitae.</p>
</div>
<div id="column">
<div class="holder">
<h2>Nullamlacus loborttis</h2>
<ul id="latestnews">
<li> <img class="imgl" src="images/demo/100x75.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
</li>
<li class="last"> <img class="imgl" src="images/demo/100x75.gif"
alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
</li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col6">
<div id="footer">
<div id="login">
<h2>Client Login !</h2>
<p>Clients can Login to their accounts here.</p>
<form action="#" method="post">
<fieldset>
<legend>Client Login</legend>
<div class="fl_left">
<input type="text" value="Enter email address…"
onfocus="this.value=(this.value=='Enter email address…')? '' : this.value ;"
/>
<input type="password" value="Enter password…"
onfocus="this.value=(this.value=='Enter password…')? '' : this.value ;" />
</div>
<div class="fl_right">
<input type="submit" name="login_go" id="login_go" value="»" />
</div>
</fieldset>
</form>
<p><a href="#">» Lost Your Password</a> | <a href="#">Create An Account
»</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col7">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Busy City</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link href="bc-stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div>
<ul>
<li><a href="#" class="on">Home</a></li>
<li><a href="#code">code</a></li>
<li><a href="#author">author</a></li>
<li><a href="#contact">contact</a></li>
</ul>
<h1> <a href="#">Busy City</a></h1>
</div>
</div>
<div id="content">
<div id="right">
<h2 id="idea">The <em>Idea</em></h2>
<p>This is my entry for the <a href="#">openwebdesign.org</a> competition
(March '06). To enter the competition I had to base my design
on a theme which was chosen to be "The City" and this is what I came up
with.</p>
<p><strong>NB:</strong> Due to <a href="#">owd</a>'s <strong>25kb</strong>
limit on images, I had to reduce the quality of
the header image in order for it to be accepted into the competition,
however, I have created a higher quality version which you can find
here.</p>
<h2 id="code">The <em>Code</em></h2>
<p>Busy City has been coded entirely in <acronym title="eXtensible HyperText
Markup Language">XHTML</acronym> 1.1 & <acronym title="Cascading Style
Sheets">CSS</acronym>. No tables
were touched in the making of this website. Isn't that cool? As well as
being cool, using <acronym title="eXtensible HyperText Markup
Language">XHTML</acronym> & <acronym title="Cascading Style
Sheets">CSS</acronym> has many advantages
such as:</p>
<ul>
<li><strong>Cleaner Code</strong>: Adherence to strict guidelines results
in cleaner code. All extraneous or ambiguous elements are eliminated,
so pages are smaller, load faster, and render correctly.</li>
<li><strong>Interoperability and Accessibility</strong>: <acronym
title="eXtensible HyperText Markup Language">XHTML</acronym> is currently readable
by the greatest number of browsers, devices and
assistive technologies like screen readers. Accessibility is quickly
becoming a legal issue.</li>
<li><strong>Search Engine Friendly Code</strong>: <acronym
title="eXtensible HyperText Markup Language">XHTML</acronym> produces pages that
search engine spiders find easy to understand. There
are no presentational elements or bloated code to confuse the spiders,
so they'll crawl everything that matters and rank you accordingly.</li>
<li><strong>Design Consistency</strong>: With <acronym title="Cascading
Style Sheets">CSS</acronym>,
the same style elements can be applied to every page of a site. From
the first page forward, your visitors will be presented with a consistent
design scheme, building their comfort level and effectively promoting
your brand.</li>
<li><strong>Easy Maintenance</strong>: Changes to <acronym title="Cascading
Style Sheets">CSS</acronym> web page designs are simple. Instead of having to go
back and alter
every single page of your site, with <acronym title="Cascading Style
Sheets">CSS</acronym> only the relevant style sheets have to be updated, saving you
hours
of work and limiting the introduction of possible errors.</li>
</ul>
<h2 id="examples">The <em>Examples</em></h2>
<p>Here are some example elements that you may end up using on your
website.</p>
<ul>
<li>An un-ordered list</li>
<li>With several items</li>
<li>To give you an example</li>
</ul>
<blockquote>
<p>Some blockquote text. Lorem ipsum dolor sit amet, consectetuer
adipiscing
elit. Cras semper neque ac tellus. Vestibulum ante ipsum primis in
faucibus
orci.</p>
</blockquote>
<h2 id="author">The <em>Author</em></h2>
<p>My name is Jenna Smith, and I am a 19 year old female from Cambridgeshire,
<acronym title="United Kingdom">UK</acronym>. I work full time as a Web
Designer for a very well known company and freelance out of work through
my growldesign website.</p>
<p>I made my first website when I was 11 years old and have been using
<acronym title="eXtensible HyperText Markup Language">XHTML</acronym> &
<acronym title="Cascading Style Sheets">CSS</acronym> for around
2 years. Other languages I know include <acronym title="Hypertext Pre-
processor">PHP</acronym>, <acronym title="Open source Structured Query
Language">MySQL</acronym>, <acronym title="eXtensible Markup
Language">XML</acronym> and <acronym title="eXtensible StyleSheet Language
Transformation">XSLT</acronym>.
For a full list, take a look at my website.</p>
<h2 id="contact">Contact <em>Me</em></h2>
<p>If you are a small business wanting an online presence, or a company
looking to outsource, feel free to me for a quote.</p>
</div>
<div id="left">
<h2>From the <em>Gallery</em></h2>
<ul class="thumbs">
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
<li><a href="#"><img src="img/header_top.gif" width="50" height="50"
alt="Thumbnail Example" /></a></li>
</ul>
<h2>Useful <em>Links</em></h2>
<ul>
<li><a href="http://www.growldesign.co.uk">Web Development &
Design</a></li>
<li><a href="#">CSSBeauty</a></li>
<li><a href="#">CSSMania</a></li>
<li><a href="#">Learn CSS</a></li>
</ul>
<h2>More <em>Text</em></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tellus nisi,
iaculis ac, sagittis vel.</p>
<h2>More <em>Text</em></h2>
<p>Cras laoreet hendrerit leo. Nam luctus condimentum nunc. Maecenas congue
consectetuer risus. Proin dictum, risus sed ornare gravida, ligula mauris.</p>
</div>
</div>
</div>
<div id="footer">
<!-- It is not an imperitive that you leave a link to my site but I would be
grateful if you did -->
<p>Copyright © 2006 Company. All Rights Reserved. <a
href="http://validator.w3.org/check/referer">XHTML 1.1</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer?
warning=no&profile=css2">CSS</a> | design/inspired by <a
href="http://www.growldesign.co.uk">growldesign</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: BusyBusiness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BusyBusiness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/featured_slide.js"></script>
</head>
<body id="top">
<!--
###################################################################################
#################### -->
<div class="wrapper col1">
<div id="header">
<div class="fl_left">
<h1><a href="#">BusyBusiness</a></h1>
<p>Free Website Template</p>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
<input type="submit" name="go" id="go" value="GO" />
</fieldset>
</form>
</div>
</div>
<div id="topnav">
<ul>
<li><a class="active" href="index.html">Homepage</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="pages/style-demo.html">Style Demo</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li class="last"><a href="#">Our Services</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
</ul>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="featured_slide">
<div class="preview_holder"><img src="images/demo/slide_1.gif" alt="" />
<div class="text_holder">
<div class="introtext">
<p class="title"><a href="#">The title for the first image !</a></p>
<p>Integer vitae nulla. Cum sociis natoque penatibus et magnis dis
parturient montes.</p>
</div>
</div>
</div>
<div class="selector">
<ul>
<li><a href="images/demo/slide_1.gif"><img src="images/demo/50x50.gif"
alt="" /></a>
<div class="introtext">
<p class="title"><a href="#">The title for the first image !</a></p>
<p>Integer vitae nulla. Cum sociis natoque penatibus et magnis dis
parturient montes.</p>
</div>
</li>
</ul>
</div>
<div class="selector">
<ul>
<li class="middle"><a href="images/demo/slide_2.gif"><img
src="images/demo/50x50.gif" alt="" /></a>
<div class="introtext">
<p class="title"><a href="#">The title for the second image !</a></p>
<p>Integer vitae nulla. Cum sociis natoque penatibus et magnis dis
parturient montes.</p>
</div>
</li>
</ul>
</div>
<div class="selector">
<ul>
<li><a href="images/demo/slide_3.gif"><img src="images/demo/50x50.gif"
alt="" /></a>
<div class="introtext">
<p class="title"><a href="#">The title for the third image !</a></p>
<p>Integer vitae nulla. Cum sociis natoque penatibus et magnis dis
parturient montes.</p>
</div>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="homecontent">
<div class="fl_left">
<div class="column2">
<ul>
<li>
<h2>Lipsum</h2>
<div class="imgholder"><img src="images/demo/240x130.gif" alt=""
/></div>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Lipsum</h2>
<div class="imgholder"><img src="images/demo/240x130.gif" alt=""
/></div>
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
<div class="column2">
<h2>About This Free CSS Template !</h2>
<img class="imgl" src="images/demo/imgl.gif" alt="" />
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer. For more CSS templates visit <a
href="http://www.os-templates.com/">Free Website Templates</a>.</p>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa.</p>
<p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
</div>
</div>
<div class="fl_right">
<h2>Latest News From Our Blog</h2>
<ul>
<li>
<p><a href="#"><img src="images/demo/80x80.gif" alt="" /></a>
Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem.
Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis
loreet.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p><a href="#"><img src="images/demo/80x80.gif" alt="" /></a>
Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem.
Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis
loreet.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p><a href="#"><img src="images/demo/80x80.gif" alt="" /></a>
Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem.
Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis
loreet.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p><a href="#"><img src="images/demo/80x80.gif" alt="" /></a>
Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem.
Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis
loreet.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<p><a href="#"><img src="images/demo/80x80.gif" alt="" /></a>
Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem.
Atnatis dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis
loreet.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="footer">
<div class="footbox">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Indonectetus facilis leo nibh</h2>
<ul>
<li><a href="#">» Lorem ipsum dolor sit amet, conse</a></li>
<li><a href="#">» Phasellus tempor vestibulum odio</a></li>
<li><a href="#">» Vestibulum quis augue id mauris</a></li>
<li class="last"><a href="#">» Duis egestas elit at erat
imperdiet</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Indonectetus facilis leo nibh</h2>
<address>
Company Name<br />
Street Name & Number<br />
Town<br />
Postcode/Zip<br />
</address>
Tel: xxxxx xxxxxxxxxx
<!-- -->
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>buzzword</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css"
media="screen,projection" />
</head>
<body>
<div id="container">
<div id="header">
<h1>buzzword</h1>
</div>
<div id="menubar">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">FORUM</a></li>
</ul>
</div>
<!--left column-->
<div id="leftcol">
<div class="rightbox"> <img src="turtle.jpg" alt="img" />
<div class="brief"> Turtles, not having the power of speech, are not prone to
using buzzwords. </div>
</div>
<h1>What is a buzzword?</h1>
<h2>A trendy word or phrase that is used more to impress than explain.</h2>
<div class="copy">People hear so many buzzwords day-in and day-out that they
get numb to them. But there is one buzzword that always gets people's attention.
FREE! This template is free for you to download and modify however you want. The
only thing I ask is that you leave the link to me in the footer giving me credit
for the original design. </div>
<div class="copy"> If you find this template useful and want to support my
work, then please visit websitedesignbasics.com and send me a paypal donation.
Thank you. </div>
<div class="dateline"> Posted today: In primary action items </div>
<div class="rightbox"> <img src="pod.jpg" alt="img" />
<div class="brief"> Alien pod-plants are popping up all over the place.
</div>
</div>
<h1>Alien pod-plants</h1>
<h2>Follow these tips to make sure your alien pod-plants survive winter's
chill.</h2>
<div class="copy">• Make sure tender specimens are planted in a sheltered
spot, under large trees and shrubs or against walls. <br />
• Ensure that plants with tender flower buds or shoots are not planted
in east-facing sites. <br />
• Leave the old growth of tender plants unpruned over the winter months.
This will help to protect the central crown of the plant and take the brunt of any
frost damage. If plants are cut back hard in autumn new growth could be damaged by
frost. </div>
<div class="dateline"> Posted today: In primary action items </div>
</div>
<!--end left column-->
<!--right column-->
<div id="rightcol">
<h1>Welcome</h1>
<div class="righttext"> <img src="vine.jpg" alt="img" /> What's the buzz? The
buzz is blogging. This template is suitable for blogging with easy-to-read
type and lots of spots for<a href="#">photos and graphics</a>. The right-hand
column is an excellent spot for a menu. </div>
<h2>Like this one:</h2>
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
<li><a href="#">Item six</a></li>
<li><a href="#">Item seven</a></li>
<li><a href="#">Item eight</a></li>
<li><a href="#">Item nine</a></li>
<li><a href="#">Item ten</a></li>
<li><a href="#">Item eleven</a></li>
<li><a href="#">Item twelve</a></li>
</ul>
<h2>Directions:</h2>
<div class="righttext"> For external use only. <br />
To relieve muscle stiffness, prevent bed sores and relieve soreness of
sprains and bruises. </div>
</div>
<!--end right column-->
<div id="footer"> Your company name : <a
href="http://www.websitedesignbasics.com">Design by websitedesignbasics.com</a>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Canvass
Version : 1.0
Released : 20070615
Description: A two-column, fixed width template with a artistic look.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Canvass by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Canvass</a></h1>
<p>By <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
<!-- end header -->
<div id="page">
<div id="content">
<div class="feature bg7">
<h1 class="title">Welcome to Our Website!</h1>
<div class="content">
<p><img src="images/img03.jpg" alt="" width="122" height="122" class="left"
/> <strong>Canvass</strong> is a free template from <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from <a href="http://www.pdphoto.org/">PDPhoto.org</a>.
You're free to use it for both commercial or personal use. I only ask that you link
back to my site in some way. <em><strong>Enjoy :)</strong></em></p>
<p> </p>
</div>
</div>
<div class="box">
<h2 class="title bg4">Lorem Ipsum</h2>
<div class="content">
<p>Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est.
Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna,
consequat vel, suscipit in, mattis placerat, nulla.</p>
<ul class="list">
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
</ul>
</div>
</div>
<div class="box" style="padding-left: 19px;">
<h2 class="title bg5">Mauris Et Vulputate</h2>
<div class="content">
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque
tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis,
rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat
odio vel elit.</p>
<p> Sed ac leo. <a href="#">Pellentesque imperdiet…</a></p>
</div>
</div>
</div>
<!-- end content -->
<div id="sidebar">
<ul>
<li id="menu" class="bg6">
<h2 class="bg1">Menu</h2>
<ul>
<li class="first"><a href="#" accesskey="1" title="">Home</a></li>
<li><a href="#" accesskey="2" title="">Blogs</a></li>
<li><a href="#" accesskey="3" title="">Photos</a></li>
<li><a href="#" accesskey="4" title="">Links</a></li>
<li><a href="#" accesskey="5" title="">About</a></li>
<li><a href="#" accesskey="6" title="">Contact</a></li>
</ul>
</li>
<li id="news">
<h2 class="bg2">Categories</h2>
<ul>
<li class="first">6/15: <a href="#">Donec dictum metus lorem ipsum
…</a></li>
<li>6/12: <a href="#">Etiam rhoncus volutpat lorem ipsum…</a></li>
<li>6/9: <a href="#">Integer gravida nibh lorem ipsum…</a></li>
</ul>
</li>
<li id="archives">
<h2 class="bg3">Archives</h2>
<ul>
<li class="first"><a href="#">June 2007</a> <i>(2)</i></li>
<li><a href="#">May 2007</a> <i>(31)</i></li>
<li><a href="#">April 2007</a> <i>(30)</i></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
<div id="footer">
<p id="legal"><strong>Canvass</strong> © 2007. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"> <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
<!-- end footer -->
</body>
</html>
<!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>Capsicum</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Capsicum</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="sidebar">
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome">
<h2>Welcome to Capsicum!</h2>
<img src="images/img03.jpg" alt="" width="180" height="140" style="position:
relative; float: left; margin-right: 1em;" />
<p><strong>Capsicum</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="hr">
<hr />
</div>
<div id="example">
<h2>Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
<div id="extra"></div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Capsicum. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Carbonated</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Carbonated</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<p><img src="images/img04.jpg" alt="" width="420" height="200" /></p>
<h2>Welcome to Carbonated!</h2>
<p><strong>Carbonated</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<div class="hr">
<hr />
</div>
<h2>Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique
ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id,
elementum congue, nibh.</p>
<p>This is another example of a paragraph followed by an ordered list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>News & Events</h2>
<dl>
<dt><strong>April 5, 2007</strong></dt>
<dd>In posuere eleifend odio quisque semper augue mattis wisi maecenas
ligula. <a href="#">More…</a></dd>
<dt><strong>April 2, 2007</strong></dt>
<dd>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna
congue rutrum. <a href="#">More…</a></dd>
<dt><strong>March 30, 2007</strong></dt>
<dd>Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">More…</a></dd>
</dl>
</li>
<li>
<h2>Numbered List</h2>
<ol>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum enim</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elit vitae augue</a></li>
<li><a href="#">Sed quis odio sagittis leo</a></li>
</ol>
</li>
<li>
<h2>A Sidebar's Blockquote</h2>
<blockquote>
<p>“Quisque dictum integer nisl risus, sagittis convallis, rutrum
id, congue, and nibh. Donec leo, vivamus fermentum nibh in augue praesent a lacus
at urna congue rutrum.”</p>
</blockquote>
<ul>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Carbonated. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Cardinal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
@import url("css/layout.css");
@import url("css/typo.css");
@import url("css/color.css");
@import url("css/nav.css");
@import url("css/forms.css");
</style>
</head>
<body>
<div id="container">
<div id="header">
<p class="logo"><img src="img/logo.gif" alt="logo" /></p>
<p class="head">CardinaL</p>
<p class="subhead">A Beautiful Slogan</p>
</div>
<!-- header--->
<div id="login">
<form id="access" action="#" method="post">
<p>
<label for="codice">User: </label>
<input type="text" name="codice" id="codice" value="" size="15" />
<label for="password">Pass: </label>
<input type="password" name="password" id="password" value="" size="15" />
<input type="submit" value=" Login " />
</p>
</form>
</div>
<div id="page">
<div id="main">
<h1>About Cardinal</h1>
<p>This template is coded in XHTML 1.0 Strict.
The name <strong>Cardinal</strong> is inpired by the color scheme.
It's kinda <em>serious looking</em>. Note that the <code><h1></code>
heading is in the top of page <em>content</em> and not in the <em>header</em>!
There are some<a href="#">good argomentation</a> (fake link) about that on
the net.</p>
<h2>Many CSS</h2>
<p>I start make use of my personal css <em>framework</em>, inspired by some
articles
on the web. Actually this template use 5 stylesheets:</p>
<dl>
<dt>layout.css</dt>
<dd>main style to define the blocks</dd>
<dt>color.css</dt>
<dd>all about colors and backgrounds (even image)</dd>
<dt>typo.css</dt>
<dd>definitions of typography</dd>
<dt>nav.css</dt>
<dd>styling the navigation menu</dd>
<dt>forms.css</dt>
<dd>the login form (optional)</dd>
</dl>
<p>Splitting the css help me to spot problems and work better. If you don't
like
to manage all this files there are 2 solutions:</p>
<ol>
<li>concatenate all the stylesheets in one file;</li>
<li>create a <em>main.css</em> that @includes all other css</li>
</ol>
<p>If you choose one of the above solutions you can import only one css in
the
head section.</p>
<h2>Browser Test</h2>
<p>I have tested this layout on a MS Windows machine with the following
browsers:</p>
<ul>
<li>Internet Explorer 6.0</li>
<li>Mozilla Firefox 1.5</li>
<li>Opera 9.01</li>
</ul>
<h3>The Logo</h3>
<p>The logo in the upper left is a simple transparent <em>gif</em> 95x84
pixels.
If your logo has differend size adjust <code>width</code> and
<code>height</code> for <code>#header-p.logo</code> in <strong>typo.css</strong>
file.
Or you can rid of the logo and center the header-changing the <code>margin-
left</code> in the <code>#header-p.head, #header-p.subhead</code> declarations in
<strong>typo.css</strong> file.</p>
<p><em>In this page you can see examples of headings (h1, h2, h3), strong,
em, link,
code, lists (ordered, unordered, definition) and bad english</em>.</p>
</div>
<!-- main -->
<div id="nav">
<!-- <p>Navgazione</p> -->
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a>
<ul>
<li><a href="#">Our Mission</a></li>
<li><a href="#">Edition 2004/05</a></li>
<li><a href="#">Photo Gallery</a></li>
</ul>
</li>
<li><a href="#">Journal</a>
<ul>
<li><a href="#">Articles & News</a></li>
<li><a href="#">Statistic of Month</a></li>
<li><a href="#">Our Redaction</a></li>
</ul>
</li>
<li><a href="#">Partnership</a>
<ul>
<li><a href="#">Press Digest</a></li>
</ul>
</li>
</ul>
</div>
<!-- nav -->
</div>
<!-- page -->
<div id="footer">
<p> "<strong>Cardinal</strong>" Free Template for The Web <br />
Designed by <a href="#">Scaracco</a> whith XHTML/CSS <br />
feel free to use and abuse </p>
</div>
<!-- footer -->
</div>
<!-- container -->
</body>
</html>
<!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>Aerolyk</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Aerolyk</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="colOne">
<div class="post">
<h2 class="title">Welcome to Aerolyk!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Aerolyk</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>.You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An unordered list:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
</ul>
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Sed eu diam. Vivamus nonummy elit et odio. Fusce risus quam,
scelerisque sed, pharetra ut, pharetra id, ante. Etiam posuere, elit a blandit
varius, velit sem tincidunt elit, et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie.</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Search</h2>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Aerolyk. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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 profile="http://gmpg.org/xfn/11">
<title>Carrera</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrap">
<div id="content-container">
<div id="header">
<div id="navlist-container">
<div id="navlist">
<ul>
<li class="current_page_item"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
</div>
<h1><a href="#">Carrera</a></h1>
<div id="subtitle">Free CSS Template</div>
<div class="alignleft"> </div>
<div id="menu_search_box">
<form method="get" id="searchform" style="display:inline;" href="#">
<span class="searchttl">Search: </span>
<input type="text" class="s" value="" name="s" id="s" />
</form>
</div>
</div>
<div id="aboutus"> <b>About us</b> <br />
Duiet laculum fring non anterdum vestas elit ac dolor elit convallicituris.
Auguemus vestibulum temper vestibulum sodalesuada vitae nibh molesuada aenean sit
pretra. Metuerleo ipsum liberos euisque tellus portis ut pede semper odio tor.
Ideuis habiturpiscingillam gravida convallis tor vel moles morbi vitae mollis
wisi.<br />
<a href="#">more...</a></div>
<div id="content">
<div class="post-container">
<div class="post" id="post-3">
<div class="posttop">
<h2><a href="#"> Download High Quality Car Wallpapers </a></h2>
<div class="postinfo">
<div class="posted"> Filed under: <a href="#">Wallpapers</a> </div>
<div class="published"> 26 July 2008 </div>
</div>
</div>
<div class="entry">
<div class="content">
<p>Duiet laculum fring non anterdum vestas elit ac dolor elit
convallicituris. Auguemus vestibulum temper vestibulum sodalesuada vitae nibh
molesuada aenean sit pretra. Metuerleo ipsum liberos euisque tellus portis ut pede
semper odio tor. Ideuis habiturpiscingillam gravida convallis tor vel moles morbi
vitae mollis wisi. Accumlaoreet libero elis maurisus laorem sce ero orci augue
molesuada duis.</p>
<p>Acsempus convallis orci id nullamcorper nisl pretium tortor lacus
id vitas. Tempusalique por pede nibh aliquam in ipsum ac lacilis euis tempus.
Lobortaodio nam ridictus temper laorem platea masse eget ut temper et. Nibhlaorem
dignisse ut nunc eget condimente ut platea sed et faucibulum. Utaccumsan diam nec
famet sagittitor urna magna nibh aenean temporttis nullam.</p>
<p>Condisconvallisis cursus hendrerit convallis consequam doloreet ut
ac purus tincidunt dui. Aenenasnulla nisl gravida facinia sus loreet pretium nibh
amet quis trices. Tempusrhoncus dui nibh augue quisque ac nulla sit tellus
convallicitudin fring. Aliquatvelis venec nec laorem porta praesenean portis por et
vestibulum nulla. Ligulaipsum pellentum pellus et ut dictus pellus id nonummy a
consequam.</p>
<p>Nullamtemper tincidunt faucibus in nequam estas nasce eros wisi
non adipiscing. Gravidanibh sem urna intesque platea tur et nulla ut ut loreet.
Ametuerconsequam temper nulla intesque neque torta justo alique cumst sit interdum.
Vitaenequat vestas tincidunt adipis metus massa pellus et et hendreristique
feugiat. Justoero condiment platea sed elit sed id pellent semper ac cras.</p>
<p>Euadipiscing consectum justo fauctor sed a rutrum dignisl vitae
ligula scetuer. Etnec wisi cursus at mi velit purus et ut sed wisi. Aliqueet at a
et sem ut vivamus at adipiscing molesuada alique. Nibhtincidunt curabitae vel nulla
convallis consectetus tincidunt sus aucibulum interdum et. Eulacilis non leo torta
tincidunt torta et morbi nunc ligula feugiat.</p>
</div>
</div>
<div class="postbottom">
<div class="rssfeed"> <a href="#">RSS</a> </div>
<div class="comments"> <a href="#">1 Comment</a> </div>
</div>
</div>
<div class="post" id="post-1">
<div class="posttop">
<h2><a href="#"> Hello world! </a></h2>
<div class="postinfo">
<div class="posted"> Filed under: <a href="#">Templates</a> </div>
<div class="published"> 26 July 2008 </div>
</div>
</div>
<div class="entry">
<p>Hendreritid consectetuer pellus quis libero justo morbi ut justo
condis dui. Interdummagna nulla fametuer vel sem mollicitur vel quismodo mattitor
rutrum magna. Quisipsum pellentum risus congue euis sodalesuada a nibh nam faucibus
phasellentesque. Curabiturpisciniaac nibh velis sit at eros dignisl urna libero
congue euisque. Habiturnunc trisus vestibulum aenean elit et ipsum rhoncus urna
felit morbi.</p>
</div>
<div class="postbottom">
<div class="rssfeed"> <a href="#">RSS</a> </div>
<div class="comments"> <a href="#">1 Comment</a> </div>
</div>
</div>
</div>
<div id="sidebars-area">
<div id="sidebars">
<div id="sidebar">
<ul>
<li id="categories-187785351" class="widget widget_categories">
<h2 class="widgettitle">Categories</h2>
<ul>
<li><a href="#">Templates</a> </li>
<li><a href="#">Wallpapers</a> </li>
</ul>
</li>
<li id="archives" class="widget widget_archive">
<h2 class="widgettitle">Archives</h2>
<ul>
<li><a href="#">July 2008</a></li>
</ul>
</li>
<li id="calendar" class="widget widget_calendar">
<h2 class="widgettitle"> </h2>
<div id="calendar_wrap">
<table id="wp-calendar" summary="Calendar">
<caption>
October 2008
</caption>
<thead>
<tr>
<th scope="col" title="Monday">M</th>
<th scope="col" title="Tuesday">T</th>
<th scope="col" title="Wednesday">W</th>
<th scope="col" title="Thursday">T</th>
<th scope="col" title="Friday">F</th>
<th scope="col" title="Saturday">S</th>
<th scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td abbr="July" colspan="3" id="prev"><a href="#">«
Jul</a></td>
<td class="pad"> </td>
<td colspan="3" id="next" class="pad"> </td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="2" class="pad"> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td id="today">20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td class="pad" colspan="2"> </td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
</div>
<div id="sidebar2">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">July 2008</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Templates</a> (1) </li>
<li><a href="#">Wallpapers</a> (1) </li>
</ul>
</li>
<li class="linkcat">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Development Blog</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Plugins</a></li>
<li><a href="#">Suggest Ideas</a></li>
<li><a href="#">Support Forum</a></li>
<li><a href="#">Themes</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="#">Log in</a></li>
<li><a href="http://validator.w3.org/check/referer">Valid <abbr
title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends
Network">XFN</abbr></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="footerlinks"> Designed by: <a
href="http://www.hostsvault.com">HostsVault.com</a> the leader in <a
href="http://www.hostsvault.com">Cheap Hosting</a> solutions. </div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>Catchinfo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<style>
#left ul li a{text-indent:-2000px;}
</style>
<![endif]-->
</head>
<body>
<div id="main">
<div id="header"> <img src="images/logo.gif" width="221" height="61"
alt="Catchinfo" />
<h1>Lorem ipsum dolor sit amet,</h1>
</div>
<div id="body">
<div id="left">
<ul>
<li><a href="#" class="home">Home</a></li>
<li class="li1"><a href="#" class="contact">Contact</a></li>
</ul>
</div>
<div id="mid">
<h1>Dont miss a chance</h1>
<a href="#" class="see">See details</a>
<h2>why we are ahead</h2>
<p>Catch Info is a <strong>free, tableless, W3C-compliant</strong> web design
layout by Template World. This template has been tested and proven compatible with
all major browser environments and operating systems. You are free to modify the
design to suit your tastes in any way you like.</p>
<p>We only ask you to not remove <strong>"Design by Template World"</strong>
and the link http://www.templateworld.com from the footer of the template.</p>
<p class="nibh"><span>“</span>If you are interested in seeing more of
our free web template designs feel free to visit our website, Template World. We
intend to add at least 25 new free templates in the coming
month.<span>”</span><span class="name">m joseph</span></p>
<a href="#">more</a></div>
<div id="right_bg">
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Surpport</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Chat</a></li>
<li><a href="#">Ideas</a></li>
<li class="li2"><a href="#">Meeting</a></li>
</ul>
</div>
<br class="blank" />
</div>
</div>
<div id="bottom_table">
<div id="bottom">
<div id="leftdiv">
<h2>current events<br />
<span>on 30th september 2006</span></h2>
<p><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.ut Etiam
ut magna. Proin velit enim,</strong> suscipit sed, dapibus gravida, scelerisqu e
etmagna. Fusce dolor leo, feugiat quis, elementum aullamcoi<br />
narcu. Praesent t</p>
<p>nibh. Vestibulum at velit sit amet nunc malesuada venenatis. Sed malesuada
odio a lacus sollicitudin elementum. Praesent porttitor auctor leo. Morbi congue
arcu. Morbi vel risus sit amet erat fringill</p>
<p><strong>nibh. Vestibulum at velit sit amet nunc malesuada </strong>
venenatis. Sed malesuada odio a lacus sollicitudin elementum. Praesent porttitor
auctor leo. </p>
<a href="#">more</a> </div>
<p class="line"></p>
<div id="right"> <a href="#"><img src="images/online.gif" alt="online
supportchart" width="289" height="116" border="0" title="online supportchart"/></a>
<h2>services</h2>
<h3>Lorem ipsum dolor sit amet, consectetuer adipiscing </h3>
<ul>
<li><a href="#">suscipit sed, dapibus gravida, scelerisqu </a></li>
<li><a href="#">etmagna. Fusce dolor leo, feugiat quis,</a></li>
<li><a href="#">elementum aullamcoi</a></li>
<li><a href="#">narcu. Praesent t</a></li>
</ul>
<a href="#" class="link">more</a> </div>
</div>
</div>
<div id="footer">
<div id="footer_div">
<ul>
<li><a href="#" class="mg">About us</a>|</li>
<li><a href="#">Services</a>|</li>
<li><a href="#">Surpport</a>|</li>
<li><a href="#">Testimonials</a></li>
<li>|<a href="#">Clients</a>|</li>
<li><a href="#">Chat</a>|</li>
<li><a href="#">Ideas</a>|</li>
<li><a href="#">Meeting</a></li>
</ul>
<ul class="ad">
<li class="nobor1"><a><span>Designed by:</span></a><br />
<a class="footer_div" href="http://www.templateworld.com"
target="_blank">Template World</a></li>
<li class="nobor1"><a><span>ph:</span><br />
012-2568-6897</a></li>
<li class="nobor"><a><span>fax:</span><br />
(012)-2568-6898</a></li>
</ul>
<ul class="css">
<li><a href="http://validator.w3.org/check?uri=referer" target="_blank"
class="htm" title="xhtml valid">xhtml</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer"
target="_blank" class="cs" title="css valid">css</a></li>
</ul>
<p>©catchinfo. All right reserved.</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Center Stage
Version : 1.0
Released : 20070710
Description: A two-column, fixed-width template suitable for small business
websites.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Center Stage by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Center Stage</a></h1>
<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Galleries</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div id="page">
<div id="content">
<div style="margin-bottom: 20px;">
<h1 class="title">Welcome to Our Website!</h1>
<p><strong>Center Stage</strong> is a free template from <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You"re free to use it for both commercial or personal use. I only ask
that you link back to <a href="http://www.freecsstemplates.org/">my site</a> in
some way. <em>Enjoy :)</em></p>
<h2>Praesent Scelerisque</h2>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat:</p>
<blockquote>
<p>“Integer nisl risus, sagittis convallis, rutrum id, elementum
congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam
ante orci, pellentesque eget.”</p>
</blockquote>
</div>
<div> </div>
<div class="twocols">
<div class="col1">
<h3 class="title">Lorem Ipsum Dolor</h3>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna
congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh.</p>
<p><a href="#">Read more…</a></p>
</div>
<div class="col2">
<h3 class="title">Pellentesque Quis</h3>
<ul class="list">
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus dui</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum</a></li>
<li><a href="#">Aenean facilisis ligula</a></li>
<li><a href="#">Vestibulum luctus dui</a></li>
<li><a href="#">Ut elit vitae augue</a></li>
<li><a href="#">Sed sagittis leo vehicula</a></li>
<li><a href="#">Ut elit vitae augue</a></li>
</ul>
</div>
</div>
</div>
<!-- end content -->
<div id="sidebar">
<div id="search" class="boxed">
<h2 class="title">Quick Search</h2>
<div class="content">
<form id="searchform" method="get" action="">
<fieldset>
<input id="searchinput" type="text" name="searchinput" value="" />
<input id="searchsubmit" type="submit" value="Search" />
<p><a href="#">Advanced Search</a></p>
</fieldset>
</form>
</div>
</div>
<div id="news" class="boxed">
<h2 class="title">News & Events</h2>
<div class="content">
<ul>
<li class="first">
<h3>04 July 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper…</a></p>
</li>
<li>
<h3>29 June 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in
augue…</a></p>
</li>
<li>
<h3>13 June 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus
sagittis…</a></p>
</li>
</ul>
</div>
</div>
<div id="extra" class="boxed">
<h2 class="title">Sagittis Convallis</h2>
<div class="content">
<ul class="list">
<li class="first"><a href="#">Ut semper vestibulum est…</a></li>
<li><a href="#">Vestibulum luctus venenatis…</a></li>
<li><a href="#">Integer rutrum nisl in mi…</a></li>
</ul>
</div>
</div>
</div>
<!-- end sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
<div id="footer">
<p id="legal">©2007 Center Stage. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"><a href="#">Privacy</a> | <a href="#">Terms</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
</body>
</html>
<!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>Chamberlands Restaraunt</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<!-- Start Border -->
<div id="border"> <img src="images/border-top.jpg" alt="" class="block" />
<!-- Start Main Wrapper -->
<div id="wrapper">
<!-- Start Header -->
<div id="header"> <img src="images/top-banner.jpg" alt="" class="block" />
</div>
<!-- End Header -->
<!-- Start Navigation Bar -->
<div id="navbar"> Nav </div>
<!--`End Navigation Bar -->
<div id="leftcolumn"> <img src="images/sub-navigation.jpg" alt="" />
<ul class="mainnav">
<li class="border-top"><a href="#">Home</a></li>
<li><a href="#">The Restaraunt</a></li>
<li><a href="#">Trattoria</a></li>
<li><a href="#">Sample Menus</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Reservations</a></li>
<li><a href="#">Directions</a></li>
<li><a href="#">Chamberlands Careers</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Reservations</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Reservations</a></li>
</ul>
<br />
<img src="images/sub-contact.jpg" alt="" width="145" height="23" />
<ul class="mainnav">
<li class="border-top"><a href="#">Reservations</a></li>
<li><a href="#">Information</a></li>
<li><a href="#">Customer Service</a></li>
</ul>
<br />
<p class="center"> <img src="images/contact-details.jpg" alt="Contact
Details" /> </p>
</div>
<!-- End Left Column -->
<!-- Start Center Column -->
<div id="centercolumn"> <img src="images/menu.jpg" alt="Menu" width="297"
height="550" /> <br />
</div>
<!-- End Center Column -->
<!-- Start Right Column -->
<div id="rightcolumn">
<p><a href="#"><img src="images/thumb-desserts.jpg" alt="" /></a></p>
<p> </p>
<p>
<!-- End Right Column -->
<a href="#"><img src="images/thumb-food.jpg" width="129" height="92"
/></a></p>
<p> </p>
<p><a href="#"><img src="images/thumb-wine.jpg" width="128" height="92"
/></a></p>
<p> </p>
<p> <a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict"
height="31" width="88" /></a></p>
<p> </p>
<p> <a href="http://jigsaw.w3.org/css-validator/"> <img
style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-
validator/images/vcss" alt="Valid CSS!" /> </a> </p>
</div>
<div id="footer"> <em>© Copyright with <a href="http://www.code-
sucks.com">Code-Sucks.com</a> 2006</em> </div>
</div>
<!-- End Main Wrapper -->
<img src="images/border-bottom.jpg" class="block" style="float:left; margin-
bottom: 20px;" alt="" /> <br />
<br />
</div>
<!-- End Border -->
</body>
</html>
<!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" lang="en" xml:lang="en">
<head>
<title>Changingman</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="assets/css/changingman.css" />
</head>
<body id="changingman" class="index">
<div id="content">
<div id="nav-main">
<h1>Lorem ipsum dolor sit amet</h1>
<ul>
<li><a href="#">Homepage</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
</ul>
</div>
<div id="content-main"> <span id="sp-1"></span>
<div class="keypoint introduction">
<h2>Changingman layout</h2>
<p>Created by Andy Clarke with <abbr title="Cascading style
sheets">CSS</abbr> assistance from Brothercake. <abbr title="Extensible Hypertext
Mark-up Language">XHTML</abbr> and <abbr title="Cascading style sheets">CSS</abbr>
only, released under a <a
href="http://creativecommons.org/licenses/by/2.0/">Creative Commons Deed
Attribution 2.0</a>.</p>
<p>You are free:</p>
<div class="inset">
<ul>
<li>To copy, distribute and display the work</li>
<li>To make derivative works</li>
<li>To make commercial use of the work</li>
</ul>
</div>
</div>
<dl id="services">
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur.</dd>
</dl>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div id="content-sub"> <span id="sp-2"></span>
<div class="keypoint">
<h2>Lorem ipsum dolor sit amet</h2>
<dl class="next">
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
<dt><a href="#">Lorem ipsum dolor sit amet</a>.</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
</dl>
</div>
<div class="keypoint featured">
<dl>
<dt><a href="#">Lorem ipsum dolor sit amet</a></dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.</dd>
</dl>
</div>
<p id="siteinfo-legal"><a href="http://www.stuffandnonsense.co.uk">Layout
design</a> <br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</body>
</html>
<!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>
<title>Charity template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div id="logo_w1">Charitable</div>
<div id="logo_w2">Organization</div>
<div id="header_text">
<p>Make a donation today and help 2000 children</p>
<a href="#">Make a donation now !</a> </div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Who are we?</a></li>
<li><a href="#">Make a donation</a></li>
<li><a href="#">Our work</a></li>
<li><a href="#">News & press</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h1>Welcome to our organization</h1>
<p>Don't forget to check <a href="#">free website templates</a> every day,
because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look
like.</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.</p>
<h1>Photos</h1>
<div id="photos"> <a href="#"><img src="images/photo1.jpg" alt="photo" /></a>
<a href="#"><img src="images/photo2.jpg" alt="photo" /></a> <a href="#"><img
src="images/photo3.jpg" alt="photo" /></a> <a href="#"><img src="images/photo4.jpg"
alt="photo" /></a> </div>
</div>
<div id="right">
<h2>Latest news</h2>
<a href="http://www.justwebtemplates.com">Just Web Templates</a>
<p>Even more websites all about website templates on Just Web Templates.</p>
<a href="http://www.templatebeauty.com">Template Beauty</a>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
<a href="#">The forum</a>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
</div>
<div id="footerline"></div>
</div>
<div id="footer">Copyright © 2007 Charity Organization. All rights reserved |
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
</div>
</body>
</html>
<!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>Charity Trust</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><img src="images/logo.jpg" width="172" height="45" alt="Charity
Trust"></h1>
<div id="nav"> <a href="#"><img src="images/m1.jpg" width="66" height="41"
alt="M1"></a> <a href="#"><img src="images/m2.jpg" width="87" height="41"
alt="M2"></a> <a href="#"><img src="images/m3.jpg" width="83" height="41"
alt="M3"></a> <a href="#"><img src="images/m4.jpg" width="72" height="41"
alt="M4"></a> <a href="#"><img src="images/m5.jpg" width="84" height="41"
alt="M5"></a> <a href="#"><img src="images/m6.jpg" width="64" height="41"
alt="M6"></a> <a href="#"><img src="images/m7.jpg" width="89" height="41"
alt="M7"></a> <a href="#"><img src="images/m8.jpg" width="89" height="41"
alt="M8"></a> </div>
</div>
<div id="headline">
<div id="photo">
<div> <img src="images/pic_1.jpg" width="618" height="254" alt="Pic 1">
</div>
</div>
<div id="search-news">
<h2>Search this site</h2>
<form action="#">
<div>
<input type="text" name="q" value="" id="q" />
</div>
<div class="more">
<input type="image" name="search" value="" src="images/btn_search.gif">
</div>
</form>
<h2 class="downcast">News & Events</h2>
<div id="news-box">
<h3><a href="#">05.12.06</a></h3>
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing
elit.</p>
<p class="more"><a href="#">more</a></p>
<h3><a href="#">01.12.06</a></h3>
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing
elit.</p>
<p class="more"><a href="#">more</a></p>
</div>
</div>
<div class="clear"></div>
</div>
<div id="body">
<div id="body-left">
<h2><img src="images/h_welcome_to_our_site.gif" width="203" height="20"
alt="H Welcome To Our Site" /></h2>
<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. Don't want your boss to know you used a free website
template ;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web Templates.</p>
<p class="more"><a href="#">more</a></p>
<h2><img src="images/h_needs.gif" width="150" height="20" alt="Urgent
Needs"></h2>
<img src="images/pic_3.jpg" width="172" height="92" alt="Pic 3"
class="left" />
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit.
Mauris ut elit. Sed eu pede. Morbi quis ante a pede feugiat egestas. Etiam feugiat
mi in pede. Aenean massa sem.</p>
<ul class="plussbullets">
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer
adipiscing</a></li>
<li><a href="#">Elit. Mauris ut elit. Sed eu pede. Morbi quis ante
a</a></li>
<li><a href="#">Pede feugiat egestas. Etiam feugiat mi in pede. Aenean
massa sem.</a></li>
</ul>
</div>
<div id="body-right">
<h2><img src="images/h_donations_for_us.gif" width="151" height="20"
alt="Donations For Us"></h2>
<p><img src="images/pic_2.jpg" width="321" height="93" alt="Pic 2"></p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web Templates.</p>
<p class="more"><a href="#"><img src="images/btn_click_here.gif" width="51"
height="19" alt="Btn Click Here"></a></p>
<h2><img src="images/h_gallery.gif" width="65" height="22"
alt="Gallery"></h2>
<div id="gallery"> <a href="#"><img src="images/gal_1.jpg" width="101"
height="96" alt="Gal 1"></a> <a href="#"><img src="images/gal_2.jpg" width="114"
height="96" alt="Gal 2"></a> <a href="#"><img src="images/gal_3.jpg" width="112"
height="96" alt="Gal 3"></a> </div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<p>© 2006 all rights reserved. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</body>
</html>
<!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>
<title>*CHESSPIECE 2*</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="wrap">
<div id="masthead">
<h1>Your Company Name</h1>
<div id="menucontainer">
<div id="menunav">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#" class="current"><span>About Us</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Our Work</span></a></li>
<li><a href="#"><span>Contact Us</span></a></li>
</ul>
</div>
</div>
</div>
<div id="container">
<div id="sidebar">
<h2>Sidebar</h2>
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> search:<img src="images/magnify.png" alt="search"
/></label>
</span> <span>
<input type="text" value="demo only"name="txtsearch" title="Text input:
search" id="txtsearch" size="25" />
</span> </div>
</fieldset>
</form>
<img src="images/img.gif" alt="" />
<div id="navcontainer">
<ul>
<li><a href="#">Snapp Happy</a> </li>
<li><a href="#">OPEN DESIGNS</a> </li>
<li><a href="#">ANDREAS VIKLUND</a> </li>
<li><a href="#">JAMES KOSTER</a> </li>
<li><a href="#">CSS play</a> </li>
<li><a href="#">LISTAMATIC </a> </li>
<li><a href="#"> LAYOUTGALA </a> </li>
<li><a href="#"> BLUEROBOT </a> </li>
</ul>
</div>
<p>Mauris ultricies neque nec augue. Aenean vehicula. Ut dictum. Vivamus
placerat diam nec velit. Suspendisse ornare. Ut viverra. Mauris sagittis nisl sed
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Suspendisse
est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Vivamus placerat metus eu urna. Etiam dictum. Aliquam eu dui eu
ante euismod tristique. Donec posuere augue varius mi. Nunc erat ligula, ultrices
eu, ultrices sed, sodales ut, magna. Mauris ultricies neque nec augue. </p>
</div>
<div id="content">
<h2>Welcome to <span style="font-weight:bold; color:#4592BE;">Chesspiece
2</span> Template</h2>
<p>Mauris ultricies neque nec augue. Aenean vehicula. Ut dictum. Vivamus
placerat diam nec velit. Suspendisse ornare. Ut viverra. Mauris sagittis nisl sed
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. </p>
<blockquote>This template has been tested in Mozilla Firefox and IE7. The
page validates as XHTML 1.0 Transitional using valid CSS. It will work in browser
widths of 800x600, 1024x768 & 1280x1064. The images used in this template are
courtesy of <a href="http://www.sxc.hu/" title="free images">stock xchng</a>. The
top navigation menu is from <a href="http://www.13styles.com/" title="free CSS
menus">13 Styles</a> and has been amended to suit this template. <br />
For more FREE CSS templates visit <a href="http://www.mitchinson.net">my
website</a>.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse in
odio et nibh volutpat eleifend. Donec rutrum, risus sed auctor malesuada, augue
felis placerat neque, vel vestibulum odio erat eget felis. Phasellus id mauris eu
urna sagittis posuere. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Mauris elementum elit et ipsum. Cras ornare
magna eu felis. Morbi convallis. Nunc fermentum, odio sed ornare ultricies, urna
odio egestas sem, vel scelerisque nisi neque vitae lectus. Proin dolor. Vestibulum
condimentum urna dignissim arcu. Nullam interdum. Proin lacinia, magna ut
scelerisque facilisis, augue sem tempor purus, consequat suscipit tellus ligula et
justo. Nam magna. Donec magna sapien, aliquam non, egestas eu, hendrerit nec, quam.
Donec commodo auctor lectus. Suspendisse rhoncus. Proin tincidunt euismod nisi.
Cras nibh ante, ultrices non, placerat quis, placerat id, est. Suspendisse sed quam
volutpat lacus faucibus venenatis.</p>
</div>
</div>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Chic</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<ul id="nav">
<li id="current"><a href="#">home</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<h1>CHIC</h1>
<h2>PUT YOUR TITLE HERE</h2>
<div id="sidebar"> <a href="#"><img src="images/image.gif" alt="" /></a> <a
href="#"><img src="images/image.gif" alt="" /></a> You can put lots of interesting
stuff in this side bar. Some suggested uses are: personal images, intro text, links
to other sites, or leave it blank to give the layout some breathing room. </div>
<div id="content">
<p>Another layout so soon? I must be really bored :] Anyways, this one looks
like it might do well as a business site. The first line of each paragraph will
always be bolded (css magic), and the list item marked with id="current" tells the
browser where to put the little arrow that shows where you are in the navigation
scheme. Unfortunately, ie only does hovers on anchor tags, and not images, so all
you explorer people will have to live without the neat hover effect on images, too
bad ;] The picture on top comes from sxc.hu, feel free to replace it, but I think
it adds to the mood, and as usual, the rest of the page will be filled with greeked
passages. Enjoy.</p>
<p> Donec luctus nunc quis dui. Morbi placerat. Sed ut nunc. Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh. In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.</p>
<p> Donec luctus nunc quis dui. Morbi placerat. Sed ut nunc. Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh. In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.</p>
<p> Donec luctus nunc quis dui. Morbi placerat. Sed ut nunc. Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh. In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.</p>
<p> Donec luctus nunc quis dui. Morbi placerat. Sed ut nunc. Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh. In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.</p>
<p> Donec luctus nunc quis dui. Morbi placerat. Sed ut nunc. Aliquam erat
volutpat.Donec ante est, congue nec, suscipit sagittis, rutrum a, metus. Vivamus
vestibulum leo. Maecenas vel sem id orci dictum ullamcorper. Curabitur interdum
tempor nibh. Curabitur magna purus, malesuada in, adipiscing eget, facilisis sed,
nibh. In a ipsum id neque condimentum rhoncus. Fusce leo nisl, suscipit a, porta
sed, nonummy id, neque. Quisque sed leo molestie arcu varius hendrerit. Donec eget
erat. Fusce mattis elementum lorem.</p>
</div>
<div id="footer"><a href="#">footer link</a> | <a href="#">footer link</a></div>
</div>
</body>
</html>
<!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>
<title>Restaurant</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#"><img src="images/logo.gif" alt="" /></a></h1>
<ul id="nav">
<li><a href="#">HOME</a> | </li>
<li><a href="#">RESTAURANT</a> | </li>
<li><a href="#">MENUS</a> | </li>
<li><a href="#">RESERVATIONS</a> | </li>
<li><a href="#">EVENTS</a> | </li>
<li><a href="#">CONTACT US</a></li>
</ul>
<!-- end nav -->
<div id="welcome">
<h2><img src="images/title_welcome.gif" alt="Welcome to our Restaurant"
/></h2>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here. Some demo text goes here. Some demo text goes here. Some demo text goes here.
Some demo text goes here. Some demo text goes here. Some demo text goes here. Some
demo text goes here. Some demo text goes here. Some demo text goes here. Some demo
text goes here. Some demo text goes here. Some demo text goes here. Some demo text
goes here. Some demo text goes here. Some demo text goes here. Some demo text goes
here. Some demo text goes here. Some demo text goes here. Some demo text goes here.
Some demo text goes here. Some demo text goes here. Some demo text goes here.</p>
</div>
<!-- end welcome -->
</div>
<!-- end header -->
<div id="body">
<div id="body-i">
<h2 id="hspecials"><img src="images/title_menus.gif" alt="Our Special
Menus" /></h2>
<div id="specials">
<div style="background-image: url(images/picture_1.jpg);" class="imagebox">
<h3><a href="#">Menu Name</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text
goes here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<div style="background-image: url(images/picture_2.jpg);" class="imagebox">
<h3><a href="#">Menu Name</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text
goes here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<div style="background-image: url(images/picture_3.jpg);" class="imagebox">
<h3><a href="#">Menu Name</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text
goes here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
</div>
<!-- end specials -->
<h2 id="hevents"><img src="images/title_events.gif" alt="Special Events"
/></h2>
<div id="events">
<h3><a href="#">02.04.2005</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
<h3><a href="#">03.04.2005</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
<h3><a href="#">04.04.2005</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
<h3><a href="#">05.04.2005</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<!-- end events -->
<div class="clear" id="spacer"></div>
</div>
</div>
<!-- end body -->
<div id="hotstuff">
<h2><img src="images/title_hot.gif" alt="Today's Hot" /></h2>
<div style="background-image: url(images/picture_4.jpg);" id="hot-one"
class="imagebox">
<h3><a href="#">Today's Hot Item Name</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<div style="background-image: url(images/picture_5.jpg);" id="hot-two"
class="imagebox">
<h3><a href="#">Today's Hot Item Name</a></h3>
<p>Some demo text goes here. Some demo text goes here. Some demo text goes
here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<div style="background-image: url(images/picture_6.jpg);" id="hot-three"
class="imagebox">
<h3><a href="#">Today's Hot Item Name</a></h3>
<p>Some demo text goes here. Some demo text goes here.</p>
<p class="readmore"><a href="#">... more</a></p>
</div>
<div class="clear"></div>
</div>
<!-- end hotstuff -->
</div>
<!-- end wrapper -->
<div id="footer"> Powered by <a href="http://www.freewebsitetemplates.com">Free
Website Templates</a> </div>
<!-- end footer -->
</body>
</html>
<!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>Affection</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Affection</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="content">
<div id="welcome">
<h1 class="title">Welcome to Affection!</h1>
<div class="content">
<p><strong>Affection</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div class="floating-box">
<h2 class="heading">Lorem Ipsum</h2>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue
rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue,
and nibh. In posuere eleifend odio quisque semper augue mattis wisi maecenas.</p>
<ul>
<li><a href="#">Maecenas luctus lectus at </a></li>
<li><a href="#">Etiam rhoncus volutpat </a></li>
<li><a href="#">Donec dictum metus in </a></li>
<li><a href="#">Integer gravida nibh quis </a></li>
<li><a href="#">Etiam posuere augue sit </a></li>
</ul>
</div>
<div class="floating-box">
<h2 class="heading">Quisque Dictum</h2>
<p>Quisque dictum integer nisl risus, sagittis convallis. Donec leo, vivamus
fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
<h3>A Heading Level Three</h3>
<p>Rutrum id congue und nibh:</p>
<ol>
<li><a href="#">Maecenas luctus lectus at </a></li>
<li><a href="#">Etiam rhoncus volutpat </a></li>
<li><a href="#">Donec dictum metus in </a></li>
<li><a href="#">Integer gravida nibh quis </a></li>
<li><a href="#">Etiam posuere augue sit </a></li>
</ol>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="H"><b>H</b>omepage</a></li>
<li><a href="#" accesskey="A"><b>A</b>bout Us</a></li>
<li><a href="#" accesskey="P"><b>P</b>roducts</a></li>
<li><a href="#" accesskey="S"><b>S</b>ervices</a></li>
<li><a href="#" accesskey="C"><b>C</b>ustomer Support</a></li>
<li><a href="#" accesskey="U">Contact <b>U</b>s</a></li>
</ul>
</div>
<div id="links">
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Maecenas luctus at</a></li>
<li><a href="#">Etiam volutpat erat</a></li>
<li><a href="#">Donec dictum metus</a></li>
</ul>
</div>
<div>
<h2>A Blockquote</h2>
<blockquote>
<p>Quisque dictum integer nisl risus, sagittis convallis. Donec leo,
vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
</blockquote>
</div>
</div>
<!-- end #sidebar -->
<div id="extra" style="clear: both; height: 1px;"></div>
</div>
<!-- end #page -->
<div id="footer">
<p class="links"><a href="#">Privacy</a> · <a href="#">Terms</a> ·
Designed By <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>
· <a href="http://validator.w3.org/check/referer" title="This page validates
as XHTML 1.0 Strict"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> · <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
<p class="legal">© 2007 Affection</p>
</div>
</div>
</body>
</html>
<!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>Chromz</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Chromz</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="wrapper">
<div id="col-one">
<div class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value=""
class="textfield" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value=""
class="textfield" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" class="button" />
<p class="tiny"><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div class="boxed">
<h2 class="title">Site Search</h2>
<div class="content">
<form id="form2" method="get" action="#">
<fieldset>
<legend>Search</legend>
<input id="inputtext3" type="text" name="inputtext3" value=""
class="textfield" />
<input id="inputsubmit2" type="submit" name="inputsubmit2" value="Search"
class="button" />
<p class="tiny"><a href="#">Advanced Search</a></p>
</fieldset>
</form>
</div>
</div>
<div class="boxed">
<h2 class="title">Newsletter</h2>
<div class="content">
<form id="form3" method="post" action="#">
<fieldset>
<legend>Subscribe</legend>
<label for="inputtext4">Email:</label>
<input id="inputtext4" type="text" name="inputtext4" value=""
class="textfield" />
<input id="inputsubmit3" type="submit" name="inputsubmit3"
value="Subscribe" class="button" />
</fieldset>
</form>
</div>
</div>
</div>
<div id="col-two">
<div class="boxed">
<h2 class="title">Welcome to Chromz!</h2>
<div class="content">
<p><strong>Chromz</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div class="boxed">
<h2 class="title">Examples of Common Tags</h2>
<div class="content">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="col-three">
<div class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Chromz. All Rights Reserved.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a> | Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>
<title>Church Site 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">Church Site V.2 </div>
<div id="headermenu"> <a href="#">Forum Login</a> - <a href="#">Forum
Registration</a></div>
</div>
<div id="menubar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sunday Bulletin</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Beliefs</a></li>
<li><a href="#">Ministries</a></li>
<li><a href="#">Leadership</a></li>
<li><a href="#">Podcasts</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="leftpic">
<div id="leftsidebar">
<h2>Church Services</h2>
<div id="leftsidebartext">
<p><b>Wednesday Night:</b></p>
<p>6:30pm - 7:15pm</p>
<br/>
<p><b>Sunday:</b></p>
<p>Morning: 8:00 - 8:45</p>
<p>Afternoon: 10 - 10:45</p>
<p>Night: 6:00 - 6:45</p>
</div>
<h3>Contact Information</h3>
<div id="leftsidebartext1">
<p> <a href="#">Get Directions</a></p>
<p>Phone: 888-555-5555</p>
<p>Email: <a href="#">[email protected]</a></p>
</div>
</div>
</div>
<div id="rightpic">
<div id="rightsidebar">
<h2>Latest Sermons</h2>
<div id="rightsidebartext">
<ul>
<li><a href="#">Mathew</a></li>
<li><a href="#">Romans</a></li>
<li><a href="#">Revalations</a></li>
<li><a href="#">Ruth</a></li>
</ul>
</div>
<h3>Recent Forum Posts</h3>
<div id="rightsidebartext1">
<ul>
<li><a href="#">Prayer Request</a></li>
<li><a href="#">Recommended Books</a></li>
<li><a href="#">Open Designs Community</a></li>
<li><a href="#">How to...</a></li>
<li><a href="#">Issues on...</a></li>
<li><a href="#">Good online resources</a></li>
<li><a href="#">Need help!</a></li>
<li><a href="#">Stay healthy</a></li>
</ul>
</div>
</div>
</div>
<div id="content">
<div id="middlepic"></div>
<div id="contenttxt">
<h2>Latest News</h2>
<br/>
<b>Moving to New York</b><br/>
Monday, February 10, 2007<br/>
<br/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris velit
nisi, vehicula eget, fermentum vitae, ultrices vitae, orci. Fusce blandit nibh id
ante. Mauris lobortis dignissim massa. Donec eleifend sodales elit.</p>
<br/>
<br/>
<h2>New Design</h2>
<br/>
<b>New Site Design is up!</b><br/>
Monday, February 9, 2007<br/>
<br/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris velit
nisi, vehicula eget, fermentum vitae, ultrices vitae, orci. Fusce blandit nibh id
ante. Mauris lobortis dignissim massa. Donec eleifend sodales elit.</p>
</div>
</div>
<div id="footer">
<div id="footer_text"> © 2007 Your Church - All Rights Reserved. - <a
href="#">[email protected]</a><br/>
Designed by <a href="http://refueled.net">RFDN</a></div>
</div>
</div>
</body>
</html>
<!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>Citrus Island</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/CitrusIsland.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<form method="post" class="search" action="#">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1 id="logo">citrus<span>island</span></h1>
<h2 id="slogan">put your website slogan here...</h2>
</div>
<div id="menu">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="sidebar" >
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Template</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"To know what you know and know what you don't know is the
characteristic of one who knows"</p>
<p class="align-right">- Confucius</p>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Citrus Island 1.1</strong> is is a free, W3C-compliant, CSS-based
website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a href="http://www.styleshout.com/">my
website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read more</a>
<a href="#" class="comments">Comments (7)</a> <span class="date">Oct 11,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>example of</li>
<li>ordered list</li>
</ol>
<ul>
<li>example of</li>
<li>unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
<div id="rightbar">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
<h1>Header Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit... </p>
</div>
</div>
<div id="footer">
<div id="footer-content">
<div id="footer-right"> <a href="#">Home</a> | <a href="#">Site Map</a> | <a
href="#">RSS Feed</a> </div>
<div id="footer-left"> © Copyright 2006 <strong>Your
Company</strong> Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </div>
</div>
</div>
</body>
</html>
<!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>Citrus Island</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/CitrusIsland.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<form method="post" class="search" action="#">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1 id="logo">citrus<span>island</span></h1>
<h2 id="slogan">put your website slogan here...</h2>
</div>
<div id="menu">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="sidebar" >
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Template</a></li>
</ul>
<h1>Site Partners</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"To know what you know and know what you don't know is the
characteristic of one who knows"</p>
<p class="align-right">- Confucius</p>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Citrus Island 1.1</strong> is is a free, W3C-compliant, CSS-based
website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a href="http://www.styleshout.com/">my
website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read more</a>
<a href="#" class="comments">Comments (7)</a> <span class="date">Oct 11,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>example of</li>
<li>ordered list</li>
</ol>
<ul>
<li>example of</li>
<li>unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
<div id="rightbar">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
<h1>Header Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit... </p>
</div>
</div>
<div id="footer">
<div id="footer-content">
<div id="footer-right"> <a href="#">Home</a> | <a href="#">Site Map</a> | <a
href="#">RSS Feed</a> </div>
<div id="footer-left"> © Copyright 2006 <strong>Your
Company</strong> Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check/referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </div>
</div>
</div>
</body>
</html>
<!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>City Nightlife</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
</head>
<body>
<div class="content">
<h1>City Nightlife</h1>
<div class="left">
<div class="left_content">
<h2><a href="#">Perfect night on the town!</a></h2>
<p><img src="images/pic.gif" alt="X" />Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat.</p>
</div>
<div class="left_content">
<h2><a href="#">Lorem Ipsum</a></h2>
<p><img src="images/pic.gif" alt="X" />Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat.</p>
</div>
</div>
<div class="right">
<div class="uppermenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">About</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="lowermenu">
<div class="box">
<h2>1587</h2>
<p>users</p>
</div>
<div class="box">
<h2>12548</h2>
<p>images</p>
</div>
</div>
</div>
<div class="bottom">
<div class="related">
<h2>Related entries:</h2>
<p>ENTRIES YOU MIGHT WANT TO READ</p>
<p class="leftlist"><img src="images/redbullet.gif" alt="" /> <b><a
href="#">Lorem Ipsum</a></b> - 19.03.2006.</p>
<p class="leftlist"><img src="images/redbullet.gif" alt="" /> <b><a
href="#">Lorem Ipsum</a></b> - 15.03.2006.</p>
<p class="leftlist"><img src="images/redbullet.gif" alt="" /> <b><a
href="#">Lorem Ipsum</a></b> - 12.03.2006.</p>
<p class="leftlist"><img src="images/redbullet.gif" alt="" /> <b><a
href="#">Lorem Ipsum</a></b> - 27.02.2006.</p>
</div>
<div class="worth">
<h2>Worth visit:</h2>
<p>WEB SITES WORTH VISITING</p>
<p class="rightlist"><img src="images/bluebullet.gif" alt="" /> <b><a
href="#">Solucija</a></b> - The home of sNews and CSS templates</p>
<p class="rightlist"><img src="images/bluebullet.gif" alt="" /> <b><a
href="#">360 Web Design</a></b> - Accessible Web Design</p>
<p class="rightlist"><img src="images/bluebullet.gif" alt="" /> <b><a
href="#">Open Web Design</a></b> - Free CSS Templates</p>
<p class="rightlist"><img src="images/bluebullet.gif" alt="" /> <b><a
href="#">Concept Nova</a></b> - Accessible Web Frameworks</p>
</div>
</div>
</div>
<div class="footer">
<p>© 2006 Your Company, Design: Luka Cvrk, <a
href="http://www.solucija.com/" title="What's your solution?">Solucija</a> - <a
href="http://validator.w3.org/check?uri=referer" title="Validate">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/check/referer"
title="Validate">CSS</a></p>
</div>
</body>
</html>
<!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>City Scape</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">City Scape</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
</div>
<div id="splash"><img src="images/img02.jpg" alt="" width="760" height="140"
/></div>
<div id="content">
<div id="colOne">
<h2 class="section">Welcome to City Scape!</h2>
<div class="content">
<p>City Scape is a free template from <strong>Free CSS Templates</strong>
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis.</p>
<h3>Lorem Ipsum Dolorem</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
</ul>
</div>
<div class="boxed">
<h2>Lorem Ipsum Dolore </h2>
<div class="content">
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare.</p>
</div>
</div>
</div>
<div id="colTwo">
<h2 class="section">Recent Updates</h2>
<div class="content">
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum
erat. Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
</div>
<div class="boxed">
<h2>Ipsum Dolorem</h2>
<div class="content">
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 City Scape. Designed by <a
href="http://www.freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: CleanBusiness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CleanBusiness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper">
<!--
###################################################################################
#################### -->
<div id="header">
<div class="fl_left">
<h1><a href="#">CleanBusiness</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="topbar">
<div class="fl_left">
<p>Tel: xxxxx xxxxxxxxxx | Mail: [email protected]</p>
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
<input type="submit" name="go" id="go" value="GO" />
</fieldset>
</form>
</div>
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="intro">
<div class="fl_left"> <a href="#"><img src="images/demo/360x330.gif" alt=""
/></a> </div>
<div class="fl_right">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
</div>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="homecontent">
<ul>
<li>
<h2>Nullamlacus dui ipsum</h2>
<img class="imgl" src="images/demo/60x60.gif" alt="" />
<p>Nullamlacus dui ipsum conseque lobor ttis non euisque morbi pen as
dapibulum orna. Urna ultrices quis curabitur phas nullamlacus. Nullamlacus dui
ipsum conseque lobor ttis non euisque morbi penas dapibulum orna. Urna ultrices
quis curabitur phas ellen tesque con gue magnis vestibulum quismodo nulla et feu
giat adipiscin iapellentum leo ut.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2>Nullamlacus dui ipsum</h2>
<img class="imgl" src="images/demo/60x60.gif" alt="" />
<p>Nullamlacus dui ipsum conseque lobor ttis non euisque morbi pen as
dapibulum orna. Urna ultrices quis curabitur phas nullamlacus. Nullamlacus dui
ipsum conseque lobor ttis non euisque morbi penas dapibulum orna. Urna ultrices
quis curabitur phas ellen tesque con gue magnis vestibulum quismodo nulla et feu
giat adipiscin iapellentum leo ut.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Nullamlacus dui ipsum</h2>
<img class="imgl" src="images/demo/60x60.gif" alt="" />
<p>Nullamlacus dui ipsum conseque lobor ttis non euisque morbi pen as
dapibulum orna. Urna ultrices quis curabitur phas nullamlacus. Nullamlacus dui
ipsum conseque lobor ttis non euisque morbi penas dapibulum orna. Urna ultrices
quis curabitur phas ellen tesque con gue magnis vestibulum quismodo nulla et feu
giat adipiscin iapellentum leo ut.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="imageline">
<ul>
<li><a href="#"><img src="images/demo/174x100.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x100.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x100.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x100.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/174x100.gif" alt=""
/></a></li>
</ul>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="footer">
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<br class="clear" />
</div>
</body>
</html><!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>Green Football</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<!-- Start Wrapper -->
<div id="wrapper">
<!-- Begin Logo -->
<div id="leftcolumn">
<h1><a href="#">Free CSS Templates</a></h1>
</div>
<!-- End Logo -->
<!-- Begin Right Utility Links -->
<div id="centercolumn">
<ul class="mainnav">
<li><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Code-Sucks</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
<!-- End Right Utility Links -->
<!-- Begin Banner -->
<img src="images/top-text.jpg" alt="Feature Text" /><br />
<br />
<!-- End Banner -->
<!-- Begin Main Left Column -->
<div class="mainleftcolumn"><img src="images/cs-feature.jpg" alt="Feature Image
Number 1" /> <img src="images/cs-feature-2.jpg" alt="Feature Image Number 2"
/>
<div class="main-content">
<h1>Lorem Ipsum</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor.<br />
<br />
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostris nostrud e
xercitation ullamco <br />
<br />
laboris nisi ut aliquip ex ea commodo consequat. Duis aute iru.</div>
<div class="main-content">
<h1>Lorem Ipsum</h1>
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias
excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui
officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem
rerum</div>
<div class="main-content">
<h1>Lorem Ipsum</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor.<br />
<br />
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostris nostrud e
xercitation ullamco <br />
<br />
laboris nisi ut aliquip ex ea commodo consequat. Duis aute iru.</div>
</div>
<!-- End Main Left Column -->
<!-- Begin Main Right Column -->
<div class="mainrightcolumn">
<!-- Begin Right Blue Content -->
<img src="images/mainrighttop.jpg" style="display:block;" alt="" />
<div class="left-mid">
<h1>Hello There.. </h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor.<br />
<br />
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostris nostrud e
xercitation ullamco <br />
<br />
laboris nisi ut aliquip ex ea commodo consequat. Duis aute iru. <br />
<br />
<h1>Upcoming Events </h1>
<ul>
<li>16.12.06 - Winter ball</li>
<li>17.12.06 - Earners Forum Party</li>
<li>18.12.06 - Wicked Fire Dance</li>
<li>19.12.06 - Eire Studio Festival</li>
<li>25.12.06 - Santa's Coming :)</li>
<li>11.01.07 - Keith Donegan B'Day</li>
</ul>
<br />
<h1>Industry News </h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor.<br />
<br />
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostris nostrud e
xercitation ullamco <br />
<br />
laboris nisi ut aliquip ex ea commodo consequat. Duis aute iru. </div>
<img src="images/mainrightbottom.jpg" style="display:block;" alt="bottom
banner" />
<!-- End Right Blue Content -->
<div class="left-bottom">
<h1>Keith Donegan</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor.<br />
<br />
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostris nostrud e
xercitation ullamco <br />
<br />
laboris nisi ut aliquip ex ea commodo consequat. Duis aute iru. </div>
</div>
<div id="footer"> Copyright © with <a href="http://www.code-
sucks.com/">Code-Sucks.com</a> 2006/07
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict"
height="31" width="88" /></a> <a href="http://jigsaw.w3.org/css-validator/"> <img
style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-
validator/images/vcss" alt="Valid CSS!" /> </a> </div>
</div>
<!-- End Wrapper -->
</body>
</html>
<!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>Clothes Fasion template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="header">
<h1><em>Clothes</em><strong>COLLECTION</strong></h1>
</div>
<div id="left-person"></div>
<div id="uppers">
<form action="#">
<select name="gender">
<option value="w">woman</option>
<option value="w">man</option>
</select>
<input type="text" name="q" value="Enter product code" id="q" />
<input type="image" name="s" src="images/btn_header.gif" id="s" />
</form>
<div id="nav-top">
<ul>
<li><a href="#">Site map</a> |</li>
<li><a href="#">Advertisement</a> |</li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
</div>
<div id="nav">
<div>
<ul>
<li><a href="#">HOME</a> | </li>
<li><a href="#">NEWS</a> | </li>
<li><a href="#">ACCESSORIES</a> | </li>
<li><a href="#">MEN COLLECTION</a> | </li>
<li><a href="#">WOMEN COLLECTION</a> | </li>
<li><a href="#">KIDS COLLECTION</a></li>
</ul>
</div>
</div>
<div id="body">
<h2><em>Welcome</em> to our site</h2>
<p>This is a template designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a> 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 class="more"><a href="#">more</a></p>
</div>
<div id="black-tl">
<div id="black-tr">
<div id="black-br">
<div id="black-bl">
<div class="black-box">
<h2><em>Men</em> collection</h2>
<p><img src="images/pic_1.jpg" width="120" height="105" alt="Pic 1"
/></p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p class="more">> > <a href="#">more</a></p>
</div>
<div class="black-box">
<h2><em>Women</em> collection</h2>
<p><img src="images/pic_2.jpg" width="120" height="105" alt="Pic 2"
/></p>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="more">> > <a href="#">more</a></p>
</div>
<div class="black-box">
<h2><em>Kids</em> collection</h2>
<p><img src="images/pic_3.jpg" width="120" height="105" alt="Pic 3"
/></p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the <a href="#">forum</a>.</p>
<p class="more">> > <a href="#">more</a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="tips">
<h2><em>Fasion</em> tips</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse metus.
Nunc at velit a erat dapibus ullamcorper. Mauris posuere lacus et libero. Fusce
pretium</p>
<p class="more"><a href="#">more</a></p>
</div>
<div id="choose">
<h2><em>Choose</em> a designer</h2>
<p>vestibulum. Aliquam erat volutpat. Sed pede erat </p>
<p>Choose a Designer</p>
<form action="#">
<select name="q">
<option value="">Designer</option>
</select>
<input type="image" name="submit" src="images/btn_footer.gif" id="submit" />
</form>
</div>
</div>
<div class="clear"></div>
<div id="copyright"> Copyright information goes here. All rights reserved |
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
</body>
</html>
<!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>
<title>Clouds</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="page">
<div id="header">
<div id="headerimg">
<h1><a href="#">Free Website</a></h1>
<div class="description">Just another free website template</div>
</div>
</div>
<hr />
<div id="content" class="narrowcolumn">
<div class="post" id="post-1">
<h2><a href="#">Hello world!</a></h2>
<small>May 7th, 2007</small>
<div class="entry">
<p>Welcome to website. This is your first post. Edit or delete it, then
start blogging!</p>
<p>Curabitur odio pede, accumsan vel, mollis quis, pulvinar vel, urna.
Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque. Vestibulum id
mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus ut, hendrerit
id, facilisis et, neque. Curabitur odio pede, accumsan vel, mollis quis, pulvinar
vel, urna. Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque.
Vestibulum id mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus
ut, hendrerit id, facilisis et, neque.</p>
<p>Curabitur odio pede, accumsan vel, mollis quis, pulvinar vel, urna.
Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque. Vestibulum id
mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus ut, hendrerit
id, facilisis et, neque. Curabitur odio pede, accumsan vel, mollis quis, pulvinar
vel, urna. Morbi ligula arcu, tempor non, blandit id, convallis vitae, neque.
Vestibulum id mi. Nam vel dui. Cras porta tortor ut quam. Duis ante libero, dapibus
ut, hendrerit id, facilisis et, neque.</p>
</div>
<p class="postmetadata">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
</div>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></div>
</div>
</div>
<div id="sidebar">
<ul>
<li>
<form method="get" id="searchform" action="#">
<div>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
</li>
<li class="pagenav">
<h2>Pages</h2>
<ul>
<li class="page_item"><a href="#">About</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">May 2007</a></li>
</ul>
</li>
<li class="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Uncategorized</a> (1)</li>
</ul>
</li>
<li></li>
</ul>
</div>
<hr />
<div id="footer">
<p>© Your Website Name.</p>
</div>
<div class="design_copyright"> Web design by <a href="http://www.sarkis-
webdesign.com/" class="website_designer">Sarkis.</a></div>
</div>
</body>
</html>
<!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>Ahoy!</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Ahoy!</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="H"><b>H</b>ome</a></li>
<li><a href="#" accesskey="P" title="Plan a Cruise"><b>P</b>lan a
Cruise</a></li>
<li><a href="#" accesskey="S" title="Customer Support">Customer
<b>S</b>upport</a></li>
<li><a href="#" accesskey="U" title="About Us">About <b>U</b>s</a></li>
<li><a href="#" accesskey="C" title="Contact Us"><b>C</b>ontact Us</a></li>
</ul>
</div>
</div>
<div id="page">
<div id="content">
<div id="welcome" class="boxed2">
<h1 class="title">Welcome to Ahoy!</h1>
<div class="content">
<p><strong>Ahoy</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You"re free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div id="sample1" class="boxed3">
<h2 class="title">Wisi Maecenas Ligula</h2>
<div class="content">
<ul>
<li><a href="#">Mauris vulputate dolor sit amet</a></li>
<li><a href="#">Nulla luctus eleifend purus</a></li>
<li><a href="#">Praesent scelerisque lorem</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus quam</a></li>
<li><a href="#">Fusce ultrices fringilla metus</a></li>
<li><a href="#">Praesent mattis condimentuml</a></li>
</ul>
</div>
</div>
<div id="sample2" class="boxed3">
<h2 class="title">Pellentesque Tempus</h2>
<div class="content">
<ol>
<li><a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula.</a></li>
<li><a href="#">Donec leo, vivamus fermentum nibh in augue
praesent.</a></li>
<li><a href="#">Quisque dictum integer nisl risus sagittis convallis
rutrum.</a></li>
</ol>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="news" class="boxed1">
<h2 class="title">News & Updates</h2>
<div class="content">
<ul>
<li>
<h3>April 12th: <a href="#">Lorem Ipsum Dolor</a></h3>
<p>In posuere eleifend odio quisque semper augue mattis wisi maecenas
ligula. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 3rd: <a href="#">Sagittis Et Convallis</a></h3>
<p>Donec leo, vivamus fermentum nibh in augue praesent lorem ipsum
dolor a lacus at urna congue rutrum. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 1st: <a href="#">Integer Nisl Risus</a></h3>
<p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Read more…</a></p>
</li>
</ul>
</div>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright © 2007 Ahoy! Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>
<title>CLOUDS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div id="header">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<h1>*Clouds*</h1>
</div>
</div>
<div id="gutter"></div>
<div id="col1">
<h2>Heading</h2>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE templates visit my website.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In elit. Vestibulum
tortor justo, lacinia ut, ullamcorper ac, interdum at, mauris. Proin metus nulla,
aliquet sit amet, nonummy nec, dictum vitae, ligula. Duis et augue et mi
scelerisque convallis. Morbi augue nisi, pharetra ut, consequat vel, adipiscing
vel, erat. Vestibulum commodo mollis odio. Curabitur vehicula rutrum odio. Integer
posuere. Vestibulum euismod magna eu orci. Praesent erat. Nunc volutpat.
Pellentesque sollicitudin. Morbi sagittis aliquam purus.</p>
<div style="float: right; width: 125px; height: 7em; margin: 25px 0 15px 15px;
font-family: Georgia, arial, helvetica; font-size: 16px; line-height: 1.5em; color:
#666; text-align: right;"> <span style="color:#333;"><img src="images/quote.gif"
alt="quote"/>.... this is a </span>magazine style <span style="color:
#999;">pullquote .... <img src="images/unquote.gif" alt="unquote"/></span> </div>
<p> This is a <a href="#">link</a> to nowhere. Integer posuere. Vestibulum
euismod magna eu orci. Praesent erat. Nunc volutpat. Pellentesque sollicitudin.
Morbi sagittis aliquam purus. Duis nisl. Phasellus ut arcu eu mauris consequat
venenatis. Curabitur commodo. Etiam ultricies tristique dolor. Etiam rhoncus congue
pede. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In elit. Vestibulum
tortor justo, lacinia ut, ullamcorper ac, interdum at, mauris. Proin metus nulla,
aliquet sit amet, nonummy nec, dictum vitae, ligula. Duis et augue et mi
scelerisque convallis. Morbi augue nisi, pharetra ut, consequat vel, adipiscing
vel, erat. Vestibulum commodo mollis odio. Curabitur vehicula rutrum odio. Integer
posuere. Vestibulum euismod magna eu orci. Praesent erat. Nunc volutpat.
Pellentesque sollicitudin. Morbi sagittis aliquam purus. Duis nisl. Phasellus ut
arcu eu mauris consequat venenatis. Curabitur commodo. Etiam ultricies tristique
dolor. Etiam rhoncus congue pede. Morbi sagittis aliquam purus. Duis nisl.
Phasellus ut arcu eu mauris consequat venenatis. Curabitur commodo. Etiam ultricies
tristique dolor. Etiam rhoncus congue pede.</p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="col2">
<h3>Photo Gallery</h3>
<div id="gallery"> <a href="#"><img src="images/img3.jpg" alt="" /></a> <a
href="#"><img src="images/img3.jpg" alt="" /></a> <a href="#"><img
src="images/img3.jpg" alt="" /></a> <a href="#"><img src="images/img3.jpg"
alt="" /></a> <a href="#"><img src="images/img3.jpg" alt="" /></a> <a href="#"><img
src="images/img3.jpg" alt="" /></a> <a href="#"><img src="images/img3.jpg"
alt="" /></a> <a href="#"><img src="images/img3.jpg" alt="" /></a> <a href="#"><img
src="images/img3.jpg" alt="" /></a> <a href="#"><img src="images/img3.jpg"
alt="" /></a> <a href="#"><img src="images/img3.jpg" alt="" /></a> <a href="#"><img
src="images/img3.jpg" alt="" /></a> <a href="#"><img src="images/img3.jpg"
alt="" /></a> <a href="#"><img src="images/img3.jpg" alt="" /></a> <a href="#"><img
src="images/img3.jpg" alt="" /></a>
<p> </p>
<p> </p>
<div class="clear"></div>
</div>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</body>
</html>
<!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>Clouds Up</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" media="all" type="text/css" />
</head>
<body>
<div id="header">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Domain</a></li>
<li><a href="#">Visitor</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="content">
<h1>Home</h1>
<h2>Subtitle of Some Sort (remove if you wish)</h2>
<p><strong>You are free to change or tweak the layout, meeting your needs and
tastes. Keeping the credit isn't mandatory either, but it's nice.</strong></p>
<p><strong>There's supposed to be a body background. If it doesn't show, go to my
website to see the original layout.</strong></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ut nibh
a sapien accumsan sollicitudin. Nam aliquam, velit quis scelerisque consectetuer,
est massa sodales augue, id feugiat felis odio a orci. Praesent commodo sapien vel
lectus. Donec lacinia lorem sit amet ipsum. Suspendisse ante ligula, condimentum
et, blandit et, rutrum eu, metus. Aenean quis metus. Nunc ultrices, augue vitae
porttitor lacinia, arcu metus luctus nibh, sed volutpat tortor risus non quam. <a
href="#">Quisque ultricies molestie enim</a>. Quisque ac velit. Morbi ultrices
malesuada elit. Aenean vulputate, massa quis egestas nonummy, eros metus gravida
odio, vitae pretium risus lectus eu metus. Donec consectetuer. Suspendisse et ante
id quam sagittis luctus. Cras scelerisque. Etiam rutrum. In vehicula nisl
condimentum est. Mauris consequat pede a diam. Donec mattis massa ut mauris.</p>
<p>An image:</p>
<img src="sample.jpg" alt="sample.jpg" />
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Phasellus lacus dolor, viverra vitae, vehicula ut, rhoncus vitae,
pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Nunc dolor pede, varius ut, vestibulum faucibus, venenatis at, erat.
Nunc feugiat tincidunt mauris. Nunc imperdiet. Pellentesque augue est, interdum
eget, mollis id, interdum quis, lacus. Integer mauris turpis, iaculis ut, hendrerit
vitae, pellentesque sit amet, pede. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Ut eget eros nec justo consectetuer
aliquam. Integer sagittis. In rhoncus viverra nisl. Vestibulum quis odio. Aenean eu
diam. Curabitur vel nunc.</p>
<p>Unordered list:</p>
<ul>
<li>Donec volutpat ligula id nisi.</li>
<li>Quisque hendrerit condimentum justo.</li>
<li>Nullam bibendum suscipit leo.</li>
<li>Sed vestibulum felis et libero.</li>
</ul>
<p>A quote:</p>
<blockquote>
<p>Ut orci. Fusce condimentum tincidunt urna. Phasellus scelerisque, pede sit
amet vehicula scelerisque, augue lacus volutpat tortor, ut tempus velit ligula sed
urna. Donec eget justo. Quisque eget eros vel magna ultricies vehicula. Donec
nonummy pretium ipsum. Praesent arcu sem, posuere ac, vestibulum quis, tincidunt
sed, ante. Aliquam ligula nisl, ultrices ut, faucibus nec, pretium id, mi.
Curabitur molestie malesuada lorem. In pulvinar, risus vel blandit sollicitudin,
libero elit tempus nulla, vitae faucibus urna dolor et mauris. Duis erat. Cras
volutpat pellentesque nisl. Phasellus venenatis velit quis ipsum. Curabitur
eleifend, risus vel sollicitudin ornare, velit mi egestas mi, sed placerat tortor
odio ut turpis.</p>
</blockquote>
</div>
<div id="footer">design by <a href="http://one-am.net/">karen</a> / © your
name</div>
</body>
</html>
<!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>
<title>CLOUDS 2</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="wrapper">
<div id="banner"><a href="#">Homepage</a> | <a href="#">contact</a> </div>
<div id="header">
<h1>Your <span style="color: #7AB900;">Company</span> Name</h1>
</div>
<div id="sidebar">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
<li><a href="#">Item six</a></li>
<li><a href="#">Item seven</a></li>
<li><a href="#">Item eight</a></li>
<li><a href="#">Item nine</a></li>
<li><a href="#">Item ten</a></li>
</ul>
</div>
<h2>Heading</h2>
<p>Vestibulum imperdiet. Praesent sit amet tellus. Proin lobortis. Nam quis
pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean a velit ut
purus tempor semper. Proin id mi sit amet magna porta faucibus. Praesent cursus,
risus in facilisis placerat, erat mauris lacinia leo, vitae euismod nibh ipsum sit
amet mauris.</p>
</div>
<div id="content">
<h3>Welcome to <span style="color:#336799;">Clouds 2</span> Template</h3>
<blockquote>All images were created by me so feel free to use them if you wish.
This page has been tested in Mozilla and IE7 and validates as XHTML 1.0
Transitional using valid CSS.<br />
This is a <a href="#">LINK</a> to nowhere. For more FREE CSS templates visit
my website.</blockquote>
<div style="float: right; width: 150px; height: 7em; margin-top: 5px; margin-
bottom: 10px; margin-left: 10px; margin-right: 10px; font-family: Georgia, arial,
helvetica; font-size: 18px; line-height: 1.5em; color: #666; text-align: right;">
<span style="color:#036;"><img src="img/quote.gif" alt="quote"/>.... For more FREE
</span>templates visit <span style="color: #999;">my website .... <img
src="img/unquote.gif" alt="unquote"/></span> </div>
<p> Vestibulum imperdiet. Nunc in sapien. Sed feugiat arcu quis lorem. Vivamus
ac odio at nulla tincidunt imperdiet. Integer consectetuer, dui in iaculis
tincidunt, nisl ante auctor libero, nec pulvinar quam massa id erat. Etiam bibendum
nulla eu mi. Phasellus ut justo. Aliquam consectetuer volutpat enim. Cras venenatis
posuere justo. Vivamus quis nisl vehicula risus eleifend vehicula. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam nec
turpis vel pede viverra porta.</p>
<h3>Heading</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean a velit ut
purus tempor semper. Proin id mi sit amet magna porta faucibus. Praesent cursus,
risus in facilisis placerat, erat mauris lacinia leo, vitae euismod nibh ipsum sit
amet mauris. Morbi libero metus, laoreet eget, interdum nec, suscipit a, purus.
Nunc in sapien. Sed feugiat arcu quis lorem. Vivamus ac odio at nulla tincidunt
imperdiet. Integer consectetuer, dui in iaculis tincidunt, nisl ante auctor libero,
nec pulvinar quam massa id erat. Etiam bibendum nulla eu mi. </p>
<h3>Heading</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean a velit ut
purus tempor semper. Proin id mi sit amet magna porta faucibus. Praesent cursus,
risus in facilisis placerat, erat mauris lacinia leo, vitae euismod nibh ipsum sit
amet mauris. Morbi libero metus, laoreet eget, interdum nec, suscipit a, purus.
Nunc in sapien. Sed feugiat arcu quis lorem. Vivamus ac odio at nulla tincidunt
imperdiet. Integer consectetuer, dui in iaculis tincidunt, nisl ante auctor libero,
nec pulvinar quam massa id erat. Etiam bibendum nulla eu mi. Phasellus ut justo.
Aliquam consectetuer volutpat enim. Cras venenatis posuere justo. </p>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>Coffee Beans</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Coffee Beans</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Coffee Beans!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Coffee Beans</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="extra" style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Coffee Beans. All Rights Reserved. Designed
by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Coffee N Cream</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="container">
<div class="header">
<div class="title">
<h1>Coffee N Cream</h1>
</div>
</div>
<div class="navigation"> <a href="#">Home</a> <a href="#">Suspendisse</a> <a
href="#">Elemen</a> <a href="#">Maecenas</a> <a href="#">Sodales</a>
<div class="clearer"><span></span></div>
</div>
<div class="main">
<div class="content">
<h1>Porttitor posuere</h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est
pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo.
Vestibulum ac ante. Sed in est.</p>
<blockquote>
<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</p>
</blockquote>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam
vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius
mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a>
risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius
pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod
ultricies. </p>
<h1>Adipiscing</h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non
euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante.
Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.
Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim
quam fringilla mi.</p>
<h1>Interdum</h1>
<div class="descr">May 24, 2006 by Lectus</div>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo placerat elit,
eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat
aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat
molestie.</p>
</div>
<div class="sidenav">
<h1>Something</h1>
<ul>
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h1>Another thing</h1>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h1>Third and last</h1>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat molestie</a></li>
</ul>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="footer">© 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://templates.arcsin.se">Arcsin</a> </div>
</div>
</body>
</html>
<!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>CollectiveBlue</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="content">
<div id="left">
<h1 class="text1">CoLLECTIVEBLUE<br />
<span class="text2">Free CSS Template</span></h1>
<p> </p>
<div id="menu1">
<ul>
<li id="menu-01"><a href="#">Home</a></li>
<li id="menu-02"><a href="#">Products</a></li>
<li id="menu-03"><a href="#">Services</a></li>
<li id="menu-04"><a href="#">About Us</a></li>
<li id="menu-05"><a href="#">Contact Us</a></li>
</ul>
</div>
<div>
<p>
<h3><span class="text3">Recent News</span></h3>
</p>
<p><strong>June 09, 2006</strong><br />
In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.
Quisque dictum wisi maecenas integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Learn more...</a></p>
<p><strong>June 05, 2006</strong><br />
In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.
Quisque dictum wisi maecenas integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Learn more...</a></p>
<p><strong>June 01, 2006</strong><br />
In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.
Quisque dictum wisi maecenas integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Learn more...</a></p>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</div>
<div id="colB">
<div class="img1"><img src="images/img03.gif" alt="" width="520"
height="130" /></div>
</div>
<div id="right">
<h2>Welcome to our website!</h2>
<p>COLLECTIVEBLUE is a free template from Free CSS Templates released under a
<a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution
2.5 License</a>. You're free to use it for both commercial or personal use. I only
ask that you link back to my site in some way. Enjoy :)</p>
<p>Donec leo. Vivamus fermentum nibh in augue. Praesent a lacus at urna congue
rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim
nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna
nec eleifend rutrum, nunc lectus vestibulum velit, euismod lacinia quam nisl id
lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo
nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit.
</p>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique
ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id,
elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel
elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur
sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel,
suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
<p><strong>Consectetuer adipiscing elit</strong>. Nam pede erat, porta eu,
lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.
Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium
velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus
lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus
ac magna. Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas.</p>
<p>Donec leo. Vivamus fermentum nibh in augue. Praesent a lacus at urna congue
rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim
nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna
nec eleifend rutrum, nunc lectus vestibulum velit, euismod lacinia quam nisl id
lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo
nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit.
</p>
</div>
</div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>College Music</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div>
<p>Don't forget to check <a href="#">free website templates</a> 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.</p>
<p class="more"><a href="#"><img src="images/more_red.jpg" width="71"
height="14" alt="More" /></a></p>
</div>
</div>
<div id="nav"> <a href="#">Home</a> <a href="#">About us</a> <a
href="#">Services</a> <a href="#">Music</a> <a href="#">Courses</a> <a
class="lastchild" href="#">Contact us</a> </div>
<div id="body">
<div id="body-top">
<div id="body-bot">
<div id="about-box">
<h2><b>About</b> our music</h2>
<img src="images/pic_1.jpg" width="112" height="92" alt="Pic 1"
class="left" />
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </li>
<li>Cras semper erat ut mi. </li>
<li>Proin lobortis ipsum ac erat. </li>
<li>Morbi nec enim vitae est posuere luctus.</li>
</ul>
</div>
<div id="express-box">
<h2><b>Express</b> Learning</h2>
<img src="images/pic_2.jpg" width="112" height="92" alt="Pic 2"
class="left" />
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div class="narrow-text">
<p><a href="#">It is a long</a> established fact that a reader will be
distracted by the readable content of a page when looking at its layout.</p>
<p><a href="#">The point of using</a> Lorem Ipsum is that it has a
more-or-less normal distribution of letters...</p>
</div>
<p class="more"><a href="#"><img src="images/more.gif" width="68"
height="14" alt="More" /></a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="foot">
<div id="foot-top">
<div id="foot-bot">
<div id="what-box">
<h2><b>What</b> we offer</h2>
<img src="images/pic_3.jpg" width="86" height="77" alt="Pic 3"
class="left" />
<ul>
<li><a href="#">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing
elit.</li>
<li>Cras semper erat ut mi. </li>
<li>Proin lobortis ipsum ac erat. </li>
<li>Morbi nec enim vitae est posuere luctus.</li>
</ul>
</div>
<div id="news-box">
<h2><b>News</b> & events</h2>
<img src="images/pic_4.jpg" width="86" height="77" alt="Pic 4"
class="left" />
<ul>
<li><a href="#">Nullam</a> scelerisque consequat libero. </li>
<li><a href="#">Vivamus</a> mattis augue ut augue.</li>
</ul>
<p class="more clear"><a href="#"><img src="images/more.gif" width="68"
height="14" alt="More" /></a></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="footer">
<p>© 2006 collegeofmusic.com all right reserved | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Color Pencils</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="main">
<div class="tophead">
<h1 class="logo"><a href="#">Color Pencils</a></h1>
</div>
<div class="header">
<div class="headertext">This was my previous website and was showcased in CSS
Bloom few months ago. I have altered the design a bit, but not entirely. </div>
</div>
<div class="belowheader">
<div id="menu">
<ul>
<li><a href="#" class="active"><span>HOME</span></a></li>
<li><a href="#"><span>ABOUT</span></a></li>
<li><a href="#"><span>GOODIES</span></a></li>
<li><a href="#"><span>PORTFOLIO</span></a></li>
<li><a href="#"><span>BLOG</span></a></li>
<li><a href="#"><span>PHOTO GALLERY</span></a></li>
<li><a href="#"><span>CONTACT ME</span></a></li>
</ul>
</div>
</div>
<div class="contents">
<div class="right">
<div class="rightbox">
<div class="rightboxhead">
<h2>About the Author</h2>
</div>
<div class="rightboxcontent">Morbi dignissim mattis mi. Sed molestie
iaculis purus. Donec gravida scelerisque nunc. Aenean ac nulla. Proin egestas orci
non mauris. <a href="#">» Read More</a></div>
<div class="rightboxbottom"></div>
</div>
<div class="rightbox">
<div class="rightboxhead">
<h2>Quick Links </h2>
</div>
<div class="rightboxcontent">
<ul>
<li><a href="#">Nulla Laoreet</a></li>
<li><a href="#">Faucibus ante</a></li>
<li><a href="#">Quisque tupis</a></li>
<li><a href="#">justo</a></li>
<li><a href="#">runtrum</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat </a></li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="rightboxbottom"></div>
</div>
<div class="rightbox">
<div class="rightboxhead">
<h2>Meta </h2>
</div>
<div class="rightboxcontent">
<ul>
<li><a href="#">XHTML</a> 1.0 & <a href="#">CSS 2.0</a></li>
<li><a href="#">Powered By</a></li>
</ul>
</div>
<div class="rightboxbottom"></div>
</div>
</div>
<div class="left">
<h2>Welcome</h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec viverra
mauris nec metus. Nullam non eros at neque pharetra euismod. Cras fermentum, ipsum
elementum dapibus sodales, urna sapien varius massa, at bibendum dolor erat at
diam. Morbi dignissim mattis mi. Sed molestie iaculis purus. Donec gravida
scelerisque nunc. Aenean ac nulla. Proin egestas orci non mauris. Curabitur varius
fringilla metus. Nulla nonummy bibendum enim. Fusce nibh. Cras viverra. </p>
<h2>What do I do ? </h2>
<p>Nulla laoreet faucibus ante. Quisque turpis justo, rutrum in, tincidunt
id, consequat ut, pede. Nam et velit quis augue faucibus ullamcorper. Etiam velit.
Fusce dui neque, feugiat vitae, tincidunt ut, sollicitudin eget, sapien. Nullam
commodo. Maecenas metus. </p>
<blockquote>Nunc condimentum vestibulum nisi. Vestibulum nisi. Fusce auctor.
Aliquam tristique. Curabitur eget arcu. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos hymenaeos. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Praesent rhoncus
dapibus risus. Proin ut felis. Donec dui eros, ornare vel, fringilla in, aliquam
ac, lectus. Etiam vestibulum feugiat dolor.</blockquote>
<p>Maecenas a risus sit amet libero suscipit dignissim. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Pellentesque blandit, augue eget
porttitor aliquet, quam sapien tincidunt est, ut dapibus nisi arcu varius felis.
Vestibulum enim nibh, varius sit amet, lobortis eget, porta vel, sapien. Curabitur
vel nisi. Vestibulum ligula tortor, suscipit consectetuer, pellentesque et,
fermentum a, nunc. Etiam facilisis arcu non lectus. Sed lacinia, nisi ut rhoncus
imperdiet, diam nisl volutpat urna, a gravida justo velit a massa. Fusce eleifend
fermentum dolor. Phasellus nunc dolor, pretium commodo, dapibus vel, cursus in,
nulla. Proin bibendum ante vel ipsum laoreet congue. Cras malesuada elit non metus
cursus auctor. Vestibulum ac quam. Nam interdum, orci a luctus consequat, neque
est tristique libero, in tempus odio tortor eget dolor. In hac habitasse platea
dictumst. Etiam suscipit massa a metus. </p>
<p>Proin porta nibh vel turpis consequat bibendum. In nibh sem, rhoncus sed,
sagittis ac, bibendum vel, justo. Aenean pulvinar. Aliquam erat volutpat. Sed
imperdiet est id velit. Proin dictum. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Phasellus bibendum pulvinar libero. Pellentesque ullamcorper
lorem eu orci. Suspendisse tempor eros eu neque. Fusce nisi diam, bibendum sit
amet, tincidunt ac, tincidunt sit amet, augue. Donec sapien. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Suspendisse eget enim. Nam tristique, justo a fermentum laoreet, neque dui iaculis
orci, eget molestie sem nunc a tortor. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Nam quis ipsum faucibus ligula ornare venenatis. </p>
<p>Donec vehicula placerat eros. Nulla nec velit dapibus dui posuere
condimentum. Donec massa elit, luctus eget, interdum vel, lobortis quis, ipsum.
Morbi vitae ligula. Donec sed lorem lacinia leo egestas euismod. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Duis cursus. Integer rhoncus. Quisque condimentum dolor sit amet lectus porttitor
faucibus. In at mi a diam tempus varius. </p>
</div>
</div>
</div>
<div class="footer">
<div class="footerinner"> Here goes your footer Text</div>
</div>
<div class="footerbottom">
<div class="footerleft">Copyright Information </div>
<div class="footerright"><a href="#">Back to Top</a> | <a
href="http://www.ramblingsoul.com">Design : RamblingSoul</a></div>
</div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Colour World</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<h1><img src="images/logo.jpg" width="378" height="63" alt="Logo" /><img
src="images/spray.jpg" width="37" height="5" alt="Spray" id="spray" /></h1>
<div id="body-left">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Catalogue</a></li>
<li><a href="#">Planning</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h2 id="h-color"><img src="images/h_colours_of_the_world.gif" width="220"
height="31" alt="H Colours Of The World" /></h2>
<img src="images/pic_2.jpg" width="360" height="88" alt="Pic 2" />
<h2 id="h-projects"><img src="images/h_projects.gif" width="82" height="26"
alt="Projects" /></h2>
<div id="projects-outer">
<div id="projects"> <img src="images/pic_3.jpg" width="116" height="80"
alt="Pic 3" class="left" />
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<br />
<br />
<div class="dot-divider"></div>
<img src="images/pic_4.jpg" width="116" height="80" alt="Pic 4"
class="left" />
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<br />
<br />
<p class="more"><a href="#">more projects</a>
</div>
</div>
</div>
<div id="body-right"> <img src="images/pic_1.jpg" width="318" height="464"
alt="Pic 1" />
<h2 id="h-welcome"><img src="images/h_welcome.gif" width="134" height="28"
alt="H Welcome" /></h2>
<p>Don't forget to check <a href="#">free website templates</a> 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 having problems editing the template please don't hesitate to ask
for help on the <a href="#">forum</a>.</p>
<p class="more" id="welcome-more"><a href="#">learn more...</a></p>
<div id="copyright"> © Copyright 2006 | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</div>
</body>
</html>
<!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>Conglomerate</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Conglomerate</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="splash">
<p><em>“Quisque dictum integer nisl risus sagittis convallis rutrum id
congue and nibh.”</em></p>
</div>
<div id="page">
<div id="content">
<h1>Welcome to Conglomerate!</h1>
<blockquote>
<p><strong>“Conglomerate</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em>”</p>
</blockquote>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue
rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue,
and nibh.</p>
<ol>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque
pharetra.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li>
<li><a href="#">Duis non ante in metus commodo euismod lobortis.</a></li>
</ol>
</div>
<div id="sidebar">
<h2>Integer Gravida Nibh</h2>
<ul>
<li>
<h3>May 14th</h3>
<a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula…</a></li>
<li>
<h3>May 9th</h3>
<a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus…</a></li>
<li>
<h3>May 3rd</h3>
<a href="#">Quisque dictum integer nisl risus sagittis convallis rutrum id
congue…</a></li>
</ul>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Conglomerate. All Rights Reserved. Designed
by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<?xml version="1.0"?>
<!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>
<title>Alien Invasion</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
<!--Start of Wrapper div -->
<div class="logo">
<h1> DENiAL Design </h1>
</div>
<div id="header">
<ul>
<li> <a href="#">Home</a> </li>
<li id="current"> <a href="#">News</a> </li>
<li> <a href="#">Products</a> </li>
<li> <a href="#">About</a> </li>
<li> <a href="#">Contact</a> </li>
</ul>
</div>
<br />
<div id="top">
<!-- Text div -->
<div class="con_top"></div>
<div id="con_mid">
<div id="sidebar">
<h3> Something </h3>
<ul>
<li> <a href="#">Something</a> </li>
<li> <a href="#">Something Else</a> </li>
<li> <a href="#">OpenDesigns.org</a> </li>
<li> <a href="#">Something</a> </li>
<li> <a href="#">Something</a> </li>
<li> <a href="#">Something</a> </li>
</ul>
<h3> Latest Gallery </h3>
<div class="side_photo"> <img src="images/example.gif" alt="" /> </div>
<div class="center"> <a href="#">View</a> | <a href="#">Download</a> </div>
</div>
<div class="post">
<h3> <a href="#">Lorem ipsum dolor</a> </h3>
<div class="left"> <img src="images/example.gif" alt="" /> </div>
This Design was made by, Jason Kingery of DENiAL Design. You are free to
use this template however you see fit, all I ask is that you keep the link in the
footer to denial-Design, or some sort of credit. Otherwise, rip it apart, and learn
away. And as always, I hope you enjoy using this template as much, as I enjoyed
creating it. You can check out more of my Designs @ Open Designs. -Jason </div>
<br />
<div class="post">
<h3> <a href="#">Lorem ipsum dolor</a> </h3>
<div class="right"> <img src="images/example.gif" alt="" /> </div>
sit amet, consectetuer adipiscing elit. Praesent pellentesque euismod elit.
Praesent facilisis leo sed diam. Curabitur imperdiet interdum erat. Sed lorem.
Donec at nibh. Sed eu quam nec nunc tempus sagittis. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. </div>
<br />
<div class="post">
<h3> <a href="#">Different Tags</a> </h3>
<h1> H1 Tag </h1>
<h2> H2 Tag </h2>
<h3> H3 Tag </h3>
<br />
<h2> Unordered List </h2>
<ul>
<li>Item 1 </li>
<li>Item 2 </li>
<li>Item 3 </li>
<li>Item 4 </li>
<li>Item 5 </li>
</ul>
<br />
<blockquote> This is some blockquote text, just to show you what the
blockquote looks like, I really do hope you enjoy this template,and find something
really great to do with it! </blockquote>
</div>
<br />
</div>
<div class="con_bottom"></div>
</div>
<!--Text div ends -->
<div id="footer">
<!-- Footer start -->
© Name | Design by <a href="http://denial-Design.com">DENiAL Design</a> |
<a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> </div>
<!-- Footer ends -->
</div>
<!-- Wrapper ends -->
</body>
</html>
<!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>Connection</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<div id="logo">
<h1><a href="#">Connection</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active first"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Connection!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Connection</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum.
Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh.
Suspendisse dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list.
In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Connection. All Rights Reserved. Designed
by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</div>
</body>
</html>
<!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>Contemplate</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Contemplate</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<div class="post">
<h1 class="title"><span>Welcome to Contemplate!</span></h1>
<img src="images/img07.jpg" alt="" width="120" height="120" class="left" />
<p><strong>Contemplate</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from <a
href="#">PDPhoto.org</a>. You're free to use it for both commercial or personal
use. I only ask that you link back to my site in some way. <em>Enjoy :)</em></p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="post">
<h2 class="title"><span>Lorem Ipsum Dolor</span></h2>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque
tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis,
rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat
odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est.
Curabitur sit amet nulla. Nam in massa. Sed vel tellus.</p>
<h3>Curabitur Sem Urna</h3>
<p>Vel consequat, suscipit in, mattis placerat, nulla. Sed ac leo.
Pellentesque imperdie:</p>
<blockquote>
<p>“In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula.Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna
congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh.”</p>
</blockquote>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="menu" class="box">
<h2 class="title">Pages</h2>
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="updates" class="box">
<h2 class="title">Recent Updates</h2>
<ul>
<li class="first">
<h3>May 31, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula…</a></p>
</li>
<li>
<h3>May 26, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>May 22, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>May 17, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et, tellus.
Etiam nequea…</a></p>
</li>
<li>
<h3>May 14, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at urna
congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
<!-- end #updates -->
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Red Avenue. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!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>Cool Racing</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="header">
<h1><span class="heading_color">Cool</span> Racing</h1>
</div>
<div id="header_menu">
<ul class="navlist">
<li><a href="#">Log in</a></li>
<li><a href="#">Sign up!</a></li>
</ul>
</div>
<div id="container">
<div id="left">
<h4>Menu</h4>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
<div id="right"><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_2.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_2.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_2.jpg" alt="" width="48" height="48"
class="thumbs" /><img src="images/demo_car_1.jpg" alt="" width="48" height="48"
class="thumbs" /></div>
<div id="content">
<h2>About this template </h2>
<p>This template is created by Dieter Schneider Desember 2006. It's valid Xhtml
1.0 Strict! If you want the PSD file for this template you can purchase it at
CssTemplateHeaven.com for only 7$, this will give you a lot more flexibility. I
kindly ask you to not remove the copyright in the footer if you have the free
version of this template. Tested in the latest versions of FF, Opera and in IE
6.0. Enjoy your template. </p>
<h3>Lorem ipsum dolor sit amet</h3>
<p><img src="images/cool_original_logo.jpg" alt="" width="208" height="141"
class="images_left" /> This will spice up your template pretty well, only seven
dollars :) </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu magna at
nulla feugiat dapibus. Nam nec turpis. Donec tortor. Integer venenatis. Donec
accumsan gravida pede. Proin quis leo auctor dolor euismod fringilla. Praesent
sodales leo sit amet neque. Donec lorem ipsum, cursus eget, consectetuer et,
ultricies sed, massa. Donec rhoncus erat quis neque. Fusce euismod condimentum
nulla.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu magna at
nulla feugiat dapibus. Nam nec turpis. Donec tortor. Integer venenatis. Donec
accumsan gravida pede. Proin quis leo auctor dolor euismod fringilla. Praesent
sodales leo sit amet neque. Donec lorem ipsum, cursus eget, consectetuer et,
ultricies sed, massa. Donec rhoncus erat quis neque. Fusce euismod condimentum
nulla.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu magna at
nulla feugiat dapibus. Nam nec turpis. Donec tortor. Integer venenatis. Donec
accumsan gravida pede. Proin quis leo auctor dolor euismod fringilla. Praesent
sodales leo sit amet neque. Donec lorem ipsum, cursus eget, consectetuer et,
ultricies sed, massa. Donec rhoncus erat quis </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu magna at
nulla feugiat dapibus. Nam nec turpis. Donec tortor. Integer venenatis. Donec
accumsan gravida pede. Proin quis leo auctor dolor euismod fringilla. Praesent
sodales leo sit amet neque. Donec lorem ipsum, cursus eget, consectetuer et,
ultricies sed, massa. Donec rhoncus erat quis neque. Fusce euismod condimentum
nulla.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu magna at
nulla feugiat dapibus. Nam nec turpis. Donec tortor. Integer venenatis. Donec
accumsan gravida pede. Proin quis leo auctor dolor euismod fringilla. Praesent
sodales leo sit amet neque. Donec lorem ipsum, cursus eget, consectetuer et,
ultricies sed, massa. Donec rhoncus erat quis </p>
</div>
<div id="footer">© <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a> | Created by
Dieter Schneider 2006</div>
</div>
</body>
</html>
<!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>
<title>Cool Web</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="maintopPan">
<div id="maintopPanOne">
<div id="topHeaderPan"> <a href="#"><img src="images/logo.jpg" title="Cool Web"
alt="Cool Web" width="220" height="53" border="0" /></a>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Company</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Testimonials</a></li>
<li class="resources"><a href="#">Resources</a></li>
</ul>
</div>
<div id="topSidemenuPan">
<ul>
<li class="home"><a href="#">Home</a></li>
<li class="contact"><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div id="bodyPan">
<div id="leftPan">
<h2>who we are</h2>
<p>Cool Web is a <span>free, tableless, W3C-compliant</span> web design layout
by Template World. This template has been tested and proven compatible with all
major browser environments and operating systems. You are free to modify the design
to suit your tastes in any way you like.</p>
<p>We only ask you to not remove <span>"Design by Template World"</span> and
the link http://www.templateworld.com from the footer of the template.</p>
<p>If you are interested in seeing more of our free web template designs feel
free to visit our website, Template World. We intend to add at least 25 new free
templates in the coming month.</p>
<p class="more"><a href="#">read more</a></p>
<div id="leftPaninleftPan">
<h3>current events</h3>
<h4>image</h4>
<p class="strongtext">on 23rd july 2006</p>
<p><span>sit amet, consectetuer adipi scing elit. Vestibulum liiVm perdiet
ut, commodo vel,co</span> auctor vel,</p>
<p>Etiam orci nulla, aliquet vel Proin , pharetra in, posuere ultrices
Proin , sapien. Proin vel lacus. Integerda magna. Cras mi nibh, dapibus simit amet,
aliquet ut, venenatis sed,en <span>tortor. Mauris eu leo.</span> </p>
<p class="moreone"><a href="#">read more</a></p>
</div>
<div id="leftPaninrightPan">
<h4>image</h4>
<p class="strongtext">on 23rd july 2006</p>
<p><span>sit amet, consectetuer adipi scing elit. Vestibulum liiVm perdiet
ut, commodo vel,co</span> auctor vel,</p>
<p>Etiam orci nulla, aliquet vel Proin , pharetra in, posuere ultrices
Proin , sapien. Proin vel lacus. Integerda magna. Cras mi nibh, dapibus simit amet,
aliquet ut, venenatis sed,en <span>tortor. Mauris eu leo.</span> </p>
<p class="moretwo"><a href="#">read more</a></p>
</div>
</div>
<div id="rightPan">
<h2><span>new</span><br />
service overview </h2>
<ul>
<li class="dot">sitamet,consectetuer adipiscing elit.</li>
<li>posuere ultrices, sapien Nul.</li>
<li class="dot">sitamet,consectetuer adipiscing elit.</li>
<li>posuere ultrices, sapien Nul.</li>
<li class="dot">sitamet,consectetuer adipiscing elit.</li>
<li>posuere ultrices, sapien Nul.</li>
<li class="dot">sitamet,consectetuer adipiscing elit.</li>
<li>posuere ultrices, sapien Nul.</li>
</ul>
<div id="rightbottomPan"><img src="images/blank.gif" alt="" /></div>
</div>
</div>
<div id="footermainPan">
<div id="footerPan"> <a href="#"><img src="images/footerlogo.gif" title="Cool
Web" alt="Cool Web" width="218" height="52" border="0" /></a>
<ul>
<li><a href="#">Home</a>| </li>
<li><a href="#">About Us</a> | </li>
<li><a href="#">Company</a>| </li>
<li><a href="#">Partners</a> | </li>
<li><a href="#">Testimonials</a> |</li>
<li><a href="#">Resource</a> |</li>
<li><a href="#">Contact</a> </li>
</ul>
<p class="copyright">©cool web. All rights reserved.</p>
<div id="footerPanhtml"><a href="http://validator.w3.org/check?uri=referer"
target="_blank">html</a></div>
<div id="footerPancss"><a href="http://jigsaw.w3.org/css-
validator/check/referer" target="_blank">css</a></div>
<ul class="templateworld">
<li>Design By:</li>
<li><a href="http://www.templateworld.com" target="_blank">Template
World</a></li>
</ul>
</div>
</div>
</body>
</html>
<!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>Corporate</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Corporate<br />
<span class="text1">Free CSS Template</span></h1>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2>Welcome to Sitename.com!</h2>
<p><img src="images/img03.jpg" alt="" width="155" height="120" class="img1"
/>CORPORATE is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p> </p>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
<hr id="border-top" />
<div id="colA">
<p><strong>Fusce mollis tristique sem</strong><br />
Nullam et orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum
blandit nisl. Quisque elementum convallis purus. Nunc pellentesque. Sed vestibulum
blandit nisl. </p>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornar</a></li>
</ul>
</div>
<div id="colB">
<p><strong>Fusce mollis tristique sem</strong><br />
Nullam et orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum
blandit nisl. Quisque elementum convallis purus. Nunc pellentesque. Sed vestibulum
blandit nisl.</p>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornar</a></li>
</ul>
</div>
</div>
<div id="right">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>corporateblue</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
@import url("layout.css");
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>cORPORATEBLUE</h1>
<h2>Free CSS Template</h2>
</div>
<div id="main-menu">
<ul>
<li class="first"><a href="#" id="main-menu1" accesskey="1">Home</a></li>
<li><a href="#" id="main-menu2" accesskey="2">Products</a></li>
<li><a href="#" id="main-menu3" accesskey="3">Services</a></li>
<li><a href="#" id="main-menu4" accesskey="4">About Us</a></li>
<li><a href="#" id="main-menu5" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2 class="bigger">Welcome to our website</h2>
<p>CORPORATEBLUE is a free template from Free CSS Templates released under a
<a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution
2.5 License</a>. You're free to use it for both commercial or personal use. I only
ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<div class="hr1">
<hr />
</div>
<h2>Suspendisse potenti</h2>
<p>Etiam odio mi, suscipit et, rhoncus ac, lacinia malesuada, nisl. Aliquam
gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros imperdiet eros
interdum blandit. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam
erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. </p>
<ul>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
</ul>
<p>Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante
orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla.
Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in,
mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet. </p>
</div>
</div>
<div id="right">
<h2>Lorem Ipsum Dolor</h2>
<h3>June 09, 2006</h3>
<p><img src="images/homepage04.jpg" alt="" width="72" height="56"
class="img1" /> Donec nulla est, laoreet quis, pellentesque in, congue in, dui.
Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis,
sagittis ut, orci. <a href="#">Read more…</a></p>
<hr class="hr1" />
<h3>June 06, 2006</h3>
<p><img src="images/homepage04.jpg" alt="" width="72" height="56"
class="img1" /> Donec nulla est, laoreet quis, pellentesque in, congue in, dui.
Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis,
sagittis ut, orci. <a href="#">Read more…</a></p>
<hr class="hr1" />
<h3>June 02, 2006</h3>
<p><img src="images/homepage04.jpg" alt="" width="72" height="56"
class="img1" />Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc
rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis,
sagittis ut, orci. <a href="#">Read more…</a></p>
</div>
<div class="hr1">
<hr />
</div>
<div id="footer">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Corporation
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Corporation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="head">
<h1><a href="index.html">Corporation</a></h1>
<p>Free Website Template</p>
<div id="topnav">
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="submit" name="go" id="go" value="GO" />
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
</fieldset>
</form>
</div>
</div>
</div>
<div class="wrapper col2">
<div id="gallery">
<ul>
<li class="placeholder" style="background-
image:url(images/demo/gallery_default.gif);">Image Holder</li>
<li><a class="swap" style="background-image:url(images/demo/290x105.gif);"
href="#gallery"><strong>Services</strong><span><img src="images/demo/gallery_1.gif"
alt="" /></span></a></li>
<li><a class="swap" style="background-image:url(images/demo/290x105.gif);"
href="#gallery"><strong>Products</strong><span><img src="images/demo/gallery_2.gif"
alt="" /></span></a></li>
<li class="last"><a class="swap" style="background-
image:url(images/demo/290x105.gif);"
href="#gallery"><strong>Company</strong><span><img src="images/demo/gallery_3.gif"
alt="" /></span></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="wrapper col4">
<div id="container">
<div id="content">
<h1>About This Free CSS Template</h1>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor
mauris. Wisinon vivamus wisis adipis laorem lobortis curabiturpiscingilla dui
platea ipsum lacingilla.</p>
<p>Semalique tor sempus vestibulum libero nibh pretium eget eu elit montes.
Sedsemporttis sit intesque felit quis elis et cursuspenatibulum tincidunt non
curabitae.</p>
<div class="homecontent">
<ul>
<li>
<p class="imgholder"><img src="images/demo/286x100.gif" alt="" /></p>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
<p>congue magnis vestibulum quismodo nulla et feugiat.
Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="last">
<p class="imgholder"><img src="images/demo/286x100.gif" alt="" /></p>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna.</p>
<p>Urnaultrices quis curabitur phasellentesque congue magnis vestibulum
quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id
nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
</ul>
<div class="clear"></div>
</div>
<p>Odiointesque at quat nam nec quis ut feugiat consequet orci liberos.
Tempertincidunt sed maecenas eros elerit nullam vest rhoncus diam consequat amet.
Diamdisse ligula tincidunt a orci proin auctor lacilis lacilis met vitae.</p>
</div>
<div id="column">
<div id="featured">
<ul>
<li>
<h2>Indonectetus facilis leonib</h2>
<p class="imgholder"><img src="images/demo/240x90.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="more"><a href="#">Read More »</a></p>
</li>
</ul>
</div>
<div class="holder">
<div class="imgholder"><img src="images/demo/290x100.gif" alt="" /></div>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="wrapper col5">
<div id="footer">
<div id="contactform">
<h2>Why Not Contact Us Today !</h2>
<form action="#" method="post">
<fieldset>
<legend>Contact Form</legend>
<label for="fullname">Name:
<input id="fullname" name="fullname" type="text" value="" />
</label>
<label for="emailaddress" class="margin">Email:
<input id="emailaddress" name="emailaddress" type="text" value="" />
</label>
<label for="phone">Telephone:
<input id="phone" name="phone" type="text" value="" />
</label>
<label for="subject" class="margin">Subject:
<input id="subject" name="subject" type="text" value="" />
</label>
<label for="message">Message:<br />
<textarea id="message" name="message" cols="40" rows="4"></textarea>
</label>
<p>
<input id="submitform" name="submitform" type="submit"
value="Submit" />
<input id="resetform" name="resetform" type="reset" value="Reset" />
</p>
</fieldset>
</form>
</div>
<!-- End Contact Form -->
<div id="compdetails">
<div id="officialdetails">
<h2>Company Information !</h2>
<ul>
<li>Company Name Ltd</li>
<li>Registered in England & Wales</li>
<li>Company No. xxxxxxx</li>
<li class="last">VAT No. xxxxxxxxx</li>
</ul>
<h2>Stay in The Know !</h2>
<p><a href="#">Get Our E-Newsletter</a> | <a href="#">Grab The RSS
Feed</a></p>
</div>
<div id="contactdetails">
<h2>Our Contact Details !</h2>
<ul>
<li>Company Name</li>
<li>Street Name & Number</li>
<li>Town</li>
<li>Postcode/Zip</li>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li>Fax: xxxxx xxxxxxxxxx</li>
<li>Email: [email protected]</li>
<li class="last">LinkedIn: <a href="#">Company Profile</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- End Company Details -->
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html><!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>Corporation ltd.</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<link rel="stylesheet" type="text/css" media="screen, projection"
href="menu.css" />
<link rel="stylesheet" type="text/css" media="screen, projection"
href="style.css" />
<style type="text/css">
<!--
div.wrap1 .wrap2 {
/* only with left panel- background-image: url(img/bg1.gif); */
/* right and left panel */ background-image: url(img/bg2.gif);
/* only with right panel - background-image: url(img/bg3.gif); */
}
-->
</style>
</head>
<body>
<div class="wrap1">
<div class="wrap2">
<div class="logo">
<div style="display:inline; float:left;"> Corporation ltd.
<div class="slogan">Free CSS Website Template</div>
</div>
<div style="display:inline; float:right">
<input type="text" />
</div>
</div>
<div id="menu">
<div class="menu">
<ul>
<li><span class="left"></span><span class="hlavny"><a
href="#">Home</a></span><span class="right"></span></li>
<li><img src="img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="index1.html">2 Columns
(1)</a></span></li>
<li><img src="img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="index2.html">2 Columns
(2)</a></span></li>
<li><img src="img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="#" >Links</a></span></li>
<li><img src="img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="#">Contact</a></span></li>
</ul>
</div>
<div class="info"> This text is describing selected item. You may give here
advertisement, informations etc. Whatever! </div>
<div class="leftpanel">
<div class="header">Products</div>
<ul id="categories">
<li style="border-top:0;"><a href="#">Item 1</a></li>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li class="selected"><a href="#">Item 4 - selected</a></li>
<li><a href="#">Item 5</a></li>
<li><a href="#">Item 6</a></li>
<li><a href="#">Item 7</a></li>
</ul>
<br />
<div class="header">Office</div>
<div class="text"> <strong>Corporation ltd.</strong><br />
<br />
212 Military Parkway<br />
<span class="divider">Los Angeles, CA 94043</span> Telephone: +421 903
000 000<br />
E-mail: [email protected]<br />
ICQ: 000-000-000<br />
Skype: corporation1<br />
<br />
</div>
</div>
<div class="mainpanel">
<div class="text_">
<h1><a href="#">Welcome on our website!</a></h1>
<div class="text"><img src="img/img1.jpg" alt="" />This is a free, fully
standards-compliant CSS template designed by P&B Creations and supported by
Tachlovice. You're pretty much free to do whatever you want with it (even use it
commercially) provided you keep the links in the footer intact. The photo used is
from Wallpaperstock.net. Have fun with it :)<br />
<br />
Ad has utinam senserit maiestatis. Sonet causae per no, ex vel choro
eirmod alienum. Tota takimata imperdiet ea est, ut eligendi iudicabit mei. Sea
probo laboramus in, paulo placerat at qui. Vix labore concludaturque ex.<br />
<br />
Cu alii movet diceret duo. Sonet causae per no, ex vel choro eirmod
alienum. </div>
<h2><a href="#"><img src="img/more.gif" alt="" />Read more</a> <a
href="#"><img src="img/comment.gif" alt="" />Comments (8)</a></h2>
</div>
<div class="text_">
<h1><a href="#">Sed unum qualisque idi</a></h1>
<div class="text"><img src="img/img1.jpg" alt="" />Sed unum qualisque id,
et est reque veniam disputando. Ad eum saperet consulatu laboramus, audire percipit
eu cum. Nec eu wisi delicatissimi. Ut putent fabulas civibus eam, eu mucius nostrum
philosophia pro, pri an reque iuvaret vulputate. Eum ei assum sensibus iudicabit.
Ad has utinam senserit maiestatis. Sonet causae per no, ex vel choro eirmod
alienum. Tota takimata <a href="#">imperdiet</a> ea est, ut eligendi iudicabit mei.
Sea probo <a href="#">laboramus</a> in, paulo placerat at qui. Vix labore
concludaturque ex. Cu alii movet diceret duo. </div>
<h2><a href="#"><img src="img/more.gif" alt="" />Read more</a> <a
href="#"><img src="img/comment.gif" alt="" />Comments (1)</a></h2>
</div>
<div class="text_">
<h1><a href="#">His aliquip inciderint ex</a></h1>
<div class="text"><img src="img/img1.jpg" alt="" />His aliquip inciderint
ex, meliore mediocritatem in sed, an fabulas inimicus praesent cum. Ut legendos
conclusionemque vix. Ea legere tincidunt constituto has. Ut his <a href="#">solum
audire efficiendi</a>, pri postea quidam referrentur at. Ut solet mucius placerat
usu, ut has dicat dolorum evertitur, at utamur partiendo has. Ex enim laudem
persequeris vim.<br />
<br />
Sit an posse eruditi corrumpit. Eligendi pericula ne duo. Vix illud
omnesque salutatus ne. Est in saepe civibus, oportere hendrerit scribentur eos ad.
Alienum comprehensam eu mei. Te iusto integre nam, unum hendrerit eu ius. Sonet
causae per no, ex vel choro eirmod alienum. Ut putent fabulas civibus eam, eu
mucius nostrum philosophia pro, pri an reque iuvaret vulputate. </div>
<h2><a href="#"><img src="img/more.gif" alt="" />Read more</a> <a
href="#"><img src="img/comment.gif" alt="" />Comments (21)</a></h2>
</div>
</div>
<div class="rightpanel">
<div class="header">Inquiry</div>
<div class="inquiry"> <span class="divider" style="font-weight:bold;">Pri
iudico cetero euripidis eu, tota utinam interesset nam et?</span> <span
class="divider"><a href="#">Viris delectus voluptatum</a> (467)</span> <span
class="divider"><a href="#">Has ne etiam epicuri</a> (1347)</span> <span
class="divider"><a href="#">Docendi honestatis eos ne</a> (608)</span> <span
class="divider"><a href="#">Mel ex ullum probatus similique</a> (609)</span>
<strong>3031 votes</strong><br />
<br />
</div>
<div class="header">Corporation ltd.</div>
<div class="text"> <strong>Corporation ltd.</strong><br />
<br />
212 Military Parkway<br />
<span class="divider">Los Angeles, CA 94043</span> Telephone: +421 903
000 000<br />
E-mail: [email protected]<br />
ICQ: 000-000-000<br />
<span class="divider">Skype: corporation1</span> Telephone: +421 903 000
000<br />
E-mail: [email protected]<br />
ICQ: 000-000-000<br />
Skype: corporation1<br />
<br />
</div>
</div>
</div>
<div class="info1">
<div style="display:inline; float:left;">© 2008 <a
href="#">yourwebsite.com</a>. Design <a href="http://pbcreations.sk">P&B
Creations</a>.</div>
<div style="display:inline; float:right;"><a href="http://www.topas-
tachlovice.cz/topas-tachlovice.aspx">Tachlovice</a></div>
</div>
</div>
</div>
</body>
</html>
<!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>Counter-Strike</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="body_wrapper">
<!-- Start of Body Container -->
<div id="body_container">
<div id="body_container_b">
<div id="body_container_c">
<!-- Start of Page Header -->
<div id="page_header">
<!-- Website Title -->
<h1><span class="hidethis"> Counter Strike </span></h1>
</div>
<!-- End of Page Header -->
<!-- Start of Page Content -->
<div id="page_content">
<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>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<div class="tb_center"> <img src="images/cs_img01.gif" width="425"
height="176" alt="" /></div>
<p>You can remove any link to our websites from this template you're
free to use the template without linking
back to us. Don't want your boss to know you used a free website
template ;) .</p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
<!-- Read More Button -->
<div class="link_readmore"> <a href="#"><span class="hidethis">Read
more</span></a></div>
</div>
<!-- End of Page Content -->
</div>
</div>
</div>
<!-- End of Body Container -->
<!-- Start of Navigation Menu -->
<div id="navmenu">
<div id="navmenu_b">
<div id="navmenu_c">
<h3><span class="hidethis">Site Menu:</span></h3>
<ul>
<li class="list_first"><a href="#">Home</a></li>
<li><a href="#">Members</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Members</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!-- End of Navigation Menu -->
<div class="clearthis"> </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>
<!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" >
<head>
<title>Cream of the Crop</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/fix.css" type="text/css" />
<![endif]-->
</head>
<body>
<div id="container">
<div id="header">
<div id="title"><span>Cream of the Crop</span> <br />
<span class="subheader">The best floats to the top</span> </div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="2columns.html">2 Columns</a></li>
<li><a href="1column.html">1 Column</a></li>
<li><a href="tags.html">Tags</a></li>
</ul>
</div>
</div>
<div id="slogan">
<p>Your. Wordy. Slogan. Here.</p>
</div>
<div id="twocolumn">
<div id="left">
<h1>Cream of the Crop</h1>
<h6>Enjoy!!</h6>
<p>This is my first submission OWD. It is also my first Design
made as template. The idea for this Design came to me while looking
at a site posted on Web Creme </p>
<p>This template is flexable and has many different uses. I also
tried to style as many elements as I could -<a href="tags.html">Tags
page</a> </p>
<p>I would really like to hear how you use this template, so if you use it
let me know!</p>
</div>
<div id="right">
<h1>License</h1>
<h6>Creative Commons Attribution 2.5 License</h6>
<p>This template was released under the <a
href="http://creativecommons.org/licenses/by-sa/2.5/"> Creative Commons Attribution
2.5 License</a>, so you are free to
use this template however you want under the condition that
you give me credit by leaving the attribution in the footer.
For more details on the license visit Creative Commons</p>
</div>
<div id="clearboth"></div>
</div>
<div id="content">
<div id="one">
<h1>Header</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus orci
sed libero. Donec et nisi. Aenean ornare nisi hendrerit risus. Suspendisse eu
sapien. Sed sit amet libero. Phasellus non lectus vel massa porta pharetra. Aenean
vehicula ligula vitae libero. Sed aliquet erat vitae pede. Nunc volutpat congue mi.
Quisque nisi diam, consectetuer luctus, suscipit ac, congue ut, mauris. Aliquam
cursus commodo ipsum. Nulla fermentum vehicula felis. Ut sem. Nullam at erat.
Mauris adipiscing neque in erat.</p>
<p>Phasellus neque. Mauris nisi dui, pharetra a, fermentum id, auctor nec,
orci. Proin a nibh at enim fringilla consequat. Proin varius dapibus metus. Integer
lectus velit, ultricies eu, commodo non, tincidunt a, lorem. Aenean lacinia
molestie augue. Aliquam euismod. Morbi mattis. Duis ornare lacus sit amet ante.
Quisque non risus. Vestibulum scelerisque erat vel ligula. In sagittis leo sed
lorem. Mauris sit amet sem sit amet nibh accumsan rhoncus. Ut placerat sagittis
turpis. Nulla molestie, risus sed facilisis aliquam, tortor orci ultrices metus, eu
varius sem tortor eget neque. Duis quis orci. Cras ultrices placerat quam. Nam
vitae est eget risus tempus fermentum. Praesent malesuada tristique nibh.</p>
</div>
<div id="subnav">
<h4 class="subnavheader">Sub Menu</h4>
<div id="subnavcontainer">
<ul id="subnavlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<div class="copy">Copyright © 2006 | <a href="#">yourwebsite.com</a></div>
<div class="credit"><a href="http://validator.w3.org/">Valid CSS</a> | <a
href="http://validator.w3.org/">Valid XHTML</a> - Design by <a
href="http://realalibi.com">Robobuilder</a></div>
</div>
</div>
</body>
</html>
<!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>Mighty</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<link rel="stylesheet" href="css/styles.css" media="all" type="text/css" />
</head>
<body>
<div id="header">
<div class="subContainer">
<div id="logo">
<div id="box">ALL</div>
<p>MIGHTY</p>
</div>
<!-- /logo -->
</div>
<!-- /subContainer -->
</div>
<!-- header -->
<div id="navigation">
<ul>
<li id="active"><a href="#">Home</a></li>
<li><a href="#">About Mighty</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<!-- /navigation -->
<div id="container">
<div id="primaryContent">
<h2>Website Kulor on top yet again website Kulor on top yet again</h2>
<h3>Kulor was today nominated the best in UK website authoring</h3>
<img src="images/kulor_site.jpg" alt="" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce condimentum
nibh. Sed eros tellus, <strong>semper</strong> vel, dignissim at, feugiat sit amet,
leo. Phasellus sit amet erat. <em>Pellentesque turpis</em>. Nullam tempus. Nullam
enim lorem, vulputate non, porta ut, faucibus vitae, mi. Maecenas ullamcorper
turpis quis turpis ultrices imperdiet. Duis varius, nunc <a href="#">ut
condimentum</a> gravida, nibh felis pulvinar turpis, non convallis lectus nulla non
sapien.</p>
<ul>
<li>Sed eros</li>
<li>Dignissim at</li>
<li>Feugiat sit</li>
<li>Condimentum</li>
<li>Pellentesque turpis</li>
</ul>
<p>consectetuer adipiscing elit. Fusce condimentum nibh. Sed eros tellus, <a
href="#">semper vel</a>, dignissim at, feugiat sit amet, leo. Phasellus sit amet
erat. Pellentesque turpis. Nullam tempus. Nullam enim lorem, vulputate non, porta
ut, faucibus vitae, mi. Maecenas ullamcorper turpis quis turpis ultrices imperdiet.
Duis varius, nunc ut condimentum gravida, nibh felis pulvinar turpis, non convallis
lectus nulla non sapien.</p>
<div id="comments">
<dl id="status">
<dt>Comments (1)</dt>
<dd>| <a href="#">Add comment</a></dd>
</dl>
<dl class="comment">
<dt><a href="#">John Doe</a></dt>
<dd class="date">on Wed 5 Aug 06</dd>
<dd>Fusce condimentum nibh. Sed eros tellus, semper vel, dignissim at,
feugiat sit amet, leo.</dd>
</dl>
</div>
<!-- /comments -->
</div>
<!-- /primaryContent -->
<div id="secondaryContent">
<h2>Nullam tempus. Nullam enim lorem, <strong>vulputate non</strong>, porta ut,
faucibus vitae, mi.</h2>
<h3>Also See:</h3>
<ul>
<li><a href="#">Sed eros</a></li>
<li><a href="#">Condimentum</a></li>
<li><a href="#">Feugiat sit</a></li>
<li><a href="#">Dignissim at</a></li>
<li><a href="#">Pellentesque turpis</a></li>
</ul>
<h3>Links</h3>
<!--
This part was designed to handle images
-->
<ul class="links">
<li><a href="#">A foundation</a></li>
<li><a href="#">5* Service</a></li>
</ul>
<h3>Login</h3>
<form action="#">
<p>
<input value="user" />
</p>
<p>
<input value="password" />
</p>
<p>
<button>submit</button>
</p>
</form>
</div>
<!-- /secondaryContent -->
<br class="clear" />
</div>
<!-- container -->
<div id="footer">
<ul>
<li id="copyright">© 2006 James Broad</li>
<li id="links">
<ul>
<li><a href="http://validator.w3.org/check/referer">XHTML</a> |</li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> |
</li>
<li><a href="http://www.kulor.com/">Design by Kulor</a></li>
</ul>
</li>
</ul>
</div>
<!-- /footer -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Crisp 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1>Crisp 2</h1>
</div>
<div id="nav">
<ul>
<li id="active" ><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li class="last"><a href="#">Link 6</a></li>
</ul>
</div>
<div id="container">
<div id="rightcol">
<div class="navright">
<ul class="navlistright">
<li class="fixed"> <a href="#">Another Menu</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li class="active"><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
<li class="empty"> <a href="#"> </a></li>
</ul>
</div>
<div class="news">
<h1>Site News</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet doloresit amet...<br />
<a href="#">Read more...</a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet doloresit amet...<br />
<a href="#">Read more...</a></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet doloresit amet...<br />
<a href="#">Read more...</a></p>
</div>
</div>
<div class="short_content">
<h1>Template Info</h1>
<p>Crisp 2 is a modified version of an earlier template called "Crisp".
Thanks to Frits Anderson of mogenblue.com, for his inspiration for some of the
changes he made to the original Design which I recreated. </p>
<h2>header-2</h2>
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer</a> adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet doloresit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet doloresit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.</p>
<h2>More Filler Text</h2>
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer</a> adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet doloresit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet doloresit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.</p>
</div>
</div>
<div id="footer">
<p>Copyright© 2006 Your Company <br />
| XHTML template by <a
href="http://www.karenblundell.com">arwen54</a> | <a
href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/">Valid CSS</a> |</p>
</div>
</div>
</body>
</html>
<!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>Criterion</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Criterion</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Criterion!</h2>
<div class="story">
<p><strong>Criterion</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Criterion. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<?xml version="1.0"?>
<!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="cs" lang="cs">
<head>
<title>CrystalX</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen,projection" type="text/css"
href="css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="css/aural.css" />
</head>
<body id="www-url-cz">
<!-- Main -->
<div id="main" class="box">
<!-- Header -->
<div id="header">
<!-- Logotyp -->
<h1 id="logo"><a href="#">Crystal<strong>X</strong><span></span></a></h1>
<hr class="noscreen" />
<!-- Quick links -->
<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a
href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr />
</div>
<!-- Search -->
<div id="search" class="noprint">
<form action="#" method="get">
<fieldset>
<legend>Search</legend>
<label><span class="noscreen">Find:</span> <span id="search-input-out">
<input type="text" name="" id="search-input" size="30" />
</span></label>
<input type="image" src="design/search_submit.gif" id="search-submit"
value="OK" />
</fieldset>
</form>
</div>
<!-- /search -->
</div>
<!-- /header -->
<!-- Main menu (tabs) -->
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3>
<ul class="box">
<li><a href="#">Home<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li id="active"><a href="#">Weblog<span class="tab-l"></span><span
class="tab-r"></span></a></li>
<!-- Active -->
<li><a href="#">About Me<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Photos<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Portfolio<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Contact<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Links<span class="tab-l"></span><span class="tab-
r"></span></a></li>
</ul>
<hr class="noscreen" />
</div>
<!-- /tabs -->
<!-- Page (2 columns) -->
<div id="page" class="box">
<div id="page-in" class="box">
<div id="strip" class="box noprint">
<!-- RSS feeds -->
<p id="rss"><strong>RSS:</strong> <a href="#">articles</a> / <a
href="#">comments</a></p>
<hr class="noscreen" />
<!-- Breadcrumbs -->
<p id="breadcrumbs">You are here: <a href="#">Home</a> > <a
href="#">Category</a> > <strong>Page</strong></p>
<hr class="noscreen" />
</div>
<!-- /strip -->
<!-- Content -->
<div id="content">
<!-- Article -->
<div class="article">
<h2><span><a href="#">This is my best article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
<!-- Article -->
<div class="article">
<h2><span><a href="#">This is my third article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
<!-- Article -->
<div class="article">
<h2><span><a href="#">This is my second article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
<!-- Article -->
<div class="article">
<h2><span><a href="#">This is my first article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit.
Integer eu leo ac est aliquet imperdiet. Quisque nec justo id augue
posuere malesuada. Nullam ac metus. Cras non leo
ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in
enim eleifend faucibus. Pellentesque sodales. Mauris
auctor arcu sit amet felis. Donec eget enim ut lacus pharetra
condimentum. Nulla in felis vel tortor imperdiet consectetuer.
Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<!-- /article -->
<hr class="noscreen" />
</div>
<!-- /content -->
<!-- Right column -->
<div id="col" class="noprint">
<div id="col-in">
<!-- About Me -->
<h3><span><a href="#">About Me</a></span></h3>
<div id="about-me">
<p><img src="design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" />
<strong>John Doe</strong><br />
Age: 26<br />
Dallas, TX<br />
<a href="#">Profile on MySpace</a></p>
</div>
<!-- /about-me -->
<hr class="noscreen" />
<!-- Category -->
<h3 ><span>Category</span></h3>
<ul id="category">
<li id="category-active"><a href="#">Selected category</a></li>
<!-- Active -->
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
</ul>
<hr class="noscreen" />
<!-- Archive -->
<h3><span>Archive</span></h3>
<ul id="archive">
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li id="archive-active"><a href="#">August 2006</a></li>
<!-- Active -->
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
<hr class="noscreen" />
<!-- Links -->
<h3><span>Links</span></h3>
<ul id="links">
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
</ul>
<hr class="noscreen" />
</div>
<!-- /col-in -->
</div>
<!-- /col -->
</div>
<!-- /page-in -->
</div>
<!-- /page -->
<!-- Footer -->
<div id="footer">
<div id="top" class="noprint">
<p><span class="noscreen">Back on top</span> <a href="#header" title="Back on
top ^">^<span></span></a></p>
</div>
<hr class="noscreen" />
<p id="createdby">created by <a href="http://www.nuvio.cz">Nuvio |
Webdesign</a>
<!-- DON´T REMOVE, PLEASE! -->
</p>
<p id="copyright">© 2007 <a href="#">My Name</a></p>
</div>
<!-- /footer -->
</div>
<!-- /main -->
</body>
</html>
<!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>Cultivated</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Cultivated</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="adspace"><a href="#"><img src="images/ad120x600.jpg" alt="" width="120"
height="600" /></a></div>
<div id="content">
<div class="post">
<h2>Welcome to Cultivated!</h2>
<p><strong>“Cultivated</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
</div>
<div class="post">
<h2>Praesent mattis condimentum nisl</h2>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue
rutrum:</p>
<blockquote>
<p>“In posuere eleifend odio. Quisque semper augue mattis wisi.
Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat.
Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis
convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus.
Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis,
ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur
sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo.
Pellentesque imperdiet.”</p>
</blockquote>
<h3>Nulla luctus eleifend purus</h3>
<ol>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque
pharetra.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li>
<li><a href="#">Duis non ante in metus commodo euismod lobortis.</a></li>
</ol>
</div>
</div>
<div id="sidebar">
<div id="menu" class="boxed">
<h2>Pages</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div class="boxed">
<h2>Integer Gravid</h2>
<ul class="list">
<li>
<h3>May 14th</h3>
<a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula…</a></li>
<li>
<h3>May 9th</h3>
<a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus…</a></li>
<li>
<h3>May 3rd</h3>
<a href="#">Quisque dictum integer nisl risus sagittis convallis rutrum
id congue…</a></li>
</ul>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Cultivated. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Culture Shock</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="voodoo.css" media="screen" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<link rel="stylesheet" type="text/css" href="handheld.css" media="handheld" />
</head>
<body>
<div class="top"></div>
<div class="page_wrap clearfix">
<div class="header">
<div class="header_block">
<div class="logo"><img alt="logo" src="img/pc_logo.jpg" /></div>
<h1>culture shock</h1>
Voodoo Dolly in an Awkward Office Environment Coffee Clutch </div>
</div>
<div class="navbar" id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Info</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="container clearfix">
<div class="left_column">
<h3>Left Column</h3>
<p>Secondary links, news updates, pointless rants or images can fill this
column.</p>
<p>The border to the right is assigned to the <a href="#">center</a> column
and will expand with content over there. You can move it to this colum
or give it the axe. Decisions, decisions. </p>
<h3>Style Sheets</h3>
<p>Seperate style sheets for both print and handheld devices are included
with this design, so you'd be covered if/when someone visits your site
on their cell phone or what-not.</p>
</div>
<div class="center_column">
<div class="box_right">
<h3>Faux Column</h3>
<p>This isn't a column but a handy little text box with a float:right
slapped on it.</p>
<p>Could be used for a profile, secondary links or what ever else rocks
your world.</p>
<h3>Damn You IE!</h3>
<p>Is common sense dead? And if it is, was Microsoft the ones that killed
it? It never fails, learning about CSS is also learning about just
how much of a pain in the ass IE can be.</p>
<p>This is the first time that I used the "!important" tag
and it couldn't have come at a better time.</p>
<p>Is it too much to ask that someday web designers won't have to rely
on hacks so much? Damn I hope not.</p>
</div>
<h2>Voodoo Dolly (v1.0)</h2>
<p>What can i say? A two-column layout with fixed dimensions. Sure it's
nothing that will take over the world or get women to talk to you, but
it can serve as either a personal or commercial web site.</p>
<p>Of course, out-of-the-box, this design can be applied to a site that
has something to do with computers but by removing both the upper and
lower logos, it can be used for anything really.</p>
<p>The image below gives you an idea what the "bones" of this design looks
like.</p>
<p><img width="361" height="373" alt="" src="img/layout.gif" /></p>
<h2>Web Geek Stuff</h2>
<p><em>Voodoo Dolly (v1.0)</em> was tested in Windows with Firefox1.0.7,
IE6.0, Netscape7.2 and Opera7.54 with valid css and xhtml 1.0-strict.</p>
<p>As is, download time for 56k is 5.76 seconds; ISDN 128K at 1.90 seconds;
T1 at .35 seconds.</p>
<p>All images weigh in at 19.5KB.</p>
<h2>Better Living Through Open Source Design</h2>
<p>This is an open source design originally developed for the OSWD community
and is free to be used and adpated as such. If you need help figuring
things out or have questions about customizing this design, you can contact
me through OSWD or
visiting www.raykdesign.net.</p>
<p>If you use this design, please drop me a line so that I can see it in
action. Thanks and good luck!</p>
</div>
</div>
<div class="footer">
<div class="footer_logo"><img alt="" src="img/footer_logo.jpg" /></div>
<span id="footer">Copyright, 2005 (Your Site Name) • Design
by <a href="http://www.dbfnetwork.info/rayk/index.html">pogy366</a> for
OSWD • <a href="http://validator.w3.org/check?
uri=referer">Valid
XHTML</a> • <a href="http://jigsaw.w3.org/css-
validator/">Valid
CSS</a></span> </div>
</div>
<div class="bottom"></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Curiously.Green 1.0</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="default.css" />
</head>
<body>
<div id="header">
<div id="header_inner">
<h1><span>My.</span>Website</h1>
<div id="slogan">Gravida tortor lectus pellentesque.</div>
</div>
</div>
<div id="main">
<div id="lcol">
<div id="menu">
<ul>
<li><a href="#">Homepage<span></span></a></li>
<li><a href="#">My Blog<span></span></a></li>
<li><a href="#">Portfolio<span></span></a></li>
<li><a href="#">About Me<span></span></a></li>
<li><a href="#">Contact Me<span></span></a></li>
</ul>
</div>
<div id="menu_end"></div>
<div id="lcontent">
<h3 class="first">Interesting.<span>Stuff</span></h3>
<ul class="divided">
<li class="first"><a href="#">Tincidunt aliquam</a></li>
<li><a href="#">Cursus lorem nulla</a></li>
<li><a href="#">Nunc ante elit</a></li>
<li><a href="#">Tincidunt aliquam</a></li>
<li><a href="#">Cursus sed tempus</a></li>
</ul>
<h3>Aliquam.<span>Cursus</span></h3>
<p><a href="#">Sollicitudin sed</a> arcu et vivamus viverra. Nullam turpis.
Vestibulum Nullam turpis vestibulum.</p>
<div class="divider"></div>
<p><a href="#">Vestibulum veroeros</a> sed arcu et vivamus viverra lorem
ipsum dolor sit amet dolore nulla facilisi.</p>
</div>
</div>
<div id="rcol">
<div id="rcontent">
<h1>Curiously<span>.Green<sup>1.0</sup></span></h1>
<span id="slogan2">a plain and simple free design</span>
<div class="box">
<div class="box_inner">
<div class="captioned_image"> <img src="images/pic.jpg" alt="" />
<div>Fig 1. Obscure?</div>
</div>
<h2>Some obscure headline</h2>
<p>Sollicitudin et, arcu. Vivamus viverra. Nullam turpis. Vestibulum sed
etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed tortor. Nullam turpis.
Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed tortor.</p>
</div>
</div>
<h3>Obscure.<span>Explanations</span></h3>
<p> <strong>Curiously.green<sup>1.0</sup></strong> is a free, lightweight,
tableless, W3C-compliant website design
by NodeThirtyThree Design. You can't sell it (or derivative
works based on it), but you're free to use it, dissect it, and manipulate
it to your heart's content.
If you want to use it in any other manner, drop us a line nd we'll talk
about it. </p>
<p> We hope you find this design useful for ... well, something. You can find
more of our free work
(when released) at the same place you found this design, or some of our
commercial work on <a href="#">4Templates.com</a>, a commercial website template
site. </p>
<div class="divider"></div>
<div class="summary">- Those people at <a href="#">NodeThirtyThree
Design</a></div>
<h3>Tincidunt.Sed.<span>Vestibulum</span></h3>
<p> Quisque suscipit, quam vel aliquet tincidunt, eros nisi ultrices urna, a
interdum est purus vitae leo.
Pellentesque a lectus et tortor tincidunt <a href="#">dignissim etiam</a>.
Aliquam erat volutpat. Quisque
risus nunc, eleifend gravida, ullamcorper non, gravida ut, nulla. </p>
</div>
</div>
</div>
<div id="footer"> © 2006 My.Website. All rights reserved. Design by <a
href="http://www.nodethirtythree.com/">NodeThirtyThree</a>. </div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<!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>Daisy Cutter</title>
<link rel="stylesheet" type="text/css" href="printstyle.css" media="print" />
<link rel="stylesheet" type="text/css" href="screenstyle.css" media="screen" />
</head>
<body>
<div class="wholepage">
<div id="header">
<div class="superheader">http://www.yourdomain.com</div>
<div class="mainheader">
<h1>Daisy Cutter</h1>
<p>“Your motto or random text”</p>
</div>
<div class="subheader">Welcome to Daisy Cutter by Ad_267</div>
</div>
<div id="sidecontainer">
<h2>Navigation</h2>
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h2>Links</h2>
<ul class="nav">
<li><a href="#">OSWD</a></li>
<li><a href="#">WPDFD</a></li>
<li><a href="#">stock.xchng</a></li>
<li><a href="#">Wikepedia</a></li>
</ul>
</div>
<div id="content">
<h1>New Design</h1>
<p>This web page is validated xhtml strict and css 2 and uses no tables. Due to
all the formatting being in a style sheet this page is very easy to edit and the
design is also easy to change. I also decided to include a print style sheet with
this design so that your computer will automatically print a printer friendly page.
Try and make sure that the content is longer than the links on the left so that the
design looks it's best.</p>
<q>“This design uses no tables and includes a print
stylesheet.”</q>
<h1>The Daisy Photo</h1>
<p>I found this photo on stock.xchng and thought it would look great in a
design. The photo was taken by Dimiter Tzankov so if you use this design and decide
to keep that photo you must leave the photo credit at the bottom of the page.</p>
<h1>Daisy Cutter</h1>
<p>The BLU-82 daisy cutter is a bomb used by the US Military, specifically the
USAF. The origins of the name 'daisy cutter' (which is an understatement, see
daisy) are disputed. It is generally supposed to derive from Vietnam War-era usage
of the device, but in that era, it was known as Commando Vault when used to clear
landing fields (rumored to be able to clear a 300 foot diameter landing zone) for
helicopters by being dropped from a C-130 transport aircraft, or as Big Blue 82 for
the bomb on its own. Information from Wikipedia</p>
</div>
<div id="footer">
<div class="superfooter"></div>
<div class="mainfooter">
<p>Copyright © Whatsisname Thingymajig 2005</p>
<p>Daisy Photo Credit: <strong><a href="http://www.sxc.hu/browse.phtml?
f=profile&l=tzankov">Dimiter
Tzankov</a></strong> :: Design by <strong><a
href="http://www.oswd.org/userinfo.phtml?user=ad_267">Ad_267</a></strong></p>
</div>
<div class="subfooter"></div>
</div>
</div>
</body>
</html>
<!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>danmyaz 1.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="media/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<ul class="solidblockmenu">
<li><a href="#">dolor sit</a></li>
<li><a href="#">consectetuer</a></li>
<li><a href="#" class="current">Aliquam</a></li>
<li><a href="#">Nullam</a></li>
<li><a href="#">Quisque gravida</a></li>
<li><a href="#">Cras turpis</a></li>
<li><a href="#">Home</a></li>
</ul>
<div class="top">
<div class="top-left">
<h1><a href="#">danmyaz</a><sub>1.0</sub></h1>
<h2>my first css template...</h2>
</div>
<div class="top-right">
<label>
<input name="textfield" type="text" value="Search..." />
<input type="submit" name="Submit" value="Go!" />
</label>
</div>
</div>
<div class="top-bottom">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Sed non risus.</div>
<div class="left">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">dolor sit</a></li>
<li><a href="#">consectetuer</a></li>
<li><a href="#">Aliquam</a></li>
<li><a href="#">Nullam</a></li>
<li><a href="#">Quisque gravida</a></li>
<li><a href="#">Cras turpis</a></li>
<li><a href="#">Curabitur</a></li>
<li><a href="#">Nunc vitae</a></li>
</ul>
<br style="clear:left;" />
<div class="sidebox">Valid <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> & <a href="http://jigsaw.w3.org/css-
validator/">CSS</a></div>
</div>
<div class="right">
<h1>header-1</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nibh leo,
gravida hendrerit, aliquam eget, placerat eget, <a href="#">diam</a>. Nullam
facilisis iaculis nulla. Quisque gravida leo. Praesent sem nibh, imperdiet vel,
pulvinar nec, eleifend non, arcu.
<h1 class="red">Red H1</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<h2>header-2</h2>
Duis laoreet semper lectus. Phasellus tristique ultricies leo. Cras turpis.
Curabitur feugiat. Nunc vitae leo et odio <a href="#">auctor congue</a>.
<h3>header-3</h3>
Aenean et pede sit amet risus dapibus ullamcorper. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.<br />
<br />
The top menu is from Dynamic Drive.<br />
<br />
Please leave comments & suggestions here </div>
<br style="clear:both;" />
<div class="footer">© Your Company |
Design by <a href="http://www.mad-Designs.org">M.A.D.
Designs</a></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dark Shine</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- navigation -->
<ul id="nav">
<li id="current"><a href="#">Home</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Chat</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#">Contest</a></li>
<li><a href="#">FAQ</a></li>
</ul>
<!-- main title -->
<h1 id="title">DARK SHINE</h1>
<!-- beginning of actual page -->
<div id="wrapper">
<!-- this is the small black bar -->
<div id="top">
<ul>
<li id="search"><a href="#">search</a></li>
<li id="login"><a href="#">login</a></li>
<li id="join"><a href="#">Join!</a></li>
<li id="chat"><a href="#">Chat!</a></li>
</ul>
<span>total users: <strong>1,000,000</strong> currently online:
<strong>100</strong> using IM: <strong>50</strong> new photos:
<strong>99</strong></span> </div>
<!-- space for ads -->
<div id="adspace"> ad space </div>
<!-- image links -->
<div id="main">
<h1>New Members</h1>
<ul>
<li> <a href="#"><img src="images/box.jpg" width="105px" height="105px"
alt="" /></a>
<h2>profile name</h2>
</li>
<li> <a href="#"><img src="images/box.jpg" width="105px" height="105px"
alt="" /></a>
<h2>profile name</h2>
</li>
<li> <a href="#"><img src="images/box.jpg" width="105px" height="105px"
alt="" /></a>
<h2>profile name</h2>
</li>
<li> <a href="#"><img src="images/box.jpg" width="105px" height="105px"
alt="" /></a>
<h2>profile name</h2>
</li>
<li> <a href="#"><img src="images/box.jpg" width="105px" height="105px"
alt="" /></a>
<h2>profile name</h2>
</li>
</ul>
</div>
<!-- rest of content -->
<div class="content">
<h1>Latest News</h1>
<h2>Hello Again</h2>
This is Jack. I haven't been around for a while and I thought I'd contribute
another template. I've been busy with school and work, but summer is almost here
and it looks like I'll be back on the horse with some new designs. This one was
originally a concept I developed for a client of mine. They liked it a lot, but it
wasn't quite what they were looking for. I didn't want to waste the design, so I
coded it up for openwebdesign. I've tested the layout in Firefox and IE, and I
suspect it's fine for most other browsers. If you catch a glitch, give me a shout
and I'll see what I can do. </div>
<div class="content">
<h1>Latest Posts</h1>
<!-- this is a list of links -->
<ul class="hover_list">
<li><a href="#">Hey guys what's up?</a></li>
<li><a href="#">New template uploaded!</a></li>
<li><a href="#">Math sucks, lets all ban math</a></li>
<li><a href="#">Students' strike against raising tuition!</a></li>
<li><a href="#">Diagonal stripes are so cheesy</a></li>
</ul>
</div>
<div class="content">
<h1>Second Header</h1>
<h2>Welcome</h2>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem
Ipsum has been the industry's standard dummy text ever since the 1500s, <a
href="#">when an unknown printer took a galley</a> of type and scrambled it
to
make a type specimen book. It has survived not only five centuries, but also
the
leap into electronic typesetting, remaining essentially unchanged. It was
popularised in the 1960s with the release of Letraset sheets containing Lorem
Ipsum passages, and more recently with desktop publishing software like Aldus
PageMaker including versions of Lorem Ipsum. </div>
<div class="content">
<h1>More stolen content from lipsum.org</h1>
It is a long established fact that a reader will be distracted by the readable
content of a page when looking at its layout. The point of using Lorem
Ipsum is that it has a more-or-less normal distribution of letters, as opposed to
using 'Content here, content here', making it look like readable English. Many
desktop publishing packages and web page editors now use Lorem Ipsum as
their default model text, and a search for 'lorem ipsum' will uncover many web
sites still in their infancy. Various versions have evolved over the years,
sometimes by accident, sometimes on purpose (injected humour and the
like). </div>
<!-- footer -->
<div id="footer">Copyleft 2006. Feel free to do with as you wish | <a href="#">My
Portfolio</a> | <a href="#">My Blog</a> | <a href="#">My Artwork</a></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Free CSS Templates - Free Template Dark Theme</title>
<meta name="description" content="Free CSS Templates features free templates from
website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates,
Templates, Free Templates, CSS" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="images/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Your Company</h1>
<ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#">Sign In</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Home</a></li>
</ul>
<div class="Visual"> </div>
</div>
<div id="CONTENT">
<h2>Welcome</h2>
<div id="TEXT">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc rhoncus, eros
nec dictum adipiscing, mauris orci ornare pede, a dictum neque lacus sed ligula.
Pellentesque mollis arcu quis lorem. Sed vitae quam et mauris euismod aliquam.
Pellentesque quis nisl a ante iaculis volutpat. Duis varius sem at nisi. Etiam
mattis scelerisque erat. Maecenas lacus sapien, elementum non, semper id, gravida
vel, risus. Suspendisse mi risus, iaculis in, bibendum quis, pulvinar eget, velit.
Fusce neque libero, vestibulum a, fermentum vel, rutrum sit amet, mauris. Ut ac
dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse interdum
nisi congue ligula. </p>
<p>Nam dignissim ligula vel sapien. Curabitur viverra lacus sagittis sem. Donec
pretium pretium sapien. Aenean dapibus, augue quis pulvinar iaculis, velit libero
rhoncus dui, a adipiscing elit libero at elit. Donec facilisis mauris quis dui.
Donec et justo. Praesent ornare vestibulum quam. Sed ultricies pellentesque mi.
Etiam odio. Aenean justo. Fusce quis massa ac risus sodales ultricies. Duis eget
eros sed ante placerat dignissim. </p>
</div>
</div>
<div id="FOOTER">
<p> <a href="#">FAQ</a> • <a href="#">Terms</a> •<a href="#">Home</a>
• <a href="#">About Us</a></p>
<p>Your Company © 2006 </p>
<p><a href="http://www.gettemplate.com">Designed by GetTemplate.com</a></p>
</div>
<script src="http://www.google-analytics.com/urchin.js"
type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-24";
urchinTracker();
</script>
</body>
</html>
<!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>AmazinglyCool</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>amazinglycool</h1>
<h2>Free CSS Template</h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="columnA">
<h2>Welcome to Sitename.com!</h2>
<p>AMAZINGLYCOOL is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="columnB">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>Darkened</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Darkened</h1>
<h2>Menu</h2>
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Products</a></li>
<li><a href="#" accesskey="3">Services</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h3>Lorem Ipsum</h3>
<ul class="list">
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
</ul>
<p> </p>
<h3>Consequat Portitor</h3>
<p><img src="images/img6.jpg" alt="" width="179" height="59" /></p>
<p>Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus interdum.
Donec <a href="#">pede nisl gravida</a> iaculis, auctor vitae, bibendum sit amet,
mauris. Cras adipiscing libero et risus. Donec rutrum. <a
href="#">More…</a></p>
</div>
<div id="colTwo">
<h2>Welcome</h2>
<img src="images/img7.jpg" alt="" width="114" height="104" style="float: left;
margin-right: 25px;" />
<p>Darkened is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo to the left is from PDPhoto.org. You're free to use this
template for both commercial or personal use. I only ask that you link back to my
site in some way. Enjoy :)</p>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus
mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec,
adipiscing at, elit. Maecenas sed sem sit amet lectus mattis molestie. Integer quis
eros lorem ipsum dolor sit amet veroeros consequat.</p>
<p> </p>
<h2>Blandit Etiam</h2>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet <a href="#">magna ac
lacus</a> dapibus interdum. Donec pede nisl, gravida iaculis, auctor vitae,
bibendum sit amet, mauris. Cras adipiscing libero et risus. Donec rutrum tempus
massa. Proin at mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla
quis, sagittis nec, adipiscing at, elit. Maecenas <a href="#">sed sem sit amet
lectus</a> mattis molestie. Integer quis eros lorem ipsum dolor sit amet veroeros
consequat.</p>
</div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All rights reserved. Design by <a
href="http://freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Darkness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Darkness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper">
<div id="header">
<div id="logo">
<h1><a href="index.html">Darkness</a></h1>
<p>Free Website Template</p>
</div>
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">Link Text</a></li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper">
<div id="latest">
<div class="fl_left"><a href="#"><img src="images/demo/575x300.gif" alt=""
/></a></div>
<div class="fl_right">
<h2>Cursus penati saccum ut.</h2>
<p>Cursuspenatisaccum ut curabitur nulla tellus tor ames a in curabitur pede.
Idet mollisi eros dis orci congue elis et curabitur consequam intesque.
Cursuspenatisaccum ut curabitur nulla tellus tor.</p>
<ul>
<li><a href="#"><img src="images/demo/100x100.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/100x100.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/100x100.gif" alt=""
/></a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper">
<div id="intro">
<ul>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<div class="imgholder"><a href="#"><img src="images/demo/300x150.gif"
alt="" /></a></div>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. </p>
<p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<div class="imgholder"><a href="#"><img src="images/demo/300x150.gif"
alt="" /></a></div>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. </p>
<p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Indonectetus facilis leo nibh</h2>
<div class="imgholder"><a href="#"><img src="images/demo/300x150.gif"
alt="" /></a></div>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. </p>
<p>Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper">
<div id="container">
<div id="content">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
</div>
<div id="column">
<div class="holder">
<h2>Nullamlacus loborttis</h2>
<ul id="latestnews">
<li class="last"><img class="imgl" src="images/demo/80x80.gif" alt="" />
<p><strong>Indonectetus facilis leo nibh.</strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper">
<div id="footer">
<div id="newsletter">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Dear Diary</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Dear Diary</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="search">
<h2>Search</h2>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18" />
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>
</div>
<div id="content">
<div id="colOne">
<div id="latest-post">
<h2 class="title"><a href="#">Welcome to Dear Diary!</a></h2>
<h3 class="posted">Posted on February 1st, 2007 by <a
href="#">Author</a></h3>
<div class="story"><img src="images/img3.jpg" alt="" width="180" height="135"
class="image" />
<p><em><strong>Dear Diary</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Etiam eu nibh. Quisque condimentum varius velit. Proin interdum erat
quis sem. Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Vivamus in odio.</p>
</div>
</div>
<div id="recent-posts">
<h3 class="title">Recent Posts</h3>
<ul>
<li><strong><a href="#">Lorem ipsum dolor sit amet</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Cras sagittis est laoreet odio</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Sed pulvinar ornare urna</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Quisque in dolor non erat</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Fusce lobortis dui molestie eros</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
<li><strong><a href="#">Maecenas vel leo nec dui
pulvinar</a></strong><br />
<small>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></small></li>
</ul>
</div>
<div style="clear: both; height: 1px;"></div>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Pages</h2>
<ul>
<li class="active"><a id="page1" href="#">Home</a></li>
<li><a id="page2" href="#">My Photos</a></li>
<li><a id="page3" href="#">My Favorites</a></li>
<li><a id="page4" href="#">About Me</a></li>
<li><a id="page5" href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
</ul>
<div style="clear: both;"> </div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Dear Diary. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Decayed</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div id="container">
<div id="content">
<h1 id="site-title"><a href="#">Decayed</a></h1>
<p id="site-description">another trash style website template</p>
<h1 class="decay"><a href="#">Porttitor posuere</a></h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<img src="img/sample-image.gif" width="120" height="90" alt="sample image"
class="right border" />
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est
pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo.
Vestibulum ac ante. Sed in est.</p>
<blockquote>
<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere
laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</p>
</blockquote>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae,
interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris.
Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a> risus.
Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius pede
tristique ultricies. Cras nisl. Proin quis massa semper felis euismod ultricies.
</p>
<h1 class="decay"><a href="#">Adipiscing</a></h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non
euismod nulla dui non diam.</p>
<ol>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ol>
<p>Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est. Sed
sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet,
turpis massa tristique justo, sed egestas metus magna sed purus. Fusce eleifend,
dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla
mi.</p>
<h1 class="decay"><a href="#">Interdum</a></h1>
<div class="descr">May 24, 2006 by Lectus</div>
<img src="img/sample-image.gif" width="120" height="90" alt="" class="left
border" />
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo placerat elit,
eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh.</p>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat
molestie.</p>
<div id="footer"> <span class="left">© 2007 <a href="#">Website.com</a>.
Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a></span> <span
class="right">Website template by <a href="http://arcsin.se">Arcsin</a></span>
<div class="clearer"><span></span></div>
</div>
</div>
<div id="navigation">
<h2 class="decay">Something</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h2 class="decay">Another thing</h2>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h2 class="decay">Third and last</h2>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat molestie</a></li>
</ul>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Deep Impact</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1"
/>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Your<span>Site</span>.com</h1>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">services</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">site map</a></li>
<li><a href="#">contacts</a></li>
</ul>
</div>
<div id="block">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ut enim.
Mauris in enim. Nulla rutrum. Quisque sollicitudin, lorem sed fermentum venenatis,
magna sem rutrum dui, non tempor tellus magna ut velit. Proin sit amet tortor sed
massa tempus tincidunt. Suspendisse potenti. Suspendisse accumsan cursus ligula.
Mauris commodo. Nulla facilisi. In dapibus. Praesent malesuada. Integer tristique
mattis enim. Vestibulum id lectus luctus erat scelerisque bibendum. Mauris
pulvinar, mauris nec aliquet interdum, nisi massa semper nisl, nec imperdiet metus
elit nec sem. Nam ut turpis. Mauris laoreet accumsan pede. Fusce porttitor tempus
leo.</p>
<p>Proin sit amet tortor sed massa tempus tincidunt. Suspendisse potenti.
Suspendisse accumsan cursus ligula. Mauris commodo. Nulla facilisi. In dapibus.</p>
</div>
<ul id="nav">
<li><a href="#" class="active">home</a></li>
<li><a href="#">services</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">contacts</a></li>
</ul>
<div id="pathway"> Home > Services > Web Design </div>
<div id="body">
<div class="clear"> </div>
<div id="left">
<p>Some more text here or delete this for 1 solid block of text.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi.
Fusce condimentum varius metus. Mauris lacus. Vivamus egestas facilisis eros.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi.
Fusce condimentum varius metus. Mauris lacus. Vivamus egestas facilisis eros.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi.
Fusce condimentum varius metus. Mauris lacus. Vivamus egestas facilisis eros.</p>
</div>
<div id="right">
<p>Here is some more text.</p>
<p>Susmonte urnar et nam temper congue a leo maurisus morbi nibh.
Conguecondimenterdum ac natis eget sed ant sed arcu ut nectus sapien. Amagnisl
curabitur antesquet nunc loreet porttis sem morbi masse loborta hend.
Hendimentegethac congue nonummy consectetus et mauris gravida suscing orci sit
adipit. Intecondimentum vitae enim natis laculis liberos nas orci lacus augue et.
Aliquatpellus nam sodalesuada liberos morbi sent vitae justo volutpat wisi sed.
Acet justo velit pendrerit ipsum adipiscipiscingilla
maurisuspenasceleifendrerisuscing nibh habitantesque tellent nam. Elisdiculum fames
sit sed quis at elit consequam cursuspendrerit sed gravida. Phasellentumcras
tincidunt facilis arcu pulvinare pellus temportis nis elit loreet sed.
Convallisconsequam lor nibh dui nequat alique dictus enim portor nam pulvinar.</p>
<p>Pharetiumac ac elit lacilis gravida gravida sed ac dolor id cursusce.
Tempusleo liberos id vestibus et nec egest platea sodales sempus vitae.
Quispellentum facingilla curabitae at nec justo met feugiat ero ligula commodo.
Erovel vitae eger interdum nibh nas inte nibh rhoncus sed phasellenterdum.
Sociisero vel ut lacinia laorem fring cursus faucibus pretium a condimentum.
Ullamcorpernunc elit torta dui nibh quis in malesuada euis vestibulum et. Duiwisi
elit elit in enim vel id alique lacus leo por. Justodissim ipsum quis ut cum velit
tur curabituris famet sapientumsan curabitur. Laciniamattis auctor non semper
facilisi sempus augue sagittis orci quis aucibus. Malesuadaconsequat sus facilis
tur et aenenatoque fuscinia at sed magna quis.</p>
<p>Duisit habiturpiscinia et aenean duis loreet feugiat consequat met eget
ultris. Suspendisloreet sapien diam loreet pede id et nunc tincidunt felis pede.
Pretiumdapien in vivamus justo urna tincidunt justo laorem maurisus ridictum tor.
Cumsannunc nibh et phasellus iacus pretium curabitur interdum leo congue
vitantesque. Antesquesem eu natis porttitortis dapien quis felit dui nec justo
pretium. Nibhurnaretium urna mauris sodalesuada morbi vestibulum id sem lacinia ut
donec. Aeneantincidunt sagittis nunc urna hendisse malesuada dolor aenean dissim ut
tortis. Mattisat in sociis loborta amet facilis nam et malesuada nulla eros.
Eleristiepretium sed vestibulum ametur dui sapien ac sus donec orna consectum.
Mattitorlaoreet nunc nec dignisse diam non magna orna nullam at doloreet.</p>
<p>Wisinulla met pellus maurisque volutpat dis justo tellentum velit ridictum
mus. Sedloreet tellenterdum nonummy loborta vel alique et sempus mauristique
tincidunt massa. Ipsumsed males monterdum tur por orci non mollis dui congue nibh.
Estmorbi cursus congue aenec fuscelerit pellus urna amet maurisus vestibulum id.
Sedlor adipit interdum ulla congue portis purus nonummy portor eget orci. Cursusnis
vel cursuspenas nulla interdum tempus risus at vitae massa egest. Urnaurna nunc ut
ipsum orci nibh volutpat nunc urna nisl tincidunt. Interdumlor tortis justo nam sed
fusce nibh nequat ac facilis vivamus. Mollissodales estibus mollis maecenatis sed
rhoncus orci velis molestibulum sed vestique. Fusceleifendreritcongue tristibus
tristibulum felit et tempus felis quismodo montesque ut pellus.</p>
<p>Quamtincidunt semper morbi morbi sed aenenas dapibulum vestas nasceleris
aliquam vitassa. Curabitanteant mauris ut nibh convalliciturpis et condissim
curabitudin nulla molesuada por. Vitaenon risque laorem sed et tellus pede tellus
et pellentumst sem. Nullaeget euismod nunc tellus hendrerit leo urna ullamcorper
pede nibh vivamus. Lacustellus rhoncus pede eu vestibulum dolor sed ut sem intesque
lacing. Elitsus velis alique et gravida metus antesque enim gravida semper in.
Justoet ac trisque natibulum lobortor pellus et quis ipsum odio et. Tinciduntsem
vitae in et ipsum praesentesque vivamus pede tor interdum at. Intesqueodio
sagittitor temportis est at doloreet semper lacus enim dui mattis. Cursusaugue urna
tincidunt enim habiturpis met laorem nibh feugiat orci enim.</p>
<p>Quisa vestibulum id estibulum fring sapibus massa quis pede accumst
trisus. Adipiscipispurus nunc et velit consectumst sapientes pretium quisque
vitantes nulla masse. Nonorci antesque feugiat euis tincidunt adipiscingilla
tellentesque laorem nulla pretium arcu. Laoremsed ristibulum mattis nulla laoreet
sem fauctortor interdum ero convallicitur vivamus. Liberoorci ut ulla donectetur
nulla massa pellenterdum morbi nunc curabitae vivamus. Quislor quis mollisi nec
lacinia orna ipsum eget nibh lacilis risque. Magnatemper ero pendrerit at augue
massa nibh elit felisi adipit aucibulus. Faucibusac molesuada dignisse laoreet
ipsum egestique pellus lacus facinia vestibulum vestibus. Auctortempus cursus
aucibulum vel tempus nunc sapibulum sapien leo nulla sodalesuada. Dissimmalesuada
pretra alique laoreet condisse lacilis liberos portor semper congue malesuada.</p>
</div>
<div class="clear"> </div>
</div>
<div id="footer"> Design by <a href="http://www.td50.com">TD50.com</a> |
Copyright 2006 yoursite.com | XHTML | CSS </div>
</div>
</body>
</html>
<!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-AU">
<head>
<title>DeepBlack</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="nav">
<ul>
<li><a class="active" href="#">Home</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">PW2</a></li>
<li><a href="#">ABC's</a></li>
<li><a href="#">Web Designs</a></li>
</ul>
</div>
<div class="header">
<h1>DeepBlack</h1>
</div>
<div class="content">
<div class="entry">
<h2>Lorem ipsum</h2>
<p> The background is from the great site at SquidFingers. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Ut rutrum velit a sapien volutpat
porttitor. Mauris et ante venenatis justo condimentum aliquet. Praesent risus
neque, faucibus at, convallis ac, dictum <a href="#">fermentum</a>, mi. Fusce
tincidunt neque nec arcu. </p>
<p> Pellentesque habitant <a href="#">morbi tristique</a> senectus et netus et
malesuada fames ac turpis egestas. Proin eu orci eu mauris blandit vestibulum. Cras
egestas magna vitae felis. In purus urna, aliquam non, tempus eget, placerat vel,
elit. Donec neque justo, fermentum id, mollis non, mattis ut, odio. Phasellus quis
dui. Donec ultrices mollis libero. </p>
</div>
<div class="entry">
<h2>Free Designs!</h2>
<p> If you go to Open Design, they are offering free template creation. Not
only for regular html, but also for WordPress, Mamboo, Joomla, and Drupal. All you
have to do is give a description of what you want and they'll create it for you.
The best things in life are free. </p>
</div>
<div class="entry">
<h2>Vivamus massa</h2>
<p> Vivamus massa. Quisque adipiscing viverra magna. In et arcu nec leo lacinia
ornare. Morbi a felis at ipsum faucibus bibendum. Proin condimentum eros ac mi.
Integer viverra, justo eu tristique convallis, sem turpis venenatis dolor, vel
semper nisi mi nec felis. Sed lorem. <a href="#">Nam turpis</a>. Fusce sagittis.
Aenean quis nunc iaculis risus interdum sagittis. Praesent adipiscing auctor nisi.
Nam nec dolor ac est tempor tincidunt. Nam nonummy massa et justo. </p>
<p> Fusce pulvinar pulvinar lorem. Curabitur fringilla metus et lacus.
Vestibulum tincidunt aliquet eros. Vestibulum dapibus elit id ante. Nullam eget
risus. </p>
</div>
<div class="links">
<div class="column"> <span class="title">Links</span>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
</ul>
</div>
<div class="column"> <span class="title">Some More</span>
<ul>
<li><a href="#">Link 7</a></li>
<li><a href="#">Link 8</a></li>
<li><a href="#">Link 9</a></li>
<li><a href="#">Link 10</a></li>
</ul>
</div>
</div>
</div>
<div class="footer">
<p>Designed by <a href="http://Design.awardspace.us">graystatic</a> | ©
your company </p>
</div>
</body>
</html>
<!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>
<title>Deliciously Blue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<form name="form1" id="form1" method="post" action="#">
<input type="text" name="textfield" value="Search For..." />
<input class=" button" type="submit" name="Submit" value="GO" />
</form>
<h1>Deliciously Blue</h1>
<p>so tasty it hurts</p>
</div>
<div id="tabs10">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
<li><a href="#"><span>Link 7</span></a></li>
</ul>
</div>
<div id="container2">
<div id="content">
<h2>Here is the Main Content</h2>
<p> Well, I don't have too much to say about this template. It was heavily
inspired by "Leaves" by "Anthonyy". I also used a menu that I found in the
Designologue. So really, I didn't do much here, but it was my first submitted
template and I am quite happy with it. I believe this thing is standards compliant
too.<br />
<br />
<img src="left.gif" alt="Left Align" width="150" height="112"
class="left" />Now I also added some image classes to position your nifty photos,
so go ahead and have yourself a merry little time. There is a left one, a right
one, and guess what? A center one!<br />
<br />
Quisque viverra, eros sed imperdiet iaculis, est risus facilisis quam, id
malesuada arcu nulla luctus urna. Nullam et est. <br />
</p>
<h2>Quisque facilisis</h2>
<p> <img src="left.gif" alt="Right Align" width="150" height="112"
class="right" />Aenean eros arcu, condimentum nec, dapibus ut, tincidunt sit amet,
urna. Quisque viverra, eros sed <a href="#">imperdiet</a> iaculis, est risus
facilisis quam, id malesuada arcu nulla luctus urna. Nullam et est. Vestibulum
velit sem, faucibus cursus, dapibus vestibulum, pellentesque et, urna. Donec
luctus. Donec lectus. Aliquam eget eros facilisis tortor feugiat sollicitudin.
Integer lobortis vulputate sapien. Sed iaculis erat ac nunc. <br />
<br />
Aenean eros arcu, condimentum nec, dapibus ut, tincidunt sit amet, urna.
Quisque viverra, eros sed imperdiet iaculis, est risus facilisis quam, id malesuada
arcu nulla luctus urna. Nullam et est. <a href="#">Vestibulum velit</a> sem,
faucibus cursus, dapibus vestibulum, pellentesque et, urna. Donec luctus. Donec
lectus. Aliquam eget eros facilisis tortor feugiat sollicitudin. Integer lobortis
vulputate sapien. Sed iaculis erat ac nunc.<img src="left.gif" alt="" width="150"
height="112" class="center" /></p>
<h2>Fusce varius</h2>
<p> Aenean eros arcu, <a href="#">condimentum</a> nec, dapibus ut, tincidunt
sit amet, urna. Quisque viverra, eros sed imperdiet iaculis, est risus facilisis
quam, id malesuada arcu nulla luctus urna. Nullam et est. Vestibulum velit sem,
faucibus cursus, dapibus vestibulum, pellentesque et, urna. Donec luctus. Donec
lectus. Aliquam eget eros facilisis tortor feugiat sollicitudin. Integer lobortis
vulputate sapien. Sed iaculis erat ac nunc.</p>
</div>
<div id="sidebar">
<h2>Sidebar</h2>
<p>This is a little tidbit for sidebar content. This whole column could be
used for whatever kind of purpose: news, pics, etc.</p>
<p>Aenean eros arcu, condimentum nec, <a href="#">dapibus</a> ut, tincidunt
sit amet, urna. Quisque viverra, eros sed imperdiet iaculis, est risus facilisis
quam, id malesuada arcu nulla luctus urna. Nullam et est.</p>
<p>Aenean eros arcu, condimentum nec, dapibus ut, tincidunt sit amet, urna.
Quisque viverra, eros sed imperdiet iaculis, est risus facilisis quam, id malesuada
arcu nulla luctus urna. Nullam et est.</p>
</div>
<div id="footer">
<p> <a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0</a> |
Copyright © Your Name Here | Design by <a href="#">super j man</a> </p>
</div>
</div>
</div>
</body>
</html>
<!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>Desert Sand</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="bg">
<div id="header">
<div id="logo">
<h1><a href="#">Desert Sand</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<div id="menu">
<h2>Navigation Menu</h2>
<ul>
<li><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="content">
<div id="splash">
<div class="top"><img src="images/img07.jpg" alt="" width="460"
height="180" /></div>
<div class="bottom"></div>
</div>
<div id="welcome">
<h2>Welcome to Desert Sand!</h2>
<p><strong>Desert Sand</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. Enjoy :)</p>
</div>
<div id="samples">
<h2>Common Markup Examples</h2>
<p>This is a paragraph followed by an unordered list of links. Quisque
dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh. In
posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.</p>
<ul>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida
blandit.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat
eleifend.</a></li>
</ul>
<h3>A Heading Level Three</h3>
<blockquote>
<p>This is a blockquote. Quisque dictum integer nisl risus, sagittis
convallis, rutrum id, congue, and nibh. In posuere eleifend odio quisque semper
augue mattis wisi maecenas ligula.</p>
</blockquote>
<h3>A Heading Level Three</h3>
<p>Another paragraph example followed by an ordered list:</p>
<ol>
<li>Integer sit amet pede vel arcu aliquet pretium.</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
</ol>
</div>
</div>
<div id="sidebar">
<h3 class="title">Urna Congue Rutrum</h3>
<div class="content">
<p>Donec leo. Vivamus fermentum nibh in augue. Praesent a lacus at urna
congue rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh.</p>
<ul>
<li><a href="#">Duis enim nulla luctus</a></li>
<li><a href="#">Eu dapibus lacinia venenatis</a></li>
<li><a href="#">Id quam vestibulum imperdiet</a></li>
<li><a href="#">Magna nec eleifend rutrum</a></li>
<li><a href="#">Nunc lectus vestibulum velit</a></li>
<li><a href="#">Euismod lacinia quam nisl</a></li>
<li><a href="#">Quisque erat vestibulum</a></li>
<li><a href="#">Pellentesque justo mollis</a></li>
<li><a href="#">Suscipit justo nulla blandit</a></li>
<li><a href="#">Libero in blandit augue justo</a></li>
<li><a href="#">Fusce mattis viverra elit</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
<div class="bottom"></div>
</div>
</div>
<div id="footer">
<p><a href="#">Home</a> | <a href="#">Terms of Use</a><br />
©2007 Desert Sand. All Rights Reserved.</p>
</div>
</div>
</body>
</html>
<!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>Deserted</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Deserted</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="content">
<div id="welcome">
<p style="margin: 0;"><img src="images/img06.jpg" alt="" width="160"
height="200" class="left" /></p>
<h2 class="title">Welcome to Deserted!</h2>
<p><strong>Deserted</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<!-- end #welcome -->
<div id="olist" class="boxed">
<h2 class="title">An Ordered List In A Box</h2>
<div class="content">
<ol>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus enatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elit vitae</a></li>
<li><a href="#">Sed quis odio sagittis leo</a></li>
</ol>
</div>
</div>
<!-- end #olist -->
<div id="ulist" class="boxed">
<h2 class="title">Boxed Bulleted List</h2>
<div class="content">
<ul>
<li><a href="#">Etiam malesuada rutrum</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elit vitae</a></li>
<li><a href="#">Sed quis odio sagittis leo</a></li>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus enatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
</ul>
</div>
</div>
<!-- end #ulist -->
</div>
<!-- end #content -->
<div id="sidebar">
<div id="menu">
<h2>Navigation Menu</h2>
<ul>
<li class="first"><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Product Catalog</a></li>
<li><a href="#" accesskey="4">Our Services</a></li>
<li><a href="#" accesskey="5">Customer Support</a></li>
<li><a href="#" accesskey="6">Community Forums</a></li>
<li><a href="#" accesskey="7">Contact Us</a></li>
</ul>
</div>
<!-- end #menu -->
<div class="boxed">
<h2 class="title">A Sidebar's Blockquote</h2>
<div class="content">
<blockquote>
<p>“Quisque dictum integer nisl risus, sagittis convallis, rutrum
id, congue, and nibh. Donec leo, vivamus fermentum nibh in augue praesent a lacus
at urna congue rutrum.”</p>
</blockquote>
</div>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Deserted. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>Webdesign</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<style type="text/css" media="all">
@import "ie.css";
</style>
<![endif]-->
</head>
<body>
<div id="ie"></div>
<div id="wrapper">
<ul id="nav">
<li><a href="#"><img src="images/menu_1.gif" width="31" height="70"
alt="home" /></a></li>
<li><a href="#"><img src="images/menu_2.gif" width="31" height="70"
alt="portfolio" /></a></li>
<li><a href="#"><img src="images/menu_3.gif" width="31" height="70"
alt="designs" /></a></li>
<li><a href="#"><img src="images/menu_4.gif" width="31" height="70"
alt="client" /></a></li>
<li><a href="#"><img src="images/menu_5.gif" width="31" height="69"
alt="contact" /></a></li>
</ul>
<h1><a href="#"><img src="images/logo.gif" width="135" height="30" alt="logo"
/></a></h1>
<div id="body">
<div class="inner">
<div id="content">
<div>
<h2>Content,</h2>
<p>Please replace this text with the original one. Please replace this
font with the customised one. please replase this font. This is demo text please
replase this with your text.</p>
</div>
</div>
<!-- end content -->
<div id="page_title"> <img src="images/title_main_page.gif" width="47"
height="148" alt="main page" /> </div>
<!-- end page_title -->
<div id="news">
<div>
<div>
<h2><img src="images/title_latest_news.gif" width="78" height="5"
alt="latest news" /></h2>
<img src="images/picture_3.jpg" width="96" height="56" alt="picture
3" />
<p>05-20-2005</p>
<p>This is a demo text please replase this text with the original one
please replase this text.</p>
<p class="readmore"><a href="#"><img src="images/btn_learn_more.gif"
width="68" height="7" alt="learn more" /></a></p>
</div>
</div>
</div>
<!-- end news -->
<div class="clear"></div>
</div>
<!-- end .inner -->
<div id="footer"> <img src="images/footer.gif" width="435" height="196"
alt="tortoise" class="footer" /> <img src="images/footer_ie.gif" width="435"
height="196" alt="tortoise" class="footerie" /> </div>
<!-- end footer -->
</div>
<!-- end body -->
<div id="paper">
<div class="inner">
<h2><img src="images/title_latest_designs.gif" width="90" height="5"
alt="latest designs" /></h2>
<a href="#"><img src="images/picture_1.jpg" width="130" height="74"
alt="picture 1" /></a> <a href="#"><img src="images/btn_zoom.gif" width="130"
height="22" alt="zoom in" /></a> <a href="#"><img src="images/picture_2.jpg"
width="130" height="74" alt="picture 2" /></a> <a href="#"><img
src="images/btn_zoom.gif" width="130" height="22" alt="zoom in" /></a>
<p>This is a demo text please replase the text with the original one. Please
replase the text.</p>
<p class="readmore"><a href="#"><img src="images/btn_more.gif" width="52"
height="6" alt="see more" /></a></p>
</div>
<!-- end .inner -->
</div>
<!-- end paper -->
</div>
<!-- end wrapper -->
<div style="clear:both;position:relative;display:block;margin-top:530px;" > Powered
by <a href="http://www.freewebsitetemplates.com">Free Website Templates</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Ambiance
Version : 1.0
Released : 20070807
Description: A wide two-column, fixed width template with fluid header/footer
background. Suitable for blogs and small websites.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Ambiance by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- start header -->
<div id="header">
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Ambiance</a></h1>
<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
</div>
<!-- end header -->
<!-- start page -->
<div id="page">
<!-- start content -->
<div id="content">
<div class="post">
<p class="date">September <b>30th</b></p>
<h1 class="title">Welcome to Our Website!</h1>
<p class="meta"><small>Filed under <a href="#">Uncategorized</a> |
<a href="#">Comments (12)</a></small></p>
<div class="entry">
<p>This is <strong>Ambiance</strong>, a free, fully standards-compliant CSS
template designed by <a href="http://www.freecsstemplates.org/">Free CSS
Templates</a>. This free template is released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions
2.5</a> license, so you're 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>This template is also available as a <a
href="http://www.freewpthemes.net/preview/ambiance/">WordPress theme</a> at <a
href="http://www.freewpthemes.net/">Free WordPress Themes</a>.</p>
<h2>Sample Tags</h2>
<blockquote>
<p>“A blockquoted paragraph. In posuere eleifend odio quisque
semper augue mattis wisi maecenas ligula.”</p>
</blockquote>
<p>An example of an ordered list:</p>
<ol>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
<li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
</ol>
<h3>Heading Level 3: Followed by an Unordered List</h3>
<ul>
<li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
<li>Maecenas vitae orci vitae tellus feugiat eleifend.</li>
<li>Etiam ac tortor eu metus euismod lobortis</li>
</ul>
</div>
</div>
</div>
<!-- end content -->
<!-- start sidebar -->
<div id="sidebar">
<ul>
<li id="search">
<h2>Search</h2>
<form method="get" action="">
<fieldset>
<input type="text" id="s" name="s" value="" />
<input type="submit" id="x" value="Search" />
</fieldset>
</form>
</li>
<li>
<h2>Lorem Ipsum</h2>
<ul>
<li><a href="#">Fusce dui neque fringilla</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
</ul>
</li>
<li>
<h2>Volutpat Dolore</h2>
<ul>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Fusce dui neque fringilla</a></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar -->
</div>
<!-- end page -->
<div id="footer">
<p id="legal">©2007 Ambiance. All Rights Reserved. | Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"><a href="#">Privacy</a> | <a href="#">Terms</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dew Drops</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<!-- container start -->
<div id="right">
<!-- right side start-->
<ul id="menu">
<!-- menu start -->
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
<!-- menu end -->
<h1>Site News</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean gravida magna id diam.
Donec sodales nunc id nibh. Phasellus nisl. Quisque augue ante, ornare sit amet,
imperdiet vitae, fermentum et, felis. Nullam et orci. In congue gravida dui. Mauris
at erat eu tortor interdum malesuada.<br />
<a href="#">Read more...</a></p>
<h1>Comment</h1>
<div class="comment">
<!-- right comment -->
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa.<br />
<a href="#">Read more...</a> </div>
<!-- end right comment -->
</div>
<!-- end right side -->
<div id="header">
<!-- begin header--->
<h1>Dew Drops</h1>
</div>
<!-- end header--->
<div id="main">
<!-- begin main -->
<h1>Template Info</h1>
<img src="images/leaf2.gif" alt="" width="100" height="100" border="0" />
<p>This template was inspired by the wonderful template called "Autumn" by
"JayKay", who was one of the winners of OWD's fall contest. I hope you like my
version. Dew Drops has been tested on Firefox 1.5.0.1 and IE6 and it is valid XHTML
transitional and CSS. It's completely open source so there's no usage restrictions,
but please email me at karen[at]karenblundell[dot]com if you do use it. I love to
see how my Designs are being used. Enjoy!</p>
<p>Random text...lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Morbi tortor enim, molestie in, egestas vitae, venenatis id, neque. Fusce purus
turpis, laoreet sit amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean
gravida magna id diam. Donec sodales nunc id nibh. Phasellus nisl. Quisque augue
ante, ornare sit amet, imperdiet vitae, fermentum et, felis. Nullam et orci. In
congue gravida dui. </p>
<p>Example of a list:</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<h1>Another Header</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean gravida magna id diam.
Donec sodales nunc id nibh. Phasellus nisl. Quisque augue ante, ornare sit amet,
imperdiet vitae, fermentum et, felis. Nullam et orci. In congue gravida dui. </p>
<div class="footer">
<!-- begin footer -->
Copyright© 2006 Your Company<br />
Template Design by <a href="http://www.karenblundell.com">Karen Blundell (aka
arwen54)</a>. </div>
<!-- end footer -->
</div>
<!-- end main -->
</div>
<!-- end container -->
<div id="farright">
<!-- begin far right...can be used for google ads -->
<h3>G</h3>
<h3>0</h3>
<h3>O</h3>
<h3>G</h3>
<h3>L</h3>
<h3>E</h3>
<h3>A</h3>
<h3>D</h3>
<h3>S</h3>
<p><span><a href="http://validator.w3.org/check?uri=referer">Valid
XHTML</a> ~ <a href="http://jigsaw.w3.org/css-validator/">Valid
CSS</a></span></p>
</div>
<!-- end far right -->
</body>
</html>
<!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>Differential</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Services</a></li>
<li><a href="#" accesskey="3">Information</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
<div id="search">
<form id="form1" method="get" action="#">
<div>
<input type="text" name="textfield1" id="textfield1" />
<input type="submit" name="submit1" id="submit1" value="Search" />
</div>
</form>
</div>
</div>
<div id="content">
<div id="colOne">
<div id="logo">
<h1><a href="#">Differential</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div class="boxed">
<h3>Lorem ipsum dolor</h3>
<ul>
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
</ul>
</div>
<div class="boxed">
<h3>Mauris cras libero</h3>
<ul>
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
</ul>
</div>
</div>
<div id="colTwo">
<div id="welcome">
<h2>Welcome to Sitename.com</h2>
<img src="images/img5.jpg" alt="" width="109" height="109" class="image" />
<p><strong>Differential</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo to the left is from PDPhoto.org.
You're free to use this template for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna ac lacus
dapibus interdum. Donec pede nisl, gravida iaculis, auctor vitae, bibendum sit
amet, mauris. Cras adipiscing libero et risus. Donec rutrum tempus massa. Proin at
mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec,
adipiscing at, elit. Maecenas sed sem sit amet lectus mattis molestie. Integer quis
eros lorem ipsum dolor sit amet veroeros consequat.</p>
</div>
<div class="post">
<h3>Fusce quisque condimentum</h3>
<h4><strong>01.14.2007</strong> | <a href="#">34 Comments</a></h4>
<p>Morbi sit amet magna ac lacus dapibus interdum. Donec nec risus vel sem
dignissim tristique. Sed neque. Fusce in elit. Quisque condimentum, ante id
convallis convallis, sapien est dignissim elit, vel pulvinar augue eros quis metus.
Suspendisse pede nisl, gravida iaculis, auctor vitae, bibendum sit amet, mauris.
Cras adipiscing libero et risus. Donec rutrum tempus massa. Proin at mauris sed
elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec, adipiscing
at, elit. Maecenas sed sem sit amet lectus mattis molestie. Integer quis eros.</p>
</div>
<div class="post">
<h3>Maecenas lectus mattis</h3>
<h4><strong>01.14.2007</strong> | <a href="#">16 Comments</a></h4>
<p>Morbi sit amet magna ac lacus dapibus interdum. Donec nec risus vel sem
dignissim tristique. Sed neque. Fusce in elit. Quisque condimentum, ante id
convallis convallis, sagittis nec, adipiscing at, elit. Maecenas sed sem sit amet
lectus mattis molestie. Integer quis eros sapien est dignissim elit, vel pulvinar
augue eros quis metus. Suspendisse pede nisl, gravida iaculis, auctor vitae,
bibendum sit amet, mauris. Cras adipiscing libero et risus. Donec rutrum tempus
massa. Proin at mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla
quis, sagittis nec, adipiscing at, elit.</p>
</div>
</div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All rights reserved. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>Dimension</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Blogs</a></li>
<li><a href="#" accesskey="3">Photos</a></li>
<li><a href="#" accesskey="4">Links</a></li>
<li><a href="#" accesskey="5">About</a></li>
<li><a href="#" accesskey="6">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="header">
<h1><a href="#">Dimension</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<div class="post">
<h1 class="title">Welcome to Dimension!</h1>
<div class="story">
<p><strong>Dimension</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
<div class="post boxed">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three </li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li class="first"><a href="#">June 2007</a> <i>(2)</i></li>
<li><a href="#">May 2007</a> <i>(31)</i></li>
<li><a href="#">April 2007</a> <i>(30)</i></li>
<li><a href="#">March 2007</a> <i>(31)</i></li>
<li><a href="#">February 2007</a> <i>(28)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li class="first"><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
<li>
<h2>Blog Roll</h2>
<ul>
<li class="first"><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Dimension. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"> <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a
href="http://validator.w3.org/check/referer"><abbr title="eXtensible HyperText
Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Dirtylicious</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="outer-container">
<div class="inner-container">
<div class="header">
<div class="title"> <span class="sitename"> <a
href="#">Dirtylicious</a></span>
<div class="slogan">Free website template</div>
</div>
</div>
<div class="path"> <a href="#">Home</a> › <a href="#">Subpage</a> </div>
<div class="main">
<div class="content">
<h1>Porttitor posuere</h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate
elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique
tortor. In bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor,
sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus
leo. Vestibulum ac ante. Sed in est.</p>
<blockquote>
<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</p>
</blockquote>
<h2>Sollicitudin</h2>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam
vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius
mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a>
risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius
pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod
ultricies. </p>
<h1>Adipiscing</h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate
elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique
tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium
leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum
ac ante. Sed in est.</p>
<h1>Interdum</h1>
<div class="descr">May 24, 2006 by Lectus</div>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet,
dui. Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh.
Curabitur pellentesque, lectus at <a href="#">volutpat interdum</a></p>
<h3>Sem justo</h3>
<p>Placerat elit, eget feugiat est leo tempor quam. Ut quis neque convallis
magna consequat molestie. Nullam semper massa eget ligula. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque a
nibh quis nunc volutpat aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna
consequat molestie.</p>
</div>
<div class="navigation">
<h2>Something</h2>
<ul>
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h2>Another thing</h2>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h2>Third and last</h2>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat molestie</a></li>
</ul>
</div>
<div class="clearer"> </div>
</div>
<div class="footer"> <span class="left"> © 2007 <a
href="#">Website.com</a>. Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> </span> <span class="right"> Website template by <a
href="http://arcsin.se">Arcsin</a> </span>
<div class="clearer"></div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>DJ Club</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<ul>
<li id="navtop"></li>
<li><a class="link" href="#">Home</a></li>
<li><a class="link" href="#">Parties</a></li>
<li><a class="link" href="#">Gallery</a></li>
<li><a class="link" href="#">Flyers</a></li>
<li><a class="link" href="#">About us</a></li>
<li><a id="last" href="#">Contact us</a></li>
<li id="navbottom"></li>
</ul>
</div>
<div id="content">
<div id="left">
<h3>NEWS & UPDATES</h3>
<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>
<br />
<br />
<br />
<br />
<br />
<br />
<img id="djset" src="images/djset.gif" alt="djset" /></div>
<div id="middle">
<h3>PHOTOS and VIDEOS</h3>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#"><img id="photos" src="images/photos.jpg" alt="djset" /></a></div>
<div id="right"> <a href="#"><img src="images/timetoparty.jpg" alt="time to
party" /></a>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
<div class="clear"></div>
<div id="footer">
<p>© Copyright information goes here.All rights reserved. | designed by
<a href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</div>
</div>
</body>
</html>
<!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>DkBlog</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="topbar">
<div class="content">
<div id="icons"> <a href="#"><img src="images/home.gif" alt="Home" /></a> <a
href="#"><img src="images/contact.gif" alt="Contact" /></a> <a href="#"><img
src="images/sitemap.gif" alt="Sitemap" /></a> </div>
<div class="url"> <a href="#">www.your-blog.com</a> </div>
</div>
</div>
<div id="top">
<div class="content">
<div id="menu">
<ul>
<li><a class="current" href="#"><span>HOME</span></a></li>
<li><a href="#"><span>ARTICLES</span></a></li>
<li><a href="#"><span>GALLERY</span></a></li>
<li><a href="#"><span>AFFILIATES</span></a></li>
<li><a href="#"><span>ARTICLES</span></a></li>
<li><a href="#"><span>ABOUTS US</span></a></li>
<li><a href="#"><span>CONTACT</span></a></li>
</ul>
</div>
<h1><a href="#">DkBlog</a></h1>
<h2>Your Best Slogan here</h2>
</div>
</div>
<div class="content">
<div id="main">
<div class="right_side">
<div class="pad">
<h3>Thank you for visiting!</h3>
<p> Free-css-templates.com was created on the 3 of April 2006 and has
already about 3000 unique visitors per day! <br />
<a href="#">Read more...</a> </p>
<h3>Last Articles:</h3>
<ul>
<li><a href="#">Ajax-Tutorials.com</a></li>
<li><a href="#">Csszengarden.com dead?</a></li>
<li><a href="#">New dedicated server</a></li>
<li><a href="#">Adobe Creative Suite 3...</a></li>
<li><a href="#">Style your Source Code...</a></li>
<li><a href="#">GeiselVille : free photoshop...</a></li>
<li><a href="#">The Best HDR Tutorials</a></li>
<li><a href="#">Complete Color Matching...</a></li>
<li><a href="#">Related Articles mod for...</a></li>
</ul>
<h3>Popular Articles:</h3>
<ul>
<li><a href="#">LOST - John Locke - Speed...</a></li>
<li><a href="#">Painting of the Mona Lisa in...</a></li>
<li><a href="#">Free Photoshop Brushes</a></li>
<li><a href="#">Free Photoshop Plugins...</a></li>
<li><a href="#">CSS gallery CSSHeaven...</a></li>
<li><a href="#">How to do glamour photo...</a></li>
</ul>
<a href="#"><img src="images/rss.jpg" alt="RSS Feed" /></a> </div>
</div>
<div class="right_side">
<div class="pad">
<h3>Categories:</h3>
<ul>
<li><a class="current" href="#">Home</a></li>
<li><a href="#">Templates</a></li>
<li><a href="#">CSS Techniques</a></li>
<li><a href="#">Internet</a></li>
<li><a href="#">Photoshop</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">sNews</a></li>
</ul>
<h3>Directory</h3>
<p>Links4se.com is a seo-friendly and human-edited general directory.
Featured links need to be paid only $4.95 for unlimited time and regular links only
$1.95!</p>
<h3>Creative News</h3>
<p><a href="#">Creative News</a> is a place for web developers searching
for fresh news on web development with one goal - to put their creativity into
action.</p>
<h3>Css Heaven</h3>
<p><a href="#">CSS Heaven</a> has one objective to provide you with a
central resource to view a wide range of eye catching and innovative web design
plus inspire you to create new and exciting web designs. </p>
<h3>Premium Templates</h3>
<p>These <a href="#">website templates</a>, flash templates and other
products are ready-made web designs, that can be used as a basis for fast and high-
quality website and are completely customizable and ready for immediate download!
</p>
</div>
</div>
<div id="left_side">
<div class="intro">
<div class="pad">sNews is a completly free PHP and MySQL driven content
management system for managing web content. Consisting of only one file, sNews is
extremely lightweight, easy to install, and easy to use via a simple web interface.
<br />
<a href="#">Download</a> | <a href="#">Read more...</a>
</div>
</div>
<div class="mpart">
<h2>Webdesign</h2>
<h3>Posted on April 11 , 2007 in <a href="#">sNews</a></h3>
<p>A website like free-css-templates.com is a collection of information
about a particular topic or subject. Designing a website is defined as the
arrangement and creation of web pages that in turn make up a website. A web page
consists of information for which the website is developed. A website might be
compared to a book, where each page of the book is a web page. </p>
<p> Here a code sample made with Code2CSS: </p>
<ol class="code">
<li class="t0">for ($i = 0; $i < $num_kw; $i++) {</li>
<li class="t2"><code>$keywords = trim($kws[$i]);</code></li>
<li class="t2"><code>$value .= " keywords_meta LIKE '%$keywords%'
";</code></li>
<li class="t2"><code>if ($i < $num_kw-1) {</code></li>
<li class="t3"><code>$value .= " OR ";</code></li>
<li class="t2"><code>}</code></li>
<li class="t0">}</li>
</ol>
<p>Blockquote example:</p>
<blockquote>
<p>The Extensible HyperText Markup Language, or XHTML, is a markup
language that has the same depth of expression as HTML, but with a syntax that
conform to XML syntax.</p>
</blockquote>
<div class="date"><a href="#">Comments (5)</a></div>
<h2>Cascading Style Sheets</h2>
<h3>Posted on April 10 , 2007 in <a href="#">Internet</a></h3>
<div class="rs"> <strong>List example</strong>:
<ul>
<li>list line 1</li>
<li>list line 2
<ul>
<li>sublist line a</li>
<li>sublist line b</li>
</ul>
</li>
</ul>
</div>
<p>In computing, <b>Cascading Style Sheets</b> (<b>CSS</b>) is a stylesheet
language used to describe the presentation of a document written in a markup
language. Its most common application is to style web pages written in HTML and
XHTML, but the language can be applied to any kind of XML document, including SVG
and XUL. The CSS specifications are maintained by the World Wide Web Consortium
(W3C).</p>
<p>CSS has various levels and profiles. Each level of CSS builds upon the
last, typically adding new features and are typically denoted as CSS1, CSS2, and
CSS3. Profiles are typically a subset of one or more levels of CSS built for a
particular device or user interface. Currently there are profiles for mobile
devices, printers, and television sets. Profiles should not be confused with media
types which were added in CSS2.</p>
<div class="date"><a href="#">Comments (11)</a></div>
</div>
</div>
</div>
<div id="footer">
<div class="right">© Copyright 2007, Your Website - Design: <a
href="http://www.free-css-templates.com">Free Css Templates</a></div>
<a href="#">Home</a> - <a href="http://validator.w3.org/check?uri=referer"
title="Validate">XHTML</a> - <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="Validate">CSS</a> </div>
</div>
</body>
</html>
<!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>Dog care template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>DogCare</h1>
<div id="nav-top">
<ul>
<li id="tab-faq">
<div><a href="#">faq</a></div>
</li>
<li id="tab-map">
<div><a href="#">site maps</a></div>
</li>
</ul>
</div>
<div id="nav">
<ul>
<li class="home"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Our Cost</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Training Tips</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
<div id="content">
<div class="left-col">
<div id="welcome">
<h2>Welcome</h2>
<p>Don't forget to check <a href="#">free website templates</a> every day,
because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look
like.</p>
<p><a href="#">more...</a></p>
</div>
<h2>Our Dog Gallery...</h2>
<div id="gallery">
<div class="box">
<h3>01</h3>
<img src="images/pic_1.jpg" width="119" height="84" alt="Pic 1" />
<p>This is just a place holder so you can see how the site would look
like.</p>
<p class="more"><a href="#">more</a></p>
</div>
<div class="box box-lit">
<h3>02</h3>
<img src="images/pic_2.jpg" width="119" height="84" alt="Pic 2" />
<p>This is just a place holder so you can see how the site would look
like.</p>
<p class="more"><a href="#">more</a></p>
</div>
<div class="box">
<h3>03</h3>
<img src="images/pic_3.jpg" width="119" height="84" alt="Pic 3" />
<p>This is just a place holder so you can see how the site would look
like.</p>
<p class="more"><a href="#">more</a></p>
</div>
</div>
</div>
<div class="right-col">
<h2>Breed...</h2>
<ul>
<li><a href="#">Beagle </a></li>
<li><a href="#">Boxer </a></li>
<li><a href="#">Bulldog </a></li>
<li><a href="#">Chihuahua </a></li>
<li><a href="#">Dachshund </a></li>
<li><a href="#">German Shepherd </a></li>
<li><a href="#">Golden Retriever </a></li>
<li><a href="#">Labrador Retriever</a></li>
<li><a href="#">Maltese </a></li>
<li><a href="#">Poodle </a></li>
<li><a href="#">Pomeranian </a></li>
<li><a href="#">Pitbull </a></li>
<li><a href="#">Pug </a></li>
<li><a href="#">Rottweiler </a></li>
<li><a href="#">Shih Tzu </a></li>
<li><a href="#">Yorkie </a></li>
</ul>
</div>
<div class="clear"> </div>
<div id="later">
<div class="left-col">
<div class="box" id="later-b1"> <img src="images/pic_4.jpg" width="92"
height="175" alt="Pic 4" /> </div>
<div class="box" id="later-b2">
<h2>New Articles</h2>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>..</p>
<p class="more"><a href="#">more...</a></p>
</div>
<div class="box" id="later-b3">
<h2>Dog's Food</h2>
<p>This is a template designed by free website templates for you for free
you can replace all the text by your own text.</p>
<p class="more"><a href="#">more...</a></p>
</div>
<div class="box" id="later-b4"> <img src="images/pic_5.jpg" width="137"
height="166" alt="Pic 5" /> </div>
<div class="clear"> </div>
</div>
<div class="right-col">
<h2>Training Tips</h2>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the <a href="#">forum</a>.</p>
<p class="more"><a href="#">more...</a></p>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="clear" id="footc"> </div>
<div id="footer"> Copyright statement goes here. All rights reserved | designed
by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</body>
</html>
<!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>
<title>Dogs Palace</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="logo"> <a href="#"><img src="images/logo.jpg" alt="" border="0" /></a>
</div>
<div id="header">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">News & Updates</a></li>
<li><a href="#">Place and order</a></li>
<li><a href="#" class="lastchild">Contact</a></li>
</ul>
</div>
<div id="content">
<h1>Dog Names and Breeds</h1>
<div id="left">
<div class="text">
<h2>General Information about Hunting Dogs</h2>
<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. Don't want your boss to know you used a free website template
;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web
Templates.</p>
<h2>General Information about Hunting Dogs</h2>
<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. Don't want your boss to know you used a free website template
;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web
Templates.</p>
</div>
<div class="photos"> <img src="images/dog1.jpg" alt="bog 1" border="0" />
<img src="images/dog2.jpg" alt="bog 2" border="0" /> <img src="images/dog3.jpg"
alt="bog 3" border="0" /> <img src="images/dog4.jpg" alt="bog 4" border="0" /> <img
src="images/dog5.jpg" alt="bog 5" border="0" /> </div>
<div class="clear"></div>
</div>
<div id="right">
<h2>News & Views</h2>
Template Beauty.com
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
Just Web Templates
<p>Even more websites all about website templates on Just Web Templates.</p>
Template Beauty.com
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
Just Web Templates
<p>Even more websites all about website templates on Just Web Templates. Even
more websites all about website templates on Just Web Templates.</p>
<span>More</span> </div>
<div class="clear"></div>
</div>
<div id="footer">© Dogs palace copyright all rights reserve. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</body>
</html>
<!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=iso-8859-1" />
<title>*DOLPHIN*</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Your Company Name ....</h1>
<img class="imgleft" src="images/Dolphin.png" alt="logo"/></div>
<div id="gutter"></div>
<div id="col1">
<h2>Welcome to <span style="font-weight:bold; color:#FF9934;">Dolphin</span>
Template</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam consectetuer
pellentesque turpis. Vivamus augue. Quisque purus mauris, adipiscing quis, dapibus
non, dignissim vel, arcu. Etiam pede tortor, laoreet ut, elementum ut, varius ut,
eros. Nunc malesuada. Duis pellentesque elementum tortor. Praesent imperdiet.
Nullam scelerisque felis lobortis ante. Proin vitae ipsum non dui congue egestas.
Pellentesque ipsum. Proin convallis.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 03, 2007</span> </p>
<p>Phasellus varius, felis quis placerat ultrices, metus purus varius neque, sed
auctor lorem leo ac diam. Curabitur auctor, nibh ac aliquet ultrices, tellus ligula
laoreet urna, vel accumsan erat ipsum nec felis. Phasellus pellentesque. Vestibulum
et ligula sit amet mi suscipit semper. Nulla scelerisque tellus eu ante. In in
turpis. Mauris volutpat tortor. Mauris iaculis sagittis dui. Vivamus rutrum laoreet
nibh. Cras sit amet ligula. Integer lacus leo, condimentum id, fringilla feugiat,
mollis eget, metus. Nunc nunc sapien, suscipit non, placerat a, mattis ultricies,
odio.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 03, 2007</span> </p>
<p>Phasellus varius, felis quis placerat ultrices, metus purus varius neque, sed
auctor lorem leo ac diam. Curabitur auctor, nibh ac aliquet ultrices, tellus ligula
laoreet urna, vel accumsan erat ipsum nec felis. Phasellus pellentesque. Vestibulum
et ligula sit amet mi suscipit semper. Nulla scelerisque tellus eu ante. In in
turpis. Mauris volutpat tortor. Mauris iaculis sagittis dui. Vivamus rutrum laoreet
nibh. Cras sit amet ligula. Integer lacus leo, condimentum id, fringilla feugiat,
mollis eget, metus. Nunc nunc sapien, suscipit non, placerat a, mattis ultricies,
odio.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 03, 2007</span> </p>
</div>
<div id="col2">
<h2> About Our Company</h2>
<div class="box">
<p><img class="imgleft" src="images/badge.png" alt="logo"/><span
style="color:#FF9934; font-weight:bold;"> This template has been tested in Mozilla
Firefox and IE7. The page validates as XHTML 1.0 Transitional using valid CSS. It
will work in browser widths of 800x600, 1024x768 & 1280x1064. <br />
For more FREE CSS templates visit <a href="http://www.mitchinson.net">my
website</a>.</span>
</div>
<div class="box">
<p><img class="imgleft" src="images/badge2.png" alt="logo"/>Dolphin image is
from <a
href="http://commons.wikimedia.org/wiki/Category:PD_OpenClipart">wikimedia.org</a>.
The blue and orange badges used in this template are courtesy of <a
href="http://www.MouseRunner.com" title="free resources"> Mouse Runner</a>.</p>
</div>
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> <img src="images/search.gif" alt="search" />
:search</label>
</span> <span>
<input type="text" value="demo only" name="txtsearch" title="Text input:
search" id="txtsearch" size="25" />
</span> </div>
</fieldset>
</form>
</div>
<div id="col3">
<div id="navcontainer">
<ul id="navlist">
<li class="links">Navigate</li>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Contact</a></li>
<li class="links">Articles</li>
<li><a href="#">Article 1</a></li>
<li><a href="#">Article 2</a></li>
<li><a href="#">Article 3</a></li>
<li><a href="#">Article 4</a></li>
<li><a href="#">Article 5</a></li>
<li><a href="#">Article 6</a> </li>
<li class="links">Archives</li>
<li><a href="#">April 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">Feb 2007</a></li>
<li><a href="#">Jan 2007</a></li>
<li><a href="#">Dec 2006</a></li>
<li><a href="#">Nov 2006</a></li>
</ul>
</div>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | © 2007 Anyone | Design by <a
href="http://www.mitchinson.net"> www.mitchinson.net</a> | Licensed under a <a
rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
Attribution 3.0 License</a> </div>
</body>
</html>
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>DRAMA LIFE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="outer">
<div id="container">
<div id="wrap">
<div id="title"><font color="#660066" size="+6" face="Verdana, Arial,
Helvetica, sans-serif">D R A M A</font></div>
<div id="header"></div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Collection</a></li>
<li><a href="#">links</a></li>
<li><a href="#">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>B O L D</p>
<p> L I K E</p>
<p>ME.</p>
</div>
<h3>Welcome!</h3>
<p> this is my first try to make something as open source. First of all,
i want to give the credit to dream logic whose fashion page gave me an
inspiration. </p>
<h3>About the Designer</h3>
<p>The designer is young graduate<br/>
available at [email protected] <br/>
</p>
<p>About this Design</p>
<p>This template can be used by any one any where on the theory of open
source. </p>
<!-- end page content -->
</div>
<div id="footer"><br />
copyrights© <a href="http://www.decodeit.biz">BLACK ZERO</a> </div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>AMOREIRA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style_blue.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<div class="csschanger"><a href="#">Home</a> | <a href="#">Contacts</a> | <a
href="#">Sitemap</a> </div>
<div class="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 6</a></li>
</ul>
</div>
</div>
<div id="containerboth">
<div id="sidebar-a">
<div class="news">
<h1>News</h1>
<p>This is some extra content, it can be used for news, links, updates,
or anything else. </p>
</div>
<div class="search">
<p><strong>Looking for Something: </strong><br />
<br />
<input type="text" size="15" />
<input type="submit" name="Search" value="Search" />
</p>
</div>
<h1>Menu </h1>
<div id="rightmenu"><a href="#">One</a> <a href="#">Two</a> <a
href="#">Tree</a> <a href="#">Four</a></div>
<a href="http://validator.w3.org/check?uri=referer"><br />
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="" width="88"
height="31" border="0" /></a> </div>
<div id="content">
<h2>Hi there.</h2>
<p><img src="images/IMG_3711.JPG" alt="" width="80" height="60"
class="imgright" />I made this template to be distributed and used for free, but if
possible i would like you to give me some credit keeping the credits at the footer.
You can use this theme for whatever, all I ask is if you want please keep a <a
href="#">link</a> to my website. If you need some work done, please contact me for
more. </p>
<div class="box">
<h2>Lorem Ipsum </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.. </p>
</div>
<h2>Lorem Ipsum </h2>
<p> <img src="images/122-2214_IMG.JPG" alt="" width="60" height="80"
class="imgleft" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent lupt...</p>
</div>
</div>
<div id="footer">
<div class="fotext">Copyright © 2006. Design by <a
href="http://www.wdesign-it.com">WEDESIGNIT</a>. Any changes please contact me //
This Page Is Valid XHTML 1.0 Transitional!</div>
</div>
</div>
</body>
</html>
<!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>
<title>For Children</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<h1 id="logo"> <a href="#"><img src="images/logo.gif" width="166" height="33"
alt="" /></a> </h1>
<div id="wire"></div>
<div id="frame">
<div id="backing">
<div id="nav"> <img src="images/menu_woman.jpg" width="247" height="358"
alt="menu" usemap="#menu_woman_map" /> </div>
<!-- end id="nav" -->
<div id="body">
<div id="scroll">
<div id="content">
<h2><img src="images/hi_friends.gif" width="96" height="30" alt="hi
friends" /></h2>
<p>This is a demo text. It will be replaced by the original. This is a
demo text. It will be replaced by the original. This is a demo text. It will bw
replaced by the original. This is a demo text. It will bw replaced by the original.
This is a demo text. It will bw replaced by the original. This is a demo text. </p>
<p>This is a demo text. It will be replaced by the original. This is a
demo text. It will bw replaced by the original. This is a demo text. It will bw
replaced by the original. This is a demo text. It will bw replaced by the
original.</p>
<p class="readmore"><a href="#">.....Join Us</a></p>
</div>
<!-- end content -->
</div>
<!-- end scroll -->
</div>
<!-- end body -->
<div id="collectnow"><a href="#"><img src="images/collect_now.gif"
width="202" height="152" alt="collect dream princess books online" /></a></div>
<div id="greenguy"></div>
<div id="purplegal"></div>
</div>
<!-- end backing -->
</div>
<!-- end frame -->
</div>
<div id="copyright">Powered by <a href="http://www.freewebsitetemplates.com">Free
Website Templates</a></div>
<map name="menu_woman_map" id="menu_woman_map">
<area shape="poly" alt="Contact" coords="169,223, 176,246, 73,254, 67,232"
href="#" />
<area shape="poly" alt="Adventures" coords="62,209, 67,232, 169,225, 159,198"
href="#" />
<area shape="poly" alt="Music" coords="53,183, 59,209, 159,197, 159,177" href="#"
/>
<area shape="poly" alt="Stories" coords="53,159, 53,183, 159,177, 159,153"
href="#" />
<area shape="poly" alt="Home" coords="53,138, 53,159, 159,153, 159,132"
href="#" />
</map>
</body>
</html>
<!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>
<title>Dreamy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Dreamy</h1>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
</ul>
</div>
<div id="sidebar">
<div id="feed"> <a class="feed-button" href="#"> </a></div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
</ul>
<div id="sidebar-bottom"> </div>
</div>
<div id="content">
<div id="ad-top">
<!-- Insert 468x60 banner advertisement -->
</div>
<div class="entry">
<div class="entry-title"><a href="#">Lorem Ipsum</a></div>
<div class="date">Posted on 30 November 2006</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.</p>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi.</p>
<div class="comments"><a href="#">3 comments</a></div>
</div>
</div>
<div id="footer">
<div id="footer-valid"> <a
href="http://validator.w3.org/check/referer">xhtml</a> / <a
href="http://www.ginger-ninja.net/">ginger ninja!</a></div>
</div>
</div>
</body>
</html>
<!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>Earthling</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Earthling</h1>
<h2>Free CSS Template</h2>
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Blog</a></li>
<li><a href="#" accesskey="3">Photo Gallery</a></li>
<li><a href="#" accesskey="4">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Sitename.com</h2>
<img src="images/img5.jpg" alt="" width="102" height="102" class="image" />
<p class="indent"><strong>Earthling</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo to the left is from PDPhoto.org. You're free to use this
template for both commercial or personal use. I only ask that you link back to my
site in some way. Enjoy :) Sed vel quam. Vestibulum pellentesque. Morbi sit amet
magna ac lacus dapibus mauris sed elit venenatis porttitor. Morbi quam nisl,
fringilla quis, sagittis nec, adipiscing at, elit. Maecenas sed sem sit amet lorem
ipsum dolor sit amet veroeros consequat blandit sed nullam.</p>
<h3>Lorem Ipsum Dolor</h3>
<p>Fusce in turpis vitae nulla rutrum adipiscing. Ut urna. Maecenas at tellus.
Duis pellentesque massa fermentum diam blandit imperdiet. Sed posuere vulputate
magna. Proin placerat, nisl ut mollis tempus, magna nibh fringilla est, consequat
cursus diam metus vel dolor. Fusce ut nulla sit amet mi sodales dictum. Proin
tempor purus quis est. Donec nunc felis, hendrerit non, facilisis consectetuer,
faucibus nec, leo. Etiam vestibulum luctus nibh. In hac habitasse platea dictumst.
Vivamus luctus magna. Integer aliquam feugiat massa.</p>
<p>Sed tempor pede nec est. Aenean accumsan vestibulum nibh. Aliquam erat
volutpat. Praesent a odio. Proin at libero in tellus scelerisque aliquam. Morbi at
nisi. Ut at erat vel massa vulputate ultrices. Aliquam suscipit. Proin consequat,
felis eu pulvinar adipiscing, augue lorem vestibulum turpis, a ornare diam lectus
et neque. Aenean quis lacus. </p>
</div>
<div id="colTwo">
<h3>Sed Etiam</h3>
<p>Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus mauris sed
elit venenatis porttitor. Morbi sit amet lorem ipsum dolor sit amet veroeros
consequat blandit sed nullam. Blandit consequat etiam dolor.</p>
<h3>Nulla Maecenas</h3>
<ul>
<li class="first"><a href="#">Fusce in turpis vitae</a></li>
<li><a href="#">Nulla rutrum adipiscing urna</a></li>
<li><a href="#">Maecenas at tellus duis</a></li>
<li><a href="#">Pellentesque massa fermentum</a></li>
<li><a href="#">Diam blandit imperdiet sed</a></li>
<li><a href="#">Posuere vulputate magna</a></li>
<li><a href="#">Proin placerat nisl ut mollis</a></li>
<li><a href="#">Consequat cursus diam</a></li>
<li><a href="#">Metus vel dolor fusce ut nulla</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>(c) 2006 Sitename.com. All Rights Reserved. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>Earthy Colours</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="header">
<div id="header_inside">
<h1>have a big title..</h1>
<h2>and a slogan (maybe)</h2>
</div>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#" class="active">active link</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
<li><a href="#">link six</a></li>
</ul>
</div>
<div id="content">
<div class="left">
<h1>Important</h1>
<p>Licensed under the <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution
2.5</a>. You MUST retain the backlink to my site ( www.edg3.co.uk ) at the
bottom.</p>
<h1>About</h1>
<p>Designed by Christopher Robinson of EDG3.</p>
<p>This template was just a concept I decided to play around with firstly, then
I threw it into the mix at openwebDesign.org and asked for opinions. I started this
template quite grey (once again) but it got suggested to use earthy colors, so
here's my attempt at something completely new for me, with random new colors which
I have not really used before!</p>
<p>Hope its turned out well anyway.. not sure what you could use for but maybe
having the images down one side and text on the other may give you some idea's,
maybe someone finds a use for it.</p>
<code>This Design only uses two main images, the first is the logo image, and
the second is the main central column. Feel free to contact me if you use this
Design as its always nice to see them in use and see what people have changed in
it.</code>
<h1>Fancy a List?</h1>
<p>Well here's one anyway..</p>
<ul>
<li>red</li>
<li>blue</li>
<li>green</li>
</ul>
<h1>header-two</h1>
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam
turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed
tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis
sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.</p>
<div style="text-align:center">
<p></p>
<p></p>
<p>Copyright © <a href="#">Earthy Colours</a> 2007<br/>
Designed by <a href="http://www.edg3.co.uk/">edg3.co.uk</a><br />
Sponsored by Open Designs<br />
Valid <a href="http://jigsaw.w3.org/css-validator/">CSS</a> & <a
href="http://validator.w3.org/">XHTML</a></p>
</div>
</div>
<div class="center">
<!-- DO NOT REMOVE THIS CENTER SECTION AS IT IS NEEDED BY THE Design-->
</div>
<div class="right">
<h1>Latest Gallery Images</h1>
<img src="image/01.jpg" alt="01" /><br />
<br />
<img src="image/02.jpg" alt="02" /><br />
<br />
<img src="image/01.jpg" alt="01" /><br />
<br />
<img src="image/02.jpg" alt="02" /><br />
<br />
</div>
</div>
</body>
</html>
<!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>Eclipse</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Eclipse</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active first"><a href="#">Home</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="page">
<div id="content">
<div id="welcome" class="post">
<div class="title">
<h2>Welcome to Eclipse!</h2>
</div>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story"> <img src="images/img6.jpg" alt="" width="112"
height="112" class="left" />
<p><strong>Eclipse</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<div class="title">
<h2>Examples of Common Tags</h2>
</div>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="login" class="boxed">
<div class="title">
<h2>Client Account</h2>
</div>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<!-- end #login -->
<div class="boxed">
<div class="title">
<h2>Lorem Ipsum Dolor</h2>
</div>
<div class="content">
<ul class="list1">
<li class="first"><a href="#">Maecenas luctus lectus</a></li>
<li><a href="#">Etiam rhoncus volutpat</a></li>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Integer gravida nibh quis</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Praesent scelerisque erat</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Tempus quam quis nulla</a></li>
<li><a href="#">Fusce ultrices metus</a></li>
<li><a href="#">Praesent mattis nisl </a></li>
</ul>
</div>
</div>
</div>
<!-- end #sidebar -->
<div id="extra" style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Eclipse. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>Eco Friendly</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="main">
<div id="wrapper">
<div id="header">
<div class="logo"><a href="#" class="logo"><span>Eco</span>Friendly</a></div>
<div id="top">
<div id="user">7 users Online</div>
<div id="nav">
<div id="navcontainer">
<ul id="navlist">
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="bannerbg">
<div id="banner">
<h1>Another Free Release </h1>
<div class="leftcontent"> Yet another free release from FreeCSS.info. If
you use this template I ask that you do not distribute it to other and that you
keep the footer link back to www.freecss.info. If you would like to request a
template or copyright removal from an existing template please email me and I will
try to get back to you as soon as possible. The template is easy to edit and comes
with all the required files. If you need anything or think something has been
missed out please email me. The email for the queries is [email protected]. </div>
<div class="rightcontent"><img src="woodland.jpg" alt="woodland"
width="372" height="146" class="image" /></div>
</div>
<div class="contentmain">
<div class="leftcolumn">
<h2>Free CSS Template </h2>
<div id="navvy">
<ul id="navvylist">
<li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Templates</a></li>
</ul>
</div>
<h2>This Template </h2>
This is yet another free release from www.freecss.info. If you
downloaded it from a site other than www.freecss.info or www.webmaster-files.com
please email me at [email protected]. </div>
<div class="rightcolumn">
<h3>News Update </h3>
<div id="lipsum">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas
mauris augue, posuere vitae, iaculis vitae, volutpat nec, urna. Donec quam nunc,
convallis ut, pretium quis, rhoncus ut, nunc. Vivamus luctus velit. Mauris
facilisis fermentum leo. Vivamus rutrum pede quis libero. Fusce sed neque id nibh
congue aliquam. Nunc dolor lacus, aliquam mollis, congue a, iaculis eget, ante.
Nunc dictum lectus vel metus. Maecenas commodo nunc at justo. Mauris velit. Nulla
facilisi. Mauris aliquet, nibh vel vestibulum cursus, ligula arcu molestie purus,
ut mollis nunc eros eget urna. Vestibulum non nisi in purus laoreet lobortis.
Integer ornare velit eget sem. Sed adipiscing. Aliquam pede erat, laoreet et,
fringilla a, rutrum ac, libero. Nam pulvinar, nibh id varius ultrices, urna lorem
pulvinar justo, ac posuere mi massa ac purus. Nullam id elit. Mauris
sollicitudin.</p>
<p>Phasellus eget felis quis nibh mattis lacinia. Proin lacinia mollis
neque. Phasellus enim. Donec ut lectus. Fusce sit amet nisl id turpis hendrerit
rutrum. Mauris consectetuer condimentum neque. Phasellus semper commodo massa.
Vivamus ornare est. Phasellus sed lorem. Phasellus fringilla suscipit lacus. Morbi
ornare nisl nec dolor. Aliquam erat volutpat. Duis scelerisque turpis in neque.
Suspendisse tortor massa, rhoncus id, facilisis a, porttitor eget, nunc.</p>
</div>
<h3>News Update </h3>
<div id="div">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas
mauris augue, posuere vitae, iaculis vitae, volutpat nec, urna. Donec quam nunc,
convallis ut, pretium quis, rhoncus ut, nunc. Vivamus luctus velit. Mauris
facilisis fermentum leo. Vivamus rutrum pede quis libero. Fusce sed neque id nibh
congue aliquam. Nunc dolor lacus, aliquam mollis, congue a, iaculis eget, ante.
Nunc dictum lectus vel metus. Maecenas commodo nunc at justo. Mauris velit. Nulla
facilisi. Mauris aliquet, nibh vel vestibulum cursus, ligula arcu molestie purus,
ut mollis nunc eros eget urna. Vestibulum non nisi in purus laoreet lobortis.
Integer ornare velit eget sem. Sed adipiscing. Aliquam pede erat, laoreet et,
fringilla a, rutrum ac, libero. Nam pulvinar, nibh id varius ultrices, urna lorem
pulvinar justo, ac posuere mi massa ac purus. Nullam id elit. Mauris
sollicitudin.</p>
<p>Phasellus eget felis quis nibh mattis lacinia. Proin lacinia mollis
neque. Phasellus enim. Donec ut lectus. Fusce sit amet nisl id turpis hendrerit
rutrum. Mauris consectetuer condimentum neque. Phasellus semper commodo massa.
Vivamus ornare est. Phasellus sed lorem. Phasellus fringilla suscipit lacus. Morbi
ornare nisl nec dolor. Aliquam erat volutpat. Duis scelerisque turpis in neque.
Suspendisse tortor massa, rhoncus id, facilisis a, porttitor eget, nunc.</p>
</div>
<p> </p>
</div>
</div>
</div>
<div class="clear"></div>
<div id="footer"><a href="http://www.freecss.info">Free CSS Templates</a></div>
</div>
</div>
</body>
</html>
<!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>Ecology Portal</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>ECOLOGY PORTAL</h1>
</div>
<div id="pic">
<div id="leftmenu">
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Global Warming?</a></li>
<li><a href="#">Water: Renewable Resource?</a></li>
<li><a href="#">Composting 101</a></li>
<li><a href="#">Recycling 101</a></li>
<li><a href="#">Rain Barrels</a></li>
<li><a href="#">A Pesticide Free Home</a></li>
<li><a href="#">Wind Power</a></li>
<li><a href="#">Solar Power</a></li>
<li><a href="#">Public Transit: How We All Benefit</a></li>
</ul>
</div>
</div>
</div>
<p id="quote">"There is something fundamentally wrong with treating the earth as
if it were a business in liquidation."
~ Herman Daly</p>
<ul id="menu">
<li><a href="#">01. HOME</a></li>
<li><a href="#">02. ABOUT US</a></li>
<li><a href="#">03. PROGRAMS</a></li>
<li><a href="#">04. E-LEARNING</a></li>
<li><a href="#">05. RESOURCES</a></li>
<li><a href="#">06. CONTACT US</a></li>
<li><a href="#">07. SITE MAP</a></li>
</ul>
<div class="data">
<p> <span class="big">L</span>orem ipsum dolor sit amet, consectetuer
adipiscing elit,<span class="highlight"> sed diam nonummy nibh euismod
tincidunt</span> ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit<span
class="highlighttwo"> praesent luptatum zzril delenit augue duis</span> dolore te
feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue
nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
</div>
<div class="box">
<h1>Make Your Own Composter</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea <a href="#">commodo consequat</a></p>
</div>
<div class="box">
<h1>Buy Bulk - Reduce waste</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea <a href="#">commodo consequat</a></p>
</div>
<div class="box">
<h1>Preserving Your Neighbourhood eco-system</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
<a href="#">aliquip ex ea</a></p>
</div>
<div class="clear"></div>
<div class="contentbox">
<h2>Reduce Your Trash!</h2>
<p> <img src="images/01.jpg" alt="" width="159" height="200" class="" /><span
class="big">L</span>orem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.<span class="highlighttwo"> praesent luptatum zzril
delenit augue duis</span> velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet
doming id quod mazim placerat facer possim assum. </p>
<p class="link"> <a href="#">Further Reading</a> >></p>
</div>
<div class="contentbox">
<h2>save our wetlands</h2>
<p> <img src="images/02.jpg" alt="" width="159" height="200" class="" /><span
class="big">C</span>onsectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex
ea commodo consequat. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.<span class="highlight"> praesent luptatum zzril
</span> velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis
at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum
soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat
facer possim assum. </p>
<p class="link"> <a href="#">Further Reading</a> >></p>
</div>
<div class="clear"></div>
<div id="resources">
<div class="resources">
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
<div class="resources">
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
<div class="resources">
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<div id="footer">
<p> © Copyright Ecology Portal - <a
href="http://www.openDesigns.org/">TODC</a><br />
<a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Programs</a> |
<a href="#">e-Learning</a> | <a href="#">Contact Us</a> | <a
href="mailto:[email protected]">Coll23</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Edit 80</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<link rel="stylesheet" type="text/css" href="style/green.css" />
</head>
<body>
<div id="main">
<div id="links_container">
<div id="logo">
<h1>edit_80</h1>
<h2>A fluid two column template</h2>
</div>
<div id="links">
<!-- **** INSERT LINKS HERE **** -->
<a href="#">home</a> | <a href="#">another link</a> | <a href="#">another
link</a> | <a href="#">another link</a> </div>
</div>
<div id="menu">
<ul>
<!-- **** INSERT NAVIGATION ITEMS HERE (use id="selected" to identify the
page you're on **** -->
<li><a id="selected" href="#">home</a></li>
<li><a href="#">page 1</a></li>
<li><a href="#">page 2</a></li>
<li><a href="#">page 3</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
<div id="content">
<div id="column1">
<div class="sidebaritem">
<h1>latest news</h1>
<!-- **** INSERT NEWS ITEMS HERE **** -->
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p> <a href="#">read more ...</a></p>
<p></p>
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p> <a href="#">read more ...</a></p>
</div>
<div class="sidebaritem">
<h1>additional links</h1>
<div class="sbilinks">
<!-- **** INSERT ADDITIONAL LINKS HERE **** -->
<ul>
<li><a href="#">open Designs</a></li>
<li><a href="#">learn XHTML</a></li>
<li><a href="#">learn CSS</a></li>
<li><a href="#">get firefox</a></li>
</ul>
</div>
</div>
<div class="sidebaritem">
<h1>other information</h1>
<!-- **** INSERT OTHER INFORMATION HERE **** -->
<p> This space can be used for additional information such as a contact
phone number, address
or maybe even a graphic. </p>
</div>
</div>
<div id="column2">
<h1>introduction</h1>
<!-- **** INSERT PAGE CONTENT HERE **** -->
<p> This website template is released as an 'open source' Design (under the
<a href="http://creativecommons.org/licenses/by/2.5"> Creative Commons
Attribution 2.5</a> licence), which means that you are free to download and
use it for anything you want (including modifying and amending it).
All I ask is that you leave the 'Design by dcarter' link in the footer of
the
template, but other than that... </p>
<p> This standards compliant template is written entirely in XHTML 1.1 and
CSS,
and can be validated using the links in the footer. </p>
<p> You can view my other 'open source' template Designs <a
href="#">here</a>. </p>
<h1>alternative colour schemes</h1>
<p>Here are some alternative colour schemes for anyone who doesn't like
green:</p>
<div id="colour"> <a href="index_blue.html"><span
class="blue">blue</span></a> <a href="index_orange.html"><span
class="orange">orange</span></a> <a href="index_purple.html"><span
class="purple">purple</span></a> </div>
<h1>example elements</h1>
<h2>Bold Text</h2>
<p><strong>this is an example of bold text</strong></p>
<h2>Italics</h2>
<p><i>this is an example of italic text</i></p>
<h2>Links</h2>
<p><a href="#">this is an example link</a></p>
<h2>Block Quotes</h2>
<blockquote>
<p> Some blockquote text. Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. </p>
</blockquote>
<h2>Unordered Lists</h2>
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>
<br />
<h2>Ordered Lists</h2>
<ol>
<li>list item 1</li>
<li>list item 2</li>
</ol>
<br />
<h2>Images</h2>
<p>images can be placed on the left, in the center or on the right.</p>
<span class="left"><img src="style/graphic.jpg" alt="" /></span>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla
pariatur. </p>
<span class="center"><img src="style/graphic.jpg" alt="" /></span> <span
class="right"><img src="style/graphic.jpg" alt="" /></span>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla
pariatur. </p>
</div>
</div>
<div id="footer"> copyright © 2006 your name | <a
href="#">email@emailaddress</a> | <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> | <a href="http://www.dcarter.co.uk">Design by
dcarter</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Education Board
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Education Board</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.ui.min.js"></script>
<!-- Homepage Specific -->
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.easing.1.3.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.timers.1.2.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.galleryview.2.1.1.min.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.galleryview.setup.js"></script>
<!-- / Homepage Specific -->
</head>
<body id="top">
<div class="wrapper row1">
<div id="header" class="clear">
<div class="fl_left">
<h1><a href="index.html">Education Board</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right">
<p><a href="#">A - Z Index</a> | <a href="#">Student Login</a> | <a
href="#">Staff Login</a></p>
<form action="#" method="post" id="sitesearch">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="image" src="layout/images/search.gif" id="search"
alt="Search" />
</fieldset>
</form>
</div>
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="pages/3-columns.html">3 Columns</a></li>
<li><a href="pages/portfolio.html">Portfolio</a></li>
<li><a href="pages/gallery.html">Gallery</a></li>
<li><a href="#">This a very long link</a></li>
<li class="last"><a href="#">This is the last</a></li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row2">
<div id="hpage_featured" class="clear">
<!--
###################################################################################
#################### -->
<div id="featured_slide">
<ul>
<li><img src="images/demo/450x320.gif" alt="" />
<div class="panel-overlay">
<h2>Nullamlacus dui ipsum</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper convallis
nunc laoreet. <a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/450x320.gif" alt="" /></li>
<li><img src="images/demo/450x320.gif" alt="" />
<div class="panel-overlay">
<h2>Semvelit nonummy odio tempus</h2>
<p>Justolacus eger at pede felit in dictum sempus elit curabitur ipsum.
Ametpellentum. <a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/450x320.gif" alt="" />
<div class="panel-overlay">
<h2>Pedefamet orci orci quisque</h2>
<p>Nonnam aenenasce morbi liberos malesuada risus id donec volutpat
estibulum curabitae. <a href="#">Continue Reading »</a></p>
</div>
</li>
</ul>
</div>
<!-- ###### -->
<div class="intro clear">
<div class="welcome clear"><img class="imgl" src="images/demo/imgl.gif"
alt="" />
<div class="fl_right">
<h2>Welcome to Our University</h2>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa condimen tumfelis.</p>
</div>
</div>
<div class="popular">
<h2>Most Popular Links</h2>
<ul class="clear">
<li><a href="#">» Visiting the University</a></li>
<li><a href="#">» Undergraduate Courses</a></li>
<li><a href="#">» Graduate Courses</a></li>
<li><a href="#">» Postgraduate Research</a></li>
<li><a href="#">» Postgraduate Taught</a></li>
<li><a href="#">» International Students</a></li>
<li><a href="#">» Lifelong Learning</a></li>
<li><a href="#">» Graduate Health Services</a></li>
<li><a href="#">» Graduate Housing</a></li>
<li><a href="#">» Graduate Programs</a></li>
<li><a href="#">» Graduate Student Association</a></li>
<li><a href="#">» Campus Life At a Glance</a></li>
<li><a href="#">» Campus Recreation</a></li>
<li><a href="#">» Campus Safety & Security</a></li>
<li><a href="#">» Class Schedules</a></li>
<li><a href="#">» Course Descriptions & Catalogue</a></li>
<li><a href="#">» Residential Colleges</a></li>
<li><a href="#">» Schools and Colleges</a></li>
<li><a href="#">» Student Activities</a></li>
<li><a href="#">» Student Affairs</a></li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row3">
<div id="container" class="clear">
<!--
###################################################################################
#################### -->
<div id="homepage" class="clear">
<!-- ###### -->
<div id="content">
<div id="top_featured" class="clear">
<ul class="clear">
<li>
<h2>Sentumquisque Morbi</h2>
<img src="images/demo/300x120.gif" alt="" />
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus
mus semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Sentumquisque Morbi</h2>
<img src="images/demo/300x120.gif" alt="" />
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus
mus semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
<div id="latestnews">
<h2>Latest News & Events</h2>
<ul>
<li>
<p><strong>Sentumquisque morbi dui congue tincidunt eu
quis</strong><br />
This is a W3C compliant free website template from <a
href="http://www.os-templates.com/" title="Free Website Templates">OS
Templates</a>. This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>…</p>
<p class="readmore"><a href="#">Read The Full Story »</a></p>
</li>
<li>
<p><strong>Sentumquisque morbi dui congue tincidunt eu
quis</strong><br />
You can use and modify the template for both personal and
commercial use. You must keep all copyright information and credit links in the
template and associated files. For more CSS templates visit <a href="http://www.os-
templates.com/">Free Website Templates</a>…</p>
<p class="readmore"><a href="#">Read The Full Story »</a></p>
</li>
<li class="last">
<p><strong>Sentumquisque morbi dui congue tincidunt eu
quis</strong><br />
Vestassapede et donec ut est liberos sus et eget sed eget.
Quisqueta habitur augue magnisl magna phasellus sagittitor…</p>
<p class="readmore"><a href="#">Read The Full Story »</a></p>
</li>
</ul>
</div>
<div id="quicklinks">
<h2>Quick Links</h2>
<ul>
<li>
<p><a href="#">Make an Application <img src="images/demo/200x80.gif"
alt="" /></a></p>
</li>
<li>
<p><a href="#">Order a Prospectus <img src="images/demo/200x80.gif"
alt="" /></a></p>
</li>
<li class="last">
<p><a href="#">Support Us <img src="images/demo/200x80.gif" alt=""
/></a></p>
</li>
</ul>
</div>
</div>
<!-- ###### -->
<div id="column">
<div class="holder">
<h2>Take The Virtual Tour</h2>
<!-- Begin Flash Here - This is the correct method for W3C validation -->
<object type="application/x-shockwave-flash"
data="https://www.youtube.com/v/vxAU88LxLis?
version=3&hl=en_US&fs=1&rel=0" width="300" height="250">
<param name="movie" value="https://www.youtube.com/v/vxAU88LxLis?
version=3&hl=en_US&fs=1&rel=0" />
<param name="wmode" value="opaque" />
<param name="quality" value="high" />
<param name="bgcolor" value="#E9E9E9" />
<param name="allowfullscreen" value="false" />
<param name="allowscriptaccess" value="never" />
</object>
<!-- End Flash Here -->
<p>Aliquatpede id pellus elit quis in nec consectetuer mattis duis in.
Ipsumet ris morbi quis ac nulla aenean trisuscelerit nonummy augue et.</p>
<p class="readmore"><a href="#">Apply To The University Today
»</a></p>
</div>
<div class="holder last">
<h2>Student & Staff Representatives</h2>
<ul class="staffmembers">
<li class="clear"><img class="imgl" src="images/demo/80x80.gif"
alt="" />
<div class="fl_left">
<p><strong>Principals Name Here</strong></p>
<p>Principal / Headmaster</p>
<p><a href="#">View Full Profile »</a></p>
</div>
</li>
<li class="clear"><img class="imgl" src="images/demo/80x80.gif"
alt="" />
<div class="fl_left">
<p><strong>Another Name Goes Here</strong></p>
<p>Head of Student Access</p>
<p><a href="#">View Full Profile »</a></p>
</div>
</li>
<li class="clear"><img class="imgl" src="images/demo/80x80.gif"
alt="" />
<div class="fl_left">
<p><strong>Yet Another Name Here</strong></p>
<p>Student Union Representative</p>
<p><a href="#">View Full Profile »</a></p>
</div>
</li>
</ul>
</div>
</div>
<!-- ###### -->
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row4">
<div id="footer" class="clear">
<!--
###################################################################################
#################### -->
<div class="footbox">
<h2>Quick Links</h2>
<ul>
<li><a href="#">» Homepage</a></li>
<li><a href="#">» Contact Us</a></li>
<li><a href="#">» Sitemap</a></li>
<li><a href="#">» Privacy Policy</a></li>
<li><a href="#">» Terms of Use</a></li>
<li><a href="#">» Copyright Information</a></li>
<li><a href="#">» Website Matters</a></li>
</ul>
</div>
<div class="footbox">
<h2>How To Find Us</h2>
<address>
Address Line 1<br />
Address Line 2<br />
Town/City<br />
Postcode/Zip<br />
<br />
Tel: xxxx xxxx xxxxxx<br />
Email: <a href="#">[email protected]</a>
</address>
</div>
<div class="fl_right">
<div id="social">
<h2>Connect With Us</h2>
<ul>
<li><a href="#"><img src="images/social/facebook.gif" alt="" /></a></li>
<li><a href="#"><img src="images/social/twitter.gif" alt="" /></a></li>
<li><a href="#"><img src="images/social/flickr.gif" alt="" /></a></li>
<li><a href="#"><img src="images/social/youtube.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/social/rss.gif" alt=""
/></a></li>
</ul>
</div>
<div id="newsletter" class="clear">
<form action="#" method="post">
<fieldset>
<legend>Subscribe To Our Newsletter:</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="text" id="subscribe" value="Submit" />
</fieldset>
</form>
</div>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="copyright" class="clear">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Education Time
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Education Time</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- liteAccordion is Homepage Only -->
<link rel="stylesheet" href="layout/scripts/liteaccordion-
v2.2/css/liteaccordion.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper row1">
<div id="header" class="clear">
<div class="fl_left">
<h1><a href="index.html">Education Time</a></h1>
<p>Free Website Template</p>
</div>
<form action="#" method="post" id="login">
<fieldset>
<legend>Student Login</legend>
<input type="password" />
<input type="text" />
<div id="forgot">Need <a href="#">Help ?</a> or <a href="#">Forgot Your
Details ?</a></div>
<input type="image" src="layout/images/sign_in.gif" id="signin" alt="Sign
In" />
</fieldset>
</form>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row2">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Homepage</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/3-columns.html">3 Columns</a></li>
<li class="last"><a href="pages/gallery.html">Gallery</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row3">
<div id="featured_slide">
<!--
###################################################################################
#################### -->
<ol>
<li>
<h2><span>Slide 1</span></h2>
<div><img src="images/demo/featured-slide/720x360.gif" alt="" /></div>
</li>
<li>
<h2><span>Slide 2</span></h2>
<div><img src="images/demo/featured-slide/720x360.gif" alt="" /></div>
</li>
<li>
<h2><span>Slide 3</span></h2>
<div><img src="images/demo/featured-slide/720x360.gif" alt="" /></div>
</li>
<li>
<h2><span>Slide 4</span></h2>
<div><img src="images/demo/featured-slide/720x360.gif" alt="" /></div>
</li>
<li>
<h2><span>Slide 5</span></h2>
<div><img src="images/demo/featured-slide/720x360.gif" alt="" /></div>
</li>
</ol>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row4">
<div id="container" class="clear">
<!--
###################################################################################
#################### -->
<div id="homepage" class="clear">
<div class="fl_left">
<h2 class="title">Quick Links</h2>
<div id="hpage_quicklinks">
<ul class="clear">
<li><a href="#">Academic departments</a></li>
<li><a href="#">Alumni</a></li>
<li><a href="#">Business & Enterprise</a></li>
<li><a href="#">Departments A-Z</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Graduate Courses</a></li>
<li><a href="#">International Students</a></li>
<li><a href="#">Job opportunities</a></li>
<li><a href="#">Lifelong Learning</a></li>
<li><a href="#">Maps and Directions</a></li>
<li><a href="#">Online Courses</a></li>
<li><a href="#">Parents</a></li>
<li><a href="#">Postgraduate research</a></li>
<li><a href="#">Postgraduate taught</a></li>
<li><a href="#">Prospective Students</a></li>
<li><a href="#">Research</a></li>
<li><a href="#">Students</a></li>
<li><a href="#">Teaching & Learning</a></li>
<li><a href="#">Undergraduate Courses</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Visiting the University</a></li>
<li><a href="#">What's On</a></li>
</ul>
</div>
<h2 class="title">Latest Gallery Images</h2>
<div id="hpage_gallery">
<ul class="clear">
<li><a href="#"><img src="images/demo/175x130.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/175x130.gif"
alt="" /></a></li>
<li><a href="#"><img src="images/demo/175x130.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/175x130.gif"
alt="" /></a></li>
</ul>
</div>
<h2 class="title">Keep Up With What's Happening</h2>
<div id="hpage_socialize">
<ul>
<li><span>Facebook:</span> <a
href="#">www.facebook.com/myhandel</a></li>
<li><span>Twitter:</span> <a href="#">www.twitter.com/myhandel</a></li>
<li class="last"><span>LinkedIn:</span> <a
href="#">www.linkedin.com/myhandel</a></li>
</ul>
<p><strong>Subscribe To Our Newsletter</strong></p>
<p>Justoid nonummy laoreet phasellent penatoque in antesque pellus elis
eget tincidunt. Nequatdui laorem justo a non tellus laoreet tincidunt ut vel
velit.</p>
<form action="#" method="post">
<fieldset>
<legend>Newsletter Signup:</legend>
<input type="text" id="newsletter" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="image" id="subscribe" src="layout/images/sign-up.gif"
alt="Submit" />
</fieldset>
</form>
<p class="form_hint">* Please add [email protected] to your trusted email
list</p>
</div>
</div>
<!-- ############### -->
<div class="fl_right">
<h2 class="title">Latest News</h2>
<div id="hpage_latestnews">
<ul>
<li>
<div class="imgl"><img src="images/demo/160x80.gif" alt="" /></div>
<p class="latestnews">This is a W3C compliant free website template
from <a href="http://www.os-templates.com/" title="Free Website Templates">OS
Templates</a>. This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<div class="imgl"><img src="images/demo/160x80.gif" alt="" /></div>
<p class="latestnews">You can use and modify the template for both
personal and commercial use. You must keep all copyright information and credit
links in the template and associated files. For more CSS templates visit <a
href="http://www.os-templates.com/">Free Website Templates</a>.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<div class="imgl"><img src="images/demo/160x80.gif" alt="" /></div>
<p class="latestnews">Attincidunt vel nam a maurisus lacinia
consectetus magnisl sed ac morbi. Inmaurisus habitur pretium eu et ac vest
penatibus id lacus parturpis. Maecenaset adipiscinia tellentum nullam velit et a
convallis curabitae vitae laoreet niseros ligula sem sed susp en at.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
<div id="hpage_specials" class="clear">
<ul>
<li>
<h2 class="title">Virtual Tour</h2>
<div class="box">
<div class="imgholder"><img src="images/demo/160x160.gif" alt=""
/></div>
<p>Vestassapede et donec ut est liberos sus et eget sed eget.
Quisqueta habitur augue magnisl magna phasellus sagittitor ant curabiturpis
molesuada amet. Tricessem faucibulum sit sed eleifendisse accumsan justo in tor vel
purus.</p>
<p class="readmore"><a href="#">Take The Tour »</a></p>
</div>
</li>
<li>
<h2 class="title">Sporting Activities</h2>
<div class="box">
<p><strong>Jan 01:</strong> <a href="#">Rugby</a></p>
<div class="imgholder"><img src="images/demo/160x80.gif" alt=""
/></div>
<p>Vestassapede et donec ut est liberos sus et eget sed eget.</p>
</div>
<div class="box">
<p><strong>Jan 06:</strong> <a href="#">Volleyball</a></p>
<div class="imgholder"><img src="images/demo/160x80.gif" alt=""
/></div>
<p>Vestassapede et donec ut est liberos sus et eget sed eget.</p>
</div>
</li>
<li class="last">
<h2 class="title">Upcoming Events</h2>
<div class="box">
<p><a href="#">Magna phasellus</a></p>
<p>Monday 21st January</p>
<p>Vestassapede et donec ut est liberos sus et eget sed eget.
Quisqueta habitur augue magnisl magna phasellus sagittitor ant curabiturpis.</p>
</div>
<div class="box">
<p><a href="#">Sentumquisque morbi dui congue tincidunt eu
quis</a></p>
<p>Monday 21st January</p>
<p>Vestassapede et donec ut est liberos sus et eget sed eget.
Quisqueta habitur augue magnisl magna phasellus sagittitor ant.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row5">
<div id="footer" class="clear">
<!--
###################################################################################
#################### -->
<div class="foot_contact">
<h2>University Name Here</h2>
<address>
Address Line 1<br />
Address Line 2<br />
Town/City<br />
Postcode/Zip
</address>
<ul>
<li><strong>Tel:</strong> xxxxx xxxxxxxxxx</li>
<li><strong>Fax:</strong> xxxxx xxxxxxxxxx</li>
<li class="last"><strong>Email:</strong> <a
href="#">[email protected]</a></li>
</ul>
</div>
<div class="footbox">
<h2>Administration</h2>
<ul>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Accessibility</a></li>
<li><a href="#">Freedom of Information</a></li>
<li><a href="#">Website Privacy</a></li>
<li><a href="#">Press Release Information</a></li>
<li><a href="#">Annual Report</a></li>
<li><a href="#">Financial Statements</a></li>
<li><a href="#">Job Vacancies</a></li>
<li class="last"><a href="#">Semester Dates</a></li>
</ul>
</div>
<div class="footbox">
<h2>Link Block 2</h2>
<ul>
<li><a href="#">Schools and Colleges</a></li>
<li><a href="#">Student Activities</a></li>
<li><a href="#">Student Affairs</a></li>
<li><a href="#">Student Development</a></li>
<li><a href="#">Student Financial Services</a></li>
<li><a href="#">Student Group Directory</a></li>
<li><a href="#">Student Life</a></li>
<li><a href="#">International Students</a></li>
<li class="last"><a href="#">Global Learning</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Link Block 3</h2>
<ul>
<li><a href="#">Academic Advisory</a></li>
<li><a href="#">Academic Assistance</a></li>
<li><a href="#">Academic Calendars</a></li>
<li><a href="#">Academics Office</a></li>
<li><a href="#">Administration</a></li>
<li><a href="#">Adult Learners</a></li>
<li><a href="#">Alumni Chapters</a></li>
<li><a href="#">Alumni Events</a></li>
<li class="last"><a href="#">Residential Colleges</a></li>
</ul>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="copyright" class="clear">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
</div>
</div>
<!-- liteAccordion is Homepage Only -->
<script type="text/javascript" src="layout/scripts/liteaccordion-
v2.2/js/liteaccordion.jquery.min.js"></script>
<script type="text/javascript">
$("#featured_slide").liteAccordion({
theme: "os-tpl",
containerWidth: 960, // fixed (px)
containerHeight: 360, // fixed (px) - overall height of the slider
headerWidth: 48, // fixed (px) - slide spine title
firstSlide: 1, // displays slide (n) on page load
activateOn: "click", // click or mouseover
autoPlay: false, // automatically cycle through slides
pauseOnHover: true, // pause slides on hover
rounded: false, // square or rounded corners
enumerateSlides: true, // put numbers on slides
slideSpeed: 800, // slide animation speed
cycleSpeed: 6000, // time between slide cycles
});
</script>
</body>
</html><!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>andreas00 v2.0</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="andreas00.css"
media="screen,projection" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1><a href="#">andreas00 v2.0</a></h1>
<p><strong>A free website template...</strong></p>
</div>
<div id="leftside">
<h2 class="hide">Site menu:</h2>
<ul class="avmenu">
<li><a class="current" href="#">Home</a></li>
<li><a href="styles.html">Included styles</a></li>
<li><a href="2-columns.html">2 columns</a></li>
<li><a href="3-columns.html">3 columns</a></li>
<li><a href="themes.html">Theme versions</a></li>
</ul>
<div class="announce">
<h2>Latest news:</h2>
<p><strong>Jan 29, 2007:</strong><br />
Updated to v2.0 with a few bugfixes and refreshments, an the usual update
of the default content.</p>
<p class="textright"><a href="#">Sample link »</a></p>
</div>
</div>
<div id="extras">
<h2>Information:</h2>
<p>This template includes a lot of additional styles and layout variations in
the stylesheet. To see these, use the navigation menu to view the different pages
and layout examples. It also includes links to theme versions for different CMS:s!
</p>
<h2>Sample links:</h2>
<ul>
<li><a href="#">Templates</a></li>
<li><a href="#">wordpress themes</a></li>
<li><a href="#">Made in Jokkmokk</a></li>
</ul>
<h2>Search box:</h2>
<form action="#" id="searchbox">
<div>
<label for="searchform">Find:</label>
<input type="text" value="(demo only)" name="searchform" id="searchform" />
<input type="hidden" id="searchsubmit" value="(demo only)" />
</div>
</form>
<h2>Version:</h2>
<p>andreas00 v2.0<br />
(Jan 29, 2007)</p>
</div>
<div id="content">
<h2>andreas00 - a free website template!</h2>
<p>This is a free XHTML/CSS-based website template, that anyone may use for any
purpose without any obligations or limitations. It was originally based on the
andreas01 template to which andreas00 added requested features such as a 2-column
layout variation and support for sub-pages in the main menu - features that were
later added into andreas01 as well. But there are also other small modifications
and a few extras, like the background images in the menu buttons. I hope that you
like what you see and that you find the template to be easy to work with. That is
what it was made for!</p>
<img src="img/test.jpg" height="100" width="125" class="left" alt="Example
content image" />
<p>If you use this template, I kindly ask you to leave the credits and the link
to my website in the footer since it is a nice way of giving something back to the
template designer. But that is only a friendly request, not any obligation.</p>
<h3>Other versions and additional resources</h3>
<p>This template is also available as a theme for WordPress and it has been
ported to a number of other blogs and CMS as well. New theme versions will be
announced on my website whenever a new port is released.</p>
</div>
<div id="footer">
<p>Copyright © 2007 Your Name | Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a
href="#">Homepage</a></p>
</div>
</div>
</body>
</html>
<!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>1024px v2.0</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="1024px.css" title="1024px style"
media="screen,projection" />
</head>
<body>
<div id="wrap">
<div id="header">
<p id="toplinks">Skip to: <a href="#content">Content</a> | <a
href="#sidebar">Navigation</a> | <a href="#footer">Footer</a></p>
<h1><a href="#">1024<span class="fade">px</span></a></h1>
<p id="slogan">when 800px just isn't enough...</p>
</div>
<div id="content">
<h2>As simple as it gets...</h2>
<img src="images/example.jpg" width="280" height="144" alt="Example frontpage
image" class="left photo" />
<p>Welcome to <strong><span class="blue">1024</span><span
class="gray">px</span></strong>, a free website template by Andreas Viklund. This
is a regular XHTML/CSS template which you can use to build your own website. This
template is released as open source web design, which means that you are free to
use it for any purpose and in any way you may want to without any obligations or
limitations. I kindly ask that you leave the credit text and link (the one that
says "Design by Andreas Viklund" in the footer) since that would be a nice way of
supporting my work. But the decision is yours, and that freedom is the beauty with
open source design...</p>
<h2>Blog/CMS theme versions</h2>
<p>Are you planning to use this template with a CMS? Have you checked if
someone has ported it already? If not, make sure to check out the ports and themes
page on my site to see if there are any version available for your favorite content
management system. If you are looking for a WordPress version, you will find it on
my wordpress themes page. If it is not available for your CMS and you make a port
yourself, please let me know about it so I can your version to the list.</p>
<p class="readmore"><a href="#">Example "Read more" link</a> »</p>
<p class="box"><strong>Note:</strong> This template is not intended to be
advanced or cool in any way. It was based on feedback and requests that I have got
from people who use my other templates. I was asked to make a really simple design
that was wider than my regular 800px templates, and so I did. Accessibility, good
code quality, search engine friendliness and low file size are important features
too.</p>
</div>
<div id="sidebar">
<h2>Welcome!</h2>
<p>This template comes in two different layout variations. <a href="index-
alt.html">Switch to layout #2</a>!</p>
<h2>Navigate:</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Downloads</a>
<ul>
<li><a href="#">Music</a></li>
<li><a href="#">Pictures</a></li>
</ul>
</li>
<li><a href="#">Link archive</a></li>
<li><a href="#header">Back to top</a></li>
</ul>
<h2>Site news:</h2>
<p><strong>January 29, 2007</strong><br />
New version, 1024px v2.0! General updates and minor fixes.</p>
<h2>Sample links:</h2>
<ul>
<li><a href="#">Free CSS Templates</a></li>
<li><a href="#">Made in Jokkmokk</a></li>
</ul>
</div>
<div id="footer">
<p><a href="#">Home</a> | <a href="#">Privacy policy</a> | <a
href="#">Sitemap</a> | <a href="#">RSS</a> | <a href="#header">Back to
top</a><br />
© 2007 <a href="#">Your Name</a> | Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a
href="#">Homepage</a></p>
</div>
</div>
</body>
</html>
<!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=iso-8859-1" />
<title>Education Zone</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="topPan"> <a href="#"><img src="images/logo.gif" alt="Education Zone"
width="245" height="37" border="0" class="logo" title="Education Zone"/></a>
<p>Your cool punch line</p>
<div id="topContactPan"> </div>
<div id="topMenuPan">
<div id="topMenuLeftPan"></div>
<div id="topMenuMiddlePan">
<ul>
<li class="home">Home</li>
<li><a href="#">About us</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">books</a></li>
<li><a href="#">university</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">ideas</a></li>
<li class="contact"><a href="#" class="contact">Contact</a></li>
</ul>
</div>
<div id="topMenuRightPan"></div>
</div>
</div>
<div id="bodyPan">
<div id="bodyLeftPan">
<h2><span>why</span> education zone</h2>
<p>Education Zone is a free, tableless, W3C-compliant web design layout by
<span>Template World</span>. This template has been tested and proven compatible
with all major browser environments and operating systems. You are free to modify
the design to suit your tastes in any way you like.</p>
<p>We only ask you to not remove "Design by Template World" and the link
<span>http://www.templateworld.com</span> from the footer of the template.</p>
<p>If you are interested in seeing more of our free web template designs feel
free to visit our website, Template World. We intend to add at least 25 new
<span>free templates</span> in the coming month.</p>
<ul>
<li><a href="#">Ndui et fermentum ullamcorper, purus orci sagittis leo,ac</a>
</li>
<li><a href="#">Ndui et fermentum ullamcorper, purus orci sagittis leo,ac
</a></li>
</ul>
<p class="more"><a href="#">more</a></p>
<h3><span>new</span> books</h3>
<div id="bookcatagories">
<div id="namePan">Name</div>
<div id="pricePan">price</div>
<div id="discountPan">discount</div>
<div id="nameonePan">
<ul>
<li>lorem ipsum dolor</li>
<li>Amet,conseAdipiscin</li>
<li>Elit Donec mol</li>
<li>Bibendum nunc.Lorem</li>
<li>Lpsum dolor</li>
<li>Sit amet,Consectetuer</li>
<li>Adipiscinrt.Integer</li>
<li>Enim vel mi.Vivamus</li>
<li>Atmi.Ut</li>
</ul>
</div>
<div id="priceonePan">
<ul>
<li>$20</li>
<li>$20</li>
<li>$25</li>
<li>$20</li>
<li>$35</li>
<li>$30</li>
<li>$29</li>
<li>$40</li>
<li>$25</li>
</ul>
</div>
<div id="discountonePan">
<ul>
<li>10%</li>
<li>10%</li>
<li>10%</li>
<li>10%</li>
<li>15%</li>
<li>15%</li>
<li>20%</li>
<li>20%</li>
<li>20%</li>
</ul>
</div>
</div>
<div id="bodyLeftNextPan">
<p class="next"><a href="#">next</a></p>
</div>
</div>
<div id="bodyRightPan">
<h2><span>few</span> tips</h2>
<ul>
<li><a href="#">lorem ipsum dolor sit</a> </li>
<li><a href="#">Amet, consectetuer</a> </li>
<li><a href="#">Amet, consectetuer</a> </li>
<li><a href="#">Bibendum nunc. Lorem</a> </li>
<li><a href="#">Ipsum dolor sit amet, </a> </li>
<li><a href="#">Consectetuer adipiscinrt.</a> </li>
<li><a href="#">Integer porta enim vel mi.</a> </li>
<li><a href="#">Vivamus at mi.Ut</a> </li>
</ul>
<h3><span>latest</span> updates</h3>
<p class="boldtext">on 03rd october 2006</p>
<p>lorem ipsum dolor sit Ametert, consectetue Adipiscingelitedo mol
Bibendum</p>
<p class="more"><a href="#">more</a></p>
<p class="boldtext">on 03rd october 2006</p>
<p>lorem ipsum dolor sit Ametert, consectetue Adipiscingelitedo mol
Bibendum</p>
<p class="more"><a href="#">more</a></p>
</div>
</div>
<div id="footermainPan">
<div id="footerPan">
<ul>
<li><a href="#">Home</a>| </li>
<li><a href="#">About us</a>| </li>
<li><a href="#">Support</a>| </li>
<li><a href="#">Books</a>| </li>
<li><a href="#">University</a>| </li>
<li><a href="#">Blog</a>| </li>
<li><a href="#">Ideas</a>| </li>
<li><a href="#">Contact</a> </li>
</ul>
<p class="copyright">©education zone. All right reserved.</p>
<ul class="templateworld">
<li>design by:</li>
<li><a href="http://www.templateworld.com" target="_blank">Template
World</a></li>
</ul>
<div id="footerPanhtml"><a href="http://validator.w3.org/check?uri=referer"
target="_blank">HTML</a></div>
<div id="footerPancss"><a href="http://jigsaw.w3.org/css-
validator/check/referer" target="_blank">css</a></div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Educational
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Educational</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.slidepanel.setup.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.ui.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.tabs.setup.js"></script>
</head>
<body>
<div class="wrapper col0">
<div id="topbar">
<div id="slidepanel">
<div class="topbox">
<h2>Nullamlacus dui ipsum</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="topbox">
<h2>Teachers Login Here</h2>
<form action="#" method="post">
<fieldset>
<legend>Teachers Login Form</legend>
<label for="teachername">Username:
<input type="text" name="teachername" id="teachername" value="" />
</label>
<label for="teacherpass">Password:
<input type="password" name="teacherpass" id="teacherpass"
value="" />
</label>
<label for="teacherremember">
<input class="checkbox" type="checkbox" name="teacherremember"
id="teacherremember" checked="checked" />
Remember me</label>
<p>
<input type="submit" name="teacherlogin" id="teacherlogin"
value="Login" />
<input type="reset" name="teacherreset" id="teacherreset"
value="Reset" />
</p>
</fieldset>
</form>
</div>
<div class="topbox last">
<h2>Pupils Login Here</h2>
<form action="#" method="post">
<fieldset>
<legend>Pupils Login Form</legend>
<label for="pupilname">Username:
<input type="text" name="pupilname" id="pupilname" value="" />
</label>
<label for="pupilpass">Password:
<input type="password" name="pupilpass" id="pupilpass" value="" />
</label>
<label for="pupilremember">
<input class="checkbox" type="checkbox" name="pupilremember"
id="pupilremember" checked="checked" />
Remember me</label>
<p>
<input type="submit" name="pupillogin" id="pupillogin"
value="Login" />
<input type="reset" name="pupilreset" id="pupilreset"
value="Reset" />
</p>
</fieldset>
</form>
</div>
<br class="clear" />
</div>
<div id="loginpanel">
<ul>
<li class="left">Log In Here »</li>
<li class="right" id="toggle"><a id="slideit"
href="#slidepanel">Administration</a><a id="closeit" style="display: none;"
href="#slidepanel">Close Panel</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col1">
<div id="header">
<div id="logo">
<h1><a href="index.html">Educational</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right">
<ul>
<li class="last"><a href="#">Search</a></li>
<li><a href="#">Online Support</a></li>
<li><a href="#">School Board</a></li>
</ul>
<p>Tel: xxxxx xxxxxxxxxx | Mail: [email protected]</p>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a>
<ul>
<li><a href="#">Libero</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mauris</a></li>
<li class="last"><a href="#">Suspendisse</a></li>
</ul>
</li>
<li><a href="pages/style-demo.html">Style Demo</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</li>
<li><a href="#">Our Services</a></li>
<li class="last"><a href="#">Long Link Text</a></li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="featured_slide">
<div id="featured_wrap">
<ul id="featured_tabs">
<li><a href="#fc1">Nullamlacus dui ipsum<br />
<span>Nullamlacus dui ipsum conseqlo borttis.</span></a></li>
<li><a href="#fc2">Nullamlacus dui ipsum<br />
<span>Nullamlacus dui ipsum conseqlo borttis.</span></a></li>
<li><a href="#fc3">Nullamlacus dui ipsum<br />
<span>Nullamlacus dui ipsum conseqlo borttis.</span></a></li>
<li class="last"><a href="#fc4">Nullamlacus dui ipsum<br />
<span>Nullamlacus dui ipsum conseqlo borttis.</span></a></li>
</ul>
<div id="featured_content">
<div class="featured_box" id="fc1"><img src="images/demo/1.gif" alt="" />
<div class="floater"><a href="#">Continue Reading »</a></div>
</div>
<div class="featured_box" id="fc2"><img src="images/demo/2.gif" alt="" />
<div class="floater"><a href="#">Continue Reading »</a></div>
</div>
<div class="featured_box" id="fc3"><img src="images/demo/3.gif" alt="" />
<div class="floater"><a href="#">Continue Reading »</a></div>
</div>
<div class="featured_box" id="fc4"><img src="images/demo/4.gif" alt="" />
<div class="floater"><a href="#">Continue Reading »</a></div>
</div>
</div>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="container">
<div id="hpage">
<ul>
<li>
<h2>Indonectetus facilis leo</h2>
<div class="imgholder"><a href="#"><img src="images/demo/200x140.gif"
alt="" /></a></div>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. For more CSS templates visit
<a href="http://www.os-templates.com/">Free Website Templates</a>. Etmetus conse
cte tuer leo nisl justo sed vest vitae nunc massa scelerit</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2>Indonectetus facilis leo</h2>
<div class="imgholder"><a href="#"><img src="images/demo/200x140.gif"
alt="" /></a></div>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2>Indonectetus facilis leo</h2>
<div class="imgholder"><a href="#"><img src="images/demo/200x140.gif"
alt="" /></a></div>
<p>Seddui vestibulum vest mi liberos estibulum urna at eget amet sed.
Etmetus consectetuer leo nisl justo sed vest vitae nunc massa scelerit.
Namaucibulum lor ligula nullam risque et ristie sollis sapien nulla neque.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Indonectetus facilis leo</h2>
<div class="imgholder"><a href="#"><img src="images/demo/200x140.gif"
alt="" /></a></div>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi pen as
dapibulum orna. Urna ultrices quis curabitur phasellentesque congue magnis
vestibulum. Orcieleifendimentum risuspenatoque massa nunc.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="footer">
<div id="newsletter">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Educational Theory
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Educational Theory</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- Featured Slider -->
<script type="text/javascript" src="layout/scripts/jquery-s3slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#featured_slide_").s3Slider({
timeOut:10000
});
});
</script>
<!-- / Featured Slider -->
</head>
<body id="top">
<div class="wrapper row1">
<div id="topnav">
<ul>
<li class="active"><a href="index.html"><strong>Home</strong></a></li>
<li><a href="pages/style-demo.html"><strong>Style Demo</strong></a></li>
<li><a href="pages/full-width.html"><strong>Full Width</strong></a></li>
<li><a href="pages/3-columns.html"><strong>3 Columns</strong></a></li>
<li><a href="pages/portfolio.html"><strong>Portfolio</strong></a></li>
<li><a href="pages/gallery.html"><strong>Gallery</strong></a></li>
<li><a href="#"><strong>This a very long link</strong></a></li>
<li class="last"><a href="#"><strong>This is the last</strong></a></li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row2">
<div id="header" class="clear">
<div class="fl_left">
<h1><a href="index.html">Educational Theory</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right">
<form action="#" method="post" id="sitesearch">
<fieldset>
<legend>Site Search</legend>
<input type="text" />
<input type="image" src="layout/images/search.gif" id="search"
alt="Search" />
</fieldset>
</form>
<p><a href="#">A - Z Index</a> | <a href="#">Student Login</a> | <a
href="#">Staff Login</a></p>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row3">
<div id="featured_slide_">
<ul id="featured_slide_Content">
<li class="featured_slide_Image"><a href="#"><img
src="images/demo/940x340.gif" alt="" /></a>
<div class="introtext">
<h2>Template Details</h2>
<p>This is a W3C compliant free website template from <a
href="http://www.os-templates.com/" title="Free Website Templates">OS
Templates</a>. This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>. You can use and modify
the template for both personal and commercial use. You must keep all copyright
information and credit links in the template and associated files.</p>
</div>
</li>
<li class="featured_slide_Image"><a href="#"><img
src="images/demo/940x340.gif" alt="" /></a>
<div class="introtext">
<h2>Catchy Title 2</h2>
<p>For more CSS templates visit <a href="http://www.os-
templates.com/">Free Website Templates</a>. Convallisvivamus nam loborta tellus
vitae pendrerit justo donec justo pellenterdum nam. Convallisquismod orci quis
ipsum alique orci sed morbi diculis et dapien. Semperultrices vitae pede enim
pulvinare gravida est justo hendimente pellentum lacing.</p>
</div>
</li>
<li class="featured_slide_Image"><a href="#"><img
src="images/demo/940x340.gif" alt="" /></a>
<div class="introtext">
<h2>Catchy Title 3</h2>
<p>Curabiturpiscingillaenim justo augue gravida senean nec sed id
suscinia dui estie. Parturnibh nec donec praesenean tellentesque quis arcu
phasellus nec laoreet cumsan. Quissce hend tincidunt sem nunc dui aucibulum ris
sceleifendrerisque tor orci.</p>
</div>
</li>
<li class="clear featured_slide_Image"><!-- Important - Leave This Empty
--></li>
</ul>
</div>
<div id="hpage_featured_info" class="clear">
<ul>
<li><a href="#"><img src="images/demo/140x120.gif" alt="" /> <strong>Make An
Application</strong></a></li>
<li><a href="#"><img src="images/demo/140x120.gif" alt="" /> <strong>Order A
Prospectus</strong></a></li>
<li class="last"><a href="#"><img src="images/demo/140x120.gif" alt="" />
<strong>Fees & Funding</strong></a></li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row4">
<div id="quicknav" class="clear">
<ul>
<li><a href="#">Current Students</a>
<ul>
<li><a href="#">Academic advice</a></li>
<li><a href="#">Career Advice Centre</a></li>
<li><a href="#">Help With Learning</a></li>
<li><a href="#">Student Accommodation</a></li>
<li><a href="#">Student Communities</a></li>
<li><a href="#">Student Directory</a></li>
<li><a href="#">Student Facilities</a></li>
<li class="last"><a href="#">Students Union</a></li>
</ul>
</li>
<li><a href="#">Prospective Students</a>
<ul>
<li><a href="#">» University Life</a></li>
<li><a href="#">» Academic Courses</a></li>
<li><a href="#">» Where To Apply</a></li>
<li><a href="#">» Cost And Fees</a></li>
<li><a href="#">» Student Accommodation</a></li>
<li><a href="#">» Schools And Colleges</a></li>
<li><a href="#">» Open Days</a></li>
<li class="last"><a href="#">» Visit The University</a></li>
</ul>
</li>
<li><a href="#">International Students</a>
<ul>
<li><a href="#">» Why Our College</a></li>
<li><a href="#">» Arrival Information</a></li>
<li><a href="#">» Studying Abroad</a></li>
<li><a href="#">» How To Apply</a></li>
<li><a href="#">» Student Accommodation</a></li>
<li class="last"><a href="#">» Cost & Finances</a></li>
</ul>
</li>
<li class="last"><a href="#">Departments & Programs</a>
<ul>
<li><a href="#">» Art and Design</a></li>
<li><a href="#">» Business Management</a></li>
<li><a href="#">» Communications</a></li>
<li><a href="#">» Geosciences</a></li>
<li><a href="#">» Mathematics</a></li>
<li><a href="#">» Philosophy</a></li>
<li><a href="#">» Political Science</a></li>
<li class="last"><a href="#">» Secondary Education</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper row5">
<div id="container" class="clear">
<!--
###################################################################################
#################### -->
<div id="homepage" class="clear">
<div class="fl_left">
<ul id="hpage_latestnews">
<li class="odd clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
<li class="even clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
<li class="odd clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
<li class="even clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
<li class="odd clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
<li class="even clear">
<div class="imgholder"><img src="images/demo/80x80.gif" alt="" /></div>
<a href="#">Nequatdui laorem</a>
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam.</p>
</li>
</ul>
</div>
<div class="fl_right">
<h2>Sentumquisque Morbi</h2>
<img src="images/demo/300x120.gif" alt="" />
<p>Morbit incidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anter dumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="academiclinks" class="clear">
<div class="linkbox">
<h2>Link Category Heading</h2>
<ul>
<li><a href="#">» Academic Advisory</a></li>
<li><a href="#">» Academic Assistance</a></li>
<li><a href="#">» Academic Calendars</a></li>
<li><a href="#">» Academics Office</a></li>
<li><a href="#">» Administration</a></li>
<li><a href="#">» Adult Learners</a></li>
<li><a href="#">» Alumni Chapters</a></li>
<li><a href="#">» Alumni Events</a></li>
<li><a href="#">» Athletics</a></li>
<li><a href="#">» Campus Life At a Glance</a></li>
<li><a href="#">» Campus Recreation</a></li>
<li><a href="#">» Campus Safety & Security</a></li>
</ul>
</div>
<div class="linkbox">
<h2>Link Category Heading</h2>
<ul>
<li><a href="#">» Class Schedules</a></li>
<li><a href="#">» Counselling Center</a></li>
<li><a href="#">» Course Descriptions and Catalogue</a></li>
<li><a href="#">» Department Directory</a></li>
<li><a href="#">» Departments & Programs</a></li>
<li><a href="#">» Fellowships</a></li>
<li><a href="#">» Finals Schedules</a></li>
<li><a href="#">» Financial Aid</a></li>
<li><a href="#">» Fitness and Recreation Facilities</a></li>
<li><a href="#">» Global Learning</a></li>
<li><a href="#">» Graduate</a></li>
<li><a href="#">» Graduate Admissions</a></li>
</ul>
</div>
<div class="linkbox">
<h2>Link Category Heading</h2>
<ul>
<li><a href="#">» Graduate Health Services</a></li>
<li><a href="#">» Graduate Housing</a></li>
<li><a href="#">» Graduate Programs</a></li>
<li><a href="#">» Graduate Student Association</a></li>
<li><a href="#">» Graduate Studies</a></li>
<li><a href="#">» Honours Program</a></li>
<li><a href="#">» Interactive Schedule</a></li>
<li><a href="#">» International Programs</a></li>
<li><a href="#">» International Students</a></li>
<li><a href="#">» Intramural Sports</a></li>
<li><a href="#">» Language Resources</a></li>
<li><a href="#">» Maps and Directions</a></li>
</ul>
</div>
<div class="linkbox last">
<h2>Link Category Heading</h2>
<ul>
<li><a href="#">» Office of the Registrar</a></li>
<li><a href="#">» Online Learning</a></li>
<li><a href="#">» Parent Information</a></li>
<li><a href="#">» Residence Life</a></li>
<li><a href="#">» Residential Colleges</a></li>
<li><a href="#">» Schools and Colleges</a></li>
<li><a href="#">» Student Activities</a></li>
<li><a href="#">» Student Affairs</a></li>
<li><a href="#">» Student Development</a></li>
<li><a href="#">» Student Financial Services</a></li>
<li><a href="#">» Student Group Directory</a></li>
<li><a href="#">» Student Life</a></li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="footer" class="clear">
<!--
###################################################################################
#################### -->
<div class="fl_left clear">
<div class="fl_left center"><img src="images/demo/worldmap.gif" alt=""
/><br />
<a href="#">Find Us With Google Maps »</a></div>
<address>
Address Line 1<br />
Address Line 2<br />
Town/City<br />
Postcode/Zip<br />
<br />
Tel: xxxx xxxx xxxxxx<br />
Email: <a href="#">[email protected]</a>
</address>
</div>
<div class="fl_right">
<div id="social" class="clear">
<p>Stay Up to Date With Whats Happening</p>
<ul>
<li><a style="background-position:0 0;" href="#">Twitter</a></li>
<li><a style="background-position:-72px 0;" href="#">LinkedIn</a></li>
<li><a style="background-position:-142px 0;" href="#">Facebook</a></li>
<li><a style="background-position:-212px 0;" href="#">Flickr</a></li>
<li><a style="background-position:-282px 0;" href="#">RSS</a></li>
</ul>
</div>
<div id="newsletter">
<form action="#" method="post">
<fieldset>
<legend>Subscribe To Our Newsletter:</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="text" id="subscribe" value="Submit" />
</fieldset>
</form>
</div>
</div>
<div id="copyright" class="clear">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
</div>
<!--
###################################################################################
#################### -->
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Elegant Typo
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Elegant Typo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div id="container">
<div id="head">
<div id="logo">
<h1><a href="index.html"><strong><span>E</span>leg</strong><span>ant
Typo</span></a></h1>
</div>
<div id="social">
<ul>
<li><a href="#"><img src="images/bookmarks/rss.jpg" alt="RSS" /></a></li>
<li><a href="#"><img src="images/bookmarks/twitter.jpg" alt="Twitter"
/></a></li>
<li><a href="#"><img src="images/bookmarks/delicious.jpg" alt="Del.icio.us"
/></a></li>
<li><a href="#"><img src="images/bookmarks/reddit.jpg" alt="reddit"
/></a></li>
<li><a href="#"><img src="images/bookmarks/stumbleupon.jpg"
alt="Stumbleupon" /></a></li>
<li><a href="#"><img src="images/bookmarks/facebook.jpg" alt="Add to:
Facebook" /></a></li>
<li><a href="#"><img src="images/bookmarks/digg.jpg" alt="Digg" /></a></li>
<li class="last"><a href="#"><img src="images/bookmarks/yahoo.jpg" alt="Y!
MyWeb" /></a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="submit" name="go" id="go" value="GO" />
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
</fieldset>
</form>
</div>
<div id="quicklinks">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li class="last"><a href="#">E-Newsletter</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="content">
<div id="introbox">
<div>{</div>
<h2>A typographical website template.</h2>
<p>Elegant Typo is an imageless free HTML website template that only uses
CSS for layout styling.</p>
</div>
<!-- Content Box -->
<div class="homecontent">
<ul>
<li>
<p class="imgholder"><img src="images/demo/286x100.gif" alt="" /></p>
<h2>About This Template</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="last">
<p class="imgholder"><img src="images/demo/286x100.gif" alt="" /></p>
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
</ul>
<div class="clear"></div>
</div>
<!-- Content Box -->
<div class="homecontent">
<ul>
<li>
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus
dui ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore2"><a href="#">Read More »</a></p>
</li>
<li class="last">
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus
dui ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore2"><a href="#">Read More »</a></p>
</li>
</ul>
<div class="clear"></div>
</div>
<!-- /Box -->
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
</div>
<div id="rightblock">
<div id="navi">
<ul>
<li><a class="active" href="index.html">Homepage</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">Link Text 1</a></li>
<li><a href="#">Link Text 2</a></li>
</ul>
</div>
<div class="holder">
<h2>Indonectetus facilis leo nibh</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<div class="readmore"><a href="#">Read More »</a></div>
</div>
<div class="holder"><img src="images/demo/230x100.gif" alt="" width="230"
height="100" />
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna.</p>
<div class="readmore"><a href="#">Read More »</a></div>
</div>
<div class="holder">
<h2>Lorem ipsum dolor</h2>
<p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia
sed.</p>
<ul>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li>Etiam vel sapien et</li>
<li><a href="#">Etiam vel sapien et</a></li>
</ul>
<p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia
sed. Condimentumsantincidunt dui mattis magna intesque purus orci augue lor
nibh.</p>
<div class="readmore"><a href="#">Read More »</a></div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div id="contactform">
<h2>Why Not Contact Us Today !</h2>
<form action="#" method="post">
<fieldset>
<legend>Contact Form</legend>
<label for="fullname">Name:
<input id="fullname" name="fullname" type="text" value="" />
</label>
<label for="emailaddress" class="margin">Email:
<input id="emailaddress" name="emailaddress" type="text" value="" />
</label>
<label for="phone">Telephone:
<input id="phone" name="phone" type="text" value="" />
</label>
<label for="subject" class="margin">Subject:
<input id="subject" name="subject" type="text" value="" />
</label>
<label for="message">Message:<br />
<textarea id="message" name="message" cols="40" rows="4"></textarea>
</label>
<p>
<input id="submitform" name="submitform" type="submit"
value="Submit" />
<input id="resetform" name="resetform" type="reset" value="Reset" />
</p>
</fieldset>
</form>
</div>
<!-- End Contact Form -->
<div id="compdetails">
<div id="officialdetails">
<h2>Company Information !</h2>
<ul>
<li>Company Name Ltd</li>
<li>Registered in England & Wales</li>
<li>Company No. xxxxxxx</li>
<li class="last">VAT No. xxxxxxxxx</li>
</ul>
<h2>Stay in The Know !</h2>
<p><a href="#">Get Our E-Newsletter</a> | <a href="#">Grab The RSS
Feed</a></p>
</div>
<div id="contactdetails">
<h2>Our Contact Details !</h2>
<ul>
<li>Company Name</li>
<li>Street Name & Number</li>
<li>Town</li>
<li>Postcode/Zip</li>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li>Fax: xxxxx xxxxxxxxxx</li>
<li>Email: [email protected]</li>
<li class="last">LinkedIn: <a href="#">Company Profile</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- End Company Details -->
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html><!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>Elements</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Element</a>s</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h2>Recent Updates</h2>
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor totique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat.
Curabitur malesuada lorem ipsum dolorem. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse
lorem ipsum dolorem potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h3>Suspendis potenti</h3>
<p>Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus
lorem ipsum dolorem placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. <a href="#">More…</a></p>
</div>
<div id="colTwo">
<h2>Welcome to Primitive Element!</h2>
<p><em><strong>Elements</strong></em> is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare.</p>
</div>
<div id="colThree">
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sed bibendum tellus id</a></li>
<li><a href="#">Vivamus commodo</a></li>
<li><a href="#">Sed bibendum risus atis</a></li>
<li><a href="#">Nulla ullamcorper arcu</a></li>
<li><a href="#">Vestibulum ultricies dui</a></li>
<li><a href="#">Proin a dui non elit</a></li>
<li><a href="#">Praesent utumsan</a></li>
<li><a href="#">In posuere risus ac felis</a></li>
<li><a href="#">Proin facilisis sagittis</a></li>
<li><a href="#">In fringilla aliquet odio</a></li>
<li><a href="#">Quisque sodales arcu</a></li>
<li><a href="#">Nam tincidunt consec</a></li>
</ul>
<h2>Nulla vel mollis</h2>
<ul>
<li><a href="#">Pellentesque consequat</a></li>
<li><a href="#">Morbi condimentum</a></li>
<li><a href="#">Cras tempor pulvinar</a></li>
<li><a href="#">Pellentesque vel magna</a></li>
<li><a href="#">Purus placerat imperdiet</a></li>
<li><a href="#">Duis ultrices pede vel</a></li>
<li><a href="#">Etiam eu libero eget est</a></li>
<li><a href="#">Faucibus fermentum.</a></li>
<li><a href="#">Vestibulum vulputate</a></li>
<li><a href="#">Cras sollicitudin pede et</a></li>
<li><a href="#">Maecenas interdum ante</a></li>
<li><a href="#">Nullam lacinia eleifend</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Elemenst. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>EliteCircle</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/EliteCircle.css" type="text/css" />
</head>
<body>
<div id="header">
<div id="header-content">
<h1 id="logo">Elite<span class="orange">Circle</span></h1>
<h2 id="slogan">Put your site slogan here...</h2>
<div id="header-links">
<p> <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">Site Map</a>
</p>
</div>
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</div>
<div id="content-wrap">
<div id="content">
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><a href="#"><img src="images/sample-image.jpg" width="174" height="140"
alt="firefox-gray" class="float-left" /></a> <strong>EliteCircle 1.0</strong> is a
free, W3C-compliant, CSS-based website template by <a
href="http://www.styleshout.com/">styleshout.com</a>. This work is distributed
under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5 License</a>, which means that you are free to use
and modify it for any purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Jan 09,
2007</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>here is an example of </li>
<li>an ordered list</li>
</ol>
<ul>
<li>here is an example of </li>
<li>an unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p> <a href="#"><img src="images/sample-image.jpg" width="174" height="140"
alt="sample image" class="float-left" /></a> Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna.
Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere
nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="35" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="35" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" value="Submit" type="submit" />
</p>
</form>
<br />
</div>
<div id="sidebar">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">TemplateInfo</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Templates...</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"No man becomes rich unless he enriches others."</p>
<p class="align-right">- Andrew Carnegie</p>
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
</div>
</div>
<div id="footer">
<div id="footer-content">
<div class="col float-left space-sep">
<h2>Site Partners</h2>
<ul class="columns">
<li class="top"><a href="#"><strong>Dreamhost</strong> - Excellent
Webhosting at $7.95/mo</a></li>
<li><a href="#"><strong>4templates</strong> - Low Cost Hi-Quality
Templates</a></li>
<li><a href="#"><strong>TemplateMonster</strong> - Best templates on the
net!</a></li>
<li><a href="#"><strong>Fotolia</strong> - Free stock images or from
$1</a></li>
<li><a href="#"><strong>Text Link Ads</strong> - Easiest. Money.
Ever.</a></li>
</ul>
</div>
<div class="col float-left">
<h2>Links</h2>
<ul class="columns">
<li class="top"><a href="#"><strong>openwebdesign.org</strong></a></li>
<li><a href="#"><strong>OSWD.org</strong></a></li>
<li><a href="#"><strong>opendesigns.org</strong></a></li>
<li><a href="#"><strong>Alistapart</strong></a></li>
<li><a href="#"><strong>CSS Remix</strong></a></li>
</ul>
</div>
<div class="col2 float-right">
<p> © copyright 2006 <strong>Your Company Name</strong><br />
Design by: <a href="http://www.styleshout.com/">styleshout</a>
Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> |
<a href="http://validator.w3.org/check/referer">XHTML</a> </p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">RSS Feed</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
</body>
</html>
<!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>EliteCircle</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/EliteCircle.css" type="text/css" />
</head>
<body>
<div id="header">
<div id="header-content">
<h1 id="logo">Elite<span class="orange">Circle</span></h1>
<h2 id="slogan">Put your site slogan here...</h2>
<div id="header-links">
<p> <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">Site Map</a>
</p>
</div>
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</div>
<div id="content-wrap">
<div id="content">
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><a href="#"><img src="images/sample-image.jpg" width="174" height="140"
alt="firefox-gray" class="float-left" /></a> <strong>EliteCircle 1.0</strong> is a
free, W3C-compliant, CSS-based website template by <a
href="http://www.styleshout.com/">styleshout.com</a>. This work is distributed
under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5 License</a>, which means that you are free to use
and modify it for any purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Jan 09,
2007</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>here is an example of </li>
<li>an ordered list</li>
</ol>
<ul>
<li>here is an example of </li>
<li>an unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p> <a href="#"><img src="images/sample-image.jpg" width="174" height="140"
alt="sample image" class="float-left" /></a> Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna.
Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere
nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum.
Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper nonummy,
mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="35" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="35" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" value="Submit" type="submit" />
</p>
</form>
<br />
</div>
<div id="sidebar">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">TemplateInfo</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Templates...</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
<h1>Wise Words</h1>
<p>"No man becomes rich unless he enriches others."</p>
<p class="align-right">- Andrew Carnegie</p>
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute,
you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
</div>
</div>
<div id="footer">
<div id="footer-content">
<div class="col float-left space-sep">
<h2>Site Partners</h2>
<ul class="columns">
<li class="top"><a href="#"><strong>Dreamhost</strong> - Excellent
Webhosting at $7.95/mo</a></li>
<li><a href="#"><strong>4templates</strong> - Low Cost Hi-Quality
Templates</a></li>
<li><a href="#"><strong>TemplateMonster</strong> - Best templates on the
net!</a></li>
<li><a href="#"><strong>Fotolia</strong> - Free stock images or from
$1</a></li>
<li><a href="#"><strong>Text Link Ads</strong> - Easiest. Money.
Ever.</a></li>
</ul>
</div>
<div class="col float-left">
<h2>Links</h2>
<ul class="columns">
<li class="top"><a href="#"><strong>openwebdesign.org</strong></a></li>
<li><a href="#"><strong>OSWD.org</strong></a></li>
<li><a href="#"><strong>opendesigns.org</strong></a></li>
<li><a href="#"><strong>Alistapart</strong></a></li>
<li><a href="#"><strong>CSS Remix</strong></a></li>
</ul>
</div>
<div class="col2 float-right">
<p> © copyright 2006 <strong>Your Company Name</strong><br />
Design by: <a href="http://www.styleshout.com/">styleshout</a>
Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> |
<a href="http://validator.w3.org/check/referer">XHTML</a> </p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">RSS Feed</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
</body>
</html>
<!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>Emerald</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
<div id="header">
<h1><a href="#">Emerald</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="primaryContentContainer">
<div id="primaryContent">
<h2>Welcome to Sitename.com!</h2>
<p><strong>Emerald</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<h3>Example Blockquote</h3>
<blockquote>
<p>"Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu
eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus."</p>
</blockquote>
<h3>Example Unordered List</h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Example Table</h3>
<table>
<tr class="rowH">
<th>Date</th>
<th>Title</th>
<th>Description</th>
</tr>
<tr class="rowA">
<td>December 1, 2006</td>
<td>Sed vestibulum blandit</td>
<td>Vivamus sollicitudin dolor sit amet eros. Vivamus ligula. Sed
pretium turpis eu ipsum. Sed rutrum sapien id arcu.</td>
</tr>
<tr class="rowB">
<td>November 28, 2006</td>
<td>Augue non nibh</td>
<td>Nam adipiscing urna ac consequat dignissim massa est sodales
sem.</td>
</tr>
<tr class="rowA">
<td>November 23, 2006</td>
<td>Fusce ut diam bibendum</td>
<td>Vestibulum quis urn nulla facilis nam malesuada cursus turpis.</td>
</tr>
<tr class="rowB">
<td>November 21, 2006</td>
<td>Maecenas et ipsum</td>
<td>Vivamus mi lectus gravida scelerisque, ultrices vitae cursus in
neque.</td>
</tr>
</table>
</div>
</div>
<div id="secondaryContent">
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum
erat. Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<ul>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
</ul>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h3>Ipsum Dolorem</h3>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div id="tertiaryContent">
<h3>Lorem ipsum dolor</h3>
<p>Vivamus sagittis bibendum erat. Curabitur lorem ipsum dolore malesuada. <a
href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<ul>
<li><a href="#">Vivamus id arcu</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Pellentesque at lorem</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Ipsum vitae felis</a></li>
<li><a href="#">Integer facilisis</a></li>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
<h3>Malesuada vivamus</h3>
<ul>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Integer facilisis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Pellentesque at lorem</a></li>
<li><a href="#">Ipsum vitae felis</a></li>
<li><a href="#">Sagittis Bibendum Erat</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Copyright © 2007 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
<?xml version="1.0"?>
<!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="cs" lang="cs">
<head>
<title>EmeraldX</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen,projection" type="text/css"
href="css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="css/aural.css" />
</head>
<body id="www-url-cz">
<div id="main" class="box">
<div id="header">
<h1 id="logo"><a href="#">Emerald<strong>X</strong><span></span></a></h1>
<hr class="noscreen" />
<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a
href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr />
</div>
<div id="search" class="noprint">
<form action="#" method="get">
<fieldset>
<legend>Search</legend>
<label><span class="noscreen">Find:</span> <span id="search-input-out">
<input type="text" name="" id="search-input" size="30" />
</span></label>
<input type="image" src="design/search_submit.gif" id="search-submit"
value="OK" />
</fieldset>
</form>
</div>
</div>
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3>
<ul class="box">
<li><a href="#">Home<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li id="active"><a href="#">Weblog<span class="tab-l"></span><span
class="tab-r"></span></a></li>
<li><a href="#">About Me<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Photos<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Portfolio<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Contact<span class="tab-l"></span><span class="tab-
r"></span></a></li>
<li><a href="#">Links<span class="tab-l"></span><span class="tab-
r"></span></a></li>
</ul>
<hr class="noscreen" />
</div>
<div id="page" class="box">
<div id="page-in" class="box">
<div id="strip" class="box noprint">
<p id="rss"><strong>RSS:</strong> <a href="#">articles</a> / <a
href="#">comments</a></p>
<hr class="noscreen" />
<p id="breadcrumbs">You are here: <a href="#">Home</a> > <a
href="#">Category</a> > <strong>Page</strong></p>
<hr class="noscreen" />
</div>
<div id="content">
<div class="article">
<h2><span><a href="#">This is my best article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
<div class="article">
<h2><span><a href="#">This is my third article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
<div class="article">
<h2><span><a href="#">This is my second article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
<div class="article">
<h2><span><a href="#">This is my first article</a></span></h2>
<p class="info noprint"> <span class="date">2007-01-01 @
00:01</span><span class="noscreen">,</span> <span class="cat"><a
href="#">Category</a></span><span class="noscreen">,</span> <span class="user"><a
href="#">My name</a></span><span class="noscreen">,</span> <span
class="comments"><a href="#">Comments</a></span> </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
pellentesque enim blandit enim bibendum blandit. Integer eu leo ac est aliquet
imperdiet. Quisque nec justo id augue posuere malesuada. Nullam ac metus. Cras non
leo ut est placerat condimentum. Aliquam ut enim. Quisque non sapien in enim
eleifend faucibus. Pellentesque sodales. Mauris auctor arcu sit amet felis. Donec
eget enim ut lacus pharetra condimentum. Nulla in felis vel tortor imperdiet
consectetuer. Sed id ante.</p>
<p class="btn-more box noprint"><strong><a
href="#">Continue</a></strong></p>
</div>
<hr class="noscreen" />
</div>
<div id="col" class="noprint">
<div id="col-in">
<h3><span><a href="#">About Me</a></span></h3>
<div id="about-me">
<p><img src="design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" />
<strong>John Doe</strong><br />
Age: 26<br />
Dallas, TX<br />
<a href="#">Profile on MySpace</a></p>
</div>
<hr class="noscreen" />
<h3><span>Category</span></h3>
<ul id="category">
<li id="category-active"><a href="#">Selected category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Category</a></li>
</ul>
<hr class="noscreen" />
<h3><span>Archive</span></h3>
<ul id="archive">
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li id="archive-active"><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
<hr class="noscreen" />
<h3><span>Links</span></h3>
<ul id="links">
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
<li><a href="#">Something</a></li>
</ul>
<hr class="noscreen" />
</div>
</div>
</div>
</div>
<div id="footer">
<div id="top" class="noprint">
<p><span class="noscreen">Back on top</span> <a href="#header" title="Back on
top ^">^<span></span></a></p>
</div>
<hr class="noscreen" />
<p id="copyright">© 2007 <a href="#">Home</a> | EmeraldX by <a
href="http://www.kendahlin.com/">Ken Dahlin</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Empire Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<link href="global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Container">
<div id="Menu"> <a href="#">Home</a> | <a href="infopage.html">Info Layout</a> |
<a href="details.html">Details Layout</a></div>
<div id="Top">
<h1>Empire Server<sup>1.0</sup></h1>
<h3>Your one and only web design solution</h3>
</div>
<!-- All Slopes have OverFlow:auto so you can add as much or as little text as
you like -->
<!-- Three Slopes -->
<div id="ThreeHolder">
<div id="SlopeONE">
<h2>Email Hosting</h2>
<p><a href="#"><img src="server.gif" alt="Email Hosting" width="173"
height="149" border="0" /></a></p>
<a href="#">Only £19 per year</a>
<p>Domain of your choice for £9.99<br />
<strong>10Mb hosting +150MB monthly bandwidth</strong> plenty for email
services. <br />
(<a href="#">This will allow for around 1,000 emails every month</a>).</p>
</div>
<div id="SlopeTWO">
<h2>Basic Hosting</h2>
<p><a href="#"><img src="server2.gif" alt="Basic Hosting" width="173"
height="149" border="0" /></a></p>
<a href="#">Only £29 per year</a>
<p>One .co.uk or .com domain name <br />
(no extra charge) <br />
<strong>50Mb hosting + 1.5Gb monthly bandwidth</strong> <br />
<a href="#">Allowing for around 10,000 page views a month</a></p>
</div>
<div id="SlopeTHREE">
<h2>Ecommerce Hosting</h2>
<p><a href="#"><img src="server3.gif" alt="Ecommerce Hosting" width="173"
height="149" border="0" /></a></p>
<a href="#">Only £39 per year</a>
<p>One .co.uk or .com domain name <br />
(no extra charge) <br />
<strong>200Mb hosting + 4Gb monthly bandwidth</strong><br />
<a href="#">Allowing for around 40,000 page views a month</a></p>
</div>
</div>
<!-- Two Slopes -->
<div id="TwoHolder">
<div id="SlopeA">
<p><strong>Lorem ipsum dolor sit amet</strong><br />
consectetuer adipiscing elit. Sed tortor massa, fermentum <a
href="#">convallis</a>, imperdiet vitae, aliquam vel, eros. Morbi vehicula diam nec
nisi mattis pretium. Maecenas pretium massa id augue.</p>
<br />
</div>
<div id="SlopeB">
<p><img src="linux-logo.gif" alt="Linux Logo" width="120" height="143"
align="left" style="padding-right:10px"/><strong>Lorem ipsum dolor sit
amet</strong><br />
consectetuer adipiscing elit. Sed tortor massa, fermentum convallis,
imperdiet vitae, aliquam vel, eros. Morbi vehicula diam nec nisi mattis pretium. <a
href="#">Maecenas</a> pretium massa id augue.</p>
<p><strong>Lorem ipsum dolor sit amet</strong><br />
consectetuer adipiscing elit. Sed tortor massa, fermentum convallis,
imperdiet vitae, aliquam vel, eros. Morbi vehicula diam nec nisi mattis pretium.
Maecenas pretium massa id augue.</p>
<p> </p>
</div>
</div>
<!-- Well and now just one Slope
You can Mix move the slopes up and down -->
<div id="OneSlope">
<p><strong>All the details you need to know about our domain
prices.</strong></p>
</div>
<p><img src="pic_site_security.gif" alt="Lorem ipsum" width="151" height="99"
align="left" style="padding-right:20px"/>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Sed tortor massa, fermentum convallis, imperdiet vitae, aliquam
vel, eros. Morbi vehicula diam nec nisi mattis pretium.</p>
<p> Maecenas pretium massa id augueLorem ipsum dolor sit amet, consectetuer
adipiscing elit. Sed tortor massa, fermentum convallis, imperdiet vitae, aliquam
vel, eros.Morbi vehicula diam nec nisi mattis pretium. Maecenas pretium massa id
augue.</p>
<p><img src="lamp-icon.gif" alt="Lorem ipsum" width="150" height="81"
align="left" style="padding-right:20px"/>Lorem ipsum dolor sit amet, <a
href="#">consectetuer adipiscing elit.</a> Sed tortor massa, fermentum convallis,
imperdiet vitae, aliquam vel, eros. Maecenas pretium massa id augueLorem ipsum
dolor sit amet, consectetuer adipiscing elit. Sed tortor massa, fermentum
convallis, imperdiet vitae, aliquam vel, eros.Morbi vehicula diam nec nisi mattis
pretium. Maecenas pretium massa id augue. Maecenas pretium massa id augueLorem
ipsum dolor sit amet, consectetuer adipiscing elit. Sed tortor massa, fermentum
convallis, imperdiet vitae, aliquam vel, eros.Morbi vehicula diam nec nisi mattis
pretium. Maecenas pretium massa id augue.</p>
<p><strong>Lorem ipsum dolor sit amet</strong><br />
consectetuer adipiscing elit. Sed tortor massa, fermentum convallis, <a
href="#">imperdiet</a> vitae, aliquam vel, eros. Maecenas pretium massa id
augueLorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tortor massa,
fermentum <a href="#">convallis</a>, imperdiet vitae, aliquam vel, eros.Morbi
vehicula diam nec nisi mattis pretium. Maecenas pretium massa id augue. Maecenas
pretium massa id augueLorem ipsum dolor sit amet, consectetuer elit. <a
href="#">Sed</a> tortor massa, fermentum convallis, imperdiet vitae, aliquam vel,
eros.Morbi vehicula diam nec nisi mattis pretium. Maecenas pretium massa id
augue.</p>
<div id="Footer"> <a href="#">Terms</a> | <a href="#">Privacy</a> | <a
href="#">News</a> |<a href="#">About Us</a> |<a href="#">Contact Us</a> |<a
href="#">Affiliates</a> |<a href="#">Free Hosting</a><br />
<a href="http://www.empire-elements.co.uk" title="Designed and Developed by
Empire Elemens">Designed and Developed by Empire Elemens</a> | Licenced under <a
href="http://creativecommons.org/licenses/by-nc-sa/2.0/uk/">Creative Commons
Attribution-Noncommercial-Share Alike 2.0 UK</a></div>
</div>
</body>
</html>
<!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">
<head>
<title>andreas01 v2.5</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="andreas01.css"
media="screen,projection" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1><a href="#">andreas01 v2.5</a></h1>
<p>Included layouts: <a href="#">3-col</a> · <a href="index2.html">2-col
a</a> · <a href="index3.html">2-col b</a> · <a
href="print.html">Print</a></p>
</div>
<img id="frontphoto" src="img/front.jpg" width="760" height="175" alt="" />
<div id="leftside">
<h2 class="hide">Menu:</h2>
<ul class="avmenu">
<li><a class="current" href="#">Home</a></li>
<li><a href="index2.html">2-column layout A</a></li>
<li><a href="index3.html">2-column layout B</a></li>
<li><a href="#">Subpage demo</a>
<ul>
<li><a href="#">Subpage 1</a></li>
<li><a href="#">Subpage 2</a></li>
</ul>
</li>
<li><a href="print.html">Print stylesheet</a></li>
</ul>
<div class="announce">
<h2>Version history</h2>
<p>Previous versions of the andreas01 website template:</p>
<p><strong>Jan 11, 2007:</strong><br />
Improved: v2.5!</p>
<p><strong>June 25, 2006:</strong><br />
Major upgrade: v2.0.</p>
<p><strong>June 25, 2005:</strong><br />
First release: v1.0.</p>
<p class="textright"><a href="#">Read more...</a></p>
</div>
</div>
<div id="extras">
<h2>Sample text:</h2>
<p>The andreas01 template has a simple but useful layout: a fixed-width 3-
column page with a header and a footer. The template can be used in many diffferent
ways, and it should be a great starting point for you to customize, play with and
add your own personal touch to.</p>
<h2>Sample links:</h2>
<ul>
<li><a href="#">Free templates</a></li>
<li><a href="#">WordPress themes</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">Made in Jokkmokk</a></li>
<li><a href="http://validator.w3.org/check/referer" title="W3.org XHTML
validator">Valid XHTML</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer" title="W3.org
CSS validator">Valid CSS</a></li>
</ul>
<h2>Version:</h2>
<p>andreas01 v2.5</p>
</div>
<div id="content">
<h2>Welcome to andreas01!</h2>
<p>This is a free XHTML/CSS website template, a great tool that makes it
possible for people with no web design experience to build a really good website!
You are completely free to make any changes and modifications that you may want to,
and use the template for any purpose without any obligations or limitations. I
kindly ask you to leave the original design credits in the footer to support my
template design work, but it is not any requirement.</p>
<img src="img/test2.jpg" height="160" width="120" class="right" alt="Example
content image - aligned to the right" />
<p>This template has been ported into themes for a number of different blogs
and content management systems. An official WordPress theme version is available,
and other ports are available as well. If you port this template into a CMS theme
for public distribution, feel free to contact the template author to put your port
on the list.</p>
<h3>Adding your own header image</h3>
<p>The default header image shows a snowy street in the small town of Porjus,
northern Sweden. It is easy to add a custom header. Just replace front.jpg with an
image of your own! If you use the same file name and image size as the default
image, 760x175 pixels, you don't need to edit the header image tag at all.</p>
</div>
<div id="footer">
<p>Copyright © 2007 <a href="#">Your Name</a> · Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a
href="#">Homepage</a></p>
</div>
</div>
</body>
</html>
<!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>Enlight</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="topmenu">
<ul>
<li><a href="#" id="topmenu1" accesskey="1">Home</a></li>
<li><a href="#" id="topmenu2" accesskey="2">Contact</a></li>
<li><a href="#" id="topmenu3" accesskey="3">Sitemap</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Enlight</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="main">
<div id="welcome">
<h2>Welcome to Enlight!</h2>
<p><strong>Enlight</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
</div>
<div id="example">
<h2>A Few Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Viverra
vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
</ul>
</div>
</div>
<div id="partners" class="boxed">
<h2 class="title">Partners</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Enlight. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Enlighten</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Enlighten.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<div id="logo-box">
<h1 id="logo">enlighten</h1>
<h2 id="slogan">Put your site slogan here...</h2>
</div>
<div class="headerphoto"></div>
</div>
<div id="menu">
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="content-wrap">
<div id="content">
<div id="sidebar" >
<div class="sidebox">
<h1>Short About</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis
aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p>
</div>
<div class="sidebox">
<h1 class="clear">Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Templates...</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Wise Words</h1>
<p>"If my life is fruitless, it does not matter who praises me, and
if my life is fruitful, it does not matter who criticizes me."</p>
<p class="align-right">- John Bunyan</p>
</div>
<div class="sidebox">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to
contribute, you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
<div class="sidebox">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
</div>
<div id="main">
<div class="post"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p>Posted by <a href="#">ealigam</a></p>
<p><strong>Enlighten 1.0</strong> is a free, W3C-compliant, CSS-based
website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Jan 09,
2007</span> </p>
</div>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p> <a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="121" alt="firefox-gray" class="float-left" /></a> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius
lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum,
dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna.
Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget
fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor
ipsum. Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper
nonummy, mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
</div>
<div id="footer">
<p> © 2006 <strong>Your Company</strong> | design by: <a
href="#"><strong>styleshout</strong></a> | Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer"><strong>CSS</strong></a> | <a
href="http://validator.w3.org/check/referer"><strong>XHTML</strong></a> </p>
</div>
</div>
</body>
</html>
<!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>Enlighten</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Enlighten.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<div id="logo-box">
<h1 id="logo">enlighten</h1>
<h2 id="slogan">Put your site slogan here...</h2>
</div>
<div class="headerphoto"></div>
</div>
<div id="menu">
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="content-wrap">
<div id="content">
<div id="sidebar" >
<div class="sidebox">
<h1>Short About</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis
aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p>
</div>
<div class="sidebox">
<h1 class="clear">Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Templates...</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#" class="top">Dreamhost</a></li>
<li><a href="#">4templates</a></li>
<li><a href="#">TemplateMonster</a></li>
<li><a href="#">Fotolia.com</a></li>
<li><a href="#">Text Link Ads</a></li>
</ul>
</div>
<div class="sidebox">
<h1>Wise Words</h1>
<p>"If my life is fruitless, it does not matter who praises me, and
if my life is fruitful, it does not matter who criticizes me."</p>
<p class="align-right">- John Bunyan</p>
</div>
<div class="sidebox">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to
contribute, you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
<div class="sidebox">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
</div>
<div id="main">
<div class="post"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p>Posted by <a href="#">ealigam</a></p>
<p><strong>Enlighten 1.0</strong> is a free, W3C-compliant, CSS-based
website template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Jan 09,
2007</span> </p>
</div>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li><span>example of ordered list</span></li>
<li><span>uses span to color the numbers</span></li>
</ol>
<ul>
<li><span>example of unordered list</span></li>
<li><span>uses span to color the bullets</span></li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p> <a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="121" alt="firefox-gray" class="float-left" /></a> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius
lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum,
dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna.
Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget
fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor
ipsum. Aliquam ornare diam iaculis nibh. Proin luctus, velit pulvinar ullamcorper
nonummy, mauris enim eleifend urna, congue egestas elit lectus eu est. </p>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
</div>
<div id="footer">
<p> © 2006 <strong>Your Company</strong> | design by: <a
href="#"><strong>styleshout</strong></a> | Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer"><strong>CSS</strong></a> | <a
href="http://validator.w3.org/check/referer"><strong>XHTML</strong></a> </p>
</div>
</div>
</body>
</html>
<!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>Enter</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="first"><a href="#" id="menu1" accesskey="1">Homepage</a></li>
<li><a href="#" id="menu2" accesskey="2">Services</a></li>
<li><a href="#" id="menu3" accesskey="3">Products</a></li>
<li><a href="#" id="menu4" accesskey="4">About</a></li>
<li><a href="#" id="menu5" accesskey="5">Contact</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">Enter</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colA">
<div id="welcome" class="boxedA">
<h2>Welcome to Enter!</h2>
<img src="images/img10.jpg" alt="" width="130" height="150" style="float:
right; margin: 1.5em 0 0 1.5em;" />
<p><strong>Enter</strong> is a free template from Free CSS Templates released
under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons
Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free to use it
for both commercial or personal use. I only ask that you link back to my site in
some way. Enjoy :)</p>
</div>
<div id="news" class="boxedA">
<h2>Recent News & Updates</h2>
<ul>
<li>
<h3>26th February 2007</h3>
<p>Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem
urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque
imperdiet. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget,
tempus quis, ultrices in, est.</p>
<p class="more"><a href="#">Read More</a></p>
</li>
<li>
<h3>19th February 2007</h3>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi amet.
Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat.
Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis
convallis, rutrum id elementum congue.</p>
<p class="more"><a href="#">Read More</a></p>
</li>
</ul>
</div>
</div>
<div id="colB">
<div class="boxedB">
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Maecenas luctus lectus</a></li>
<li><a href="#">Etiam rhoncus volutpat</a></li>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Integer gravida nibh</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Praesent scelerisque</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus quam</a></li>
</ul>
</div>
<div class="boxedC">
<h2>Veroeros Etiam </h2>
<ul>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Integer gravida nibh</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Praesent scelerisque</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus quam</a></li>
<li><a href="#">Fusce ultrices fringilla</a></li>
<li><a href="#">Praesent mattis condimentum</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2007 Enter. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>Entomology</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Entomology</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
</div>
<div id="wrapper">
<div id="sidebar">
<div id="menu">
<h2>Navigation Menu</h2>
<ul>
<li><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Forums</a></li>
<li><a href="#" accesskey="6">Join Us</a></li>
<li><a href="#" accesskey="7">Contact Us</a></li>
</ul>
</div>
<div id="testimonial">
<h2>Testimonial</h2>
<blockquote>
<p>“Donec leo, vivamus fermentum nibh in augue praesent a lacus at
urna congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum
id, congue, and nibh.”</p>
<p><em>Jane Smith</em><br />
<a href="#">www.example.com</a></p>
</blockquote>
</div>
</div>
<div id="content">
<div id="welcome">
<p class="image-right"><img src="images/img200x150.jpg" alt="" width="200"
height="150" /></p>
<h2>Welcome to Entomology!</h2>
<p><strong>Entomology</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. Enjoy :)</p>
</div>
<div id="example">
<h2>Common Markup Examples</h2>
<p>This is a paragraph followed by an unordered list of links. Quisque dictum
integer nisl risus, sagittis convallis, rutrum id, congue, and nibh. In posuere
eleifend odio quisque semper augue mattis wisi maecenas ligula.</p>
<ul>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li>
</ul>
<h3>A Heading Level Three</h3>
<blockquote>
<p>This is a blockquote. Quisque dictum integer nisl risus, sagittis
convallis, rutrum id, congue, and nibh. In posuere eleifend odio quisque semper
augue mattis wisi maecenas ligula.</p>
</blockquote>
<h3>A Heading Level Three</h3>
<p>Another paragraph example followed by an ordered list:</p>
<ol>
<li>Integer sit amet pede vel arcu aliquet pretium.</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
</ol>
</div>
</div>
<div style="height: 1px; clear: both;"></div>
</div>
<div id="footer">
<hr />
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a> | <a
href="#">RSS Feeds</a></p>
<p id="legal">Copyright © 2007 Entomology. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>Envision</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Envision.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo-text">envision</h1>
<h2 id="slogan">put your site slogan here...</h2>
<div id="header-links">
<p> <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">Site Map</a>
</p>
</div>
</div>
<div id="menu">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li class="last"><a href="#">About</a></li>
</ul>
</div>
<div id="content-wrap">
<div id="sidebar">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Links</h1>
<ul class="sidemenu">
<li><a href="#">PDPhoto.org</a></li>
<li><a href="#">Squidfingers</a></li>
<li><a href="#">Alistapart</a></li>
<li><a href="#">CSS Remix</a></li>
<li><a href="#">Dark Eye</a></li>
</ul>
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#"><strong>4templates</strong></a> <br />
Low Cost Hi-Quality Templates</li>
<li><a href="#"><strong>TemplateMonster</strong></a> <br />
Delivering the Best Templates on the Net!</li>
<li><a href="#"><strong>Fotolia</strong></a> <br />
Free stock images or from $1</li>
<li><a href="#"><strong>Text Link Ads</strong></a> <br />
Monetized your website</li>
<li><a href="#"><strong>Dreamhost</strong></a> <br />
Premium webhosting</li>
</ul>
<h1>Wise Words</h1>
<div class="left-box">
<p>"Evaluation of the past is the first step toward vision for the
future." </p>
<p class="align-right">- Chris Widener</p>
</div>
<h1>Support Styleshout</h1>
<div class="left-box">
<p>If you are interested in supporting my work and would like to
contribute, you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Envision 1.0</strong> is a free, W3C-compliant, CSS-based website
template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Oct 01,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>Here is an example</li>
<li>of an ordered list</li>
</ol>
<ul>
<li>Here is an example</li>
<li>of an unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. </p>
<h3>Table Styling</h3>
<table>
<tr>
<th class="first"><strong>post</strong> date</th>
<th>title</th>
<th>description</th>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="#">Augue non nibh</a></td>
<td><a href="#">Lobortis commodo metus vestibulum</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="#">Fusce ut diam bibendum</a></td>
<td><a href="#">Purus in eget odio in sapien</a></td>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="#">Maecenas et ipsum</a></td>
<td><a href="#">Adipiscing blandit quisque eros</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="#">Sed vestibulum blandit</a></td>
<td><a href="#">Cras lobortis commodo metus lorem</a></td>
</tr>
</table>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
<div id="footer">
<p> © 2006 <strong>Your Company</strong> | Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<a href="#">Home</a> | <a
href="#">Sitemap</a> | <a href="#">RSS Feed</a> </p>
</div>
</div>
</body>
</html>
<!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>Envision</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="images/Envision.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo-text">envision</h1>
<h2 id="slogan">put your site slogan here...</h2>
<div id="header-links">
<p> <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">Site Map</a>
</p>
</div>
</div>
<div id="menu">
<ul>
<li id="current"><a href="#">Home</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li class="last"><a href="#">About</a></li>
</ul>
</div>
<div id="content-wrap">
<div id="sidebar">
<h1>Search Box</h1>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h1>Sidebar Menu</h1>
<ul class="sidemenu">
<li><a href="#">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="#">More Free Templates</a></li>
<li><a href="#">Premium Templates</a></li>
</ul>
<h1>Links</h1>
<ul class="sidemenu">
<li><a href="#">PDPhoto.org</a></li>
<li><a href="#">Squidfingers</a></li>
<li><a href="#">Alistapart</a></li>
<li><a href="#">CSS Remix</a></li>
<li><a href="#">Dark Eye</a></li>
</ul>
<h1>Sponsors</h1>
<ul class="sidemenu">
<li><a href="#"><strong>4templates</strong></a> <br />
Low Cost Hi-Quality Templates</li>
<li><a href="#"><strong>TemplateMonster</strong></a> <br />
Delivering the Best Templates on the Net!</li>
<li><a href="#"><strong>Fotolia</strong></a> <br />
Free stock images or from $1</li>
<li><a href="#"><strong>Text Link Ads</strong></a> <br />
Monetized your website</li>
<li><a href="#"><strong>Dreamhost</strong></a> <br />
Premium webhosting</li>
</ul>
<h1>Wise Words</h1>
<div class="left-box">
<p>"Evaluation of the past is the first step toward vision for the
future." </p>
<p class="align-right">- Chris Widener</p>
</div>
<h1>Support Styleshout</h1>
<div class="left-box">
<p>If you are interested in supporting my work and would like to
contribute, you are welcome to make a small donation through the <a
href="http://www.styleshout.com/">donate link</a> on my website - it will be a
great help and will surely be appreciated.</p>
</div>
</div>
<div id="main"> <a name="TemplateInfo"></a>
<h1>Template Info</h1>
<p><strong>Envision 1.0</strong> is a free, W3C-compliant, CSS-based website
template by <strong><a
href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is
distributed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution
2.5 License</a>, which means that you are free to use and modify it for any
purpose. All I ask is that you include a link back to <a
href="http://www.styleshout.com/">my website</a> in your credits.</p>
<p>For more free designs, you can visit <a
href="http://www.styleshout.com/">my website</a> to see my other works.</p>
<p>Good luck and I hope you find my free templates useful!</p>
<p class="post-footer align-right"> <a href="#" class="readmore">Read
more</a> <a href="#" class="comments">Comments (7)</a> <span class="date">Oct 01,
2006</span> </p>
<a name="SampleTags"></a>
<h1>Sample Tags</h1>
<h3>Code</h3>
<p><code> code-sample { <br />
font-weight: bold;<br />
font-style: italic;<br />
} </code></p>
<h3>Example Lists</h3>
<ol>
<li>Here is an example</li>
<li>of an ordered list</li>
</ol>
<ul>
<li>Here is an example</li>
<li>of an unordered list</li>
</ul>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p>
</blockquote>
<h3>Image and text</h3>
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg"
width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id
urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede
condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus
suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla
velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. </p>
<h3>Table Styling</h3>
<table>
<tr>
<th class="first"><strong>post</strong> date</th>
<th>title</th>
<th>description</th>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="#">Augue non nibh</a></td>
<td><a href="#">Lobortis commodo metus vestibulum</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="#">Fusce ut diam bibendum</a></td>
<td><a href="#">Purus in eget odio in sapien</a></td>
</tr>
<tr class="row-a">
<td class="first">04.18.2007</td>
<td><a href="#">Maecenas et ipsum</a></td>
<td><a href="#">Adipiscing blandit quisque eros</a></td>
</tr>
<tr class="row-b">
<td class="first">04.18.2007</td>
<td><a href="#">Sed vestibulum blandit</a></td>
<td><a href="#">Cras lobortis commodo metus lorem</a></td>
</tr>
</table>
<h3>Example Form</h3>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<br />
</div>
</div>
<div id="footer">
<p> © 2006 <strong>Your Company</strong> | Design by: <a
href="http://www.styleshout.com/">styleshout</a> | Valid <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<a href="#">Home</a> | <a
href="#">Sitemap</a> | <a href="#">RSS Feed</a> </p>
</div>
</div>
</body>
</html>
<!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>Essence</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Essence</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="content">
<div id="welcome" class="post">
<h1 class="title">Welcome to Essence!</h1>
<div class="content"><img src="images/img4.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Essence</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<div class="content">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="sidebar">
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>May 17, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 13, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, and nibh…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Essence. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Euphonics</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="body_wrapper">
<div id="container">
<!-- Start of Page Header -->
<div id="page_header">
<!-- Start of Header Title -->
<div id="header_title">
<h2><span>The Albion College</span></h2>
<h1><span>Euphonics</span></h1>
<div class="textbox"> <a href="#">Click here</a> to schedule the Euphonics
for your event <br />
(Ask about our discount Student Organization Rate) </div>
</div>
<!-- End of Header Title -->
<!-- Start of Header Links -->
<div id="header_links">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
</div>
<!-- End of Header Links -->
<!-- Start of Header Navigation Menu -->
<div id="header_navmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Meet us</a></li>
<li><a href="#">Book us</a></li>
<li><a href="#">Concerts</a></li>
<li><a href="#">CD</a></li>
<li><a href="#">Multimedia</a></li>
<li><a href="#">Forum</a></li>
</ul>
</div>
<!-- End of Header Navigation Menu -->
<div class="clearthis"> </div>
</div>
<!-- End of Page Header -->
<!-- Start of Page Content First Row -->
<div id="page_content_1">
<!-- Start of First Row Left Sidebar -->
<div id="leftsidebar_1">
<div id="leftsidebar_1_header">
<h2><span>What Is New</span></h2>
</div>
<div class="leftsidebar_box">
<p> Please don't remove the link at the bottom. We have worked hard to
make this template and ask that you respect our hard work so we can continue
providing you with high quality templates. </p>
<p class="highlight"> If you really want to remove the link you can buy a
copyright free version on our website. </p>
<div class="pay_button"> <a href="#"><img
src="images/button_stormpay.gif" width="75" height="46" alt="Pay Now" /></a></div>
</div>
</div>
<!-- End of First Row Left Sidebar -->
<!-- Start of First Row Right Column -->
<div id="rightcolumn_1">
<!-- Start of Sign Up Now -->
<div id="signupnow">
<h3><span>Sign Up NOW and Receive updates on Concerts, CD Releases, and
Gigs!</span></h3>
<form action="#">
<div>
<div class="formfield"> <strong>Name :</strong>
<input type="text" />
<br />
<strong>E-mail :</strong>
<input type="text" />
</div>
<input type="image" src="images/submit_button.gif"
class="button_submit" />
<div class="clearthis"> </div>
</div>
</form>
<div class="clearthis"> </div>
</div>
<!-- End of Sign Up Now -->
<div class="whitebar"> </div>
<!-- Start of Welcome -->
<div class="rightcolumn_box">
<h2>Welcome to the 2005-2006 Albion College Euphonics Website!</h2>
<div class="thumbnail"><img src="images/welcome_thumbnail.jpg"
width="248" height="197" alt="Thumbnail Caption" /></div>
<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. <br />
<br />
If you're having problems editing the template Please don't hesitate to
ask for help on the forum. You will get help as soon as possible. You can also use
the forum to tell us what you like or dislike and what you would like to see more.
<br />
<br />
Your feedback is very important to us and we will do everything to
fulfill your wishes. <br />
<br />
<a href="#">More...</a> </p>
<div class="clearthis"> </div>
</div>
<!-- End of Welcome -->
</div>
<!-- End of First Row Right Column -->
<div class="clearthis"> </div>
</div>
<!-- End of Page Content First Row -->
<div class="clearthis"> </div>
<!-- Start of Page Content Second Row -->
<div id="page_content_2">
<!-- Start of Second Row Left Sidebar -->
<div id="leftsidebar_2">
<div class="leftsidebar_box">
<p> Please don't remove the link at the bottom. We have worked hard to
make this template and ask that you respect our hard work so we can continue
providing you with high quality templates. </p>
<div class="pay_button"> <a href="#"><img src="images/button_donate.gif"
width="75" height="30" alt="Pay Now" /></a></div>
</div>
</div>
<!-- End of Second Row Left Sidebar -->
<!-- Start of Second Row Right Column -->
<div id="rightcolumn_2">
<!-- Start of November Gigs -->
<div id="gigs">
<h2><span>November Gigs</span></h2>
<div id="gigs_table">
<table cellpadding="25" cellspacing="0">
<tr id="header_row">
<td><strong>Date</strong></td>
<td><strong>Time</strong></td>
<td><strong>Location</strong></td>
<td><strong>Description</strong></td>
</tr>
<tr>
<td>11/4</td>
<td>7:30 pm</td>
<td>KC Stack</td>
<td>Opening for Chapter 6</td>
</tr>
<tr>
<td>11/29</td>
<td>7:30 pm</td>
<td>Belmont Manor</td>
<td>Private Party</td>
</tr>
<tr>
<td>11/30</td>
<td>7 pm & 9 pm</td>
<td>KC Stack</td>
<td>Fall Concert</td>
</tr>
</table>
</div>
</div>
<!-- End of November Gigs -->
</div>
<!-- End of Second Row Right Column -->
<div class="clearthis"> </div>
</div>
<!-- End of Page Content Second Row -->
<div class="clearthis"> </div>
<!-- Start of Page Footer -->
<div id="page_footer">
<div id="page_footer_box">
<!-- Start of Footer Links -->
<div id="footer_links">
<ul>
<li id="firstlink"><a href="#">Home</a></li>
<li><a href="#">Meet us</a></li>
<li><a href="#">Book us</a></li>
<li><a href="#">Concerts</a></li>
<li><a href="#">CD</a></li>
<li><a href="#">Multimedia</a></li>
<li id="lastlink"><a href="#">Forum</a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Footer Links -->
<p> Web design by <a href="http://www.freewebsitetemplates.com">Free
Website Templates</a> </p>
<p> The opinions expressed in this page/section are strictly those of the
page author/creator. <br />
The contents of this page have not been reviewed or approved by Albion
College. </p>
</div>
</div>
<!-- End of Page Footer -->
<div class="clearthis"> </div>
</div>
</div>
</body>
</html>
<!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>Evergreen</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1>Evergreen</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Friends</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Evergreen!</h2>
<p><em><strong>Evergreen</strong></em> is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<h3>Sample Unordered List</h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
<h3>An Older Post Example</h3>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue:</p>
<ol>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">Blog-o-friend.com</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Evergreen. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>andreas02</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="andreas02.css"
media="screen,projection" title="andreas02 (screen)" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
</head>
<body>
<div id="toptabs">
<p>Site Network: <a class="activetoptab" href="#">Personal</a><span class="hide">
| </span> <a class="toptab" href="#">My Company</a><span class="hide"> | </span> <a
class="toptab" href="#">Artist projects</a><span class="hide"> | </span> <a
class="toptab" href="#">Shop</a></p>
</div>
<div id="container">
<div id="logo">
<h1><a href="#">andreas02 v2.0</a></h1>
</div>
<div id="navitabs">
<h2 class="hide">Site menu:</h2>
<a class="activenavitab" href="#">Home</a><span class="hide"> | </span> <a
class="navitab" href="#">Bio</a><span class="hide"> | </span> <a class="navitab"
href="#">Discography</a><span class="hide"> | </span> <a class="navitab"
href="#">Downloads</a><span class="hide"> | </span> <a class="navitab"
href="#">Photos</a><span class="hide"> | </span> <a class="navitab"
href="#">Tour</a><span class="hide"> | </span> <a class="navitab"
href="#">Merchandise</a><span class="hide"> | </span> <a class="navitab"
href="#">Interviews</a> </div>
<div id="desc">
<h2>Welcome to andreas02!</h2>
<p>This is a free XHTML/CSS website template that you can use for any purpose
without any obligations or limitations! It was originally released in August 2005,
and has since been updated several times. It uses XHTML 1.0 Strict and CSS, and it
has no tables at all. To show its features, I have filled it with some example
content.</p>
<p class="right"><a href="#">Read more</a> »</p>
</div>
<div id="main">
<h2>The idea behind the design</h2>
<p>When it was time to redesign one of my sites, I got an idea about making one
single design that all of my sites could use, and make some kind of official link
network between the sites. My way of doing this turned out to be the use of toptabs
(for selecting a website) and navitabs (for selecting subsections within the
different sites). With a basic PHP template, all sites could now have the same
design and share the same toptabs - but they can have their own separate content.
If needed, each navitab can have a submenu in the sidebar, which allows this design
to handle hundreds of pages while still keeping a quick and easy navigation. To
make navigation more logical, each tab could have its own colorscheme or header
image.</p>
<p class="block"><strong>Please note:</strong> This template is built with
XHTML and CSS code only. It contains no CMS-specific code. It may be customized to
work with many different content management systems, but that will require
additional programming.</p>
<h3>Free to use!</h3>
<p>If you like this layout and would like to use it in any way, you are free to
do so. I kindly ask that you leave the "Design by Andreas Viklund" link in the
footer of the site as that would be a nice way of giving something back to the
original template designer. But it is just a request, no obligation. If you use
this template for commercial purposes and remove the credits, please consider
making a small PayPal donation through my website to support my work!</p>
<p>Good luck with your new design!</p>
</div>
<div id="sidebar">
<h3>More information:</h3>
<p>Do you want more information about my free website templates? Then you
should check out these pages:</p>
<p> <a class="sidelink" href="#">Free templates</a><span class="hide"> |
</span> <a class="sidelink" href="#">Commercial templates</a><span class="hide"> |
</span> <a class="sidelink" href="#">OpenDesigns.org</a><span class="hide"> |
</span> <a class="sidelink" href="http://validator.w3.org/check/referer">Valid
XHTML</a><span class="hide"> | </span> <a class="sidelink"
href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a> </p>
<h3>Image example:</h3>
<p><img class="photo" src="images/test.jpg" height="100" width="130" alt=""
/><br />
"It happens every day: information overload! Time for a reboot..."<br />
(traditional haiku poem)</p>
</div>
<div id="footer">
<p>Copyright © 2007 <a href="#">Your Name</a> · <a
href="#">Contact</a> · <a href="#">Policy</a> · Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a
href="#">Homepage</a></p>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Evolution</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="contheader">
<div id="header">
<div id="headerleft">
<ul>
<li><a title="skip to content" href="#conttext">skip to content</a></li>
</ul>
</div>
<div id="headerright">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
</div>
</div>
<div id="contmain">
<div id="main">
<div id="mainleft">
<h1>website.name.here</h1>
</div>
<div id="mainright">
<h2><span></span>Aliquam erat volutpat. Sed egestas bibendum elit. Nulla vel
leo sit amet sem varius pellentesque. Nam ut nisi vel risus posuere
egestas.<span></span></h2>
</div>
</div>
</div>
<div id="conttext">
<div id="text">
<div id="textright">
<div>
<h4>first side menu</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
<h4>second side menu</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
</div>
<div id="textleft">
<div id="textbanner">
<ul>
<li><a href="#">home page</a></li>
<li>></li>
<li><a href="#">Home</a></li>
</ul>
</div>
<h3>welcome.</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla nisi
felis,
ultricies ut, tempor a, aliquet sed, leo. Proin posuere hendrerit dui. Ut
porta placerat felis. Donec sagittis tempus elit. Sed vestibulum mauris in
sapien. In ornare. Ut consectetuer facilisis mauris. Suspendisse vitae
justo
vitae nisl pretium pulvinar. Praesent vitae nibh nec odio viverra bibendum.
Morbi laoreet, dolor ac commodo viverra, mauris mi gravida sapien, vel
cursus ante ligula aliquam nulla.</p>
<blockquote>Proin erat lorem, pretium vitae, sodales
sit amet, aliquet at, arcu. Phasellus semper imperdiet velit. Fusce
molestie,
sem congue malesuada rutrum, dui est scelerisque magna, sit amet varius
magna lectus sed neque. Phasellus auctor lorem id libero. -
tristar</blockquote>
<p>Etiam lacus. Praesent blandit, turpis et fermentum ornare, lorem nunc
volutpat ligula, et porta dui turpis eget ante. Vestibulum ac nunc. Integer
in mauris nec dolor facilisis congue. Proin eleifend lectus rhoncus odio.
Nam eros ante, adipiscing in, luctus eu, suscipit at, nisl. In in neque.
Nam
neque. Nulla fermentum vehicula est. Cras nec nulla sed mauris ultricies
tempor. Proin et lorem. Vestibulum eu tortor ut turpis feugiat pharetra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam fringilla eleifend elit. Nullam sit amet risus.
In mollis, nisi eget lobortis posuere, ipsum mauris condimentum erat, vel
imperdiet nunc risus a odio. Nunc sed libero. Nulla facilisi.</p>
<p>Etiam suscipit turpis vitae quam. Proin erat lorem, pretium vitae, sodales
sit amet, aliquet at, arcu. Phasellus semper imperdiet velit. Fusce
molestie,
sem congue malesuada rutrum, dui est scelerisque magna, sit amet varius
magna lectus sed neque. Phasellus auctor lorem id libero. In dui. Fusce
eros.
Duis luctus bibendum justo. Nullam molestie. Phasellus ut lectus nec urna
varius venenatis. Integer urna. Sed diam turpis, molestie et, luctus
tempus,
commodo vel, orci.</p>
</div>
</div>
</div>
<div id="contfooter">
<div id="footer">
<div id="footerleft">
<h4>header.one.</h4>
<p>Etiam suscipit turpis vitae quam. Proin erat lorem, pretium vitae, sodales
sit amet, aliquet at, arcu. Phasellus semper imperdiet velit. Fusce
molestie,
sem congue malesuada rutrum, dui est scelerisque magna, sit amet varius
magna lectus sed neque. Phasellus auctor lorem id libero. In dui. Fusce
eros.
Duis luctus bibendum justo. Nullam molestie. Phasellus ut lectus nec urna
varius venenatis. Integer urna. Sed diam turpis, molestie et, luctus
tempus,
commodo vel, orci.</p>
</div>
<div id="footerright">
<h4>header.two.</h4>
<p>Etiam suscipit turpis vitae quam. Proin erat lorem, pretium vitae, sodales
sit amet, aliquet at, arcu. Phasellus semper imperdiet velit. Fusce
molestie,
sem congue malesuada rutrum, dui est scelerisque magna, sit amet varius
magna lectus sed neque. Phasellus auctor lorem id libero. In dui. Fusce
eros.
Duis luctus bibendum justo. Nullam molestie. Phasellus ut lectus nec urna
varius venenatis. Integer urna. Sed diam turpis, molestie et, luctus
tempus,
commodo vel, orci.</p>
</div>
<div id="footerbottom">
<p>web design by <a href="http://www.tristarwebdesign.co.uk">tristar web
design</a></p>
</div>
</div>
</div>
</body>
</html>
<!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" lang="en" xml:lang="en">
<head>
<title>Ezine</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<style type="text/css" media="all">
@import "style.css";
</style>
</head>
<body>
<div id="maincontainer">
<div id="topsection"> <span class="title1">E</span><span
class="title2">zine</span><span class="subtitle">YourWebsite.com</span> </div>
<div id="contentwrapper">
<div id="contentcolumn">
<div class="text">
<h1>Welcome! (h1)</h1>
<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,... (h2)</h2>
<p> <img class="imgleft" src="images/image.jpg" width="180" height="180"
border="0" alt="" /> <strong>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.</strong></p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla.</p>
<h3>Headline (h3) </h3>
<div class="boxright">
<div class="boxrighttext"> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. </div>
</div>
<p style="margin-right: 185px">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
nulla.</p>
<div class="columnleft">
<h4>Headline (h4,h5,h6)</h4>
<p> <img class="imgleft" src="images/ebook.jpg" width="61" height="100"
alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat.</p>
<h4>Resources</h4>
<ul class="list">
<li><a href="#">Open Design</a></li>
<li><a href="#">Dynamic Drive CSS Library</a></li>
<li><a href="#">Listamatic</a></li>
<li><a href="#">stock.xchng</a></li>
<li><a href="#">Wikipedia</a></li>
</ul>
</div>
<div class="columnright">
<h4>Headline (h4,h5,h6)</h4>
<p> <img class="imgleft" src="images/ebook.jpg" width="61" height="100"
alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. </p>
<p> <a href="#">Read more...</a></p>
</div>
<hr style="clear: both" />
<div class="boxcenter">
<div class="boxcentertext"> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla. </div>
</div>
<div id="top"> <a href="#"><img src="images/top.gif" width="11" height="9"
alt="" /></a> </div>
<div id="copyright"> © Copyright 2007 Your Name. All Rights Reserved.
Design by <strong>wfiedler</strong></div>
</div>
</div>
</div>
<div id="leftcolumn">
<div class="text">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
<div class="boxleft">
<div class="boxlefttext"> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. </div>
</div>
<div class="boxleft">
<div class="boxlefttext"> Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. </div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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" lang="en" xml:lang="en">
<head>
<title>Ezine 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<a name="top"></a>
<div id="maincontainer">
<div id="header">
<h1>Your Sitename</h1>
</div>
<div id="contentwrapper">
<div id="contentcolumn">
<div id="navmain">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
</div>
<h1>Welcome! (h1)</h1>
<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. (h2)</h2>
<div class="maintext">
<p><img class="imageLeft" src="images/image.jpg" width="117" height="117"
alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
</p>
<p>[+] <a href="#">Read more...</a></p>
<div class="hr">
<hr />
</div>
<h3>Headline (h3)</h3>
<p><img class="imageRight" src="images/image.jpg" width="117" height="117"
alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
</p>
<p>[+] <a href="#">Read more...</a></p>
<blockquote>>>Lorem ipsum dolor sit amet,<br />
consectetuer adipiscing elit<<</blockquote>
<div class="infobox">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Nulla congue, velit tristique mattis auctor, velit elit euismod diam, a
interdum tortor enim eget ante. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Nulla congue, velit tristique mattis auctor, velit elit euismod diam, a
interdum tortor enim eget ante. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Nulla congue, velit tristique mattis auctor, velit elit euismod diam, a
interdum tortor enim eget ante.</div>
<h4>Headline (h4, h5, h6)</h4>
<ul class="list">
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
</ul>
<div align="right"><a href="#top">top ´|`</a></div>
</div>
</div>
</div>
<div id="leftcolumn">
<h1>Menu</h1>
<ul id="navleft">
<li><a href="#">Home</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
<div id="leftcolumnText">
<h2>Headline (h2)</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />
[+] <a href="#">Read more...</a>
<h2>Headline (h2)</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />
[+] <a href="#">Read more...</a>
<h2>Headline (h2)</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />
[+] <a href="#">Read more...</a> </div>
</div>
<div id="rightcolumn">
<div id="rightcolumnText">
<h1>Headline (h1)</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<p>[+] <a href="#">Read more...</a></p>
<h1>Headline (h1)</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<p>[+] <a href="#">Read more...</a></p>
<h1>Headline (h1)</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<p>[+] <a href="#">Read more...</a></p>
</div>
</div>
<div id="footer">
<div id="copyright"> All contents © Copyright 2007 <a href="#">Your
Sitename</a> | Sponsored by <a href="http://openDesigns.org/">Open Designs</a> |
Design by wfiedler | <a href="http://validator.w3.org/check?uri=referer">Valid
XHTML 1.0 Transitional</a> </div>
</div>
</div>
</body>
</html>
<!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-gb" lang="en-gb">
<head>
<title>Face</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="c/GMV12.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<style type="text/css">
#content { height: 1em; }
pre{ overflow: auto; overflow-y: hidden;}
</style>
<![endif]-->
</head>
<body id="gordonmac-com" class="home">
<div id="wrapper-a">
<div id="wrapper-b">
<div id="wrapper-c">
<div id="content">
<div id="heading">
<h1>Free CSS Templates</h1>
<h2><q>HTML TEMPLATES & OTHER SILLY THINGS</q></h2>
<p id="homebutton"><a href="#">Home Page</a></p>
</div>
<div id="content-a">
<div id="content-a-inner">
<ul id="nav-main">
<li id="nav-main-about"><a href="#">Home</a></li>
<li id="nav-main-downloads"><a href="#">Downloads</a></li>
<li id="nav-main-tutorials"><a href="#">Tutorials</a></li>
<li id="nav-main-contact"><a href="#">Contact</a></li>
</ul>
<h2>About this site </h2>
<p>This web site belongs to Gordon Mackay, a hobbyist web developer
from the Highlands of Scotland.</p>
<p>The site offers several resources for web developers. Those
resources include free HTML/CSS templates, free Macromedia Fireworks PNG files and
some PHP scripts.</p>
<h2>Additional Pages</h2>
<ul>
<li><a href="#">Colophon</a></li>
<li><a href="#">Accessibility</a></li>
<li><a href="#">Linkage (sites and people I like)</a></li>
<li><a href="#">FAQ</a></li>
</ul>
<h2>Updates</h2>
<form id="subscribeform" method="post" action="index.htm">
<div>
<label>Your Name:
<input type="text" name="subscribe-name" id="subscribe-name" />
</label>
<label>Your Email:
<input type="text" name="subscribe-email" id="subscribe-email" />
</label>
<input type="image" alt="send message" class="imagesubmit"
onmouseover="this.src='i/GM12_form_subscribe_over.jpg';"
onmouseout="this.src='i/GM12_form_subscribe.jpg';"
src="i/GM12_form_subscribe.jpg" />
</div>
</form>
<p>Subscribe via <a href="#">RSS</a></p>
<h2>A Quick Note</h2>
<p>This site is built to be as accessible as possible to the people who
visit, it uses the most modern code available to web developers to ensure this is
possible.</p>
<ul id="validation">
<li><a href="http://validator.w3.org/check/referer">XHTML</a></li>
<li><a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a></li>
<li><a href="#">RSS</a></li>
<li>By <a href="http://www.gordonmac.com/">Gordon
Mackay</a></li>
</ul>
</div>
</div>
<div id="content-b">
<div id="content-b-inner">
<h2 id="mainheading">Welcome</h2>
<p>We convince ourselves that life will be better after we get married,
have a baby, then another. Then we are frustrated that the kids aren't old enough
and we'll be more content when they are. After that we're frustrated that we have
teenagers to deal with. We will certainly be happy when they are out of that
stage.</p>
<p>We tell ourselves that our life will be complete when our spouse
gets his or her act together, when we get a nicer car, are able to go on a nice
vacation, when we retire. The truth is, there's no better time to be happy than
right now. If not now, when? Your life will always be filled with challenges.</p>
<p>It's best to admit this to yourself and decide to be happy anyway.
One of my favourite quotes comes from Alfred D Souza. He said, "For a long
time it had seemed to me that life was about to begin - real life. But there was
always some obstacle in the way, something to be gotten through first, some
unfinished business, time still to be served, a debt to be paid. Then life would
begin. At last it dawned on me that these obstacles were my life."</p>
<h3>Contact Me </h3>
<form id="contactform" method="post" action="#">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><label for="contactform-name">Name:
<span>(required)</span></label>
<input type="text" name="contactform-name" id="contactform-
name" />
</td>
<td><label for="contactform-email">Email Address:
<span>(required)</span></label>
<input type="text" name="contactform-email" id="contactform-
email" />
</td>
</tr>
<tr>
<td colspan="2"><label for="contactform-subject">Subject:
<span>(required)</span></label>
<input type="text" name="contactform-subject"
id="contactform-subject" />
</td>
</tr>
<tr>
<td colspan="2"><label for="contactform-message">Message:
<span>(required)</span></label>
<textarea cols="50" rows="10" id="contactform-
message"></textarea>
<input type="image" alt="send message" class="imagesubmit"
onmouseover="this.src='i/GM12_form_submit_over.jpg';"
onmouseout="this.src='i/GM12_form_submit.jpg';" src="i/GM12_form_submit.jpg" />
</td>
</tr>
</tbody>
</table>
</form>
<p>This perspective has helped me to see that there is no way to
happiness. Happiness is the way. So, treasure every moment that you have. And
treasure it more because you shared it with someone special, special enough to
spend your time... and remember that time waits for no one...</p>
<h3>Headings</h3>
<p>So stop <q>waiting until you finish school</q>, until you go back to
school, until you lose ten pounds, until you gain ten pounds, until you have kids,
until your kids leave the house, until you start work, until you retire, until you
get married, until you get divorced, until Friday night, until Sunday morning,
until you get a new car or home, until your car or home is paid off, until spring,
until summer, until fall, until winter, until you are off welfare, until the first
or fifteenth, until your song comes on, until you've had a drink, until you've
sobered up, until you die, until you are born again to decide that there is no
better time than right now to be happy...</p>
<p>Happiness is a journey, not a destination.</p>
</div>
</div>
<div id="footer">
<p id="copyright">© 2005 Gordon Mackay. All rights reserved.</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</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="#"><span>Contact</span></a></li>
<li id="menu_latest"><a href="#"><span>Latest</span></a></li>
<li id="menu_gallery"><a href="#"><span>Gallery</span></a></li>
<li id="menu_home"><a href="#"><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="#">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="#">This is a demo text. It will be replaced by the
original.</a></li>
<li><a href="#">This is a demo text. It will be replaced by the
original.</a></li>
<li><a href="#">It will be replaced by the original.</a></li>
<li><a href="#">This is a demo text. It will be replaced by the
original.</a></li>
</ul>
</div>
<div id="trends_image"> <img src="images/trends_image.gif" width="112"
height="79" alt="Image Title" /></div>
<div class="link-more"> <a href="#">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="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="#">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="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="#">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="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="#">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="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="#">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>
<!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" />
<link rel="stylesheet" href="style.css" type="text/css" />
</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="#">Home</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">links</a></li>
<li><a href="#">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>
<!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>
<title>Fem Flex 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if IE]>
<style type="text/css">
body { width expression(document.body.clientWidth > 1003 ? "1003px" : "779px"); }
</style>
<![endif]-->
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Fem Flex 1</h1>
</div>
<div id="content">
<h1>Heading 1</h1>
<p>Main content starts here.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ut dui ac lacus
egestas vehicula. Quisque faucibus, risus id consequat porta, orci ligula
condimentum mi, ac commodo leo libero eget tortor.</p>
<h1>List Style</h1>
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
<p><img src="images/sample3.gif" alt="" class="alignleft" />Left-aligned
image...some descriptive text...Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Sed ut dui ac lacus egestas vehicula. Quisque faucibus, risus id consequat
porta, orci ligula condimentum mi, ac commodo leo libero eget tortor.</p>
<p style="clear:left"><img src="images/sample3.gif" alt="" class="alignright"
/>Right-aligned image...some descriptive text...Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Sed ut dui ac lacus egestas vehicula. Quisque
faucibus, risus id consequat porta, orci ligula condimentum mi, ac commodo leo
libero eget tortor.</p>
<p>Blockquote:</p>
<blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ut dui
ac lacus egestas vehicula. Quisque faucibus, risus id consequat porta, orci ligula
condimentum mi, ac commodo leo libero eget tortor.</blockquote>
</div>
<div id="left">
<h2>Our Sponsors</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
<p>Some text or news here</p>
</div>
<div id="right">
<h2>Site Menu</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
<p>Some text or news here</p>
<p>A centered image:</p>
<img src="images/sample3.gif" alt="" class="centered" /> </div>
<div id="footer">
<p>Copyright© 2006 Your Company. All Rights Reserved.<br />
| XHTML template by <a
href="http://www.karenblundell.com">arwen54</a> | <a
href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/">Valid CSS</a> |</p>
</div>
</body>
</html>
<!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>Fibreglass Company</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<!-- Start of Page Header -->
<div id="header_container">
<div id="page_header">
<div id="header_company">
<h1><span>Fibreglass Company</span></h1>
</div>
<div id="header_menu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>About Us</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>Services</span></a></li>
<li><a href="#"><span>Contacts</span></a></li>
</ul>
</div>
<div id="header_welcome">
<h3>Welcome</h3>
<div id="welcome_text">
<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>
</div>
</div>
</div>
</div>
<!-- End of Page Header -->
<!-- Start of Left Sidebar -->
<div id="left_sidebar">
<!-- Start of User Login -->
<div class="box_container">
<div id="userlogin">
<h2><span>User Login</span></h2>
<form action="#">
<div class="form_field"> <strong>Username</strong>
<input type="text" />
</div>
<div class="clearthis"> </div>
<div class="form_field"> <strong>Password</strong>
<input type="password" />
</div>
<div class="clearthis"> </div>
<div class="form_field">
<input type="image" src="images/userlogin_search.gif" class="button" />
</div>
</form>
<div id="link-password"> <a href="#">Forgot Password</a> </div>
</div>
</div>
<!-- End of User Login -->
<!-- Start of Latest News -->
<div class="box_container">
<div id="news">
<h2><span>Latest News</span></h2>
<h4> Nov 09, 2005 </h4>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<h4> Nov 07, 2006 </h4>
<p>Even more websites all about website templates on Just Web
Templates.</p>
<p>Even more websites all about website templates on Just Web
Templates.</p>
<div class="link-more"> <a href="#">Read More</a> </div>
<div class="clearthis"> </div>
</div>
</div>
<!-- End of Latest News -->
</div>
<!-- End of Left Sidebar -->
<!-- Start of Main Content Area -->
<div id="maincontent_container">
<div id="maincontent">
<div id="maincontent_top">
<!-- Start of How We Started -->
<div id="started_container">
<div id="started">
<h2><span>How We Started</span></h2>
<p>You can remove any link to our websites from this template you're
free to use the template without linking
back to us. Don't want your boss to know you used a free website
template ;) .</p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates
you can find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web
Templates.</p>
</div>
</div>
<!-- End of How We Started -->
<div id="right_container">
<!-- Start of We Also Do Repairing -->
<div id="repairing">
<h2><span>We also do repairing</span></h2>
<p>You can remove any link to our websites from this template you're
free to use the template without linking
back to us. Don't want your boss to know you used a free website
template ;) .</p>
</div>
<div class="clearthis"> </div>
<!-- End of We Also Do Repairing -->
<!-- Start of Get Special Offer -->
<div id="offer_container">
<div id="offer">
<h2><span>Get <strong>Special</strong> Offer</span></h2>
<p> This is a demo text. It will be replaced by the original. This is
a demo text. </p>
<div class="link-go"> <a href="#"><span>Go</span></a> </div>
</div>
</div>
<div class="clearthis"> </div>
<!-- End of Get Special Offer -->
</div>
<div class="clearthis"> </div>
</div>
<!-- Start of Featured Products -->
<div id="featured_container">
<div id="featured">
<h2><span>Featured Products</span></h2>
<div id="featured_products">
<ul>
<li><a href="#"><img src="images/featured_product_01.jpg" width="105"
height="82" alt="Featured Product" /></a>
<h4>Model 334</h4>
</li>
<li><a href="#"><img src="images/featured_product_02.jpg" width="105"
height="82" alt="Featured Product" /></a>
<h4>Model 334</h4>
</li>
<li><a href="#"><img src="images/featured_product_03.jpg" width="105"
height="82" alt="Featured Product" /></a>
<h4>Model 334</h4>
</li>
<li class="end"><a href="#"><img src="images/featured_product_04.jpg"
width="105" height="82" alt="Featured Product" /></a>
<h4>Model 334</h4>
</li>
</ul>
<div class="clearthis"> </div>
</div>
<div class="featured_nav"> <a href="#">Previous</a> </div>
<div class="featured_nav"> <a href="#">1</a> | <a href="#">2</a> | <a
href="#">3</a> </div>
<div class="featured_nav"> <a href="#">Next</a> </div>
<div class="link-more"> <a href="#">Read More</a> </div>
<div class="clearthis"> </div>
</div>
</div>
<div class="clearthis"> </div>
<!-- End of Featured Products -->
</div>
</div>
<!-- End of Main Content Area -->
<!-- Start of Page Footer -->
<div id="page_footer"> Powered by <a
href="http://www.freewebsitetemplates.com">Free Website Templates</a> </div>
<!-- End of Page Footer -->
<div class="clearthis"> </div>
</div>
</body>
</html>
<!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>Film</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<style type="text/css">
<!--
body,td,th {
font-size: 0.9em;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>
<body>
<div id="header">
<h1>FILM</h1>
<h3>Your Slogan</h3>
</div>
<!-- Used to force equal height columns -->
<div id="wrapper">
<div id="leftColumn">
<h2>Navigation</h2>
<br />
<div id="navcontainer1">
<ul id="navlist1">
<li id="active1"><a href="#" id="current1">Home</a>
<ul id="subnavlist1">
<li id="subactive1"><a href="#" id="subcurrent1">Subitem one</a></li>
<li><a href="#">Subitem two</a></li>
</ul>
</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
<br />
<h2>Important News</h2>
<p> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Aliquam auctor semper
libero. </p>
<p class="centerimg"><img src="reel.jpg" alt="coin" height="100" width="96"
/></p>
<!--//end #tags//-->
</div>
<!--//end #leftColumn//-->
<div id="rightColumn">
<h2>Navigation</h2>
<br />
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current1">Home</a>
<ul id="subnavlist">
<li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li>
<li><a href="#">Subitem two</a></li>
</ul>
</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
<br />
<h2>Important News</h2>
<p> Lorem ipsum
dolor sit amet, consectetuer adipiscing elit. Aliquam auctor semper
libero. </p>
<p class="centerimg"><img src="reel.jpg" alt="coin" height="100" width="96"
/></p>
<div id="tags">
<p> </p>
<p> </p>
</div>
<!--//end #tags//-->
</div>
<!--//end #rightColumn//-->
<div id="centerColumn">
<h2>Main Content</h2>
<p><img src="film.gif" alt="film" id="leftImg" />Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Aliquam auctor semper libero. viverra porttitor. Phasellus eu lorem vitae
augue
aliquet aliquam. Integer vitae, ligula. Vivamus vitae
augue at dui consequat tempor. Aliquam auctor semper libero. viverra
porttitor. Phasellus eu lorem vitae augue
aliquet aliquam. Integer vitae, ligula. Vivamus vitae
augue at dui consequat tempor. Aliquam auctor semper libero. viverra
porttitor. Phasellus eu lorem vitae augue
aliquet aliquam. Integer vitae, ligula. Vivamus vitae
augue at dui consequat tempor.</p>
<blockquote>
<p>This page is valid xhtml 1.0 strict. Thank you to css
Tinderbox
for helping to build this foundation for the template. Please let me
know how you use this template. Thank you to Animation Factory for the
images. </p>
</blockquote>
<h2> </h2>
<h2>More Information </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam
auctor semper libero. Vestibulum at erat eget arcu sagittis adipiscing.
Vestibulum odio nisi, scelerisque et. </p>
<p>This page is valid xhtml 1.0 strict.</p>
<br />
<h3>Copyright 2007 Design by <a href="http://www.projectaces.com">LS</a></h3>
<br />
</div>
</div>
<!--//end #wrapper -->
</body>
</html>
<!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>Finding Peace</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen,print" />
</head>
<body>
<div id="toplinks">
<div id="toplinksnav">
<p>Are you looking for more open source Designs?</p>
</div>
<!--// end #toplinksnav //-->
</div>
<!--// end #toplinks //-->
<div id="slogan"> <img src="img/slogan-bamboo.jpg" height="310" width="303" alt=""
class="sloganfloat" />
<h1>Finding Peace.</h1>
<p>Searching for the balance between style and valid markup.</p>
</div>
<!--// end #slogan //-->
<div id="navbar">
<div id="navbarblock">
<ul>
<li><a href="#" class="now">Home</a></li>
<li><a href="layout-two.html">Layout 2</a></li>
<li><a href="layout-three.html">Layout 3</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Weblog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!--// end #navbarblock //-->
</div>
<!--// end #navbar //-->
<div id="callout">
<div id="calloutblock"> <img class="calloutfloat" src="img/whats-new.jpg"
width="358" height="104" alt="" />
<h2>Taking Refuge In Simplicity.</h2>
<p>I wanted to develop a theme that brings across a quiet, yet solid feel to it
that could potentially be used for both commercial or personal web sites. I think i
came pretty close to what I was looking for. </p>
<p><a href="#">Learn more…</a></p>
</div>
<!--// end #calloutblock //-->
</div>
<!--// end #callout //-->
<div id="textarea">
<h2>Never Underestimate The Open Source Community</h2>
<p class="date">December 07, 2006</p>
<p>The development of OpenDesigns.org by a dedicated group of open source
Designers in such a short amount of time proves the value of openly sharing
knowledge and experiance with others. I can honestly say that my own skills have
been strengthened by being a part of the open source community.</p>
<p>If you take this Design and adapt it to your own needs with further
improvements, please consider passing it along to the open source community so
others can continue to share and learn.</p>
<h2>A Word About The Design</h2>
<p class="date">December 05, 2006</p>
<p>The <em>Finding Peace</em> Design was built on a Windows machine with valid
CSS and XHTML 1.0 Strict. It was tested in Windows for FF 2.0, IE 6.0 and with Mac
OS X for Safari 1.3.</p>
<p>It's relased under the Creative Commons License so do what you want with it.
Although you're not obligated to maintain a link back to me as the Designer,
leaving it in place would be appreciated.</p>
</div>
<!--// end #textarea //-->
<div id="footer">
<p>2006 © Your Company Name<br />
Design by <a href="http://www.raykDesign.net">rayk Design</a> | Valid <a
href="http://jigsaw.w3.org/css-validator/validator-uri.html">CSS</a> and <a
href="http://validator.w3.org/">XHTML 1.0 Strict</a></p>
</div>
<!--// end #footer //-->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas03</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="andreas03.css" />
</head>
<body>
<div id="thetop"> <a id="top"></a>
<p class="hide">Skip to: <a href="#sitemenu" accesskey="2">Site menu</a> | <a
href="#maincontent" accesskey="3">Main content</a></p>
</div>
<div id="container">
<div id="main">
<div id="logo">
<h1>[<a href="#" accesskey="4">your site title</a>]</h1>
<span id="tagline">Your striking site slogan!</span> </div>
<div id="intro">
<h2><a id="maincontent"></a>Speed and accessibility!</h2>
<p>This website template is made for all of you who want a quick-loading and
solid XHTML/CSS website with light use of images and a strong focus on
accessibility. The template conforms to the WCAG 1.0 Triple-A rating, and it works
in all common browser types.</p>
</div>
<div class="clear"></div>
<h3 class="headerstyle">The idea behind the design</h3>
<p>The andreas03 template has a small file size, a simple layout for easy
editing, good accessibility features and semantic markup. Five small images have
been used for the design, adding only 3 kilobytes to the template load size (which
is approximately 12kb).</p>
<p>The images are linked from the stylesheet, which means that they will not
show up in browsers that does not support CSS. They can also be safely removed,
since the images do not affect the layout in any way. In CSS-enabled browsers the
removed images will be replaced by a background color. In browsers with no CSS
support, there will be no difference. See examples of this by looking at the
alternate versions listed under the menu.</p>
<p class="internallink">[ <a href="#top">Back to top</a> ]</p>
<h3 class="headerstyle">What is 'accessibility' and why is it important?</h3>
<p>Accessibility is about making your website available and understandable for
everyone, including users with disabilities. W3 explains it in a great way at the
<a href="http://www.w3.org/WAI/intro/accessibility.php">Web Accessibility
Initiative</a>.</p>
<p>This template allows visitors to use the following accesskeys:<br />
<strong>1 - </strong>Back to top | <strong>2 - </strong>Skip to site menu |
<strong>3 - </strong>Skip to main content | <strong>4 - </strong>Return to
index.html</p>
<p>You can easily change these or add more accesskeys to make the site fit your
needs, for example to allow easy access to each site menu link. Adding a logical
tab order is recommended! And finally: the template allows browser-based font
resizing, making sure that site visitors can enlarge the font size without breaking
the page layout in any way.</p>
<p class="internallink">[ <a href="#top">Back to top</a> ]</p>
<h3 class="headerstyle">Open source is freedom!</h3>
<p>If you like this layout and would like to use it in any way, you are free to
do so. This design is released as open source, which means that you are free to
make any changes you may want to. I kindly ask that you leave the "Design by
Andreas Viklund" link in the footer, but you are free to remove it if you want (or
need) to. If you use this design for commercial purposes, please consider making a
symbolic donation through my website.</p>
<p>Good luck with your new design!</p>
<p class="block"><strong>Additional information: </strong>Download more of my
free website templates from <a href="#">OSWD.org</a>!</p>
<p class="internallink">[ <a href="#top">Back to top</a> ]</p>
</div>
<div id="sidebar">
<h2 class="sidelink menuheader"><a id="sitemenu"></a>Site menu:</h2>
<a class="sidelink" href="#">Home</a> <span class="hide"> | </span> <a
class="sidelink" href="#">Another page</a> <span class="hide"> | </span> <a
class="sidelink" href="#">Number three</a> <span class="hide"> | </span> <a
class="sidelink" href="#">Sample button</a> <span class="hide"> | </span> <a
class="sidelink" href="#">Even more</a> <span class="hide"> | </span> <a
class="sidelink" href="#">And a last one</a> <span class="hide"> | </span> <a
class="hide" href="#top" accesskey="1">Top of page</a>
<h3>Important note</h3>
<p>This template conforms to <a href="http://www.section508.gov">Section
508</a> and to W3C's <a href="http://www.w3.org/TR/1999/WAI-WEBCONTENT-
19990505">WCAG 1.0</a>, level Triple-A. The code is valid XHTML 1.1 and CSS (no
warnings).</p>
<h3>Alternate versions</h3>
<p>Included in this template are the following example files:<br />
- <a href="#">Home</a><br />
- <a href="noimg.html">No images version</a><br />
- <a href="text-only.html">No CSS version</a></p>
<p>andreas03 v1.2<br />
(Nov 28, 2005)</p>
<h3>Regular links</h3>
<p> - <a href="#">Website Templates</a><br />
- <a href="#">Open Web Design</a><br />
- <a href="#">OSWD.org</a><br />
- <a href="#">Lagoona MP3s</a> </p>
</div>
<div class="clear"> </div>
</div>
<div id="footer">
<p>© 2005 Your name. Design by <a href="http://andreasviklund.com/"
class="credit">Andreas Viklund</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>FireRescue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="logo"><img src="images/logo.jpg" alt="Logo" /></div>
<div id="banner"><img src="images/main-image.jpg" alt="Main Image" /></div>
<div id="nav">
<ul>
<li class="nlink"><a href="#">Home</a></li>
<li class="nlink"><a href="#">Archives</a></li>
<li class="nlink"><a href="#">Apparatus</a></li>
<li class="nlink"><a href="#">Members</a></li>
<li class="nlink"><a href="#">Gallery</a></li>
<li class="nlink"><a href="#">Traning</a></li>
<li class="nlink"><a href="#">Store</a></li>
<li class="nlinkend"><a href="#">Links</a></li>
</ul>
</div>
<div id="content">
<div id="left"> <span class="flt-lft"><img src="images/thumbnail-1.jpg"
alt="Thumbnail" /></span>
<p class="date">October 20th:</p>
<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. Don't want your boss to know you used a free website
template ;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
<span class="flt-lft"><img src="images/thumbnail-2.jpg" alt="Thumbnail"
/></span>
<p class="date">October 15th:</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p class="flt-rgt"><a href="#">MORE</a></p>
</div>
<div id="right">
<div id="headlines"> <span class="heading1">LIST OF EVENTS</span>
<p class="date">Events Scheduled</p>
<p>Tue Dec 2 04:00 PM <br />
- KIVFD Advisory Council Monthly Meeting of Advisory Council regarding
the Capital Compaign.</p>
<p class="date">Events Scheduled</p>
<p>Tue Dec 2 04:00 PM <br />
- KIVFD Advisory Council Monthly Meeting of Advisory Council regarding
the Capital Compaign.</p>
<span class="flt-rgt"><a href="#">MORE</a></span></div>
<div id="stats"> <span class="heading2">Top Firefighters 2006</span>
<table>
<tr>
<td>Firefighter</td>
<td colspan="2">Number Of Calls</td>
</tr>
<tr>
<td>Mike Evans</td>
<td>326</td>
<td>69%</td>
</tr>
<tr>
<td>Dave Evans Jr</td>
<td>300</td>
<td>65%</td>
</tr>
<tr>
<td>Brian Harris Jr</td>
<td>268</td>
<td>57%</td>
</tr>
<tr>
<td>Pat Byrne</td>
<td>260</td>
<td>55%</td>
</tr>
<tr>
<td>Cordon Pippin</td>
<td>259</td>
<td>49%</td>
</tr>
<tr>
<td>Loreen Zoffinger</td>
<td>233</td>
<td>66%</td>
</tr>
<tr>
<td>Jim Ayers Sr</td>
<td>218</td>
<td>64%</td>
</tr>
</table>
</div>
</div>
<div style="clear:both"></div>
</div>
<div id="footer"> <a href="#">Home</a> | <a href="#">Archives</a> | <a
href="#">Apparatus</a> | <a href="#">Members</a> | <a href="#">Gallery</a> | <a
href="#">Training</a> | <a href="#">Store</a> | <a href="#">Links</a><br />
<br />
<p>© Fire Rescue Squad 2006. All rights reserved. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Flan 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header">
<div class="header_interior"><img src="images/logo.gif" alt="" width="44"
height="44" style="float:left; margin-right:10px;" />
<h1 class="title">YourNameHere.com</h1>
</div>
</div>
<div class="header_shadow"></div>
<div class="content_body">
<div class="content_interior">
<div class="left_column">
<div class="navigation">
<ul class="markermenu">
<li class="markermenu"><a href="#">Home</a></li>
<li class="markermenu"><a href="#">About</a></li>
<li class="markermenu"><a href="#">Link 1</a></li>
<li class="markermenu"><a href="#">Link 2</a></li>
<li class="markermenu"><a href="#" style="border-bottom-width: 0">Link
3</a></li>
</ul>
</div>
<div class="navigationbtm"></div>
<br />
<img src="images/img-2.jpg" alt="sample 2" /><br />
<br />
<h4>Contact us</h4>
<br />
YourName<br />
1234 Your St.<br />
Beverly Hills, CA 90210</div>
<div class="right_column"> <img src="images/sample-1.jpg" alt="sample-1"
hspace="5" vspace="5" align="right" />
<h1>Welcome to Flan </h1>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus
nibh. Aenean risus elit, elementum feugiat, cerat eu, aliquam pellentesque,
turpis. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet nonummy,
turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede.</p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus
nibh. Aenean risus elit, elementum feugiat, placerat eu, aliquam pellentesque,
turpis. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet nonummy,
turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede.</p>
<div class="hr"></div>
<h2>Article Title
In H2 </h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In faucibus
nibh. Aenean risus elit, elementum feugiat, placerat eu, aliquam pellentesque,
turpis. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet nonummy,
turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede. Ut facilisis tempor libero. Maecenas blandit, tellus nec laoreet
nonummy, turpis risus tempor massa, ac dictum tellus urna consequat nibh. Fusce
consectetuer blandit eros. Donec quis nisi et nulla elementum porta. Maecenas
elementum pede.</p>
</div>
</div>
<br clear="all" />
</div>
<div class="footer">
<div class="footer-inner">
<div class="footer-div">
<h4>Link Area</h4>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2 </a></li>
<li><a href="#">Link 3 </a></li>
</ul>
</div>
<div class="footer-div">
<h4>Link Area</h4>
<ul>
<li><a href="#">Link 1</a> </li>
<li><a href="#">Link 2</a> </li>
<li><a href="#">Link 3</a> </li>
</ul>
</div>
<div class="footer-div">
<h4>Link Area</h4>
<ul>
<li><a href="#">Link 1</a> </li>
<li><a href="#">Link 2</a> </li>
<li><a href="#">Link 3</a> </li>
</ul>
</div>
<div class="footer-div">
<h4>Link Area</h4>
<ul>
<li><a href="#">Link 1</a> </li>
<li><a href="#">Link 2</a> </li>
<li><a href="#">Link 3</a> </li>
</ul>
</div>
<br clear="all" />
<hr width="100%" noshade="noshade" style="border-top:1px solid #FFFFFF;
border-bottom: none; margin-bottom:5px;" />
<div style="text-align:center;">Copyright © 2006 YourName |
<!-- Please don't remove -->
Designed by: <a href="http://www.allfinancedirectory.com/">Finance
Directory</a>
<!-- Thanks Again -->
</div>
</div>
<br clear="all" />
</div>
</body>
</html>
<!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>
<title>Flange</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div>
<h1><a href="#">Flange<strong
style="color:#009900">Template</strong></a></h1>
<ul id="nav">
<li class="on"><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">services</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
</div>
<div id="strike">
<div class="home">
<p>You can place your slogan here. This would also be a great spot for a a
product pitch. </p>
</div>
</div>
<div id="body">
<div id="l">
<h2>Welcome</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc erat
augue, porttitor sed, sodales vitae, commodo id, urna. Curabitur congue malesuada
sapien. Donec ornare suscipit massa. Curabitur tempus, arcu ac facilisis posuere,
risus dui fermentum nibh, nec ultrices urna ante et dui. Vestibulum tincidunt
lorem vel nisi ultricies ullamcorper. Sed odio dolor, rutrum et, consequat a,
malesuada sed, augue. Vivamus nonummy urna quis tellus sagittis accumsan. </p>
<p>The quick brown fox jumped over the lazy dogs. The quick brown fox jumped
over the lazy dogs. The quick brown fox jumped over the lazy dogs. Etiam vel erat.
Sed neque nunc, hendrerit eu, vulputate elementum, posuere ut, libero. Praesent
pulvinar erat eget eros. Fusce vitae est. Mauris suscipit, nibh sit amet malesuada
porta, dui lectus commodo erat, id bibendum sapien dolor sit amet metus. Praesent
metus nunc, suscipit at, tempor a, auctor vel, purus. Vivamus convallis
scelerisque turpis. Etiam sodales tempus massa.</p>
</div>
<div id="r">
<h2>Sub Content </h2>
<p><span><img src="images/sample-cactus.jpg" alt="" width="205"
height="28" /><br />
</span><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc erat augue,
porttitor sed, sodales vitae, commodo id, urna.</p>
<hr />
<p><span><span><img src="images/sample-cactus.jpg" alt="" width="205"
height="28" /></span></span><br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc erat augue,
porttitor sed, sodales vitae, commodo id, urna.</p>
<hr />
<div class="block">Google ad here </div>
</div>
</div>
<br clear="all"/>
</div>
<div id="footer">
<div>
<div> Copyright © 2006 Your Name here, All Rights Reserved.
| Designed by:
<!-- PLEASE DON'T REMOVE THIS LINK -->
<a href="http://www.alltechnologydirectory.com">Technology Directory</a>
<!-- THANKS AGAIN! -->
</div>
</div>
</div>
</body>
</html>
<!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>
<title>*FLEUR*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li id="active"><a href="#" id="current">Active Link</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Six</a></li>
</ul>
</div>
<div id="sidebar">
<h1>Navigation</h1>
<div class="navlist">
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
<h1>Resources</h1>
<div class="navlist">
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
</div>
<div id="content">
<h1>Welcome to <span style="font-weight:bold; color:#C4DA64;">Fleur</span>
Template</h1>
<div class="rbroundbox">
<div class="rbtop">
<div></div>
</div>
<div class="rbcontent">
<h2>About Fleur Template ....</h2>
<img class="imgleft" src="img/flower.jpg" alt="flower" />
<blockquote>This template has been tested in Mozilla and IE7 and validates
as XHTML 1.0 Transitional using valid CSS.<br />
For more FREE templates visit <a href="http://www.mitchinson.net"
title="my website">my website</a>.</blockquote>
<p> </p>
</div>
<div class="rbbot">
<div></div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lectus ipsum,
mollis non, lobortis eget, tempus at, metus. Duis fermentum dignissim justo. Cras
lectus ipsum, mollis non, lobortis eget, tempus at, metus. Duis fermentum dignissim
justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Maecenas elementum accumsan ante. Praesent auctor urna eget pede. Nam
egestas nulla in tortor.</p>
<h1>About</h1>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Cras lectus ipsum, mollis non, lobortis eget, tempus
at, metus. Duis fermentum dignissim justo. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Nunc varius pellentesque erat. Ut tincidunt. Ut ultricies, urna a
egestas vehicula, risus est bibendum felis, eu vulputate tellus magna sodales
lectus. Morbi hendrerit. Sed fermentum. Aliquam adipiscing vulputate nibh. Ut
neque. Nam aliquam nulla et nisi. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aliquam risus lectus, congue eu, dapibus id, faucibus id, risus.
Aenean posuere feugiat nisi.</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>
<title>*FLEUR*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li id="active"><a href="#" id="current">Active Link</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Six</a></li>
</ul>
</div>
<div id="sidebar">
<h1>Navigation</h1>
<div class="navlist">
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
<h1>Resources</h1>
<div class="navlist">
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
</div>
<div id="content">
<h1>Welcome to <span style="font-weight:bold; color:#C4DA64;">Fleur</span>
Template</h1>
<div class="rbroundbox">
<div class="rbtop">
<div></div>
</div>
<div class="rbcontent">
<h2>About Fleur Template ....</h2>
<img class="imgleft" src="img/flower.jpg" alt="flower" />
<blockquote>This template has been tested in Mozilla and IE7 and validates
as XHTML 1.0 Transitional using valid CSS.<br />
For more FREE templates visit <a href="http://www.mitchinson.net"
title="my website">my website</a>.</blockquote>
<p> </p>
</div>
<div class="rbbot">
<div></div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras lectus ipsum,
mollis non, lobortis eget, tempus at, metus. Duis fermentum dignissim justo. Cras
lectus ipsum, mollis non, lobortis eget, tempus at, metus. Duis fermentum dignissim
justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Maecenas elementum accumsan ante. Praesent auctor urna eget pede. Nam
egestas nulla in tortor.</p>
<h1>About</h1>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Cras lectus ipsum, mollis non, lobortis eget, tempus
at, metus. Duis fermentum dignissim justo. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Nunc varius pellentesque erat. Ut tincidunt. Ut ultricies, urna a
egestas vehicula, risus est bibendum felis, eu vulputate tellus magna sodales
lectus. Morbi hendrerit. Sed fermentum. Aliquam adipiscing vulputate nibh. Ut
neque. Nam aliquam nulla et nisi. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aliquam risus lectus, congue eu, dapibus id, faucibus id, risus.
Aenean posuere feugiat nisi.</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<?xml version="1.0" encoding="utf-8"?>
<!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-US" lang="en-US">
<head>
<title>Flight and Fight</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Company Name</h1>
<h2>nifty slogan here</h2>
</div>
<div id="middle">
<div id="focus">
<div id="navigation">
<h3>Navigation</h3>
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Columns</a></li>
<li><a href="#">Extras</a></li>
<li><a href="#">Examples</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="quicksearch">
<form action="#">
<fieldset>
<legend>Flight Search</legend>
<label for="depart">Departure Date</label>
<input type="text" id="depart" name="depart" class="date" />
<label for="return">Return Date</label>
<input type="text" id="return" name="return" class="date" />
<button type="submit" id="submit-go" class="submit">Search</button>
</fieldset>
</form>
</div>
</div>
<div id="content">
<div class="row">
<div class="onequartercolumn">
<h3>Client Spotlight</h3>
<p>This is a design I made for a design test to freelance. I declined
the job, but I decided to release the template to the Open Source community.</p>
</div>
<div class="threequartercolumn gray">
<h3>Learning Is Important</h3>
<img src="images/34007.jpg" width="150" height="105" alt="Business Image"
class="right" />
<p>I have included many customizable features into the content section.
But I haven't really put a whole lot of effort into this layout. Everything is
fixed height and width, which means that the font sizes do not adjust in most
browsers. If this design takes off, I'll probably do a liquid version and update
as requested. I hope you like this design. I am releasing it to the community
with no ties. If you feel like you would like to contribute something to me, you
can visit my site and request my paypal address, but I'd just be happy if all you
did was leave my adddress in the footer. Feel free to contact me if you use this
template and would like more features. I will update this as the requests come in.
Thank you, and I hope you enjoy the template.</p>
</div>
</div>
<p class="top"> <a href="#">Return to Top</a></p>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2007 <a href="#">Company Name</a> | Design by: <a
href="http://www.weissmike.com">Mike Weiss</a></p>
</div>
</body>
</html>
<!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>
<title>*FLORAL*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Company Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">HOMEPAGE</a></li>
<li id="active"><a id="current" href="#">ABOUT</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">LINKS</a></li>
<li><a href="#">SERVICE</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
<div id="sidebar">
<h2>Resources</h2>
<div class="navlist">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
</ul>
</div>
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> Find: <img src="img/search.gif" alt="search"
/></label>
</span> <span>
<input type="text" value="demo only" name="txtsearch" title="Text input:
search" id="txtsearch" size="20" />
</span> </div>
</fieldset>
</form>
<h2>Sub Menu</h2>
<div class="navlist">
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
</div>
<div id="content">
<h2>Welcome to <span style="color:#B29B35;"> Floral</span> Template</h2>
<blockquote>This template has been tested in Mozilla and IE7. The page
validates as XHTML 1.0 Transitional using valid CSS.<br />
For more FREE templates visit <a href="http://www.mitchinson.net">my
website</a>.</blockquote>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the
1500s, when an unknown printer took a galley of type and scrambled it to make a
type specimen book.</p>
<h2>Article One</h2>
<p class="info"><img class="noborder" src="img/flower.jpg" alt="flower"
title="flower"/> Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis odio.
Suspendisse aliquet. Nunc porta rutrum urna. Morbi porttitor magna id velit. Morbi
egestas. Etiam lorem sapien, vehicula in, dictum sed, accumsan tristique, justo.
Nunc fringilla congue est. Donec mollis leo et arcu. In condimentum lacus non
turpis. Morbi faucibus. Duis dapibus. Aenean lobortis. Ut nec metus non diam
scelerisque euismod. Nulla facilisi. In laoreet, augue eu auctor scelerisque, urna
orci pretium sem, nec pulvinar orci enim vel dui. Quisque sit amet arcu. In hac
habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Cras vestibulum est in risus. Nulla
facilisi.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 26, 2007</span> </p>
<h2>Article Two</h2>
<p class="info"><img class="noborder" src="img/flower.jpg" alt="flower"
title="flower"/> Lorem Ipsum is simply dummy text of the printing and typesetting
industry.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis odio.
Suspendisse aliquet. Nunc porta rutrum urna. Morbi porttitor magna id velit. Morbi
egestas. Etiam lorem sapien, vehicula in, dictum sed, accumsan tristique, justo.
Nunc fringilla congue est. Donec mollis leo et arcu. In condimentum lacus non
turpis. Morbi faucibus. Duis dapibus. Aenean lobortis. Ut nec metus non diam
scelerisque euismod. Nulla facilisi. In laoreet, augue eu auctor scelerisque, urna
orci pretium sem, nec pulvinar orci enim vel dui. Quisque sit amet arcu. In hac
habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Cras vestibulum est in risus. Nulla
facilisi.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 26, 2007</span> </p>
</div>
<div id="container-foot">
<div id="footer">
<p><a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | © 2007 Anyone | Design by <a
href="http://www.mitchinson.net"> www.mitchinson.net</a> | Licensed under a <a
rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
Attribution 3.0 License</a></p>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Fluid Solution</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="left">
<div class="header">
<h2><span>A totally liquid three-column layout</span></h2>
<h1>Fluid Solution</h1>
</div>
<div class="content">
<h1>Porttitor posuere</h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Porttitor <a href="#">nunc eget
pretium</a>, sem est pretium leo, non euismod nulla dui non diam. Pellentesque
dictum faucibus leo. Vestibulum ac ante. Sed in est.</p>
<blockquote>
<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere
laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</p>
</blockquote>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<h1>Adipiscing</h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis.</p>
<h1>Interdum</h1>
<div class="descr">May 24, 2006 by Lectus</div>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>.</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Ut quis neque convallis magna consequat molestie. Nullam semper massa eget
ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Pellentesque a nibh quis nunc volutpat aliquam</p>
</div>
</div>
<div class="nav">
<div class="logo"><span></span></div>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">convallis</a></li>
</ul>
</div>
<div class="right">
<div class="round">
<div class="roundtl"><span></span></div>
<div class="roundtr"><span></span></div>
<div class="clearer"><span></span></div>
</div>
<div class="subnav">
<h1>Something</h1>
<ul>
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">convallis</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h1>Another thing</h1>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
</ul>
<h1>Third and last</h1>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
</ul>
</div>
<div class="round">
<div class="roundbl"><span></span></div>
<div class="roundbr"><span></span></div>
<span class="clearer"></span> </div>
</div>
<div class="footer">© 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://arcsin.se">Arcsin</a> </div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom:
1.0em;"> Design provided by Free Web Templates - your source for <a href="#">free
website templates</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Fluidity.com</title>
<link rel="stylesheet" type="text/css" href="fluidity.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="hdrimg"> <span class="validation"> <a href="http://jigsaw.w3.org/css-
validator/check/referer"><img src="images/fluidcss.gif" alt="" /></a> <a
href="http://validator.w3.org/check?uri=referer"><img
src="images/fluidxhtml1.1.gif" alt="" /></a> </span>
<h1><a href="#"><strong>fluidity</strong>.com</a></h1>
<ul id="nav">
<li><a href="#" id="current">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">links</a></li>
</ul>
</div>
<!-- end of hdr img -->
<div class="rowcontainer">
<div class="fullcolumn">
<h2>Welcome to Fluidity.com</h2>
<p>Hello and welcome to fluidity.com a template by <acronym title="Dave Reeder
Design">drd</acronym><br />
I wanted to finish 2005 with something a bit different. Although this
template appears to be simple and the <acronym title="Cascading Style
Sheets">CSS</acronym> is quite small, it is highly versatile. Fluidity.com is a
<acronym title="Expands when you resize the window">fluid</acronym> layout which
has all the CSS needed to create one, two, three or four column layouts.<br />
Because Fluidity.com uses a row div called "rowcontainer" to keep the columns
together, you can mix and match the number of columns on one page just like I have
in the standard configuration of the template.</p>
<h3>A note from the author</h3>
<p>You can see more of my work on my site: www.davereederdesign.com. If you
have any problems using the template or simply want to say "hi" then it would be
great to hear from you!</p>
<p>Hope you have fun with the template,<br />
<br />
-Dave</p>
</div>
</div>
<div class="rowcontainer">
<div class="halfcolumn">
<h3>Careful testing</h3>
<p>Careful testing of any webpage should be top priority, so I've validated the
code and tested the template in the following browsers: </p>
<ul>
<li>Internet Explorer 5.5</li>
<li>Internet Explorer 6.0</li>
<li>Mozilla Firefox 0.8</li>
<li>Opera 7.54u2</li>
<li>Netscape 7.2</li>
</ul>
</div>
<div class="halfcolumn">
<h3>Controlling the columns</h3>
<img src="images/sample.gif" alt="" class="right" />
<p>Of course, the columns do <em>not</em> have to be of equal proportions. You
could specify one column that was a quarter of the screens width and another which
was three quarters. Simply specify a column in the xhtml with a class name that
corresponds to the relevent column in the CSS. <br />
<br />
Now I'll leave you with some Lorem Ipsum to fill the rest of the space :)</p>
</div>
</div>
<div class="rowcontainer">
<div class="onethirdcolumn">
<h3>Example of three columns!</h3>
<p>Nam ac ligula. Morbi cursus nonummy leo. Duis aliquet. Quisque rhoncus, odio
eget malesuada imperdiet, magna lectus iaculis velit, in tincidunt odio sapien nec
lacus. Curabitur ullamcorper metus ac justo.<br />
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer volutpat
leo sit amet eros. Sed vestibulum porta sapien. Nunc venenatis tortor ut massa.
Aliquam ut eros. Sed tempus nibh id felis. Cras vehicula tincidunt orci. Mauris
viverra, diam id volutpat condimentum, dolor nisl pretium nisi, ut blandit nisi
neque tempus lectus. In ultricies metus quis est. Integer lobortis pretium elit.
Curabitur et turpis. Morbi vitae sem at odio sagittis consequat. </p>
</div>
<div class="onethirdcolumn">
<h3>Example of three columns!</h3>
<p> Proin arcu sem, tempor vel, luctus sagittis, dictum sit amet, lectus.
Phasellus leo ante, elementum id, pellentesque non, cursus eget, purus. Aenean
lobortis laoreet quam. Nullam enim. Aenean malesuada, diam in tempor feugiat, nibh
arcu feugiat eros, ut rutrum dolor diam sed nulla. Etiam sit amet nisl at dui
cursus auctor. Nunc vulputate est et leo. Curabitur dolor leo, vulputate elementum,
egestas viverra, gravida eget, nisi. Suspendisse sed odio. Duis sed dolor. Nulla
euismod ipsum vitae quam. Sed sed libero. Nam sed mauris eu sem fermentum varius.
Aliquam porttitor consectetuer ipsum. Duis sagittis ipsum sed justo. Vestibulum
consectetuer. </p>
</div>
<div class="onethirdcolumn">
<h3>Example of three columns!</h3>
<p>Quisque sed nisi et quam aliquam volutpat. Aliquam erat volutpat. Vivamus id
ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Ut ac lorem. Proin venenatis rutrum nisl. Donec molestie laoreet
tortor. Maecenas velit. Vivamus pulvinar pellentesque eros. Nulla feugiat. Quisque
sit amet nulla mattis dolor adipiscing bibendum. Nam odio urna, convallis eu,
vestibulum eu, molestie in, libero. </p>
</div>
</div>
<div class="rowcontainer">
<div class="quartercolumn">
<h3>Example of four columns!</h3>
<p>Morbi metus diam, faucibus tincidunt, mattis et, tristique in, massa.
Pellentesque ac nulla in neque interdum suscipit. Nunc sodales. Curabitur a mauris.
Maecenas eu elit at tortor convallis congue. <br />
<br />
Donec id tortor ut ligula sagittis feugiat. Integer cursus. Vestibulum tellus
lectus, tincidunt sed, imperdiet eu, congue et, diam. In eget diam a tortor
pulvinar mattis. </p>
</div>
<div class="quartercolumn">
<h3>Example of four columns!</h3>
<p> Quisque et tellus. Nulla egestas rutrum massa. Etiam nisi. Morbi mauris
urna, auctor vel, ullamcorper et, cursus luctus, magna. Fusce tristique. Vestibulum
varius auctor dolor. Donec bibendum faucibus nibh. <br />
<br />
Duis dapibus blandit erat. Nam orci. Ut justo. Fusce ornare neque vitae leo.
Nullam laoreet. Etiam adipiscing, arcu nec dapibus laoreet, nunc nibh facilisis
erat, quis ultricies purus odio at tellus. </p>
</div>
<div class="quartercolumn">
<h3>Example of four columns!</h3>
<p>Curabitur at velit id massa gravida tristique. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Morbi convallis. Sed
aliquam nunc non quam. Nulla porttitor convallis erat. Cras venenatis. Quisque id
dolor. Vivamus vitae purus. Duis posuere, risus sit amet viverra bibendum, augue
eros pellentesque nibh, vitae mollis nisl libero nec justo. </p>
</div>
<div class="quartercolumn">
<h3>Example of four columns!</h3>
<p>Ut a nunc. Ut quam. Proin ullamcorper, leo ut varius luctus, nulla purus
ultricies nibh, ac ornare libero elit non elit. Donec cursus vestibulum mi. Sed
risus. Pellentesque justo. Nunc ac elit. </p>
</div>
</div>
<div id="bttmbar"> <span id="design">design: <a
href="http://www.davereederdesign.com/">davereederdesign.com</a></span><span
id="copyright">Copyright © 2005 Yourcopyright. All Rights Reserved</span>
</div>
<!-- end of bttmbar -->
</body>
</html>
<!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>Football</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<!-- Start of Page Header -->
<div id="page_header">
<h1><span>Football Card</span></h1>
<h3><span>Company Caption Here</span></h3>
</div>
<!-- End of Page Header -->
<!-- Start of Page Menu -->
<div id="page_menu">
<ul>
<li class="black" id="game"><a
href="#"><strong><span>Home</span></strong></a></li>
<li id="autographs"><a
href="#"><strong><span>Autographs</span></strong></a></li>
<li id="rookies"><a href="#"><strong><span>Rookies</span></strong></a></li>
<li id="cards"><a href="#"><strong><span>Number
Cards</span></strong></a></li>
<li id="commons"><a href="#"><strong><span>Commons</span></strong></a></li>
<li id="nonsports"><a
href="#"><strong><span>Nonsports</span></strong></a></li>
<li id="myebay"><a href="#"><strong><span>My Ebay</span></strong></a></li>
<li id="contactus"><a href="#"><strong><span>Contact
Us</span></strong></a></li>
</ul>
</div>
<!-- End of Page Menu -->
<!-- Start of Page Search -->
<div id="page_search">
<form action="#">
<div>
<h3>Search: </h3>
<input name="search" type="text" size="20" />
<input type="image" src="images/search_button.gif" alt="Go"
class="button" />
<div class="clearthis"> </div>
</div>
</form>
</div>
<!-- End of Page Search -->
<!-- Start of Page Content -->
<div id="page_content">
<div id="welcome_text">
<div class="content_box">
<h2><span>Welcome to Our Website</span></h2>
<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. <br/>
<br/>
If you’re having problems editing the template Please don’t
hesitate to ask for help on the forum. You will get help as soon as possible. You
can also use the forum to tell us what you like or dislike and what you would like
to see more. <br/>
<br/>
Your feedback is very important to us and we will do everything to
fulfill your wishes. <a href="#">More...</a></p>
</div>
</div>
<!-- Start of Services Column -->
<div id="services_column">
<!-- Start of Service Listing 1 -->
<div id="services1">
<div class="services_textbox">
<h2><span>Services 1</span></h2>
<p> Please don’t remove the link at the bottom. We have worked hard
to make the templates and ask that you respect our hard work so we can continue
providing you with high quality templates. </p>
<div class="link-more"> <a href="#">more</a> </div>
<div class="clearthis"> </div>
</div>
</div>
<!-- End of Service Listing 1 -->
<!-- Start of Service Listing 2 -->
<div id="services2">
<div class="services_textbox">
<h2><span>Services 2</span></h2>
<p> If you really want to remove the link you can buy a copyright free
version on our website. Thanks. </p>
<div class="link-more"> <a href="#">more</a> </div>
<div class="clearthis"> </div>
</div>
</div>
<!-- End of Service Listing 2 -->
<!-- Start of Service Listing 3 -->
<div id="services3">
<div class="services_textbox">
<h2><span>Services 3</span></h2>
<p> Please Please don’t remove the link at the bottom. We have
worked hard to make the templates and ask that you respect our hard work so we can
continue providing you with high quality templates. </p>
<div class="link-more"> <a href="#">more</a> </div>
<div class="clearthis"> </div>
</div>
</div>
<!-- End of Service Listing 3 -->
</div>
<!-- End of Services Column -->
<!-- Start of Order Cards -->
<div id="order_cards">
<div id="order_accept">
<h3><span>We Accept:</span></h3>
<img src="images/order_creditcards.gif" width="278" height="28"
alt="Paypal, Visa, Mastercard, Amex Discover, eCheck" /> </div>
<h2><span>Three Ways to Order Cards</span></h2>
<ul>
<li id="online"><a href="#"><span> </span><strong
class="block">Online</strong></a></li>
<li id="phone"><a href="#"><span> </span><strong
class="block">Phone</strong></a></li>
<li id="mail"><a href="#"><span> </span><strong
class="block">Mail</strong></a></li>
</ul>
<div class="clearthis"> </div>
<div id="order_text">
<p> If you really want to remove the link you can buy a copyright free
version on our website. <br />
<br />
Thanks. </p>
</div>
</div>
<!-- End of Order Cards -->
<!-- Start of Mailing List -->
<div id="mailing_list">
<h2>Join the Sports Card Mailing List Email</h2>
<form action="#">
<div>
<input type="text" />
<input type="image" src="images/mailinglist_button.gif" alt="Go"
class="button" />
</div>
</form>
</div>
<!-- End of Mailing List -->
<div class="clearthis"> </div>
</div>
<!-- End of Page Content -->
<!-- Start of Footer Links -->
<div id="footer_links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Mage Rone</a></li>
<li><a href="#">Rookies</a></li>
<li><a href="#">Number Cards</a></li>
<li><a href="#">Commons</a></li>
<li class="last"><a href="#">Contact Us</a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Footer Links -->
<!-- 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>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas04</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link type="text/css" rel="stylesheet" href="andreas04.css"
media="screen,projection" />
</head>
<body>
<div id="container">
<div id="sitetitle">
<h1><a href="#">close to attraction</a></h1>
<h2>the andreas04 template</h2>
</div>
<div id="menu"> <a href="#">home</a> <a href="#">archives</a> <a
href="#">profile</a> <a href="#">gallery</a> <a href="#">portfolio</a> <a
href="#">contact</a> </div>
<div id="content">
<div id="left">
<div class="entry">
<h2><a href="#">With a touch from the old school...</a></h2>
<img class="entryphoto" src="images/entryphoto.png" width="160"
height="213" alt="Entry photo example" />
<p>So here it is, my first open source template with classic .gif
animations! And maybe my last, since I find the .gif format outdated and mostly
annoying. If you feel the same, don't worry: It is really easy to remove the
animations and images - see the comments in the stylesheet for instructions.</p>
<h3>Standards and accessibility</h3>
<p>Despite the classic influences and the animated visuals, the coding is
very simple and modern. No Flash or scripts have been used, only valid XHTML 1.1
and CSS2. Because of that, the design works in most browsers, even in text-based
browsers. The design also complies to Section 508 and a WCAG 1.0 Double-A
accessibility ratings.</p>
<h3>Template version</h3>
<p>This theme was originally released in November 2005, but it has been
updated a number of times with various buxfixes and adjustments. This is
<strong>version 1.5</strong>, released July 15th, 2006. Please note that this is a
regular XHTML and CSS template, and not a theme for any blog or content management
system. You can use this template to build themes for different systems, but that
will require additional coding. However, the andreas04 design has been ported to a
number of blogs and systems already! For example, Tara Aukerman has created the
andreas04 theme for WordPress which has been added as one of the default themes on
WordPress.com. News and links to theme versions are posted on my website every now
and then, so if you want to use this design with a CMS I recommend you to search my
site for existing ports before you make your own.</p>
<p class="meta"><span class="date">July 15, 2006</span> Posted by Andreas |
Tags: Design, XHTML, CSS | 19 comments</p>
</div>
<div class="entry">
<h2><a href="#">Open source</a></h2>
<p>If you like this layout and would like to use it in any way, you are
free to do so. This design is released as open source, which means that you are
free to make any changes you may want to. I kindly ask that you leave the "Design
by Andreas Viklund" link in the footer, I would really appreciate that! If you use
this design for commercial purposes, please consider making a symbolic donation
through my website.</p>
<p>Also, if you would use this design to build a theme or template set for
WordPress, Textpattern, MovableType or any other interesting blog/CMS package, I
would be glad to distribute it through the blogs and CMS themes section of my
website!</p>
<p class="meta"><span class="date">November 22, 2005</span> Posted by
Andreas | Tags: Information, Themes | No comments</p>
</div>
<p class="pagenav"><a href="#">Older entries</a> | Newer entries</p>
</div>
<div id="right">
<h2>Wait, what's this?</h2>
<p class="intro">Welcome to the andreas04 template, a design made just for
fun! This is a fluid width design with a very simple layout, made with XHTML/CSS
(no tables) and less than 25 kilobytes of images. The design target has been to
present a non-standard visual appearance with some inspiration from the traditional
table/frame-based layouts from a few years ago - and to use animated .gif images
without doing too much damage to the design. Good luck with your new website!</p>
<h2>Latest photos</h2>
<p class="thumbs"> <a href="#"><img src="images/thumb1.png" width="80"
height="80" alt="Thumbnail example" /></a> <a href="#"><img src="images/thumb1.png"
width="80" height="80" alt="Thumbnail example" /></a> <a href="#"><img
src="images/thumb1.png" width="80" height="80" alt="Thumbnail example" /></a> <a
href="#"><img src="images/thumb1.png" width="80" height="80" alt="Thumbnail
example" /></a> </p>
<div class="subcontainer">
<div class="rightsub">
<h2>Popular tags</h2>
<a class="link" href="#">XHTML</a><br class="hide" />
<a class="link" href="#">Music</a><br class="hide" />
<a class="link" href="#">Podcast</a><br class="hide" />
<a class="link" href="#">Photos</a><br class="hide" />
<a class="link" href="#">CSS</a><br class="hide" />
<a class="link" href="#">Webdesign</a><br class="hide" />
<h2>RSS Feeds</h2>
<a class="link" href="#">Blog entries</a><br class="hide" />
<a class="link" href="#">Comments</a><br class="hide" />
<a class="link" href="#">Podcasts</a><br class="hide" />
</div>
<div class="rightsub2">
<h2>Latest entries</h2>
<a class="link" href="#">With a touch fr...</a><br class="hide" />
<a class="link" href="#">Open source</a><br class="hide" />
<a class="link" href="#">Hello world!</a><br class="hide" />
<h2>Favorite links</h2>
<a class="link" href="#">Free templates</a><br class="hide" />
<a class="link" href="#">Open Web Design</a><br class="hide" />
<a class="link" href="#">Made in Jokkmokk</a><br class="hide" />
<a class="link" href="#">Solucija.com</a><br class="hide" />
<a class="link" href="#">OSWD.org</a><br class="hide" />
</div>
</div>
</div>
<div id="footer">
<h2 class="hide">Site info</h2>
<span>close to attraction</span><br />
© 2005 Your Name | Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a href="#">Homepage</a> |
<a href="http://validator.w3.org/check?uri=referer">XHTML</a> / <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> / AA / 508 </div>
</div>
</div>
</body>
</html>
<!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>Fotoladia</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Fotoladia</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Fotoladia!</h2>
<p><em><strong>Fotoladia</strong></em> is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<h3>Sample Unordered List</h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
<h3>An Older Post Example</h3>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue:</p>
<ol>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<div class="credits">
<p class="file"><small>January 4th, 2007 by Author</small></p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<form id="form1" method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Pages</h2>
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Friends</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">Blog-o-friend.com</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Fotoladia. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Fractal Broccoli</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li class="active"><a href="#" accesskey="2">Photos</a></li>
<li><a href="#" accesskey="3">Links</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
<li id="rss"><a href="#" accesskey="6">RSS Feeds</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="header">
<h1><a href="#">Fractal Broccoli</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<!-- end #header -->
<div id="content">
<div id="latest-post">
<h2 class="title">Welcome to Fractal Broccoli!</h2>
<div class="story">
<p><strong>Fractal Broccoli</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #latest-post -->
<div id="posts">
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
</div>
<!-- end #posts -->
<div id="links">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">February 2007</a> <i>(22)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
<li>
<h2>Blog Roll</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #links -->
<div style="clear: both;"> </div>
</div>
<!-- end #content -->
<div id="footer">
<p>Copyright © 2007 Fractal Broccoli. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!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>Free Style</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="default.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<style>
#content{margin-left:-40px;}
#rightside{margin-right:0px;margin-left:-43px;}
#sidebar{margin-left:-30px;padding:0 40px 0 40px;}
#sidebar ul.nav{margin:10px -20px;padding:0}
#sidebar h1,#sidebar h3{margin-right:-30px;}
#content ul{padding-left:20px;list-style-position:outside;}
#footer ul{margin-left:20px;}
#footer li{margin:-1 0;}
#footer .footer_links{margin-bottom:0;padding-bottom:1px;}
#footer li.top_link{padding-bottom:20px;}
#footer .ie_foot{position:relative;top:20px;}
</style>
<![endif]-->
<!--[if IE 7]>
<style>
#sidebar{margin-left:-20px;padding:0 60px 0 20px;}
#sidebar ul.nav{margin:0 -20px;padding:0}
#sidebar h1,#sidebar h3{margin-right:-30px;}
#content ul{padding-left:20px;list-style-position:outside;}
#footer ul{margin-left:40px;}
#footer li a{margin:-1px 0 0 0;}
#footer .footer_links{margin-bottom:0;}
#footer .ie_foot{position:relative;top:30px;}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="rightside">
<div id="title">
<p>free style</p>
</div>
<div id="sidebar">
<ul class="nav">
<li><a href="#">home page</a></li>
<li><a href="#">cool links</a></li>
<li><a href="#">my artwork</a></li>
<li><a href="#">calendar</a></li>
<li><a href="#">contact me</a></li>
</ul>
<img src="img/star2.jpg" alt="star" style="display:none"/>
<h1>recent updates</h1>
<h3>last updated: 10/31/06</h3>
<ul id="gallery">
<li><a href="#"><b>First news item</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>October surprise</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>don't forget to vote</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>hover news rocks!</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>OWD gets an update</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>use as link list</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>Taking names</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
<li><a href="#"><b>keep it under 8 items</b><br />
<span class="spacer"> </span><br />
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <i>Read More...</i></span></a></li>
</ul>
<h1>side item</h1>
<h3>a note, form, or ad</h3>
<p>This template is valid <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> 1.0 Strict and the <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> file validates as well. It has been released under
the Creative Commons Attribution v2.5 license. If you use this template, please
keep a link to me on the site. Thank you.</p>
</div>
</div>
<div id="content">
<h1>welcome to my blog</h1>
<h3>by michael on october 31, 2006</h3>
<p>This template was inspired by some artist friends of mine and I hope you
find it useful. You can replace the title to the left by changing the text in the
HTML or by using a bitmap <a href="http://adobe.com">graphics application</a> to
modify the background graphic and add your own styled text.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh. Vivamus viverra. Nullam turpis. Vestibulum sed etiam. Euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class="blogfoot"><span class="foot_top">Filed under: <a
href="#">Templates</a>, <a href="#">Technology</a>, <a href="#">Latin</a>, <a
href="#">Web-Design</a></span><br />
<span class="foot_bottom"> <a href="#">permalink</a> | <a
href="#">comments</a></span></div>
<h1>bold and em styles</h1>
<h3>by michael on october 26, 2006</h3>
<p><img src="img/skate.jpg" alt="Skater" class="l_blog" />If you need to make
more room for the blog titles and keep them on one line, simply adjust the size of
the #content H1 style. Bold text looks <b>like this</b>. It's 'Arial Black' and
#FFF just like the title and the headers, however, if the person viewing the site
removed 'Arial Black' then the font-weight:600 property will take care of bolding
it as much as possible.</p>
<p>Emphesized or italisized text looks <em>like this</em>. I don't think the
look of Arial's italics stands out, so I usually swap it out with Georgia.</p>
<div class="blogfoot"><span class="foot_top">Filed under: <a
href="#">Templates</a>, <a href="#">Technology</a>, <a href="#">Latin</a>, <a
href="#">Web-Design</a></span><br />
<span class="foot_bottom"> <a href="#">permalink</a> | <a
href="#">comments</a></span></div>
<h1>hover news & quotes</h1>
<h3>by michael on october 18, 2006</h3>
<p> <a href="#"><img src="img/skate.jpg" alt="Skater" class="r_blog"
/></a>Right under the navigation menu to the right you will see a heading called
Recent Updates. If you hover over the news items a short summary will pop up and
allow you to click to get to another page. You can use this as a link list giving
people a short description of what your link is about. I learned the technique from
Stu at <a href="#">CSS Play</a>. The original demo was to display a small photo
gallery this way but I adapted it for text.</p>
<blockquote>
<p>This is what quoted text looks like. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</blockquote>
<div class="blogfoot"><span class="foot_top">Filed under: <a
href="#">Templates</a>, <a href="#">Technology</a>, <a href="#">Latin</a>, <a
href="#">Web-Design</a></span><br />
<span class="foot_bottom"> <a href="#">permalink</a> | <a
href="#">comments</a></span></div>
<h1>and don't forget lists</h1>
<h3>by michael on october 2, 2006</h3>
<p>This is just a simple unordered list with a small 9×9 transparent 2-
color gif in the shape of a diamond. It lists the browsers I tested this template
with.</p>
<ul>
<li>Firefox 1.5-2.0 (Mac & PC)</li>
<li>Safari 2.0.4</li>
<li>Internet Explorer 6 & 7</li>
<li>Opera 9.02 (Mac & PC)</li>
</ul>
<p>The ordered list shared most of the same propertties save for the list item
image above.</p>
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipisicing elit</li>
<li>Sed diam nonummy nibh</li>
<li>Vivamus viverra. Nullam turpis</li>
</ol>
<div class="blogfoot"><span class="foot_top">Filed under: <a
href="#">Templates</a>, <a href="#">Technology</a>, <a href="#">Latin</a>, <a
href="#">Web-Design</a></span><br />
<span class="foot_bottom"> <a href="#">permalink</a> | <a
href="#">comments</a></span></div>
</div>
<div id="footer">
<div class="footer_links">
<ul>
<li class="top_link">my links</li>
<li><a href="#">digg.com</a></li>
<li><a href="#">Slashdot</a></li>
<li><a href="#">wikipedia</a></li>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">topleft pixel</a></li>
<li><a href="#">Apple</a></li>
</ul>
<ul>
<li class="top_link">web Design</li>
<li><a href="#">CSS Play</a></li>
<li><a href="#">Squidfingers</a></li>
<li><a href="#">Kaliber 10K</a></li>
<li><a href="#">Photoshop Star</a></li>
<li><a href="#">A List Apart</a></li>
<li><a href="#">Fractured Sanity</a></li>
</ul>
</div>
<div class="ie_foot">
<p><span class="rf_item">© 2006 www.yourwebsite.com</span> | <span
class="rf_item"><a href="http://validator.w3.org/check?uri=referer">XHTML</a>
1.1</span> | <span class="rf_item">Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a></span> | <span class="rf_item">Design by Tony
Pires</span></p>
</div>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Free CSS Templates - Free Template Fresh Air</title>
<meta name="description" content="Free CSS Templates features free templates from
website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates,
Templates, Free Templates, CSS" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!--<link rel="stylesheet" type="text/css" href="1-freshair800.css"
media="screen"/>-->
<link rel="stylesheet" type="text/css" href="1-freshair1024.css" media="screen"/>
</head>
<body>
<div id="MainWrapperBlock">
<div id="WrapperGray">
<div id="Header">
<div id="InnerHeader">
<h1>Fresh Air</h1>
<div id="Title"><a href="#">Fresh Air</a></div>
<h2>Fresh as a Daisy</h2>
</div>
</div>
<div style="clear: both;"><br/>
</div>
<div id="navcontainer2">
<ul id="navlist2">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About us</a></li>
</ul>
</div>
<div style="clear: both;"><br/>
</div>
<div id="RightColumn">
<div id="RightOne" class="RightContents">
<h3>In the News</h3>
<p><b>Oracle Upgrades Search Engine:</b> <br/>
Feb 5, 2007 09:03 PM<br/>
Oracle on Monday launched an upgrade of its standalone search engine,
adding support for third-party identity management directories in order to tap into
a company's existing security rules.</p>
<p><b>IBM CEO Palmisano To Get $1.8 Million Salary In 2007:</b> <br/>
Feb 5, 2007 06:35 PM <br/>
International Business Machines Corp., whose stock rose 16 percent last
year as it expanded in software, said Monday that Chief Executive Samuel Palmisano
will be paid a $1.8 million salary in 2007 and stands to receive another $5 million
in incentive pay, the same as last year.</p>
</div>
<div id="RightTwo" class="RightContents">
<h3>Quick Links</h3>
<ul>
<li><a href="#">OSWD</a></li>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">Wikipedia</a></li>
<li><a href="#">India News</a></li>
</ul>
</div>
</div>
<div id="LeftContainer">
<div id="LeftContents">
<h2>Introduction to Design</h2>
<span id="WrapText"> <img src="images/daisy.jpg" alt="Fresh as a daisy"
width="200" height="150" style="border:1px solid black;"/> </span>
<p>Thanks for your interest in this template. This is our first open web
template Design. This is a simple template with one header, a horizontal menu, and
two content columns. It also has a text based shadow effect (which behaves
undesirably for different text size) which provides some extra attraction to the
logo. The right hand side column can be used to add favorite links, Google ads etc.
We have tested this template in Firefox 1.5, Opera 8.5 and IE 6.0 and it works fine
in all these browsers. This is a valid <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and it is also very easy to customize. </p>
<p>You can use this template with no restrictions; just leave the "Designed
by" information as it is at the bottom. Good luck to your website.</p>
<h2>'Fresh Air' in six colors</h2>
<p><b>Fresh Air</b> template comes in six colors: two shades of green, two
shades of purple, brown and blue. Each color, in turn, caters to two most prevelant
screen resolutions: 1028x768 and 800x600. Link to various available css files to
try each one before deciding which one to use.</p>
<p>All Designs are valid <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a>. All the templates are released under the <a
href="http://en.wikipedia.org/wiki/Creative_Commons_License" title="Creative
Commons License">Creative Commons License</a>.</p>
<h2>A little bit more text</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras eget mi.
Proin viverra dignissim nulla. Donec sollicitudin est eget tellus. Pellentesque
diam lorem, varius ac, adipiscing sed, blandit nec, nunc. Phasellus odio est,
condimentum quis, convallis id, pretium porttitor, nulla. Nulla sit amet odio.
Vestibulum neque quam, eleifend quis, consequat nec, pulvinar et, arcu. Morbi
auctor commodo lorem. Nam vitae lorem. Phasellus malesuada gravida nisi. Curabitur
interdum commodo tortor. Donec porta interdum leo. Quisque id urna sit amet lacus
fermentum malesuada. Etiam purus libero, interdum quis, mattis aliquet, vulputate
sed, felis. Mauris vitae justo eget elit faucibus venenatis. Integer non ipsum at
elit vulputate sollicitudin. Vestibulum congue magna ut sem. Praesent nec lectus.
Donec malesuada, ligula eu dignissim adipiscing, lorem leo pulvinar leo, eget
bibendum purus dui ut purus. Morbi dui elit, adipiscing nec, tristique eu,
ullamcorper nec, diam.</p>
<p><b>IBM CEO Palmisano To Get $1.8 Million Salary In 2007:</b> <br/>
International Business Machines Corp., whose stock rose 16 percent last
year as it expanded in software, said Monday that Chief Executive Samuel Palmisano
will be paid a $1.8 million salary in 2007 and stands to receive another $5 million
in incentive pay, the same as last year.</p>
<p><b>Oracle Upgrades Search Engine:</b> <br/>
Oracle on Monday launched an upgrade of its standalone search engine,
adding support for third-party identity management directories in order to tap into
a company's existing security rules.</p>
</div>
</div>
<div id="Footer">
<div id="Footer1">Copyright © 2007 Your Company Name.</div>
<div id="Footer2">Design by <a
href="http://www.sumanasa.com/">Sumanasa.com</a> | <a href="#">India News</a> | <a
href="#">Hindi News</a></div>
</div>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js"
type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-24";
urchinTracker();
</script>
</body>
</html>
<!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>
<title>*FRESH*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a id="current" href="#">Homepage</a></li>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Six</a></li>
</ul>
</div>
<div class="intro">
<h2>Welcome to <span style="font-weight:bold; color:#069;">Fresh</span>
Template</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" />
<strong>This template has been tested in Mozilla and IE7. The page validates as
XHTML 1.0 Transitional using valid CSS. For more templates visit <a
href="http://www.mitchinson.net" title="my website">my website</a>.</strong> </p>
<p>» <a href="#">Read more</a></p>
</div>
<div class="separator"></div>
<div class="intro2">
<h2>Resources</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" /> Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et
cursus pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.
Phasellus sem lacus, tristique et, convallis non, mollis id ...</p>
<p>» <a href="#">Read more</a> </p>
</div>
<div class="intro3">
<h2>About Us</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" /> Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et
cursus pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.
Phasellus sem lacus, tristique et, convallis non, mollis id ...</p>
<p>» <a href="#">Read more</a> </p>
</div>
<div style="clear:both;"></div>
<div id="sidebar">
<h1>News</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus. </p>
<h1>Links </h1>
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic </a></li>
</ul>
</div>
<div id="content">
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>
<title>*FRESH*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a id="current" href="#">Homepage</a></li>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
<li><a href="#">Link Six</a></li>
</ul>
</div>
<div class="intro">
<h2>Welcome to <span style="font-weight:bold; color:#069;">Fresh</span>
Template</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" />
<strong>This template has been tested in Mozilla and IE7. The page validates as
XHTML 1.0 Transitional using valid CSS. For more templates visit <a
href="http://www.mitchinson.net" title="my website">my website</a>.</strong> </p>
<p>» <a href="#">Read more</a></p>
</div>
<div class="separator"></div>
<div class="intro2">
<h2>Resources</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" /> Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et
cursus pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.
Phasellus sem lacus, tristique et, convallis non, mollis id ...</p>
<p>» <a href="#">Read more</a> </p>
</div>
<div class="intro3">
<h2>About Us</h2>
<p><img class="imgleft" src="img/orb.png" alt="icon" title="icon" /> Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Integer imperdiet, eros et
cursus pharetra, nulla ante fermentum magna, eget rutrum mi urna in purus.
Phasellus sem lacus, tristique et, convallis non, mollis id ...</p>
<p>» <a href="#">Read more</a> </p>
</div>
<div style="clear:both;"></div>
<div id="sidebar">
<h1>News</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus. </p>
<h1>Links </h1>
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic </a></li>
</ul>
</div>
<div id="content">
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
<h1>This is a header - h1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur lacinia.
Etiam iaculis felis id nisi. Cras eu sem. Aliquam erat volutpat. Vestibulum
vehicula, lorem at fringilla porttitor, ligula turpis lacinia nibh, et vestibulum
est nibh ut elit. Ut gravida. Etiam eleifend. Maecenas aliquam, mauris eu suscipit
faucibus, lorem lacus faucibus dolor, eget faucibus velit magna eu lectus.</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>Fun Ride</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<h1><a href="#">Fun Ride</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<!-- end div#logo -->
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end div#menu -->
</div>
<!-- end div#header -->
<div id="page">
<div id="content">
<div id="welcome">
<h1>Welcome to Fun Ride!</h1>
<p><strong>Fun Ride!</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
<ol>
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida
blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque
pharetra.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat
eleifend.</a></li>
<li><a href="#">Etiam ac tortor eu metus euismod lobortis.</a></li>
<li><a href="#">Duis non ante in metus commodo euismod lobortis.</a></li>
</ol>
</div>
<!-- end div#welcome -->
<div id="sample1" class="boxed">
<h2>Sample One</h2>
<ul>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis </a></li>
<li><a href="#">Etiam malesuada enim</a></li>
<li><a href="#">Aenean elementum facilisis </a></li>
<li><a href="#">Ut tincidunt elit vitae augue</a></li>
<li><a href="#">Sed quis odio sagittis leo </a></li>
</ul>
</div>
<!-- end div#sample1 -->
<div id="sample2" class="boxed">
<h2>Sample Two</h2>
<p>Quisque dictum nisl risus, sagittis, rutrum id, and nibh:</p>
<ul>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada enim</a></li>
<li><a href="#">Aenean elementum facilisis </a></li>
</ul>
</div>
<!-- end div#sample2 -->
</div>
<!-- end div#content -->
<div id="sidebar">
<ul>
<li id="submenu">
<h2>Other Links</h2>
<ul>
<li><a href="#">Semper vestibulum</a></li>
<li><a href="#">Vestibulum luctus</a></li>
<li><a href="#">Integer rutrum</a></li>
<li><a href="#">Etiam malesuada</a></li>
<li><a href="#">Elementum facilisis</a></li>
<li><a href="#">Ut tincidunt</a></li>
<li><a href="#">Odio sagittis</a></li>
</ul>
</li>
<!-- end li#submenu -->
<li id="news">
<h2>News & Updates</h2>
<ul>
<li>
<h3>25th May</h3>
<p><a href="#">Pellentesque quis elit non lectus gravida
blandit…</a></p>
</li>
<li>
<h3>23rd May</h3>
<p><a href="#">Lorem ipsum dolor sit amet, consectetuer
adipiscing…</a></p>
</li>
<li>
<h3>21st May</h3>
<p><a href="#">Phasellus nec erat sit amet nibh pellentesque
congue…</a></p>
</li>
<li>
<h3>17th May</h3>
<p><a href="#">Maecenas vitae orci vitae tellus feugiat
eleifend…</a></p>
</li>
</ul>
</li>
<!-- end li#news -->
</ul>
</div>
<!-- end div#sidebar -->
<div style="clear: both; height: 1px"></div>
</div>
<!-- end div#page -->
<div id="footer">
<p id="legal">Copyright © 2007 Fun Ride. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
<!-- end div#footer -->
</div>
<!-- end div#wrapper -->
</body>
</html>
<!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>Funky Corporate Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<link href="global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Container">
<div id="Top">
<h1><img src="logo.gif" alt="Cool Web site Designs" width="160" height="50"
class="logo" />Funky Corporate Design</h1>
<h2>Your sub header title goes here </h2>
</div>
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Navigation 2</a></li>
<li><a href="#">Navigation 3</a></li>
<li><a href="#">Navigation 4</a></li>
<li><a href="#">Navigation 5</a></li>
<li class="last"><a href="#">Navigation 6</a></li>
</ul>
</div>
<div id="TopImage"><img src="top.jpg" alt="" width="800" height="174" /></div>
<div id="InfoLine">Latest news Text line.</div>
<div id="MainText">
<div id="MainText-right">
<h1>Welcome to our design studio that offers the coolest designs.</h1>
<p>Empire Elements is a UK Web Design Company delivering web sites, custom
web design and web site hosting to businesses and individuals. We take proper care
of the smallest job and we anticipate your needs.</p>
<p>We are specialists in web site design that requires precision code,
supporting W3C standard (please see statement of validation at the bottom of this
page), web hosting, multi browser support and Optimization for the search engines.
When we build a web site our web sites are by default tested in all major browsers,
to ensure visitors of your site encounter flawless experience.
Over 3 years of design company UK business experience, operating world wide
with bases in the United Kingdom and Europe. <br />
<br />
No fixed office hours, help when you need it.</p>
</div>
<div id="MainText-left">
<ul>
<li><a href="#">Original Web design Style</a></li>
<li><a href="#">W3C standard Validation</a></li>
<li><a href="#">Explicit Coding Techniques</a></li>
<li><a href="#">Makeovers</a></li>
<li><a href="#">Multibrowser Support</a></li>
<li><a href="#">LIVE Feature</a></li>
<li><a href="#">Code Optimization</a></li>
<li><a href="#">Our Clients</a></li>
<li><a href="#">Benefits with Us</a></li>
</ul>
</div>
</div>
<div id="Footer">
<p> Designed By <a href="http://www.empire-elements.co.uk/" title="Empire
Elements web design">Empire Elements</a><br />
<b>More Info:</b> | <a href="#">Terms and Conditions</a> | <a
href="#">Testimonials</a> | <a href="#">Contact Us</a><br />
This web site is <a href="http://validator.w3.org/check?uri=referer">W3C
XHTML 1.0 Strict VALID</a><br />
<b>Link Exchange: </b><a href="#">Add your site free</a>, <a href="#">Add
your site free</a><br />
Licenced under <a href="http://creativecommons.org/licenses/by-nc-
sa/2.0/uk/">Creative Commons Attribution-Noncommercial-Share Alike 2.0 UK</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>The Pig</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1"
/>
<link rel="stylesheet" href="mike02.css" type="text/css" />
</head>
<body>
<div id="container" >
<div id="headerWrap">
<div id="header">
<h1><a href="#">mike02: funny animal</a></h1>
<ul id="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">Page4</a></li>
<li><a href="#">Page3</a></li>
<li><a href="#">Page2</a></li>
<li><a href="#">Page1</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="contentHeader">
<div id="siteDescription">
<p>Here could be the description of your cool site!</p>
</div>
</div>
<div id="main">
<div class="post">
<h2>Open Source Template</h2>
<p>This template is an open source template. It's distributing under
Creative Commons 2.5 licence.
That means that you can use it in any way you like. All I ask for is that
you leave the "Design by Mike Yarmish"
link in the footer of the site. If you would like to remove that line, or
if you are interested
in professional services that are related to webDesign or this layout
(such as custom Design,
branding, scripting or programming), please contact me through my website
for more information!</p>
</div>
<div class="post">
<h2>Design Features</h2>
<p>The template is optimized for 800x resolution but looks nice at
different resolutions too.
The main header-with menu is liquid and change it's width in different
resolutions.
Content colums are easly changeble by float property in CSS.</p>
<blockquote>
<p>Some blockquote text which is showed as an example how it looks
like.</p>
</blockquote>
Example of an un-ordered list:
<ul>
<li>That is</li>
<li>how it</li>
<li>looks like</li>
</ul>
As you can see, the link color is <a href="#">light pink</a>. </div>
</div>
<div id="secondary">
<h2>About</h2>
<p>Here could be some sidebar. You can put here whatever you want. May be
some linkroll or some
additional information</p>
<h2>Version</h2>
<p>Template: mike02_2: funny animal. The Pig.</p>
<p>Current template version: 1.0 (15/07/06)</p>
<h2>Search</h2>
<form method="get" id="searchform" action="#">
<fieldset>
<input type="text" name="s" id="searchtext" />
<input type="submit" id="searchsubmit" value="search" />
</fieldset>
</form>
</div>
</div>
<div id="footer">
<p>© 2006 Your or your company name | Design by <a
href="http://www.mikeyarmish.com">Mike Yarmish</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Gallerised
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gallerised</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- s3slider -->
<script type="text/javascript" src="layout/scripts/jquery.s3slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#featured_slide_').s3Slider({
timeOut:6000
});
});
</script>
<!-- / s3slider -->
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div id="topnav">
<ul>
<li class="last"><a href="pages/gallery.html">Gallery Demo</a><span>Test
Text Here</span></li>
<li><a href="#">DropDown</a><span>Test Text Here</span>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a><span>Test Text
Here</span></li>
<li><a href="pages/style-demo.html">Style Demo</a><span>Test Text
Here</span></li>
<li class="active"><a href="index.html">Homepage</a><span>Test Text
Here</span></li>
</ul>
</div>
<div class="fl_left">
<h1><a href="index.html">Gallerised</a></h1>
<p>Free Website Template</p>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="featured_slide_">
<ul id="featured_slide_Content">
<li class="featured_slide_Image"><a href="pages/gallery.html"><img
src="images/demo/homepage/1.gif" alt="" /></a>
<div class="introtext">
<h2>Category 1 Title</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. For more CSS templates visit
<a href="http://www.os-templates.com/">Free Website Templates</a>.</p>
</div>
</li>
<li class="featured_slide_Image"><a href="pages/gallery.html"><img
src="images/demo/homepage/2.gif" alt="" /></a>
<div class="introtext">
<h2>Category 2 Title</h2>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
</div>
</li>
<li class="featured_slide_Image"><a href="pages/gallery.html"><img
src="images/demo/homepage/3.gif" alt="" /></a>
<div class="introtext">
<h2>Category 3 Title</h2>
<p>Short introduction text for category 3…</p>
</div>
</li>
<li class="featured_slide_Image"><a href="pages/gallery.html"><img
src="images/demo/homepage/4.gif" alt="" /></a>
<div class="introtext">
<h2>Category 4 Title</h2>
<p>Short introduction text for category 4…</p>
</div>
</li>
<li class="featured_slide_Image"><a href="pages/gallery.html"><img
src="images/demo/homepage/5.gif" alt="" /></a>
<div class="introtext">
<h2>Category 5 Title</h2>
<p>Short introduction text for category 5…</p>
</div>
</li>
<li class="clear featured_slide_Image">
<!-- Leave This Empty -->
</li>
</ul>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="footer">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas05</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="andreas05.css" />
</head>
<body>
<div id="title">
<h1>YOUR SITE TITLE</h1>
</div>
<div id="container">
<div id="sidebar">
<h2>Site menu</h2>
<a class="menu" href="#">Home</a> <a class="menu" href="#">Sample</a> <a
class="menu" href="#">Sample</a> <a class="menu" href="#">Sample</a> <a
class="menu" href="#">Sample</a> <a class="menu" href="#">Sample</a> <a
class="menu" href="#">Sample</a>
<p class="sidenote">More templates:<br />
<a href="#">AV</a> | <a href="#">OWD</a> | <a href="#">OSWD</a></p>
<p class="sidenote">WordPress themes:<br />
<a href="#">AV</a> | <a href="#">Jokkmokk</a></p>
<p class="sidenote">Version:<br />
andreas05 v2.0<br />
(Jul 15, 2006)</p>
</div>
<div id="main">
<h2>andreas05 - the simple solution!</h2>
<img src="dragonmini.png" width="125" height="125" alt="Dragon screenshot" />
<p>Sometimes, the simple things are the most beautiful. This design was made
with simplicity in mind, to make it quick and easy to edit the code and get your
website online. The amount of code is very small, and the layout is very basic. No
visual effects, no advanced features, just a very simple template.</p>
<p><strong>Note:</strong> If you don't like the dragon (which was made using a
freeware font named "Tattoo"), you can easily replace it with an image of your own!
</p>
<h2>An open source design!</h2>
<p>This design is released as open source, which means that you can make any
changes you may want to, and use the page in any way you want to as long as you
give the proper credits to the original author. Have fun! If you want more designs
to choose from, you can visit my website where you can download more templates by
me.</p>
<p class="credits"><strong>© 2005 Your name</strong> | Design by <a
href="http://andreasviklund.com/">Andreas Viklund</a> | <a
href="#">Homepage</a></p>
</div>
<div id="footer"></div>
</div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<title>Game Zone</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<div id="body_image"> </div>
<div id="page_header">
<h1><span>Game Zone</span></h1>
<h3><span>Welcome to Game Zone</span></h3>
<div class="clearthis"> </div>
</div>
<div id="page_menu">
<ul>
<li class="online"><a href="#"><span>Online</span></a><span></span></li>
<li class="downloads"><a
href="#"><span>Downloads</span></a><span></span></li>
<li class="community"><a
href="#"><span>Community</span></a><span></span></li>
<li class="about"><a href="#"><span>About Zone</span></a><span></span></li>
</ul>
</div>
<div id="page_forms">
<div id="userlogin">
<div id="userlogin_header">
<h2><span>User Login</span></h2>
</div>
<form action="#">
<div id="field_username"> <strong><span>Log in:</span></strong>
<input type="text" />
</div>
<div id="field_password"> <strong><span>Password:</span></strong>
<input type="text" />
</div>
<div id="button_enter">
<input type="image" src="images/userlogin_enter.gif" alt="Enter"
class="button" />
</div>
</form>
<div id="userlogin_links"> <a href="#" id="register"><strong><span>Register
>>></span></strong></a> <br />
<a href="#" id="notregister"><strong><span>Not Registered Yet?
</span></strong></a> </div>
</div>
<div id="sitesearch_header">
<h2><span>Site Search</span></h2>
</div>
<div id="sitesearch">
<form action="#">
<div>
<input type="text" />
<input type="image" src="images/sitesearch_button.gif" alt="Go"
class="button" />
</div>
<div class="clearthis"> </div>
</form>
</div>
</div>
<div id="content_body">
<div id="reviews_box">
<div id="reviews">
<div class="content_header">
<h2><span>Recent Reviews</span></h2>
</div>
<div class="content_entry">
<div class="thumbnail"><img src="images/_image01.gif" width="121"
height="90" alt="Image Caption" /></div>
<div class="entry_text">
<p>We add new <a href="#">free website templates</a> frequently.</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>
</div>
<div class="clearthis"> </div>
</div>
<div class="content_entry">
<div class="thumbnail"><img src="images/_image02.gif" width="118"
height="88" alt="Image Caption" /></div>
<div class="entry_text">
<p>This is just a place holder so you can see how the site would look
like.</p>
<p>The template is designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a> for you for
free you can replace all the text by your own text.</p>
</div>
<div class="clearthis"> </div>
</div>
</div>
</div>
<div id="playnow_box">
<div id="playnow">
<div class="content_header">
<h2><span>Play Now</span></h2>
</div>
<div class="content_entry">
<div class="thumbnail"><img src="images/_image03.gif" width="118"
height="88" alt="Image Caption" /></div>
<div class="entry_text">
<h3> <a href="http://www.justwebtemplates.com">Just Web Templates</a>
<br />
</h3>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
</div>
<div class="clearthis"> </div>
</div>
<div class="content_entry">
<div class="thumbnail"><img src="images/_image04.gif" width="118"
height="88" alt="Image Caption" /></div>
<div class="entry_text">
<h3> <a href="http://www.templatebeauty.com">Template Beauty</a> <br />
</h3>
<p>If you're looking for beautiful and professionally made templates
you can find them at <a href="http://www.templatebeauty.com">Template
Beauty</a>.</p>
</div>
<div class="clearthis"> </div>
</div>
</div>
</div>
</div>
<div id="clearthis_contentbody"> </div>
</div>
<div id="page_footer"> Copyright <a href="#">www.yoursite.com</a> | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Gemstone</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css"/>
</head>
<body>
<div class="top">
<h1>Gameportal.com <span>your slogan goes here</span></h1>
</div>
<div class="header">
<div class="menu">
<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#">News Archive</a></li>
<li><a href="#">Editorials</a></li>
<li><a href="#">Links</a></li>
</ul>
<ul>
<li><a href="#">Profiles</a></li>
<li><a href="#">Columns</a></li>
<li><a href="#">Hosted Sites</a></li>
<li><a href="#">FORUM</a></li>
</ul>
<ul>
<li><a href="#">ABOUT</a></li>
<li><a href="#">Guidelines</a></li>
<li><a href="#">RSS Feeds</a></li>
<li><a href="#">Buttons</a></li>
</ul>
</div>
</div>
<div class="content_left">
<div class="date">Saturday 22th of November</div>
<div class="newsitem">
<div class="title">QuakeWorld CD Project Update</div>
<div class="body"> <img src="img/somepicture.gif" width="120" height="120"
class="left" alt=""/>
<p>Mr.Noname from the QuakeWorld CD Project has released a new version of the
bootable linux Quakeworld CD. New features in version 0.1.5 include SSH support,
ALSA (Advanced Linux Sound Architecture), and a new simplified setup and
configuration.</p>
<p>Additional details on the QuakeWorld CD Project may be obtained in our
original news post dated several months ago, and on the official QWCD forums right
here at QuakeWorld.nu.</p>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="newsitem">
<div class="title">Duelmania coverage</div>
<div class="body">
<p>I just uploaded the MVDs packed with MP3 from the shoutcast stream. I'm
sorry to say that we still don't have any QTV for QW, so we will have to make do
with the resources we have available. For djWHEAT to reach his iTG audience it was
not possible to sync stream over TeamSpeak together with shoutcast. This meant all
the live stream was about 40 seconds delayed.</p>
<ul>
<li>Fortunately</li>
<li>Audience</li>
<li>Possible</li>
</ul>
<p>Fortunately it's fairly easy for you to download the packages and use
fuhquake's build-in winamp player and sync the stream with demos.</p>
<p>On a sidenote, ingame sounds were also included in Noones stream so it
might be wise to turn down, or completely turn off quake sound while watching and
listnening to the mp3's.</p>
</div>
<div class="clearer"><span></span></div>
</div>
<div class="newsitem">
<div class="title">ezQuake gone SourceForge!</div>
<div class="body">
<p>ezQuake has become more serious as we now see it hosted by sourceforge.
What is ezQuake? I see it as copy-paste client taking all the great features from
other projects and putting them together in a blender, based on latest FuhQuake
release.</p>
<div class="quote">ezQuake has become more serious as we now see it hosted by
sourceforge. What is ezQuake? I see it as copy-paste client taking all the great
features from other projects and putting them together in a blender, based on
latest FuhQuake release.</div>
</div>
<div class="clearer"><span></span></div>
</div>
</div>
<div class="content_right">
<div class="links">
<div class="title">Latest League Results</div>
<a href="#">Hungary - N.America 2-3</a> <a href="#">Sweden - Netherlands 3-
2</a> <a href="#">UK - Poland 0-5</a> <a href="#">Germany - Belgium 5-0</a> <a
href="#">Russia - Portugal 5-0</a> <a href="#"><b>» more</b></a>
<div class="title">Latest 5 QW Demos</div>
<a href="#">Disconnect vs. Badname</a> <a href="#">Bewi vs. goldenboy</a> <a
href="#">Xalibur vs. Hawkkii</a> <a href="#">Me vs. you</a> <a href="#">you vs.
me</a> <a href="#"><b>» more</b></a>
<div class="title">Statistics</div>
<a href="#">Hits Today: 1632</a> <a href="#">Hits Alltime: 369843</a> <a
href="#">Users: 1991</a> <a href="#">Online: 16</a> <a href="#"><b>» more</b></a>
</div>
</div>
<div class="footer">
<div class="copyright">© 2006<a href="#">Website</a>. Design by <a
href="http://templates.arcsin.se">Arcsin</a>.</div>
</div>
</body>
</html>
<!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>Garden Mesh</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Garden Mesh</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Garden Mesh!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Garden Mesh</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>A sample ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A sample unordered list:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
</ul>
<p>A blockquote:</p>
<blockquote>
<p>“ Donec fermentum condimentum nisi. Proin iaculis id lorem
viverra molestie. Duis vel orci. Et pulvinar pede ligula a sapien. Donec fermentum
nisi. Proin iaculis mauris id lorem viverra molestie. Duis vel orci. Nam
consequat. Morbi nec lacus.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="search" class="boxed">
<h2 class="heading">Search</h2>
<div class="content">
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>
</div>
<div id="pages" class="boxed">
<h2 class="heading">Pages</h2>
<div class="content">
<ul class="links">
<li class="active"><a id="page1" href="#">Home</a></li>
<li><a id="page2" href="#">My Photos</a></li>
<li><a id="page3" href="#">My Favorites</a></li>
<li><a id="page4" href="#">About Me</a></li>
<li><a id="page5" href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="archives" class="boxed">
<h2 class="heading">Archives</h2>
<div class="content">
<ul class="links">
<li class="first"><a href="#">February</a> (7)</li>
<li><a href="#">January 2007</a> (31)</li>
<li><a href="#">December 2006</a> (31)</li>
<li><a href="#">November 2006</a> (30)</li>
<li><a href="#">October 2006</a> (31)</li>
<li><a href="#">September 2006</a> (30)</li>
</ul>
</div>
</div>
<div id="categories" class="boxed">
<h2 class="heading">Categories</h2>
<div class="content">
<ul class="links">
<li class="first"><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
</ul>
</div>
</div>
<div id="blogroll" class="boxed">
<h2 class="heading">Blogroll</h2>
<div class="content">
<ul class="links">
<li class="first"><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Garden Mesh. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Gathering14</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
</head>
<body>
<div id="outercontainer">
<div id="container">
<div id="header">
<h1>gathering.template<sup>14</sup></h1>
</div>
<div id="menu">
<div id="menumain">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
</div>
<div id="maincontentright">
<div id="sidemenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
<p>Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aliquam ut diam. Maecenas feugiat. Etiam
consequat sodales ante. Ut sit amet nisi non ipsum fermentum egestas.
Phasellus lacinia enim eu tortor. Integer vulputate dictum justo.
Vivamus hendrerit lectus vel nisi. Integer sit amet diam id pede
sagittis mollis.</p>
</div>
<div id="maincontent">
<h1>Lorem ipsum dolor sit amet...</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In
pulvinar. Cras nisl. Ut at arcu. Cras lectus justo, aliquet nec,
commodo sit amet, iaculis quis, nisl. Integer vitae sem ac ligula
fermentum egestas. Proin a magna ac ante malesuada cursus. Fusce
justo massa, eleifend ut, molestie vel, rutrum et, enim. Nulla
dignissim sem in urna. In viverra eros at nisi. Suspendisse id mi.
Aliquam erat volutpat. Sed egestas bibendum elit. Nulla vel leo sit
amet sem varius pellentesque. Nam ut nisi vel risus posuere egestas.</p>
<p><span><a href="#">read more ...</a></span></p>
<h2>In vitae pede non ligula...</h2>
<p>In vitae pede non ligula scelerisque pellentesque. Pellentesque id
arcu. Nulla convallis est quis orci. Vestibulum massa. Phasellus sit
amet libero ut dui varius eleifend. Proin ut dui non lacus feugiat
auctor. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Morbi eu enim. Praesent aliquam.
Aenean elementum metus a mi sagittis eleifend. Phasellus aliquam,
dolor eu accumsan accumsan, magna libero cursus velit, non
adipiscing nibh nisi vel leo. Aliquam libero. Nullam lobortis nibh
sed purus. Suspendisse dolor enim, ultricies sed, euismod et,
ullamcorper a, lacus. Nam egestas dolor nec nulla. Aenean
consectetuer ullamcorper eros. Quisque pulvinar cursus tellus.
Maecenas adipiscing congue lectus. Pellentesque molestie lacus ac
felis. Donec eu lacus.</p>
<p><span><a href="#">read more ...</a></span></p>
<h3>Cum sociis natoque penatibus...</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aliquam ut diam. Maecenas feugiat. Etiam
consequat sodales ante. Ut sit amet nisi non ipsum fermentum egestas.
Phasellus lacinia enim eu tortor. Integer vulputate dictum justo.
Vivamus hendrerit lectus vel nisi. Integer sit amet diam id pede
sagittis mollis. Quisque porta tellus sed nisl. Aenean eget dolor.
Donec mattis augue. Sed in orci ac mi fringilla tincidunt.</p>
<p><span><a href="#">read more ...</a></span></p>
</div>
<div id="footer">
<div id="footerleft">
<h1>In vitae pede non ligula...</h1>
<p>Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aliquam ut diam. Maecenas feugiat. Etiam
consequat sodales ante. Ut sit amet nisi non ipsum fermentum egestas.
Phasellus lacinia enim eu tortor. Integer vulputate dictum justo.
Vivamus hendrerit lectus vel nisi. Integer sit amet diam id pede
sagittis mollis. Quisque porta tellus sed nisl. Aenean eget dolor.
Donec mattis augue. Sed in orci ac mi fringilla tincidunt.
Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus.</p>
</div>
<div id="footerright">
<h1>In vitae pede non ligula...</h1>
<p>Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aliquam ut diam. Maecenas feugiat. Etiam
consequat sodales ante. Ut sit amet nisi non ipsum fermentum egestas.
Phasellus lacinia enim eu tortor. Integer vulputate dictum justo.
Vivamus hendrerit lectus vel nisi. Integer sit amet diam id pede
sagittis mollis. Quisque porta tellus sed nisl. Aenean eget dolor.
Donec mattis augue. Sed in orci ac mi fringilla tincidunt.
Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus.</p>
</div>
<div id="bottom">
<p>design by <a href="http://www.tristarwebdesign.co.uk">tristar web
design</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>gazebo</title>
<link rel="stylesheet" href="1.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="head">
<div id="navbox">
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
</ul>
</div>
</div>
<div class="textbox"> </div>
<br />
<h1>Gazebo</h1>
</div>
<div id="content">
<div id="content-head"> </div>
<h2>Section One</h2>
<div class="rightbox">
<h3>articles</h3>
<p> <strong>Article One</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit <a
href="#">read....</a></p>
<p> <strong>Article Two</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit <a
href="#">read....</a></p>
<p> <strong>Article Three</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit <a
href="#">read....</a></p>
</div>
<p> <img class="left" src="picks/3.jpg" alt=""></img> <strong>L</strong>orem
Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, when an unknown
printer took a galley of type and scrambled it to make a type specimen book. It has
survived not only five centuries. <a href="#">more....</a></p>
<p><strong>I</strong>t has survived not only five centuries, but also the leap
into electronic typesetting, remaining essentially unchanged.</p>
<p>There are many variations of passages of Lorem Ipsum available, but the
majority have suffered alteration in some form, by injected humour, or randomised
words. <a href="#">more....</a> </p>
<br />
<br />
<h2>Seaction Two</h2>
<br />
<div class="rightbox">
<h3>Photos</h3>
<img src="picks/5.jpg" alt="photos" />
<p> <a href="#">Enter....</a></p>
</div>
<img class="left" src="picks/4.jpg" alt=""></img>
<p><strong>L</strong>orem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, </p>
<p>when an unknown printer took a galley of type and scrambled it to make a type
specimen book. It has survived not only five centuries, but also the leap into
electronic typesetting, remaining essentially unchanged. There are many variations
of passages of Lorem Ipsum available, but the majority have suffered alteration in
some form, by injected humour, or randomised words which don't look even slightly
believable. <a href="#">more....</a></p>
<div id="footer"> <strong>By Coollew</strong> </div>
</div>
</body>
</html>
<!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>
<title>Generic Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE]>
<style>
#nav {
bottom: 0px;
}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Generic Blog</h1>
<ul id="nav" class="fc">
<li id="thome"><a href="#" class="selected"></a></li>
<li id="tabout"><a href="#"></a></li>
<li id="tcontact"><a href="#"></a></li>
</ul>
</div>
<div id="title">
<form action="#">
<input type="text" maxlength="30" size="15"/>
<img src="images/searchbutton.png" border="0" height="29" width="19"
class="searchbutton" alt="" />
</form>
</div>
<div id="minHeight"></div>
<!-- Safari hack -->
<div id="content">
<div id="leftbar">
<!-- Main content goes here! -->
<h3>December 2nd, 2006</h3>
<h2>Generic Blog Is Finished</h2>
<p>Welcome to my new theme, Generic Blog! There really isn't much to it,
just a basic blog template that's pretty much good for anything. My goal in this
template/theme was to create a "generic" looking blog that anyone could use. So,
in that essence I hope that you all can understand my coding and can use this
theme! Also, when you do finish editing this theme, please leave the footer link
leading to my portfolio on the bottom, thanks. Finally, if you have any questions
or need something clarified, just email me at my <a href="#">site</a></p>
<p>Phasellus cursus egestas nibh. Nunc congue odio vel tortor. Quisque rutrum
viverra nulla. Praesent mollis, neque vel consectetuer tempus, eros massa mattis
enim, at feugiat mauris dui et nisi. Pellentesque non lacus. Nulla tincidunt magna
non tellus. Quisque faucibus facilisis justo. Etiam quis quam. Nulla non nisl
porttitor metus scelerisque imperdiet. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Mauris quis risus non odio
luctus vehicula. Ut ligula massa, congue sit amet, suscipit a, mattis at, pede.
Integer tellus. Duis at urna ac orci feugiat lobortis. Vestibulum pulvinar. In
varius, lorem vitae convallis luctus, neque nisl feugiat justo, vel sollicitudin
augue purus eu lectus.
Nulla dictum justo in magna. Mauris quam. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Morbi et nisl.
Fusce non magna id sapien aliquet pretium. Nunc tempus sodales nulla. Donec
hendrerit, nisi ut malesuada aliquet, lectus lorem lacinia nisl, ac posuere purus
orci eget diam. Maecenas eu nisi nec elit elementum tristique. Curabitur eros
ipsum, lacinia tincidunt, mollis eu, mattis non, eros. Suspendisse eget nibh ac
felis ornare mollis. Pellentesque vel velit sed nisl consequat rutrum. Sed in sem
quis erat tincidunt pretium. Donec ultricies dictum felis. Sed sit amet enim.
Phasellus vulputate faucibus nisi. Praesent facilisis luctus ipsum. Aenean leo
odio, pellentesque ac, egestas et, pharetra vitae, erat. Etiam porttitor purus id
massa. Curabitur accumsan vestibulum est. Ut malesuada.
Ut nisi nibh, porta id, rhoncus in, porttitor non, nunc. Ut porttitor ante
et arcu feugiat vestibulum. Phasellus non quam sit amet purus molestie venenatis.
Nullam fringilla fringilla augue. Mauris aliquam, urna nec porttitor mollis, quam
augue semper sapien, in ultrices enim lacus nec tellus. In quam turpis, malesuada
interdum, vehicula sit amet, aliquam sed, tellus. Phasellus sapien est, pulvinar
id, dapibus tincidunt, viverra at, mi. Aenean semper congue tortor. Proin id pede
quis metus facilisis accumsan. Duis adipiscing odio ac tellus. Nam hendrerit orci.
Phasellus nec arcu vel ante blandit tincidunt. Integer quam. Duis semper
pretium enim. Vivamus ac odio sed purus elementum sagittis. Nunc ut mauris nec eros
pulvinar venenatis. Quisque ornare. Morbi quis odio. Aenean non tortor. Vestibulum
et neque. Sed in enim et turpis tristique vestibulum. Nunc adipiscing. Suspendisse
potenti. Sed est justo, posuere at, nonummy vel, auctor id, nisi. In consectetuer,
nibh id commodo auctor, tortor lacus tempus arcu, nec congue odio dolor sed massa.
Nullam libero mauris, fringilla et, rutrum ac, blandit et, felis. Curabitur et
nisi. Nunc condimentum condimentum elit. Nam auctor pellentesque libero. </p>
</div>
<div id="rightbar">
<!-- Menu stuff is here-->
<h2 class="toph2">Catagories</h2>
<p>Testing</p>
<p>Business</p>
<p>Personal</p>
<h2>Blogroll</h2>
<p>Me</p>
<p>Wordpress</p>
</div>
<div id="clearfooter"></div>
</div>
<div id="footer">
<p>Powered By A CMS</p>
<p><a href="http://www.thinkpoint.org">Theme By Eric Huang</a></p>
</div>
</div>
</body>
</html>
<!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>GenericBlue</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
<div id="header">
<h1><a href="#">GenericBlue</a></h1>
<h2>Free CSS Template</h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="tertiaryContent">
<h3>Lorem ipsum dolor</h3>
<p>Vivamus sagittis bibendum erat. Curabitur lorem ipsum dolore malesuada. <a
href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<ul>
<li><a href="#">Vivamus id arcu</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Pellentesque at lorem</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Ipsum vitae felis</a></li>
<li><a href="#">Integer facilisis</a></li>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
<h3>Malesuada vivamus</h3>
<ul>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Integer facilisis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Pellentesque at lorem</a></li>
<li><a href="#">Ipsum vitae felis</a></li>
<li><a href="#">Sagittis Bibendum Erat</a></li>
</ul>
<div class="xbg"></div>
</div>
<div id="primaryContentContainer">
<div id="primaryContent">
<h2>Welcome to Sitename.com!</h2>
<p><strong>GenericBlue</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<h3>Example Unordered List</h3>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Example Blockquote</h3>
<blockquote>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</blockquote>
<h3>Example Table</h3>
<table>
<tr class="rowH">
<th>Date</th>
<th>Title</th>
<th>Description</th>
</tr>
<tr class="rowA">
<td>December 1, 2006</td>
<td>Sed vestibulum blandit</td>
<td>Vivamus sollicitudin dolor sit amet eros. Vivamus ligula. Sed
pretium turpis eu ipsum. Sed rutrum sapien id arcu.</td>
</tr>
<tr class="rowB">
<td>November 28, 2006</td>
<td>Augue non nibh</td>
<td>Nam adipiscing urna ac consequat dignissim massa est sodales
sem.</td>
</tr>
<tr class="rowA">
<td>November 23, 2006</td>
<td>Fusce ut diam bibendum</td>
<td>Vestibulum quis urn nulla facilis nam malesuada cursus turpis.</td>
</tr>
<tr class="rowB">
<td>November 21, 2006</td>
<td>Maecenas et ipsum</td>
<td>Vivamus mi lectus gravida scelerisque, ultrices vitae cursus in
neque.</td>
</tr>
</table>
</div>
</div>
<div id="secondaryContent">
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum
erat. Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<ul>
<li><a href="#">Orci nonummy fringilla</a></li>
<li><a href="#">Enim vivamus convallis</a></li>
<li><a href="#">Duis congue ultricies</a></li>
<li><a href="#">Purus in mollis purus</a></li>
</ul>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h3>Ipsum Dolorem</h3>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Homepage</a></li>
</ul>
<div class="xbg"></div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
<!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-AU">
<head>
<title>Gila Two</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="gila-screen.css" media="screen"
title="Gila (screen)" />
<link rel="stylesheet" type="text/css" href="gila-print.css" media="print" />
</head>
<body>
<!-- For non-visual user agents: -->
<div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main
content.</a></div>
<!-- ##### Header ##### -->
<div id="header">
<h1 class="headerTitle"> <a href="#">Gila <span>Two</span></a> </h1>
<div class="subHeader"> <span class="doNotDisplay">Navigation: </span> <a
href="#">Home</a> | <a href="#">Solutions</a> | <a href="#">Store</a> | <a
href="#">Support</a> | <a href="#">Contact Us</a> | <a href="#">About Us</a> </div>
</div>
<div id="side-bar">
<!-- ##### Left Sidebar ##### -->
<div class="leftSideBar">
<p class="sideBarTitle">This Page</p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#cross-browser">Cross-browser</a></li>
<li><a href="#stylesheets">Stylesheets</a></li>
<li><a href="#accessibility">Accessibility</a></li>
</ul>
<p class="sideBarTitle">Branch Navigation</p>
<ul>
<li><a href="#">OSWD Home</a></li>
<li><a href="#">Browse Designs</a></li>
<li><a href="#">haran’s Designs</a></li>
<li><span class="thisPage">Gila Homepage</span></li>
</ul>
<p class="sideBarTitle">Comments</p>
<span class="sideBarText"> Comments and constructive criticisms are welcome <a
href="#">via email</a>. </span> </div>
<!-- ##### Right Sidebar ##### -->
<div class="rightSideBar">
<p class="sideBarTitle">News</p>
<div class="sideBarText"><strong>? May 03</strong><br />
Submitted revised version of Gila to <a href="#">OSWD</a></div>
<div class="sideBarText"><strong>3 Feb 03</strong><br />
Original version of Gila submitted</div>
<a href="" class="more">more news »</a>
<p class="sideBarTitle">Downloads</p>
<div class="sideBarText"><strong>Product Delta</strong><br />
<a href="#">info</a> | <a href="#">download</a></div>
<div class="sideBarText"><strong>Product Echo</strong><br />
<a href="#">info</a> | <a href="#">download</a></div>
<div class="sideBarText"><strong>Product Foxtrot</strong><br />
<a href="#">info</a> | <a href="#">download</a></div>
<p class="sideBarTitle">Validation</p>
<div class="sideBarText">Validate the <a
href="http://validator.w3.org/check/referer">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> of this page.</div>
</div>
</div>
<!-- ##### Main Copy ##### -->
<div id="main-copy">
<h1 id="introduction" style="border-top: none; padding-top: 0;">Introduction</h1>
<p>This is version two of Gila, a revision of the <a href="#">original design</a>
I submitted
to <a href="#"><acronym title="Open Source Web Design">OSWD</acronym></a> in
February 2003. Following is a summary of the major differences between this version
and the
original.</p>
<p>Gila was inspired by the homepage of <a href="#">ActiveState</a>, an
open-source application development company. The name <span class="titleTip"
title="Gila monster: a species of lizard">Gila</span> is a play on the
word <span class="titleTip" title="Komodo dragon: another species of
lizard">Komodo</span>,
the name of one of ActiveState’s products which is based on <a
href="#">the Mozilla project</a>.</p>
<p>This template is marked up in <acronym title="eXtensible HyperText Markup
Language">XHTML</acronym> 1.0 Strict and styled
with <acronym title="Cascading Style Sheets">CSS</acronym>, allowing for
greater compatibility
and transformability. The design does not use any tables (unlike <a
href="#">the design’s
inspiration</a>) resulting in greater design flexibility and cleaner code.</p>
<p>I hope you find this revision to your liking. You are free to use this design
for
any purpose you wish — personal, commercial or otherwise — without
any
obligation. If you publish a web site that’s based on this template,
please <a href="#">email me</a> your
site’s <acronym title="Uniform Resource Identifier">URI</acronym>.</p>
<h1 id="cross-browser">Improved Cross-browser Compatibility</h1>
<p>I did not test version one of Gila in Opera before submitting it to OSWD. As a
result, the
original does not render properly in that browser. In contrast, this version of
Gila has been
fully tested in <a href="#">Opera</a> (7.01), Gecko
(<a href="#">Mozilla</a> 1.3) and Internet Explorer (6.0) for consistent
rendering.</p>
<p>This means that people using <span class="titleTip" title="eg: Mozilla 1+,
Opera 7+, Netscape 6+, Internet Explorer 6+">standards-compliant browsers</span>
will see the same format and layout of your page.</p>
<h1 id="stylesheets">Modified Stylesheets</h1>
<dl>
<dt>More comprehensive screen stylesheet</dt>
<dd>The improved cross-browser consistency is a result of Gila’s more
comprehensive screen
stylesheet. Major style parameters are explicitly defined in the stylesheet,
resulting in
less dependence on browser-determined defaults and thus fewer rendering
idiosyncrasies.</dd>
<dt>Removal of colour scheme stylesheet</dt>
<dd>I’ve removed the separate colour scheme stylesheet found in the
original version,
instead incorporating the colour definitions in the single screen
stylesheet.</dd>
<dt>Addition of a print media stylesheet</dt>
<dd>Gila now has a print media stylesheet that styles the page in a format
appropriate for
black and white printing. To see the effect of this stylesheet, select <span
class="smallCaps">print preview</span> from the <span class="smallCaps">file</span>
menu, or direct this page to a printer (NB: print only this frame if you are
viewing this
template in a multi-frame document).</dd>
</dl>
<h1 id="accessibility">Improved Accessibility</h1>
<p>This version of Gila has improved accessibility features for people with
impaired vision.
The template tentatively conforms to the <a href="http://www.w3.org/TR/WCAG10">
<acronym>WCAG</acronym> double A rating</a> and <a href="http://www.access-
board.gov/508.htm">§ 508</a> guidelines for web content
accessibility. The relative simplicity of the template’s underlying
markup ensures that
your page can be easily transformed for rendering in aural, tactile (braille)
and other
non-visual user agents.</p>
<p>Additionally, the majority of document metrics (widths, lengths and spacings)
are font-size
relative. This means that a user can increase the default font size of your
page (using their
browser) without compromising it’s layout.</p>
</div>
<!-- ##### Footer ##### -->
<div id="footer">
<div class="doNotPrint"> <a href="#">Tell a Friend</a> | <a href="#">Privacy
Policy</a> | <a href="#">Site Map</a> | <a href="#">Feedback</a> | <a
href="#">Help</a> </div>
<div> Copyright © 2003, Your Company |
Modified on 2003-May-03 by <a href="http://www.oswd.org/email.phtml?
user=haran">haran</a> </div>
</div>
</body>
</html>
<!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>
<title>Ginger-esque</title>
<style type="text/css" media="screen">
@import url( style.css );
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<h3><a href="#">Ginger-esque</a></h3>
</div>
<div id="sidebar">
<h2>Navigation</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
<h2>Recent Entries</h2>
<ul>
<li><a href="#">New website design</a></li>
<li><a href="#">Welcome</a></li>
</ul>
<h2>Categories</h2>
<ul>
<li><a href="#">General</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Funny</a></li>
</ul>
<h2>Links</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div>
<div id="content">
<div class="item">
<h1><a href="#">New website design</a></h1>
<div class="meta">By Admin on 10th September 2006</div>
<p>Ginger-esque was designed by Donny Burnside of Ginger-Ninja.net and is
released under the <a href="http://creativecommons.org/licenses/by-
nc/2.5/">Creative Commons 2.5 license</a>. If you use the design all I ask is that
you keep the credit link in the footer. Also, it would be nice if you email me at
inbox[at]ginger-ninja.net to let me know how you're using the design. An editable
Fireworks .PNG file is included for the header image. Enjoy.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div class="item">
<h1><a href="#">Lorem Ipsum</a></h1>
<div class="meta">By Admin on 1st September 2006</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id="footer">
<p>© 2006 Your-Website.com | <a
href="http://validator.w3.org/check/referer">XHTML</a> | Design by <a
href="http://www.ginger-ninja.net/">Ginger Ninja!</a></p>
</div>
</body>
</html>
<!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>God of Gates</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">God of Gates</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to God of Gates!</h2>
<p><small>January 4th, 2007 by Author</small></p>
<p><em><strong>God of Gates</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Posted in <a href="#">Quisque vestibulum</a> | <a href="#">Edit</a> | <a
href="#">1 Comment »</a></p>
<p> </p>
<h2>Lorem Ipsum Dolore</h2>
<p><small>January 3rd, 2007 by Author </small></p>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
<p>Posted in <a href="#">Suspendisse iaculis</a> | <a href="#">Edit</a> | <a
href="#">23 Comment »</a></p>
</div>
<div id="colTwo">
<ul>
<li>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Pages</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">WebGod of Gates</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2007 God of Gates. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas06</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="andreas06.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="container"> <a id="top"></a>
<p class="hide">Skip to: <a href="#menu">site menu</a> | <a
href="#sectionmenu">section menu</a> | <a href="#main">main content</a></p>
<div id="sitename">
<h1>andreas06: falling leaves</h1>
<span>It is all about colors...</span> <a id="menu"></a> </div>
<div id="nav">
<ul>
<li id="current"><a href="#">Home</a></li>
<li ><a href="alternative.html">Alternative layout</a></li>
<li><a href="photo.html">Photo layout</a></li>
<li><a href="styles.html">Styles</a></li>
<li><a href="empty.html">Empty</a></li>
</ul>
<p class="hide"><a href="#top">Back to top</a></p>
</div>
<div id="wrap1">
<div id="wrap2">
<div id="topbox"> <strong><span class="hide">Currently viewing: </span><a
href="#">andreas06: Falling leaves</a> » <a href="#">Home</a></strong> </div>
<div id="leftside"> <a id="sectionmenu"></a>
<p class="soft">Use the navigation tabs to read more about the template and
to see alternative layouts and features.</p>
<h1>Example menu:</h1>
<p class="menublock"> <a class="nav" href="#">Downloads</a><br class="hide"
/>
<a class="nav sub" href="#">- MP3 files</a><br class="hide" />
<a class="nav sub" href="#">- MIDI tools</a><br class="hide" />
<a class="nav sub" href="#">- PDF Manuals</a><br class="hide" />
<a class="nav" href="#">Forum</a><br class="hide" />
<a class="nav sub" href="#">- Latest news</a><br class="hide" />
<a class="nav sub" href="#">- Members</a><br class="hide" />
<a class="nav sub" href="#">- Newsletter</a><br class="hide" />
<a class="nav" href="#">Login</a><br class="hide" />
<a class="nav" href="#">Merchandise</a><br class="hide" />
<a class="hide" href="#top">Back to top</a> </p>
</div>
<div id="rightside">
<h1>Template info:</h1>
<p>andreas06 is built with valid XHTML 1.1 and CSS2. It conforms to section
508 and a WCAG 1.0 AAA rating. It has full support for browser-based font-resizing,
100% readable also even in text-based browsers.</p>
<p>/<strong>Andreas</strong></p>
<h1>Links:</h1>
<p><a href="#">Free templates</a><br />
<a href="#">Baygroove.com</a><br />
<a href="#">Open Web Design</a><br />
<a href="#">OSWD.org</a><br />
<a href="#">sNews CMS</a><br />
</p>
<p class="smallcaps">andreas06 v1.2<br />
(Nov 28, 2005)</p>
</div>
<a id="main"></a>
<div id="content">
<h1>Welcome to "falling leaves"...</h1>
<img src="img/gravatar-leaf.jpg" height="80" width="80" alt="Gravatar
example" />
<p class="intro">...also known as "andreas06", yet another open source
template by Andreas. This one has a lot of useful features, such as the two-level
menu and a good set of formatting and layout styles!</p>
<p>Like in my other templates, the extra features are all built into the
stylesheet. The simple structure of the code (all content is separated from the
presentation) makes it easy to customize the look and feel of the design, and you
get several layouts to choose from in the download zip. Click the menu tabs to view
the examples.</p>
<p>The design is inspired by the colors of the fall, since the template was
created as an entry in the <a href="#">Open Web Design</a> "fall/autumn"
competition in October 2005 (where it as awarded 1st place). The colors are picked
from a photo of the local park, taken on Oct 1st.</p>
<h2>Open source design</h2>
<p>This template is released as open source, which means that you are free
to use it in any way you may want to. If you like this design, you can download my
other designs directly from my website (where you can also find a WordPress version
of this theme) or from Open Web Design. Comments, questions and suggestions are
always very welcome!</p>
<p class="hide"><a href="#top">Back to top</a></p>
</div>
</div>
<div id="footer">© 2005 Your Name | Design by <a
href="http://andreasviklund.com">Andreas Viklund</a></div>
</div>
</div>
</body>
</html>
<!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>Godetia</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="wrapper">
<div id="header">
<form action="#">
<input value="Search" />
</form>
<h1><a href="#">Godetia</a></h1>
<h2>A pink template by Six Shooter Media</h2>
</div>
<div class="menu">
<ul id="nav">
<li><a href="#" accesskey="i"><em>H</em>ome</a></li>
<li><a href="#" accesskey="a"><em>A</em>bout</a></li>
<li><a href="#" accesskey="e"><em>E</em>xamples</a></li>
<li><a href="#" accesskey="c"><em>C</em>ontact</a></li>
</ul>
<br class="clear" />
</div>
<div id="sidebar">
<h1>The Sidebar!</h1>
<p class="first">Welcome to the sidebar. Here, of course you can house any
information that takes your fancy! A latest news section, some links to other web
sites, latest comments, etc etc etc!</p>
<h2>Latest News</h2>
<h3>Godetia Template Released</h3>
<p>Here it is, my latest template!! Godetia is a simple 2 column layout with a
primarily pink colour scheme. This is of course easily changed via the CSS and via
the modification of a couple of images!</p>
<h3>More Templates!</h3>
<p>You can see all of my templates on my personal site! Or by following this
link to the free templates page!</p>
<h2>Some Links</h2>
<ul>
<li><a href="#">Six Shooter Media</a></li>
<li><a href="#">free templates</a></li>
<li><a href="#">Buy a Button</a></li>
<li><a href="#">Transfer Speculation</a></li>
</ul>
</div>
<div id="content">
<div class="first">
<h2 id="intro">Introduction</h2>
<p>Hey there! Welcome to Godetia. A css / xhtml template created by Six
Shooter Media. Anyone who knows me will know that I am quite fond of the colour
pink! And so it was about time that I created a pink themed template, thusly, here
is Godetia!</p>
</div>
<h2 id="about"><a href="#">About the Author</a></h2>
<p>Hi! My names Jay and I'm a 20 year old web designer from England. My main
projects are conducted through my website Six Shooter Media, but I (obviously) also
enjoy creating Open Source web templates for general use! You can keep a check on
my free templates here which is probably a link worth bookmarking as my templates
appear there a couple of weeks before OWD/OSWD due to the design queues. </p>
<p> Another site of mine that you might find interesting if you're setting up a
site with a free template like Buy a Button.net. There, for a great price you can
purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<p> If you want more of my free templates, they can be found here! </p>
<h2 id="examples"><a href="#">Some Examples</a></h2>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf hdsbf
jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd sb
</p>
</blockquote>
<h3>List Example</h3>
<ul>
<li><span>Here</span></li>
<li><span>Is our friend</span></li>
<li><span>The list!</span></li>
</ul>
<h2 id="contact"><a href="#">Contact</a></h2>
<p> If you decide to use this template please drop me a line to let me know!
Don't hesitiate to get in touch if your interested in a custom template or just in
any of my services in general. I look forward to hearing from you! </p>
<h3>Example Contact Form</h3>
<form action="#">
<label>Name</label>
<input value="Your Name" />
<label>Email</label>
<input value="Your Email" />
<label>You Comments</label>
<textarea rows="5" cols="5"></textarea>
<input type="submit" />
</form>
</div>
<div id="footer">
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here.</p>
</div>
</div>
</body>
</html>
<!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>Going Grey</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<!-- Start Wrapper -->
<div class="wrapper">
<!-- Start Header -->
<div class="header"> <img src="images/logo.jpg" alt="Logo" width="310"
height="100" /> </div>
<!-- End Header -->
<!-- Start Navigation Bar -->
<div class="nav-bar">
<ul class="nav-links">
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Location</a></li>
<li><a href="#">Our Team</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">More Information</a></li>
</ul>
</div>
<!-- End Navigation Bar -->
<!-- Start Outer Content -->
<div id="outercontent">
<div id="centercolumn">
<h1>Welcome</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse c.</p>
<p> </p>
<p><img src="images/feature.jpg" alt="Feature Image" width="481"
height="91" /></p>
<p> </p>
<h1>More to come...</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse c.</p>
<p> </p>
<img src="images/small-pic.jpg" alt="Small Pic" width="82" height="83"
class="float" />
<h1>More to come...</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim</p>
<p> </p>
<img src="images/small-pic2.jpg" alt="Small Pic" width="82" height="83"
class="float" />
<h1>"Here is the News"</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim</p>
<p> </p>
<img src="images/small-pic.jpg" alt="Small Pic" width="82" height="83"
class="float" />
<h1>"Here is the News"</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim</p>
</div>
<!-- Start Right Content -->
<div class="rightcolumn">
<h1>New Section</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim </div>
<div class="rightcolumn">
<h1>New Section</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim </div>
<div class="rightcolumn">
<p> <a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict"
height="31" width="88" /></a> <a href="http://jigsaw.w3.org/css-validator/"> <img
style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-
validator/images/vcss" alt="Valid CSS!" /> </a> </p>
</div>
<!-- End Right Content -->
</div>
<!-- End Outer Content -->
<!-- End Outer Content -->
<!-- Start Footer -->
<div id="footer"> © Copyright with <a href="http://www.code-
sucks.com/">Code-Sucks.com</a> 2006 </div>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html>
<!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>Gold Co.</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="breadcrumb">
<p><b>You are here:</b> Homepage</p>
</div>
<div id="content">
<div id="sidebar">
<div id="logo">
<h1><a href="#">Gold Co.</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Gold Co.!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Gold Co.</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="extra" style="clear: both;"></div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Gold Co.. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Good morning</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="Stylesheet" type="text/css" href="goodmorning.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1> Your website name </h1>
<ul id="mainmenu">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Guestbook</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="content">
<!-- CONTENT START -->
<h2>About the Template</h2>
<p>The header image is a drawing I made a long time ago for some other design,
but it was not used.
It's pretty simple-looking, and I believe it makes a great blog template.</p>
<p>It's tested in <a href="#">Mozilla Firefox 2.0</a>, <a href="#">Internet
Explorer 6 & 7</a>, <a href="#">Opera 9</a>, and <a href="#">Netscape 7.2</a>,
on resolution 800x600 and
1024x768, and works good in each of the mentioned. It is also validated <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> and <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>. </p>
<h2>Terms of Service</h2>
<p>This work is released under the <a
href="http://creativecommons.org/licenses/by-nc-nd/2.5/" title="Creative Commons
Attribution-NonCommercial-NoDerivs 2.5 License">Creative Commons Licence</a>.</p>
<ol>
<li>Leave the credit and link back to
http://inobscuro.com/http://inobscuro.com/</a> visible.</li>
<li>Do not redistribute.</li>
<li>Personal, non-profit use only.</li>
<li>Derivative work prohibited.</li>
</ol>
<h2>Instructions for Installation</h2>
<ul>
<li>Download the .ZIP file containing the entire template;</li>
<li>Unzip the file. Use software like WinRAR, WinZIP, StuffIt etc.
(If you have Windows XP then you don't need to download any additional
software);</li>
<li>Open the file <strong>index.html</strong> in your text editor (Notepad)
and edit the website title, content
and links in the navigation area. (Those areas are marked with comments.)
Save edited files under corresponding names (for example <i>about.html</i>,
<i>links.html</i>...);</li>
<li>Upload all the files and folders to your server.</li>
</ul>
<p> For detailed information on istalling this layout, please refer to my
tutorial Installing premade templates.</p>
<h3>Customization</h3>
<p>The layout is entirely formatted using <acronym title="Cascading Style
Sheets">CSS</acronym>,
so I strongly advise you not to change it, otherwise the layout might break.
Editing the content should be easy, just keep it within the areas marked with
comments.
To keep the template looking exactly as you see it, use tags and classes
provided in this example.</p>
<p>Normal text, <b>bold <b></b>, <i>italic <i></i>,<a
href="#abc">link <a></a></p>
<h2>level 2 heading <h2></h2>
<h3>level 3 heading <h3></h3>
<blockquote>
<p>To make text appear in this box, use the <code>blockquote</code> tag, or
add a class <code>"box"</code> to any element.</p>
</blockquote>
<p>To make a link in the main menu appear highlighted (like
<i>"Home"</i> shown here) add a class <code>"active"</code> to
the list item (<code>li</code> tag).</p>
<p>This is how the forms might look like:</p>
<form action="#" method="post">
<fieldset>
<label for="name">Name</label>
<input type="text" name="name" id="name" />
<label for="email">E-mail</label>
<input type="text" name="email" id="email" />
<label for="url">URL</label>
<input type="text" name="url" id="url" />
<label for="message">Comments</label>
<textarea name="message" id="message" rows="5" cols="50"></textarea>
<input type="submit" value="Send" class="button" />
</fieldset>
</form>
<p>Have fun and enjoy :)</p>
<!-- CONTENT END -->
</div>
<div id="column">
<!-- NAVIGATION START -->
<h3>About...</h3>
<p>You can write something here if you like. Or put a cam, or shoutbox. <a
href="#">A link</a>.</p>
<h3>Network</h3>
<ul class="menu">
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>
</ul>
<h3>Affiliates</h3>
<ul class="menu">
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
</ul>
<!-- NAVIGATION END -->
</div>
</div>
<div id="footer">
<p>
<!-- COPYRIGHT INOFRMATION -->
Copyright © 2006-2007 <a href="#">Your Name</a>
<!-- COPYRIGHT INOFRMATION END -->
</p>
<p class="credit"> Designed by: <a href="http://inobscuro.com/">In obscuro</a>
</p>
</div>
</body>
</html>
<!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>Grandenally</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Grandenally</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="wrapper">
<div id="col-one">
<div class="image"><img src="images/img03.jpg" alt="" width="180"
height="150" /></div>
<div class="container">
<div class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value=""
class="textfield" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value=""
class="textfield" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" class="button" />
<p class="tiny"><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div class="boxed">
<h2 class="title">Site Search</h2>
<div class="content">
<form id="form2" method="get" action="#">
<fieldset>
<legend>Search</legend>
<input id="inputtext3" type="text" name="inputtext3" value=""
class="textfield" />
<input id="inputsubmit2" type="submit" name="inputsubmit2"
value="Search" class="button" />
<p class="tiny"><a href="#">Advanced Search</a></p>
</fieldset>
</form>
</div>
</div>
<div class="boxed">
<h2 class="title">Newsletter</h2>
<div class="content">
<form id="form3" method="post" action="#">
<fieldset>
<legend>Subscribe</legend>
<label for="inputtext4">Email:</label>
<input id="inputtext4" type="text" name="inputtext4" value=""
class="textfield" />
<input id="inputsubmit3" type="submit" name="inputsubmit3"
value="Subscribe" class="button" />
</fieldset>
</form>
</div>
</div>
</div>
</div>
<div id="col-two">
<div class="image"><img src="images/img09.jpg" alt="" width="300"
height="150" /></div>
<div class="container">
<div class="boxed">
<h2 class="title">Welcome to Grandenally!</h2>
<div class="content">
<p><strong>Grandenally</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
</div>
</div>
<div class="boxed">
<h2 class="title">Examples of Common Tags</h2>
<div class="content">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum.
Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh.
Suspendisse dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list.
In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
</div>
<div id="col-three">
<div class="image"><img src="images/img06.jpg" alt="" width="180"
height="150" /></div>
<div class="container">
<div class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="extra" style="clear: both;"></div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Grandenally. All Rights Reserved.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a> | Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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-gb" lang="en-gb">
<head>
<title>Graphite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">@import url("c/gm11.css");</style>
<!--[if IE]><style type="text/css">p.note-general, p.note-warning { color: #666666;
}</style><![endif]-->
<!--[if IE 6]><style type="text/css">#footer { height: 1em; }</style><![endif]-->
<!--[if IE 5.5]><style type="text/css">pre { width: 453px; }</style><![endif]-->
</head>
<body id="gordonmac-com" class="homepage">
<div id="wrapper-a">
<div id="wrapper-b">
<div id="heading">
<h1><a href="#">Free CSS Templates</a></h1>
<h2><q>HTML templates and other silly things.</q></h2>
<p id="heading-intro">This is the site of <strong>Gordon Mackay</strong>, a
hobbyist web developer from Caithness in the <strong>Highlands of
Scotland</strong>.</p>
<p id="heading-skipnav"><a href="#content">Skip site navigation and move to
main content of page.</a></p>
<ul id="nav-a">
<li id="nav-a-about"><a href="#">Home</a></li>
<li id="nav-a-downloads"><a href="#">Downloads</a></li>
<li id="nav-a-tutorials"><a href="#">Tutorials</a></li>
<li id="nav-a-contact"><a href="#">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="content-a">
<div id="content-a-inner">
<h2 id="pageheader">Welcome</h2>
<p>We convince ourselves that life will be better after we get married,
have a baby, then another. Then we are frustrated that the kids aren't old enough
and we'll be more content when they are. After that we're frustrated that we have
teenagers to deal with. We will certainly be happy when they are out of that
stage.</p>
<p>We tell ourselves that <a href="#">our life will be complete</a> when
our spouse gets his or her act together, when we get a nicer car, are able to go on
a nice vacation, when we retire. The truth is, there's no better time to be happy
than right now. If not now, when? Your life will always be filled with
challenges.</p>
<h3>Content Notes</h3>
<p class="note-general">It's best to admit this to yourself and decide to
be happy anyway. One of my favorite quotes comes from Alfred D Souza.</p>
<p class="note-warning">It's best to admit this to yourself and decide to
be happy anyway. One of my favorite quotes comes from Alfred D Souza.</p>
<p>It's best to admit this to yourself and decide to be happy anyway. One
of my favorite quotes comes from Alfred D Souza.</p>
<h3>Code Sample (<abbr title="eXtensible HyperText Markup
Language">XHTML</abbr>/<abbr title="Cascading Style Sheet">CSS</abbr>)</h3>
<p>Type the following code then press <kbd>Ctrl+S</kbd> to save the
document.</p>
<pre class="html">
<span class="comment">/* Simple list styling */</span>
ul {
list-style-type: none;
margin: 0 0 .5em .5em;
}
ul li {
padding-left: 14px;
background: #FFF url(i/list-bullet.gif) no-repeat 0 2px;
margin: 0 0 .5em 0;
}
<span class="comment"><!-- Begin list --></span>
<ul>
<li>A list item</li>
<li>A list item</li>
<li>A list item</li>
<li>A list item</li>
</ul>
<span class="comment"><!-- End list --></span>
</pre>
<h3>Contact Form</h3>
<p>Use this form to contact me about whatever ye like.</p>
<form id="contactform" method="post" action="#">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><label for="contactform-name">Name:
<span>(required)</span></label>
<input type="text" name="contactform-name" id="contactform-
name" />
</td>
<td><label for="contactform-email">Email Address:
<span>(required)</span></label>
<input type="text" name="contactform-email" id="contactform-
email" />
</td>
</tr>
<tr>
<td colspan="2"><label for="contactform-subject">Subject:
<span>(required)</span></label>
<input type="text" name="contactform-subject" id="contactform-
subject" />
</td>
</tr>
<tr>
<td colspan="2"><label for="contactform-message">Message:
<span>(required)</span></label>
<textarea cols="50" rows="10" id="contactform-
message"></textarea>
<input type="image" alt="send message" class="imagesubmit"
src="i/GM11_form_submit.jpg" />
</td>
</tr>
</tbody>
</table>
</form>
<p>This perspective has helped me to see that there is no way to
happiness. Happiness is the way. So, treasure every moment that you have. And
treasure it more because you shared it with someone special, special enough to
spend your time… and remember that time waits for no one…</p>
<h4>Heading Level 4</h4>
<p>This perspective has helped me to see that there is no way to
happiness. Happiness is the way. So, treasure every moment that you have. And
treasure it more because you shared it with someone special, special enough to
spend your time… and remember that time waits for no one…</p>
</div>
</div>
<div id="content-b">
<div id="content-b-inner">
<div>
<h3 id="sidesnips">Heading Level 3</h3>
<p>So stop waiting until you finish school, until you go back to
school, until you lose ten pounds, until you gain ten pounds, until you have kids,
until your kids leave the house, until you start work, until you retire, until you
get married, until you get divorced, until Friday night, until Sunday morning,
until you get a new car or home, until your car or home is paid off, until spring,
until summer, until fall, until winter, until you are off welfare, until the first
or fifteenth, until your song comes on, until you've had a drink, until you've
sobered up, until you die, until you are born again to decide that there is no
better time than right now to be happy…</p>
<p>Happiness is a journey, not a destination.</p>
</div>
<div>
<h3 id="siteupdates">Heading Level 3</h3>
<p>So stop waiting until you finish school, until you go back to
school, until you lose ten pounds, until you gain ten pounds, until you have kids,
until your kids leave the house, until you start work, until you retire, until you
get married, until you get divorced, until Friday night, until Sunday morning,
until you get a new car or home, until your car or home is paid off, until spring,
until summer, until fall, until winter, until you are off welfare, until the first
or fifteenth, until your song comes on, until you've had a drink, until you've
sobered up, until you die, until you are born again to decide that there is no
better time than right now to be happy…</p>
<p>Happiness is a journey, not a destination.</p>
</div>
<div>
<h3 id="coolsites">Heading Level 3</h3>
<p>So stop waiting until you finish school, until you go back to
school, until you lose ten pounds, until you gain ten pounds, until you have kids,
until your kids leave the house, until you start work, until you retire, until you
get married, until you get divorced, until Friday night, until Sunday morning,
until you get a new car or home, until your car or home is paid off, until spring,
until summer, until fall, until winter, until you are off welfare, until the first
or fifteenth, until your song comes on, until you've had a drink, until you've
sobered up, until you die, until you are born again to decide that there is no
better time than right now to be happy…</p>
<p>Happiness is a journey, not a destination.</p>
</div>
</div>
</div>
<div id="content-c">
<div id="content-c-inner">
<ul id="nav-b">
<li id="totop"><a href="#">Top</a></li>
<li id="tonavigation"><a href="#">Navigation</a></li>
<li id="accessibility"><a href="#">Accessibility</a></li>
<li id="colophon"><a href="#">Colophon</a></li>
</ul>
</div>
</div>
<div id="footer">
<p id="copyright">© 2005 <a href="http://www.gordonmac.com/">Gordon
Mackay</a>. All rights reserved.</p>
<p>Text or images from this site cannot be used without the written
permission of the copyright owner.</p>
<p>Built with <a target="_blank"
href="http://validator.w3.org/check/referer">XHTML</a> and <a target="_blank"
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> that validates.</p>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>Grassy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div style="padding-top:35px;">
<h3><a href="#"><span class="title1">Ginger</span><span class="title2">Ninja!
</span></a></h3>
</div>
<div class="description">Web design & Development</div>
</div>
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Templates</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="sidebar">
<h2>Recent Entries</h2>
<ul>
<li><a href="#">New design</a></li>
<li><a href="#">New design</a></li>
<li><a href="#">New design</a></li>
<li><a href="#">New design</a></li>
</ul>
</div>
<div id="content">
<div class="entry">
<h1><a href="#">New design</a></h1>
<div class="meta"> Posted on 1st September 2006</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<div class="comments"> <a href="#">3 comments</a> · <a
href="#">Templates</a></div>
</div>
<div class="entry">
<h1><a href="#">New design</a></h1>
<div class="meta"> Posted on 1st September 2006</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<div class="comments"> <a href="#">3 comments</a> · <a
href="#">Templates</a></div>
</div>
</div>
<div id="footer">
<div id="footer-links"> <a href="#">Home</a> · <a href="#">Templates</a>
· <a href="#">Tutorials</a> · <a href="#">About</a> · <a
href="#">Contact</a></div>
© 2006 Your-Website.com | <a href="#">XHTML</a><br />
Design by <a href="http://www.ginger-ninja.net/">Ginger Ninja!</a></div>
</div>
</body>
</html>
<!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>Green&Red</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1 class="gray"><span class="green">Green</span> & <span
class="red">Red</span></h1>
<h2 class="gray">By Free CSS Templates</h2>
</div>
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">My Journal</a></li>
<li><a href="#" accesskey="3">My Pictures</a></li>
<li><a href="#" accesskey="4">My Favorites</a></li>
<li><a href="#" accesskey="5">Contact Me</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome To My Website</h2>
<p><img src="images/img4.jpg" alt="" width="105" height="95" class="image"
/></p>
<p><strong>Green & Red</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo to the left is from PDPhoto.org.
You're free to use this template for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus
mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec,
adipiscing at, elit. Maecenas sed sem sit amet.</p>
<h3>Lorem Ipsum Dolorem</h3>
<p>Sed tempus turpis vel quam molestie pulvinar. Suspendisse venenatis dolor
semper ipsum. Quisque tempus erat ac mi. Aliquam semper, est nec hendrerit
dignissim, ligula turpis sagittis purus, ut viverra velit eros at augue.
Pellentesque mi nisi, porta eget, pharetra ac, sollicitudin sit amet, nisi. In
sapien ligula lorem sollicitudin facilisis, sodales eget, tempus in, mauris. Cras
risus sem, adipiscing non, convallis ac, consectetuer eu, dolor. In quam lorem
ipsum dolor sit amet. Curabitur tempus aliquam nulla. Etiam eros.</p>
<ul class="list2c">
<li>Lorem ipsum dolor sit amet</li>
<li>Duis eget ipsum eget nisi semper</li>
<li>Duis blandit dignissim velit</li>
<li>Aenean sit amet massa et eros</li>
<li>Phasellus malesuada feugiat velit</li>
<li>Ut ut sem id ipsum pharetra porttitor</li>
<li>Aenean facilisis risus sit amet</li>
<li>Sed porta neque sed nulla</li>
<li>Nunc volutpat quam a ante</li>
<li>Aliquam dignissim dui quis arcu</li>
<li>Praesent vel velit eu ligula viverra</li>
<li>Cras ultricies metus eu elit</li>
</ul>
</div>
<div id="colTwo">
<h3>Veroeros Etiam</h3>
<ul class="list">
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Duis eget ipsum eget nisi semper</a></li>
<li><a href="#">Duis blandit dignissim velit</a></li>
<li><a href="#">Aenean sit amet massa et eros</a></li>
<li><a href="#">Phasellus malesuada feugiat velit</a></li>
<li><a href="#">Ut ut sem id ipsum pharetra porttitor</a></li>
<li><a href="#">Aenean facilisis risus sit amet purus</a></li>
<li><a href="#">Sed porta neque sed nulla</a></li>
<li><a href="#">Nunc volutpat quam a ante</a></li>
<li><a href="#">Aliquam dignissim dui quis arcu</a></li>
<li><a href="#">Praesent vel velit eu ligula viverra</a></li>
<li><a href="#">Cras ultricies metus eu elit</a></li>
<li><a href="#">In non augue eu enim lacinia tempus</a></li>
<li><a href="#">Donec blandit eros eleifend pede</a></li>
<li><a href="#">Integer sollicitudin nisi eget lorem</a></li>
<li><a href="#">Fusce quis sapien sed neque sodales</a></li>
<li><a href="#">Suspendisse condimentum fringilla</a></li>
<li><a href="#">Quisque id elit id odio venenatis</a></li>
<li><a href="#">Integer auctor facilisis mi</a></li>
<li><a href="#">Donec ultricies ultrices diam</a></li>
<li><a href="#">Praesent at urna et magna vehicula</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All Rights Reserved. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!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>GreenBusiness</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
<div id="content">
<div id="title">
<h1>Your <span class="green">Company</span></h1>
<span id="slogan">The Best Slogan here</span> </div>
<div id="menu">
<div class="submit">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>Affiliates</span></a></li>
<li><a href="#" class="selected"><span>About us</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</div>
<div id="subheader">
<div class="rside">
<div class="padding">
<div id="search">
<form action="#" method="get">
<p>
<input type="text" name="search" size="20" maxlength="250"
class="text" value="" />
<input type="submit" value="" class="btn1" />
</p>
</form>
</div>
</div>
</div>
<div class="lside">
<div class="padding"> <strong>Lorem ipsum</strong> dolor sit amet,
consectetuer adipiscing elit. Morbi elementum, ipsum nec auctor condimentum, magna
odio aliquet elit, non bibendum lorem ligula at nisi. <a href="#">Proin sapien</a>.
</div>
</div>
</div>
<div id="maincontent">
<div id="right_side">
<h3>Latest news</h3>
<div class="lcontent">
<p><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Quis nostrud <a href="#">exerci</a> tation ullamcorper suscipit. <br />
<a href="#">Read more...</a></p>
</div>
<h3>Latest Products</h3>
<div class="lcontent">
<p><img src="images/img2.gif" alt="" /> <strong>Lorem ipsum</strong> dolor
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad <a href="#">minim
veniam</a>. </p>
<p><img src="images/img2.gif" alt="" /> Quis nostrud exerci tation
<strong>ullamcorper suscipit</strong> lobortis nisl ut aliquip ex ea commodo
consequat. Dolor in hendrerit in <a href="#">vulputate</a> velit esse molestie
consequat.</p>
<p><img src="images/img2.gif" alt="" /> <strong>Lorem ipsum</strong> dolor
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad <a href="#">minim
veniam</a>. </p>
</div>
</div>
<div id="left_side">
<h2 class="underline">Abous us</h2>
<img src="images/img.jpg" alt="image" />
<p><strong>Lorem ipsum dolor</strong> sit amet, consectetuer adipiscing elit.
Morbi elementum, ipsum nec auctor condimentum, magna odio aliquet elit, non
bibendum lorem ligula at nisi. Proin sapien. In hac <a href="#">habitasse platea
dictumst</a>. Nunc non magna. Duis pharetra laoreet dolor. Mauris tristique
interdum turpis. Praesent sed pede. Aenean porttitor ultrices tortor. Aenean a
purus. Praesent eu sapien.</p>
<p>Nulla posuere, sapien sit amet euismod suscipit, magna diam sodales magna,
nec semper eros tortor et nulla. Nunc nec mauris. Aenean tincidunt. Nam sem. Etiam
quis justo. Donec pellentesque pellentesque tellus. <strong>Integer
bibendum</strong> massa sed diam. In in elit. Ut blandit arcu sed ligula. Aenean
interdum. Suspendisse adipiscing suscipit nisl. In non leo et justo posuere
placerat. In tincidunt cursus turpis. Maecenas suscipit tempor ante. Vestibulum
pretium aliquam metus.</p>
<blockquote>
<p class="mpnull">Sapien sit amet euismod suscipit, magna diam sodales
magna, nec semper eros tortor et nulla. Nunc nec mauris. Aenean tincidunt. Nam sem.
Etiam quis justo. Donec pellentesque pellentesque tellus. <strong>Integer
bibendum</strong> massa sed diam. In in elit.</p>
</blockquote>
<p>Nulla posuere, sapien sit amet euismod suscipit, magna diam sodales magna,
nec semper eros tortor et nulla. Nunc nec mauris. Aenean tincidunt. Nam sem. Etiam
quis justo. Donec pellentesque pellentesque tellus. <strong>Integer
bibendum</strong> massa sed diam. </p>
<div class="textbox">
<h2><a href="#">Register now!</a></h2>
<p>Nulla posuere, sapien sit amet euismod suscipit, magna diam sodales
magna, nec semper eros tortor et nulla. Nunc nec mauris.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi <a
href="#">elementum</a>, ipsum nec auctor condimentum, magna odio aliquet elit, non
bibendum lorem ligula at nisi. Proin sapien. In hac habitasse platea dictumst.</p>
</div>
<h2>Our Assets</h2>
<p>In hac habitasse platea dictumst. Nunc non magna. Duis pharetra laoreet
dolor. Mauris tristique interdum turpis. Praesent sed pede. Aenean porttitor
ultrices tortor. Aenean a purus. Praesent eu sapien.</p>
<p>In hac habitasse platea dictumst. Nunc non magna. Duis pharetra laoreet
dolor.</p>
<ul>
<li>In hac <strong>habitasse</strong> platea dictumst</li>
<li>Lorem ipsum dolor <a href="#">sit amet</a></li>
<li>habitasse platea dictumst</li>
<li>sapien sit amet euismod</li>
</ul>
</div>
</div>
<div id="footer">
<p class="right">Copyright © 2006 Your Company, Design: <a
href="http://www.free-css-templates.com" title="Designed by free-css-
templates.com">free-css-templates.com</a></p>
<p><a href="#">Home</a> · <a href="#">Contact</a> · <a
href="#">Accessibility</a> · <a href="#">Products</a> · <a
href="#">Disclaimer</a> · <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a><br />
</p>
</div>
</div>
</body>
</html>
<!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>
<title>GREEN COGS</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="nonFooter">
<div id="banner">
<h1>Your Company Name</h1>
</div>
<div id="menu">
<ul id="menu_list">
<li><a href="#">Home</a> |</li>
<li><a href="#">About</a> |</li>
<li><a href="#">Product</a> |</li>
<li><a href="#">Services</a> |</li>
<li><a href="#">Contact</a> |</li>
</ul>
</div>
<div id="content">
<div id="left_content">
<h3>Welcome to <span style="color:#E05222;">Green Cogs</span> Template</h3>
<blockquote>This page has been tested in Mozilla and IE7 and validates as
XHTML 1.0 Transitional using valid CSS. <br />
For more FREE templates visit my website.</blockquote>
</div>
<div id="right_content">
<h3>Heading</h3>
<p><strong>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Curabitur sed mi vitae est viverra aliquam.
Proin faucibus eleifend ligula. Vestibulum facilisis facilisis augue.</strong> </p>
</div>
<div id="main_content">
<h1>Sub Heading</h1>
<p><img class="img" src="images/img.jpg" alt="" />Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Curabitur sed mi vitae est viverra aliquam.
Proin faucibus eleifend ligula. Vestibulum facilisis facilisis augue. Nullam est
justo, ullamcorper eget, mattis a, pharetra id, urna. Sed condimentum eros
tristique nulla. Donec lacus. Vestibulum sed magna. </p>
<h1>Sub Heading</h1>
<p><img class="img2" src="images/img.jpg" alt="" />Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Curabitur sed mi vitae est viverra aliquam.
Proin faucibus eleifend ligula. Vestibulum facilisis facilisis augue. Nullam est
justo, ullamcorper eget, mattis a, pharetra id, urna. Sed condimentum eros
tristique nulla. Donec lacus. Vestibulum sed magna. Proin ultricies. Morbi
tristique rhoncus dolor. </p>
</div>
</div>
<div id="sidebar">
<h2>Links</h2>
<ul class="side">
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
<h2>News</h2>
<div class="scroll">
<h4>Sept 24th 2005</h4>
<p class="news">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Curabitur sed mi vitae est viverra aliquam. Proin faucibus eleifend ligula.
Vestibulum facilisis facilisis augue. Nullam est justo, ullamcorper eget, mattis a,
pharetra id, urna.</p>
<h4>Sept 13th 2005</h4>
<p class="news">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Curabitur sed mi vitae est viverra aliquam. Proin faucibus eleifend ligula.
Vestibulum facilisis facilisis augue. Nullam est justo, ullamcorper eget, mattis a,
pharetra id, urna.</p>
</div>
<h2>More Links</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas07</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="andreas07.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="fix.css" type="text/css" />
<![endif]-->
</head>
<body>
<div id="sidebar">
<h1>your website title</h1>
<h2>place for your slogan</h2>
<div id="menu"> <a href="#">Home</a> <a class="active" href="#">Current page</a>
<a href="#">Another</a> <a href="#">Example</a> <a href="#">Showcase</a> <a
href="#">Links</a> <a href="#">Contact</a> </div>
<h3>Version info:</h3>
<p>v1.1 (Nov 28, 2005)</p>
</div>
<div id="content">
<h1>andreas07</h1>
<h2>The Simple Solution</h2>
<h3>Andreas presents: 07!</h3>
<p>Hello and thank you for your interest in this template! Before you jump to any
conclusions about it, please me explain the idea behind it.</p>
<img src="img/example.jpg" width="512" height="160" alt="image example" />
<p>First of all, this design was made by request from a friend who holding
html/css classes for beginners. He asked me to create a design that was "so simple
that even [his] grandmother would be able to use it", that he could use as an
example in his classes. I couldn't resist a challenge like that!</p>
<a href="#"><img src="img/example-small.png" width="128" height="128" alt="image
link example" /></a>
<p>There were some specific requests for the design, to make sure that it would
work with the way my friend teaches. The content had to be separated from the
presentation, and every part of the design had to be made in way that would be easy
to understand - and learn from. No advanced tricks, and minimal use of IDs or
.classes in the stylesheet. A fixed position site menu and some neutral images was
also asked for.</p>
<h3>so, how did I do it?</h3>
<p>The easiest way to see my approach on the challenge is to view the code.
Download the template and play with it for a while, and you will hopefully see that
this every part of the template is created in an easy and effective way. For those
of you who want some more information, I will try to explain how this design was
built. Here are some short facts:</p>
<ul>
<li>The content is fully separated from the presentation. No inline styling has
been used.</li>
<li>Valid XHTML 1.1 and CSS2. Section 508 OK and AA-rated with the WCAG
1.0.</li>
<li>Number of .classes: 0. Number of #id's: 3 (#sidebar, #menu and
#content).</li>
<li>Number of styled tags: 10 (html, body, ul, li, a, img, h1, h2, h3 and
p).</li>
<li>Two small images (total size: 142 bytes) have been used to improve the
design, but the template works just as good without them.</li>
<li>Two content image examples (total size: 9.2 kb) have also been
included.</li>
<li>The sidebar has fixed positioning to keep it in place when the rest of page
scrolls.</li>
</ul>
<h3>and a few notes:</h3>
<p>The example images are all made by myself using one of my own photos, and you
have my full permission to use those images in any way you want to. However, I
recommend that you replace them with something of your own. The photo shows a
violet flower, by the way...</p>
<p>To make the fixed positioning of the sidebar work with Internet Explorer, a
conditional comment and an extra CSS file has been used. I would normally not do
that, but the fixed sidebar was requested and I don't know about any better way to
make it work without adding scripts (which is not an option). If you know any
better way, please let me know!</p>
<h3>open source web 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 to - and edit it in any way you want to. I
kindly ask that you leave the "Designed by Andreas Viklund" text in the footer,
because that would be a nice gesture to me - and I would appreciate it very much.
But there are no obligations so if you really want to remove it - just do it.</p>
<p>However, if you remove the credits and use this design for commercial
purposes, please consider making a symbolic donation through the PayPal link on my
website. And feel free to send me an e-mail with a link to the site where you have
used the design, it is both fun and inspiring to see how my work is used and what
changes have been made...</p>
<p><strong>Good luck with your new website!</strong></p>
<h3>site info</h3>
<p>© 2005-2006 Your Name. Design by <a
href="http://andreasviklund.com">Andreas Viklund</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
<head>
<title>Community</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="stylde.css" />
</head>
<body>
<div id="main">
<div id="left">
<div id="top">
<dl class="left">
<dt>latest news</dt>
<dd><a href="#">Update 5 - now having a board</a></dd>
<dd><a href="#">Update 4 - at least in color</a></dd>
<dd><a href="#">Update 3 - coming out of beta</a></dd>
</dl>
<dl class="right">
<dt>latest posts</dt>
<dd><a href="#">Topic 3 - what's OSWD?</a></dd>
<dd><a href="#">Topic 2 - what kind of music?</a></dd>
<dd><a href="#">Topic 1 - welcome to the board</a></dd>
</dl>
<div id="topbottom"> </div>
</div>
<div id="content">
<div id="headline">
<h1>your community › site one</h1>
</div>
<h2>Informations</h2>
<h3>about this design</h3>
<p>This design was produced in less than 5 hours on a rainy afternoon. Its
thought as a community layout but feel free to modify it for an other type of
website. You shouldn't have any problems with diffrent machines and browsers
because it's valid <a href="http://validator.w3.org/check?uri=referer">XHTML 1.0
transitional</a> and CSS 2. Verdana and Georgia are used as the main-fonttypes,
except them only Arial is used. The text is displayed in 12px, Verdana, left-
aligned and with an line-hieght of 20px (1,7em).</p>
<h3>the stylesheet</h3>
<p>The Cascading StyleSheet is structured in a special way. At the top you'll
find the definitions for all the main boxes which keep the layout in form. Under
that you can find the definition for dark-gray 'latest'-box. In all these
catergories the items again ordered alphabetically. The 3<sup>rd</sup> category is
for the elementsin the #content-container. At last there you can find the
definitions for the sidepanel.</p>
<h3>using it</h3>
<p>This template is published at OpenSourceWebDesigns, so you're allowed to
modify and use every part of this design.</p>
<h2>Lorem Ipsum</h2>
<h3>Part one</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<h3>Part two</h3>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
nulla facilisi.</p>
<h3>part three</h3>
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet
doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat.</p>
</div>
</div>
<div id="right">
<div style="background: url(images/topright.gif) no-repeat top right; height:
10px;"> </div>
<div id="inner">
<form action="#" method="post">
<label for="name">Name:</label>
<input type="text" size="10" name="name" id="name" />
<label for="pw">Password:</label>
<input type="password" size="10" name="pw" id="pw" />
<div style="text-align: right;"><a href="#">Register</a> |
<input type="submit" class="button" value="Go!" name="button" />
</div>
</form>
<br />
<br />
<h5>Site</h5>
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h5>Board</h5>
<ul class="nav">
<li><a href="#">Overview</a></li>
<li><a href="#">Search</a></li>
<li><a href="#">Staff</a></li>
<li><a href="#">Members</a></li>
<li><a href="#">latest posts</a></li>
</ul>
<h5>Partners</h5>
<p>here you can place buttons or something like that</p>
</div>
</div>
<br style="clear: both;" />
</div>
<div id="footer">copyleft 2005 by t-3k</div>
</body>
</html>
<!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>Green Feelin</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="default.css"/>
</head>
<body>
<div id="container">
<div id="nav"> <img src="images/about.gif" alt=""/> <a href="#">home</a> <img
src="images/products.gif" alt=""/> <a href="#">archive</a> <img
src="images/contact.gif" alt=""/> <a href="#">contact</a> <img
src="images/services.gif" alt=""/> <a href="#">services</a> <img
src="images/help.gif" alt=""/> <a href="#">whatever</a> </div>
<div id="banner">
<h1>Green Feeling.</h1>
<div id="topbar">
<h3>Categories</h3>
<ul>
<li><a href="#">Computers (145)</a></li>
<li><a href="#">Music (584)</a></li>
<li><a href="#">Entertainment (32)</a></li>
<li><a href="#">Life (152)</a></li>
<li><a href="#">View all categories</a></li>
</ul>
</div>
</div>
<div id="content">
<h1 class="headline"> Welcome to: <strong>green</strong> feeling. </h1>
<p> <img class="imageright" src="images/questionmark.jpg" width="100"
height="100" alt=""/> This design is the result of listening to Fat Jon and Nujabes
for 5 or so hours, then staring at my screen and typing away furiously making a new
design. <br />
<br />
Are there any errors?<br/>
<br/>
Hopefully not. :D </p>
<p> Donec ac risus vel nulla iaculis <a href="#">euismod.</a> Integer ac risus.
Pellentesque ut ante in risus suscipit scelerisque. Pellentesque risus. Vestibulum
congue. Cras faucibus aliquam dolor. Ut sollicitudin dui vel magna. In et neque
interdum eros ullamcorper tempor. Ut gravida odio ut leo. Sed iaculis ipsum
ultricies augue. Nulla sed tortor. Fusce a magna. Duis nonummy ligula at nisi.
Donec nisi ante, egestas in, dignissim sit amet, fermentum non, nisi. Vestibulum
lacinia. Etiam odio. </p>
<p>I've included sexy hover effects that confuse IE! :D</p>
<div class="meta"> posted in: <a href="#">computers</a> @ june 6th, 7pm. | <img
src="images/comment.gif" alt=""/> <a href="#">comments (5)</a> </div>
<h1 class="headline"> Fat <strong>Jon</strong> + Nujabes </h1>
<p> <img class="imageleft" src="images/questionmark.jpg" width="100"
height="100" alt=""/> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
pellentesque tincidunt mi. Suspendisse pellentesque libero ut ante. Curabitur sem
dolor, feugiat id, ullamcorper sit amet, fringilla et, sapien. Mauris sed leo.
Vivamus aliquam mi fermentum mi. Nulla id enim ac ante congue cursus. Aliquam
ullamcorper sapien in quam vehicula porttitor. Donec imperdiet tristique felis.
Donec quis ipsum. Sed sapien erat, euismod tincidunt, vulputate id, lobortis a,
est. Nunc sem quam, mattis ac, molestie vitae, aliquam id, purus. Nulla sed ligula.
</p>
<p> Donec ac risus vel nulla iaculis euismod. Integer ac risus. Pellentesque ut
ante in risus suscipit scelerisque. Pellentesque risus. Vestibulum congue. Cras
faucibus aliquam dolor. Ut sollicitudin dui vel magna. In et neque interdum eros
ullamcorper tempor. Ut gravida odio ut leo. Sed iaculis ipsum ultricies augue.
Nulla sed tortor. Fusce a magna. Duis nonummy ligula at nisi. Donec nisi ante,
egestas in, dignissim sit amet, fermentum non, nisi. Vestibulum lacinia. Etiam
odio. </p>
<h1 class="headline"> Blockquote.<strong>Test</strong> </h1>
<blockquote>
<p> Testing a blockquote. Isn't it pretty what you can do with CSS? Testing a
blockquote. Isn't it pretty what you can do with CSS? Testing a blockquote. Isn't
it pretty what you can do with CSS? Isn't it pretty what you can do with CSS? Isn't
it pretty what you can do with CSS? Isn't it pretty what you can do with CSS? Well,
maybe not the way I style it. <a href="#">Link test.</a> </p>
</blockquote>
<div class="meta"> posted in: <a href="#">computers</a> @ june 6th, 7pm. | <img
src="images/comment.gif" alt=""/> <a href="#">comments (5)</a> </div>
<h1 class="headline"> Just <strong>more</strong> filler <strong>text</strong>
</h1>
<p> Maximize your Smoky Mountains experience! Whether you are seeking a unique
rugged adventure, to expand your knowledge and skills, or simply a peaceful
encounter with nature at its finest, come discover the stunning world of the Great
Smoky Mountains National Park. </p>
<p> A Walk In The Woods is a full range guide service geared to making your
time in the Smokies as wonderful as possible. Emphasizing the teaching of natural
history, this is A Walk In The Woods' ninth year of offering spectacular trips into
the Smokies. </p>
<p> We are experts in the Great Smoky Mountains National Park, medicinal and
edible uses of wild plants and mushrooms, wild animals and their habits,
backpacking, primitive skills, survival, and human history of the area, including
the Native Americans and early settlers. </p>
<p> All of our services help make your trip to the Great Smoky Mountains
rewarding and fun. We offer a large selection of interpretive nature walks and
guided hikes, hiker shuttle service in and around the Great Smoky Mountains
National Park, Appalachian Trail support, trip planning, equipment rental, guided
backpacking trips, classes and seminars. Our goal is to make the Great Smoky
Mountains National Park come alive for you. </p>
<p> A Walk in the Woods has been building Smoky Mountain memories for our
clients since 1998, as a full-time guide service to the Great Smoky Mountains
National Park. </p>
<p>And a list:</p>
<ul>
<li>Bacon</li>
<li>Eggs</li>
<li>Milk</li>
<li>Chicken</li>
</ul>
<div class="meta"> posted in: <a href="#">computers</a> @ june 6th, 7pm. | <img
src="images/comment.gif" alt=""/> <a href="#">comments (5)</a> </div>
</div>
<div id="sidebar">
<h1 class="headline"><strong>Skip </strong>to:</h1>
<ul>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
<li><a href="#">Page 4</a></li>
<li><a href="#">Page 5</a></li>
<li><a href="#">Page 6</a></li>
<li><a href="#">Page 7</a></li>
<li><a href="#">Page 8</a></li>
<li><a href="#">Page 9</a></li>
</ul>
<h1 class="headline"><strong>Recent</strong> posts</h1>
<ul>
<li><a href="#">Insanity I tell you! Pure insani...</a></li>
<li><a href="#">Insight? What?</a></li>
<li><a href="#">100 shiny internets</a></li>
</ul>
<a href="#">Visit the full archives... ></a><br />
<h1 class="headline">Image <strong>#1</strong></h1>
<img src="images/no.jpg" alt="" class="sideimage"/>
<h1 class="headline">Image <strong>#2</strong></h1>
<img src="images/no.jpg" alt="" class="sideimage"/> </div>
</div>
<div id="footer">
<p>copyright (©) (you) | <a href="#">Valid (x)HTML 1.1</a> design: <a
href="http://www.oswd.org/designs/search/designer/id/6399/">buyable</a> (r.
maguire) of OSD/OSWD</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MyFirstCssTemplate</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div id="page-container">
<div id="top"> <a href="#">Forum</a> | <a href="#">Contact</a>
<div class="comment"> Search the Web:
<input type="text" name="search" class="search" />
<input type="submit" value="Search" class="submit" />
</div>
</div>
<div id="sidebar-a">
<div class="padding">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Parterns</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div id="hrgreen"></div>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida
enim ut risus. Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim.
Maecenas in lectus. Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce
malesuada enim vitae lacus euismod vulputate. Nullam rhoncus mauris ac metus. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus.
Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in
lectus. </p>
</div>
<div id="content">
<div class="padding">
<h2>Green Grass</h2>
<br />
<h4><a href="#">PROVIDING THE BEST CMS SOLUTONS</a></h4>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat.
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat...</p>
<p class="date"><img src="images/comment.gif" alt="" /> <a
href="#">Comments(2)</a> <img src="images/timeicon.gif" alt="" /> 21.02.</p>
<h4><a href="#">COMPILING STATISTICS</a></h4>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat.
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat...</p>
<p class="date"><img src="images/comment.gif" alt="" /> <a
href="#">Comments(8)</a> <img src="images/timeicon.gif" alt="" /> 13.46.</p>
</div>
</div>
<div id="prefooter"> <br />
<p><a href="#">Green Grass in your browser...</a></p>
<p><a href="#">My first CSS Template</a></p>
<p><a href="#">Try sNews 1.4!</a></p>
</div>
<div id="footer"> <a href="#">RSS Feed</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> <br />
Copyright © 2006 Green Grass - Design: <a href="http://www.free-css-
templates.com">David Herreman</a> </div>
</div>
</body>
</html>
<!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>Green People</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<div class="wrapper">
<!-- Start header -->
<div id="header">
<ul id="utility-links">
<li><a href="#">about</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">sitemap</a></li>
</ul>
</div>
<!-- End Header -->
<!-- Start Navigation -->
<div class="navbar">
<div id="nav-left">
<ul id="nav-links">
<li>
<h2><a href="#">Home</a></h2>
</li>
<li>
<h2><a href="#">Services</a></h2>
</li>
<li>
<h2><a href="#">Portfolio</a></h2>
</li>
<li>
<h2><a href="#">Our Team</a></h2>
</li>
<li>
<h2><a href="#">Location</a></h2>
</li>
</ul>
</div>
<div id="nav-right">
<form action="#" method="post">
<p>Search
<input name="search" id="search" />
</p>
</form>
</div>
</div>
<!-- End Navigation -->
<!-- Start Shadow -->
<div class="navbar"> <img src="images/top-diag-stripes.jpg" alt="" /> </div>
<!-- End Shadow -->
<div id="leftcolumn"> <img src="images/people-logo.jpg" alt="Logo and People
Artwork" width="321" height="306" /></div>
<div id="centercolumn"> <img src="images/yellow-bubble.jpg" alt="Speech Bubble
Area" width="249" /> </div>
<div id="rightcolumn">
<h1>Daily Links</h1>
<ul id="daily-links">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Wicked Fire</a></li>
<li><a href="#">Code Sucks</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">CSS Beauty</a></li>
</ul>
</div>
<div id="bottomcolumn"><a href="#"><img src="images/btn-more.gif" alt=""
width="40" height="15" /></a>
<!-- put more image here -->
</div>
<!-- Start Main Content Area -->
<div class="wrapper">
<div class="navbar"> <img src="images/mid-shadow.jpg" alt="" /> </div>
<div id="leftcontent">
<div class="text">
<h1>What We Do?</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa
qui officia deserunt mollit anim id est laborum </div>
<br />
<div class="text">
<h1>Why We Do It?</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa
qui officia deserunt mollit anim id est laborum </div>
<br />
<div class="text">
<h1>How We Do It?</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa
qui officia deserunt mollit anim id est laborum </p>
</div>
</div>
<div id="rightcontent">
<h1>In the News</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa
qui officia deserunt mollit anim id est laborum</p>
<p> </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute
irure dolor in reprehenderit in voluptate velit esse</p>
<br />
<p> <a href="http://jigsaw.w3.org/css-validator/"> <img
style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" /> </a> <a href="http://validator.w3.org/check?
uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" height="31" width="88" /> </a> </p>
</div>
</div>
<!-- End Main Content Area -->
<div id="footer">© Copyright with Company.com 2006</div>
</div>
</body>
</html>
<!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>Green World 2</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"></div>
<div id="content">
<div id="slogan">
<h1> </h1>
<h1><em>your slogan here</em></h1>
</div>
<div id="gris">
<ul id="latestwork">
<li><img src="http://www.openDesigns.org/Designs/thumbs/564.jpg" alt=""
/></li>
<li><img src="http://www.openDesigns.org/Designs/thumbs/620.jpg" alt=""
/></li>
<li><img src="http://www.openDesigns.org/Designs/thumbs/629.jpg" alt=""
/></li>
</ul>
</div>
<div id="right">
<h3><img src="feed-icon-10x10.png" alt="" width="10" height="10" /> News </h3>
<div id="lhover">
<ul>
<li><a href="#">Home<br />
<span>Date, Month, Year - x comments</span></a></li>
<li><a href="#">UL #2 <br />
<span>Date, Month, Year - x comments</span></a></li>
<li><a href="#">UL #3 <br />
<span>Date, Month, Year - x comments</span></a></li>
</ul>
</div>
</div>
<div id="ajaxcontentarea">
<h2>green world #2 : now with another colors. </h2>
<p><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur id est
tincidunt nisl pellentesque tincidunt. Donec in mauris. Mauris neque magna,
consectetuer id, malesuada vitae, tincidunt sit amet, mi. Aliquam lacinia.
<strong>Suspendisse potenti. </strong></p>
<p>Proin justo lorem, rutrum ac, facilisis in, malesuada sed, ligula. Mauris
lobortis lacus at nibh. Aenean vitae odio vel odio placerat hendrerit. Suspendisse
lacus lacus,<em> tempor id, </em>pharetra eget, ornare sit amet, pede. Sed
aliquet, justo ac elementum pretium, arcu leo placerat est, a luctus purus diam
eget arcu. </p>
<p>Nam augue diam, mollis a, scelerisque eget, aliquet condimentum,<strong>
pede.</strong> Vestibulum tristique lectus sed augue.</p>
</div>
<div id="footer">
<p>Copyright © 2006 YOUR SITE NAME.template by <a
href="http://dinamoo.com/">dinamoo</a></p>
<div id="validcorp"> <span class="xhtml"><a
href="http://validator.w3.org/check?uri=referer">xhtml</a> </span> <span
class="css"><a href="http://jigsaw.w3.org/css-validator/">css</a> </span> <span
class="rss"><a href="#">cc</a> </span> </div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Green80</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<link rel="stylesheet" type="text/css" href="style/colour.css" />
</head>
<body>
<div id="main">
<div id="links"> <a href="#">another link</a> | <a href="#">another link</a> | <a
href="#">another link</a> | <a href="#">another link</a> </div>
<div id="logo">
<h1>GREEN_80</h1>
<h2>A slogan can be placed here if you really want to?</h2>
</div>
<div id="menu">
<ul>
<li><a id="selected" href="index.html">home</a></li>
<li><a href="page1.html">layout 2</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
<div id="content">
<div id="column1">
<div class="sidebaritem">
<h1>latest news</h1>
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p><a href="#">read more ...</a></p>
<p></p>
<p></p>
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p><a href="#">read more ...</a></p>
</div>
<div class="sidebaritem">
<h1>additional links</h1>
<div class="sbilinks">
<ul>
<li><a href="#">open designs</a></li>
<li><a href="#">learn XHTML</a></li>
<li><a href="#">learn CSS</a></li>
<li><a href="#">get firefox</a></li>
</ul>
</div>
</div>
<div class="sidebaritem">
<h1>other information</h1>
<p> This space can be used for additional information such as a contact
phone number, address
or maybe even a graphic. </p>
</div>
</div>
<div id="column2">
<h1>introduction</h1>
<p> This standards compliant website template is a themed version of the
previously released 'tick_tock_light' design. It is released as an 'open source'
design (under the <a href="http://creativecommons.org/licenses/by/2.5">Creative
Commons Attribution 2.5 Licence</a>), which means that you are free to download and
use it for anything you want (including modifying and amending it). The logo image
is from a digital photograph taken by me, so there are no issues with copyright
there. All I ask is that you leave the 'design by dcarter' link in the footer of
the template, but other than that... </p>
<p> This template is written entirely in XHTML 1.1 and CSS, and can be
validated using the links in the footer. </p>
<p> You can view my other 'open source' template designs <a
href="#">here</a>. </p>
<h1>example elements</h1>
<p>Here are some example elements available with this template.</p>
<h2>Bold Text</h2>
<p><strong>this is an example of bold text</strong></p>
<h2>Italics</h2>
<p><i>this is an example of italic text</i></p>
<h2>Links</h2>
<p><a href="#">this is an example link</a></p>
<h2>Block Quotes</h2>
<blockquote>
<p> Some blockquote text. Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. </p>
</blockquote>
<h2>Unordered Lists</h2>
<ul>
<li>list item 1</li>
<li>list item 2</li>
</ul>
<br />
<h2>Ordered Lists</h2>
<ol>
<li>list item 1</li>
<li>list item 2</li>
</ol>
<br />
<h2>Images</h2>
<p>images can be placed on the left, in the center or on the right.</p>
<span class="left"><img src="style/graphic.jpg" alt="" /></span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. </p>
<span class="center"><img src="style/graphic.jpg" alt="" /></span> <span
class="right"><img src="style/graphic.jpg" alt="" /></span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. </p>
</div>
</div>
<div id="footer"> copyright © 2006 your name | <a
href="#">email@emailaddress</a> | <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> | <a href="http://www.dcarter.co.uk">design by
dcarter</a> </div>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom:
1.0em;"> Design provided by Free Web Templates - your source for <a href="#">free
website templates</a> </div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Free CSS Templates - Free Template Greenery</title>
<meta name="description" content="Free CSS Templates features free templates from
website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates,
Templates, Free Templates, CSS" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen,
print" />
</head>
<body>
<div id="header">
<div id="menu">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#" style="width: 8.7em;">Support</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#" style="width: 7em;">Contact</a></li>
</ul>
<div id="title">
<h1>Greenery</h1>
</div>
</div>
</div>
<div id="content">
<div id="text">
<h1><span>Greenish Template</span></h1>
<p> This template is tableless <acronym title="eXtensible Hypertext Markup
Language">XHTML</acronym>/<acronym title="Cascading Style Sheet">CSS</acronym> that
validates as 1.1 strict. It uses relative widths so that it handles browser font
<acronym title="CTRL + Mousewheel">+/-</acronym> without any troubles. The
vertical plant image is easy to switch for one of your own, as is the accent
colour. To change the green header, you'll need to update these two images: </p>
<ul>
<li><b>bg_header.jpg</b>: the top, tiling, header-background.</li>
<li><b>menu_tab.gif</b>: the menu tab that comes up onmouseover.</li>
</ul>
<h1><span>Features</span></h1>
<p> Included in the template are styles for a right side <a
href="menu.html">news & submenu section</a> or a comments section (shown in
this version). The code is <acronym title="coded as the markup was Designed to be
used">semantically</acronym> written so it's clean and easy to modify. The CSS is
coded so that elements derive their style from their context, rather than classes.
This adds to the readability of the source. </p>
<p> The plant photo was taken by icefront and has no usage restrictions. The
repeating pattern is from squidfingers and is also free use, but I'm sure both of
them would appreciate a link back. The rest was created by me and is open source.
If you use any of it, I'd appreciate credit, but it isn't required. </p>
<h1><span>Winter Blues</span></h1>
<p> This template was started on the day it began snowing....it's going to be a
long 6 months before I see this colour again. If you do end up finding a use for
the template, send me a message. It's always interesting to see my templates in
action. </p>
</div>
<div id="image"><img src="images/plants.jpg" alt="plants"/></div>
<div id="sideBar">
<h1><span>Comments</span></h1>
<div id="comments">
<p> This would be some comment text. Thrilling. <span class="author"><a
href="#">Pat</a>, Nov 23rd</span> </p>
<img src="images/comment_bg.gif" alt="comment bottom"/>
<p> Goodness, more comment text? That's crazy talk... <span
class="author"><a href="#">snop</a>, Nov 24th</span> </p>
<img src="images/comment_bg.gif" alt="comment bottom"/>
<p> Comments are hawt, but if you wanted a submenu, you could <a
href="menu.html">look here</a>. <span class="author"><a href="#">Bort</a>, Nov
29th</span> </p>
<img src="images/comment_bg.gif" alt="comment bottom"/> </div>
<h1><span>Your Turn</span></h1>
<p>
<input type="text" value="Name"/>
<input type="text" value="URL"/>
<textarea rows="5" cols="">Comment</textarea>
<input type="submit" value="Submit" class="button" />
</p>
</div>
<div id="footer"> <a href="http://fullahead.org" class="fullAhead"></a>
<p>Valid <a href="http://validator.w3.org/check?uri=referer" title="validate
XHTML">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator">CSS</a></p>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js"
type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-24";
urchinTracker();
</script>
</body>
</html>
<!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" >
<head>
<title>*GREEN PIECE*</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="topimg">
<h1>Your Comapany Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
<div style="clear:both;"></div>
<div id="sidebar">
<h2>Menu 1</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic </a> </li>
</ul>
</div>
<h2>Menu 2</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
<h2>Menu 3</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
</div>
<div id="content">
<h1>Welcome to <span style="color:#9C386A;">Greenpiece</span> Template</h1>
<blockquote>
<p>All images were created by me so feel free to use them if you wish. The
page has been tested in Mozilla and IE7. The page validates as Valid XHTML 1.0
Strict using valid CSS. The side menu is from <a
href="http://css.maxdesign.com.au/listamatic/" title="CSS menus">Listamatic</a>.
<br />
For more FREE templates visit <a href="http://www.mitchinson.net" title="my
website">my website</a>.</p>
</blockquote>
<h1>Article One</h1>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Curabitur mi. Sed interdum. Nam facilisis dui a nisi.
Phasellus euismod augue quis erat. Nunc libero libero, lobortis ut, placerat vel,
dapibus eu, nisl. Fusce a nisi sed urna aliquet molestie. Aenean pretium, orci
vitae lobortis rutrum, magna arcu pulvinar elit, id suscipit nunc tellus in felis.
Nam facilisis dui a nisi. Phasellus euismod augue quis erat.</p>
<p class="post align-right"> <a href="#" class="readmore">Read more</a> <a
href="#" class="comments">Comments (3)</a> <span class="date">March 28, 2007</span>
</p>
<h1>Article Two</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. Nam facilisis dui a nisi. Phasellus euismod augue
quis erat. </p>
<div style="float: right; width: 120px; height: 5em; margin: 20px 10px 10px
10px; font-family: Georgia, arial, helvetica; font-size: 16px; line-height: 1.5em;
color: #336633;"> <span style="color:#333;"><img src="img/quote.gif"
alt="quote"/>.... this is a </span><span style="color:#336633;">magazine style
</span><span style="color: #999;">pullquote .... <img src="img/unquote.gif"
alt="unquote"/></span> </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. Nam facilisis dui a nisi. Phasellus euismod augue
quis erat. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. </p>
<p class="post align-right"> <a href="#" class="readmore">Read more</a> <a
href="#" class="comments">Comments (3)</a> <span class="date">March 28, 2007</span>
</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a></div>
</div>
</body>
</html>
<!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" >
<head>
<title>*GREEN PIECE*</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="topimg">
<h1>Your Comapany Name</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
<div style="clear:both;"></div>
<div id="sidebar">
<h2>Menu 1</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic </a> </li>
</ul>
</div>
<h2>Menu 2</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
<h2>Menu 3</h2>
<div class="sidemenu">
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>
</div>
<div id="content">
<h1>Welcome to <span style="color:#9C386A;">Greenpiece</span> Template</h1>
<blockquote>
<p>All images were created by me so feel free to use them if you wish. The
page has been tested in Mozilla and IE7. The page validates as Valid XHTML 1.0
Strict using valid CSS. The side menu is from <a
href="http://css.maxdesign.com.au/listamatic/" title="CSS menus">Listamatic</a>.
<br />
For more FREE templates visit <a href="http://www.mitchinson.net" title="my
website">my website</a>.</p>
</blockquote>
<h1>Article One</h1>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Curabitur mi. Sed interdum. Nam facilisis dui a nisi.
Phasellus euismod augue quis erat. Nunc libero libero, lobortis ut, placerat vel,
dapibus eu, nisl. Fusce a nisi sed urna aliquet molestie. Aenean pretium, orci
vitae lobortis rutrum, magna arcu pulvinar elit, id suscipit nunc tellus in felis.
Nam facilisis dui a nisi. Phasellus euismod augue quis erat.</p>
<p class="post align-right"> <a href="#" class="readmore">Read more</a> <a
href="#" class="comments">Comments (3)</a> <span class="date">March 28, 2007</span>
</p>
<h1>Article Two</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. Nam facilisis dui a nisi. Phasellus euismod augue
quis erat. </p>
<div style="float: right; width: 120px; height: 5em; margin: 20px 10px 10px
10px; font-family: Georgia, arial, helvetica; font-size: 16px; line-height: 1.5em;
color: #336633;"> <span style="color:#333;"><img src="img/quote.gif"
alt="quote"/>.... this is a </span><span style="color:#336633;">magazine style
</span><span style="color: #999;">pullquote .... <img src="img/unquote.gif"
alt="unquote"/></span> </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. Nam facilisis dui a nisi. Phasellus euismod augue
quis erat. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi. Sed
interdum. Nam facilisis dui a nisi. Phasellus euismod augue quis erat. Nunc libero
libero, lobortis ut, placerat vel, dapibus eu, nisl. Fusce a nisi sed urna aliquet
molestie. Aenean pretium, orci vitae lobortis rutrum, magna arcu pulvinar elit, id
suscipit nunc tellus in felis. </p>
<p class="post align-right"> <a href="#" class="readmore">Read more</a> <a
href="#" class="comments">Comments (3)</a> <span class="date">March 28, 2007</span>
</p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a><br/>
This work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a></div>
</div>
</body>
</html>
<!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>GreenWay</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div class="content">
<div id="top">
<div id="icons"> <a href="#"><img src="images/home.gif" alt="Home" /></a> <a
href="#"><img src="images/contact.gif" alt="Contact" /></a> <a href="#"><img
src="images/sitemap.gif" alt="Sitemap" /></a> </div>
<h1>GreenWay</h1>
<h2>Your Best Slogan here</h2>
</div>
<div id="menu">
<ul>
<li><a class="current" href="#">HOME</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">AFFILIATES</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">ABOUTS US</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
<div id="main">
<div id="right_side">
<div class="pad"> <img src="images/pic.jpg" alt="" />
<h3>Categories</h3>
<ul>
<li><a href="#">Templates (15)</a></li>
<li><a href="#">Internet (10)</a></li>
<li><a href="#">Tutorials (23)</a></li>
<li><a href="#">Photoshop (11)</a></li>
<li><a href="#">sNews (16)</a></li>
<li><a href="#">Personal (5)</a></li>
</ul>
<h3>Directory</h3>
<p>Links4se.com is a seo-friendly and human-edited general directory.
Featured links need to be paid only $4.95 for unlimited time and regular links only
$1.95!</p>
<h3>Creative News</h3>
<p><a href="#">Creative News</a> is a place for web developers searching
for fresh news on web development with one goal - to put their creativity into
action.</p>
<h3>Css Heaven</h3>
<p><a href="#">CSS Heaven</a> has one objective to provide you with a
central resource to view a wide range of eye catching and innovative web design
plus inspire you to create new and exciting web designs. </p>
</div>
</div>
<div id="left_side">
<div class="intro">
<div class="pad">sNews is a completly free PHP and MySQL driven content
management system for managing web content. Consisting of only one file, sNews is
extremely lightweight, easy to install, and easy to use via a simple web interface.
<br />
<a href="#">Download</a> | <a href="#">Read more...</a>
</div>
</div>
<div class="mpart">
<h3>Get. Watch. Do What You Want</h3>
<h2>Download this Design for Free!</h2>
<p> Phasellus quis est eget metus blandit lacinia. Quisque molestie, diam a
dignissim mattis, lectus felis placerat lectus, eget sollicitudin neque nunc
eleifend metus. <a href="#">Curabitur ullamcorper</a> sem ac pede gravida sagittis.
Sed et felis. Vestibulum placerat, ipsum nec congue auctor, ante massa placerat
felis, sit amet <strong>consectetuer</strong> elit arcu vitae metus. In commodo,
risus sed tristique luctus, ipsum diam dapibus eros, et vehicula dui augue tempus
quam. In laoreet. Suspendisse et pede volutpat lacus interdum consequat. Cras dui.
Quisque ac turpis nec ligula rutrum pulvinar. Quisque lectus ligula, vehicula nec,
fringilla eu, dignissim ut, nisl. Vestibulum non turpis. Maecenas urna. </p>
<blockquote>
<p>Sed et felis. Vestibulum placerat, ipsum nec congue auctor, ante massa
placerat felis, sit amet consectetuer elit arcu vitae metus. </p>
</blockquote>
<div class="date"><a href="#">Comments (5)</a> . 05 Jan 2007 . 10:37</div>
<h3>It's all Inside</h3>
<h2>Expect Great Things</h2>
<div class="rs"> <strong>List example</strong>:
<ul>
<li>list line 1</li>
<li>list line 2
<ul>
<li>sublist line a</li>
<li>sublist line b</li>
</ul>
</li>
</ul>
</div>
<p> Sed odio tortor, rhoncus ac, auctor a, volutpat sed, diam. Quisque
imperdiet. Maecenas quis nisl. Fusce sed nibh eget odio faucibus lobortis. Fusce
sagittis est sed elit. Sed venenatis elit ut urna. Etiam varius imperdiet leo.
Integer rhoncus venenatis arcu. Donec sollicitudin lectus. Cras ac est. Fusce odio.
Donec posuere fermentum dolor. Sed a lacus tristique tellus ultrices mattis. Sed
adipiscing urna a orci. Maecenas pharetra volutpat sem. </p>
<p> Vestibulum placerat, ipsum nec congue auctor, ante massa placerat
felis, sit amet consectetuer elit arcu vitae metus. In commodo, risus sed tristique
luctus, ipsum diam dapibus eros, et vehicula dui augue tempus quam. In laoreet.
</p>
<div class="date"><a href="#">Comments (11)</a> . 07 Jan 2007 . 02:56</div>
</div>
<div class="greybox"> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec,
ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius
a, semper congue, euismod non, mi. Duis semper. </div>
</div>
</div>
<div id="footer">
<div class="right">© Copyright 2006, Your Website - Design: <a
href="http://www.free-css-templates.com">Free Css Templates</a><br />
<a href="#">Home</a> - <a href="http://validator.w3.org/check?uri=referer"
title="Validate">XHTML</a> - <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="Validate">CSS</a> </div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas08</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="andreas08.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="container" >
<div id="header">
<h1>andreas08: ignore the trends</h1>
<h2>space reserved for your website slogan!</h2>
</div>
<div id="navigation">
<ul>
<li class="selected"><a href="#">Home</a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
<li><a href="#">Fourth</a></li>
<li><a href="#">Fifth</a></li>
<li><a href="#">And the last one</a></li>
</ul>
</div>
<div id="content">
<h2>Welcome To Andreas08!</h2>
<p>I get a lot of requests about new open source templates, and this one was
created as a response to one of those requests. This template is based on the
design of my own website, with only small changes (hopefully improvements!) from my
own design. Among the changes, it is worth to note that this template does not use
any images - and browser-based font resizing is fully supported. Other than that,
there are no special features or extras, only valid and well-structured XHTML 1.1
and CSS2 code.</p>
<p>Current template version: 1.0 (November 28, 2005).</p>
<div class="splitcontentleft">
<h2>Included Style Examples:</h2>
<div class="box">
<h3>Sub-header example</h3>
<p>This is regular text, which is aligned to the left by default. You can
easily change the alignment using the classes .textcenter and .textright on each
paragraph.</p>
<p><span class="important">This is an important note!</span><br />
<a href="#">This is a link.</a><br />
<strong>This is strong text.</strong><br />
<span class="small">This is small text.</span></p>
<ul>
<li>Unordered list option 1</li>
<li>Unordered list option 2</li>
</ul>
<ol>
<li>Ordered list option 1</li>
<li>Ordered list option 2</li>
</ol>
<dl>
<dt>Definition list dt</dt>
<dd>Definition list dd</dd>
</dl>
</div>
</div>
<div class="splitcontentright">
<h2>About The Designer</h2>
<p>My name is Andreas Viklund, and I am a 25-years old professional designer
living in Jokkmokk, northern Sweden. If you are interested in more advanced
templates or custom design services, don't hesitate to contact me for more
information!</p>
<h2>Open Source Template</h2>
<p>This is an open source template, which means that you are free to use it
in any way you want to without any obligations. If you decide to use this template,
I kindly ask you to leave the "Design by Andreas Viklund" link in the footer. I am
also interested in seeing how my templates are used, so feel free to send me an e-
mail with a link to your page. If you want more templates to choose from, check out
the sites in the "Favorite links" menu to the right!</p>
<p><strong>Good luck with your new design!</strong></p>
</div>
</div>
<div id="subcontent">
<div class="small box"><strong>Note: </strong>This is a box. It can be used for
special messages both in the sidebar and the content section. You could use it for
special notes and announcements, but also as a frame for photos. This space can be
used for a short website presentation!</div>
<h2>Nested Menu</h2>
<ul class="menublock">
<li><a href="#">Menu option 1</a></li>
<li><a href="#">Menu option 2</a>
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
</ul>
</li>
<li><a href="#">Menu option 3</a></li>
<li><a href="#">Menu option 4</a></li>
</ul>
<h2>Favorite Links</h2>
<ul class="menublock">
<li><a href="#">Website Templates</a></li>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">sNews CMS</a></li>
<li><a href="#">OSWD.org</a></li>
</ul>
<div id="searchbar">
<h2>Search This Site</h2>
<form action="#" method="get">
<fieldset>
<input value="demo only" name="s" id="s" alt="not functional, demo only" />
<input type="submit" value="Go!" id="searchbutton" name="searchbutton" />
</fieldset>
</form>
</div>
</div>
<div id="footer">
<p>© 2005-2006 <a href="#">Your Name</a> | Design by <a
href="http://andreasviklund.com">Andreas Viklund</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Grey Blog Free Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div class="toph"></div>
<div class="right">
<div class="title">GREY BLOG</div>
<div class="nav">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">AFFILIATES</a></li>
<li><a href="#">SUPPORT</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
<h2>Top Articles:</h2>
<ul>
<li><a href="#">NoHeader Template</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">dolor sit amet consectet</a></li>
</ul>
<hr />
<h2>Links</h2>
<ul>
<li><a href="#">Solucija.com</a></li>
<li><a href="#">Free css templates</a></li>
</ul>
<h2>Search</h2>
<form action="#">
<input type="text" value="" class="text" />
<input type="submit" value="Go" class="searchbutton" />
</form>
<br />
<br />
<hr />
<div class="footer_text"> © Copyright Grey Blog<br />
Design: <a href="http://www.free-css-templates.com/" title="Free CSS
Templates">David Herreman</a><br />
<a href="rss/">RSS Feed</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> | <a href="#">Login</a> </div>
</div>
<div class="center">
<h2><a href="#">Try sNews 1.4!</a></h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod ante
non diam. Sed eleifend odio sed quam. Sed vulputate, <a href="#">turpis at
tincidunt</a> porttitor, est elit consequat metus, non dignissim augue mauris quis
arcu. Phasellus faucibus blandit eros. Curabitur porttitor ante non est. Maecenas
dolor. Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra
malesuada, sem velit laoreet sem, vitae iaculis diam neque consequat est.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Pellentesque tincidunt eros non quam. Mauris a magna sit amet
libero accumsan auctor. Aenean nec urna non dui lobortis viverra...
<p class="date">Posted by Avenir <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(2)</a> <img src="images/timeicon.gif" alt="" /> 21.02.</p>
<br />
<h2><a href="#">Heading Item</a></h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod ante
non diam. Sed eleifend odio sed quam. Sed vulputate, <a href="#">turpis at
tincidunt</a> porttitor, est elit consequat metus, non dignissim augue mauris quis
arcu. Phasellus faucibus blandit eros. Curabitur porttitor ante non est. Maecenas
dolor. Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra
malesuada, sem velit laoreet sem, vitae iaculis diam neque consequat est.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Pellentesque tincidunt eros non quam. Mauris a magna sit amet
libero accumsan auctor. Aenean nec urna non dui lobortis viverra...Maecenas dolor.
Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra malesuada, sem
velit laoreet sem, vitae iaculis diam neque consequat est. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Pellentesque tincidunt eros non quam. Mauris a magna sit amet libero accumsan
auctor. Aenean nec urna non dui lobortis viverra...
<p class="date">Posted by James <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(7)</a> <img src="images/timeicon.gif" alt="" /> 18.01.</p>
<br />
<div class="boxad"> Your Ads here...sNews is a completly free PHP and MySQL
driven tool for publishing and maintaining news articles on a website. Integrating
sNews into your existing design is simple, but you could also use sNews on it's
own, as a simple Content Management System. Consisting of only one file, sNews is
extremely lightweight, very easy to install, and easy to use via a simple web
interface. </div>
</div>
<div class="footer"></div>
</div>
</body>
</html>
<!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>GreyWorld</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div class="content">
<div id="top">
<div id="part1">
<div id="search"> </div>
<h1><a href="#">Grey World Design</a></h1>
<h2>The Best Slogan here - H2</h2>
</div>
<div id="topmenu">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">AFFILIATES</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">ABOUTS US</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
<div id="breadcrumbs"></div>
<div id="main">
<div id="left">
<h2>Download this template for free!</h2>
<p> <img src="images/img_sample.jpg" alt="img" /> <span
class="capital">P</span>hasellus quis est eget metus blandit lacinia. Quisque
molestie, diam a dignissim mattis, lectus felis placerat lectus, eget sollicitudin
neque nunc eleifend metus. <a href="#">Curabitur ullamcorper</a> sem ac pede
gravida sagittis. Sed et felis. Vestibulum placerat, ipsum nec congue auctor, ante
massa placerat felis, sit amet <strong>consectetuer</strong> elit arcu vitae metus.
In commodo, risus sed tristique luctus, ipsum diam dapibus eros, et vehicula dui
augue tempus quam. In laoreet. Suspendisse et pede volutpat lacus interdum
consequat. Cras dui. Quisque ac turpis nec ligula rutrum pulvinar. Quisque lectus
ligula, vehicula nec, fringilla eu, dignissim ut, nisl. Vestibulum non turpis.
Maecenas urna. </p>
<div class="citation">
<p>Sed et felis. Vestibulum placerat, ipsum nec congue auctor, ante massa
placerat felis, sit amet consectetuer elit arcu vitae metus. </p>
</div>
<div class="date"><a href="#">Comments (5)</a> . 05 Jan 2007 . 10:37</div>
<h2>Lorem Ipsum</h2>
<div class="torightc "> <strong>List example</strong>:
<ul>
<li>list line 1</li>
<li>list line 2
<ul>
<li>sublist line a</li>
<li>sublist line b</li>
</ul>
</li>
</ul>
</div>
<p> <span class="capital">S</span>ed odio tortor, rhoncus ac, auctor a,
volutpat sed, diam. Quisque imperdiet. Maecenas quis nisl. Fusce sed nibh eget odio
faucibus lobortis. Fusce sagittis est sed elit. Sed venenatis elit ut urna. Etiam
varius imperdiet leo. Integer rhoncus venenatis arcu. Donec sollicitudin lectus.
Cras ac est. Fusce odio. Donec posuere fermentum dolor. Sed a lacus tristique
tellus ultrices mattis. Sed adipiscing urna a orci. Maecenas pharetra volutpat sem.
</p>
<div class="date"><a href="#">Comments (11)</a> . 07 Jan 2007 . 02:56</div>
</div>
<div id="right">
<div class="box">
<h2>Categories:</h2>
<ul>
<li><a href="#">Templates (15)</a></li>
<li><a href="#">Internet (10)</a></li>
<li><a href="#">Tutorials (23)</a></li>
<li><a href="#">Photoshop (11)</a></li>
<li><a href="#">sNews (16)</a></li>
<li><a href="#">Personal (5)</a></li>
</ul>
</div>
<div class="box">
<h2>New Articles:</h2>
<ul>
<li><a href="#">I would like to send big...</a></li>
<li><a href="#">This simple tutorial will...</a></li>
<li><a href="#">To make this nice fade ...</a></li>
<li><a href="#">If you want to advertise...</a></li>
<li><a href="#">This has to be one of the...</a></li>
<li><a href="#">This day I would like to...</a></li>
</ul>
</div>
<div class="box">
<h2>Sponsored Links</h2>
<ul>
<li><a href="#">Links4se.com</a></li>
</ul>
</div>
<div class="extra">
<h3>Lightweight!</h3>
<p>sNews is extremely lightweight, easy to install, and easy to use via a
simple web interface. </p>
</div>
</div>
</div>
<div id="footer">
<div class="right">© Copyright 2006, Your Website - <a href="#">Home</a>
<br />
Design: <a href="http://www.free-css-templates.com">David Herreman</a></div>
<br />
<a href="http://validator.w3.org/check?uri=referer" title="Validate">XHTML</a>
- <a href="http://jigsaw.w3.org/css-validator/check/referer"
title="Validate">CSS</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: GreyScale Business
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>GreyScale Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="head">
<h1><a href="index.html">GreyScale Business</a></h1>
<p>Free Website Template</p>
<div id="topnav">
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">Contact Us</a></li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="submit" name="go" id="go" value="GO" />
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
</fieldset>
</form>
</div>
</div>
</div>
<div class="wrapper">
<div id="intro">
<ul>
<li><a href="#"><img src="images/demo/130x330.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/130x330.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/130x330.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/130x330.gif" alt="" /></a></li>
<li class="featured">
<h2>Latest Featured Information</h2>
<p class="imgholder"><img src="images/demo/280x70.gif" alt="" /></p>
<p>This is a free website template from <a href="http://www.os-
templates.com/">OS Templates</a> and is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p class="readmore"><a href="#">Continue Reading This Article
»</a></p>
</li>
</ul>
</div>
</div>
<div class="wrapper">
<!-- Content Box -->
<div class="homecontent">
<h2>Adipisciniapellentum Consequam</h2>
<ul>
<li>
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li>
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="last">
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
</ul>
<div class="clear"></div>
<ul>
<li>
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li>
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
<li class="last">
<h2 class="title"><img src="images/demo/64x64.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Read More »</a></p>
</li>
</ul>
<div class="clear"></div>
</div>
<!-- / Content Box -->
</div>
<div class="wrapper col2">
<div id="projects">
<h2>Our Latest Projects</h2>
<ul>
<li><a href="#"><img src="images/demo/290x290.gif" alt="" /><strong>Read More
About This Project »</strong></a></li>
<li><a href="#"><img src="images/demo/290x290.gif" alt="" /><strong>Read More
About This Project »</strong></a></li>
<li class="last"><a href="#"><img src="images/demo/290x290.gif" alt=""
/><strong>Read More About This Project »</strong></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="wrapper col1">
<div id="footer">
<div id="contactform">
<h2>Why Not Contact Us Today !</h2>
<form action="#" method="post">
<fieldset>
<legend>Contact Form</legend>
<label for="fullname">Name:
<input id="fullname" name="fullname" type="text" value="" />
</label>
<label for="emailaddress" class="margin">Email:
<input id="emailaddress" name="emailaddress" type="text" value="" />
</label>
<label for="phone">Telephone:
<input id="phone" name="phone" type="text" value="" />
</label>
<label for="subject" class="margin">Subject:
<input id="subject" name="subject" type="text" value="" />
</label>
<label for="message">Message:<br />
<textarea id="message" name="message" cols="40" rows="4"></textarea>
</label>
<p>
<input id="submitform" name="submitform" type="submit"
value="Submit" />
<input id="resetform" name="resetform" type="reset" value="Reset" />
</p>
</fieldset>
</form>
</div>
<!-- End Contact Form -->
<div id="compdetails">
<div id="officialdetails">
<h2>Company Information !</h2>
<ul>
<li>Company Name Ltd</li>
<li>Registered in England & Wales</li>
<li>Company No. xxxxxxx</li>
<li class="last">VAT No. xxxxxxxxx</li>
</ul>
<h2>Stay in The Know !</h2>
<p><a href="#">Get Our E-Newsletter</a> | <a href="#">Grab The RSS
Feed</a></p>
</div>
<div id="contactdetails">
<h2>Our Contact Details !</h2>
<ul>
<li>Company Name</li>
<li>Street Name & Number</li>
<li>Town</li>
<li>Postcode/Zip</li>
<li>Tel: xxxxx xxxxxxxxxx</li>
<li>Fax: xxxxx xxxxxxxxxx</li>
<li>Email: [email protected]</li>
<li class="last">LinkedIn: <a href="#">Company Profile</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- End Company Details -->
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html><!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>
<title>Groovy Blue</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="navigation">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div>
<h1><a href="#">Website Title</a></h1>
</div>
<div id="content">
<p>GROOVY BLUE was designed by Donny Burnside of Ginger-Ninja.net and is
released under the <a href="http://creativecommons.org/licenses/by-
nc/2.5/">Creative Commons 2.5 license</a>. If you use the design all I ask is that
you keep the credit link in the footer. Also, it would be nice if you email me at
inbox[at]ginger-ninja.net to let me know how you're using the design. Editable
Fireworks .PNG files are included for every image. Enjoy.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div id="footer"><br />
© 2006 Your-Website.com | <a href="#">XHTML</a> | Design by <a
href="http://www.ginger-ninja.net/">Ginger Ninja!</a> </div>
</div>
</body>
</html>
<!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>Grotesque Art</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Grotesque Art</h1>
</div>
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Webshop</a></li>
<li><a href="#">Classic art</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
<div id="subheader"></div>
<div id="right">
<div class="rightboxes">
<div id="menu">
<ul id="nolistbullet">
<li><a href="#1" title="Contact">More links</a></li>
<li><a href="#2" title="About">About</a></li>
<li><a href="#3" title="Services">Services</a></li>
<li><a href="#4" title="Portfolio">Portfolio</a></li>
</ul>
</div>
</div>
<div class="rightboxes">
<h4>Contact us</h4>
<form id="form1" method="post" class="contact_us" action="#">
<p>
<label>Name
<input type="text" class="fields_contact_us" name="textfield" />
</label>
<label>E-mail
<input type="text" class="fields_contact_us" name="textfield1" />
</label>
<label> Your question:
<textarea name="textarea" cols="" rows=""></textarea>
</label>
<label>
<input type="submit" class="submit_button_contact" name="Submit1"
value="Submit" />
</label>
</p>
</form>
</div>
<div class="rightboxes">
<h4>Another h4 heading</h4>
<p> <img src="images/demo_image.jpg" alt="Demo image" width="84" height="93"
class="floatleft" />Quisque nisl elit, pretium ut, feugiat a, dapibus dignissim,
sapien. Aenean cursus molestie leo. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Cras mollis, enim in scelerisque accumsan, diam massa consequat
nibh, ut interdum augue ipsum vel ipsum. Quisque eu ligula. Integer justo. Aliquam
erat volutpat. Aliquam eget orci eget lectus malesuada porta. Pellentesque a
metus. In dapibus mollis nisl. Morbi vitae turpis in est commodo hendrerit.
Phasellus id dolor. Maecenas bibendum nisl at felis. Donec eleifend aliquet leo.
Aliquam tincidunt varius massa. Vivamus vel ante vel dui sollicitudin faucibus.
</p>
</div>
</div>
<div id="content">
<h2>About this template <span class="pubdate">01.23.2007</span></h2>
<p><img src="images/demo_image.jpg" alt="Demo image" width="84" height="93"
class="floatleft" />This template is tested in the latest versions of IE, FF and
Opera. I kindly ask you to not remove the footer link if you have the free version
of this template.</p>
<p> ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas lacus odio,
ullamcorper sed, eleifend at, venenatis id, lacus. Nullam iaculis metus vitae sem
sodales nonummy. Cras risus lorem, accumsan eu, condimentum a, imperdiet a, nisi.
Nam lorem. Pellentesque justo ligula, tincidunt sed, volutpat vel, consectetuer
quis, erat. Integer commodo lectus sed nisi. Sed interdum quam ut nisl. Maecenas
dignissim velit nec metus. Duis ipsum nibh, pharetra ut, viverra a,Lorem ips </p>
<div id="important_box">
<h3><img src="images/exclamation_mark.gif" alt="Important!" width="30"
height="22" />Important info </h3>
<p class="pressingress">Quisque nisl elit, pretium ut, feugiat a, dapibus
dignissim, sapien. Aenean cursus molestie leo. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Cras mollis, enim in scelerisque accumsan, diam
massa consequat nibh, ut interdum augue ipsum vel ipsum. Quisque eu ligula.
Integer justo. Aliquam erat volutpat.</p>
<img src="images/article_bullet.png" alt="Pressemelding" width="12"
height="12" /> <a href="#">Download document</a> </div>
<h2>Another heading</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec id ipsum.
Quisque a neque. Morbi eleifend, sem eget nonummy facilisis, lectus tellus
consectetuer lectus, ac facilisis nisi ante eget mi. Mauris pede mi, ultricies et,
condimentum a, interdum id, risus. Nullam tincidunt nisl et metus. Vestibulum
dignissim justo sagittis libero. Nam aliquet mattis pede. Vivamus arcu. Nulla urna.
Mauris justo est, luctus a, aliquam lobortis, dignissim a, mi. Duis id nisl vitae
purus blandit molestie. Aenean aliquet pellentesque elit. Nam lacinia, dolor sed
tristique ornare, erat sapien convallis massa, vitae interdum nunc mi ut mi. Ut
nibh. Mauris nonummy. In posuere. Integer iaculis facilisis nulla. Donec interdum
erat non neque.</p>
<h2>The third heading</h2>
<p> Quisque nisl elit, pretium ut, feugiat a, dapibus dignissim, sapien.
Aenean cursus molestie leo. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Cras mollis, enim in scelerisque accumsan, diam massa consequat nibh, ut
interdum augue ipsum vel ipsum. Quisque eu ligula. Integer justo. Aliquam erat
volutpat. Aliquam eget orci eget lectus malesuada porta. Pellentesque a metus. In
dapibus mollis nisl. Morbi vitae turpis in est commodo hendrerit. Phasellus id
dolor. Maecenas bibendum nisl at felis. Donec eleifend aliquet leo. Aliquam
tincidunt varius massa. Vivamus vel ante vel dui sollicitudin faucibus. </p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas. In hac habitasse platea dictumst. Phasellus magna. Etiam
suscipit odio eu nisi. In hac habitasse platea dictumst. Aliquam ac ipsum ut metus
fermentum molestie. Fusce id arcu. Vivamus sem. Suspendisse ut nibh eu sem gravida
volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Nulla lorem risus, scelerisque quis, adipiscing at, pharetra ut,
mi. Fusce quis turpis non velit vehicula bibendum. Fusce purus lorem, nonummy
nec, vestibulum a, mattis sit amet, nulla. Ut vitae massa. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. </p>
<p>Quisque nec neque. Duis facilisis. Aliquam et felis. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse leo
pede, gravida vel, gravida vel, ornare id, lectus. Nam lorem eros, ultrices eget,
luctus sed, viverra eget, odio. Cras eu mauris. Vivamus facilisis ante at est.
Suspendisse magna. Aenean eu sapien eget est faucibus commodo. Sed vulputate
condimentum lacus. Aliquam nunc nisi, condimentum sed, sodales scelerisque,
molestie faucibus, nibh. </p>
</div>
<div id="footer">
<p>Created by Dieter Schneider 2007 | <a
href="http://www.csstemplateheaven.com">CssTemplateHeaven</a></p>
</div>
</div>
</body>
</html>
<!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>Gumamela</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="content">
<div id="colOne">
<div id="header">
<h1><a href="#">Gumamela</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div class="post">
<h2 class="title">Welcome to Gumamela!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Gumamela</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An unordered list:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
</ul>
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Sed eu diam. Vivamus nonummy elit et odio. Fusce risus quam,
scelerisque sed, pharetra ut, pharetra id, ante. Etiam posuere, elit a blandit
varius, velit sem tincidunt elit, et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie. Duis
vel orci. Nam consequat. Morbi nec lacus. Fusce egestas sagittis enim.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="colTwo">
<ul>
<li id="menu">
<h2>Pages</h2>
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Search</h2>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Gumamela. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Gunmetal</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="sidebar">
<h1><a href="#">Gunmetal</a></h1>
<p> A simple, fluid, light on dark template by Six Shooter Media. </p>
<ol id="nav">
<li><a href="#"><b>»</b>Home</a></li>
<li><a href="#"><b>»</b>About</a></li>
<li><a href="#"><b>»</b>Contact</a></li>
<li><a href="#"><b>»</b>Example Link</a></li>
<li><a href="#"><b>»</b>Example Link 2</a></li>
<li><a href="#"><b>»</b>Example Link 3</a></li>
</ol>
</div>
<div id="content">
<h2 class="first"><a href="#" id="intro">Introduction</a></h2>
<p class="postdata"> Posted on 01.01.05 by <a href="#">Author</a> || <a
href="#">21 Comments</a> </p>
<p> Hello and welcome to my latest Open Source template:
<strong>Gunmetal</strong>. This template is something a little new for me in terms
of template design, two key visual elements of this design are something I
(amazingly) have yet to incorporate into one of my free templates. Those two
elements are a Fluid Width and a Light on Dark colour scheme. Fluid Width? Yeah,
this simply means that the content of the web page expands and contracts in
accordance to the size of the browser window. Light on Dark? Yessir. All of my
templates so far have been based on a light background with dark text, Gunmetal
obviously, is the other way around! </p>
<p> The main aims of this template are to produce (as usual with my templates)
something that looks as aesthetically appealing as possible whilst using as few
images as I can, and also to create a page that is a pleasure to read in terms of
typography. </p>
<h2><a href="#" id="author">About the Author</a></h2>
<p class="postdata"> Posted on 01.01.05 by <a href="#">Author</a> || <a
href="#">21 Comments</a> </p>
<p> Hi! My names Jay and I'm a 20 year old web designer from England. My main
projects are conducted through my website Six Shooter Media, but I (obviously) also
enjoy creating Open Source web templates for general use! </p>
<p> Another site of mine that you might find interesting if you're setting up a
site with a free tmeplate like this is Buy a Button. There, for a great price you
can purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<h2>Some Examples</h2>
<p class="postdata"> Posted on 01.01.05 by <a href="#">Author</a> || <a
href="#">21 Comments</a> </p>
<p> OK, here I'll just put some example html elements that you will most probably
be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf hdsbf
jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd sb
</p>
</blockquote>
<h3>List Example</h3>
<ul>
<li>Here</li>
<li>Is our friend</li>
<li>The list!</li>
</ul>
<h2><a href="#contact" id="contact">Contact</a></h2>
<p class="postdata"> Posted on 01.01.05 by <a href="#">Author</a> || <a
href="#">21 Comments</a> </p>
<p> If you decide to use this template please drop me a line to let me know!
Don't hesitiate to get in touch if your interested in a custom template or just in
any of my services in general. I look forward to hearing from you! </p>
</div>
<div id="footer"> Template design by <a href="http://www.sixshootermedia.com">Six
Shooter Media</a>.<br />
© All your copyright information here. </div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Hair Salon</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<h1><span class="hone"><em>S</em>tyle</span> <span class="htwo">HAIR SALON</span>
<span class="hthree">CREATE YOUR STYLE WITH US</span></h1>
<div id="head-1"></div>
<div id="head-2"></div>
<div id="nav">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT SALON</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">OUR MASTERS</a></li>
<li class="last"><a href="#">CONTACT US</a></li>
</ul>
</div>
<div id="body-left">
<h2><em>G</em>allery</h2>
<div id="gallery">
<div class="gal" id="gzero"><a href="#"><img src="images/pic_1.jpg"
width="221" height="163" alt="Pic 1" /></a></div>
<div class="gal" id="gone"><a href="#"><img src="images/pic_2.jpg" width="57"
height="41" alt="Pic 2" /></a></div>
<div class="gal" id="gtwo"><a href="#"><img src="images/pic_3.jpg" width="57"
height="41" alt="Pic 3" /></a></div>
<div class="gal" id="gthree"><a href="#"><img src="images/pic_4.jpg"
width="57" height="41" alt="Pic 4" /></a></div>
<div class="clear"></div>
</div>
</div>
<div id="body-right">
<h2><em>W</em>elcome</h2>
<p>Don't forget to check <a href="#">free website templates</a> every day,
because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look like.</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.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>If you're having problems editing the template please don't hesitate to ask
for help on <a href="#">the forum</a>.</p>
</div>
<div class="clear spacer"></div>
<div id="footer"> © 2007 Hair salon | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Halo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div id="logo"></div>
<div id="topright">
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Games</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Catalog</a></li>
</ul>
<div style="clear:both"></div>
</div>
<div id="contenttr">
<div id="screenshots"> <img src="images/ss-1.jpg" alt="ScreenShot"
class="ss1" /> <img src="images/ss-2.jpg" alt="ScreenShot" class="ss2" /> <img
src="images/ss-3.jpg" alt="ScreenShot" class="ss3" /> <img src="images/ss-4.jpg"
alt="ScreenShot" class="ss4" /></div>
<div class="heading">Welcome to Halo Games</div>
<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>
<div id="dealleft"> <img src="images/ad-special-price.jpg" alt="Special
Price" /></div>
<div id="dealright">
<div class="heading">Features</div>
<p><b>Feature 1:</b> If you're looking for beautiful and professionally
made templates you can find them at Template Beauty.com.</p>
<p><b>Feature 2:</b> To find great hosting providers visit Web Hosting
Zoom.</p>
</div>
</div>
</div>
</div>
<div id="bottom">
<div id="csoon">
<div class="heading2">Coming Soon</div>
<p><img src="images/ss-5.jpg" alt="ScreenShot" /></p>
<p>This is a demo text. It will be replaced by the original.</p>
</div>
<div id="videobox"> <img src="images/ss-6.jpg" alt="ScreenShot"
class="video" /> <img src="images/ss-7.jpg" alt="ScreenShot" class="video" /> <img
src="images/ss-8.jpg" alt="ScreenShot" class="video" /> <img src="images/ss-9.jpg"
alt="ScreenShot" class="video" /> <img src="images/ss-10.jpg" alt="ScreenShot"
class="video" />
<ul>
<li><a href="#">Play</a></li>
<li><a href="#">Play</a></li>
<li><a href="#">Play</a></li>
<li><a href="#">Play</a></li>
<li><a href="#">Play</a></li>
</ul>
<p class="play"><a href="#"><< Previous</a> | <a href="#">Next
>></a></p>
</div>
<div id="player"> <img src="images/circle-topl.jpg" alt="Stop"
class="player1" /> <img src="images/circle-topr.jpg" alt="Play" class="player1" />
<img src="images/circle-bottoml.jpg" alt="Pause" class="player1" /> <img
src="images/circle-bottomr.jpg" alt="F.Forward" class="player1" /></div>
<div id="footer">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Games</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Catalog</a></li>
</ul>
<br />
<br />
<p class="calign">© Copyright Information goes here. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</div>
</div>
</body>
</html>
<!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>Happy Blog</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="sadrzaj">
<div id="lijeva_kolona">
<div id="title">
<p>Happy Blog</p>
</div>
<p>One big happy family</p>
<a href="#">Home</a> <a href="#">Blog archives</a> <a href="#">Gallery</a> <a
href="#">About me</a> <a href="#">Links</a>
<div class="picture"> <a href="#"><img src="images/pic.gif" alt="pic" /></a>
</div>
<div class="picture"> <a href="#"><img src="images/pic.gif" alt="pic" /></a>
</div>
</div>
<div id="desna_kolona">
<div class="desni_clanak">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
</div>
<div class="informacije">
<p>Important links:</p>
<p> <a href="#">My OSWD showcase</a><br />
<a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0 Strict!
</a><br />
<a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a><br
/>
</p>
<p>Design: Luka Cvrk, <a href="http://www.solucija.com">Solucija.com</a> </p>
</div>
</div>
<div id="srednja_kolona">
<div class="srednji_clanak">
<div class="clanak">
<h3>One happy blog!</h3>
<p>This is a happy and stylish blog template. If you like this template,
you are free to do anything you want with it, use it on a commercial site if you
want. I apologize for the non-english variables I used, but they are all easy to
rename. This template can be used with sNews, a template independent completly free
news publishing script that now supports user comments, search engine and other
great features.</p>
<div class="read_more">
<p><a href="#">Read more</a>> Posted on: August 24th, 2005</p>
</div>
</div>
</div>
<div class="srednji_clanak">
<div class="clanak">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Duis
autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
nulla facilisi. </p>
<div class="read_more">
<p><a href="#">Read more</a>> Posted on: August 24th, 2005</p>
</div>
</div>
</div>
<div class="srednji_clanak">
<div class="clanak">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
<div class="read_more">
<p><a href="#">Read more</a>> Posted on: December 22nd, 2004</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>andreas09</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="andreas09.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<div id="sitename">
<h1>andreas09 / have a bubble-gum</h1>
<h2>An Open Source Web Design Template</h2>
</div>
<div id="mainmenu">
<ul>
<li><a class="current" href="#">Home</a></li>
<li><a href="green.html">Green</a></li>
<li><a href="orange.html">Orange</a></li>
<li><a href="purple.html">Purple</a></li>
<li><a href="red.html">Red</a></li>
<li><a href="black.html">Black</a></li>
</ul>
</div>
<div id="wrap">
<div id="leftside">
<h1>Included layouts</h1>
<p> <a class="nav active" href="#">3 columns</a><span class="hide"> | </span>
<a class="nav" href="2col.html">2 columns</a><span class="hide"> | </span> <a
class="nav" href="no-img.html">No images</a><span class="hide"> | </span> <a
class="nav" href="#">Example menu</a><span class="hide"> | </span> <a class="nav
sub" href="#">Sub-page 1</a><span class="hide"> | </span> <a class="nav sub"
href="#">Active sub-page</a><span class="hide"> | </span> <a class="nav sub"
href="#">Sub-page 2</a> </p>
<h1>Included colors</h1>
<img src="img/colors.jpg" height="104" width="125" class="thumbnail"
alt="Included colors" /> </div>
<div id="rightside">
<h1>Search</h1>
<p class="searchform">
<input type="text" alt="Search" class="searchbox" />
<input type="submit" value="Go!" class="searchbutton" />
</p>
<h1>Latest news</h1>
<p><strong>Dec 11: </strong> andreas09 is built with valid XHTML 1.1 and
CSS2. It is simple and easy to work with, and it comes in several different
flavors. This is version 1.0 (Dec 11th 2005).</p>
<p><strong>Dec 10: </strong> Place for news or important messages, maybe?</p>
<h1>Links:</h1>
<ul class="linklist">
<li><a href="#">Website Templates</a></li>
<li><a href="#">OpenWebDesign.org</a></li>
<li><a href="#">OSWD.org</a></li>
</ul>
</div>
<div id="content">
<h1>Just like a bowl of candy...</h1>
<img src="img/thumb1.jpg" height="130" width="130" alt="Thumbnail example" />
<p class="intro">Blue is one of the most common main colors in webdesign. It
is so common that it is considered very non-trendy today. But it is still a soft
and nice color that does no harm - and also my favorite color. So andreas09, which
is the last design in the andreasXX series in a while, is aqua blue by default. But
there is a twist:</p>
<p>If you don't like the blue colors you can easily change to another color
using any of the attached alternative background image pairs: green, orange,
purple, red or black! The alternative images are located in a separate folder, and
changing color is done by replacing the bodybg.jpg and menuhover.jpg colors in the
"img" folder with any pair of images from the "alt-img" folder. Pick a color, move
the files and make sure that they have the same filename as the original files -
and you're done! As a little bonus, I have also included an alternative layout with
2 columns.</p>
<h2>Open source design</h2>
<p>This template is released as an open source web design template, which
means that you are free to use it in any way you may want to without any
limitations or obligations. However, I kindly ask you to leave the small credit
link in the footer (the line that says "Design by Andreas Viklund"). If you remove
that line and then use the template for commercial purposes, please consider making
a symbolic donation through my website to support my work!</p>
<p>If you want more templates to choose from, I have more Website Templates
on my website. You can also find my templates (and thousands of free templates by
other designers) on <a href="#">OpenWebDesign.org</a> and <a
href="#">OSWD.org</a>.</p>
<h2>And finally, some tech details</h2>
<p>Like my other templates, the code is 100% valid XHTML 1.1 and CSS2. The
template is compliant with Section 508 and the WCAG double-A rating. Don't settle
for less!</p>
</div>
<div class="clearingdiv"> </div>
</div>
</div>
<div id="footer">© 2005 Your Name | Design by <a
href="http://andreasviklund.com">Andreas Viklund</a></div>
</body>
</html>
<!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-AU">
<head>
<title>Happy Easter</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js"></script>
</head>
<body>
<div class="wrapper">
<div class="header">
<h1>Happy Easter</h1>
<div class="slogan">The Reason<br/>
For The Season</div>
</div>
<div class="clear"></div>
<div class="left">
<div class="entry">
<h2>Romans 6:8-11</h2>
<p>Now if we be dead with Christ, we believe that we shall also live with
him:</p>
<p>Knowing that Christ being raised from the dead <a href="#">dieth no
more</a>; death hath no more dominion over him.</p>
<p>For in that he died, he died unto sin once: but in that he liveth, he
liveth unto God.</p>
<p>Likewise reckon ye also yourselves to be dead indeed unto sin, but <a
href="#">alive unto God</a> through Jesus Christ our Lord.</p>
</div>
<div class="entry">
<h2>Christ the Lord Is Risen Today</h2>
<p>Christ the Lord is risen today, Alleluia! Earth and heaven in chorus say,
Alleluia! Raise your joys and triumphs high, Alleluia! Sing, ye heavens, and earth
reply, Alleluia!</p>
<p> <a href="#">Love's redeeming work is done</a>, Alleluia! Fought the
fight, the battle won, Alleluia! Death in vain forbids him rise, Alleluia! Christ
has opened paradise, Alleluia! </p>
<p>Lives again our glorious King, Alleluia! Where, O death, is now thy sting?
Alleluia! Once he died our <a href="#">souls to save</a>, Alleluia! Where's thy
victory, boasting grave? Alleluia! </p>
<p><span class="small">by:Charles Wesley</span></p>
</div>
<div class="entry">
<h2>Matthew 28:1-10</h2>
<p>In the end of the sabbath, as it began to dawn toward the first day of the
week, came Mary Magdalene and the other Mary to see the sepulchre.</p>
<p>And, behold, there was a great earthquake: for the angel of the Lord
descended from heaven, and came and rolled back the stone from the door, and sat
upon it.</p>
<p>His countenance was like lightning, and his raiment white as snow:</p>
<p>And for fear of him the keepers did shake, and became as dead men.</p>
<p>And the angel answered and said unto the women, Fear not ye: for I know
that ye seek Jesus, which was crucified.</p>
<p>He is not here: for he is risen, as he said. Come, see the place where the
Lord lay.</p>
<p>And go quickly, and tell his disciples that he is risen from the dead;
and, behold, he goeth before you into Galilee; there shall ye see him: lo, I have
told you.</p>
<p>And they departed quickly from the sepulchre with fear and great joy; and
did run to bring his disciples word.</p>
<p>And as they went to tell his disciples, behold, Jesus met them, saying,
All hail. And they came and held him by the feet, and worshipped him.</p>
<p>Then said Jesus unto them, Be not afraid: go tell my brethren that they go
into Galilee, and there shall they see me.</p>
<p>[ <a href="#">READ MORE</a>]</p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="right">
<div class="links"> <a id="active" href="#">Home</a> <a href="#">The Reason</a>
<a href="#">Graystatic</a> <a href="#">PW2</a> <a href="#">ABC's</a> </div>
</div>
<div class="footer">
<p>designed by <a href="http://graystatic.net">graystatic</a> | © 2007 </p>
</div>
</body>
</html>
<!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>Hardware Store</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<!-- Start of Page Header -->
<div id="page_header">
<div id="page_heading">
<h1><span>Hardware Store</span></h1>
<h2><span>Your punchline here</span></h2>
</div>
<div id="page_headerlinks">
<ul>
<li><a href="#">Account Wish</a></li>
<li><a href="#">List Order</a></li>
<li><a href="#">Status</a></li>
<li class="last"><a href="#">Shopping Cart</a></li>
</ul>
</div>
<div id="page_headersearch">
<h3>Search:</h3>
<form action="#">
<div>
<input type="text" />
<input type="image" src="images/button_go.gif" class="button" />
<div class="clearthis"> </div>
</div>
</form>
</div>
<div class="clearthis"> </div>
</div>
<!-- End of Page Header -->
<!-- Start of Page Menu -->
<div id="page_menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">OurStore</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Promotion</a></li>
<li class="last"><a href="#">Contact</a></li>
</ul>
</div>
<!-- End of Page Menu -->
<!-- Start of Left Sidebar -->
<div id="left_sidebar">
<!-- Start of Newsletter Signup Form -->
<div id="newsletter">
<h2>Newsletter Signup!</h2>
<form action="#">
<div>
<input type="text" />
<input type="image" src="images/button_ok.gif" class="button" />
<div class="clearthis"> </div>
</div>
</form>
<div id="link_cancel"> <a href="#">Cancel Subscription</a> </div>
</div>
<!-- End of Newsletter Signup Form -->
<!-- Start of Categories Box -->
<div id="categories">
<div id="categories_header">
<h2>Categories</h2>
</div>
<ul>
<li><a href="#">Cables</a></li>
<li><a href="#">Cameras</a></li>
<li><a href="#">Input Devices</a></li>
<li><a href="#">Memory</a></li>
<li><a href="#">Printers</a></li>
<li><a href="#">Scanners</a></li>
<li><a href="#">Server Accessories</a></li>
<li><a href="#">Speakers & Audio</a></li>
<li class="last"><a href="#">Wireless</a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Categories Box -->
<!-- Start of Special Offer Box -->
<div id="specialoffer">
<div id="specialoffer_text">
<h2><span>Get Special Offer <strong>Up to 25% off</strong></span></h2>
</div>
<div id="specialoffer_link"> <a href="#">...Go</a> </div>
<div class="clearthis"> </div>
</div>
<!-- End of Special Offer Box -->
</div>
<!-- End of Left Sidebar -->
<!-- Start of Main Content Area -->
<div id="main_content">
<!-- Start of New Item Description -->
<div id="new_item">
<div id="new_item_header">
<h1>Flat Monitor</h1>
<h2>Model 123-E7</h2>
</div>
<div id="new_item_image"> <img src="images/item_new.gif" width="242"
height="180" alt="New Item Name" /> </div>
<div id="new_item_text">
<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>
</div>
<div id="new_item_link"> <a href="#">.....Read More</a> </div>
<div class="clearthis"> </div>
</div>
<!-- End of New Item Description -->
<div class="h_divider"> </div>
<!-- Start of Sub Item Descriptions -->
<div class="sub_items">
<!-- Start Left Sub Item -->
<div class="sub_left">
<div class="sub_items_header">
<h1>Laser Printer</h1>
<h2>Model 34-07-L</h2>
</div>
<div class="sub_items_image"> <img src="images/item_printer.gif"
width="167" height="164" alt="Sub Item Name" /> </div>
<div class="sub_items_text">
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p> <strong> Super performance <br />
3 year warranty <br />
1 year free servicing </strong> </p>
</div>
<div class="sub_items_cartinfo">
<div class="price">
<h2>$45.99</h2>
</div>
<div class="addtocart"> <a href="#"><span>Add to Cart</span></a> </div>
<div class="clearthis"> </div>
</div>
<div class="clearthis"> </div>
</div>
<!-- End of Left Sub Item -->
<!-- Start Right Sub Item -->
<div class="sub_right">
<div class="sub_items_header">
<h1>Scanner</h1>
<h2>Model 66-0l-X</h2>
</div>
<div class="sub_items_image"> <img src="images/item_scanner.gif"
width="175" height="170" alt="Sub Item Name" /> </div>
<div class="sub_items_text">
<p>To find great hosting providers visit Web Hosting Zoom</p>
<p> <strong> Super performance <br />
3 year warranty <br />
1 year free servicing </strong> </p>
</div>
<div class="sub_items_cartinfo">
<div class="price">
<h2>$45.99</h2>
</div>
<div class="addtocart"> <a href="#"><span>Add to Cart</span></a> </div>
<div class="clearthis"> </div>
</div>
<div class="clearthis"> </div>
</div>
<!-- End of Right Sub Item -->
<div class="clearthis"> </div>
</div>
<!-- End of Sub Item Descriptions -->
<div class="h_divider"> </div>
</div>
<!-- End of Main Content Area -->
<div class="clearthis"> </div>
<!-- Start of Page Footer -->
<div id="page_footer">
<div id="product_brands">
<ul>
<li class="zalcom"><span>Zalcom</span></li>
<li class="digital"><span>Digital</span></li>
<li class="adept"><span>Adept</span></li>
<li class="simtel"><span>Simtel</span></li>
</ul>
</div>
<div id="powered_by"> Powered by <a
href="http://www.freewebsitetemplates.com">Free Website Templates</a> </div>
<div class="clearthis"> </div>
</div>
<!-- End of Page Footer -->
</div>
</body>
</html>
<!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>HiFi News</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>HiFi News</h1>
<h2>Audio & Video</h2>
</div>
<div id="linkbar">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Audio</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
</div>
<div id="left">
<div id="sub_left">
<h3>About this template</h3>
<p><img src="images/demo_image_01.jpg" alt="Microphone" width="80"
height="68" class="img_left" />This is a four column fluid layout. Nice if you have
a music site with lots of information you ned to present. I kindly ask you to not
remove the footer link. PSD file can be found at my site </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa. Nulla gravida
sagittis neque. Donec dolor. Duis fringilla fermentum ipsum. Vivamus lectus. Donec
ultrices convallis pede. Nam et augue sit amet mauris blandit mattis. Vivamus
venenatis ligula vel elit.</p>
<h3>New sound</h3>
<p><img src="images/demo_image_01.jpg" alt="Microphone" width="80"
height="68" class="img_left" />Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Curabitur massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut,
lacus. Aliquam nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus
ut, turpis. In risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris
sollicitudin tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet
massa. Nulla gravida sagittis neque. Donec dolor. Duis fringilla fermentum ipsum.
Vivamus lectus. Donec ultrices convallis pede. Nam et augue sit amet mauris blandit
mattis. Vivamus venenatis ligula vel elit.</p>
</div>
<div id="sub_right">
<h3>Amazing screens</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa. Nulla gravida
sagittis neque. Donec dolor. Duis fringilla fermentum ipsum. Vivamus lectus. .</p>
<h3>perfect speakers</h3>
<p><img src="images/demo_image_01.jpg" alt="Microphone" width="80"
height="68" class="img_left" />Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Curabitur massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut,
lacus. Aliquam nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus
ut, turpis. In risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris
sollicitudin tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet
massa. Nulla gravida sagittis neque. Donec dolor. Duis fringilla fermentum ipsum.
Vivamus lectus. Donec ultrices convallis pede. Nam et augue sit amet mauris blandit
mattis. Vivamus venenatis ligula vel elit.</p>
</div>
<div id="sub_content">
<h3>Pump up the bass</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa. </p>
<h3>CD history?</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa. Nulla gravida
sagittis neque. Donec dolor. Duis fringilla fermentum ipsum. Vivamus lectus. Donec
ultrices convallis pede. Nam et augue sit amet mauris blandit mattis. Vivamus
venenatis ligula vel elit.</p>
</div>
<div id="footer">Created by Dieter Schneider 2006 | <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a></div>
</div>
<div id="right">
<div class="navcontainer">
<ul class="navlist">
<li><a href="#">New sound</a></li>
<li><a href="#">Perfect image</a></li>
<li><a href="#">Killer bass</a></li>
<li><a href="#">Hip Hop</a></li>
<li><a href="#">Rock</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>High Seas</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="default.css" type="text/css" rel="stylesheet"/>
<!--[if IE]>
<link href="ie.css" type="text/css" rel="stylesheet"/>
<![endif]-->
<!--[if lte IE 6]>
<style>.links ul li{margin:0;}</style>
<![endif]-->
</head>
<body>
<div id="page">
<div id="header">
<ul>
<li><a href="contact.html">contact</a></li>
<li><a href="#">stuff</a></li>
<li><a href="#">links</a></li>
<li><a href="#">Home</a></li>
</ul>
<h1>High<br />
seas<a name="top"></a></h1>
</div>
<div id="upper_page">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eros. Donec
vestibulum, sem id venenatis vulputate, magna metus posuere tortor, a facilisis
enim quam non justo. Integer porta massa vitae elit. Integer commodo, libero eu
placerat tincidunt, est tellus interdum metus, quis suscipit dui diam quis turpis.
Vivamus quis lacus. Aenean quis felis. Aliquam erat volutpat. Nulla non felis. Cras
ac mi. Vivamus ac odio nec enim vulputate varius. Aliquam erat volutpat. Nullam
semper pulvinar libero. Ut et eros id felis fermentum tincidunt.</p>
</div>
<div id="lower_page">
<div id="lower_left">
<div class="blogheader">
<h2><a href="single.html">This is your first blog entry</a></h2>
<h3>posted by Jack on December 5th, 2006</h3>
</div>
<p>Donec aliquam eros sagittis ante. Nullam lacinia orci in quam. Donec ac mi
a erat ultrices luctus. Integer vulputate, enim ornare ullamcorper mattis, turpis
ipsum sagittis risus, id convallis lacus velit vel orci. In sodales nisi a ligula.
Phasellus tristique. Nam id velit. Nunc tincidunt porttitor est. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Suspendisse nibh. Nulla facilisi. Curabitur justo justo, congue eget, venenatis
vel, ullamcorper et, turpis. Sed eleifend volutpat ipsum. Phasellus egestas. Nulla
at tellus. Aliquam dolor. Etiam vel nunc id dolor vehicula pellentesque. Nulla
sapien. Fusce ac massa. Ut malesuada tempor lorem.</p>
<h4>Categories: <span class="category"> <a href="#">Misc.</a>, <a
href="#">Blog</a>, <a href="#">Template</a></span> <span class="slash">//</span> <a
href="#">4 Comments</a></h4>
<h1>recent posts</h1>
<div class="post_summary">
<ul>
<li><a href="#"> <span class="ps_title">Vestibulum interdum sem ac
dui.</span> <br />
<span class="ps_plain">Posted on December 5th, 2006 with 2
Comments</span></a></li>
<li><a href="#"> <span class="ps_title">Aliquam ullamcorper congue
massa.</span> <br />
<span class="ps_plain">Posted on December 4th, 2006 with 12
Comments</span></a></li>
<li><a href="#"> <span class="ps_title">Quisque fermentum sapien vel
ante.</span> <br />
<span class="ps_plain">Posted on December 2nd, 2006 with 4
Comments</span></a></li>
<li><a href="#"> <span class="ps_title">Maecenas pretium leo eget
lectus.</span> <br />
<span class="ps_plain">Posted on November 23rd, 2006 with 2
Comments</span></a></li>
<li><a href="#"> <span class="ps_title">Cras sagittis. Pellentesque
dictum bibendum leo.</span> <br />
<span class="ps_plain">Posted on November 18th, 2006 with 8
Comments</span></a></li>
</ul>
</div>
</div>
<div id="lower_right">
<h2 class="iefix">about me</h2>
<p>This template includes a contact page (click the contact link in the
menu), and a single story page (click the first blog entry to the left).</p>
<p>The header image was drawn by the extremely talented artist Jacob Sjoman
and he graciously allowed me to use it.</p>
<form method="get" action="#">
<div>
<input type="text" value="" name="s" class="textfield search" />
<input type="submit" id="searchsubmit" value="Search"
class="submit_wp" />
</div>
</form>
<h2>Archives</h2>
<div class="links">
<ul>
<li><a href="#">August 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">December 2006</a></li>
</ul>
</div>
<h2>Categories</h2>
<div class="links">
<ul>
<li><a href="#">Templates</a></li>
<li><a href="#">Updates</a></li>
<li><a href="#">Games & Fun</a></li>
<li><a href="#">Technology</a></li>
</ul>
</div>
<h2>My links</h2>
<div class="links">
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">In at augue ac</a></li>
<li><a href="#">Class aptent taciti</a></li>
<li><a href="#">Phasellus egestas</a></li>
<li><a href="#">Nulla at tellus</a></li>
<li><a href="#">Aliquam dolor</a></li>
<li><a href="#">Etiam vel nunc</a></li>
<li><a href="#">Pellentesque</a></li>
<li><a href="#">Fusce sed massa</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">In at augue ac</a></li>
<li><a href="#">Class aptent taciti</a></li>
<li><a href="#">Phasellus egestas</a></li>
<li><a href="#">Nulla at tellus</a></li>
<li><a href="#">Aliquam dolor</a></li>
<li><a href="#">Etiam vel nunc</a></li>
<li><a href="#">Pellentesque</a></li>
<li><a href="#">Fusce sed massa</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>© 2006 Your Name Here <span class="slash">//</span> <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> 1.0 <span
class="slash">//</span> Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> <span class="slash">//</span> Designed by <a
href="http://www.20pirates.com">Tony Pires</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Highway</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outdiv">
<div id="wrap">
<div id="header"><a href="#" class="logo"></a>
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<h1>Heading 1</h1>
<p>This template is created by PHPLD Templates and sponsored by Aviva
Directory. You are free to use it if you agree not to remove links to those 2 sites
in footer and keep them intact. If you want to remove links, please read Read me
file included in zip file.</p>
<p>Matching template for PHP Link Directory script 2.0 vesion(free) can be
also downloaded free at PHPLD Templates.</p>
<p>Original psd file for logo and font used are also included in zip file, so
you can change logo to match your site name. If you use this template, let us know
at [email protected]. We would really like to see it in action. </p>
<h2>Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
ut labore et dolore <a href="#">magna aliquyam</a> erat, sed diam voluptua.</p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
ut labore et dolore <a href="#">magna aliquyam</a> erat, sed diam voluptua.</p>
</div>
</div>
<div id="outfooter">
<div id="footer">
<p>Copyright <a href="#">Yoursite.com</a> ©2006. Design by <a
href="http://www.phpldtemplates.info">PHPLD Templates</a>.</p>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Hillary Duff</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">FILMOGRAPHY</a></li>
<li><a href="#">DISCOGRAPHY</a></li>
<li><a href="#">PICTURES</a></li>
<li class="lastnav"><a href="#">Contact us</a></li>
</ul>
</div>
<div id="body">
<div id="left">
<div id="menu"> <span class="tab">Members</span> <span class="tag">You're not
logged in!</span>
<ul>
<li><a href="#">Login</a></li>
<li><a href="#">Sign up</a></li>
<li><a href="#">Members list</a></li>
<li class="lastitem"><a href="#">Forgot your password?</a></li>
</ul>
<span class="tab">LINK PARTNERS</span> <span class="tag">Hilary Duff</span>
<ul>
<li><a href="#">Hilary Duff Caps</a></li>
<li><a href="#">Hilary World</a></li>
<li><a href="#">Online Hilary Duff</a></li>
<li><a href="#">Hilary-Choice</a></li>
<li class="lastitem"><a href="#">Funky-Hilary</a></li>
</ul>
<span class="tag">Others</span>
<ul>
<li>Template Beauty.com</li>
<li><a href="#">View all link partners</a></li>
<li class="lastitem"><a href="#">Become a link partner!</a></li>
</ul>
<span class="tab">Statistics</span> <span class="tag">You're not logged in!
</span>
<ul>
<li><a href="#">Members: 7720</a></li>
<li><a href="#">Newest member: hilary</a></li>
<li><a href="#">Members online: 2</a></li>
<li><a href="#">Admin: Dutch Hilary.</a></li>
<li class="lastitem"><a href="#">Advanced statistics</a></li>
</ul>
</div>
<br />
<div class="tab2"> <a href="#">Sitemaps</a> </div>
</div>
<div id="right">
<div id="header"><a href="#">Home</a> </div>
<div class="textboxtop"> Hilary duff on the red carpet. </div>
<div class="textbox"> <span class="photo"><img src="images/photo1.gif"
alt="Thumbnail"></span>
<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. Don't want your boss to know you used a free website template
;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
<div class="textboxbottom"> <a href="#">Comment</a> - <a href="#">Read
comments (2)</a> </div>
<div class="textboxtop2"> Hilary duff Most Wanted new album! </div>
<div class="textbox"> <span class="photo"><img src="images/photo2.gif"
alt="Thumbnail"></span>
<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. Don't want your boss to know you used a free website template
;) .</p>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you
can find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
<div class="textboxbottom"> <a href="#">Comment</a> - <a href="#">Read
comments (2)</a> </div>
<div id="copyright"> Copyright © 2006 Hilary Duff. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</div>
</div>
</body>
</html>
<!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>Historical</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="content">
<div id="header">
<div class="left">
<h1>Historical Template</h1>
<h2>Another Free Design</h2>
</div>
</div>
<div id="main">
<div class="pad">
<h2>THE HELLENISTIC PERIOD</h2>
<img src="images/img.jpg" alt="" />
<p> The term Hellenistic was first used by J.G. Droysen (Geschichte des
Hellenismus) in 1836 AD from the Acts of the Apostols 6,1 where the term
Hellenistai describes <a href="#">Jews</a> which lived in Greek world, accepted
Greek culture and accepted Greek language. Although Droysen assumed that the term
describes Greek people which accepted oriental culture, the term Hellenistic was
widely accepted for spreading of the Greek <a href="#">culture</a> over non-Greek
people and countries which were conqured by Alexander the Great (356-323 BC). </p>
<p> The <a href="#">historians</a> have no unique view over the beginning of
the Hellenistic period. H. Bengston claims that the Hellenistic period began around
<a href="#">360 BC</a> when the Greek city-states started to decline and Philip II
of Macedon emerged, while some put its beginning in year <a href="#">338 BC</a>
when Philip II defeated Athens and Thebes in the Battle of Chaeronea or in year 336
BC (H.-J. Gehrke) when Alexander the Great became King of Macedon. The most of
modern historians see the death of Alexander the Great in 323 BC as the beginning
of the Hellenistic period. Year 30 Bc is widely accepted as the end of Hellenistic
period when the Ptolemaic Egypt became the <a href="#">Roman</a> province although
Hellenism in the cultural sense continued in Eastern part of the <a href="#">Roman
Empire</a> until the spread of Christianity in 4th century. </p>
</div>
</div>
<div id="right">
<h2>December 14</h2>
<p class="small"><b><span class="histdate">1782-12-14</span></b><br />
Charleston SC evacuated by British</p>
<p class="small"><b><span class="histdate">1799-12-14</span></b><br />
George Washington died at Mt Vernon Va</p>
<p class="small"><b><span class="histdate">1819-12-14</span></b><br />
Alabama becomes 22nd state</p>
<p class="small"><b><span class="histdate">1911-12-14</span></b><br />
South Pole 1st reached by Roald Amundsen</p>
<p class="small"><b><span class="histdate">1927-12-14</span></b><br />
Iraq gains independence from Britain but British troops remain</p>
<p class="small"><b><span class="histdate">1962-12-14</span></b><br />
Mariner 2 makes 1st US visit to another planet (Venus)</p>
<p class="small"><b><span class="histdate">1971-12-14</span></b><br />
Golden Gate Bridge lights out all night from power failure</p>
<p class="small"><b><span class="histdate">1980-12-14</span></b><br />
Yankee catcher Elston Howard dies</p>
</div>
<div id="left">
<div class="pad">
<h2>Local</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Israel History</a></li>
<li><a href="#">Byzantine Emperors</a></li>
<li><a href="#">Roman Emperors</a></li>
<li><a href="#">World History</a></li>
<li><a href="#">Art History</a></li>
</ul>
<h2>The history</h2>
It is all about passion and knowledge. History is such a beautiful subject to
study. With every book or some hidden source in some archive you get to know more
and more and more and it never let's you down in terms of surprise! </div>
<div id="leftend"></div>
</div>
<div id="footer">
<div id="r"> © Copyright 2006, Your Website - <a href="#">Home</a><br />
Design: <a href="htpp://www.free-css-templates.com" title="Design by free-
css-templates.com">David Herreman</a> - Credits: <a href="#">Inspiration
Gallery</a> </div>
<div id="l"> <a href="http://validator.w3.org/check?uri=referer"
title="Validate">XHTML</a> - <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="Validate">CSS</a> Valid </div>
</div>
</div>
</body>
</html>
<!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>History of War</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1><span class="heading_one">History of War</span></h1>
<h2><span class="heading_one">Sub heading goes here</span></h2>
<div id="header">
<p class="header_txt">Monday, December 18, 2006 Last Update: 11:24 AM ET</p>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
<div id="left">
<h3>About this template</h3>
<h4>Author: Dieter Schneider</h4>
<p>This is a three column fluid layout. Heading one and two are hidden using css,
this was to spice up the typography a bit, simply replace the image with your own
or if you just want plain text just remove the span class. I kindly ask you to not
remove the footer link if you have the free download.</p>
<h3>A left floated image</h3>
<p> <img src="images/demo_image.jpg" alt="History of war" class="float_left"
height="97" width="136" />Nam feugiat. Nam eleifend, diam ac convallis rhoncus,
lacus nibh bibendum purus, id porta leo elit sodales dolor. Ut dui risus, convallis
at, fringilla at, elementum quis, felis. Fusce quis urna. Etiam fringilla sapien
sit amet nisl. Ut pulvinar nibh at mauris. Donec elit. Proin feugiat, mauris sed
interdum gravida, enim enim iaculis diam, at viverra nisl felis et turpis. Aliquam
sagittis. Ut hendrerit rutrum leo. Duis felis magna, molestie sit amet, eleifend
eget, pellentesque elementum, nisl. Proin risus magna, blandit a, elementum vel,
tristique sit amet, felis. Nam leo nulla, tempus facilisis, consectetuer at,
interdum sit amet, est.</p>
<h3>Headings</h3>
<p>Vestibulum tempor bibendum urna. Suspendisse ac lorem. Praesent in tellus nec
mi hendrerit malesuada. Fusce condimentum velit. Ut imperdiet egestas quam. In ut
magna sit amet nisi mollis placerat. Fusce auctor. Duis semper vehicula enim.
Curabitur suscipit lacinia ipsum. Mauris sem. Maecenas aliquam neque eget elit.
Quisque condimentum mi et leo. Vestibulum enim. Praesent leo lacus, cursus a,
vehicula ac, sollicitudin et, nulla. Fusce a justo. Nulla facilisi. Proin
adipiscing magna eu diam.</p>
<h3>Headings</h3>
<p>Aliquam semper, mi sit amet feugiat aliquam, ante arcu tempus enim, in
porttitor risus risus congue turpis. Morbi volutpat. Proin sapien nibh, pretium
non, tempor eget, laoreet vitae, dui. Curabitur vel mauris. Aenean facilisis.
Aenean accumsan ante ut neque. Duis dui. Curabitur dictum venenatis ligula. Nullam
nulla. Morbi mi risus, gravida vulputate, laoreet eget, vestibulum sit amet, dolor.
In volutpat dui ut purus. Aenean porta dapibus nunc. Cras sed lacus nec ligula
luctus tincidunt. Praesent nonummy, ante et tincidunt sagittis, diam mauris
sollicitudin ligula, eget tempor augue diam at elit.</p>
<h3>Headings</h3>
<p>Etiam est. Sed lectus turpis, laoreet ut, lobortis vitae, eleifend at, nisl.
Fusce tempus mollis nisl. Vestibulum semper dictum nisi. Proin elit. Ut arcu enim,
auctor eu, molestie hendrerit, sagittis vitae, sapien. Sed enim. Nam bibendum
adipiscing risus. Aliquam erat volutpat. Vestibulum volutpat. Ut sem neque, dapibus
quis, adipiscing rutrum, hendrerit ut, dolor. Curabitur facilisis dolor ut ipsum.
Cras adipiscing eros vel elit. Integer auctor faucibus odio. Duis convallis, metus
blandit dignissim vestibulum, nibh nisl auctor ipsum, ut commodo diam lacus
condimentum pede.</p>
</div>
<div id="right">
<h3>Headings</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet nisl et
nisi tincidunt sagittis. Nulla in turpis. Nulla interdum leo quis felis.
Suspendisse metus mauris, consequat ornare, aliquet sed, egestas et, odio.
Curabitur fringilla. Donec quis urna in quam suscipit pretium. Vestibulum nonummy
augue imperdiet ipsum. Cras congue, pede sed euismod ullamcorper, odio pede
placerat justo, sed tempor orci velit a ante. Phasellus dignissim enim. Cras
pharetra ullamcorper quam. Vivamus consectetuer magna id magna. Donec fermentum,
diam sed molestie pharetra, diam nisl gravida velit, id semper dui massa sit amet
sapien. Mauris dui.</p>
<h3>Headings</h3>
<p>Nam feugiat. Nam eleifend, diam ac convallis rhoncus, lacus nibh bibendum
purus, id porta leo elit sodales dolor. Ut dui risus, convallis at, fringilla at,
elementum quis, felis. Fusce quis urna. Etiam fringilla sapien sit amet nisl. Ut
pulvinar nibh at mauris. Donec elit. Proin feugiat, mauris sed interdum gravida,
enim enim iaculis diam, at viverra nisl felis et turpis. Aliquam sagittis. Ut
hendrerit rutrum leo. Duis felis magna, molestie sit amet, eleifend eget,
pellentesque elementum, nisl. Proin risus magna, blandit a, elementum vel,
tristique sit amet, felis. Nam leo nulla, tempus facilisis, consectetuer at,
interdum sit amet, est.</p>
<h3>Headings</h3>
<p>Vestibulum tempor bibendum urna. Suspendisse ac lorem. Praesent in tellus nec
mi hendrerit malesuada. Fusce condimentum velit. Ut imperdiet egestas quam. In ut
magna sit amet nisi mollis placerat. Fusce auctor. Duis semper vehicula enim.
Curabitur suscipit lacinia ipsum. Mauris sem. Maecenas aliquam neque eget elit.
Quisque condimentum mi et leo. Vestibulum enim. Praesent leo lacus, cursus a,
vehicula ac, sollicitudin et, nulla. Fusce a justo. Nulla facilisi. Proin
adipiscing magna eu diam.</p>
<h3>Headings</h3>
<p>Aliquam semper, mi sit amet feugiat aliquam, ante arcu tempus enim, in
porttitor risus risus congue turpis. Morbi volutpat. Proin sapien nibh, pretium
non, tempor eget, laoreet vitae, dui. Curabitur vel mauris. Aenean facilisis.
Aenean accumsan ante ut neque. Duis dui. Curabitur dictum venenatis ligula. Nullam
nulla. Morbi mi risus, gravida vulputate, laoreet eget, vestibulum sit amet, dolor.
In volutpat dui ut purus. Aenean porta dapibus nunc. Cras sed lacus nec ligula
luctus tincidunt. Praesent nonummy, ante et tincidunt sagittis, diam mauris
sollicitudin ligula, eget tempor augue diam at elit.</p>
<h3>Headings</h3>
<p>Etiam est. Sed lectus turpis, laoreet ut, lobortis vitae, eleifend at, nisl.
Fusce tempus mollis nisl. Vestibulum semper dictum nisi. Proin elit. Ut arcu enim,
auctor eu, molestie hendrerit, sagittis vitae, sapien. Sed enim. Nam bibendum
adipiscing risus. Aliquam erat volutpat. Vestibulum volutpat. Ut sem neque, dapibus
quis, adipiscing rutrum, hendrerit ut, dolor. Curabitur facilisis dolor ut ipsum.
Cras adipiscing eros vel elit. Integer auctor faucibus odio. Duis convallis, metus
blandit dignissim vestibulum, nibh nisl auctor ipsum, ut commodo diam lacus
condimentum pede.</p>
</div>
<div id="content">
<h3>Headings</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet nisl et
nisi tincidunt sagittis. Nulla in turpis. Nulla interdum leo quis felis.
Suspendisse metus mauris, consequat ornare, aliquet sed, egestas et, odio.
Curabitur fringilla. Donec quis urna in quam suscipit pretium. Vestibulum nonummy
augue imperdiet ipsum. Cras congue, pede sed euismod ullamcorper, odio pede
placerat justo, sed tempor orci velit a ante. Phasellus dignissim enim. Cras
pharetra ullamcorper quam. Vivamus consectetuer magna id magna. Donec fermentum,
diam sed molestie pharetra, diam nisl gravida velit, id semper dui massa sit amet
sapien. Mauris dui.</p>
<h3>Headings</h3>
<p>Nam feugiat. Nam eleifend, diam ac convallis rhoncus, lacus nibh bibendum
purus, id porta leo elit sodales dolor. Ut dui risus, convallis at, fringilla at,
elementum quis, felis. Fusce quis urna. Etiam fringilla sapien sit amet nisl. Ut
pulvinar nibh at mauris. Donec elit. Proin feugiat, mauris sed interdum gravida,
enim enim iaculis diam, at viverra nisl felis et turpis. Aliquam sagittis. Ut
hendrerit rutrum leo. Duis felis magna, molestie sit amet, eleifend eget,
pellentesque elementum, nisl. Proin risus magna, blandit a, elementum vel,
tristique sit amet, felis. Nam leo nulla, tempus facilisis, consectetuer at,
interdum sit amet, est.</p>
<h3>Headings</h3>
<p>Vestibulum tempor bibendum urna. Suspendisse ac lorem. Praesent in tellus nec
mi hendrerit malesuada. Fusce condimentum velit. Ut imperdiet egestas quam. In ut
magna sit amet nisi mollis placerat. Fusce auctor. Duis semper vehicula enim.
Curabitur suscipit lacinia ipsum. Mauris sem. Maecenas aliquam neque eget elit.
Quisque condimentum mi et leo. Vestibulum enim. Praesent leo lacus, cursus a,
vehicula ac, sollicitudin et, nulla. Fusce a justo. Nulla facilisi. Proin
adipiscing magna eu diam.</p>
<h3>Headings</h3>
<p>Aliquam semper, mi sit amet feugiat aliquam, ante arcu tempus enim, in
porttitor risus risus congue turpis. Morbi volutpat. Proin sapien nibh, pretium
non, tempor eget, laoreet vitae, dui. Curabitur vel mauris. Aenean facilisis.
Aenean accumsan ante ut neque. Duis dui. Curabitur dictum venenatis ligula. Nullam
nulla. Morbi mi risus, gravida vulputate, laoreet eget, vestibulum sit amet, dolor.
In volutpat dui ut purus. Aenean porta dapibus nunc. Cras sed lacus nec ligula
luctus tincidunt. Praesent nonummy, ante et tincidunt sagittis, diam mauris
sollicitudin ligula, eget tempor augue diam at elit.</p>
<h3>Headings</h3>
<p>Etiam est. Sed lectus turpis, laoreet ut, lobortis vitae, eleifend at, nisl.
Fusce tempus mollis nisl. Vestibulum semper dictum nisi. Proin elit. Ut arcu enim,
auctor eu, molestie hendrerit, sagittis vitae, sapien. Sed enim. Nam bibendum
adipiscing risus. Aliquam erat volutpat. Vestibulum volutpat. Ut sem neque, dapibus
quis, adipiscing rutrum, hendrerit ut, dolor. Curabitur facilisis dolor ut ipsum.
Cras adipiscing eros vel elit. Integer auctor faucibus odio. Duis convallis, metus
blandit dignissim vestibulum, nibh nisl auctor ipsum, ut commodo diam lacus
condimentum pede.</p>
</div>
<div id="footer">Created by Dieter Schneider | <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a></div>
</body>
</html>
<!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>Hot Balloons</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<div id="content">
<div id="logo">
<h1><a href="#">Hot Balloons</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="welcome" class="boxed">
<h1 class="title">Welcome to Hot Balloons!</h1>
<div class="content">
<p><strong>Hot Balloons</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You"re free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div id="sample1" class="boxed">
<h2 class="title">Wisi Maecenas Ligula</h2>
<div class="content">
<ul>
<li><a href="#">Mauris vulputate dolor sit amet</a></li>
<li><a href="#">Nulla luctus eleifend purus</a></li>
<li><a href="#">Praesent scelerisque lorem</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus quam</a></li>
<li><a href="#">Fusce ultrices fringilla metus</a></li>
<li><a href="#">Praesent mattis condimentuml</a></li>
</ul>
</div>
</div>
<div id="sample2" class="boxed">
<h2 class="title">Pellentesque Tempus</h2>
<div class="content">
<ol>
<li><a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula.</a></li>
<li><a href="#">Donec leo, vivamus fermentum nibh in augue
praesent.</a></li>
<li><a href="#">Quisque dictum integer nisl risus sagittis convallis
rutrum.</a></li>
</ol>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="H"
title="Homepage"><b>H</b>ome</a></li>
<li><a href="#" accesskey="P" title="Browse Our
Collections"><b>C</b>ollections</a></li>
<li><a href="#" accesskey="S" title="Get Customer Support">Customer
<b>S</b>upport</a></li>
<li><a href="#" accesskey="U" title="About Us">About <b>U</b>s</a></li>
<li><a href="#" accesskey="C" title="Contact Us"><b>C</b>ontact Us</a></li>
</ul>
</div>
<div id="news">
<h2 class="title">News & Updates</h2>
<div class="content">
<ul>
<li>
<h3>April 30: <a href="#">Lorem Ipsum Dolor</a></h3>
<p>In posuere eleifend odio quisque semper augue mattis wisi maecenas
ligula. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 27: <a href="#">Sagittis Et Convallis</a></h3>
<p>Donec leo, vivamus fermentum nibh in augue praesent lorem ipsum
dolor a lacus at urna congue rutrum. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 14: <a href="#">Integer Nisl Risus</a></h3>
<p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 12: <a href="#">Vivamus Fermentum</a></h3>
<p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Read more…</a></p>
</li>
<li>
<h3>April 09: <a href="#">Integer Nisl Risus</a></h3>
<p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh. <a href="#">Read more…</a></p>
</li>
</ul>
</div>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright © 2007 Hot Balloons Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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></title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="body_wrapper">
<!-- Start of Page Header -->
<div id="page_header">
<!-- Start of Company Name -->
<div id="company_name">
<h1><span>Hot Sauce Pepper Palace</span></h1>
</div>
<!-- End of Company Name -->
<!-- Start of Header Navigation -->
<div id="header_nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Recipes</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- End of Header Navigation -->
<div class="clearthis"> </div>
</div>
<!-- End of Page Header -->
<!-- Start of Left Sidebar -->
<div id="leftsidebar_1">
<div id="leftsidebar_2">
<div id="leftsidebar_content">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Duct Tape Series</a></li>
<li><a href="#">Hot Sauce</a></li>
<li><a href="#">Jerk Sauce</a></li>
<li><a href="#">Steak Sauce</a></li>
<li><a href="#">BBQ Sauce</a></li>
<li><a href="#">Rub & Spice</a></li>
<li><a href="#">Country Store</a></li>
<li><a href="#">Recipes</a></li>
<li><a href="#">Photo Gallery</a></li>
<li><a href="#">Payment Options</a></li>
<li><a href="#">Weber Grills</a></li>
<li><a href="#">Privacy Info</a></li>
<li><a href="#">Collectors</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Gift Sets</a></li>
<li><a href="#">Marinades</a></li>
<li><a href="#">Geezer</a></li>
<li><a href="#">Check Out</a></li>
<li><a href="#">Caviar</a></li>
<li><a href="#">Scientific American</a></li>
<li><a href="#">Guest Book</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!-- End of Left Sidebar -->
<!-- Start of Main Content -->
<div id="maincontent_1">
<div id="maincontent_2">
<div id="maincontent_content">
<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> If you're having problems editing the template please don't hesitate to
ask for help on the forum. You will get help as soon as possible. You can also use
the forum to tell us what you like or dislike and what you would like to see more.
</p>
<p> Your feedback is very important to us and we will do everything to
fulfil your wishes. <a href="#">more...</a> </p>
<p> Please don't remove the link at the bottom. We have worked hard to make
the templates and ask that you respect our hard work so we can continue providing
you with high quality templates. </p>
<p> If you really want to remove the link you can buy a copyright free
version on our website. Thanks. </p>
</div>
</div>
</div>
<!-- End of Main Content -->
<div class="clearthis"> </div>
<!-- Start of Page Footer -->
<div id="page_footer">
<div id="ringoffire">
<div class="box"> This site is a member of The Ring Of Fire <br />
A linked list of Chile websites </div>
</div>
<div id="paypalverified"> <a href="#"><span>Paypal Verified</span></a> </div>
<div id="copyright_info"> Webdesign by <a
href="http://www.freewebsitetemplates.com/">Free Website Templates</a> <br />
<small><strong>©</strong> Copyright Hot Sauce Pepper Palace.com 2005-
2006</small> </div>
<div class="clearthis"> </div>
</div>
<!-- End of Page Footer -->
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Anibanner01</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen"
title="screen"/>
</head>
<body>
<div id="container">
<div id="header"> <span class="quotes1"> "Lorem ipsum dolor sit <b>consectetuer
adipiscing</b> sed diem ibh euismod<b> tincidunt ut </b>dolore magna." </span>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a>Back to the main
page.</span></a></li>
<li><a href="#">Consectetuer<span>This is the link to
consectetuer.</span></a></li>
<li><a href="#">Dignissim Qui Blandit<span>Anyone for dignissim qui blandit?
</span></a></li>
<li><a href="#">Vero Eros Et<span>Did you vero your eros et today?
</span></a></li>
<li><a href="#">Duis Te Feugi<span>There is a duis in my te feugi.
</span></a></li>
</ul>
</div>
<div id="content">
<div class="corona"> <b class="top"><b class="b1"></b><b class="b2"></b><b
class="b3"></b><b class="b4"></b><b class="b5"></b></b>
<div class="float-right">
<h2 class="noprint">Features:</h2>
<ul>
<li><span class="black"><a href="http://validator.w3.org/check?
uri=referer">Valid XHTML 1.0 Strict</a></span></li>
<li><span class="black">It has a bird on it.</span></li>
<li><span class="black">It is open source with no
restrictions</span></li>
<li><span class="black">It has a bird on it.</span></li>
<li><span class="black">It is free so the price is right.</span></li>
</ul>
<div class="linkcent"> <a href="#">Dignissim Qui Blandit</a> </div>
</div>
<div class="boxcontent">
<h1>A template with a bird on it. You bet.</h1>
<p> This template was inspired by elements of a number of templates here as
well
as the work of Stu Nicholls (the nifty borders),
and Seth Gunderson (the original code for the menu)
and the bird came from <a href="#">Stock.XCHNG</a>. The CSS is my
"working" version and is a friggin mess
- but it does <a href="http://jigsaw.w3.org/css-
validator/check/referer">validate</a>. The template is free for use with no
restrictions
but leaving the link to my website in there somewhere would be nice.
My website is AnimatedBanner.com and
we specialize in sane, unobtrusive banner design as well as many types of
website development. If
you need professional help with this template or need a custom banner or
template design, you can contact
me by viewing my profile or via the contact form on AnimatedBanner.com.
Okay...
enough shameless self promotion and on to Lorem ipsum dolor. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
enim ad
minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis
nisi ut
aliquip ex ea commodo consequat. Duis te feugi facilisi.</p>
<h1>Lorem ipsum dolor sit amet, consectetuer adipiscing...</h1>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
enim ad
minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis
nisi ut
aliquip ex ea commodo consequat. Duis te feugi facilisi. </p>
<div class="blurb"><span class="bkbig">Other Stuff:</span><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. <a
href="#">Ut wisis enim</a> ad
minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis
nisi ut
aliquip ex ea commodo consequat :
<ul>
<li><span class="black">Dolore magna aliguam erat volutpat.</span></li>
<li><span class="black">Ex ea commodo consequat.</span></li>
<li><span class="black">Vulputate velit esse molestie
consequa.</span></li>
<li><span class="black">Tution ullam corper suscipit.</span></li>
<li><span class="black">Suscipit lobortis nisi ut.</span></li>
<li><span class="black">Norem ipsum dolor sit amet,
consectetuer.</span></li>
</ul>
<div class="linkcent"> <a href="#">Dignissim Qui Blandit</a> </div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed</p>
<p>Norem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis
enim ad
minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis
nisi ut
aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor
in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat
nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent
luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</p>
</div>
<b class="bottom"><b class="b5"></b><b class="b4"></b><b class="b3"></b><b
class="b2"></b><b class="b1"></b></b> </div>
</div>
<div class="botsmall"> | <a href="#">Home</a> | <a href="#">Consectetuer</a> | <a
href="#">Dignissim Qui Blandit</a> | <a href="#">Vero Eros Et</a> | <a
href="#">Duis Te Feugi</a> | </div>
<div id="copyright"> Copyright 2006 yoursite.com | Design by <a
href="http://www.animatedbanner.com/">AnimatedBanner.com</a> </div>
</div>
</body>
</html>
<!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>[in] Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #A53512}
-->
</style>
</head>
<body>
<div class="all">
<div class="box">
<!-- The menu, tabs -->
<div class="menu"><a href="#">Home</a><a href="#">about</a><a
href="#">products</a><a href="#">contact</a></div>
<!-- The header -->
<div class="header"><img alt="" style="float:right; " src="images/www.jpg"
width="225" height="95" />
<h1>[<span class="style1">in</span>] Business</h1>
<div class="clearfix"></div>
</div>
<!-- the news bar, or right hand column -->
<div class="newsbar">
<h1>Need help?</h1>
<div class="p2">If you need help customising this design, I am available for
paid work, on small or large projects. I can make custom designs or
tailor most existing designs to suit your company or organisations
image. Visit my <a href="#">company Web site</a> to
get in touch with me.</div>
<h1>Copyright?</h1>
<div class="p2">
<p>I would appreciate it if
you could leave the copyright info intact, so that others can find
the oswd site (and also me). Other than that, feel free to change
colours, layout and any other elements!</p>
</div>
<h1>Links</h1>
<div class="p2">
<ul>
<li><a href="#">OSWD.org</a></li>
<li><a href="#">NOW:design</a></li>
<li><a href="#">FarStyle.com</a></li>
<li><a href="#">W3</a></li>
</ul>
</div>
</div>
<!-- main content area-->
<div class="content">
<h1>[in] Business</h1>
<p>This is my third design for www.oswd.org. My last design
was downloaded so many times that I wanted to make another one
along the same lines. This is another business themed layout that could
just as easily be used for a personal blog site.</p>
<p>This design was made using <acronym title="Cascading Style
Sheets">CSS</acronym> and
does not use any tables because it has no tabular data. The site
is valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
and
valid <a href="http://validator.w3.org/check?uri=referer">XHTML
1.0 strict</a>.</p>
<div class="p1">Tables are dead, CSS is what is intended for layouts and
design, tables are for containing data. CSS uses less code, meaning
your site loads quicker, which is great for search engines and people
with slow internet connections.</div>
<h1><strong> TESTED IN:</strong></h1>
<ul>
<li>Opera 7.54u1</li>
<li>Internet Explorer 6.0.290..</li>
<li>Firefox 1.0.6</li>
<li>Opera 8.0</li>
</ul>
<p>The design is fluid, with a fixed-width side-bar. The colours, width,
fonts etc can be changed by ammending the attached CSS file.</p>
</div>
<div class="clearfix"></div>
<!-- footer, copyright area - please do not remove!-->
<div class="footer">© 2005, design by <a href="http://www.now-
design.co.uk/">NOW:design</a> |
Template from oswd.org </div>
</div>
</div>
</body>
</html>
<!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>Hot Spring</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Hot Spring</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
<hr />
</div>
<div id="content">
<div id="blog">
<div id="post-1" class="post">
<h2 class="title"><a href="#">Welcome to Hot Spring!</a></h2>
<h3 class="date">March 26, 2007</h3>
<div class="entry"> <img src="images/img09.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Hot Spring</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 Licens</a>. The photos are from PDPhoto.org. You"re free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-1 -->
<div id="post-2" class="post">
<h2 class="title"><a href="#">Sample Tags</a></h2>
<h3 class="date">January 31, 2007</h3>
<div class="entry">
<p>A one-sentence paragraph followed by a blockquoted paragraph.</p>
<blockquote>
<p>“Nam et orci et leo iaculis tempor. Duis ante ante, pretium
sit amet, feugiat ut, semper ac, nisl. Praesent eget mauris. Duis in pede.
Vestibulum nec libero.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<ul>
<li>Proin eu ligula ut est congue malesuada.</li>
<li>Nunc eleifend felis nec purus.</li>
<li>Duis sodales urna sit amet nulla.</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Donec fringilla leo eget erat.</li>
<li>Nunc condimentum cursus lorem.</li>
<li>Cras sodales venenatis metus.</li>
</ol>
</div>
<p class="meta">Posted in <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<div class="hr">
<hr />
</div>
</div>
<!-- end #post-2 -->
</div>
<!-- end #blog -->
<div id="sidebar">
<ul>
<li id="search">
<h2>Search</h2>
<form id="form1" method="get" action="#">
<div>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1"
value="Search" />
</div>
</form>
</li>
<!-- end #search -->
<li id="archives">
<h2>Archives</h2>
<ul>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
</ul>
</li>
<!-- end #archives -->
<li id="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">Uncategorized</a> <small>(6)</small></li>
<li><a href="#">Condimentum Cursus</a> <small>(28)</small></li>
<li><a href="#">Praesent Sit Mauris</a> <small>(14)</small></li>
<li><a href="#">Leo Iaculis Tempor</a> <small>(23)</small></li>
<li><a href="#">Dignissimos Ducimus</a> <small>(19)</small></li>
</ul>
</li>
<!-- end #categories -->
<li id="blogroll">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Lorem Ipsum Dolor</a></li>
<li><a href="#">Tempor Leo Iaculis</a></li>
<li><a href="#">Cursus Dignissimos</a></li>
<li><a href="#">Ducimus Condimentum</a></li>
<li><a href="#">Praesent Sit Mauris</a></li>
</ul>
</li>
<!-- end #blogroll -->
<li id="meta">
<h2>Meta</h2>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Logout</a></li>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Strict">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Free CSS Templates</a></li>
</ul>
</li>
<!-- end #meta -->
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #content -->
<div id="footer">
<p>Copyright © 2007 Hot Spring. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</div>
<!-- end #wrapper -->
</body>
</html>
<!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>
<title>Hyper</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="menu">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Templates</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="title"><a href="#"><span class="title1">CSS</span><span
class="title2">Template!</span></a></div>
<div id="subtitle">Website design & development</div>
</div>
<div id="sidebar">
<h2>Recent news</h2>
<ul>
<li><a href="#">New design - Hyper</a>
<li><a href="#">Lorem Ipsum</a>
<li><a href="#">New host</a>
<li><a href="#">Here we go</a>
</ul>
</div>
<div id="body">
<h1><a href="#">Hyper</a></h1>
<div class="meta">By Admin on 1st October 2006</div>
<p>HYPER was designed by Donny Burnside of Ginger-Ninja.net and is released
under the <a href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons
2.5 license</a>. If you use the design all I ask is that you keep the credit link
in the footer. Also, it would be nice if you email me at inbox[at]ginger-ninja.net
to let me know how you're using the design. Editable Fireworks .PNG files are
included for every image. Enjoy.</p>
<h1><a href="#">Lorem Ipsum</a></h1>
<div class="meta">By Admin on 1st September 2006</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
</div>
<div id="footer"> © 2006 Your-Website.com | <a href="#">XHTML</a> | Design
by <a href="http://www.ginger-ninja.net/">Ginger Ninja!</a> </div>
</div>
</body>
</html>
<!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>I See New People</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h2>Nice to meet you, here's my card.</h2>
<h1><a href="#">I See <strong>New People</strong></a></h1>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="content">
<h1>Nice to meet you!</h1>
<h2>Meet JM from I See You - Designs</h2>
<p>Hi! I'm new to this website, so let me introduce myself: I'm Jochum Meester
and I'm 20 years old. I live near the city of Heerenveen, that's in the north of
the Netherlands. I first read about <acronym title="Cascading Style
Sheet">CSS</acronym> and <acronym title="eXtensible Hypertext Markup
Language">XHTML</acronym> in the last few months of 2005, and at that time I also
started visiting open source webdesign sites like this one. I just love some of the
designs on here, and I'd be proud to be a part of the group.</p>
<p>But to be part of the group, one should upload his or her own templates.
I've been working on a design for a few weeks now (yes, a few weeks...) and
everytime I was working on something it didn't turn out the way I wanted. I'm still
not that good with Photoshop (still use Paintshop Pro at the moment) but I will
eventually create those gradient backgrounds that I often see on here, haha.
Eventually...</p>
<div class="post_info"> Written on: January 31st, 2006 | Category: <a
href="#">Blog</a> | Comments: <a href="#">4</a> </div>
<h1>So here it is then!</h1>
<h2>My first design for you to use</h2>
<p>Yup, here it is. I had to give back to the community someday. So I just took
a design from one of my favourite designers, JayKay. MiniBlog was the one, because
it was not a hard template to work with in my opinion. I stripped it, then re-build
it again and this is the result. If you know what MiniBlog looks like, then you'll
see that I removed the sidebar. My intension was to keep it in, but I figured I
should start with a simple template first. I hope I'll soon be able to create some
more professional designs. If any of you has any tips for me, please contact
me.</p>
<p>I have a portfolio site, www.iseeyou-designs.com. Some of my websites have
not been made up in <acronym title="eXtensible Hypertext Markup
Language">XHTML</acronym> and/or <acronym title="Cascading Style
Sheet">CSS</acronym> because I have only been using those for a short period of
time now.</p>
<div class="post_info"> Written on: January 31st, 2006 | Category: <a
href="#">Portfolio</a> | Comments: <a href="#">2</a> </div>
<h1>Well, it's time for some standard tags</h1>
<h2>I'm not even sure if I should call them 'standard tags'...</h2>
<p>Just some text to put around the tags. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.</p>
<blockquote>
<p>blockquote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
</blockquote>
<p>Just some text to put around the tags. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.</p>
<ul>
<li>List: option 1</li>
<li>List: option 2</li>
<li>List: option 3</li>
</ul>
<p>Just some text to put around the tags. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.</p>
<pre>Code(pre):
#content h1 {
display:block;
margin:50px 0 0 10px;
padding:0;
font-family:"Trebuchet MS",arial,sans-serif;
font-size:2em;
color:#c00;
border-color:#ddd;
border-style:solid;
border-width:0 0 1px 0;
}
#content h2 {
display:block;
margin:20px 0 0 30px;
padding:0;
font-family:"Trebuchet MS",arial,sans-serif;
font-size:1.1em;
letter-spacing:2px;
color:#444;
border-color:#c00;
border-style:solid;
border-width:0 0 1px 0;
}
</pre>
<p>Just some text to put around the tags. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat.</p>
<div class="post_info"> Written on: January 31st, 2006 | Category: <a
href="#">Webdesign</a> | Comments: <a href="#">0</a> </div>
<div id="footer">
<p>We have <span>2</span> visitors online, <span>24</span> today and
<span>438</span> in total.<br />
Powered by <a href="#">YourCMS</a> | 2005 © All your copyright
information here.<br />
Template design by <a href="http://www.iseeyou-designs.com">I See You -
Designs</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
& <a href="http://validator.w3.org/check?uri=referer">XHTML Strict!</a>
valid.</p>
</div>
</div>
</div>
</body>
</html>
<!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>Idyllic</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "idyllic.css";
</style>
</head>
<body>
<div id="page">
<div id="header">
<h1 id="sitetitle">idyllic</h1>
<h1 id="pagetitle">page title</h1>
<h2 id="pagedesc">page description, subtitle, or author information</h2>
</div>
<!-- end header--->
<div id="rightcol">
<h2>Menu</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
<h2>Categories</h2>
<ul>
<li>Non-linked Menu Item</li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
<h2>Links</h2>
<ul>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
</div>
<!-- end right column -->
<div id="content">
<h1>Heading Level 1</h1>
<p><strong>Idyllic:</strong> an open-source web Design that attempts to bring
forth the beauty of nature as captured by a fine artist. Visit n-vent.com and drop
me a line of thanks. Enjoy!</p>
<p>Lorem ipsum dolor sit <a href="#">amet</a>, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2>Heading Level 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<blockquote><strong>This is a blockquote</strong>. Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
est laborum.</blockquote>
<ul>
<li>unordered list</li>
<li>unordered list</li>
<li>unordered list</li>
</ul>
<h3>Heading Level 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<ol>
<li>ordered list</li>
<li>ordered list</li>
<li>ordered list</li>
</ol>
<h4>Heading Level 4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.</p>
<div id="footer"> © 2007 Your Company or Blog. | Site Design by <a
href="http://www.n-vent.com">N-vent.com</a> </div>
<!-- end footer -->
</div>
<!-- end content -->
<div id="leftcol"><img src="images/leftside.jpg" alt="" /></div>
<!-- sidebar -->
</div>
<!-- end page -->
</body>
</html>
<!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>Illusion</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">illusion</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li class="last"><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to ILLUSION! </h2>
<p>ILLUSION is a free template from <strong>Free CSS Templates</strong>
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. You're free to use it for both commercial or
personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo volutpat venenatis,
sagittis ut, orci.</p>
<h2>Quisque elementum </h2>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa Curabitur malesuada turpis nec ante. Suspendisse quis
felis. Suspendisse potenti.</p>
</div>
<div id="colTwo">
<h2>Recent Updates</h2>
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat.
Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis puruspotenti. <a
href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Endless. Designed by <a
href="http://www.freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<title>iLounge</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="date.js"></script>
</head>
<body>
<div id="container">
<div id="top">
<div id="logo"></div>
<div id="name">
<h1><a href="#">iLounge</a></h1>
<h2>Free CSS Website Template</h2>
</div>
<ul class="nav">
<li class="current_page_item"><a href="#">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#">Habitasse Dtate</a></li>
<li><a href="#">Vestibulum</a></li>
</ul>
<div id="menu_pages">
<ul>
<li><a href="#">Anime</a> </li>
<li><a href="#">Apple</a> </li>
<li><a href="#">Articles</a> </li>
<li><a href="#">Cartoons</a> </li>
<li><a href="#">Comics</a> </li>
<li><a href="#">Commentary</a> </li>
<li><a href="#">Communities</a> </li>
<li><a href="#">Nintendo Wii</a> </li>
<li><a href="#">Play Station 3</a> </li>
<li><a href="#">Sikandar</a> </li>
<li><a href="#">ullamcorper</a> </li>
<li><a href="#">xbox 360</a> </li>
</ul>
</div>
</div>
<div id="conte">
<!-- first pass: show only the latest post -->
<h1><a href="#">Featured Post Title</a></h1>
<div class="line">
<ul>
<li class="ade">Nov 03, 2008</li>
<li class="cai">Categorized Under: <a href="#">Play Station 3</a>, <a
href="#">xbox 360</a></li>
<li class="comi"><a href="#">No Comments »</a></li>
</ul>
</div>
<ul>
<li class="ino">
<div class="entry">
<p>Aliquet tellus cras, arcu accumsan lorem in, vestibulum dolor mus,
suscipit suspendisse sed volutpat rutrum a, enim ut montes vulputate tortor luctus
auctor. Habitasse arcu cupiditate. Ligula mauris aptent interdum, sit est fusce
arcu in sem, mattis. Pellentesque tincidunt, diam eget accumsan posuere,Ligula
mauris aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt,
diam eget accumsan posuere, est sapien rhoncus nunc, feugiat fermentum urna arcu ut
est. Sed bibendum dolor eu orci. Sed sollicitudin, enim ut malesuada condimentum,
mauris nisl ullamcorper ante, vitae ullamcorper metus nulla vitae est….</p>
<p style="text-align: center;"><img class="aligncenter"
src="images/featured.jpg" alt="" width="624" height="187" /></p>
<p>Vestibulum dolor mus, suscipit suspendisse sed volutpat rutrum a, enim
ut montes vulputate tortor luctus auctor. Habitasse arcu cupiditate. Ligula mauris
aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam
eget accumsan posuere,Ligula mauris aptent interdum, sit est fusce arcu in sem,
mattis. Pellentesque tincidunt, diam eget accumsan posuere, est sapien rhoncus
nunc, feugiat fermentum urna arcu ut est. Sed bibendum dolor eu orci. Sed
sollicitudin, enim ut malesuada condimentum, mauris nisl ullamcorper ante… <a
href="#" class="more-link">(Read More…)</a></p>
<br />
<br />
</div>
</li>
</ul>
<div class="custom_widget">
<h2>About</h2>
<img src="images/pic_2.gif" alt="" /> Suscipit suspendisse sed volutpat
rutrum a, enim ut montes vulputate tortor luctus auctor. Habitasse arcu cupiditate.
Ligula mauris aptent interdum, sit est fusce arcu in sem, mattis. Pellentesque
tincidunt, diam eget accumsan posuere,Ligula mauris aptent interdum, sit est fusce
arcu in sem, mattis. Pellentesque tincidunt, diam eget accumsan posuere, est sapien
rhoncus nunc, feugiat fermentum urna arcu ut est. Sed bibendum dolor eu orci. Sed
sollicitudin, enim ut malesuada condimentum, mauris nisl ullamcorper ante. Aliquet
tellus cras, arcu accumsan lorem in, vestibulum dolor mus, vestibulum dolor mus,
vestibulum dolor mus, suscipit suspendisse sed volutpat rutrum a, enim ut montes
vulputate tortor luctus auctor. Habitasse arcu cupiditate. Ligula mauris aptent
interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam eget
accumsan posuere..... </div>
<!-- second pass: show remaining posts -->
<ul class="pose">
<li>
<div class="box">
<h2><a href="#">Diam eget accumsan</a></h2>
<ul>
<li class="tex">
<p>Ligula mauris aptent interdum, sit est fusce arcu in sem, mattis.
Pellentesque tincidunt, diam eget accumsan posuere,Ligula mauris aptent interdum,
sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam eget accumsan
posuere, est sapien rhoncus nunc, feugiat fermentum urna arcu ut est. Sed bibendum
dolor eu orci. Sed sollicitudin, enim ut malesuada condimentum, mauris [...]</p>
<br />
</li>
<li class="comie"><img src="images/icon4.gif" alt="" /><a href="#">No
Comments »</a></li>
</ul>
</div>
<div class="box">
<h2><a href="#">Habitasse arcu cupiditate</a></h2>
<ul>
<li class="tex">
<p>Aliquet tellus cras, arcu accumsan lorem in, vestibulum dolor mus,
vestibulum dolor mus, vestibulum dolor mus, suscipit suspendisse sed volutpat
rutrum a, enim ut montes vulputate tortor luctus auctor. Habitasse arcu cupiditate.
Ligula mauris aptent interdum…</p>
<br />
</li>
<li class="comie"><img src="images/icon4.gif" alt="" /><a href="#">5
Comments »</a></li>
</ul>
</div>
<div class="box">
<h2><a href="#">Lorem Ipsum</a></h2>
<ul>
<li class="tex">
<p>Suscipit suspendisse sed volutpat rutrum a, enim ut montes
vulputate tortor luctus auctor. Habitasse arcu cupiditate. Ligula mauris aptent
interdum, sit est fusce arcu in sem, mattis. Pellentesque tincidunt, diam eget
accumsan posuere,Ligula mauris aptent interdum, sit est fusce arcu in sem,
mattis.</p>
<br />
</li>
<li class="comie"><img src="images/icon4.gif" alt="" /><a href="#">No
Comments »</a></li>
</ul>
</div>
<div class="navigation">
<div class="alignleft"><a href="#">Previous</a></div>
<div class="alignright"></div>
</div>
</li>
</ul>
<ul class="pose">
<li>
<div class="box3">
<h2>Featured YouTube Video</h2>
<ul>
<li class="texef">
<object type="application/x-shockwave-flash" style="width:296px;
height:223px;" data="http://www.youtube.com/v/KruzH82Z2qQ">
<param name="movie" value="http://www.youtube.com/v/KruzH82Z2qQ" />
</object>
<div style="font-size: 0.8em"><a href="#">Get your own valid XHTML
YouTube embed code</a></div>
</li>
</ul>
</div>
<div class="box2">
<h2>Recent Articles</h2>
<ul>
<li>4:08 pm</li>
<li><a href="#">Diam eget accumsan</a></li>
</ul>
<ul>
<li>4:02 pm</li>
<li><a href="#">Habitasse arcu cupiditate</a></li>
</ul>
<ul>
<li>4:01 pm</li>
<li><a href="#">Lorem Ipsum</a></li>
</ul>
<ul>
<li>1:42 pm</li>
<li><a href="#">Magazine Style</a></li>
</ul>
</div>
<div class="box2">
<h2>Recent Comments</h2>
<ul>
<li>4:08 pm</li>
<li><a href="#">Diam eget accumsan</a></li>
</ul>
<ul>
<li>4:02 pm</li>
<li><a href="#">Habitasse arcu cupiditate</a></li>
</ul>
<ul>
<li>4:01 pm</li>
<li><a href="#">Lorem Ipsum</a></li>
</ul>
<ul>
<li>1:42 pm</li>
<li><a href="#">Magazine Style</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div id="sidebar">
<div id="clock">
<script type="text/javascript"
language="JavaScript">document.write(dateString(new Date()))</script>
</div>
<div id="adcontainer">
<div id="adboxes">
<ul>
<li><a href="#"><img src="images/ad_spot.gif" width="125" height="125"
border="0" alt="" /></a></li>
<li><a href="#"><img src="images/ad_spot.gif" width="125" height="125"
border="0" alt="" /></a></li>
<li><a href="#"><img src="images/ad_spot.gif" width="125" height="125"
border="0" alt="" /></a></li>
<li><a href="#"><img src="images/ad_spot.gif" width="125" height="125"
border="0" alt="" /></a></li>
</ul>
</div>
<div class="cl"></div>
</div>
<div id="rss_search">
<form id="searchform" method="get" href="#">
<h2>Search</h2>
<input type="text" name="s" id="s" size="17" value="type, hit enter"
onblur="setTimeout('closeResults()',2000); if (this.value == '') {this.value =
'';}" onfocus="if (this.value == 'type, hit enter') {this.value = '';}" />
<div style="visibility:hidden">
<input name="sbutt" type="submit" value="Find" alt="Submit" />
</div>
</form>
<div id="rss_pi"><a href="#">rss</a></div>
<ul>
<li><a href="#">Subscribe to Feeds</a></li>
<li>Subscribe by e-mail:</li>
<li>
<form href="#" method="post">
<input type="text" id="sub_mail" name="email" />
</form>
</li>
</ul>
<div class="cl"></div>
</div>
<div id="right-sidebar" class="sidebar">
<ul>
<li>
<h2 class="widgettitle">Categories</h2>
<ul>
<li><a href="#">Anime</a> </li>
<li><a href="#">Apple</a> </li>
<li><a href="#">Articles</a> </li>
<li><a href="#">Cartoons</a> </li>
<li><a href="#">Comics</a> </li>
<li><a href="#">Commentary</a> </li>
<li><a href="#">Communities</a> </li>
<li><a href="#">Nintendo Wii</a> </li>
<li><a href="#">Play Station 3</a> </li>
<li><a href="#">Sikandar</a> </li>
<li><a href="#">ullamcorper</a> </li>
<li><a href="#">xbox 360</a> </li>
</ul>
</li>
<li id="meta" class="widget widget_meta">
<h2 class="widgettitle">Meta</h2>
<ul>
<li><a href="#">Log in</a></li>
<li><a href="#">Entries <abbr title="Really Simple
Syndication">RSS</abbr></a></li>
<li><a href="#">Comments <abbr title="Really Simple
Syndication">RSS</abbr></a></li>
</ul>
</li>
<li id="pages" class="widget widget_pages">
<h2 class="widgettitle">Pages</h2>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Habitasse Dtate</a></li>
<li><a href="#">Vestibulum</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="footer"> <a href="http://wpjunction.com/" class="wpjunc">Web Design</a>
by <a href="http://www.colombiahosting.com.co/">Hosting</a> in Colombia for <a
href="http://www.hotel-reservation-morocco.com/">Compare Morocco Hotel Rates</a>,
<a href="http://www.logo-ontwerpers.be">Logo Maken</a> and <a
href="http://www.everlossreview.com">Everloss review</a>. </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>In a pickle</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css"
media="screen,projection" />
</head>
<body>
<div id="container">
<div id="header"> <a href="#">ABOUT</a> <a href="#">CONTACT</a> <a
href="#">Home</a>
<div id="sitename">in a pickle</div>
<img src="pickle5.jpg" alt="pickle" /> </div>
<div id="leftcol">
<h1>Welcome</h1>
<div class="text">Ah, lovely shades of green. Put an introductory paragraph
here or a greeting or a salutation or a dirty limerick. </div>
<h2>Menu</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Menu item two</a></li>
<li><a href="#">Menu item three</a></li>
<li><a href="#">Menu item four</a></li>
<li><a href="#">Menu item five</a></li>
</ul>
<h2>My favorite pickles</h2>
<div class="text"> <img src="pickle5.jpg" width="40" height="137" alt="" /> <a
href="#">Jubilation</a>, she loves me again, I fall on the floor and I laughing,
Jubilation, she loves me again, I fall on the floor and I laughing </div>
</div>
<div id="main">
<h1>Everyone loves pickles</h1>
<div class="copy">Well, everyone I know does anyway. And most everyone loves
free stuff - like this template. It's free for you to download and modify as you
wish - no strings attached. I would, however, appreciate it if you leave the credit
for the original Design to me in the footer. </div>
<div class="copy">If you like this Design and decide to use it, drop me an
email at [email protected] and let me know what you did with it. Thanks.
</div>
<h2>Pickle history</h2>
<div class="copy">This is a simple, two-column layout with lots of white space
and soothing green shades. The font is Georgia and is set at a comfortable size for
easy reading. </div>
<div class="copy"><img src="pickle5.jpg" width="120" height="137" alt="" />The
only graphics included are the big pickle and the "quote" mark graphic
for the blockquote so the page loads very fast. You'll most likely want to replace
the big pickle with something else - unless you're a pickle nut like me - mmmmmm,
pickles! When you replace it I suggest using a cut out graphic instead of a boring
rectangle to retain the sense of white space, but it's your template now, so knock
yourself out. I am always interested to see what people do with templates I create
so feel free to let me know what you've used it for. </div>
<div id="quote"><img src="quote.gif" width="47" height="34" alt="" />Oh,
Hamlet, how camest thou in such a pickle? (Act 5, Scene 1.) </div>
<h3>Pickle facts</h3>
<div class="copy">Pickling is one of the oldest forms of food preservation.
Although many vegetables are also sold in pickled form, gherkins/cucumbers (fruits)
are the leading pickled food in the world, giving rise to the misnomer commonly
known as "Pickles".</div>
<div id="dateline">Posted today: The 43rd day of Picklefest</div>
</div>
<div id="footer"> Your company name : <a
href="http://www.websiteDesignbasics.com">Design by websiteDesignbasics.com</a>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Indigo</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="container">
<div class="header">
<div class="title">
<h1>Indigo template</h1>
</div>
<div class="navigation"> <a href="#">Home</a> <a href="#">Suspendisse</a> <a
href="#">Elemen</a> <a href="#">Maecenas</a> <a href="#">Sodales</a>
<div class="clearer"><span></span></div>
</div>
</div>
<div class="main">
<div class="content">
<h1>Porttitor posuere</h1>
<div class="descr">Jun 13, 2006 by Vulputate</div>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est
pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo.
Vestibulum ac ante. Sed in est.</p>
<cite>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</cite>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam
vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius
mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a>
risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius
pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod
ultricies. </p>
<h1>Adipiscing</h1>
<div class="descr">Jun 11, 2006 by Laoreet</div>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non
euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante.
Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.
Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim
quam fringilla mi.</p>
<h1>Interdum</h1>
<div class="descr">May 24, 2006 by Lectus</div>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo placerat elit,
eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat
aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat
molestie.</p>
</div>
<div class="sidenav">
<h1>Search</h1>
<form action="#">
<div>
<input type="text" name="search" class="styled" />
<input type="submit" value="submit" class="button" />
</div>
</form>
<h1>Something</h1>
<ul>
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h1>Another thing</h1>
<ul>
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
</ul>
<h1>Third and last</h1>
<ul>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
</ul>
</div>
<div class="clearer"><span></span></div>
</div>
</div>
<div class="footer">© 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://arcsin.se">Arcsin</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Industry</title>
<link rel="stylesheet" type="text/css" href="style/industry.css" />
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<ul id="nav">
<li><a href="#top">Top of Page</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Weblog</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div id="main"> <a name="top" class="nodisplay"></a>
<div id="hero"> </div>
<div id="header">
<div class="gear"> </div>
<h1 class="shad"><em>industr</em>y</h1>
<h1><em>industr</em>y</h1>
</div>
<div id="body">
<div id="sidebar">
<h3>Recent Photos</h3>
<a href="#" class="flickr-thumbnail"> <img
src="http://images.google.com/images?
q=tbn:jmuZz1c1ton1GM:http://home.earthlink.net/~mountfuturama/smFryWallpaper1.jpg"
alt="" width="70" height="55" /> </a> <a href="#" class="flickr-thumbnail"> <img
src="http://images.google.com/images?
q=tbn:Mb4nSTF51ebxaM:http://www.mathsci.appstate.edu/~sjg/futurama/stringtheory.jpg
" alt="" width="70" height="55" /> </a> <a href="#" class="flickr-thumbnail"> <img
src="http://images.google.com/images?
q=tbn:nHvOr_XTjxErFM:http://www.nyder.com/cthulhu/graphics/zoidberg.jpg" alt=""
width="70" height="55" /> </a> <a href="#" class="flickr-thumbnail"> <img
src="http://images.google.com/images?
q=tbn:s8lm4bLUmUz9sM:http://www.englisch.schule.de/wiesmoor/hermes.jpg" alt=""
width="70" height="55" /> </a>
<div style="clear: both;"> </div>
<h3>Healthy Links</h3>
<ul>
<li><a href="#">OSWD</a></li>
<li><a href="#">Duckwizard.com</a></li>
<li><a href="#">Futurama on Wikipedia</a></li>
<li><a href="#">A List Apart</a></li>
<li><a href="http://validator.w3.org/check/referer">Valid XHTML</a></li>
</ul>
<p style="margin-top: 80px">[1] This paragraph is taken from <a
href="#">Wikipedia</a>'s entry on Futurama.</p>
<p style="margin-top: 160px"><strong>Did You Know?</strong> <br />
Latin text such as this is often used as a typesetting aid. The text is
meaningless, but seems to have been derived from Cicero's De finibus bonorum et
malorum (On the Ends of Goods and Evils).</p>
<p style="margin-top: 300px; _margin-top: 380px">[2] Lorem ipsum dolor sit
amet, consectetur cras magna ante. Nunc est bibendum.</p>
</div>
<div id="content">
<h2>Yet Another Fixed Layout</h2>
<div class="meta"> <span class="date">February 22, 3006</span> <span
class="postedBy">Posted by <a href="#">Phillip J. Fry</a></span> </div>
<p> Here's another centered, fixed layout. All my designs seem to be
variations on this kind of structure; I <a class="flickr-pullout right" href="#">
<img src="http://images.google.com/images?
q=tbn:jmuZz1c1ton1GM:http://home.earthlink.net/~mountfuturama/smFryWallpaper1.jpg"
alt="" /> </a> promise I'll do something different next time. This one has a
floaty nav bar on top for quick access to
links, as well as the top of the page. I can see some people being annoyed
by this, so fortunately it's
easy to change so that it doesn't stay on top of the window. Just change
the <code><span class="csskeyword">position</span>: <span
class="cssvalue">fixed</span></code> to <code><span
class="csskeyword">position</span>: <span class="cssvalue">absolute</span></code>
and ditch the IE hack
(or you could change it to auto margins instead, if you want the header
image to flow beneath it). One
thing that I included in this layout is a couple handy classes for your
Flickr images. See the example
pullouts in the text as well as the thumbnails in the sidebar. In the
interest of filling up space, I may
as well tell you that the sidebar has been done in kind of a funny way to
make it vertically stretch over
the entire content div. This is impossible to do in a traditional way
(including using 100% height in
CSS, which isn't defined the way it should be). Check it out; I thought I
was pretty clever to think of
it! You could use the sidebar for annotations, footnotes, links, photos,
or whatever you like. </p>
<p> Now I'll steal some text from Wikipedia<small class="super">1</small>!
Futurama is an American animated television series created by
Matt Groening (creator of The Simpsons) and David X. Cohen (also a writer
for The Simpsons). Set in "New
New York City" in the 31st century, it was introduced on the Fox Network
and received airplay between
March 28, 1999 and August 10, 2003. It is currently in syndication on the
Adult Swim segment of Cartoon
Network in the United States, on Teletoon in Canada, on Channel 4, Sky One
and Sky Two in the UK, and on
Fox8 and Network Ten in Australia. </p>
<div class="comments"> No comments | <a href="#">Leave a comment</a> </div>
<h2>Good News, Everyone!</h2>
<div class="meta"> <span class="date">February 22, 3006</span> <span
class="postedBy">Posted by <a href="#">Hubert Farnsworth</a></span> </div>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum
accumsan, justo non tristique laoreet,
odio nisi fringilla nibh, vitae blandit eros sapien ac mi. Etiam non nisl
euismod massa fringilla sagittis. <a class="flickr-pullout right" href="#"><img
src="http://images.google.com/images?
q=tbn:Mb4nSTF51ebxaM:http://www.mathsci.appstate.edu/~sjg/futurama/stringtheory.jpg
" alt="Good news, everyone!" /></a> Nunc vestibulum iaculis purus. Vivamus arcu
urna, tristique eu, pharetra et, ullamcorper porta, nibh. Nulla
eget dolor sit amet purus aliquam lacinia. Cras eu quam. In id nisl et orci
laoreet vulputate. Phasellus quis
est vel libero euismod mollis. Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere
cubilia Curae; Cras magna ante, sodales eget, commodo ac, molestie ut,
velit. Cras quis pede sit amet massa
feugiat imperdiet. Nulla dignissim. Curabitur eleifend, lorem quis dictum
varius, elit nunc commodo enim,
iaculis mattis dui felis et urna. </p>
<p> Aliquam erat volutpat. Maecenas ut mi ut odio gravida tincidunt. Proin
urna urna, dapibus sit amet, eleifend
quis, bibendum et, felis. Ut aliquet. Etiam diam erat, interdum ac,
vehicula in, vulputate et, libero. Donec
ut dolor quis leo blandit lobortis. Vestibulum sed tellus. Donec vitae
lectus. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Nullam mollis aliquam nulla. Mauris pulvinar
metus quis urna. Praesent eu turpis
aliquam est mollis aliquam. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia
Curae; Vestibulum tempor nibh. Nam quis neque. </p>
<div class="comments"> <a href="#">8 comments</a> | <a href="#">Leave a
comment</a> </div>
<h2>Surrender Your Mysteries to Zoidberg!</h2>
<p> Quisque convallis tellus<small class="super">2</small>. Etiam aliquam
lobortis erat. Donec gravida tortor a massa. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque
penatibus et <a href="#" class="flickr-pullout right"> <img
src="http://images.google.com/images?
q=tbn:nHvOr_XTjxErFM:http://www.nyder.com/cthulhu/graphics/zoidberg.jpg" alt="" />
</a> magnis dis parturient montes, nascetur ridiculus mus. Aliquam arcu libero,
congue in, iaculis sit amet, dapibus non, ligula. Aliquam erat volutpat. Fusce nisl
ante, pretium ac, suscipit sed, feugiat a, sem. Donec sollicitudin leo eu nisl.
Donec at dui a urna rhoncus viverra. Curabitur arcu. Quisque vulputate, purus ac
ultricies consectetuer, justo neque suscipit nisi, eget tempor nulla nisl vitae
tellus. Aenean eget erat. Vestibulum imperdiet viverra metus. </p>
<p> Nunc adipiscing hendrerit pede. Vestibulum tempor bibendum libero. Duis
consectetuer felis laoreet nibh. Pellentesque lacus libero, sagittis ornare, tempor
et, porta in, elit. Donec eu leo. Etiam erat. Sed aliquam odio quis risus. Aliquam
arcu. Aenean elementum. Curabitur pellentesque ligula ac risus. Morbi sodales
vehicula ipsum. </p>
<div class="comments"> No comments | <a href="#">Leave a comment</a> </div>
</div>
</div>
<div id="footer"> Copyright © 2006, Your Name Here, Ltd. </div>
</div>
</body>
</html>
<!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>Infinite Horizon</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1> <a href="#">Infinite Horizon</a></h1>
<h2>By Free CSS Templates</h2>
</div>
<div id="menu">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Products</a></li>
<li><a href="#" accesskey="4">Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Infinite Horizon!</h2>
<p>INFINITE HORIZON is a free template from <strong>Free CSS
Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The background picture is from PDPhoto.org. You're free to use it for
both commercial or personal use. I only ask that you link back to my site in some
way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Lorem Ipsum Dolore </h3>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="colTwo">
<h2>Events</h2>
<h3>Etiam suscipit et</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a
href="#">More…</a></p>
<h3>Fusce dolor tristique</h3>
<p>Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat.
Curabitur malesuada. <a href="#">More…</a></p>
<h3>Nunc pellentesque</h3>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse
potenti. Donec nulla est, laoreet quis, pellentesque in. <a
href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="nav">
<ul>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">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="#">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>
<!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>inFlight</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">in<span>Flight</span></a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="splash"><a href="#"><img src="images/img03.jpg" alt="" width="600"
height="280" /></a></div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="main">
<div id="welcome" class="boxed">
<h2 class="title">Welcome to inFlight!</h2>
<div class="content">
<p><strong>inFlight</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
</div>
</div>
<div id="example" class="boxed">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="content">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
<div id="partners" class="boxed">
<h2 class="title">Partners</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 inFlight. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Informatif</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Informatif</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="sidebar2">
<div id="lorem" class="boxed">
<h2 class="title">Lorem Ipsum</h2>
<div class="content">
<ul>
<li><a href="#"> Integer sit amet pede</a></li>
<li><a href="#">Arcu aliquet pretium</a></li>
<li><a href="#">Pellentesque quis elit</a></li>
<li><a href="#">Non lectus gravida</a></li>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Amet consectetuer</a></li>
<li><a href="#">Adipiscing elit hasellus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Aliquam risus pellentes</a></li>
<li><a href="#">Adipiscing elit hasellus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Aliquam risus pellentes</a></li>
<li><a href="#">Que pharetra</a></li>
<li><a href="#">Maecenas vitae orci</a></li>
<li><a href="#">Vitae tellus feugiat</a></li>
<li><a href="#">Eleifend etiam ac</a></li>
<li><a href="#">Tortor eu metus</a></li>
<li><a href="#">Euismod lobortis</a></li>
<li><a href="#">Duis non ante in metus</a></li>
<li><a href="#">Commodo euismod<br />
</a></li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Informatif!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="story"> <img src="images/img04.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Informatif</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Informatif. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Integral</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<ul id="menu">
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Services</a></li>
<li><a href="#" accesskey="3">Information</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
<form id="search" method="get" action="#">
<fieldset>
<input name="input1" type="text" id="input1" />
<input name="input2" type="submit" id="input2" value="Search" />
</fieldset>
</form>
</div>
<div id="content">
<div id="colOne">
<div id="logo">
<h1><a href="#">Integral</a></h1>
<h2>Free CSS Template</h2>
</div>
<div class="box">
<h3>Lorem ipsum dolor</h3>
<ul class="bottom">
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
</ul>
</div>
<div class="box">
<h3>Mauris cras libero</h3>
<ul class="bottom">
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
</ul>
</div>
</div>
<div id="colTwo">
<h2>Welcome to Sitename.com</h2>
<img src="images/img10.jpg" alt="" width="109" height="109" class="image" />
<p class="indent"><strong>Integral</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo to the left is from PDPhoto.org. You're free to use this
template for both commercial or personal use. I only ask that you link back to my
site in some way. Enjoy :)</p>
<p class="indent">Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna
ac lacus dapibus interdum. Donec pede nisl, gravida iaculis, auctor vitae, bibendum
sit amet, mauris. Cras adipiscing libero et risus. Donec rutrum tempus massa. Proin
at mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis
nec, adipiscing at, elit. Maecenas sed sem sit amet lectus mattis molestie. Integer
quis eros lorem ipsum dolor sit amet veroeros consequat.</p>
<div class="box">
<h3>Fusce quisque condimentum</h3>
<h4><strong>12.01.2006</strong> | <a href="#">34 Comments</a></h4>
<p class="bottom">Morbi sit amet magna ac lacus dapibus interdum. Donec nec
risus vel sem dignissim tristique. Sed neque. Fusce in elit. Quisque condimentum,
ante id convallis convallis, sapien est dignissim elit, vel pulvinar augue eros
quis metus. Suspendisse pede nisl, gravida iaculis, auctor vitae, bibendum sit
amet, mauris. Cras adipiscing libero et risus. Donec rutrum tempus massa. Proin at
mauris sed elit venenatis porttitor. Morbi quam nisl, fringilla quis, sagittis nec,
adipiscing at, elit. Maecenas sed sem sit amet lectus mattis molestie. Integer quis
eros.</p>
</div>
<div class="box">
<h3>Maecenas lectus mattis</h3>
<h4><strong>12.01.2006</strong> | <a href="#">16 Comments</a></h4>
<p class="bottom">Morbi sit amet magna ac lacus dapibus interdum. Donec nec
risus vel sem dignissim tristique. Sed neque. Fusce in elit. Quisque condimentum,
ante id convallis convallis, sagittis nec, adipiscing at, elit. Maecenas sed sem
sit amet lectus mattis molestie. Integer quis eros sapien est dignissim elit, vel
pulvinar augue eros quis metus. Suspendisse pede nisl, gravida iaculis, auctor
vitae, bibendum sit amet, mauris. Cras adipiscing libero et risus. Donec rutrum
tempus massa. Proin at mauris sed elit venenatis porttitor. Morbi quam nisl,
fringilla quis, sagittis nec, adipiscing at, elit.</p>
</div>
</div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All rights reserved. Design by <a
href="http://freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Intense Simplicity</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
</head>
<body>
<div id="container">
<div id="top">
<div id="header">
<div id="title">Intense Simplicity</div>
<!-- header text -->
</div>
<div class="nav bl">
<div class="nav2 br">
<div id="slogan">A clean, modern, and fun design.</div>
<!-- place an optional slogan here. -->
<div id="navdiv">
<ul id="navlist">
<!-- menu -->
<li><a href="#">Home</a></li>
<li><a href="help.html">Help</a></li>
<li><a href="tags.html">Tags</a></li>
</ul>
</div>
</div>
</div>
<div id="content">
<div id="left">
<h2>Enjoy!</h2>
<img src="images/image.gif" alt="" class="floatright" />
<p>This template is my first submission to <a href="#">OWD</a>, and my
first design created for the sake of being a template used by others :). Enjoy!</p>
<p>This template is easy to use, taking advantage of CSS and the
reusability of styled components. I tried to style as many elements as I could, but
I probably missed a few things.</p>
<p>If you don't like the header above. Just stick one of them in the
<em>[template root] / images / headers /</em> directory and then go into the CSS
file and replace the text <b>"h1.jpg"</b> with the name of the header file.</p>
<code> <span class="red">"css/default.css" - about line 258</span><br />
#header{<br />
background:url(../images/headers/<b>h1.jpg</b>) no-repeat top
center;<br />
} </code>
<p>I would love to hear how this template is used, so if you use it, please
send me an email and let me know!</p>
</div>
<div id="right">
<div class="sideitem">
<h4>The Sidebar</h4>
<p>This is the sidebar. Put something interesting here.</p>
</div>
<div class="sideitem">
<h4>News</h4>
<p><b>5/09/06</b> - Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Maecenas iaculis urna hendrerit. <a href="#">read more></a></p>
<p><b>5/05/06</b> - Nam blandit. Nunc dolor. Vestibulum auctor. Mauris
congue. <a href="#">read more></a></p>
</div>
<div class="sideitem">
<h4 class="itemtitle">Links</h4>
<ul>
<li><a href="#">Lorem</a></li>
<li><a href="#">Ipsum</a></li>
<li><a href="#">Dolor</a></li>
<li><a href="#">Ridiculus mus</a></li>
</ul>
</div>
</div>
</div>
<div class="footer tl">
<div class="tr">
<div class="br">
<div class="bl">
<div id="copyright">Copyright © 2006 Your Name</div>
<div id="designcredit">Design by <a
href="http://saltedsugar.com/">sofaspud</a> | valid <a
href="http://validator.w3.org/check?uri=referer">strict XHTML</a> & <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></div>
</div>
</div>
</div>
</div>
</div>
<div id="bottom"> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Internet Business
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Internet Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.hslides.1.0.js"></script>
<script type="text/javascript">
$((function () {
$('#accordion').hSlides({
totalWidth: 920,
totalHeight: 300,
minPanelWidth: 111,
maxPanelWidth: 476,
easing: "easeOutBack",
activeClass: 'current'
});
}));
</script>
</head>
<body id="top">
<div id="header">
<div class="wrapper">
<div class="fl_left">
<h1><a href="index.html">Internet Business</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"> <a href="#"><img src="images/demo/468x60.gif" alt=""
/></a> </div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="topbar">
<div class="wrapper">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="featured_slide">
<div class="wrapper">
<div class="featured_content">
<ul id="accordion">
<li class="current">
<div class="featured_box">
<h2>1. Aliquatjusto quisque nam</h2>
<p>Orcimagna rhoncus et a nec antesque sed temportor pellus nibh
conseque. Accumstsemper wisi pretium feugiat non ut eleifendrerisque at et condisse
sce. Iaculumorci congue nam mollis odio id cras orci vestique euisquet at.
Donecconsectetus lacilis ac pellus nam nibh curabitur sed anterdum nectetus adipis.
Pretiummagnisse antes nunc pretium convallis tincidunt non at rutrumt.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="featured_tab"> <img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 1</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>2. Aliquatjusto quisque nam</h2>
<p>Duisvest lacus pellus purus temper maurisus et sodalesuada loreet
sapiente et. Quissociis magnisl orci dui nulla ut antesque malesuada sed pede et.
Idlacus ridiculisi nec cursus enim ac tur urnar nunc pellus pellenterdum. Necelisi
aliquat curabiturpiscing semportortor sed et velit convallis quat adipiscing
cursus. Rutrumeget id ipsum et sed maurisuspendimentum auctor siti.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 2</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>3. Dapiensociis temper</h2>
<p>Pharetiumurna habitur et enim pellentesque phasellus aliquam nunc
quis justo nam. Lobortororci dapibulum ac intesquet ut id sed intesque nec alique
congue. Liberoaenec vest maurisus libero pede nisl ligula cursus vitae dis metus.
Aeneanaccumsan orci nasce ac pulvinare enim tor quis antesque cumsan in.
Justomontesque sem ac dolor iaculum dolor orci elit lacus et vestibulum.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 3</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>4. Nullain convallis ris elis</h2>
<p>Nullamcorpervivamus nisl in sed adipit donec feugiat lor vel velit
volutpat. Wisihabitur diculisi ac curabitur cursuspendreris sociis sed eger ipsum
condisse laculis. Curabiturid non eu curabitae nibh por nullamcorper at nibh elis
fring. Vestnibh congue praesenenatis justo et maecenasceleifend senterdum malesuada
at dolor amet. Turisristibulum curabitae eros leo at interd.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation4</p>
</div>
</li>
<li>
<div class="featured_box">
<h2>5. Nullain convallis ris elis</h2>
<p>Nullamcorpervivamus nisl in sed adipit donec feugiat lor vel velit
volutpat. Wisihabitur diculisi ac curabitur cursuspendreris sociis sed eger ipsum
condisse laculis. Curabiturid non eu curabitae nibh por nullamcorper at nibh elis
fring. Vestnibh congue praesenenatis justo et maecenasceleifend senterdum malesuada
at dolor amet. Turisristibulum curabitae eros leo at interd.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</div>
<div class="featured_tab"><img src="images/demo/100x100.gif" alt="" />
<p>Tabbed Navigation 5</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="homecontent">
<div class="wrapper">
<ul>
<li>
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2 class="title"><img src="images/demo/60x60.gif" alt="" />Nullamlacus dui
ipsum conseque loborttis</h2>
<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="container">
<div class="wrapper">
<div id="content">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor
mauris. Wisinon vivamus wisis adipis laorem lobortis curabiturpiscingilla dui
platea ipsum lacingilla.</p>
<p>Semalique tor sempus vestibulum libero nibh pretium eget eu elit montes.
Sedsemporttis sit intesque felit quis elis et cursuspenatibulum tincidunt non
curabitae.</p>
</div>
<div id="column">
<div class="holder">
<h2>Nullamlacus loborttis</h2>
<ul id="latestnews">
<li> <img class="imgl" src="images/demo/100x75.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
</li>
<li class="last"> <img class="imgl" src="images/demo/100x75.gif"
alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
</li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="footer">
<div class="wrapper">
<div id="newsletter">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div id="copyright">
<div class="wrapper">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Internet Center</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
</head>
<body>
<div class="content">
<div class="header">
<div class="top_info">
<div class="top_info_right">
<p><b>You are not Logged in!</b> <a href="#">Log in</a> to check your
messages.<br />
Do you want to <a href="#">Log in</a> or <a href="#">register</a>?</p>
</div>
<div class="top_info_left">
<p>Today is: <b>27th January, 2006</b><br />
Check todays <a href="#">hot topics</a> or <a href="#">new
products</a></p>
</div>
</div>
<div class="logo">
<h1><a href="#">Internet Center</a></h1>
</div>
</div>
<div class="bar">
<ul>
<li class="slogan">Centralized Internet Content</li>
<li><a href="#" accesskey="h">Home</a></li>
<li class="active">People</li>
<li><a href="#" accesskey="m">Music</a></li>
<li><a href="#" accesskey="p">Pictures</a></li>
<li><a href="#" accesskey="s">Services</a></li>
<li><a href="#" accesskey="r">Products</a></li>
</ul>
</div>
<div class="search_field">
<form method="post" action="#">
<p>
<input type="text" name="search" class="search" />
<input type="submit" value="Search" class="searchSubmit" />
</p>
</form>
</div>
<div class="subheader">
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex.</p>
</div>
<div class="left">
<div class="left_articles">
<h2><a href="#">What's new?</a></h2>
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
</div>
<div class="left_links">
<div class="left_side">
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Arts</a></b><br />
<a href="#">Music</a>, <a href="#">Television</a>, <a
href="#">Movies</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Computers</a></b><br />
<a href="#">Internet</a>, <a href="#">Software</a>, <a
href="#">Hardware</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Shopping</a></b><br />
<a href="#">Autos</a>, <a href="#">Clothing</a>, <a
href="#">Gifts</a>...</p>
</div>
<div class="right_side">
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Business</a></b><br />
<a href="#">Jobs</a>, <a href="#">Real Estate</a>, <a
href="#">Investing</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Health</a></b><br />
<a href="#">Fitness</a>, <a href="#">Medicine</a>, <a
href="#">Alternative</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Sports</a></b><br />
<a href="#">Baseball</a>, <a href="#">Basketball</a>, <a
href="#">Soccer</a>...</p>
</div>
<p><b>Want to <a href="#">suggest a category</a>?</b></p>
</div>
<div class="left_message">
<p><b>Lorem ipsum dolor</b> sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <b>erat
volutpat</b>. Ut wisi enim ad minim veniam, quis nostrud exerci.</p>
</div>
<div class="left_box">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex.</p>
</div>
</div>
<div class="right">
<div class="right_login">
<form method="post" action="#">
<p>Username:
<input type="text" name="search" class="login" />
@email.com </p>
<p>Password:
<input type="password" name="search" class="login" />
<input type="submit" value="Login" class="searchSubmit" />
</p>
</form>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
</div>
<div class="footer">
<p><a href="#">Home</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2006 Internet Center, Design: Luka Cvrk - <a
href="http://www.solucija.com/" title="What's your solution?">Solucija</a></p>
</div>
</div>
</body>
</html>
<!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>Internet Corporation</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="content">
<div id="logo">
<h1><a href="#">Internet Corporation</a></h1>
</div>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Refrences</a></li>
<li><a href="#">Career</a></li>
<li><a href="#">About</a></li>
</ul>
<div id="intro">
<h1>IT management and project outsourcing</h1>
<p>Right people. Right solutions.</p>
<div id="login">
<p><a href="#">Guest</a> <a href="#">Client</a></p>
</div>
</div>
<div id="left">
<h2>What do we do exactly?</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.</p>
<ul id="leftmenu">
<li><a href="#">Complete project outsorcing</a></li>
<li><a href="#">Documentation outsorcing</a></li>
<li><a href="#">Support outsorcing</a></li>
</ul>
<div id="notice">
<p>If you liked this template, you might like some other Free or Commercial
CSS templates from Solucija.</p>
</div>
</div>
<div id="right">
<h4>Can you handle every single aspect?</h4>
<h2>Outsorcing key project elements</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut <a href="#">laoreet dolore magna</a> aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla <a href="#">facilisis at vero</a> eros et accumsan et iusto
odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te
feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<div style="clear: both"></div>
</div>
<div id="footer">
<div id="col1">
<p><a href="#">Terms and Conditions</a> · <a
href="#">Privacy</a><br />
© Copyright 2007 <a href="#">Internet Corporation</a></p>
</div>
<div id="col2">
<p>Address: <strong>Flower street 27</strong><br />
Phone: <strong>+xxx (x) xxx xxxx</strong></p>
</div>
<div id="col3">
<p>Design: <a href="http://www.solucija.com">Luka Cvrk</a><br />
Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
and <a href="http://validator.w3.org/check?uri=referer">XHTML</a></p>
</div>
</div>
</div>
</body>
</html>
<!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>Internet Jobs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="header">
<div id="logo">
<p class="slogan"><b>Connecting Online people</b><br />
Sharing human resources</p>
<div style="float: left;">
<h1><a href="#">Internet Jobs</a></h1>
</div>
</div>
<div id="hmenu"> <a href="#">Home</a><a href="#">Browse Jobs</a><a
href="#">Register</a><a href="#">Submit Job</a><a href="#">Advertising</a> </div>
</div>
<div class="content">
<div id="articles">
<div id="left">
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(7)</a> <img
src="images/timeicon.gif" alt="" /> 10th Jan, 2006</p>
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(12)</a> <img
src="images/timeicon.gif" alt="" /> 29th Dec, 2005</p>
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(34)</a> <img
src="images/timeicon.gif" alt="" /> 24th Dec, 2005</p>
</div>
<div id="right">
<div id="rightmenu"> <a href="#">e-Marketing</a><a href="#">Search Engine
Optimization</a><a href="#">CMS Reports</a><a href="#">Statistics</a>
<div id="searchform">
<form method="post" class="search" action="#">
<p>
<input name="pojam" class="text" id="pojam" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
</div>
<div class="rightarticle">
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing
elit</a>, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam, <a href="#">quis nostrud
exerci</a>.</p>
</div>
<div class="rightarticle">
<p><a href="#">sNews</a><br />
<a href="#">Andreas Viklund</a><br />
<a href="#">CSS Ugly</a><br />
<a href="#">AWD Design</a><br />
<a href="#">Patric Ahlqvist</a><br />
</p>
</div>
<div class="rightarticle_ad"> <a href="#">SE Optimization</a> </div>
<div class="rightarticle_ad"> <a href="#">CMS Reports</a> </div>
</div>
</div>
<div id="links">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
</div>
<div id="additional">
<p><b>Quote of the day: </b>There may be no 'I' in team, but there's a 'ME' if
you look hard enough. - David Brent</p>
</div>
<div id="whiteline"></div>
<div id="footer">
<p style="float: left;"><a href="#">Archive</a><img src="images/separator.gif"
alt="" /><a href="#">Home</a> <br />
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><img
src="images/separator.gif" alt="" /><a href="#">Accessibility</a></p>
<p style="float: right; text-align: right;"><a href="#">Contact Us</a><br />
© Copyright 2006, <a href="#" title="Internet Jobs">Internet Jobs</a><img
src="images/separator.gif" alt="" />Design: Luka Cvrk, <a
href="http://www.solucija.com/">Solucija</a></p>
</div>
</body>
</html>
<!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>Internet Jobs 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="header">
<div id="logo">
<p class="slogan"><b>Connecting Online people</b><br />
Sharing human resources</p>
<div style="float: left;">
<h1><a href="#">Internet Jobs</a></h1>
</div>
</div>
<div id="hmenu"> <a href="#">Home</a><a href="#">Browse Jobs</a><a
href="#">Register</a><a href="#">Submit Job</a><a href="#">Advertising</a> </div>
</div>
<div class="content">
<div id="articles">
<div id="right">
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(7)</a> <img
src="images/timeicon.gif" alt="" /> 10th Jan, 2006</p>
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(12)</a> <img
src="images/timeicon.gif" alt="" /> 29th Dec, 2005</p>
<h2><a href="#">Lorem Ipsum</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
lupt...</p>
<p class="date"><img src="images/more.gif" alt="" /> <a href="#">Read
more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments(34)</a> <img
src="images/timeicon.gif" alt="" /> 24th Dec, 2005</p>
</div>
<div id="left">
<div id="leftmenu"> <a href="#">e-Marketing</a><a href="#">Search Engine
Optimization</a><a href="#">CMS Reports</a><a href="#">Statistics</a>
<div id="searchform">
<form method="post" class="search" action="#">
<p>
<input name="pojam" class="text" id="pojam" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
</div>
</div>
<div class="leftarticle">
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing
elit</a>, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam, <a href="#">quis nostrud
exerci</a>.</p>
</div>
<div class="leftarticle">
<p> <a href="#">sNews</a><br />
<a href="#">Andreas Viklund</a><br />
<a href="#">CSS Ugly</a><br />
<a href="#">AWD Design</a><br />
<a href="#">Patric Ahlqvist</a><br />
</p>
</div>
<div class="leftarticle_ad"> <a href="#">SE Optimization</a> </div>
<div class="leftarticle_ad"> <a href="#">CMS Reports</a> </div>
</div>
</div>
<div id="links">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
</div>
<div id="additional">
<p><b>Quote of the day: </b>There may be no 'I' in team, but there's a 'ME' if
you look hard enough. - David Brent</p>
</div>
<div id="whiteline"></div>
<div id="footer">
<p style="float: left;"><a href="#">Archive</a><img src="images/separator.gif"
alt="" /><a href="#">Home</a> <br />
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><img
src="images/separator.gif" alt="" /><a href="#">Accessibility</a></p>
<p style="float: right; text-align: right;"><a href="#">Contact Us</a><br />
© Copyright 2006, <a href="#" title="Internet Jobs">Internet Jobs</a><img
src="images/separator.gif" alt="" />Design: Luka Cvrk, <a
href="http://www.solucija.com/">Solucija</a></p>
</div>
</body>
</html>
<!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>Internet Management</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="logo">
<h1>Internet Management</h1>
</div>
<p id="top">Let us make your ideas reality.</p>
<ul id="menu">
<li><a class="current" href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Content Management</a></li>
<li><a href="#">Presentations</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Site Map</a></li>
</ul>
<div class="column">
<h1><span class="number">1</span> Set Goals</h1>
<p>Lorem ipsum dolor sit amet, consectetuer <a href="#">adipiscing elit</a>,
sed diam nonummy nibh.</p>
</div>
<div class="column">
<h1><span class="number">2</span> Visualize</h1>
<p><a href="#">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh.</p>
</div>
<div class="column">
<h1><span class="number">3</span> Discuss</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, <a href="#">sed
diam</a> nonummy nibh.</p>
</div>
<div class="clear"></div>
<div class="half">
<h2>Lorem Ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.</p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p class="date">September 9th · <a href="#">Comment(11)</a></p>
</div>
<div class="half">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.</p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation.</p>
</div>
<div class="clear"></div>
<div class="news">
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum.</p>
</div>
<div id="footer">
<p>© Copyright YourSite · Design: <a
href="http://www.solucija.com/" title="Visit Solucija">Luka Cvrk</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: AquaBusiness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>AquaBusiness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="topbar">
<div id="social">
<ul>
<li><a href="#"><img src="images/bookmarks/rss.jpg" width="25" height="25"
alt="" /></a></li>
<li><a href="#"><img src="images/bookmarks/facebook.jpg" width="25"
height="25" alt="Add to: Facebook" /></a></li>
<li><a href="#"><img src="images/bookmarks/delicious.jpg" width="25"
height="25" alt="Del.icio.us" /></a></li>
<li><a href="#"><img src="images/bookmarks/stumbleupon.jpg" width="25"
height="25" alt="Stumbleupon" /></a></li>
<li><a href="#"><img src="images/bookmarks/reddit.jpg" width="25"
height="25" alt="reddit" /></a></li>
<li><a href="#"><img src="images/bookmarks/digg.jpg" width="25" height="25"
alt="Digg" /></a></li>
<li><a href="#"><img src="images/bookmarks/yahoo.jpg" width="25"
height="25" alt="Y! MyWeb" /></a></li>
<li class="last"><a href="#"><img src="images/bookmarks/google.jpg"
width="25" height="25" alt="Google" /></a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search the site…"
onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" />
<input type="submit" name="go" id="go" value="GO" />
</fieldset>
</form>
</div>
</div>
</div>
<div class="wrapper col2">
<div id="header">
<div class="fl_left">
<h1><a href="#">AquaBusiness</a></h1>
<p>Free Website Template</p>
</div>
<ul id="topnav">
<li class="last"><a href="#">A Long Link Text</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li class="active"><a href="index.html">Home</a></li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col3">
<div id="intro">
<ul>
<li>
<p class="imgholder"><img src="images/demo/215x125.gif" alt="" /></p>
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p class="imgholder"><img src="images/demo/215x125.gif" alt="" /></p>
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li>
<p class="imgholder"><img src="images/demo/215x125.gif" alt="" /></p>
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<p class="imgholder"><img src="images/demo/215x125.gif" alt="" /></p>
<h2>Lipsum</h2>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div class="wrapper col4">
<div id="container">
<div id="services">
<ul>
<li>
<h2>Ametorci Phasellus</h2>
<div class="imgholder"><img src="images/demo/240x90.gif" width="240"
height="90" alt="" /></div>
<p>Nullamlacus dui ipsum conseque lobortt is non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="more"><a href="#">Continue Reading »</a></p>
</li>
<li>
<h2>Ametorci Phasellus</h2>
<div class="imgholder"><img src="images/demo/240x90.gif" width="240"
height="90" alt="" /></div>
<p>Nullamlacus dui ipsum conseque lobortt is non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="more"><a href="#">Continue Reading »</a></p>
</li>
<li class="last">
<h2>Ametorci Phasellus</h2>
<div class="imgholder"><img src="images/demo/240x90.gif" width="240"
height="90" alt="" /></div>
<p>Nullamlacus dui ipsum conseque lobortt is non euisque morbi penas
dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis
vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris
felit elit id nibh sociis malesuada.</p>
<p class="more"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
<div id="content">
<h2>About This Free CSS Template</h2>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor
mauris. Wisinon vivamus wisis adipis laorem lobortis curabiturpiscingilla dui
platea ipsum lacingilla.</p>
</div>
<div id="column">
<div class="subnav">
<ul>
<li><a href="#">Open Source Templates</a></li>
<li><a href="#">Free CSS Templates</a></li>
<li><a href="#">Open Source Layouts</a></li>
<li><a href="#">Open Source Themes</a></li>
<li><a href="#">Open Source Downloads</a></li>
<li><a href="#">Open Source Website</a></li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col5">
<div id="footer">
<div class="footbox">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Further Information !</h2>
<ul>
<li><a href="#">Business Terms & Conditions »</a></li>
<li><a href="#">Disability Philosophy »</a></li>
<li class="last"><a href="#">Contact Our Company »</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Company Details !</h2>
<address>
Company Name<br />
Street Name & Number<br />
Town<br />
Postcode/Zip<br />
</address>
Tel: xxxxx xxxxxxxxxx
<!-- -->
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Internet Market</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
</head>
<body>
<div class="content">
<div class="header_top"></div>
<div class="header">
<div class="sf_right">
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li id="current"><a href="#">Offers</a></li>
<li><a href="#">Inquiry</a></li>
<li><a href="#">Job Ranking</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div class="sf_search">
<form method="post" action="#">
<p><b>Search:</b>
<input type="text" name="search" class="search" />
<input type="submit" value="Go" class="submit" />
Explore the possibilities!</p>
</form>
</div>
</div>
<div class="sf_left">
<h1><a href="#">Internet Market</a></h1>
</div>
</div>
<div class="header_bottom"></div>
<div class="subheader">
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit,
sed diam nonummy <a href="#">nibh euismod tincidunt ut laoreet</a> dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
</div>
<div class="header_top"></div>
<div class="left">
<div class="left_side">
<div class="box_top">
<h2>Fresh Advice:</h2>
</div>
<div class="box">
<p><b>Lorem ipsum</b> dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
<div class="box_bottom"></div>
</div>
<div class="right_side">
<div class="article">
<h2>What's new?</h2>
<h3>FRESH NEWS FROM THE MARKET</h3>
<p><img src="images/question.gif" alt="Exclamation mark" />Lorem ipsum
dolor sit amet, <a href="#">consectetuer adipiscing</a> elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad <a
href="#">minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
nulla facilisis at vero eros et <a href="#">accumsan</a> et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
<div class="article">
<h2>Forgotten things from the past</h2>
<h3>DON'T MAKE THE SAME MISTAKE TWICE</h3>
<p><img src="images/exclamation.gif" alt="Question mark" />Lorem ipsum <a
href="#">dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, <a href="#">quis nostrud</a> exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.</p>
</div>
<div class="grey_top"></div>
<div class="grey">
<p class="highlight"><a href="#">What's your Market?</a> - Posted on
6/3/2006</p>
<p class="highlight"><a href="#">Getting to know your competitors</a> -
Posted on 2/1/2005</p>
<p class="highlight"><a href="#">Show that you're there!</a> - Posted on
6/7/2005</p>
</div>
</div>
</div>
<div class="right">
<div class="box_top">
<h2>Fresh Articles:</h2>
</div>
<div class="box">
<p><b>Lorem ipsum</b> dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit
praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
<div class="box_bottom"></div>
<div class="box_top">
<h2>Links:</h2>
</div>
<div class="box">
<p><a href="#">Solucija</a><br />
<a href="#">sNews CMS</a><br />
<a href="#">Concept Nova</a><br />
</p>
</div>
<div class="box_bottom"></div>
</div>
<div class="header_bottom"></div>
<div class="footer">
<p><a href="#">Homepage</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2006 Internet Market, Design: Luka Cvrk - <a
href="http://www.solucija.com/" title="What's your solution?">Solucija</a></p>
</div>
</div>
</body>
</html>
<!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>Internet Music</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
</head>
<body>
<div class="content">
<div class="header_right">
<div class="top_info">
<div class="top_info_right">
<p><b>You are not Logged in!</b> <a href="#">Log in</a> or <a
href="#">register</a> to start downloading music!</p>
</div>
</div>
<div class="bar">
<ul>
<li class="slogan">Search Categories:</li>
<li><a href="#" accesskey="b">Home</a></li>
<li><a href="#" accesskey="a">Artists</a></li>
<li class="active">Music</li>
<li><a href="#" accesskey="p">Pictures</a></li>
<li><a href="#" accesskey="g">Gigs</a></li>
</ul>
</div>
</div>
<div class="logo">
<h1><a href="#" title="The best music on the net!">Internet <span
class="red">Music</span></a></h1>
<p>What shall we play today?</p>
</div>
<div class="search_field">
<form method="post" action="#">
<p><span class="grey">Search Example:</span> <span class="search">Progressive
Trance</span>
<input type="text" name="search" class="search" />
<input type="submit" value="Play!" class="button" />
</p>
</form>
</div>
<div class="newsletter">
<p>Subscribe for Newsletter!</p>
</div>
<div class="subheader">
<p><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex.</p>
</div>
<div class="left">
<div class="left_articles">
<h2><a href="#">Eurodance TOP 10</a></h2>
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
<p><a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. <a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
</div>
<div class="lt"></div>
<div class="lbox">
<h2>Featured Artist: <span class="yellow">Sonia</span></h2>
<div class="thumb"> <img src="images/sonia.jpg" alt="" />
<p><img src="images/play.gif" alt="Play" /> Sonia</p>
</div>
<p>Sonia, a Croatian dance and trance artist released a number of quality
tunes which rely on strong rhythm and heavy riffs.</p>
<p>We suggest downloading and listening a dance track called Last Night</p>
</div>
<div class="lt"></div>
<div class="lbox">
<h2>Featured Artist: <span class="yellow">Andreas Viklund</span></h2>
<div class="thumb"> <img src="images/andreas.jpg" alt="" />
<p><img src="images/play.gif" alt="Play" /> Andreas Viklund</p>
</div>
<p><a href="#">Andreas Viklund</a>, a music producer from northern Sweden
released a number of great songs under his own name and participated in making
several Lagoona dance and techno albums along with Björn Karlsson.</p>
<p>We strongly suggest you listen to the song Into my dream (Kaveh Azizi
rmx)</p>
</div>
</div>
<div class="right">
<div class="rt"></div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
<div class="rt"></div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
<div class="rt"></div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam <a href="#">erat volutpat</a>. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#">nisl
ut aliquip ex</a>.</p>
</div>
</div>
<div class="footer">
<p><a href="#">Homepage</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2006 Internet Music, Design: Luka Cvrk - <a
href="http://www.solucija.com/" title="What's your solution?">Solucija</a></p>
</div>
</div>
</body>
</html>
<!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>Internet Services</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
</head>
<body>
<div class="content">
<div class="header">
<div class="top_info">
<div class="top_info_right">
<p><b>You are not Logged in!</b> <a href="#">Log in</a> to check your
messages.<br />
Do you want to <a href="#">Log in</a> or <a href="#">register</a>?</p>
</div>
<div class="top_info_left">
<p><b>28. March, 2006</b> - Tuesday<br />
Check todays <a href="#">hot topics</a> or <a href="#">new
products</a></p>
</div>
</div>
<div class="logo">
<h1><a href="#"><span class="dark">Internet</span>Services</a></h1>
</div>
</div>
<div class="bar">
<ul>
<li class="browse_category">Select Search Category:</li>
<li><a href="#" accesskey="i">Home</a></li>
<li class="active">People</li>
<li><a href="#" accesskey="m">Music</a></li>
<li><a href="#" accesskey="p">Pictures</a></li>
<li><a href="#" accesskey="s">Services</a></li>
<li><a href="#" accesskey="r">Products</a></li>
</ul>
</div>
<div class="search_field">
<form method="post" action="#">
<div class="search_form">
<p>Search the Web:
<input type="text" name="search" class="search" />
<input type="submit" value="Search" class="submit" />
<a class="grey" href="#">Advanced</a></p>
</div>
</form>
<p>Please <a href="#">Sign in</a> or <a href="#">Register</a></p>
</div>
<div class="left">
<h3>Fresh News:</h3>
<div class="left_box"> <img src="images/bigimage.gif" class="image" alt="Big
Image" />
<h2>Expanding Internet Services</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi <a
href="#">enim ad minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. <a href="#">Duis autem</a> vel
eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu.</p>
</div>
<h3>Web Directory</h3>
<div class="left_side">
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Arts</a></b><br />
<a href="#">Music</a>, <a href="#">Television</a>, <a
href="#">Movies</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Computers</a></b><br />
<a href="#">Internet</a>, <a href="#">Software</a>, <a
href="#">Hardware</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Shopping</a></b><br />
<a href="#">Autos</a>, <a href="#">Clothing</a>, <a
href="#">Gifts</a>...</p>
</div>
<div class="right_side">
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Business</a></b><br />
<a href="#">Jobs</a>, <a href="#">Real Estate</a>, <a
href="#">Investing</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Health</a></b><br />
<a href="#">Fitness</a>, <a href="#">Medicine</a>, <a
href="#">Alternative</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /><a class="title"
href="#">Sports</a></b><br />
<a href="#">Baseball</a>, <a href="#">Basketball</a>, <a
href="#">Soccer</a>...</p>
</div>
<h3>Colaboration:</h3>
<div class="left_box"> <img src="images/ad.gif" class="image" alt="Big
Image" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi <a
href="#">enim ad minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. <a href="#">Duis autem</a> vel
eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu.<a href="#">Duis autem</a> vel eum iriure dolor in hendrerit in vulputate
velit esse molestie consequat, vel illum dolore eu.</p>
</div>
</div>
<div class="right">
<h3>Top Articles:</h3>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<h3>Related Readings:</h3>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
</div>
<div class="footer">
<p><a href="#">Homepage</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2006 Internet Services, Design: Luka Cvrk - <a
href="http://www.solucija.com/" title="What's your solution?">Solucija</a></p>
</div>
</div>
</body>
</html>
<!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>Internet Services - 2nd Edition</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div class="content">
<div class="header">
<div class="top_info">
<div class="top_info_right">
<p><b>You are not Logged in!</b> <a href="#">Log in</a> to check your
messages.<br />
Do you want to <a href="#">Log in</a> or <a href="#">register</a>?</p>
</div>
<div class="top_info_left">
<p><b>28. March, 2007</b> - Wednesday<br />
Check todays <a href="#">hot topics</a> or <a href="#">new
products</a></p>
</div>
</div>
<div class="logo">
<h1><a href="#">Internet<span class="orange">Services</span></a><sup>2nd
edition</sup></h1>
</div>
</div>
<div class="bar">
<ul>
<li class="browse_category">Browse through categories:</li>
<li><a href="#">Home</a></li>
<li class="active">People</li>
<li><a href="#" accesskey="m">Music</a></li>
<li><a href="#" accesskey="p">Pictures</a></li>
<li><a href="#" accesskey="s">Services</a></li>
<li><a href="#" accesskey="r">Products</a></li>
</ul>
</div>
<div class="search_field">
<form method="post" action="#">
<div class="search_form">
<p>Search for Services:
<input type="text" name="search" class="search" />
<input type="submit" value="Search" class="submit" />
<a class="grey" href="#">Advanced</a></p>
</div>
</form>
<p>Please <a href="#">Sign in</a> or <a href="#">Register</a></p>
</div>
<div class="left">
<h2>Expanding <span class="orange">Internet Services</span></h2>
<div class="left_box"> <img src="images/bigimage.gif" class="image" alt="Big
Image" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi <a
href="#">enim ad minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. <a href="#">Duis autem</a> vel
eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<h2>Colaboration</h2>
<div class="left_box"> <img src="images/ad.gif" class="image" alt="Big
Image" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi <a
href="#">enim ad minim</a> veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. <a href="#">Duis autem</a> vel
eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu. <a href="#">Duis autem</a> vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat.</p>
<h2>Web Directory</h2>
<div class="left_side">
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Arts</a></b><br />
<a href="#">Music</a>, <a href="#">Television</a>, <a
href="#">Movies</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Computers</a></b><br />
<a href="#">Internet</a>, <a href="#">Software</a>, <a
href="#">Hardware</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Shopping</a></b><br />
<a href="#">Autos</a>, <a href="#">Clothing</a>, <a
href="#">Gifts</a>...</p>
</div>
<div class="right_side">
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Business</a></b><br />
<a href="#">Jobs</a>, <a href="#">Real Estate</a>, <a
href="#">Investing</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Health</a></b><br />
<a href="#">Fitness</a>, <a href="#">Medicine</a>, <a
href="#">Alternative</a>...</p>
<p><b><img src="images/arrow.gif" alt=">" /> <a class="title"
href="#">Sports</a></b><br />
<a href="#">Baseball</a>, <a href="#">Basketball</a>, <a
href="#">Soccer</a>...</p>
</div>
</div>
</div>
<div class="right">
<h3>Top Articles:</h3>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<h3>Related Readings:</h3>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="right_articles">
<p><img src="images/image.gif" alt="Image" title="Image" class="image"
/><b>Lorem ipsum dolor sit amet</b><br />
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam.</p>
</div>
<div class="notice">
<p><b>Get More Templates!</b><br />
If you liked this template, you might also like some other Free CSS
Templates, or Commercial CSS Templates from Solucija.</p>
</div>
</div>
<div class="footer">
<p><a href="#">RSS Feed</a> | <a href="#">Contact</a> | <a
href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a>
| <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
© Copyright 2007 Internet Services - 2nd Edition, Design: <a
href="http://www.solucija.com/" title="Information Architecture and Web
Design">Luka Cvrk</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Invention</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="header">
<div id="logo">
<h1>logo here</h1>
<h4>have your punchline here</h4>
</div>
<div id="links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Technology</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
</div>
<div id="mainimg">
<h3>inventions</h3>
<h4>for a wireless world</h4>
</div>
<div id="contentarea">
<div id="leftbar">
<h2>hello!</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut id nisl nec
leo congue fringilla. Suspendisse potenti. Phasellus sed velit eget sapien interdum
ultrices. Nullam nec magna. Maecenas cursus. Etiam sapien neque, auctor eu,
volutpat at, condimentum et, odio. Morbi id lorem. Nam urna ante, venenatis sed,
molestie eu, dictum sit amet, tellus. Phasellus pellentesque magna vitae elit. In
dignissim eleifend odio. Curabitur at libero. Donec est justo, pellentesque eu,
vulputate feugiat, ultrices quis, nunc. Sed neque. Nulla egestas, risus id
consectetuer ultrices, ante turpis posuere ligula, ac pulvinar tortor dui ac odio.
Curabitur auctor urna sed purus. In varius.</p>
<br />
<p>Nulla sit amet magna non enim posuere porttitor. Vestibulum ante. Nam et
nulla vestibulum libero facilisis aliquet. Vivamus ante velit, facilisis eu,
pulvinar nec, ultricies vel, sem. Morbi ac velit. Sed est. Proin vehicula. Maecenas
ac pede. Fusce rhoncus. Maecenas at quam. Aenean nunc felis, elementum vel,
faucibus vitae, nonummy et, tellus. Nulla auctor venenatis urna. Donec accumsan
urna sed libero. Fusce at mi eu leo sollicitudin adipiscing. Ut metus purus,
gravida nec, scelerisque quis, venenatis non, ante. Aliquam a leo vel libero tempus
scelerisque. Morbi iaculis. Ut libero. </p>
<br />
<a href="#">more ></a><br />
<br />
</div>
<div id="rightbar">
<h2>latest news</h2>
<p><span class="orangetext">12/08/2006</span><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Utid anisl nec
leo congue fringilla. <br />
<br />
<span class="orangetext">10/08/2006</span><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Utid anisl nec
leo congue fringilla. <br />
<br />
<span class="orangetext">28/07/2006</span><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Utid anisl nec
leo congue fringilla. </p>
</div>
</div>
<div id="bottom">
<div id="email"><a href="#">[email protected]</a></div>
<div id="validtext">
<p>Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>Isometric</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Isometric</h1>
<h2>Free CSS Template</h2>
<ul>
<li><a href="#" accesskey="1">Homepage</a></li>
<li><a href="#" accesskey="2">My Blog</a></li>
<li><a href="#" accesskey="3">Photo Gallery</a></li>
<li><a href="#" accesskey="4">Favorite Sites</a></li>
<li><a href="#" accesskey="5">Contact Me</a></li>
</ul>
</div>
<div id="content">
<div id="colOne">
<h3>Lorem ipsum dolor</h3>
<div class="bg1">
<ul>
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
</ul>
</div>
<h3>veroeros etiam</h3>
<div class="bg1">
<ul>
<li class="first"><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Sed accumsan congue</a></li>
<li><a href="#">Nulla dignissim nec augue</a></li>
<li><a href="#">Nunc ante elit nulla</a></li>
<li><a href="#">Aliquam suscipit consequat</a></li>
<li><a href="#">Cursus sed arcu sed</a></li>
</ul>
</div>
</div>
<div id="colTwo">
<div class="bg2">
<h2><em>Welcome</em> to my website</h2>
<p><img src="images/img5.jpg" alt="" width="105" height="95" class="image"
/></p>
<p><strong>Isometric</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo to the left is from PDPhoto.org.
You're free to use this template for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :) Sed vel quam. Vestibulum
pellentesque. Morbi sit amet magna ac lacus dapibus mauris sed elit venenatis
porttitor. Morbi quam nisl, fringilla quis, sagittis nec, adipiscing at, elit.
Maecenas sed sem sit amet.</p>
</div>
<h3>Dignissim volutpat</h3>
<div class="bg1">
<p>Sed tempus turpis vel quam molestie pulvinar. Suspendisse venenatis dolor
semper ipsum. Quisque tempus erat ac mi. Aliquam semper, est nec hendrerit
dignissim, ligula turpis sagittis purus, <a href="#">ut viverra velit eros at
augue</a>. Pellentesque mi nisi, porta eget, pharetra ac, sollicitudin sit amet,
nisi. In sapien ligula, sollicitudin facilisis, sodales eget, tempus in, mauris.
Cras risus sem, adipiscing non, convallis ac, consectetuer eu, dolor. In quam.
Curabitur tempus aliquam nulla. Etiam eros.</p>
</div>
<h3>Blandit sed consequat</h3>
<div class="bg1">
<p>Sollicitudin sit amet, nisi. In sapien ligula, sollicitudin facilisis,
sodales eget, tempus in, mauris. Cras risus sem, adipiscing non, convallis ac,
consectetuer eu, dolor. In quam. Curabitur tempus aliquam nulla. Etiam eros.</p>
<ul>
<li><a href="#">Sed tempus turpis vel quam molestie pulvinar</a></li>
<li><a href="#">Suspendisse venenatis dolor semper ipsum quisque
tempus</a></li>
<li><a href="#">Ac mi aliquam semper est nec hendrerit dignissim</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright (c) 2006 Sitename.com. All Rights Reserved. Design by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ithilien</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- begin main container -->
<div id="container">
<!-- begin main content (left side)-->
<div id="main">
<!-- begin header -->
<div id="header">
<h1> Ithilien</h1>
</div>
<!-- end header -->
<!-- begin description or caption -->
<div id="desc">Faramir says to Frodo in Ithilien, "For myself, I would see the
White Tree in flower again in the courts of the Kings, and the Silver crown return,
and Minas Tirith in peace: Minas Anor again as of old, full of light, high and
fair," (TTT: 280)</div>
<!-- end description -->
<h1>About this Template</h1>
<p>This template is a fixed-width style, XHTML strict template. This is another
in a series of The Lord of the Rings free templates that I am releasing. This one's
for lovers of the fair land of Ithilien, of Gondor and it's people, the story of
The Lord of the Rings, and Tolkien. It can be used for a gaming portal or a
fansite, or whatever you like. It is being released as public domain so enjoy!</p>
<h2>Image Styles</h2>
<p><img class="alignleft" src="images/sample.png" alt="Sample image"
/><strong>A left-aligned example</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque.</p>
<p class="clear"><img class="alignright" src="images/sample.png" alt="Sample
image" /><strong>A right-aligned example</strong><br />
Fusce purus turpis, laoreet sit amet, convallis ut, eleifend quis, massa.
Nulla erat.</p>
<p class="clear2"><img class="centered" src="images/sample.png" alt="Sample
image" /><strong>A centered example</strong><br />
Aenean gravida magna id diam. Donec sodales nunc id nibh. Phasellus nisl.
Quisque augue ante, ornare sit amet, imperdiet vitae, fermentum et, felis. Nullam
et orci. In congue gravida dui. Mauris at erat eu tortor interdum malesuada.<br />
<a href="#">Read more »</a></p>
<h2>List Styles</h2>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>consectetuer adipiscing elit</li>
<li>Morbi tortor enim, molestie in, egestas vitae, venenatis id, neque</li>
</ul>
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>consectetuer adipiscing elit</li>
<li>Morbi tortor enim, molestie in, egestas vitae, venenatis id, neque</li>
</ol>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean gravida magna id diam.
Donec sodales nunc id nibh. Phasellus nisl.<br />
<a href="#">Read more »</a></p>
<h2>A Form</h2>
<!-- begin form -->
<form action="#" method="post">
<p>
<label for="your_name">Your Name: </label>
<br />
<input type="text" name="your_name" id="your_name" size="30" maxlength="50"
value="" />
(required)</p>
<p>
<label for="email">Your Email:</label>
<br />
<input type="text" name="email" id="email" size="30" maxlength="50"
value="" />
(required)</p>
<p>
<label for="subject">Subject:</label>
<br/>
<input type="text" name="subject" id="subject" size="30" maxlength="50"
value="" />
(required)</p>
<p>
<label for="msg">Your Message: </label>
<br />
<textarea name="msg" id="msg" cols="35" rows="8" ></textarea>
</p>
<p>
<input type="submit" name="Submit" value="Send Message" id="submit" />
</p>
</form>
<!-- end form -->
<p class="alignright"> <a href="#">Top</a></p>
</div>
<!-- end main content -->
<!-- begin right side -->
<div id="right">
<!-- begin nav -->
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">» Home</a></li>
<li><a href="#">» Link 2</a></li>
<li><a href="#">» Link 3</a></li>
<li><a href="#">» Link 4</a></li>
<li><a href="#">» Link 5</a></li>
<li><a href="#">» Link 6</a></li>
</ul>
</div>
<!-- end nav -->
<h2>News</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean gravida magna id diam.
Donec sodales nunc id nibh. Phasellus nisl. Quisque augue ante, ornare sit amet,
imperdiet vitae, fermentum et, felis. Nullam et orci. In congue gravida dui. Mauris
at erat eu tortor interdum malesuada.<br />
<a href="#">Read more »</a></p>
<h2>Did You Know?</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tortor enim,
molestie in, egestas vitae, venenatis id, neque. Fusce purus turpis, laoreet sit
amet, convallis ut, eleifend quis, massa. Nulla erat. Aenean gravida magna id diam.
Donec sodales nunc id nibh. Phasellus nisl. Quisque augue ante, ornare sit amet,
imperdiet vitae, fermentum et, felis. Nullam et orci. In congue gravida dui. Mauris
at erat eu tortor interdum malesuada.<br />
<a href="#">Read more »</a></p>
</div>
<!-- end right side -->
</div>
<!-- end container -->
<!-- begin far left-->
<div id="farleft">
<h2>Site Sponsors</h2>
<ul>
<li><a href="#">» Link 1</a></li>
<li><a href="#">» Link 2</a></li>
<li><a href="#">» Link 3</a></li>
<li><a href="#">» Link 4</a></li>
<li><a href="#">» Link 5</a></li>
<li><a href="#">» Link 6</a></li>
</ul>
<h2>Featured Sites</h2>
<ul>
<li><a href="#">» Link 1</a></li>
<li><a href="#">» Link 2</a></li>
<li><a href="#">» Link 3</a></li>
<li><a href="#">» Link 4</a></li>
<li><a href="#">» Link 5</a></li>
<li><a href="#">» Link 6</a></li>
</ul>
<p>Copyright© YourSite<br />
Free XHTML template by <a href="http://karenblundell.com">KarenBlundell</a></p>
</div>
<!-- end far left -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Jennifer Love Hewitt</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="nav"> <a href="#">HOME</a> | <a href="#">BIOGRAPHY</a> | <a
href="#">FILMOGRAPHY</a> | <a href="#">DISCOGRAPHY</a> | <a href="#">PICTURES</a> |
<a href="#">CONTACT US</a> </div>
<div id="content">
<div id="left"> <img src="images/jhewitt.jpg" alt="Jennifer Hewitt" /> </div>
<div id="right">
<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 <a
href="http://www.freewebsitetemplates.com">free website templates</a> 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. Don't want your boss to know you used
a free website template ;).</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
<div id="thumbnails">
<ul class="thumbnails">
<li><img src="images/thumb1.jpg" alt="Jennifer Hewitt" /></li>
<li><img src="images/thumb2.jpg" alt="Jennifer Hewitt" /></li>
<li><img src="images/thumb3.jpg" alt="Jennifer Hewitt" /></li>
</ul>
</div>
<div style="clear:both"></div>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.</p>
</div>
</div>
<div id="footerbg">
<div id="footer"> <a href="#">HOME</a> | <a href="#">BIOGRAPHY</a> | <a
href="#">FILMOGRAPHY</a> | <a href="#">DISCOGRAPHY</a> | <a href="#">PICTURES</a> |
<a href="#">CONTACT US</a> </div>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Judgement</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="centrecontainer">
<div id="outercontainer">
<div id="container">
<div id="headercont">
<ul>
<li><a href="#">valid xhtml</a></li>
<li>|</li>
<li><a href="#">valid css</a></li>
</ul>
</div>
<div id="maincont">
<div id="mainleft">
<h1>Lorem ipsum dolor sit amet, consectetuer <span>adipiscing
elit</span>. Morbi at urna.</h1>
</div>
<div id="mainright">
<h1>lorem ipsum dolor sit amet.</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Morbi at urna. Curabitur et urna. In et massa a lorem
pharetra sodales. Pellentesque non pede. Phasellus tincidunt
pede pellentesque leo. Nunc congue, ligula sed auctor
pretium, odio libero accumsan sem, vitae accumsan lorem nisi
sed odio. Morbi at purus. Cras auctor mollis enim.
Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Sed euismod mollis mi. Ut
tempor leo id eros. Integer dapibus rutrum eros. Sed feugiat
mollis erat. Integer non lorem. Phasellus nibh ante,
imperdiet non, facilisis vel, ultricies in, nulla. Praesent
sapien dolor, tempor in, eleifend aliquet, tincidunt at,
nisl. Cras nec sem sed est condimentum placerat.</p>
<h2>maecenas malesuada.</h2>
<p>Maecenas malesuada. Phasellus ante est, convallis id,
condimentum a, interdum non, augue. Ut dapibus leo. Donec id
nunc. Nullam sit amet velit. Aenean ultricies est eu sapien.
Suspendisse ac sem et pede aliquam egestas. Aenean odio.
Suspendisse potenti. Duis eget leo lobortis felis accumsan
facilisis. Ut pharetra lobortis magna.</p>
<h3>mauris arcu lacus.</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque condimentum, est et facilisis luctus, sem nisl
scelerisque felis, eget bibendum erat tortor sed tortor.
Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Maecenas nec quam. Cum
sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Mauris arcu lacus, fermentum ac,
porttitor sed, suscipit non, eros. Nullam lectus.
Pellentesque et diam. Duis sit amet nisi. Mauris
pellentesque metus in felis. Vivamus eleifend aliquet urna.
Vivamus non pede. Nulla nec augue ac metus tincidunt
vehicula. Curabitur quis sapien sit amet ligula imperdiet
pretium. Suspendisse neque lorem, hendrerit eu, ultricies
ac, luctus vel, nibh. Nulla urna. Phasellus risus.</p>
</div>
</div>
<div id="menucont">
<ul>
<li><a class="active" href="#">home</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">services</a></li>
<li><a href="#">free xhtml templates</a></li>
<li><a href="#">contact us</a></li>
</ul>
</div>
<div id="footercont">
<ul>
<!-- please leave this link in place - thank you -->
<li>design by <a title="derby uk web design"
href="http://www.tristarwebdesign.co.uk"><b>tristar web design</b></a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JUST GREY</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top">
<h1>Your <span style="font-weight:bold; color:#bbb;">Company</span> Name</h1>
</div>
<div id="menu">
<ul>
<li><a href="#" title="Link 1"><span>Home</span></a></li>
<li><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
<li><a href="#" title="Link 5"><span>Link 5</span></a></li>
<li><a href="#" title="Link 6"><span>Link 6</span></a></li>
<li><a href="#" title="Link 7"><span>Link 7</span></a></li>
</ul>
</div>
<div id="header"></div>
<div id="gutter"></div>
<div id="col1">
<h2>Navigation</h2>
<div class="navlist">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">ANDREAS VIKLUND</a></li>
<li><a href="#">JAMES KOSTER</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">LISTAMATIC</a></li>
<li><a href="#"> LAYOUTGALA</a></li>
<li><a href="#"> BLUEROBOT</a></li>
</ul>
</div>
<h2>Login</h2>
<label for="tf1">Name: </label>
<br />
<input type="text" id="tf1" value="" />
<br />
<label for="tf2">Password: </label>
<br />
<input type="text" id="tf2" value="" />
<br />
<h2>Vote</h2>
Choose
<label for="rb1">Yes</label>
or
<label for="rb2">No</label>
:<br />
<input id="rb1" name="nlrb" type="radio" value="yes" />
<label for="rb1"> Yes</label>
<br />
<input id="rb2" name="nlrb" type="radio" value="no" />
<label for="rb2">No</label>
</div>
<div id="col2">
<h2>Introduction</h2>
<blockquote> The page has been tested in Mozilla and IE7. This page validates as
XHTML 1.0 Transitional using valid CSS. The top menu is from Exploding
Boy.com<br />
For more FREE CSS templates visit my website.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p><a href="#">< This is a link</a></p>
</div>
<div id="col3">
<h2>Search</h2>
<form method="get" id="searchform" action="#">
<div>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
<div id="bottom">
<div class="list3">
<h3>Updates</h3>
<div class="navlist">
<ul>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
<div class="list3center">
<h3>Resources</h3>
<div class="navlist">
<ul>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
<div class="list3">
<h3>Links</h3>
<div class="navlist">
<ul>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
</div>
<div class="clear"> </div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</body>
</html>
<!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>Aquaria</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Blogs</a></li>
<li><a href="#" accesskey="3">Photos</a></li>
<li><a href="#" accesskey="4">Links</a></li>
<li><a href="#" accesskey="5">About</a></li>
<li><a href="#" accesskey="6">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="header">
<div id="logo">
<h1><a href="#">Aquaria</a></h1>
<h2><a href="#">By Free CSS Templates</a></h2>
</div>
<div id="banner"><a href="#">Lorem ipsum dolor amet veroeros!</a></div>
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<div class="post">
<h1 class="title">Welcome to Aquaria!</h1>
<div class="story">
<p><strong>Aquaria</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from <a
href="#">PDPhoto.org</a>. You're free to use it for both commercial or personal
use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
<div class="post boxed">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three </li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
<div class="meta">
<p class="date">Posted on February 22, 2007 by Admin</p>
<p class="file">Filed under <a href="#">Uncategorized</a> | <a
href="#">Edit</a> | <a href="#">28 Comments</a></p>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li class="first"><a href="#">June 2007</a> <i>(2)</i></li>
<li><a href="#">May 2007</a> <i>(31)</i></li>
<li><a href="#">April 2007</a> <i>(30)</i></li>
<li><a href="#">March 2007</a> <i>(31)</i></li>
<li><a href="#">February 2007</a> <i>(28)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li class="first"><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
<li>
<h2>Blog Roll</h2>
<ul>
<li class="first"><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2007 Aquaria. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"> <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a
href="http://validator.w3.org/check/referer"><abbr title="eXtensible HyperText
Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!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>Kaleidos</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="sidebar">
<div id="logo">
<h1><a href="#">Kaleidos</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu" class="boxed">
<div class="content">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis wisi
maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et, tellus.
Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at urna
congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="ads">
<div id="support">
<h2>Need Help?</h2>
<h3>1-800-1234567</h3>
</div>
<div id="ad160x600"><a href="#"><img src="images/img07.gif" alt="" width="160"
height="600" /></a></div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Kaleidos!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story"> <img src="images/img06.jpg" alt="" width="104" height="104"
class="left" />
<p><strong>Kaleidos</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Kaleidos. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>*KHAKI*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1> Company Name</h1>
</div>
<div class="clear"></div>
<div id="sidebar">
<div class="menu">
<ul>
<li class="links">Navigate</li>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Contact</a></li>
<li class="links">Articles</li>
<li><a href="#">Article 1</a></li>
<li><a href="#">Article 2</a></li>
<li><a href="#">Article 3</a></li>
<li><a href="#">Article 4</a></li>
<li><a href="#">Article 5</a></li>
<li><a href="#">Article 6</a> </li>
<li class="links">Archives</li>
<li><a href="#">April 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">Feb 2007</a></li>
<li><a href="#">Jan 2007</a></li>
<li><a href="#">Dec 2006</a></li>
<li><a href="#">Nov 2006</a></li>
</ul>
</div>
</div>
<div id="sidebar-b">
<div class="menu">
<ul>
<li class="links">Links</li>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic </a> </li>
<li class="links">Resources</li>
<li><a href="#">Layout Gala</a></li>
<li><a href="#">Glish</a></li>
<li><a href="#">Tanfa</a></li>
<li><a href="#">CSS Boxes</a></li>
<li><a href="#">Max Design</a></li>
<li><a href="#">Jello</a></li>
<li class="links">BlogRoll</li>
<li><a href="#">Blog 1</a></li>
<li><a href="#">Blog 2</a></li>
<li><a href="#">Blog 3</a></li>
<li><a href="#">Blog 4</a></li>
<li><a href="#">Blog 5</a></li>
<li><a href="#">Blog 6</a> </li>
</ul>
</div>
</div>
<div id="content">
<h1>Welcome to <span style="font-weight:bold; color:#ACAF2C;">Khaki</span>
Template</h1>
<blockquote> This template has been tested in Mozilla Firefox and IE7. The page
validates as XHTML 1.0 Transitional using valid CSS. It will work in browser widths
of 800x600, 1024x768 & 1280x1064. <br />
For more FREE CSS templates visit <a href="http://www.mitchinson.net">my
website</a>.</blockquote>
<h1>Filler Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 03, 2007</span> </p>
<h1>More Filler Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue,
velit tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget
ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla congue, velit
tristique mattis auctor, velit elit euismod diam, a interdum tortor enim eget ante.
</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (3)</a> <span class="date">April 03, 2007</span> </p>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!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>
<title>Kitchen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="container">
<div id="top">
<h3>The Name of Your Site</h3>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="headertext">
<h4>Another Text Here Maybe</h4>
</div>
<div id="banner"></div>
<div id="content">
<div id="welcomecontainer">
<div class="welcome">
<h1>Welcome to The Name</h1>
<img src="images/pic.gif" alt="Pic" class="img" />
<p class="style1">This site design is open source,<br />
so feel free to use it as you want,<br />
it is appreciated if you keep the links in the footer<br />
"By Kitchen appliances and Appliances". Enjoy!<br />
Lorem ipsum dolor sit amet,<br />
adipiscing<br />
elit.Fusce dapibus eros ut enim. Nullam<br />
velleo.<br />
Suspendisse vulputate tellus id<br />
aoreet vel, tincidunt sit<br />
amet,malesuada ac, diam. Praesent lacus libero<br />
sit. Amet, commodo et, iaculis<br />
porttitorsapien. Fusce adipiscing.<br />
Aenean tempus accumsan tellus. <a href="#">Read More ></a></p>
</div>
<div class="welcome">
<h1>Welcome to The Name</h1>
<img src="images/pic.gif" alt="Pic" class="img" />
<p class="style1">Lorem ipsum dolor sit amet,<br />
adipiscing<br />
elit.Fusce dapibus eros ut enim. Nullam<br />
velleo.<br />
Suspendisse vulputate tellus id<br />
aoreet vel, tincidunt sit<br />
amet,malesuada ac, diam. Praesent lacus libero<br />
sit. Amet, commodo et, iaculis<br />
porttitorsapien. Fusce adipiscing.<br />
Aenean tempus accumsan tellus. <a href="#">Read More ></a></p>
</div>
</div>
<div class="news">
<h2>News is good!</h2>
<img src="images/pic.gif" alt="Pic" class="img" />
<p class="style1">Lorem ipsum dolor sit amet, c<br />
onsectetuer adipiscing elit.<br />
Fusce dapibus eros ut enim. Nullam<br />
scelerisque sem vel<br />
leo. Suspendisse vulputate tellus id <br />
felis.</p>
</div>
<div class="news">
<h2>News is good!</h2>
<img src="images/pic.gif" alt="Pic" class="img" />
<p class="style1">Lorem ipsum dolor sit amet, c<br />
onsectetuer adipiscing elit.<br />
Fusce dapibus eros ut enim. Nullam<br />
scelerisque sem vel<br />
leo. Suspendisse vulputate tellus id <br />
felis.</p>
</div>
</div>
<div id="footer">
<p class="style2"><a href="#">Home</a> <a href="#">About</a> <a
href="#">Products</a> <a href="#">Services</a> <a href="#">Contact</a><br />
Copyright © 2007 <a href="#">Your Name</a> | By Kitchen appliances and
Appliances</p>
</div>
</div>
</body>
</html>
<!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>Las Vegas Too</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="#">Las Vegas Too</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="pages">
<h2>Pages</h2>
<ul>
<li class="active"><a id="page1" href="#">Home</a></li>
<li><a id="page2" href="#">My Photos</a></li>
<li><a id="page3" href="#">My Favorites</a></li>
<li><a id="page4" href="#">About Me</a></li>
<li><a id="page5" href="#">Contact Me</a></li>
</ul>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Las Vegas Too!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Las Vegas Too</strong></em> is a free template from
<strong>Free CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The header photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“ Donec fermentum condimentum nisi. Proin iaculis mauris id
lorem viverra molestie. Duis vel orci. Et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie. Duis
vel orci. Nam consequat. Morbi nec lacus.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a
href="#" class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="search" class="boxed">
<h2 class="heading">Search</h2>
<div class="content">
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>
</div>
<div id="archives" class="boxed">
<h2 class="heading">Archives</h2>
<div class="content">
<ul>
<li class="first"><a href="#">February</a> (7)</li>
<li><a href="#">January 2007</a> (31)</li>
<li><a href="#">December 2006</a> (31)</li>
<li><a href="#">November 2006</a> (30)</li>
<li><a href="#">October 2006</a> (31)</li>
<li><a href="#">September 2006</a> (30)</li>
</ul>
</div>
</div>
<div id="categories" class="boxed">
<h2 class="heading">Categories</h2>
<div class="content">
<ul>
<li class="first"><a href="#">Quisque vestibulum</a></li>
<li><a href="#">Sed a nisl a lacus</a></li>
<li><a href="#">Quisque sagittis</a></li>
<li><a href="#">Etiam volutpat</a></li>
<li><a href="#">In aliquet hendrerit</a></li>
</ul>
</div>
</div>
<div id="blogroll" class="boxed">
<h2 class="heading">Blogroll</h2>
<div class="content">
<ul>
<li class="first"><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Las Vegas Too. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</div>
</body>
</html>
<!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>Lay of the Land</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link type="text/css" rel="stylesheet" href="default.css" />
<!-- IE CSS HACKS -->
<!--[if IE]><style>#container{margin-top:-15px;}.arch_cat{margin-left:0}</style><!
[endif]-->
<!--[if lte IE 6]><style>#container{position:relative;top:0}#sidebar{margin-
right:0}#sidebar h3.ie6{margin-bottom:-12px}#sidebar input.textfield{margin-
top:0}.linkbox li{line-height:.8em}#sidebar a:hover input{color:#F40;}</style><!
[endif]-->
</head>
<body>
<div id="container">
<div id="banner">
<ul id="menubar">
<li><a href="#">contact us</a></li>
<li><a href="#">downloads</a></li>
<li><a href="#">links</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
<div id="sidebar">
<h3 class="ie6">search</h3>
<form action="#" method="post">
<fieldset>
<input type="text" name="string" size="10" class="textfield" />
<br />
<!--[if lte IE 6]> <a href="#"><![endif]-->
<input type="submit" name="Submit" value="FIND" class="submit"/>
<!--[if lte IE 6]></a><![endif]-->
</fieldset>
</form>
<h3>about</h3>
<p>I created this Design to be used as a blog and to be integrated with a
blogging software like WordPress. Hope you enjoy this template as much as I enjoyed
creating it.</p>
<h3>archives</h3>
<ul class="arch_cat">
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">More...</a></li>
</ul>
<h3>categories</h3>
<ul class="arch_cat">
<li><a href="#">Uncatagorized</a> (24)</li>
<li><a href="#">Templates</a> (10)</li>
<li><a href="#">Design</a> (15)</li>
<li><a href="#">Technology</a> (17)</li>
<li><a href="#">Personal</a> (4)</li>
<li><a href="#">Tutorials</a> (8)</li>
</ul>
<h3>links</h3>
<ul class="arch_cat linkbox">
<li><a href="#">Open Web Design</a></li>
<li><a href="#">WordPress</a></li>
<li><a href="#">Photoshop Star</a></li>
<li><a href="#">Stu's CSS Play</a></li>
<li><a href="#">Blue Vertigo</a></li>
<li><a href="#">Squidfingers</a></li>
<li><a href="#">More...</a> </li>
</ul>
</div>
<div id="content">
<h1>lay of the land</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut sollicitudin ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur.</p>
<div class="blogitem">
<h2>what's the good word, big bird?</h2>
<p class="authdate">by <a href="#">john</a> <span class="slash">//</span>
November 13, 2006 <span class="slash">//</span> 2:34 am</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
facilisis, magna a sollicitudin pellentesque, odio lorem egestas tortor, a mattis
mauris lacus vitae purus. Nullam erat. Etiam nisi. Donec pulvinar pellentesque
nisi. Integer dapibus pulvinar leo. Aenean adipiscing scelerisque justo. Aliquam
erat volutpat. Donec adipiscing dui eget risus. Nullam non nisi vitae sem pulvinar
vestibulum. Ut non sapien. Duis vitae nisi.</p>
<p>Volutpat at varius sed sollicitudin et, arcu. Vivamus viverra. Nullam
turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed
tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis
sit amet, aliquam, suscipit vitae, cursus sed, arcu lorem ipsum dolor sit amet.
Morbi ultrices magna et neque. In hac habitasse platea dictumst. Quisque vehicula
ultricies neque.</p>
<p class="blogbottom">tags: <span class="tags"> <a href="#">Templates</a>, <a
href="#">Design</a>, <a href="#">Personal</a></span> <span class="slash">//</span>
<a href="#">permalink</a> <span class="slash">//</span> <a href="#">12
comments</a></p>
</div>
<div class="blogitem">
<h2>let's test some style elements</h2>
<p class="authdate">by <a href="#">michael</a> <span class="slash">//</span>
November 12, 2006 <span class="slash">//</span> 6:55 pm</p>
<p><img src="img/butterfly.jpg" alt="Butterfly" class="float_left" />To the
left you will see an image styled with the "float_left" class. It applies the
correct margins as well. If you haven't already guessed it, there is a
"float_right" class as well. Next, we can show off what a link looks like: <a
href="#">click here</a>. That was fun. Why don't you check out this <b>bold
text</b>? You can use the 'strong' or 'b' tag; they are both styled exactly the
same. This <i>italicized text</i> looks swell, don't you think?</p>
<p>Blockquotes are useful for displaying a quote that runs more than two
lines in a normal paragraph. Here is an example of what a blockquote looks like in
this template:</p>
<blockquote>
<p>Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed
tortor. Aenean felis. Quisque eros. Cras lobortis commodo metus. Vestibulum vel
purus. In eget odio in sapien adipiscing blandit. Quisque augue tortor, facilisis
sit amet.</p>
</blockquote>
<p>Here are some sample lists:</p>
<ul class="arrow">
<li>Internet Explorer 6</li>
<li>Internet Explorer 7</li>
<li>Safari 2.0.4</li>
<li>Firefox 1.5-2.0</li>
<li>Opera 9.0.2</li>
</ul>
<ol>
<li>Internet Explorer 6</li>
<li>Internet Explorer 7</li>
<li>Safari 2.0.4</li>
<li>Firefox 1.5-2.0</li>
<li>Opera 9.0.2</li>
</ol>
<p class="blogbottom">tags: <span class="tags"> <a href="#">Templates</a>, <a
href="#">Design</a>, <a href="#">Personal</a></span> <span class="slash">//</span>
<a href="#">permalink</a> <span class="slash">//</span> <a href="#">35
comments</a></p>
</div>
</div>
<div id="footer">
<p>© 2006 www.yoursite.com <span class="slash">// </span> Design by <a
href="http://20pirates.com">20 Pirates</a> <span class="slash">// </span> Valid <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> <span class="slash">//
</span> Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS2</a></p>
</div>
</div>
</body>
</html>
<!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-AU">
<head>
<title>Lazy Days</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/html.css" media="screen,
projection, tv " />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="screen,
projection, tv" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
</head>
<body>
<!-- CONTENT: Holds all site content except for the footer. This is what causes
the footer to stick to the bottom -->
<div id="content">
<!-- HEADER: Holds title, subtitle and header-images -->
<div id="header">
<div id="title">
<h1>Lazy Days</h1>
<h2>in the city</h2>
</div>
<img src="images/bg/balloons.gif" alt="" class="balloons" /> <img
src="images/bg/header_left.jpg" alt="" class="left" /> <img
src="images/bg/header_right.jpg" alt="" class="right" /> </div>
<!-- MAIN MENU: Top horizontal menu of the site. Use class="here" to turn the
current page tab on -->
<div id="mainMenu">
<ul class="floatRight">
<li><a href="#" class="here">Home</a></li>
<li><a href="help.html">Help</a></li>
<li><a href="tags.html">Tags</a></li>
<li><a href="print.html">Print</a></li>
<li><a href="#" class="last">Mail</a></li>
</ul>
</div>
<!-- PAGE CONTENT BEGINS: This is where you would define the columns (number,
width and alignment) -->
<div id="page">
<!-- 25 percent width column, aligned to the left -->
<div class="width25 floatLeft leftColumn">
<h1>Intro</h1>
<ul class="sideMenu">
<li class="here"> Dynamic Template
<ul>
<li><a href="#">Book of Fluidity</a></li>
<li><a href="#">Coding</a></li>
</ul>
</li>
<li><a href="#">Fullahead</a></li>
<li><a href="#">ThreeTree</a></li>
</ul>
<p> This sidebar can be used to jump to sections within the page, or other
sub pages of the active tab. </p>
<p> Using this approach, you shouldn't need breadcrumbs since you've provided
your visitor with a <b>visual cue</b> to where they are in the site. </p>
<p> To <b>learn more</b> about how to use this template, follow the <a
href="help.html">help</a> link. You can also see the styled <a
href="tags.html">tags</a> and the <a href="print.html">print</a> layout version.
</p>
</div>
<!-- 75 percent width column, aligned to the right -->
<div class="width75 floatRight">
<!-- Gives the gradient block -->
<div class="gradient"> <a name="fluidity"></a>
<h1>Dynamic Template</h1>
<h2>Taken from the book of fluidity, this template is exceptionally easy to
customize using re-useable CSS classes.</h2>
<p> This template quickly and easily allows for one, two, three or even
four column layouts. This is done with simple <acronym title="Cascading Style
Sheet">CSS</acronym> classes that can be used over and over again. To learn more
about it, follow <a href="help.html">this link</a>. The template itself is valid
<acronym title="eXtensible Hypertext Markup Language">XTHML</acronym> 1.0 strict
and <i>almost</i> valid CSS. The almost is added in there because CSS expressions
were used. </p>
<blockquote class="go">
<p> This template doesn't use fixed columns. With a few simple CSS
classes you can quickly change the appearance. <a href="help.html">Click here</a>
to learn how. </p>
</blockquote>
<p> Since this template is fluid width and the font sizes are defined
relatively, you can <b>change font size without breaking the layout</b>. The fluid
width also means that people with higher resolutions aren't constrained. </p>
<p> Total size of the images used is just under 25 <acronym
title="kilobytes">kb</acronym>, so that's good news to all the dial-up users. The
code behind the template is semantically written which means that it is widely
supported. As for the browsers, it displays consistently in the usual suspects:
</p>
<ul>
<li><b>Firefox</b> of course</li>
<li><b>Opera</b> sure, why not</li>
<li><b>Netscape</b> like firefox's less attractive cousin at the
dance</li>
<li><b>Internet Explorer</b> ...</li>
<li><b>Safari</b> cause macs are computers too</li>
</ul>
</div>
<div class="gradient"> <a name="coding"></a>
<h1>Coding</h1>
<h2>Image Alignment and The Header</h2>
<p> <a href="#"><img src="images/firefox.jpg" alt=""
class="floatLeft"/></a> Images are fully supported using the <i>floatLeft</i> and
<i>floatRight</i> classes. Just apply one of them to the image you want to
position. Images that have link tags around them will also have a nifty rollover
effect, as long as you're using a standards complients browser. If you're not,
well then no rollover effect for you. </p>
<p> The site header-images are two slices and a repeated background. Using
the same approach, and a little bit of photoshop, you should be able to easily
replace them. However, since they were created by me, you're welcome to use them
in any projects you might like. </p>
<h2>The Footer</h2>
<p> A variation on the footerStickAlt technique is used to force the site
footer to the bottom of the page if there isn't enough content to push it down.
This means your template will always look tidy and you won't have to worry about a
lonely footer, hanging out halfway up your page. </p>
<a name="expressions"></a>
<h2>Readability using Maximum Width</h2>
<p> To improve readability of this template (since it is fluid), the width
is capped at 1000 pixels. This seems like a pretty reasonable thing to do and
that's why CSS has thoughtfully included the max-width property. Unfortunately, IE
decided it didn't need no stinkin' max-width, so a CSS expression was needed. </p>
<blockquote class="exclamation">
<p> A CSS expression is like a snippet of javascript code that runs in
your style sheet. It's invalid CSS, but only IE pays any attention to it. </p>
</blockquote>
<p> If you're concerned about having valid CSS, take out the expression.
It won't ruin the template in IE, it just means that the content will expand to
100% of the screen width. All other browsers will behave. </p>
</div>
</div>
</div>
</div>
<!-- FOOTER: Site footer for links, copyright, etc. -->
<div id="footer">
<div id="width"> <span class="floatLeft"> Design <a
href="http://fullahead.org">Fullahead</a> <span class="grey">|</span> valid <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> <span class="grey">|
</span> should be valid <a href="http://jigsaw.w3.org/css-validator">CSS</a>
</span> <span class="floatRight"> <a href="#">home</a> <span class="grey">|</span>
<a href="help.html">help</a> <span class="grey">|</span> <a
href="tags.html">tags</a> <span class="grey">|</span> <a
href="print.html">print</a> <span class="grey">|</span> <a href="#">mail</a>
</span> </div>
</div>
</body>
</html>
<!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" lang="en">
<head>
<title>Leaves v.1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="main.css" rel="stylesheet" title="main.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"> <img src="images/leaves.jpg" alt="" class="leaves" />
<h1>Leaves v.1</h1>
<p>From Warsaw, Amsterdam, New York,<br />
Chicago, London, Paris...</p>
<p>Posting for you- the webcrawlers...</p>
</div>
<div id="main_menu"> <a href="#" class="aactive">Home</a> <a href="#">Album</a>
<a href="#">Profile</a> <a href="#">Articles</a> <a href="#">News</a> <a
href="#">Sports</a> <a href="#">writings</a> <a href="#">Forums</a> </div>
<div id="sidebar">
<h1>Latest Going...</h1>
I
If you're interested in this design and wanna use it as your own, please leave
a link leading to my site at: www.bartosz.co.nr, or email me from that site, so
that for a low price I can let you remove it. Great thanks to JayKayfor helping me
arrange few things.
<h1>Links</h1>
<a href="#">oswd.org</a><br />
<br />
</div>
<div class="article">
<h1>Article Title</h1>
<div class="article_info"> posted by <a href="#">author</a> on thursday 25
december 2024. </div>
<p>jdnf jdsnf ds nfdkslfn dsjfn ldsf jndslnfdjsfn ldksn fdsnkf ldsnf jdslfn
dsjnf dsl nfsdjfn dslf nsjdf nldsj ndslfn dsjfn dsj knfldsn jdslnf sjdnf ldsnf
jsdnl fdjsnf lsndd flds njdsn fldsn jds lndsn fdsl nfjsdnf ldsjn fldsnf jdsnf ldsf
jnldsfn jsdf lndsjf ndslf ndjs fnldsf jndsf lnsdjfn ldsn fjdsnf lsdfn jdslnf jdsnf
ldsnf jdslf dsjkf nsldnf dsjfn ldsfn snf ldsn fsdl fjnlds nfjs nflds jnfsldn fksfnj
lskdfn sjknf klds fjnslknf dsn fkldsn fjsnd flksnf ldsnf dsjnf lsdnf jsnf kldsnf
kdsnlf kds nfldsn fdjsn fldsnf jdslnf jdsnf ldsn fjdsnf ldjsn dsln jdsn fldsnf
kjsnf lsdnfsdjkfnds jkndslfn dsj nfdsjn fldsn fjsdn fldsn jsdl fndsj nfdsl fjds
nlsdn ldskn ldsn jdsn flkdsn jsdn lfnds jfdslf nj </p>
</div>
<div class="article">
<h1>Article Title</h1>
<div class="article_info"> posted by <a href="#">author</a> on thursday 25
december 2024. </div>
<p>jdnf jdsnf ds nfdkslfn dsjfn ldsf jndslnfdjsfn ldksn fdsnkf ldsnf jdslfn
dsjnf dsl nfsdjfn dslf nsjdf nldsj ndslfn dsjfn dsj knfldsn jdslnf sjdnf ldsnf
jsdnl fdjsnf lsndd flds njdsn fldsn jds lndsn fdsl nfjsdnf ldsjn fldsnf jdsnf ldsf
jnldsfn jsdf lndsjf ndslf ndjs fnldsf jndsf lnsdjfn ldsn fjdsnf lsdfn jdslnf jdsnf
ldsnf jdslf dsjkf nsldnf dsjfn ldsfn snf ldsn fsdl fjnlds nfjs nflds jnfsldn fksfnj
lskdfn sjknf klds fjnslknf dsn fkldsn fjsnd flksnf ldsnf dsjnf lsdnf jsnf kldsnf
kdsnlf kds nfldsn fdjsn fldsnf jdslnf jdsnf ldsn fjdsnf ldjsn dsln jdsn fldsnf
kjsnf lsdnfsdjkfnds jkndslfn dsj nfdsjn fldsn fjsdn fldsn jsdl fndsj nfdsl fjds
nlsdn ldskn ldsn jdsn flkdsn jsdn lfnds jfdslf nj </p>
</div>
<div class="article">
<h1>Article Title</h1>
<div class="article_info"> posted by <a href="#">author</a> on thursday 25
december 2024. </div>
<p>jdnf jdsnf ds nfdkslfn dsjfn ldsf jndslnfdjsfn ldksn fdsnkf ldsnf jdslfn
dsjnf dsl nfsdjfn dslf nsjdf nldsj ndslfn dsjfn dsj knfldsn jdslnf sjdnf ldsnf
jsdnl fdjsnf lsndd flds njdsn fldsn jds lndsn fdsl nfjsdnf ldsjn fldsnf jdsnf ldsf
jnldsfn jsdf lndsjf ndslf ndjs fnldsf jndsf lnsdjfn ldsn fjdsnf lsdfn jdslnf jdsnf
ldsnf jdslf dsjkf nsldnf dsjfn ldsfn snf ldsn fsdl fjnlds nfjs nflds jnfsldn fksfnj
lskdfn sjknf klds fjnslknf dsn fkldsn fjsnd flksnf ldsnf dsjnf lsdnf jsnf kldsnf
kdsnlf kds nfldsn fdjsn fldsnf jdslnf jdsnf ldsn fjdsnf ldjsn dsln jdsn fldsnf
kjsnf lsdnfsdjkfnds jkndslfn dsj nfdsjn fldsn fjsdn fldsn jsdl fndsj nfdsl fjds
nlsdn ldskn ldsn jdsn flkdsn jsdn lfnds jfdslf nj </p>
</div>
<div class="comment"> Website designed by <a
href="http://www.bartosz.co.nr">Bartosz Brzezinski</a><br />
Content is © of your name here 2005<br />
Powered by <a href="#">-------</a> </div>
</div>
</body>
</html>
<!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>
<title>Leaves</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Leaves v1.0</h1>
<p>i like raking leaves. and jumping into them.</p>
<form name="form1" id="form1" method="post" action="#">
<input type="text" name="textfield" value="Search..." />
<input class=" button" type="submit" name="Submit" value="GO" />
</form>
</div>
<div id="navigation">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Contact</a></li>
<li>
<p><strong>A tiny little service announcement.</strong><br/>
Put all your little tidbits of information or pictures in this small yet
useful little area. </p>
</li>
</ul>
</div>
<div id="sidebar">
<h2>The Sidebar</h2>
<p>You have reached the sidebar, put news, links, or anything textual in here.
I think I'll drag on with typing nonsense text, until you feel really really
sleepy. Of course, you wouldn't waste time reading this. Some Latin would be more
useful.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas venenatis
enim ut purus. In hac habitasse platea dictumst. Sed rutrum tempus turpis. Sed
rhoncus dui eu ipsum. Pellentesque tincidunt. Quisque pulvinar. Morbi quis leo sit
amet neque tempor fringilla. Pellentesque faucibus metus vitae erat. Quisque a urna
ut sapien accumsan ornare. Nulla porta pretium eros. Fusce velit erat, accumsan
pellentesque, porttitor eu, commodo quis, augue. <a href="#">Fusce convallis ipsum
eget felis</a>. </p>
<p>Aenean eros arcu, condimentum nec, dapibus ut, tincidunt sit amet, urna.
Quisque viverra, eros sed imperdiet iaculis, est risus facilisis quam, id malesuada
arcu nulla luctus urna. </p>
</div>
<div id="content">
<h2>Welcome to Leaves.</h2>
<p>Welcome to Leaves, a static, 3 column layout made with your usual CSS and
XHTML. It is able to correctly accommodate any font size increases or shrinkages
(Is that a word?). It seems to work fine in Firefox, Opera, Internet Explorer and
Safari. It's more minimal than other designs, because I think images (drop shadows,
giant header images) are being obsessively over used these days. I think it
detracts from the content and shoves way too much information to a viewer all at
the same time, so here you go: Leaves, a minimalist design. Feel free to massacre
or change the design to your liking. Well, I guess it's time for some more Latin.
<strong>If you want me to create a custom design for you, feel free to drop me a
line anytime at [email protected] </strong></p>
<h2>Why I like Latin Filler Text. </h2>
<p>Aenean eros arcu, condimentum nec, dapibus ut, tincidunt sit amet, urna.
Quisque viverra, eros sed imperdiet iaculis, est risus facilisis quam, id malesuada
arcu nulla luctus urna. Nullam et est. Vestibulum velit sem, faucibus cursus,
dapibus vestibulum, pellentesque et, urna. Donec luctus. Donec lectus. Aliquam eget
eros facilisis tortor feugiat sollicitudin. Integer lobortis vulputate sapien. Sed
iaculis erat ac nunc. <a href="#">Etiam eu enim.</a> Mauris ipsum urna, rhoncus at,
bibendum sit amet, euismod eget, dolor. Mauris fermentum quam vitae ligula.
Vestibulum in libero feugiat justo dictum consectetuer. Vestibulum euismod purus
eget elit. Nunc sed massa porta elit bibendum posuere. Nunc pulvinar justo sit amet
odio. In sed est. Phasellus ornare elementum nulla. Nulla ipsum neque, cursus a,
viverra a, imperdiet at, enim. Quisque facilisis, diam sed accumsan suscipit, odio
arcu hendrerit dolor, quis aliquet massa nulla nec sem. </p>
<h2>Because I just do. </h2>
<p><a href="#">Proin sagittis leo in diam</a>. Vestibulum vestibulum orci vel
libero. Cras molestie pede quis odio. Phasellus tempus dolor eu risus. Aenean
tellus tortor, dignissim sit amet, tempus eu, eleifend porttitor, ipsum. Fusce
diam. Suspendisse potenti. Duis consequat scelerisque lacus. Proin et massa. Duis
adipiscing, lectus a euismod consectetuer, pede libero ornare dui, et lacinia ipsum
ipsum nec lectus. Suspendisse sed nunc quis odio aliquet feugiat. Pellentesque
sapien. Phasellus sed lorem eu augue luctus commodo. Nullam interdum convallis
nunc. Fusce varius. Ut egestas. Fusce interdum iaculis pede. Sed vehicula
vestibulum odio. <a href="#">Donec id diam.</a></p>
</div>
<div id="footer">
<p><a href="http://validator.w3.org/check?uri=referer">Valid
XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid
CSS</a> | Copyright © Your Name Here | Design by <a
href="http://smallpark.org">SmallPark</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Less Antique</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="head">
<div id="title"> Less Antique </div>
<div id="menu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="1col.html">1 Column</a></li>
<li><a href="tags.html">Tags</a></li>
<li><a href="#">Author</a></li>
</ul>
</div>
</div>
<div id="body_wrapper">
<div id="body">
<div id="split">
<div class="top"></div>
<div id="left">
<div class="content">
<h1>News</h1>
<h2>January 8, 2007</h2>
<p>Look what happened! After nearly a year (and over 12,000 downloads
from various sites) since I released Antique Modern to the community, I have
finally created one of the most requested changes - BLUE. Some people didn't like
the colors, and I basically told them they could fly a kite! Well, that was until
now. I had a few changes to the design (see below) and decided to release a
separate color scheme along with the enhancements. I hope people like this one as
much as the last!</p>
<h3>Enhancements from Antique Modern</h3>
<h4>Menu</h4>
<p>Previously the menu was aligned right, and the header aligned left.
This became troublesome when they merged. The menu would fall below. While I
can't make the number of tabs unlimited, you can now have up to 7 without any
negative effects.</p>
<h4>Sidebar</h4>
<p>In the "Antique Modern" design, the sidebar would usually
never be the same length as the content. This was not a complete problem, but it
felt like a design flaw. Fixed that right up!</p>
<h4>Images and Dropshadows</h4>
<p>I am not a graphic designer. I am a programmer. So when it came to
pass that I started designing webpages, it wasn't perfect. I had dropshadows with
different light sources, and didnt understand how to export them correctly. That
is mostly fixed in this new design with new colors. It isn't perfect. I am still
not completely inclined to seeing graphics the way many artsy people do.</p>
<h4>Other Changes</h4>
<p>Well, nothing really. Honestly, most of the stuff on this design is
exactly as it was before. Have fun!</p>
</div>
</div>
<div id="right">
<div class="content">
<h4>Cool Shizzle</h4>
<ul>
<li><a href="#">Aaron Ganschow</a></li>
<li><a href="#">Wildleaf</a></li>
<li><a href="#">The Open Design Community</a></li>
</ul>
<hr />
<h4>Job 20:18</h4>
They will give back everything they worked for.Their wealth will bring
them no joy.
<hr />
<h4>Contact</h4>
<form action="#">
email<br />
<input type="text" name="email" id="email" size="16" />
<br />
comment<br />
<textarea name="comment" id="comment" cols="13" rows="4"></textarea>
<br />
<input type="submit" value="Send" style="float: right;" />
</form>
</div>
</div>
<div class="clearer"></div>
<div class="bottom"></div>
</div>
<div class="clearer"></div>
</div>
<div class="clearer"></div>
</div>
<div id="end_body"></div>
<div id="footer"> Designed by <a href="http://aaron.ganschow.us/">Aaron
Ganschow</a> <br />
© Copyright Your Name 2007 </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>LGBlue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="toph"></div>
<div id="header">
<div class="rside">
<div class="citation">
<h2>Lorem Ipsum</h2>
Curabitur interdum molestie arcu. Cum sociis natoque penatibus et magnis
dis.</div>
</div>
<div class="lside">
<div class="title">[your logo here]
<h2>YOUR COMPANY</h2>
Your best Slogan Here</div>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">LGBlue Free Css Template</a></h2>
<h3>A SIMPLE CSS / XHTML TEMPLATE</h3>
<div class="img"><img src="images/finance.jpg" alt="Finance" /></div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras sit amet nunc
at arcu feugiat feugiat. Suspendisse potenti. Fusce mi velit, scelerisque vel, <a
href="#">congue quis</a>, congue vitae, est. Vivamus et nisi nec purus consectetuer
porta. Suspendisse potenti. Pellentesque egestas arcu. Aenean eleifend dignissim
urna. Morbi dignissim. In faucibus porttitor mauris. Vestibulum eget lectus. Proin
sapien. Sed dapibus dui a ante. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas. Aliquam eu nunc. Vivamus sed enim.
Aenean vulputate commodo purus. Ut tincidunt suscipit purus. Ut commodo nisi id
velit. Nulla a ipsum id elit pharetra cursus. Integer lacinia pulvinar tortor.
<p class="date">Posted by David <img src="images/comment.gif" alt="" /> <a
href="#">Comments (3)</a> <img src="images/timeicon.gif" alt="" /> 21.02.</p>
<br />
<h2><a href="#">Lorem Ipsum</a></h2>
<h3>USE IT FOR FREE WITH SNEWS OR NOT! ;)</h3>
<div class="img"><img src="images/laptop1.jpg" alt="laptop" /></div>
Nunc vitae odio feugiat erat sodales fermentum. Nulla semper. Donec sem mi,
tempus vitae, ornare at, facilisis quis, nunc. Vestibulum bibendum dignissim
lectus. Fusce convallis risus in elit. Proin iaculis, massa rhoncus malesuada
rhoncus, est dui elementum nulla, a tristique magna leo vel sem. Aliquam
ultricies,<a href="#">diam at mattis imperdiet, mi mi blandit orci</a>, sit amet
viverra tellus lorem in libero. Maecenas vitae sapien. Nulla porttitor elementum
arcu. Vestibulum pharetra lacus rhoncus pede. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Duis mollis turpis
vitae neque. Phasellus vel augue eu ipsum dictum viverra. Quisque ut est vitae
augue scelerisque semper. Donec quis dui. Cras vestibulum mauris vel nunc.
<p class="date">Posted by Jack <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(15)</a> <img src="images/timeicon.gif" alt="" /> 17.01.</p>
<br />
<br />
<div class="boxads">Curabitur interdum molestie arcu. Cum sociis natoque
penatibus et <a href="#">magnis dis parturient</a> montes, nascetur ridiculus mus.
Vivamus dignissim lobortis felis. Donec a urna. Fusce orci. Nullam id felis. Nulla
posuere ante sed tellus. Ut pharetra massa vel nunc. Proin nulla. Nam ligula metus,
fringilla eu, viverra non, sagittis nec, ante.</div>
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="padding">
<h2>Search</h2>
<form action="#">
<div class="search">
<input type="text" value="" class="text" />
<input type="submit" value="Go" class="searchbutton" />
<br />
</div>
</form>
<br />
<hr />
<h2>sNews</h2>
<h3>WHY SHOULD YOU USE IT?</h3>
sNews is both template independant, and standards compliant, and having
only one file means you can redesign your site whenever you want.
<hr />
</div>
</div>
</div>
<br />
<br />
<div id="footer">Copyright © 2006 LGBlue | Design: <a href="http://www.free-
css-templates.com">David Herreman</a> | <a href="#">Contact</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a
href="#">Home</a></div>
</div>
</body>
</html>
<!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>Aqueous</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="wrapper">
<div id="innerwrapper">
<div id="header">
<form action="#">
<input value="Search" />
</form>
<h1><a href="#">Aqueous</a></h1>
<h2> A liquid layout by Six Shooter Media</h2>
<ul id="nav">
<li><a href="#" accesskey="3" class="active"><em>3</em> Columns</a></li>
<li><a href="twocolumns.html" accesskey="2"><em>2</em> Columns</a></li>
<li><a href="#"><em>H</em>ome</a></li>
<li><a href="#"><em>A</em>bout</a></li>
<li><a href="#"><em>E</em>xamples</a></li>
<li><a href="#"><em>C</em>ontact</a></li>
</ul>
<ul id="subnav">
<li>Subnav:</li>
<li><a href="#" accesskey="3" class="active"><em>3</em> Columns</a></li>
<li><a href="twocolumns.html" accesskey="2"><em>2</em> Columns</a></li>
<li><a href="#"><em>H</em>ome</a></li>
<li><a href="#"><em>A</em>bout</a></li>
<li><a href="#"><em>E</em>xamples</a></li>
<li><a href="#"><em>C</em>ontact</a></li>
</ul>
</div>
<div id="sidebar">
<h2>Latest News</h2>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h2>Sub Navigation</h2>
<ul class="subnav">
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
</ul>
<h2>Search</h2>
<input name="" type="text" value="Search" />
</div>
<div id="sidebarright">
<h2>Another Sidebar</h2>
<p> Sure, why not?! With all this width we have room for an additional
sidebar if you should so need one. </p>
<p> Of course, if you happen to not want this additional sidebar, a standard
2 column layout is available which you can view by <a
href="twocolumns.html">clicking here</a>! </p>
<h2>More Links</h2>
<ul>
<li>Six Shooter Media</li>
<li><a href="#">free templates</a></li>
<li><a href="#">Buy a Button</a></li>
<li><a href="#">Transfer Speculation</a></li>
</ul>
</div>
<div id="content">
<h2 id="Intro"><a href="#">Introduction</a></h2>
<p> Hello and welcome to Aqueous, a liquid template created by Six Shooter
Media. The template itself is designed for higher resolutions, 1024x768 and up,
however with it being liquid, it will work in any resolution you can throw at it.
It's written in XHTML and CSS and displays consistently on various web browsers.
</p>
<h2 id="About"><a href="#">About the Author</a></h2>
<p>Hi! My names Jay and I'm a 20 year old web designer from England. My main
projects are conducted through my website Six Shooter Media, but I (obviously) also
enjoy creating Open Source web templates for general use! You can keep a check on
my free templates here which is probably a link worth bookmarking as my templates
appear there a couple of weeks before OWD/OSWD due to the design queues. </p>
<p> Another site of mine that you might find interesting if you're setting up
a site with a free template like Buy a Button.net. There, for a great price you can
purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<p> If you want more of my free templates, they can be found here! </p>
<h2 id="Examples"><a href="#">Some Examples</a></h2>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf
hdsbf jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd
sb </p>
</blockquote>
<h3>List Example</h3>
<ul>
<li><span>Here</span></li>
<li><span>Is our friend</span></li>
<li><span>The list!</span></li>
</ul>
<h2 id="Contact"><a href="#">Contact</a></h2>
<p> If you decide to use this template please drop me a line to let me know!
Don't hesitiate to get in touch if your interested in a custom template or just in
any of my services in general. I look forward to hearing from you! </p>
<h3>Example Contact Form</h3>
<form action="#">
<label>Name</label>
<input value="Your Name" />
<label>Email</label>
<input value="Your Email" />
<label>You Comments</label>
<textarea rows="5" cols="5"></textarea>
<input type="submit" />
</form>
</div>
<div id="footer">
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here.</p>
</div>
</div>
</div>
</body>
</html>
<!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>Life is simple!</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="images/style.css" />
</head>
<body>
<div id="sadrzaj">
<div id="zaglavlje">
<div id="logo"> Life is simple! </div>
</div>
<div id="lijeva_kolona">
<div id="menuheader"></div>
<a href="#">Home</a> <a href="#">Support</a> <a href="#">News</a> <a
href="#">Affiliates</a> <a href="#">Info</a> <a href="#">Contact</a>
<div id="menufooter"></div>
</div>
<div id="desna_kolona">
<h3>Right column article</h3>
<div class="text_desno"> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. <br />
<br />
</div>
<h3>Another right column article</h3>
<div class="text_desno"> Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. <br />
<div id="info"> <a href="http://validator.w3.org/check?uri=referer">Valid
XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid
CSS</a> <br/>
Visit <a href="http://www.solucija.com">Solucija</a> or contact us via
email. </div>
</div>
</div>
<div class="srednja_kolona">
<div class="content_title"><a href="#">Life is simple!</a></div>
<div class="text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. </div>
</div>
<div class="srednja_kolona">
<div class="content_title"><a href="#">Just some Lorem ipsum text</a></div>
<div class="text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. </div>
</div>
<div class="srednja_kolona">
<div class="content_title"><a href="#">Lorem ipsum strikes back!</a></div>
<div class="text"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. </div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Light</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
</head>
<body>
<div class="container">
<div class="navigation">
<div class="title">
<h1>Light</h1>
<h2>- bright and smooth -</h2>
</div>
<a href="#">Home</a> <a href="#">Suspendisse</a> <a href="#">Elemen</a> <a
href="#">Maecenas</a>
<div class="clearer"><span></span></div>
</div>
<div class="holder_top"></div>
<div class="holder">
<h1>Porttitor posuere</h1>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, <a href="#">nunc eget pretium</a> porttitor, sem est
pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo.
Vestibulum ac ante. Sed in est.</p>
<cite>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed
purus.</cite>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae,
interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris.
Maecenas viverra. Sed feugiat. Donec mattis <a href="#">quam aliquam</a> risus.
Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius pede
tristique ultricies. Cras nisl. Proin quis massa semper felis euismod ultricies.
</p>
<h1>Adipiscing</h1>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc
blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel
nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce
accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla
eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum
nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In
bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non
euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante.
Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper
posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.
Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim
quam fringilla mi.</p>
<h1>Interdum</h1>
<p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui.
Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur
pellentesque, lectus at <a href="#">volutpat interdum</a>, sem justo placerat elit,
eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.
Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat
aliquam</p>
<code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code>
<p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat
molestie.</p>
</div>
<div class="footer">© 2006 <a href="#">Website.com</a>. Valid <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a
href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a
href="http://templates.arcsin.se">Arcsin</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>LightBiz</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div class="rside">
<div class="topmenu"></div>
<div class="loginbox">
<div class="padding">
<form action="#">
Login <br />
<input type="text" value="" class="text" />
<br />
Password <br />
<input type="password" value="" class="text" />
<br />
<br />
<input type="submit" value="Login" class="searchbutton" />
<br />
</form>
</div>
</div>
<div class="topmain">Main Menu</div>
<div class="menu">
<h2>Categories</h2>
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<h2>Search</h2>
<form action="#">
<div class="search">
<input type="text" value="" class="text" />
<input type="submit" value="Go" class="searchbutton" />
<br />
</div>
</form>
<br />
<h2>Your Ads</h2>
<div class="ads"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer euismod ante non diam. Sed eleifend odio sed quam.Integer euismod ante non
diam. Sed eleifend odio sed quam. </div>
<br />
</div>
</div>
<div class="lside">
<div class="topmenu"> <a href="#">About</a> | <a href="#">Contact</a>
</div>
<div class="header">
<div class="padding">
<div class="citation">Lorem ipsum dolor sit amet<br />
Integer euismod ante non diam. Sed eleifend odio sed quam.</div>
<h1>YOUR COMPANY</h1>
Your Best Slogan here </div>
</div>
<div class="main">
<h2><a href="#">Free LightBiz Template</a></h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod
ante non diam. Sed eleifend odio sed quam. Sed vulputate, turpis at tincidunt
porttitor, est elit consequat metus, non dignissim augue mauris quis arcu.
Phasellus faucibus blandit eros. Curabitur porttitor ante non est. Maecenas dolor.
Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra malesuada, sem
velit laoreet sem, vitae iaculis diam neque consequat est. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Pellentesque tincidunt eros non quam. Mauris a magna sit amet libero accumsan
auctor. Aenean nec urna non dui lobortis viverra...
<p class="date">Posted by David <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(3)</a> <img src="images/timeicon.gif" alt="" /> 21.02.</p>
<br />
<h2><a href="#">To use with sNews!</a></h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer euismod
ante non diam. Sed eleifend odio sed quam. Sed vulputate, turpis at tincidunt
porttitor, est elit consequat metus, non dignissim augue mauris quis arcu.
Phasellus <a href="#">faucibus blandit</a> eros. Curabitur porttitor ante non est.
Maecenas dolor. Aenean egestas sem. Class aptent taciti sociosqu ad litora torquent
per conubia nostra, per inceptos hymenaeos. Sed suscipit, nisi sit amet pharetra
malesuada, sem velit laoreet sem, vitae iaculis diam neque consequat est.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Pellentesque tincidunt eros non quam. Mauris a magna sit amet
libero accumsan auctor. Aenean nec urna non dui lobortis viverra...
<p class="date">Posted by Jack <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(15)</a> <img src="images/timeicon.gif" alt="" /> 17.01.</p>
<br />
</div>
<div class="infobox">
<div class="r_sd">
<h2>Last Articles</h2>
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
diam adipiscing</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">consectetuer adipiscing
elit dolor sit amet</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit
amet ipsum dolor</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
adipiscing elit</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit
amet euismod ante</a><br />
</div>
<div class="l_sd">
<h2>Related Items</h2>
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
diam adipiscing elit</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">consectetuer adipiscing
elit dolor sit amet</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit
amet ipsum dolor</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
adipiscing elit</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit
amet euismod ante</a><br />
</div>
</div>
</div>
<div class="footer"> Copyright © 2006 LightBiz | Design: <a
href="http://www.free-css-templates.com">David Herreman</a> | <a
href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> | <a href="#">Home</a> </div>
</div>
</body>
</html>
<!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>LightBiz2</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
<div id="content">
<div id="header">
<div class="topong">
<div class="pad"> <img src="images/cart.gif" alt="My Cart" />
<h4><a href="#">VIEW CART</a></h4>
<br />
<span class="txt">Lorem Ipsum Dolore</span> </div>
</div>
<div class="topong">
<div class="pad"> <img src="images/account.gif" alt="Account" />
<h4><a href="#">MY ACCOUNT</a></h4>
<br />
<span class="txt">Lorem Ipsum Dolore</span> </div>
</div>
<h1><span class="green bigl">B</span>usiness<span class="green
bigl">N</span>ame</h1>
<span class="slogan">Place You Best Slogan Here</span> </div>
<div id="menu">
<div class="pad">
<div id="search">
<form action="#" method="get">
<p>
<input type="text" name="search" size="20" maxlength="250" class="text"
value="" />
<input type="submit" value="Go" class="txt" />
</p>
</form>
</div>
<div class="submit">
<ul>
<li><a href="#"><span>HOME</span></a></li>
<li><a href="#"><span>PRODUCTS</span></a></li>
<li><a href="#"><span>AFFILLIATES</span></a></li>
<li><a href="#"><span>ABOUT US</span></a></li>
<li><a href="#"><span>CONTACT</span></a></li>
</ul>
</div>
</div>
</div>
<div id="modules">
<div id="mod3">
<div class="padding"> <img src="images/img.gif" alt="" />
<div class="price"> <span class="only">ONLY</span><br />
$95.99 </div>
<div class="text">
<h2><a href="#">LOREM IPSUM</a></h2>
<p>Curabitur sed augue. Cras eu lectus. Nullam lectus. Nam tempor blandit
quam!</p>
</div>
</div>
</div>
<div id="mod2">
<div class="padding"> <img src="images/img.gif" alt="" />
<div class="price"> <span class="only">ONLY</span><br />
$35.99 </div>
<div class="text">
<h2><a href="#">LOREM IPSUM</a></h2>
<p>Curabitur sed augue. Cras eu lectus. Nullam lectus. Nam tempor blandit
quam!</p>
</div>
</div>
</div>
<div id="mod1">
<div class="padding"> <img src="images/img.gif" alt="" />
<div class="price"> <span class="only">ONLY</span><br />
$17.99 </div>
<div class="text">
<h2><a href="#">LOREM IPSUM</a></h2>
<p>Curabitur sed augue. Cras eu lectus. Nullam lectus. Nam tempor blandit
quam!</p>
</div>
</div>
</div>
</div>
<div id="maincontent">
<div id="introduction">
<h2>Suspendisse <span class="green">magna</span> est</h2>
<p> Proin tincidunt viverra eros. Phasellus id felis. Proin dui. Etiam
tristique. Aliquam erat volutpat. Suspendisse magna est, faucibus et, tincidunt ac,
vehicula a, mi. Ut sed enim. Duis volutpat, neque at dictum volutpat, nibh augue
ornare velit, nec auctor <a href="#">ipsum diam at nibh</a>. Aenean vel massa eu
lorem pretium faucibus. Aenean porttitor, augue non ullamcorper vestibulum, ligula
lectus pulvinar nunc, tristique consectetuer leo enim et diam. Aenean lorem lectus,
luctus id, volutpat ut, accumsan ac, risus. Phasellus sit amet nunc. <strong>Cum
sociis</strong> natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus.<br />
<br />
<a class="readm" href="#">Read more...</a> </p>
</div>
<div id="rightside">
<h2>Latest <span class="green">News</span></h2>
<p> <span class="date">12.03.2006</span><br />
Proin tincidunt viverra eros. Phasellus id felis. Proin dui. Etiam
tristique. Aliquam erat volutpat. Suspendisse magna est, faucibus et, tincidunt ac,
vehicula a, mi. <br />
<a class="readm" href="#">Read more...</a> </p>
<p> <span class="date">11.17.2006</span><br />
Proin tincidunt viverra eros. Phasellus id felis. Proin dui. Etiam
tristique. Aliquam erat volutpat. Suspendisse magna est, faucibus et, tincidunt ac,
vehicula a, mi. <br />
<a class="readm" href="#">Read more...</a> </p>
<p> <span class="date">11.05.2006</span><br />
Proin tincidunt viverra eros. Phasellus id felis. Proin dui. Etiam
tristique. Aliquam erat volutpat. Suspendisse magna est, faucibus et, tincidunt ac,
vehicula a, mi. <br />
<a class="readm" href="#">Read more...</a> </p>
</div>
<div id="leftside">
<div class="r">
<h2>Ipsum <span class="green">Diam</span></h2>
Duis volutpat, neque at dictum volutpat, nibh augue ornare velit, nec
auctor <a href="#">ipsum diam at nibh</a>. Aenean vel massa eu lorem pretium
faucibus. Aenean porttitor, augue non ullamcorper vestibulum, ligula lectus
pulvinar nunc, tristique consectetuer leo enim et diam. Aenean lorem lectus, luctus
id, volutpat ut, accumsan ac, risus. Phasellus sit amet nunc. </div>
<div class="le">
<h2>Nec <span class="green">auctor</span></h2>
Duis volutpat, neque at dictum volutpat, nibh augue ornare velit, nec
auctor <a href="#">ipsum diam at nibh</a>. Aenean vel massa eu lorem pretium
faucibus. Aenean porttitor, augue non ullamcorper vestibulum, ligula lectus
pulvinar nunc, tristique consectetuer leo enim et diam. Aenean lorem lectus, luctus
id, volutpat ut, accumsan ac, risus. Phasellus sit amet nunc. </div>
<div class="pad">
<h2>Suspendisse <span class="green">magna</span> est</h2>
<p> Proin tincidunt viverra eros. Phasellus id felis. Proin dui. Etiam
tristique. Aliquam erat volutpat. Suspendisse magna est, faucibus et, tincidunt ac,
vehicula a, mi. Ut sed enim. Duis volutpat, neque at dictum volutpat, nibh augue
ornare velit, nec auctor <a href="#">ipsum diam at nibh</a>.</p>
<div class="rs">
<ul>
<li>List line 1</li>
<li>List line 2</li>
<li>List line 3
<ul>
<li>Sublist line 1</li>
</ul>
</li>
</ul>
</div>
<p> Aenean vel massa eu lorem pretium faucibus. Aenean porttitor, augue non
ullamcorper vestibulum, ligula lectus pulvinar nunc, tristique consectetuer leo
enim et diam. Aenean lorem lectus, luctus id, volutpat ut, accumsan ac, risus.
Phasellus sit amet nunc. <strong>Cum sociis</strong> natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus.<br />
<a class="readm" href="#">Read more...</a> </p>
</div>
</div>
</div>
<div id="footer">
<p class="right">Copyright © 2006 Your Company, Design: <a
href="http://www.free-css-templates.com">free-css-templates.com</a></p>
<p><a href="#">Home</a> · <a href="#">Contact</a> · <a
href="#">Accessibility</a> · <a href="#">Products</a> · <a
href="#">Disclaimer</a> · <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a><br />
</p>
</div>
</div>
</body>
</html>
<!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>
<title>*PURPLE*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:75%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:normal 1em/1.6em helvetica, "Trebuchet MS", arial, sans-
serif;}
</style>
<![endif]-->
</head>
<body>
<div id="top">
<h2><a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a></h2>
</div>
<div id="banner">
<h1> <a href="#">Your Company Name</a></h1>
</div>
<div id="menuh-container">
<div id="menuh">
<ul>
<li><a href="#" class="top_parent">Homepage</a> </li>
</ul>
<ul>
<li><a href="#" class="top_parent">About</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent">Projects</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent">Portfolio</a> </li>
</ul>
<ul>
<li><a href="#" class="top_parent">Contact</a> </li>
</ul>
</div>
</div>
<div id="container">
<div id="sidebar">
<h3>Links</h3>
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">TODC</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
</ul>
<h3>Sub Menu</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#" class="selected">What we do</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Links</a></li>
</ul>
<h3>Archives</h3>
<ul>
<li><a href="#">January</a></li>
<li><a href="#">February</a></li>
<li><a href="#">March</a></li>
<li><a href="#">April</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec non
ante.</p>
</div>
<div id="content">
<h3>Welcome to <span style="color:#710069;font-family: georgia,sans-serif;font-
weight: bold;">LILAC</span> Template</h3>
<blockquote>This template has been tested in Mozilla and IE6/7. The page
validates as XHTML 1.0 Transitional using valid CSS. For more FREE templates visit
<a href="http://www.mitchinson.net"> my website</a>.</blockquote>
<p>This is a <a href="#">link</a> to nowhere. Donec lorem. Quisque eu pede ac
ligula bibendum cursus. Nulla tristique diam sit amet lacus. Nulla ut magna.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Nullam diam orci, scelerisque quis, fermentum non, volutpat non,
libero. In hac habitasse platea dictumst. Fusce ut urna. Donec lorem. Quisque eu
pede ac ligula bibendum cursus. Nulla tristique diam sit amet lacus. Nulla ut
magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames
ac turpis egestas. Nullam diam orci, scelerisque quis, fermentum non, volutpat non,
libero. In hac habitasse platea dictumst. Fusce ut urna.</p>
<h3> News & Updates</h3>
<div class="scroll">
<h4>May 3rd 2006</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc venenatis
rhoncus libero. Quisque et elit luctus diam ornare sollicitudin. Quisque nec elit.
Quisque vehicula metus vel nisi hendrerit cursus.</p>
<h4>May 1st 2006</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc venenatis
rhoncus libero. Quisque et elit luctus diam ornare sollicitudin. Quisque nec elit.
Quisque vehicula metus vel nisi hendrerit cursus.</p>
</div>
<h3>Articles</h3>
<p> Donec lorem. Quisque eu pede ac ligula bibendum cursus. Nulla tristique
diam sit amet lacus. Nulla ut magna. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Nullam diam orci, scelerisque quis,
fermentum non, volutpat non, libero. In hac habitasse platea dictumst. Fusce ut
urna.</p>
</div>
</div>
<div id="footer"> <a href="#">homepage</a> | <a
href="mailto:[email protected]">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</body>
</html>
<!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>
<title>Lily</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<!--NAVIGATION START-->
<div id="menu">
<h1>My Site</h1>
<div class="cssnav"><a href="#">Contact</a> </div>
<div class="cssnav"><a href="#">Link3</a> </div>
<div class="cssnav"><a href="#">Link2</a> </div>
<div class="cssnav"><a href="#">About</a> </div>
<div class="cssnav"><a href="#">Home</a> </div>
</div>
<!--Menu closed-->
<!--If you only need 3/4 links, just comment out any of the above cssnav divs--
>
<!-- NAVIGATION END-->
</div>
<!--Header closed-->
<!--START CONTENT-->
<div id="content">
<div id="contentflower">
<!--CONTENT FOR RIGHT HAND COLUMN-->
<div class="contentright">
<h2>Header</h2>
<p><b>This is bold text.</b> Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos hymenaeos. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Fusce dignissim auctor libero. In eget mi. Ut
nulla.... <a href="#">A link goes here</a> </p>
<p>Maecenas tempor. Morbi sapien diam, lacinia a, fermentum vitae, rhoncus
vehicula, sapien. Nunc pede sem, egestas vel, auctor sagittis, imperdiet posuere,
augue. Curabitur condimentum. Proin id mi.... <a href="#">A link goes here</a> </p>
<p align="center"><img src="images/flower.jpg" width="240" height="199"
alt="" /></p>
<b>The image must not be wider than 240px but can be longer</b> </div>
<!--Content Right closed-->
<!--CONTENT FOR LEFT HAND COLUMN-->
<div class="contentleft">
<h2>Heading goes here </h2>
<p> Maecenas molestie ante sed velit dignissim pharetra. Etiam aliquam
viverra sapien. Pellentesque pellentesque viverra ante. Vivamus nec nisi a augue
fermentum blandit. Donec malesuada nonummy nisl. Nulla et leo. Sed sapien sem,
blandit eget, fermentum at, ultrices at, metus. </p>
<h2>Another Heading goes here</h2>
<p>Fusce mattis facilisis nunc. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos hymenaeos. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Fusce dignissim auctor libero. In eget mi. Ut nulla.
Maecenas tempor. Morbi sapien diam, lacinia a, fermentum vitae, rhoncus vehicula,
sapien. Nunc pede sem, egestas vel, auctor sagittis, imperdiet posuere, augue.
Curabitur condimentum. Proin id mi. </p>
<h2>Another Heading goes here</h2>
<p>Quisque non augue dignissim massa hendrerit eleifend. Sed id ipsum sit
amet sapien egestas ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent a enim sed justo vestibulum ultrices. Sed dictum, sapien at mollis
ultrices, ante neque tristique arcu, non imperdiet libero purus tempor mi. Sed
turpis. Nunc vitae libero vitae neque adipiscing commodo. </p>
<h2>Another Heading goes here</h2>
<p>Quisque non augue dignissim massa hendrerit eleifend. Sed id ipsum sit
amet sapien egestas ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent a enim sed justo vestibulum ultrices. Sed dictum, sapien at mollis
ultrices, ante neque tristique arcu, non imperdiet libero purus tempor mi. Sed
turpis. Nunc vitae libero vitae neque adipiscing commodo. </p>
<h2>Another Heading goes here</h2>
<p>Quisque non augue dignissim massa hendrerit eleifend. Sed id ipsum sit
amet sapien egestas ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent a enim sed justo vestibulum ultrices. Sed dictum, sapien at mollis
ultrices, ante neque tristique arcu, non imperdiet libero purus tempor mi. Sed
turpis. Nunc vitae libero vitae neque adipiscing commodo. </p>
<h2>Another Heading goes here</h2>
<p>Quisque non augue dignissim massa hendrerit eleifend. Sed id ipsum sit
amet sapien egestas ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent a enim sed justo vestibulum ultrices. Sed dictum, sapien at mollis
ultrices, ante neque tristique arcu, non imperdiet libero purus tempor mi. Sed
turpis. Nunc vitae libero vitae neque adipiscing commodo. </p>
</div>
<!--Content Left closed-->
</div>
<!--Content Flower closed-->
</div>
<!--Content closed-->
<div id="footer">
<p>Name of your site goes here<br />
Design by Lynne ©2007 <a href="http://emasai.com">eMasai.com</a></p>
</div>
</div>
<!--Container closed-->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>LIMEGREEN</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your Site Name</h1>
<p class="slogan">slogan here maybe ...</p>
</div>
<div id="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
<li><a href="#">Link five</a></li>
</ul>
</div>
<div class="clear"> </div>
<div id="sidebar">
<h2>Sub Menu</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#" class="selected">What we do</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Links</a></li>
</ul>
<h2>Archives</h2>
<ul>
<li><a href="#">January</a></li>
<li><a href="#">February</a></li>
<li><a href="#">March</a></li>
<li><a href="#">April</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec non ante.
Phasellus lacinia eleifend purus. Nulla non leo in ante ornare iaculis. Donec
aliquam euismod arcu.</p>
</div>
<div id="content">
<h3>Main Content</h3>
<blockquote>The page has been tested in Mozilla and IE7. This page validates as
XHTML 1.0 Transitional using valid CSS. Top image from www.sxc.hu. For more FREE
templates visit my website.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec non ante.
Phasellus lacinia eleifend purus. Nulla non leo in ante ornare iaculis. Donec
aliquam euismod arcu. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Nam blandit dapibus purus. Quisque consequat nibh
luctus ligula. Aliquam lobortis venenatis nibh. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Duis pretium euismod
elit. Nam velit. Nulla diam massa, interdum non, hendrerit at, blandit nec, turpis.
Integer consequat. Vestibulum sem neque, laoreet non, facilisis pretium, ultrices
non, mauris. Nunc ante lorem, venenatis sed, vulputate molestie, aliquam eget,
enim. Aliquam vulputate porta felis. Nunc sagittis magna in mauris. Pellentesque
pellentesque. </p>
<p>Proin id dolor. Integer iaculis neque sed arcu congue imperdiet. Etiam nulla
est, mattis quis, feugiat vel, venenatis vel, lorem. Aenean pulvinar lectus quis
metus. Aenean velit. Proin lacinia, tortor quis congue pharetra, magna ligula
congue turpis, eget porta nulla leo nec urna. Morbi ipsum.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (7)</a> <span class="date">Feb 23, 2007</span> </p>
<h3>Recent Articles</h3>
<p>Morbi ullamcorper porta ante. Nam sit amet nibh id mi semper varius. Etiam
tincidunt, arcu elementum dapibus posuere, justo leo tincidunt justo, vitae gravida
pede augue non enim. Pellentesque faucibus magna euismod orci. Proin id dolor.
Integer iaculis neque sed arcu congue imperdiet. Etiam nulla est, mattis quis,
feugiat vel, venenatis vel, lorem. Aenean pulvinar lectus quis metus. Aenean velit.
Proin lacinia, tortor quis congue pharetra, magna ligula congue turpis, eget porta
nulla leo nec urna. Morbi ipsum.</p>
<p class="post"> <a href="#" class="readmore">Read more</a> <a href="#"
class="comments">Comments (7)</a> <span class="date">Feb 23, 2007</span> </p>
</div>
<div class="clear"> </div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Limelight</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="topbar">
<div id="topbarleft"> </div>
<div id="topbarright">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<h1>Your Site Name</h1>
<h2>company slogan here ....</h2>
</div>
<div id="content">
<div id="contentleft">
<h1>Main Content</h1>
<p class="small"><img src="images/clock.gif" alt="" /> February 28, 2007</p>
<blockquote>This template has been tested in Mozilla Firefox and IE7. The page
validates as XHTML 1.0 Transitional using valid CSS. It will work in browser widths
of 800x600, 1024x768 & 1280x1064. For more FREE templates visit my
website.</blockquote>
<p>Just the good ol' boys, never meanin' no harm. Beats all you've ever saw,
been in trouble with the law since the day they was born. Straight'nin' the curve,
flat'nin' the hills. </p>
<p><a href="#"><img src="images/document.gif" alt="" /> Read more</a> | <a
href="#"><img src="images/comment.gif" alt="" /> Comments</a></p>
<h1>Sub Content</h1>
<p class="small"><img src="images/clock.gif" alt="" /> February 26, 2007</p>
<p>Thunder, thunder, thundercats, Ho! Thundercats are on the move, Thundercats
are loose. Feel the magic, hear the roar, Thundercats are loose. Thunder, thunder,
thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thunder, thunder,
thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thundercats! Template
inspired by Brian Gardner's Wordpress themes.</p>
<p><a href="#"><img src="images/document.gif" alt="" /> Read more</a> | <a
href="#"><img src="images/comment.gif" alt="" /> Comments</a></p>
<div style="clear:both;"></div>
</div>
<div id="right_sidebar">
<ul>
<li id="About">
<h2>About Us</h2>
<p>Monogram career cutlery philanthropic society reserved handmade charity
distinctly portfolio suite grande architectural five-star.</p>
</li>
<li id="Visit">
<h2>Worth a visit</h2>
<ul>
<li><a href="#" id="current">SNAPP HAPPY</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">ANDREAS VIKLUND</a></li>
<li><a href="#">JAMES KOSTER</a></li>
<li><a href="#">CSS play</a></li>
</ul>
</li>
<li id="Articles">
<h2>Recent Articles</h2>
<ul>
<li><a href="#">Embedding Windows Media Files</a></li>
<li><a href="#">Installing Apache PHP & MySQL</a></li>
</ul>
</li>
<li id="Archives">
<h2>Monthly Archives</h2>
<ul>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div style="clear:both;"></div>
<div id="footerbg">
<div id="footer">
<div id="footerleft">
<h2>Resources</h2>
<ul>
<li><a href="#">Listamatic</a></li>
<li><a href="#"> Layout Gala</a></li>
<li><a href="#"> Bluerobot</a></li>
</ul>
</div>
<div id="footermiddle">
<h2>Blogs</h2>
<ul>
<li><a href="#">SV Horizons</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">Another</a></li>
</ul>
</div>
<div id="footerright">
<h2>Design Showcase</h2>
<ul>
<li><a href="#">CSS Vault</a></li>
<li><a href="#">CSS Zen Garden</a></li>
<li><a href="#">CSS Heaven</a></li>
</ul>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div id="credits">
<p><a href="#">Homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">html</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed
under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>*LIMES*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(csshover.htc); font-size:73%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:bold 1em/1.4em "lucida sans", helvetica, "Trebuchet MS",
arial, sans-serif;}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="topbar">
<h1><em>"Take nothing but photographs. Leave nothing but footprints."</em></h1>
<h2><a href="#"><img src="images/home-icon2.gif" alt="Homepage"
title="Homepage" /></a> | <a href="mailto:[email protected]"> <img
src="images/email-contact-green.gif" alt="Contact" /> </a></h2>
</div>
<div class="divider"></div>
<div id="menuh-container">
<div id="menuh">
<ul>
<li><a href="#" class="top_parent"> Homepage</a>
<ul>
<li><a href="#">• About</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> About</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Gallery</a>
<ul>
<li><a href="#">• Link 1</a></li>
<li><a href="#">• Link 2</a></li>
<li><a href="#">• Link 3</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Portfolio</a> </li>
</ul>
<ul>
<li><a href="#" class="top_parent"> Contact</a> </li>
</ul>
</div>
</div>
<div class="topimg">
<h2>Site Name</h2>
</div>
<div id="sidebar">
<div class="box2">
<h2>Greetings</h2>
<p><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
malesuada arcu eu justo. Duis porttitor, turpis et malesuada vulputate, est erat
accumsan tellus, id dictum magna enim eu ante. ..... <a href="#">Read more</a>
» </strong></p>
</div>
<div class="rbroundbox">
<div class="rbtop">
<div></div>
</div>
<div class="rbcontent">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
malesuada arcu eu justo. Duis porttitor, turpis et malesuada vulputate, est erat
accumsan tellus, id dictum magna enim eu ante.</p>
</div>
<div class="rbbot">
<div></div>
</div>
</div>
<div class="rbroundbox">
<div class="rbtop">
<div></div>
</div>
<div class="rbcontent">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
malesuada arcu eu justo. Duis porttitor, turpis et malesuada vulputate, est erat
accumsan tellus, id dictum magna enim eu ante.</p>
</div>
<div class="rbbot">
<div></div>
</div>
</div>
<div class="box2">
<form action="#" method="post">
<fieldset>
<legend>Search</legend>
<div> <span>
<label for="txtsearch"> search: <img src="images/search.gif" alt="search"
/></label>
</span> <span>
<input type="text" value="demo only"name="txtsearch" title="Text input:
search" id="txtsearch" size="25" />
</span> </div>
</fieldset>
</form>
</div>
</div>
<div id="content">
<h1>Welcome to <span style="font-weight:bold; color:#B07E13;">LIMES</span>
Template</h1>
<h3>Introduction</h3>
<blockquote>This template has been tested in Mozilla Firefox and IE7. The page
validates as XHTML 1.0 Transitional using valid CSS. It will work in browser widths
of 800x600, 1024x768 & 1280x1064. The images used in this template are courtesy
of <a href="http://www.sxc.hu/" title="free images">stock xchng</a>.<br />
For more FREE CSS templates visit <a href="http://www.mitchinson.net">my
website</a>.</blockquote>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque malesuada
arcu eu justo. Duis porttitor, turpis et malesuada vulputate, est erat accumsan
tellus, id dictum magna enim eu ante. Vestibulum et nunc. Ut interdum, sem quis
faucibus vehicula, quam tortor ultricies dui, vitae laoreet justo risus sit amet
lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed egestas quam
molestie enim. Ut diam nisi, varius non, tristique eu, posuere sed, metus. Sed
nisl. Vivamus hendrerit tempus urna. Aenean congue vehicula ipsum. Duis eu orci a
mi fermentum accumsan. Quisque tincidunt erat. Phasellus porttitor risus eleifend
sem. Mauris vitae lacus vel enim fermentum accumsan. </p>
<p> <a href="#">Read more</a> » </p>
<div class="box2">
<h1>News and Updates</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
malesuada arcu eu justo. Duis porttitor, turpis et malesuada vulputate, est erat
accumsan tellus, id dictum magna enim eu ante. Vestibulum et nunc. Ut interdum, sem
quis faucibus vehicula, quam tortor ultricies dui, vitae laoreet justo risus sit
amet lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed egestas
quam molestie enim. Ut diam nisi, varius non, tristique eu, posuere sed, metus. Sed
nisl. Vivamus hendrerit tempus urna. Aenean congue vehicula ipsum. Duis eu orci a
mi fermentum accumsan. Quisque tincidunt erat. Phasellus porttitor risus eleifend
sem. Mauris vitae lacus vel enim fermentum accumsan. </p>
</div>
</div>
<div class="divider"></div>
<div id="footer">
<div class="col3">
<h1>Daily Reading</h1>
<div class="navlist">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">Layout Gala</a> </li>
<li><a href="#">Listamatic</a> </li>
</ul>
</div>
</div>
<div class="col3center">
<h1>Resources</h1>
<div class="navlist">
<ul>
<li><a href="#">The Open Design Community</a></li>
<li><a href="#">CSS Drive</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
</div>
</div>
<div class="col3">
<h1>Links</h1>
<div class="navlist">
<ul>
<li><a href="#">Stu Nicholls</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">Jay Kay</a></li>
</ul>
</div>
</div>
</div>
<div class="divider"></div>
<div id="credits"> <a href="#">HOME</a> | <a
href="mailto:[email protected]">CONTACT</a> | <a
href="http://validator.w3.org/check?uri=referer">HTML</a> | <a
href="http://jigsaw.w3.org/css-validator">CSS</a> | © 2007 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | Licensed under a <a
rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
Attribution 3.0 License</a> </div>
</div>
</body>
</html>
<!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>Linux Blog</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header"> <img id="logo" src="images/tuxmini.png" alt="tux"/>
<h1> <a href="#">Linux Blog</a></h1>
<h3>by Sumanasa.com</h3>
</div>
<div id="menu">
<ul>
<li><a class="current" href="#">Home</a></li>
<li><a href="#">Newsroom</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="content">
<div id="sidebar">
<ul>
<li id="categories">
<h2>Categories</h2>
<ul>
<li><a href="#">drw-r--r-- .</a></li>
<li><a href="#">drw-r--r-- ..</a></li>
<li><a href="#">drw-r--r-- root</a> <small>(10)</small></li>
<li><a href="#">drw-r--r-- bin</a> <small>(19)</small></li>
<li><a href="#">drw-r--r-- usr</a> <small>(28)</small></li>
</ul>
</li>
<!-- end #categories -->
<li id="archives">
<h2>Archives</h2>
<ul>
<li><a href="#">April 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
</ul>
</li>
<!-- end #archives -->
<li id="blogroll">
<h2>Blogroll</h2>
<ul>
<li><a href="#">Jack Hogan</a></li>
<li><a href="#">Jill Reagan</a></li>
<li><a href="#">Humpty Smith</a></li>
<li><a href="#">Bumpty Smith</a></li>
<li><a href="#">Mary Lamb</a></li>
</ul>
</li>
<!-- end #blogroll -->
<li id="meta">
<h2>Meta</h2>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Logout</a></li>
<li><a href="http://validator.w3.org/check/referer">Valid <abbr
title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
</ul>
</li>
<!-- end #meta -->
</ul>
</div>
<!-- end #sidebar -->
<div id="blog">
<div id="post-1" class="post">
<h2 class="title"> <a href="#">Introduction to Linux Blog</a></h2>
<h4 class="date">March 26, 2007</h4>
<div class="entry">
<p><strong>Linux Blog</strong> is a free template from Sumanasa.com
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons License</a>. This is a simple linux-themed template with a header, a
horizontal menu, content and sidebar columns. We have tested this template in
Firefox 1.5, Opera 8.5, IE 6.0 and IE 7.0 and it works fine in all these browsers.
This is a valid XHTML and CSS and it is also very easy to customize.</p>
<p>You can use this template with no restrictions; just leave the "Design
by" information as it is at the bottom. Good luck to your website.</p>
</div>
<p class="meta">Posted in <a href="#">Category #1</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
</div>
<!-- end #post-1 -->
<div id="post-2" class="post">
<h2 class="title"> <a href="#">Sample Tags</a></h2>
<h4 class="date">January 31, 2007</h4>
<div class="entry">
<p>A one-sentence paragraph followed by a blockquoted paragraph.</p>
<blockquote>
<p>“A collection of nursery rhymes and songs to share and enjoy,
with pictures to print off and color in.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<ul>
<li>Jack and Jill went up the hill</li>
<li>To fetch a pail of water</li>
<li>Jack fell down, and broke his crown</li>
<li>And Jill came tumbling after.</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Mary had a little lamb</li>
<li>Its fleece was white as snow</li>
<li>And everywhere that Mary went</li>
<li>The lamb was sure to go.</li>
</ol>
</div>
<p class="meta">Posted in <a href="#">Category #1</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
</div>
<!-- end #post-2 -->
</div>
<!-- end #blog -->
<div style="clear: both; height: 1px;"></div>
</div>
<!-- end #content -->
<!-- Please do not remove the "Design by" information. -->
<div id="footer">
<p>Design by <a href="http://www.sumanasa.com/">Sumanasa.com</a></p>
</div>
<!-- end footer -->
</div>
<!-- end #wrapper -->
</body>
</html>
<!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>Aqueous Light</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="wrapper">
<div id="innerwrapper">
<div id="header">
<form action="#">
<input value="Search" />
</form>
<h1><a href="#">Aqueous</a></h1>
<h2> A liquid layout by Six Shooter Media </h2>
<ul id="nav">
<li><a href="#" accesskey="3" class="active"><em>3</em> Columns</a></li>
<li><a href="twocolumns.html" accesskey="2"><em>2</em> Columns</a></li>
<li><a href="#"><em>H</em>ome</a></li>
<li><a href="#"><em>A</em>bout</a></li>
<li><a href="#"><em>E</em>xamples</a></li>
<li><a href="#"><em>C</em>ontact</a></li>
</ul>
<ul id="subnav">
<li>Subnav:</li>
<li><a href="#" accesskey="3" class="active"><em>3</em> Columns</a></li>
<li><a href="twocolumns.html" accesskey="2"><em>2</em> Columns</a></li>
<li><a href="#"><em>H</em>ome</a></li>
<li><a href="#"><em>A</em>bout</a></li>
<li><a href="#"><em>E</em>xamples</a></li>
<li><a href="#"><em>C</em>ontact</a></li>
</ul>
</div>
<div id="sidebar">
<h2>Latest News</h2>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h3>News Title</h3>
<p class="news"> An example of a "latest news" type text area. Here would be
the excerpt of the article. You can of course put anything you like here. <a
href="#" class="more">Read More »</a> </p>
<h2>Sub Navigation</h2>
<ul class="subnav">
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
<li><a href="#"><b>»</b>Link Here</a></li>
</ul>
<h2>Search</h2>
<input name="" type="text" value="Search" />
</div>
<div id="sidebarright">
<h2>Another Sidebar</h2>
<p> Sure, why not?! With all this width we have room for an additional
sidebar if you should so need one. </p>
<p> Of course, if you happen to not want this additional sidebar, a standard
2 column layout is available which you can view by <a
href="twocolumns.html">clicking here</a>! </p>
<h2>More Links</h2>
<ul>
<li><a href="#">Six Shooter Media</a></li>
<li><a href="#">free templates</a></li>
<li><a href="#">Buy a Button</a></li>
<li><a href="#">Transfer Speculation</a></li>
</ul>
</div>
<div id="content">
<h2 id="Intro"><a href="#">Introduction</a></h2>
<p> Hello and welcome to Aqueous, a liquid template created by Six Shooter
Media. The template itself is designed for higher resolutions, 1024x768 and up,
however with it being liquid, it will work in any resolution you can throw at it.
It's written in XHTML and CSS and displays consistently on various web browsers.
</p>
<h2 id="About"><a href="#">About the Author</a></h2>
<p>Hi! My names Jay and I'm a 20 year old web designer from England. My main
projects are conducted through my website Six Shooter Media, but I (obviously) also
enjoy creating Open Source web templates for general use! You can keep a check on
my free templates here which is probably a link worth bookmarking as my templates
appear there a couple of weeks before OWD/OSWD due to the design queues. </p>
<p> Another site of mine that you might find interesting if you're setting up
a site with a free template like Buy a Button.net. There, for a great price you can
purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<p> If you want more of my free templates, they can be found here! </p>
<h2 id="Examples"><a href="#">Some Examples</a></h2>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog. </p>
<h3>Blockquote Example</h3>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf
hdsbf jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd
sb </p>
</blockquote>
<h3>List Example</h3>
<ul>
<li><span>Here</span></li>
<li><span>Is our friend</span></li>
<li><span>The list!</span></li>
</ul>
<h2 id="Contact"><a href="#">Contact</a></h2>
<p> If you decide to use this template please drop me a line to let me know!
Don't hesitiate to get in touch if your interested in a custom template or just in
any of my services in general. I look forward to hearing from you! </p>
<h3>Example Contact Form</h3>
<form action="#">
<label>Name</label>
<input value="Your Name" />
<label>Email</label>
<input value="Your Email" />
<label>You Comments</label>
<textarea rows="5" cols="5"></textarea>
<input type="submit" />
</form>
</div>
<div id="footer">
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here.</p>
</div>
</div>
</div>
</body>
</html>
<!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>LoadFoO [V2]</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<script type="text/javascript" src="js/textsizer.js"></script>
<script type="text/javascript" src="js/rel.js"></script>
</head>
<body>
<div id="wrap">
<div id="top">
<h2><a href="#">LoadFoO [V2]</a></h2>
<div id="menu">
<ul>
<li><a href="#" class="current">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">portofolio</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div style="float: right;"><a href="javascript:ts('body',1)">[+]</a> | <a
href="javascript:ts('body',-1)">[-]</a></div>
<div id="left">
<h2>Welcome to LoadFoO [V1]</h2>
<p>Text Content Text <a href="#">Content Text</a> Content Text Content Text
Content Text Content Text Content Text Content Text Content Text Content Text
Content Text Content Text Content Text Content Text Content Text Content Text
Content Text Content Text Content Text Content Text Content Text Content.</p>
<ul>
<li>ul-li test.</li>
<li>ul-li test.</li>
<li>ul-li test.</li>
<li>ul-li test.</li>
<li>ul-li test.</li>
</ul>
<h2>Functionality or performance</h2>
<p>Text Content Text Content Text Content Text Content Text Content Text
Content Text Content Text Content Text Content Text Content Text Content Text
Content Text Content Text Content Text Content Text Content Text Content Text
Content Text Content Text Content Text Content Text Content. </p>
</div>
<div id="right">
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Archive</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div class="box">
<h2 style="margin-top:17px">Recent Entries</h2>
<ul>
<li><a href="#">Recent Entries1</a> <i>01 Des 06</i></li>
<li><a href="#">Recent Entries2</a> <i>01 Des 06</i></li>
<li><a href="#">Recent Entries3</a> <i>01 Des 06</i></li>
<li><a href="#">Recent Entries4</a> <i>01 Des 06</i></li>
<li><a href="#">Recent Entries5</a> <i>01 Des 06</i></li>
</ul>
</div>
</div>
<div id="clear"></div>
</div>
<div id="footer">
<p>Copyright 2006 LoadFoO [V1]. Designed by <a
href="http://loadfoo.org/">LoadFoO</a>. Valid <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?
uri=referer">XHTML</a></p>
</div>
</div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<!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>Localize</title>
<link rel="stylesheet" type="text/css" href="screenstyle.css" />
</head>
<body>
<div class="container">
<div class="titleblock">
<h1>Localize</h1>
<p>“Insert some random text here.”</p>
</div>
<div>
<ul class="navbar">
<li><a href="#" class="nav">Home</a></li>
<li><a href="#" class="nav">About Us</a></li>
<li><a href="#" class="nav">Products</a></li>
<li><a href="#" class="nav">Contact</a></li>
</ul>
</div>
<div class="rightcontainer">
<div class="rightbox">
<h2>News</h2>
<p>This morning a man in New Zealand got out of bed and had breakfast. Find
out more <a href="#">here</a>.</p>
</div>
<div class="rightbox linkbox">
<h2>Links</h2>
<a href="#">Google</a> <a href="#">OSWD</a> <a href="#">WPDFD</a> <a
href="#">stock.xchng</a> <a href="#">THG</a> <a href="#">How Stuff Works</a> </div>
</div>
<div class="content">
<h2>Welcome to Localize</h2>
<p>This web page is validated xhtml strict and css. No tables are used in this
design. I found inspiration for this design and also a lot of help from the designs
of haran.</p>
<h2>Some Filler Text</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla ac elit ut
erat tempor vehicula. Duis enim eros, gravida eu, pretium ut, dapibus et, enim. Sed
ac tellus. Nulla vel arcu. Proin ac sapien et neque pellentesque mollis. Praesent
ut magna sed tortor luctus pretium. Proin a est gravida dui pellentesque tincidunt.
Nunc at ipsum. Suspendisse elit. Fusce sit amet lectus. Quisque et neque vitae odio
sagittis tincidunt.</p>
<h2>More Filler Text</h2>
<p>Morbi elit. Integer in est. In hac habitasse platea dictumst. Ut bibendum
odio eget velit. Aliquam sed nulla vel quam nonummy suscipit. Etiam fringilla,
nulla quis fermentum pretium, neque risus convallis odio, id convallis magna diam
ac nisl.</p>
</div>
<div class="footer">
<div class="right">
<p>© 2005 Whatsisname Thingymajig</p>
<p><a href="http://validator.w3.org/check/referer">Validate XHTML 1.0
Strict</a></p>
</div>
<p>Email <a href="#">Webmaster</a></p>
<p>Photo Credit: Dimiter Tzankov, stock.xchng</p>
</div>
</div>
</body>
</html>
<!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>Logistix</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Logistix</h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<!-- end #header -->
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Our Services</a></li>
<li><a href="#" accesskey="3">Our Products</a></li>
<li><a href="#" accesskey="4">Customer Support</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Logistix!</h2>
<div class="story">
<p><strong>Logistix</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
</div>
</div>
<!-- end #posts -->
<div id="links">
<ul>
<li>
<h2>News & Updates</h2>
<ul>
<li><a href="#">February 2007</a> <i>(22)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Lorem Ipsum Dolor</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #links -->
<div style="clear: both;"> </div>
</div>
<!-- end #content -->
<div id="footer">
<p id="legal">Copyright © 2007 Logistix. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
<!-- end #footer -->
</body>
</html>
<!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>Lonelyness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="main">
<h1>Lonelyness</h1>
<h2>By Dieter Schneider</h2>
</div>
<div id="linkbar">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
</ul>
</div>
</div>
<div id="top_content">
<blockquote>
<p>If you hear a voice within you say "you cannot paint," then by all
means paint, and that voice will be silenced.<br />
Vincent Van Gogh</p>
</blockquote>
</div>
<div id="main_content">
<h3>Template by Dieter Schneider 2006 </h3>
<p>This template was created by Dieter Schneider on a rainy day in Desmber 2006.
If you want to remove the copyright and get the PSD file (which will give you a lot
of flexibility with this template) you can buy it on www.csstemplateheaven.com for
only seven dollars. Tested in the latest versions of FF, IE and Opera with
excellent results. </p>
<h3>Creative templates </h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ornare odio
eget nulla lacinia volutpat. Donec gravida, tortor id vulputate feugiat, diam arcu
porttitor sapien, sit amet rutrum augue lorem at dolor. Nullam ante. Sed vitae
nisi. Donec mi. Nulla consequat leo id turpis. In sollicitudin arcu eget felis.
Vestibulum cursus turpis nec nunc aliquet tristique. Nulla luctus odio non dolor.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; In hac habitasse platea dictumst. Quisque tortor tellus,
congue sed, tincidunt vel, congue sed, sem. Ut in libero.</p>
</div>
<div id="footer"> © <a
href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a>. Design by
Dieter Schneider 2006</div>
</body>
</html>
<!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>Lost in Forest</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<link href="global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Container">
<div id="Top">
<div id="MenuHold"> <a href="#">Home</a> <a href="#">My blog</a> <a href="#">My
gallery</a> <a href="#">My projects</a> <a href="#">My friends</a></div>
<h1>Lost in Forest<sup>1.0</sup></h1>
<h2>and alone</h2>
<p>www.empire-elements.co.uk</p>
</div>
<div id="MainText">
<div id="Left">
<h3>Lorem ipsum dolor sit amet</h3>
<div id="LeftBG">
<p><em>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Etiam sem sapien, posuere vel, </em></p>
<p>mollis id, porta ut, ipsum. Suspendisse facilisis euismod odio. Nulla <a
href="#">eu libero at</a> libero ornare molestie. Aenean quis pede. Fusce nonummy,
metus nec sodales tempus, sem tortor pharetra nibh, a bibendum erat odio in
justo.</p>
<p>Donec ut velit. Ut ac mauris id neque ultrices varius. Donec eget lacus
tempor <a href="#">lorem lobortis vehicula</a>. Vivamus vel velit. Maecenas ut
turpis. Quisque tempus consectetuer neque.</p>
<p>Lorem <a href="#">ipsum dolor</a> sit amet, consectetuer <br />
adipiscing elit. Etiam sem sapien, posuere vel,</p>
</div>
</div>
<div id="Right">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sem
sapien, posuere vel, mollis id, porta ut, ipsum. Suspendisse facilisis euismod
odio. Nulla eu libero at libero ornare molestie. Aenean quis pede. Fusce nonummy,
metus nec sodales tempus, sem tortor <a href="#">pharetra nibh</a>, a bibendum erat
<a href="#">odio in justo</a>. Donec ut velit. Ut ac mauris id neque ultrices
varius. Donec eget lacus tempor lorem lobortis vehicula. Vivamus vel velit.
Maecenas ut turpis. Quisque tempus consectetuer neque.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sem
sapien, <a href="#">posuere vel, mollis</a> id, porta ut, ipsum. Suspendisse
facilisis euismod odio. Nulla eu libero at libero ornare molestie. Aenean quis
pede. Fusce nonummy, metus nec sodales tempus, sem tortor pharetra nibh, a bibendum
erat odio in justo. Donec ut velit. Ut ac <a href="#">mauris id</a> neque ultrices
varius. Donec eget lacus tempor lorem lobortis vehicula. Vivamus vel velit.
Maecenas ut turpis. Quisque tempus consectetuer neque.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sem
sapien, posuere vel, mollis id, porta ut, ipsum. Suspendisse facilisis euismod
odio. Nulla eu libero at libero ornare molestie. Aenean quis pede. Fusce nonummy,
metus nec sodales tempus, sem tortor pharetra nibh, a bibendum erat odio in justo.
Donec ut velit. Ut ac mauris id neque ultrices varius. Donec eget lacus tempor
lorem lobortis vehicula. Vivamus vel velit. Maecenas ut turpis. Quisque tempus
consectetuer neque.</p>
</div>
</div>
<div id="OneField"><img src="tree2.jpg" alt="" width="256" height="132"
class="img"/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sem sapien,
posuere vel, mollis id, porta ut, ipsum. Suspendisse facilisis euismod odio. Nulla
eu libero at libero ornare molestie. Aenean quis pede. Fusce nonummy, metus nec
sodales tempus, sem tortor pharetra nibh, a bibendum erat odio in justo. Donec ut
velit. Ut ac mauris id neque ultrices varius. Donec eget lacus tempor lorem
lobortis vehicula. Vivamus vel velit. Maecenas ut turpis. Quisque tempus
consectetuer neque.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sem sapien,
posuere vel, mollis id, porta ut, ipsum. Suspendisse facilisis euismod odio. Nulla
eu libero at libero ornare molestie. Aenean quis pede. Fusce nonummy, metus nec
sodales tempus, sem tortor pharetra nibh, a bibendum erat odio in justo. Donec ut
velit. Ut ac mauris id neque ultrices varius. Donec eget lacus tempor lorem
lobortis vehicula. Vivamus vel velit. Maecenas ut turpis. Quisque tempus
consectetuer neque.</p>
</div>
<div id="Gallery">
<ul>
<li>
<h2>Moon Image</h2>
<a href="#" title="Moon Image"><img src="moon.jpg" alt="Moon Image"
/></a></li>
<li>
<h2>Moon Image</h2>
<a href="#" title="Moon Image"><img src="moon.jpg" alt="Moon Image"
/></a></li>
<li>
<h2>Moon Image</h2>
<a href="#" title="Moon Image"><img src="moon.jpg" alt="Moon Image"
/></a></li>
<li>
<h2>Moon Image</h2>
<a href="#" title="Moon Image"><img src="moon.jpg" alt="Moon Image"
/></a></li>
</ul>
</div>
<div id="Footer">
<p>Design by <a href="http://www.empire-elements.co.uk/" title="Design by
Empire Elements">Empire Elements</a><br />
This design is contributed to www.openwebdesign.org and its' growing
comunity. Feel free to modify this design any way you wish. If you like our design
please link back to us. If you need any help, just drop us email
[email protected]<br />
<a href="#">Home</a> | <a href="#">My Gallery</a> | <a href="#">My
Projects</a> | <a href="#">My Friends</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Lovely</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import url(lovely.css);
</style>
</head>
<body>
<div id="container">
<div id="header"><a name="top"></a>
<h1><a href="#">Lovely</a></h1>
<div class="description">this looks lovely!</div>
</div>
<div id="sidebar">
<h2>About Me</h2>
<p>Welcome to Lovely!</p>
<h2>Search:</h2>
<form method="get" id="searchform" action="#">
<div>
<input type="text" value="" name="q" id="q" size="15"/>
<input type="submit" id="searchsubmit" value="Go" />
</div>
</form>
<!--archives-->
<a href="#">Home</a> <br/>
<a href="#">February 2006</a> <br/>
<br/>
<h2>Links</h2>
<a href="http://validator.w3.org/check/referer">Valid XHTML</a><br/>
<a href="#">OSWD</a> </div>
<div id="content">
<div class="post">
<h2>Lovely !!!</h2>
<p> Lovely is coded in XHTML/CSS with no tables. <br/>
It looks good in Mozilla Firefox and IE 6. <br/>
<br/>
I am now using this design in <a href="#">my diary</a>. <br/>
If you like this design, send me a mail. </p>
<h2>Lorem Ipsum</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum. <br/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br/>
<br/>
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</div>
</div>
<div id="footer"> © Copyright you | Design by <a
href="http://www.kumi.co.nr">Kumiko</a> | <a href="#">RSS</a> </div>
</div>
</body>
</html>
<!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>Luscious Candy</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<div class="wrapper">
<!-- Start Border-->
<div id="border">
<!-- Start Header -->
<div class="header"> <img src="images/header.gif" alt="Header" /> </div>
<!-- End Header -->
<!-- Start Navigation Bar -->
<div id="nav-bar">
<ul>
<li><a href="#">Home</a> <a
href="#">Services</a> <a
href="#">Portfolio</a> <a href="#">Our
Team</a> <a
href="#">Location</a> <a href="#">Special
Offers</a> <a href="#">News</a></li>
</ul>
</div>
<!-- End Navigation Bar -->
<!-- Start Left Column -->
<div id="leftcolumn">
<!-- Start Left Column Inner -->
<div class="leftcolumn-inner">
<h1>Search</h1>
<form action="#" method="post">
<p>
<input name="search" id="search" />
</p>
</form>
</div>
<!-- End Left Column Inner -->
<!-- Start Box -->
<div class="in-the-news">
<div class="left-heading"> In the News </div>
<div class="left-mid"> Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam,</div>
<div class="content-bottom"> <img src="images/left-bottom.gif"
class="block" alt="" /> </div>
</div>
<!-- End Box -->
<!-- Start Box -->
<div class="in-the-news">
<div class="left-heading"> What's Happening? </div>
<div class="left-mid"> Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam</div>
<div class="content-bottom"> <img src="images/left-bottom.gif"
class="block" alt="" /> </div>
</div>
<!-- End Box -->
<!-- Start Box -->
<div class="in-the-news">
<div class="left-heading">Feature Categories</div>
<div class="left-mid">
<ul id="daily-links">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Wicked Fire</a></li>
<li><a href="#">Code Sucks</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">CSS Beauty</a></li>
</ul>
</div>
<div class="content-bottom"> <img src="images/left-bottom.gif"
class="block" alt="" /> </div>
<p> <a href="http://jigsaw.w3.org/css-validator/"> <img class="valid"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" style="border:0;width:88px;height:31px" /></a> <a
href="http://validator.w3.org/check?uri=referer"><img
class="valid" src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a> </p>
</div>
<!-- End Box -->
</div>
<!-- End Left Column -->
<!-- Start Right Column -->
<div id="rightcolumn">
<!-- Start Sponsor Ads Box -->
<div class="sponsor"> Sponsors Here </div>
<!-- End Sponsor Ads Box -->
<!-- Start Main Content -->
<div class="maincontent">
<div class="content-top"> <img src="images/content-top.gif" class="block"
alt="" /> </div>
<div class="content-mid">
<h1>Here, There and Everywhere</h1>
<img src="images/small-pic.gif" class="float" alt="Picture" /> Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostris
nostrud e xercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolois nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in </div>
<div class="content-bottom"> <img src="images/content-bottom.gif"
class="block" alt="" /> </div>
</div>
<!-- End Main Content -->
<div class="maincontent">
<div class="content-top"> <img src="images/content-top.gif" class="block"
alt="" /> </div>
<div class="content-mid">
<h1>Here, There and Everywhere</h1>
<img src="images/small-pic.gif" class="float" alt="Picture" /> Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostris
nostrud e xercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolois nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in </div>
<div class="content-bottom"> <img src="images/content-bottom.gif"
class="block" alt="" /> </div>
</div>
<!-- End Main Content -->
<!-- Start Main Content -->
<div class="maincontent">
<div class="content-top"> <img src="images/content-top.gif" class="block"
alt="" /> </div>
<div class="content-mid">
<h1>Here, There and Everywhere</h1>
<img src="images/small-pic.gif" class="float" alt="Picture" /> Lorem
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostris
nostrud e xercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolois nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in </div>
<div class="content-bottom"> <img src="images/content-bottom.gif"
class="block" alt="" /> </div>
<div style="display: block; clear: left; margin: -0.66em 0; visibility:
hidden;"> HACK </div>
</div>
<!-- End Main Content -->
</div>
<!-- End Right Column -->
</div>
<!-- End Border -->
<!-- Start Footer -->
<div id="footer"> © Copyright with <a href="http://www.code-
sucks.com/">Code-sucks.com</a> 2006 </div>
<!-- End Footer -->
</div>
</body>
</html>
<!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>Made of Cheese</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Made of Cheese</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<div id="menu" class="boxed">
<h2 class="title">Main Menu</h2>
<div class="content">
<ul>
<li><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">About Us</a></li>
<li><a href="#" accesskey="3">Our Products</a></li>
<li><a href="#" accesskey="4">Our Services</a></li>
<li><a href="#" accesskey="5">Contact Us</a></li>
</ul>
</div>
</div>
<div class="boxed">
<h3 class="title">Sample Ordered List</h3>
<div class="content">
<ol>
<li><a href="#">Suspendisse quis gravida</a></li>
<li><a href="#">Vivamus sagittis bibenm</a></li>
<li><a href="#">Nullam et orci in amet</a></li>
<li><a href="#">Suspendisse quis gravida</a></li>
<li><a href="#">Curabitur malesuada</a></li>
<li><a href="#">Suspendisse quis gravida</a></li>
<li><a href="#">Vivamus sagittis bibenm</a></li>
<li><a href="#">Nullam et orci in amet</a></li>
<li><a href="#">Suspendisse quis gravida</a></li>
<li><a href="#">Curabitur malesuada</a></li>
</ol>
</div>
</div>
<div class="boxed">
<h3 class="title">Featured Photo</h3>
<div class="content">
<p><a href="#"><img src="images/img4.jpg" alt="" width="200"
height="150" /></a></p>
<p>Roquefort cheese showing mold on biscuit. <a
href="#">More…</a></p>
</div>
</div>
</div>
<div id="colTwo" class="boxed">
<h2 class="title">Welcome to Made of Cheese!</h2>
<div class="content"> <img src="images/img5.jpg" alt="" width="150"
height="113" class="image" />
<p><em><strong>Made of Cheese</strong></em> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. Photos are from PDPhoto.org. You're free to use it for both commercial
or personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque
in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<h3>Lorem Ipsum Dolore </h3>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis.</p>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Made of Cheese. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Magazine
Version : 1.0
Released : 20070627
Description: A two-column, fixed-width template with light color blend.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Magazine by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Magazine</a></h1>
<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
</div>
<hr />
<div id="page">
<div id="sidebar">
<ul>
<li id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</li>
<li id="news">
<h2><span>Recent</span> News & Updates</h2>
<ul>
<li>
<h3><span>6/25:</span> Semper vestibulum</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3><span>6/21:</span> Posuere eleifend odio</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3><span>6/17:</span> Vivamus fermentum</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
</ul>
</li>
<li>
<h2><span>Sagittis</span> Convallis</h2>
<ul class="list">
<li class="first"><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis dui</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum enim</a></li>
<li><a href="#">Aenean elementum facilisis ligula</a></li>
<li><a href="#">Ut tincidunt elit vitae augue</a></li>
<li><a href="#">Sed quis odio sagittis leo vehicula</a></li>
</ul>
</li>
</ul>
</div>
<div id="content">
<div id="welcome">
<h1 class="title"><span>Welcome</span> to Our Website!</h1>
<img src="images/img03.jpg" alt="" width="118" height="118" class="left" />
<p><strong>Magazine</strong> is a free template from <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from <a href="http://www.pdphoto.org/">PDPhoto.org</a>.
You"re free to use it for both commercial or personal use. I only ask that you link
back to <a href="http://www.freecsstemplates.org/">my site</a> in some way.
<em>Enjoy :)</em></p>
<h2>Praesent Scelerisque</h2>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat:</p>
<blockquote>
<p>“Integer nisl risus, sagittis convallis, rutrum id, elementum
congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel
elit…”</p>
</blockquote>
</div>
<div class="twocols">
<div class="col1">
<h2 class="title"><span>Lorem</span> Ipsum Dolor</h2>
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna
congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id,
congue, and nibh.</p>
<p><a href="#">Read more…</a></p>
</div>
<div class="col2">
<h2 class="title"><span>Pellentes</span> Quisque</h2>
<ul class="list">
<li class="first"><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus dui</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum</a></li>
<li><a href="#">Aenean elementum ligula</a></li>
<li><a href="#">Ut tincidunt elit augue</a></li>
</ul>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<hr />
<div id="footer">
<p id="legal">Copyright © 2007 Magazine. All Rights Reserved | Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Manuscript Free Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="header">
<div class="title">
<h1>sNEWS 1.5</h1>
<h3>USE THIS TEMPLATE FOR FREE!</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">Manuscript Template</a></h2>
<h3>YOUR NEWS ON A OLD PAPER</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent
eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat,
laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula
enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus
est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra.
In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc
aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt
nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer
porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
<p class="date">Posted by Jack <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(15)</a> <img src="images/timeicon.gif" alt="" /> 17.01.</p>
<br />
<h2><a href="#">Try it with sNews 1.4</a></h2>
<h3>AND WHY NOT WITH sNEWS 1.5 ;-)</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent
eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat,
laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula
enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus
est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra.
In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc
aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt
nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer
porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
<p class="date">Posted by Jack <img src="images/more.gif" alt="" /> <a
href="#">Read more</a> <img src="images/comment.gif" alt="" /> <a href="#">Comments
(15)</a> <img src="images/timeicon.gif" alt="" /> 17.01.</p>
<br />
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">
<div class="particles">
<h2>Top Articles</h2>
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
diam adipiscing</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">consectetuer adipiscing
elit dolor sit amet</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit amet
ipsum dolor</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
adipiscing elit </a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit amet
euismod ante</a><br />
</div>
<div class="comments">
<h2>Last Comments</h2>
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
diam adipiscing</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">consectetuer adipiscing
elit dolor sit amet</a> <br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit amet
ipsum dolor</a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Integer euismod ante non
adipiscing elit </a><br />
<img src="images/arrow.gif" alt="" /> <a href="#">Lorem ipsum dolor sit amet
euismod ante</a><br />
</div>
</div>
<div id="footer">
<div class="padding"> Copyright © 2006 Your Site Name | Design: <a
href="http://www.free-css-templates.com">David Herreman </a> | <a
href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a
href="#">Login</a> </div>
</div>
</div>
</body>
</html>
<!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>
<title>Bermuda 01</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="design2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="logo">
<h1>Trott & Co</h1>
<h2>Architects :: Designers</h2>
</div>
<div id="mainphoto"></div>
<div id="nav">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Why Bermuda?</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end nav -->
<div id="shadow"></div>
<div id="col1">
<div id="col1content">
<h3>Welcome</h3>
<p>This is my first submission to oswd and I sincerly hope you like it.
Should work fine in all browsers (tested in IE 6, Opera 8, Firefox and Netscape
6.1). Validates as XHTML 1.0 Transitional.</p>
<p>Photos are from stock.xchng. The layout is simple and very easy to modify.
Open the layout.png file in a graphics program such as Fireworks and slot your own
image in to replace the one I have used. To get it looking really great you should
pick up some of the colours in your picture and use them for the header, right
column, background, navigation bar and footer. Use the colour picker and just pick
colours from your picture until you get the look you are after.</p>
<p>File size is quite small. Total size of the graphic elements used is
around 16K. The html and css files are under 3K. In other words it loads FAST. </p>
<p>Another example of the the template can be found <a href="#">here</a>.
This uses graphics for the company name and headings (rather than text). </p>
<p>Feel free to use the design. All I ask is that you keep the link to my
site in the footer OR link to my site from your links page using one of the links
found on this page.</p>
<p> Would love to see what you do with it. Email me and tell me about any
sites that use it. </p>
<p>Take care and good luck. David Mottershead.</p>
</div>
</div>
<!-- end col1 -->
<div id="col2">
<div id="col2content">
<p><img src="images/woman2.jpg" alt="" class="imageborder" /></p>
<p class="subhead">Profile: Mena Trott</p>
<p class="sidebar">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut
sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac
quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan
aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. </p>
</div>
<!-- end col2content -->
</div>
<!-- end col2 -->
<div id="footer">
<p>Design by YOU | Layout by <a href="http://www.bermuda4u.com/">Bermuda
4u</a></p>
</div>
</div>
<!-- end wrapper -->
</body>
</html>
<!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>Marine Life</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Marine Life</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="colOne">
<h2>Welcome to Marine Life!</h2>
<p><small>January 4th, 2007 by Author</small></p>
<p><em><strong>Marine Life</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque
pellentesque semper massa.</p>
<p class="posted">Posted in <a href="#">Quisque vestibulum</a> | <a
href="#">Edit</a> | <a href="#">1 Comment »</a></p>
<p> </p>
<h2>Lorem Ipsum Dolore</h2>
<p><small>January 3rd, 2007 by Author </small></p>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
<p class="posted">Posted in <a href="#">Suspendisse iaculis</a> | <a
href="#">Edit</a> | <a href="#">23 Comment »</a></p>
</div>
<div id="colTwo">
<ul>
<li>
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18"
/>
<input type="submit" id="submit1" name="submit1" value="Search" />
</div>
</form>
</li>
<li>
<h2>Pages</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
<li>
<h2>Blogroll</h2>
<ul>
<li><a href="#">WebGod of Gates</a></li>
<li><a href="#">AnotherFriendlySite.net</a></li>
<li><a href="#">CoolSite.com</a></li>
<li><a href="#">MyBestFriend.com</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://validator.w3.org/check/referer" title="This page
validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a></li>
</ul>
</li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p>Copyright © 2006 Marine Life. Designed by <a
href="http://freecsstemplates.org"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Midnight Alley</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Midnight Alley</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="sidebar2">
<div id="lorem" class="boxed">
<h2 class="title">Lorem Ipsum</h2>
<div class="content">
<ul>
<li><a href="#"> Integer sit amet pede</a></li>
<li><a href="#">Arcu aliquet pretium</a></li>
<li><a href="#">Pellentesque quis elit</a></li>
<li><a href="#">Non lectus gravida</a></li>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li><a href="#">Amet consectetuer</a></li>
<li><a href="#">Adipiscing elit hasellus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Aliquam risus pellentes</a></li>
<li><a href="#">Adipiscing elit hasellus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Nec erat sit amet nibh</a></li>
<li><a href="#">Pellentesque congue</a></li>
<li><a href="#">Cras vitae metus</a></li>
<li><a href="#">Aliquam risus pellentes</a></li>
<li><a href="#">Que pharetra</a></li>
<li><a href="#">Maecenas vitae orci</a></li>
<li><a href="#">Vitae tellus feugiat</a></li>
<li><a href="#">Eleifend etiam ac</a></li>
<li><a href="#">Tortor eu metus</a></li>
<li><a href="#">Euismod lobortis</a></li>
<li><a href="#">Duis non ante in metus</a></li>
<li><a href="#">Commodo euismod<br />
</a></li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Midnight Alley!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="story"> <img src="images/img04.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Midnight Alley</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photo is from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em>Enjoy :)</em></p>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Midnight Alley. All Rights Reserved. Designed
by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Midnight</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1> <a href="#">Midnight</a></h1>
<h2>By Free CSS Templates</h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="content">
<div id="sidebar">
<div id="support">
<h2>Customer Support</h2>
<h3>1-800-1234567</h3>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p> <a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p> <a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p> <a href="#">Quisque dictum integer nisl risus, sagittis
convallis, rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p> <a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p> <a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p> <a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post">
<h2 class="title">Welcome to Midnight!</h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p><strong>Midnight</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
</div>
<div id="example" class="post">
<h2 class="title">Examples of Common Tags</h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum.
Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh.
Suspendisse dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Midnight. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Midnight Rainforest</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1><a href="#">Midnight Rainforest</a></h1>
<p id="skip"><a href="#content">Skip To Content</a></p>
</div>
<div id="wrapper">
<!-- Main content section -->
<div id="content">
<h2 id="topper">Item One</h2>
<h3>About This Design</h3>
<p>Well, this design was made because I wanted to make something that didn't
involve hacks for the primary layout.</p>
<p>The left and right columns are set at 200px, and the center area is fully
flexible to whatever size is needed. All fonts will increase appropriately because
all are set relative using the base at the 76% universal sizing.</p>
<p>One image is used through this layout, and is simply repeated in different
spots to show possible placement of graphics.</p>
<p>You can have multiple subsections in your left navigation, but the only
ones that will show expanded are the subsections for the <ul> currently
marked #active. The subsections for other sections of the menu will remain
hidden.</p>
<p>This website is XHTML 1.0 Strict and has been tested in Firefox, IE 6 and
IE 7 Beta 2, Opera, Konqueror, and Safari.</p>
<h4>Alternate Layout</h4>
<p>There is an alternate 2 column layout of this design available. This
layout is ideal for subpages.</p>
<p><a href="index_2col.html">Alternate 2 column Layout</a></p>
<h2>Useage</h2>
<p>I am freeing this template according to the <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. That license gives you the right to use this template in any way
(commercial or non-commercial), make changes to it, create things based on it,
etc... so long as an attribution is made to the author. Per this, please leave the
link at the bottom of the footer to my site, though you are free to change the text
of that link (such as, 'Based on a design by', etc..) to suit your needs. You can
also, alternatively, put a link in your 'About' page or other page as
appropriate.</p>
<h1>H1 Heading</h1>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>
<h4>H4 Heading</h4>
<h5>H5 Heading</h5>
<p>This is normal paragraph text. This is normal paragraph text. This is
normal paragraph text. This is normal paragraph text. This is normal paragraph
text. This is normal paragraph text. This is normal paragraph text.</p>
<p><a href="#">This is a normal link.</a></p>
<p><acronym>An acronym</acronym></p>
<p><code>Some text here that is code.</code></p>
<blockquote>
<p>A blockquote.</p>
</blockquote>
<table>
<thead>
<tr>
<th colspan="3">Table Heading</th>
</tr>
</thead>
<tbody>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
<tr>
<th class="sub">Sub head 1</th>
<td>Result 1</td>
<td>Result 2</td>
</tr>
<tr>
<th class="sub">Sub head 2</th>
<td>Result 1</td>
<td>Result 2</td>
</tr>
<tr>
<th class="sub">Sub head 3</th>
<td>Result 1</td>
<td>Result 2</td>
</tr>
</tbody>
</table>
<h3>Color palette:</h3>
<p>For easy search and replace.</p>
<ul>
<li style="color:#000">Regular Black #000</li>
<li style="color: #452">Dark Green #452</li>
<li style="color:#472">Rich Green #472</li>
<li style="color: #79B30B">Lime Green #79B30B</li>
<li style="color:#b71">Orange Brown #b71</li>
</ul>
<h4>Special:</h4>
<p>Main content background, title, and regular text color of pure #fff
white.</p>
<p style="background-color:#dda; color: #742">The topper of the main content
and the code area have a background-color of #dda and text color #742, like so.</p>
</div>
</div>
<div id="navigation">
<!-- Menu section -->
<div class="navcontainer">
<ul class="navlist">
<li class="menutitle">navigation</li>
<li id="active"><a href="#" id="current">Home</a>
<ul>
<li><a href="#">A sublink</a></li>
<li><a href="#">A sublink</a></li>
<li><a href="#">A sublink</a></li>
</ul>
</li>
<li><a href="#">Item two</a>
<ul>
<li><a href="#">A sublink</a></li>
<li><a href="#">A sublink</a></li>
<li><a href="#">A sublink</a></li>
</ul>
</li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li id="last"><a href="#">Item five</a></li>
</ul>
</div>
<h2>A Pitch</h2>
<p>Something relatively important that you want to put here right below the
links. Maybe this is a ad area, or perhaps its a spot to sign up for a free
newsletter.</p>
<p><img src="images/grass_sm.jpg" class="sm" alt="" /></p>
</div>
<div id="extra">
<label class="header" for="searchbox">Search</label>
<form id="contactForm" action="some.php">
<p style="padding:0; margin:0;">
<input type="text" style="width: 140px;" id="searchbox" />
<input type="submit" value="GO" style="margin-left: 3px; width:40px" />
</p>
</form>
<p><img src="images/grass_sm.jpg" class="sm" alt="" /></p>
<h2>Recent News</h2>
<p><strong>News Title:</strong> This is a little piece of news you could
display on your site.</p>
<p><strong>News Title:</strong> This is a little piece of news you could
display on your site.</p>
<p><strong>News Title:</strong> This is a little piece of news you could
display on your site.</p>
<h2>Affiliates</h2>
<ul id="affiliate">
<li><a href="#">Offsite link / image</a></li>
<li><a href="#">Offsite link / image</a></li>
<li><a href="#">Offsite link / image</a></li>
<li><a href="#">Offsite link / image</a></li>
</ul>
</div>
<div id="footer">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Accessibility Statement</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Privacy Policy</a></li>
<li>Design by <a href="http://www.websitestyle.com">Website Style</a></li>
</ul>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>mike03</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1"
/>
<link rel="stylesheet" href="mike03.css" type="text/css" />
</head>
<body>
<div id="container" >
<div id="headerWrap">
<div id="header">
<h1><a href="#">mike03</a></h1>
<ul id="navigation">
<li><a href="#">Page5</a></li>
<li><a href="#">Page4</a></li>
<li><a href="#">Page3</a></li>
<li><a href="#">Page2</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="contentHeader">
<div id="siteDescription">
<p>Here could be the description of your cool site!</p>
</div>
</div>
<div id="main">
<div class="post">
<h2>Open Source Template</h2>
<p>This template is an open source template. It's distributing under
Creative Commons 2.5 licence.
That means that you can use it in any way you like. All I ask for is that
you leave the "Design by ..."
link in the footer of the site. If you would like to remove that line, or
if you are interested
in professional services that are related to webdesign or this layout
(such as custom design,
branding, scripting or programming), please contact me through my website
for more information!</p>
</div>
<div class="post">
<h2>Design Features</h2>
<p>The template is optimized for 800x resolution but looks nice at
different resolutions too.
The main header with menu is liquid and change it's width in different
resolutions.
Content colums are easly changeble by float property in CSS.</p>
<blockquote>
<p>Some blockquote text which is showed as an example how it looks
like.</p>
</blockquote>
Example of an un-ordered list:
<ul>
<li>That is</li>
<li>how it</li>
<li>looks like</li>
</ul>
</div>
</div>
<div id="secondary">
<h2>About</h2>
<p>Here could be some sidebar. You can put here whatever you want. May be
some linkroll or some
additional information</p>
<h2>Version</h2>
<p>Template: mike03</p>
<p>Current template version: 1.3 (05/01/07)</p>
<h2>Search</h2>
<form method="get" id="searchform" action="#">
<fieldset>
<input type="text" name="s" id="searchtext" />
<input type="submit" id="searchsubmit" value="search" />
</fieldset>
</form>
</div>
</div>
<div id="footer">
<p>© 2006 Courtesy | Design by <a href="http://www.mikeyarmish.com">Mike
Yarmish</a> & <a href="http://www.svinus.be">Svinus zoekmachine
optimalisatie</a> </p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Mini Blog</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/1.css" type="text/css"
media="screen,projection" />
</head>
<body>
<div id="container">
<div id="header">
<h1><a href="#">mini<strong>BLOG</strong> 1.0</a></h1>
<h2>For all your blogging needs.</h2>
<ul id="nav">
<li><a href="#" accesskey="h"><em>H</em>ome</a></li>
<li><a href="#css" title="CSS and XHTML (a:c)" accesskey="c"><em>c</em>ss
& xhtml</a></li>
<li><a href="#about" title="All about me (a:a)" accesskey="a"><em>A</em>bout
the author</a></li>
<li><a href="#contact" title="Get in Touch (a:o)"
accesskey="o">C<em>o</em>ntact</a></li>
</ul>
</div>
<div id="sidebar">
<h1>The Sidebar</h1>
<p> This is where you will put anything that uhm, belongs here really. Latest
Comments. Submenus. Blogrolls. Affiliates. Anything! </p>
<h1>Menu Take 2</h1>
<ul class="submenu">
<li><a href="#intro">Intro</a></li>
<li><a href="#css">css & xhtml</a></li>
<li><a href="#about">About the author</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<h1>Check it out!</h1>
<ul class="submenu">
<li><a href="#">Six Shooter Media</a></li>
<li><a href="#">JamesKoster.co.uk</a></li>
<li><a href="#">Buy a Button!</a></li>
<li><a href="#">Open Web Design</a></li>
<li><a href="#">OSWD</a></li>
</ul>
<p class="note"> Here is a special paragraph for any important notes that you
might want to display. </p>
</div>
<div id="content">
<h1><a href="#intro" id="intro">Introduction</a></h1>
<h2>Everyting needs an intro!</h2>
<p> Hello and welcome to miniBLOG! This is just a simple, small template
designed specifically for the blog obsessives. Regarding colours, I've left
everything very plain using mainly greys. These colours are all easily changed via
the stylesheet. The backgorund image can be changed easily too by opening it in a
graphics program and adjusting the hue/saturation. Got something to say? Say it
with miniBLOG! </p>
<p> Speaking of the background image, it was created using a pattern which can
be found on squidfingers.com. </p>
<div class="article_menu"> <b>Posted on Thursday 08 December 2005</b> <a
href="#">28 Comments</a> </div>
<h1><a href="#css" id="css">CSS & XHTML</a></h1>
<p> As you would expect, this web site makes use of css for its entire layout.
No nasty tables here baby! The markup is also valid XHTML 1.1 strict. CSS &
XHTML are important for the following reasons: </p>
<ul>
<li>Accessibility. Big subject</li>
<li>Keeping file sizes small</li>
<li>Search Engine Optimisation</li>
<li>Loads more</li>
</ul>
<p> Anyway, this site validates as both <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.1 Strict</a> compliant. Which is nice. </p>
<div class="article_menu"> <b>Posted on Thursday 08 December 2005</b> <a
href="#">28 Comments</a> </div>
<h1><a href="#about" id="about">About the Author</a></h1>
<p> Hi! My names Jay and I'm a 19 year old web designer from England. My main
projects are conducted through my website Six Shooter Media. But I also run various
other sites. These include my blog, nothing special really, and, more interestingly
for people setting up new sites with these templates I run a tutorials web site
which gives you some good techniques for spicing up your web sites. Be it a
template site or something else, there's bound to be somehting interesting there,
so take a look at Pretty as a Picture. </p>
<p> Another site of mine that you might find interesting if you're setting up a
site with a free template like this is Buy a Button. There, for a great price you
can purchase a link to your site in the form of a button. This link will obviously
provide you site with some additional traffic which is always nice! </p>
<div class="article_menu"> <b>Posted on Thursday 08 December 2005</b> <a
href="#">28 Comments</a> </div>
<h1>Some Examples</h1>
<p> OK, here I'll just put some example html elements that you will most
probably be using in your blog. </p>
<h2>Blockquote Example</h2>
<blockquote>
<p> Here's your blockquote text jfds jkndskf ndsknf sldnfjk sdnf jdsbf hdsbf
jbsdjfk bdskj bdsjfb dsk bds bfsdj bfsjk bfsjdbf sbjd fjsbdk fsdbf sdb fksbd sb
</p>
</blockquote>
<h2>List Example</h2>
<ul>
<li>Here</li>
<li>Is our friend</li>
<li>The list!</li>
</ul>
<h2>Comment Example</h2>
<div class="comment_odd"> <span class="comnum">3</span>
<p><a href="#">Author Name</a> comments:</p>
<p> jd slksdnf dsnfk lndskfj ndskfj lndskfj dsn lksdnf kjsdnf sdlknf sjkf
nsdlkfn sdjfk ndslk fnds jfknsdk fjnsdlk fnsdjf nsdlkjf nsdkljf nsdjfk nsdlf ndsjfk
ndskl fnds jkfndsl jfknds jkfnds fknsdkn fksd nfsdknf lsdkn fksdn fklsdnfkjsndf
ksdnf klsdn fsdknf </p>
</div>
<div class="comment_even"> <span class="comnum">2</span>
<p><a href="#">Author Name</a> comments:</p>
<p> jd slksdnf dsnfk lndskfj ndskfj lndskfj dsn lksdnf kjsdnf sdlknf sjkf
nsdlkfn sdjfk ndslk fnds jfknsdk fjnsdlk fnsdjf nsdlkjf nsdkljf nsdjfk nsdlf ndsjfk
ndskl fnds jkfndsl jfknds jkfnds fknsdkn fksd nfsdknf lsdkn fksdn fklsdnfkjsndf
ksdnf klsdn fsdknf </p>
</div>
<div class="comment_odd"> <span class="comnum">1</span>
<p><a href="#">Author Name</a> comments:</p>
<p> jd slksdnf dsnfk lndskfj ndskfj lndskfj dsn lksdnf kjsdnf sdlknf sjkf
nsdlkfn sdjfk ndslk fnds jfknsdk fjnsdlk fnsdjf nsdlkjf nsdkljf nsdjfk nsdlf ndsjfk
ndskl fnds jkfndsl jfknds jkfnds fknsdkn fksd nfsdknf lsdkn fksdn fklsdnfkjsndf
ksdnf klsdn fsdknf </p>
</div>
<div class="article_menu"> <b>Posted on Thursday 08 December 2005</b> <a
href="#">28 Comments</a> </div>
<h1><a href="#contact" id="contact">Contact</a></h1>
<p> If you decide to use this template please <a href="#">drop me a line</a> to
let me know! Don't hesitiate to get in touch if your interested in a custom
template or just in any of my services in general. I look forward to hearing from
you! </p>
<div class="article_menu"> <b>Posted on Thursday 08 December 2005</b> <a
href="#">28 Comments</a> </div>
</div>
<div id="footer">
<p> Template design by <a href="http://www.sixshootermedia.com">Six Shooter
Media</a>.<br />
© All your copyright information here. </p>
</div>
</div>
</body>
</html>
<!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>Minimalistic</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
</head>
<body>
<div id="wrap">
<div id="top">
<div class="rights"> </div>
<div id="search"> </div>
<div class="lefts">
<h1>sNews 1.5</h1>
<h2>More features, less code</h2>
</div>
</div>
<div id="topmenu">
<div class="rights"></div>
<div class="lefts">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">AFFILIATES</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">ABOUTS US</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
<div id="subheader"> <strong>sNews</strong> is both template independant, and
standards compliant, and having only one file means you can redesign your site
whenever you want. We are constantly working on sNews development, which means that
as new features are added, all you have to do is <a
href="http://snews.solucija.com/" title="download">download</a> and install the
newer version. Your site and design will not be affected. </div>
<div id="main">
<div id="rightside">
<h2>Categories:</h2>
<div class="box">
<ul>
<li><a href="#">Templates (15)</a></li>
<li><a href="#">Internet (10)</a></li>
<li><a href="#">Tutorials (23)</a></li>
<li><a href="#">Photoshop (11)</a></li>
<li><a href="#">sNews (16)</a></li>
<li><a href="#">Personal (5)</a></li>
</ul>
</div>
<h2>New Articles:</h2>
<div class="box">
<ul>
<li><a href="#">I would like to send...</a></li>
<li><a href="#">This simple tutorial will...</a></li>
<li><a href="#">To make this nice fade...</a></li>
<li><a href="#">If you want to advertise...</a></li>
<li><a href="#">This has to be one of the...</a></li>
<li><a href="#">This day I would like to...</a></li>
</ul>
</div>
<h2>Sponsored Links</h2>
<div class="box">
<ul>
<li><a href="#">Links4se.com</a></li>
</ul>
</div>
</div>
<div id="leftside">
<h2> Download this template for free! </h2>
<p> <img src="images/img.jpg" alt="img" /> Phasellus quis est eget metus
blandit lacinia. Quisque molestie, diam a dignissim mattis, lectus felis placerat
lectus, eget sollicitudin neque nunc eleifend metus. <a href="#">Curabitur
ullamcorper</a> sem ac pede gravida sagittis. Sed et felis. Vestibulum placerat,
ipsum nec congue auctor, ante massa placerat felis, sit amet
<strong>consectetuer</strong> elit arcu vitae metus. In commodo, risus sed
tristique luctus, ipsum diam dapibus eros, et vehicula dui augue tempus quam. In
laoreet. Suspendisse et pede volutpat lacus interdum consequat. Cras dui. Quisque
ac turpis nec ligula rutrum pulvinar. Quisque lectus ligula, vehicula nec,
fringilla eu, dignissim ut, nisl. Vestibulum non turpis. Maecenas urna. </p>
<div class="date"><a href="#">Comments (5)</a> . 05 Jan 2007 . 10:37</div>
<h2>Lorem Ipsum</h2>
<p> Sed odio tortor, rhoncus ac, auctor a, volutpat sed, diam. Quisque
imperdiet. Maecenas quis nisl. Fusce sed nibh eget odio faucibus lobortis. Fusce
sagittis est sed elit. Sed venenatis elit ut urna. Etiam varius imperdiet leo.
Integer rhoncus venenatis arcu. Donec sollicitudin lectus. Cras ac est. Fusce odio.
Donec posuere fermentum dolor. Sed a lacus tristique tellus ultrices mattis. Sed
adipiscing urna a orci. Maecenas pharetra volutpat sem. </p>
<div class="date"><a href="#">Comments (11)</a> . 07 Jan 2007 . 02:56</div>
</div>
</div>
<div id="footer">
<div class="rside">© Copyright 2006, <a href="#">Your Site Name</a> - <a
href="#">HOME</a><br />
Design: <a href="http://www.free-css-templates.com" title="Design by David
Herreman">David Herreman</a></div>
<p> <a href="http://validator.w3.org/check?uri=referer"
title="Validate">XHTML</a> - <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="Validate">CSS</a> </p>
</div>
</div>
</body>
</html>
<!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>Minty</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="container">
<div id="header">Minty</div>
<div id="subheader">Providing A Long Lasting Freshness...</div>
<div id="nav">
<ul>
<li><a href="#" class="current">home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Pages</a></li>
<li><a href="#">Categories</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Email</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div id="maincontainer">
<div id="sidenav">
<ul class="menu">
<li class="title">Other Sites</li>
<li><a href="#">Digg</a></li>
<li><a href="#">Open Designs</a></li>
<li><a href="#">sNews</a></li>
<li><a href="#">Wordpress</a></li>
</ul>
<p>Integer semper molestie est. Duis scelerisque rhoncus magna. Aliquam
erat volutpat. Nunc dignissim, massa at sodales euismod, <a href="#">lorem
turpis</a> accumsan ipsum, sit amet malesuada pede purus id lectus.</p>
<form method="post" class="search" action="#">
<p>
<input type="text" name="search_query" class="textbox" />
<input type="submit" name="search" class="button" value="Search" />
</p>
</form>
</div>
</div>
<div id="content">
<h2>Generic Blog Design</h2>
<p>This is my first submission to <a href="#">The Open Design Community</a>.
Feel free to use it however you like. The only thing I ask is that you leave a link
to my site http://summitr.com/ somewhere on your site. I don't really care where it
is. You can add it in the footer, a links section on the sidebar, or on a links
page. This Design is probably best used for a personal blog. I don't think the
colors really lend themselves to a business site. I plan on porting this to
Wordpress at sometime in the future. Oh yeah, this Design is Valid XHTML 1.0 Strict
and CSS.</p>
<p>Morbi vel turpis eget diam gravida laoreet. Integer varius, est egestas
mollis suscipit, felis enim sagittis lectus, vitae luctus lectus urna a urna. Cum
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Phasellus posuere. Nullam mauris. Ut augue justo, laoreet non, suscipit ac, commodo
quis, leo. Cras vestibulum, risus non bibendum consequat, lorem turpis lacinia
purus, ut adipiscing nibh nibh sagittis sapien. Integer et ante eget erat suscipit
viverra. Aliquam imperdiet tempus mauris. Quisque odio libero, luctus vel,
vulputate nec, scelerisque eu, nunc. Etiam lorem tellus, bibendum vitae, mattis sit
amet, congue et, metus.</p>
<h2>How About A Form?</h2>
<form action="#">
<p>
<label>Name</label>
<input name="dname" value="Your Name" type="text" size="30" />
<label>Email</label>
<input name="demail" value="Your Email" type="text" size="30" />
<label>Your Comments</label>
<textarea rows="5" cols="5"></textarea>
<br />
<input class="button" type="submit" />
</p>
</form>
<h2>Maybe a Blockquote or a Code Box?</h2>
<blockquote>
<p>Morbi vel turpis eget diam gravida laoreet. Integer varius, est egestas
mollis suscipit, felis enim sagittis lectus, vitae luctus lectus urna a urna. Cum
sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Phasellus posuere. Nullam mauris. Ut augue justo, laoreet non, suscipit ac, commodo
quis, leo. Cras vestibulum, risus non bibendum consequat, lorem turpis lacinia
purus, ut adipiscing nibh nibh sagittis sapien. Integer et ante eget erat suscipit
viverra. Aliquam imperdiet tempus mauris. Quisque odio libero, luctus vel,
vulputate nec, scelerisque eu, nunc. Etiam lorem tellus, bibendum vitae, mattis sit
amet, congue et, metus.</p>
</blockquote>
<div class="code">blockquote {<br />
margin: 20px;<br />
padding: 0 15px;<br />
background: #595959;<br />
border-left: 3px solid #b8e06d;<br />
font-weight: bold;<br />
color: #b8e06d;<br />
}</div>
<p>Sed eleifend nulla ac lectus. Donec id lorem nec mauris dictum ultrices.
Donec id nulla. Cras magna. Nullam leo justo, condimentum a, lacinia vitae,
dignissim eget, arcu. Etiam molestie. Suspendisse potenti. Proin laoreet ante sit
amet mi. Phasellus diam mauris, congue sit amet, vestibulum sit amet, porttitor
viverra, est. Vestibulum sodales, magna at egestas adipiscing, libero sem dapibus
turpis, blandit consequat odio pede quis lacus. Donec consequat aliquet magna. Sed
interdum, felis eu elementum dictum, eros pede bibendum massa, at condimentum odio
elit non felis. Maecenas arcu pede, accumsan venenatis, ornare id, mattis in, odio.
Donec sed sem ac sem vulputate iaculis. Praesent quis massa sit amet velit
elementum vestibulum.</p>
<p>Donec mollis gravida metus. Cras faucibus aliquet purus. Cras tortor diam,
dictum nec, mollis vitae, consectetuer ut, mauris. Vestibulum vel ante. Phasellus
sollicitudin bibendum orci. Nulla eu turpis ac justo iaculis convallis. Morbi
molestie ullamcorper velit. Integer eu pede. Cras ultricies, lectus a lacinia
malesuada, metus elit cursus dui, vitae rhoncus arcu velit non quam. Aenean sit
amet libero.</p>
<p>Mauris venenatis, arcu in hendrerit cursus, felis tortor porta sapien, ac
hendrerit elit diam sed purus. Nullam eu enim. Praesent magna. Integer a felis a
quam pulvinar lobortis. Proin porttitor dolor ac mauris. Morbi sapien lorem,
gravida ac, fermentum in, pellentesque ut, eros. Etiam bibendum nisi sit amet
turpis. Maecenas sit amet massa. Vivamus massa justo, vulputate tempor, scelerisque
vel, sollicitudin eu, orci. Vivamus facilisis.</p>
<p>Proin dapibus sem eu magna. Etiam non lorem. Nulla scelerisque nisl a
nisl. Maecenas in ante. Integer mollis, eros ac auctor ultricies, purus erat
blandit nisi, id mattis eros ante id odio. Vivamus eleifend auctor velit. Donec
nisi neque, eleifend vitae, tempor id, venenatis ac, eros. Ut id nisl vel est
viverra pulvinar. Etiam nulla. Vestibulum quis lacus. In aliquet ipsum vel libero.
Curabitur eget velit.</p>
</div>
</div>
<div id="footer">Copyright 2007 Summitr Designs</div>
</div>
</body>
</html>
<!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>Misty Blue</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<!-- Start Wrapper -->
<div class="wrapper">
<!-- Start header -->
<div class="header">
<!-- Start left header column -->
<div class="header-left"> <img src="images/logo.jpg" alt="Logo" /> </div>
<!-- End left header column -->
<!-- Start Right header column -->
<div class="header-right"> <br />
<br />
ADSENSE HERE </div>
<!-- Start Right header column -->
</div>
<!-- End header -->
<!-- Start Navigation Bar -->
<div class="navbar">
<ul>
<li class="nav-bar"><a href="#"><img src="images/home.jpg" alt="home"
/></a></li>
<li class="nav-bar"><a href="#"><img src="images/services.jpg" alt="services"
/></a></li>
<li class="nav-bar"><a href="#"><img src="images/portfolio.jpg"
alt="portfolio" /></a></li>
<li class="nav-bar"><a href="#"><img src="images/our-team.jpg" alt="our team"
/></a></li>
<li class="nav-bar"><a href="#"><img src="images/location.jpg" alt="location"
/></a></li>
</ul>
</div>
<!-- End Navigation Bar -->
<!-- Start Main Columns -->
<div id="leftcolumn">
<ul>
<li class="block"><a href="#">Home</a></li>
<li class="block"><a href="#">Link</a></li>
<li class="block"><a href="#">Link</a></li>
<li class="block"><a href="#">Link</a></li>
<li class="block"><a href="#">Link</a></li>
<li class="block"><a href="#">Link</a></li>
</ul>
<blockquote>
<div>Aenean nec metus. Duis <br />
faucibus orci in dui. Curabitur faucibus, ipsum quis dapibus commodo, felis
nisl vehicula massa, quis porta ligula neque quis elit. Fusce a urna et nulla
luctus iaculis.<br />
Maecenas sodales dui vel <br />
urna.</div>
</blockquote>
<blockquote>
<div>Aenean nec metus. Duis <br />
faucibus orci in dui. Curabitur faucibus, ipsum quis dapibus commodo, felis
nisl vehicula massa, quis porta ligula neque quis elit. Fusce a urna et nulla
luctus iaculis.<br />
Maecenas sodales dui vel <br />
urna.</div>
</blockquote>
<br />
<p> <a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict"
height="31" width="88" /></a> <a href="http://jigsaw.w3.org/css-validator/"> <img
style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-
validator/images/vcss" alt="Valid CSS!" /> </a> </p>
</div>
<!-- End Main Columns -->
<!-- Start Main Columns -->
<div id="rightcolumn"> <img src="images/feature.jpg" alt="Feature Image" />
<h1>Hello</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation</p>
<p> </p>
<h1>Goodbye</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation</p>
<p> </p>
<h1>See ya Later </h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation</p>
<h1>Congratulations</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation</p>
<p> </p>
<p> </p>
<p> </p>
</div>
<!-- End Main Columns -->
<div style="display: block; clear: left; margin: -0.66em 0; visibility: hidden;">
HACK </div>
<!-- Start Footer -->
<div class="footer"> © Copyright with <a href="http://www.code-
sucks.com/">Code-Sucks.com</a> 2006 </div>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html>
<!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>Misty Bud</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Misty Bud</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="content">
<div id="sidebar">
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome">
<h2>Welcome to Misty Bud!</h2>
<p><strong>Misty Bud</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You're free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
</div>
<div id="example">
<h2>Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.
Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 Misty Bud. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>Architecture</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header"> </div>
<div id="left">
<div id="logo">
<h1>Architecture Bureau</h1>
<p>It's all possible</p>
</div>
<div id="nav">
<ul>
<li class="important"><a href="#">Home</a></li>
<li><a href="#">Recent Projects</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div id="news">
<h2>Latest News</h2>
<h3>02/03/07</h3>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div class="hr-dots"> </div>
<h3>01/03/07</h3>
<p>If you're looking for beautiful and professionally made templates you can
find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="more"><a href="#">more</a></p>
</div>
<div id="support">
<p>Call: +3265-9856-789</p>
</div>
</div>
<div id="right">
<h2>Welcome to Our Site!</h2>
<div id="welcome"> <img src="images/pic_1.jpg" width="171" height="137"
alt="Pic 1" class="left" />
<p>Don't forget to check <a href="#">free website templates</a> every day,
because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look
like.</p>
<p class="more"><a href="#">more</a></p>
</div>
<h3>Company Profile</h3>
<div id="profile">
<div id="corp">
<div id="corp-img"> Corporate Building </div>
<p>If you're having problems editing the template please don't hesitate to
ask for help on <a href="#">the forum</a>.</p>
</div>
<div id="indu">
<div id="indu-img"> Industrial </div>
<p>This is a template designed by free website templates for you for free
you can replace all the text by your own text.</p>
</div>
<div class="clear"> </div>
<p class="more"><a href="#">View Details</a></p>
</div>
</div>
<div class="clear"> </div>
<div id="spacer"> </div>
<div id="footer">
<div id="copyright"> Copyright © 2007 Company Name All right reserved |
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
<div id="footerline"></div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/2001/REC-
xhtml11-20010531/DTD/xhtml11-flat.dtd">
<html>
<head>
<title>mlpdesign02</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mlpdesign.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<!--header-->
<div id="header">
<div class="logo">
<h1>TITLE OR LOGO HERE</h1>
...and tag line here</div>
<div class="search">
<input type="text" name="search" size="15" />
<input type="button" value="Search" name="searchbtn" class="buttons" />
</div>
</div>
<div class="menu">
<div class="left"><a href="#">Home</a> | <a href="#">Menu 2</a> | <a
href="#">Menu 3</a> | <a href="#">Menu 4</a></div>
<div class="right"> <a href="#"><img src="img/home.gif" alt="home" /></a> <a
href="#"><img src="img/contact.gif" alt="contact" /></a> <a href="#"><img
src="img/map.gif" alt="sitemap" /></a></div>
</div>
<div class="spacer"> </div>
<!--body-->
<div id="body">
<div class="content">
<h1>About this template</h1>
<p>This template is released as an open source template under <a
href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons
Non-Commercial</a>. If you use it, please retain the "Template Design by
MLP Design" tag and link in place.</p>
<p>Please DO NOT use it in adult or adult-oriented websites!</p>
<p> For commercial use, please contact me.</p>
<h1>Reminders when editing</h1>
<p>To keep the design from messing up, change items in the index.html file
only when they are outside the <tags>.
If you wish to edit the color, font, size, etc, do so within the stylesheet
(mlpdesign.css) file. Otherwise, the code may not validate
or may not show up properly in other browsers.</p>
<h1>Space fillers, an image, and the blockquote</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend
laoreet magna. Donec auctor libero id massa.</p>
<blockquote>
<p>Aenean sit amet enim ac urna dictum lobortis. Praesent convallis sapien
eu tortor. Phasellus eros tortor, lacinia ut, pellentesque in, venenatis in,
elit.</p>
</blockquote>
<p><img class="img" src="img/adj.gif" alt="" />Proin congue risus eget eros.
Morbi ornare, enim ac convallis pellentesque, metus arcu sagittis diam, nec
fringilla nunc eros id arcu.
Nunc sagittis ligula id justo. Nam et pede a mi facilisis consequat.</p>
</div>
<div class="sidebar">
<h1>Unordered list</h1>
<div class="sidebarcontent">
<ul>
<li><a href="#">Link list one</a></li>
<li><a href="#">Link list two</a></li>
<li><a href="#">Link list three</a></li>
<li><a href="#">Link list four</a></li>
<li><a href="#">Link list five</a></li>
</ul>
</div>
<h1>The ordered list</h1>
<div class="sidebarcontent">
<ol>
<li>Number one</li>
<li>Number two</li>
<li>Number three</li>
<li>Number four</li>
</ol>
</div>
<h1>Some more sidebar</h1>
<div class="sidebarcontent">
<p>Vivamus tellus augue, pretium quis, blandit sit amet, tincidunt non,
justo. Ut tortor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
<div class="spacer"> </div>
</div>
<!--bottom-->
<div id="bottom"> </div>
<div id="midbottom">
<div class="column">
<h2>Left content</h2>
<a href="#">Suspendisse potenti</a> <a href="#">Proin sed pede</a> <a
href="#">Nullam at metus</a> <a href="#">Morbi fringilla imperdiet lorem</a> <a
href="#">Donec tempus aliquam orci</a> <a href="#">Pellentesque ultricies nisi
nec</a> </div>
<div class="column">
<h2>Middle content</h2>
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Ut tristique ullamcorper urna</li>
<li>Sed eleifend laoreet magna</li>
<li>Proin congue risus eget eros</li>
<li>Suspendisse potenti</li>
</ol>
</div>
<div class="column">
<h2>Right content</h2>
<p>Nunc sagittis ligula id justo. Nam et pede a mi facilisis consequat.
Quisque tincidunt, turpis vel commodo lacinia, arcu odio bibendum metus, eget
elementum ipsum eros sit amet velit.</p>
<p>Etiam ipsum diam, sodales blandit, accumsan vel, dictum eget, lectus.</p>
</div>
<div class="spacer"> </div>
</div>
<div id="btmbottom"> </div>
<!--footer-->
<div class="menu">
<div class="left"><a href="http://validator.w3.org/check?uri=referer">XHTML
1.1</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS
3.0</a></div>
<div class="right">Template design by <a href="http://www.mlpdesign.net">MLP
Design</a></div>
</div>
</div>
</body>
</html>
<!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>mlpDesign03</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mlpd3sign.css" type="text/css" />
</head>
<body>
<div id="main">
<div id="header">
<h1>Put your Name or Logo Here</h1>
</div>
<div id="sidebar">
<h1>Navigation</h1>
<ul>
<li><a class="active">Link</a></li>
<li><a href="#">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="#">Page 5</a></li>
<li><a href="#">Page 6</a></li>
</ul>
<h2>Partners</h2>
<p class="off"> Put anything here such as links, ads, or buttons. </p>
</div>
<div id="content">
<h1>About this template</h1>
<p>This template contains three pages, with sample <a
href="services.html">Services</a> and <a href="portfolio.html">Portfolio</a> pages.
This is another older Design for own my site, which I have also decided to release
as an open source template under Creative Commons Non-Commercial.</p>
<p>If you use the template, please retain the "Template Design by MLP Design"
tag and link in place. For commercial use, please contact me.</p>
<p>Please DO NOT use the template in adult or adult-oriented websites!</p>
<h2>The Unordered List</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend
laoreet magna. Donec auctor libero id massa.</p>
<ul>
<li>Unordered list without a link</li>
<li>Unordered list with <a href="#">a link</a></li>
<li><a href="#">Linked unordered list</a></li>
</ul>
<h2>The Ordered List</h2>
<p>Aenean sit amet enim ac urna dictum lobortis. Praesent convallis sapien eu
tortor. Phasellus eros tortor, lacinia ut, pellentesque in, venenatis in, elit.</p>
<ol>
<li>Numbered List One</li>
<li>Numbered List Two</li>
<li>Numbered List Three</li>
<li>Numbered List Four</li>
</ol>
<p><strong>Note: Do not mind us. We are just space fillers</strong>.
Suspendisse potenti. Proin sed pede. Suspendisse elementum, augue et
venenatis malesuada, nisl pede commodo eros, id faucibus purus arcu vel
risus. Nullam at metus. Donec non dui.</p>
</div>
<div class="spacer"></div>
<div id="footer">2007 © Copyright Your Name. All Rights Reserved. <br />
Template Design by <a href="http://www.mlpDesign.net">MLP Design</a> | <a
href="http://validator.w3.org/check?uri=referer">XHTML 1.0</a> | <a
href="http://jigsaw.w3.org/css-validator/check/referer/">CSS 2.0</a> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/2001/REC-
xhtml11-20010531/DTD/xhtml11-flat.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>mlpdesign04</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="default.css" type="text/css" />
</head>
<body>
<div id="wrapper1">
<div id="wrapper2">
<!--Header Items -->
<div id="header">
<div id="title"> <a href="#">mlpdesign04</a></div>
<div id="navbar">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a class="current-cat">About</a></li>
<li><a href="#">Page 3</a></li>
<li><a href="#">Page 4</a></li>
<li><a href="#">Page 5</a></li>
</ul>
</div>
<div id="tagline">
<p>This could be your tagline, or a brief description of your website. Or
you could leave it blank. It's all up to you.</p>
</div>
</div>
<!-- Main Body Items -->
<div id="maindiv">
<!-- Articles -->
<div id="content">
<div class="item">
<h1>About this template</h1>
<span>Posted on 11 April 2007, 2:16 PM by <a href="#">webmasterneo</a> |
<a href="#">0 Comment(s)</a>.</span>
<p>This template, mlpdesign04 (a.k.a. "pink"), is released as an open
source template under <a href="http://creativecommons.org/licenses/by-
nc/2.5/">Creative Commons Non-Commercial</a>. If you use it, please retain the
"Template Design by MLP Design" tag and link in place. For commercial use, please
contact me.</p>
<p>Please DO NOT use it in adult or adult-oriented websites!</p>
</div>
<div class="item">
<h1>Reminders when editing</h1>
<span>Posted on 11 April 2007, 2:16 PM by <a href="#">webmasterneo</a> |
<a href="#">0 Comment(s)</a>.</span>
<p>To keep the design from messing up, change items in the index.html
file only when they are outside the <tags>. If you wish to edit the color, font,
size, etc, do so within the stylesheet (default.css) file. Otherwise, the code may
not validate or may not show up properly in other browsers.</p>
</div>
<div class="item">
<h1>Space fillers, an image, and the blockquote</h1>
<span>Posted on 11 April 2007, 2:16 PM by <a href="#">webmasterneo</a> |
<a href="#">0 Comment(s)</a>.</span>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend
laoreet magna. Donec auctor libero id massa.</p>
<blockquote>
<p>Aenean sit amet enim ac urna dictum lobortis. Praesent convallis
sapien eu tortor. Phasellus eros tortor, lacinia ut, pellentesque in, venenatis in,
elit.</p>
</blockquote>
<p><img class="img" src="images/adj.gif" alt="" />Proin congue risus eget
eros. Morbi ornare, enim ac convallis pellentesque, metus arcu sagittis diam, nec
fringilla nunc eros id arcu. Nunc sagittis ligula id justo. Nam et pede a mi
facilisis consequat.</p>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="heading">Search</div>
<form action="POST">
<p>
<input type="text" name="search" value="Enter search term..." size="20"
/>
<input type="" name="submit" src="images/submit.gif" class="button" />
</p>
</form>
<div class="heading">Categories</div>
<ul>
<li><a href="#">Category One</a></li>
<li><a href="#">Category Two</a></li>
<li><a href="#">Category Three</a></li>
<li><a href="#">Category Four</a></li>
</ul>
<div class="heading">Archives</div>
<ul>
<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
</ul>
<div class="heading">Links</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
<li><a href="#">Link Five</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer">
<p>© Copyright 2007 Yout Name. All rights reserved. <br />
Template design & code by <a href="http://www.mlpdesign.net"
title="Template by mlpdesign.net">MLP Design</a>.</p>
</div>
</body>
</html>
<!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>Model Agency</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page_header">
<div id="logo">
<h1><span>Model Agency</span></h1>
</div>
<div id="page_menu">
<ul>
<li><a href="#"><img src="images/menu_home.gif" width="37" height="7"
alt="HOME" /></a></li>
<li><a href="#"><img src="images/menu_aboutus.gif" width="69" height="7"
alt="ABOUT US" /></a></li>
<li><a href="#"><img src="images/menu_portfolio.gif" width="74" height="7"
alt="PORTFOLIO" /></a></li>
<li><a href="#"><img src="images/menu_gallery.gif" width="62" height="7"
alt="GALLERY" /></a></li>
<li><a href="#"><img src="images/menu_contacts.gif" width="72" height="7"
alt="CONTACTS" /></a></li>
</ul>
</div>
<div class="clearthis">.</div>
</div>
<div id="page_bodybox">
<div id="leftborder">
<div id="top"> </div>
<div id="bot"> </div>
</div>
<div id="bodyborder">
<div id="page_content">
<!-- BEGIN LEFT COLUMN -->
<div id="leftcol">
<h2><span>Optional Header</span></h2>
<span> <img src="images/main_img.gif" width="300" height="399" alt="Model
Name" /> </span>
<div id="nav"> <strong><span><a href="#">1</a></span></strong>
<strong><span><a href="#">2</a></span></strong> <strong><span><a
href="#">3</a></span></strong> <strong><span><a href="#">4</a></span></strong>
<strong><span><a href="#">5</a></span></strong> <strong><span><a
href="#">6</a></span></strong>
<div class="clearthis">.</div>
</div>
</div>
<!--// END LEFT COLUMN -->
<!-- BEGIN MAIN COLUMN -->
<div id="maincol">
<h3>About the gallery</h3>
<p> This is a demo text. It will be replaced by the original. This is a
demo text. It will be replaced by the original. This is a demo text. It will be
replaced by the original. This is a demo text. It will be replaced by the original.
This is a demo text. It will be replaced by the original. </p>
<p> This is a demo text. It will be replaced by the original. This is a
demo text. It will be replaced by the original. This is a demo text. It will be
replaced by the original. This is a demo text. It will be replaced by the original.
This is a demo text. It will be replaced by the original. </p>
<h3>Special features</h3>
<ul>
<li><a href="#">This is a demo text.</a></li>
<li><a href="#">You can replace it by your own text.</a></li>
<li><a href="#">Some links can go here.</a></li>
<li><a href="#">This text can be replaced.</a></li>
<li><a href="#">Put your content here by replacing.</a></li>
</ul>
<div id="maincol_nav">
<h3><span>Navigate</span></h3>
<a href="#">Prev</a> <a href="#"><img src="images/arrow_left.gif"
width="3" height="5" alt="Previous" /></a> <a href="#">3</a> | <a
href="#">4</a> <a href="#"><img src="images/arrow_right.gif" width="3"
height="5" alt="Next" /></a> <a href="#">Next</a> </div>
<div class="clearthis">.</div>
</div>
<!--// END MAIN COLUMN -->
<!-- BEGIN RIGHT COLUMN -->
<div id="rightcol">
<h2><span>Optional Header</span></h2>
<div id="rightcol_top">
<div class="arrow"> <a href="http://www.freewebsitetemplates.com/"><img
src="images/arrow_up.gif" width="5" height="3" alt="Up" /></a> </div>
</div>
<div id="rightcol_main">
<div class="model_thumbnail"> <a href="#"><img src="images/model01.gif"
width="130" height="107" alt="Model Name" /></a> </div>
<div class="model_nametag"> <a href="#">Sophia Jones</a> </div>
<div class="model_thumbnail"> <a href="#"><img src="images/model02.gif"
width="130" height="107" alt="Model Name" /></a> </div>
<div class="model_nametag"> <a href="#">Anna Stone</a> </div>
<div class="model_thumbnail"> <a href="#"><img src="images/model03.gif"
width="130" height="107" alt="Model Name" /></a> </div>
<div class="model_nametag_bot"> <a href="#">Rick Stuart</a> </div>
</div>
<div id="rightcol_bot">
<div class="arrow"> <a href="#"><img src="images/arrow_down.gif"
width="5" height="3" alt="Down" /></a> </div>
</div>
</div>
<!--// END RIGHT COLUMN -->
<div class="clearthis">.</div>
</div>
</div>
<div class="clearthis">.</div>
</div>
<div id="page_footer"> <br />
Powered by <a href="http://www.freewebsitetemplates.com">Free Website
Templates</a> </div>
</body>
</html>
<!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>Model Portfolio template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><span>M</span>ODEL PORTFOLIO</h1>
</div>
<div id="nav">
<ul>
<li class="first"><a href="#"><em>M</em>Y BIO</a></li>
<li><a href="#"><em>R</em>ESUME</a></li>
<li><a href="#"><em>P</em>ORTFOLIO</a></li>
<li><a href="#"><em>P</em>HOTOS</a></li>
<li><a href="#"><em>C</em>ONTACTS</a></li>
</ul>
</div>
<div id="body">
<div id="content">
<div class="i">
<h2><strong>Welcome</strong> to my website</h2>
<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>
<h2 class="h"><span class="htop">TOP</span> <span
class="hproject">PROJECT</span> <span class="hof">of</span> <span
class="h2006">2006</span></h2>
<div id="picbox-left"> <img src="images/pic_1.jpg" width="130" height="63"
alt="Pic 1" /> </div>
<p>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<h2><strong>My</strong> gallery</h2>
<div id="gallery">
<div id="bigpic"> <a href="#"><img src="images/pic_2.jpg" width="180"
height="112" alt="Pic 2" /></a> </div>
<div class="smallpic" id="pica"> <a href="#"><img src="images/pic_3.jpg"
width="63" height="43" alt="Pic 3" /></a> </div>
<div class="smallpic" id="picb"> <a href="#"><img src="images/pic_4.jpg"
width="63" height="43" alt="Pic 4" /></a> </div>
<div class="smallpic" id="picc"> <a href="#"><img src="images/pic_5.jpg"
width="63" height="43" alt="Pic 5" /></a> </div>
<div class="smallpic" id="picd"> <a href="#"><img src="images/pic_6.jpg"
width="63" height="43" alt="Pic 6" /></a> </div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="copyright"> © Copyright 2006.model agency. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
<div id="footer"> </div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Modern Business
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Modern Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
slices:10,
animSpeed:500,
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.gif', //Replace this with...
controlNavThumbsReplace: '_thumb.gif', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8 //Universal caption opacity
});
});
</script>
<!--[if lt IE 8]>
<style type="text/css" media="screen">.nivo-controlNav a{float:left;}</style>
<![endif]-->
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div class="fl_left">
<h1><a href="index.html">Modern Business</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="featured_slide">
<div id="slider" class="nivoSlider">
<img src="images/demo/1.gif" alt="" />
<img src="images/demo/2.gif" alt="" />
<img src="images/demo/3.gif" alt="" />
<img src="images/demo/4.gif" alt="" />
<img src="images/demo/5.gif" alt="" />
</div>
</div>
<div id="featured_intro">
<div>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. This template is distributed
using a <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>, which allows you to use and modify the template for both personal and
commercial use when you keep the provided credit links in the footer. For more CSS
templates visit <a href="http://www.os-templates.com/">Free Website
Templates</a>.</p>
</div>
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="latest">
<ul>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
<li>
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
<li class="last">
<h2>Indonectetus facilis leo nibh</h2>
<p class="imgholder"><img src="images/demo/290x100.gif" alt="" /></p>
<p>Nullamlacus dui ipsum conseqlo bo rttis non euisque morbipen asda
pibulum orna. <a href="#">More »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="footer">
<div class="footbox">
<h2>Lacus interdum</h2>
<p>Elitpha sellus enim rutrum orna ac met quis risus sus sed metus. Ipsumm
aecenas sempor tincidunt feugiat tur aenec a integet rhoncus eger et. Semnisse
fauctor in ut convalli citudin vivamus curabitur tinci dunt nam vestique
pretium.</p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Phasellus tempor vestibulum</a></li>
<li><a href="#">Vestibulum quis augu mauris</a></li>
<li class="last"><a href="#">Suspendisse in neque</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Phasellus tempor vestibulum</a></li>
<li><a href="#">Vestibulum quis augu mauris</a></li>
<li class="last"><a href="#">Suspendisse in neque</a></li>
</ul>
</div>
<div class="thumbbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/80x80.gif" alt=""
/></a></li>
</ul>
<br class="clear" />
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Modern World</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="images/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="content">
<div class="right">
<div id="message">Do you like big bold letters?</div>
<div id="navigation"> <a href="#">Home</a> <a href="#">Modern world</a> <a
href="#">Behind the idea</a> <a href="#">Join the movement</a> <a
href="#">Contact</a> </div>
<h1>Welcome to our Modern World!</h1>
<p><a href="#">Modern World</a>, quite a simple layout but with rich graphics.
Ideal for your blog or a complete web page. Once again, you are free to <span
class="marked_blue">use this template</span> in any way you want. Make sure you
visit Solucija and download your fresh copy of sNews, the <span
class="marked_green">easiest</span> news publishing software, or just browse
through our gallery of free CSS templates.</p>
<div class="quote">Duis autem vel eum iriure dolor in hendrerit in vulputate
velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
delenit augue duis dolore te feugait nulla facilisi.</div>
<h1>Just some Lorem Ipsum text</h1>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<h1>Lorem Ipsum Strikes again!</h1>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<div class="left">
<div id="logo">
<h2>Modern World</h2>
<p>A place for modern people</p>
</div>
<h1>News publishing script</h1>
<p>Do you need a news publishing script? Download sNews, cause it's all you
need to start free and simple blogging.</p>
<p>sNews has only 3 files and it's <span class="marked_blue">template
independent</span> which means that you can redesign your site whenever you want.
We are constantly working on sNews <span class="marked_green">development</span> so
everything you need to do is download a newer version and your site and design
stays the same, but you're able to use more features.</p>
<h1>Lorem Ipsum again</h1>
<p>Lorem ipsum dolor <a href="#">sit amet</a>, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut <span class="marked_blue">laoreet</span>
dolore magna aliquam erat volutpat. </p>
<h1>Meta</h1>
<ul>
<li><a href="http://validator.w3.org/check/referer">XHTML</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></li>
</ul>
</div>
<div id="footer">
<p>© Copyright 2005, <a href="#">YourSite.com</a> design by <a
href="http://www.solucija.com">Solucija</a></p>
</div>
</div>
</body>
</html>
<!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>
<title>Moderna</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="moderna.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner"><a href="#">homepage</a> | <a href="#">contact</a> |
<h1>www.yourwebsite.com</h1>
</div>
<!-- Begin Top Menu -->
<ul id="navlist">
<li id="active"><a id="current" href="#">HOMEPAGE</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">PRODUCTS</a></li>
<li><a href="#">LINKS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
<!-- End Top Menu -->
<div id="sidebar-a"> <img class="border" src="images/image01.jpg" alt="" />
<h2>Links</h2>
<div class="menu">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">OWD</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a> </li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic</a> </li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
</div>
<div id="sidebar-b">
<h3>Information</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<h3>Gallery</h3>
<img class="border" src="images/image02.jpg" alt="" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. </p>
</div>
<div id="content">
<h2>Introduction</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque <a href="#">sollicitudin</a>, ante nec posuere tempus, arcu
lectus vehicula mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut
eros massa, dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in
ipsum. </p>
<p><img class="imgleft" src="images/image02.jpg" alt="" />Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Suspendisse a tortor. Pellentesque
sollicitudin, ante nec posuere tempus, arcu lectus vehicula mi, ac rhoncus lorem
turpis sed sapien. Pellentesque <a href="#">egestas</a>. Ut eros massa, dignissim
at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<div class="intro">
<h3>Article One</h3>
<p class="update"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer imperdiet, eros et cursus pharetra, nulla ante fermentum magna, eget rutrum
mi urna in purus.</p>
</div>
<div class="intro2">
<h3>Article Two</h3>
<p class="update"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer imperdiet, eros et cursus pharetra, nulla ante fermentum magna, eget rutrum
mi urna in purus. </p>
</div>
<div class="intro3">
<h4>News & Updates</h4>
<p class="update"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer imperdiet, eros et cursus pharetra, nulla ante fermentum magna, eget rutrum
mi urna in purus.</p>
</div>
</div>
<div id="footer"><a href="#">homepage</a> | <a href="#">contact</a> | <a
href="http://validator.w3.org/check?uri=referer">xhtml</a> | <a
href="http://jigsaw.w3.org/css-validator">css</a>| © 2006 Anyone | Design by
<a href="http://www.mitchinson.net"> www.mitchinson.net</a> | </div>
</div>
</body>
</html>
<!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>
<title>MODERNA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner">
<h1>Your <span style="color: #000;">Company</span> Name</h1>
</div>
<ul id="navlist">
<li id="active"><a id="current" href="#">HOMEPAGE</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">PRODUCTS</a></li>
<li><a href="#">LINKS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
<div id="sidebar-a">
<h2>Links</h2>
<div class="menu">
<ul>
<li><a href="#">Snapp Happy</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">James Koster</a></li>
<li><a href="#">OSWD</a></li>
<li><a href="#">CSS play</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
</div>
<p><img class="border" src="images/image02.jpg" alt="box" />Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Suspendisse a tortor. </p>
</div>
<div id="sidebar-b">
<h3>Information</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien.</p>
<h3>Gallery</h3>
<img class="border" src="images/image02.jpg" alt="box" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. </p>
</div>
<div id="content">
<h2>Welcome to <span style="font-weight:bold; color:#891E18;">Moderna</span>
Template</h2>
<blockquote>All images were created by me so feel free to use them if you wish.
The page has been tested in Mozilla and IE6/7. The page validates as XHTML 1.0
Transitional using valid CSS.<br />
For more FREE CSS templates visit my website.</blockquote>
<p><img class="imgleft" src="images/image02.jpg" alt="box" />Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Suspendisse a tortor. Pellentesque
sollicitudin, ante nec posuere tempus, arcu lectus vehicula mi, ac rhoncus lorem
turpis sed sapien. Pellentesque <a href="#">egestas</a>. Ut eros massa, dignissim
at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<p>This is a <a href="#">link</a> to nowhere. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Suspendisse a tortor. Pellentesque sollicitudin, ante
nec posuere tempus, arcu lectus vehicula mi, ac rhoncus lorem turpis sed sapien.
Pellentesque egestas. Ut eros massa, dignissim at, auctor vitae, consectetuer ut,
felis. Ut tincidunt sem in ipsum. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<div class="col3">
<h1>Article 1</h1>
<div class="navlist">
<ul>
<li><a href="#">BBC News</a></li>
<li><a href="#">Hartlepool Today</a></li>
<li><a href="#"> SV Horizons</a></li>
</ul>
</div>
</div>
<div class="col3center">
<h1>Article 2</h1>
<div class="navlist">
<ul>
<li><a href="#">OWD</a></li>
<li><a href="#">CSS Drive</a></li>
<li><a href="#">Listamatic</a></li>
</ul>
</div>
</div>
<div class="col3">
<h1>Article 3</h1>
<div class="navlist">
<ul>
<li><a href="#">Stu Nicholls</a></li>
<li><a href="#">Andreas Viklund</a></li>
<li><a href="#">Jay Kay</a></li>
</ul>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a tortor.
Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula mi, ac
rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa, dignissim at,
auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum. </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse a
tortor. Pellentesque sollicitudin, ante nec posuere tempus, arcu lectus vehicula
mi, ac rhoncus lorem turpis sed sapien. Pellentesque egestas. Ut eros massa,
dignissim at, auctor vitae, consectetuer ut, felis. Ut tincidunt sem in ipsum.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
</div>
<div id="footer"> <a href="#">Homepage</a> | <a href="#">contact</a> | ©
2007 Anyone | Design by <a href="http://www.mitchinson.net"> www.mitchinson.net</a>
| Licensed under a <a rel="license" target="_blank"
href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0
License</a></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Modular Business
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Modular Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.jcarousel.pack.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript"
src="layout/scripts/jquery.jcarousel.setup.js"></script>
</head>
<body id="top">
<div class="wrapper col1">
<div id="topbar">
<p>Tel: xxxxx xxxxxxxxxx | Mail: [email protected]</p>
<ul>
<li><a href="#">Libero</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mauris</a></li>
<li class="last"><a href="#">Suspendisse</a></li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="header">
<div class="fl_left">
<h1><a href="index.html">Modular Business</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"> <a href="#"><img src="images/demo/468x60.gif" alt=""
/></a> </div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col3">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Homepage</a><span>Test Text
Here</span></li>
<li><a href="pages/style-demo.html">Style Demo</a><span>Test Text
Here</span></li>
<li><a href="pages/full-width.html">Full Width</a><span>Test Text
Here</span></li>
<li><a href="#">DropDown</a><span>Test Text Here</span>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">Link text</a><span>Test Text Here</span></li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="featured_slide">
<div id="featured_content">
<ul>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/150x130.gif" alt="" /></a></li>
</ul>
</div>
<a href="javascript:void(0);" id="featured-item-prev"><img
src="layout/images/prev.png" alt="" /></a> <a href="javascript:void(0);"
id="featured-item-next"><img src="layout/images/next.png" alt="" /></a> </div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div id="container">
<div id="content">
<h2>About This Free CSS Template</h2>
<img class="imgl" src="images/demo/imgl.gif" alt="" width="125"
height="125" />
<p><strong>Indonectetus facilis leo nibh</strong></p>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
<p>For more CSS templates visit <a href="http://www.os-templates.com/">Free
Website Templates</a>.</p>
<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis fauctor mauris
wisinon vivamus. Condimentumfelis et amet tellent quisquet a leo lacus nec augue
accumsan. Sagittislaorem dolor ipsum at urna et pharetium malesuada nis consectus
odio.</p>
</div>
<div id="column">
<div class="holder">
<h2>Nullamlacus loborttis</h2>
<ul id="latestnews">
<li><img class="imgl" src="images/demo/80x80.gif" alt="" />
<p><strong>Indonectetus facilis leo nibh.</strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last"><img class="imgl" src="images/demo/80x80.gif" alt="" />
<p><strong>Indonectetus facilis leo nibh.</strong></p>
<p>Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas
dapibulum orna.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="footer">
<div id="newsletter">
<h2>Stay In The Know !</h2>
<p>Please enter your email to join our mailing list</p>
<form action="#" method="post">
<fieldset>
<legend>News Letter</legend>
<input type="text" value="Enter Email Here…"
onfocus="this.value=(this.value=='Enter Email Here…')? '' : this.value ;" />
<input type="submit" name="news_go" id="news_go" value="GO" />
</fieldset>
</form>
<p>To unsubscribe please <a href="#">click here »</a></p>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col7">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>Architecture</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header"> </div>
<div id="left">
<div id="logo">
<h1>Architecture Bureau</h1>
<p>It's all possible</p>
</div>
<div id="nav">
<ul>
<li class="important"><a href="#">Home</a></li>
<li><a href="#">Recent Projects</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div id="news">
<h2>Latest News</h2>
<h3>02/03/07</h3>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div class="hr-dots"> </div>
<h3>01/03/07</h3>
<p>If you're looking for beautiful and professionally made templates you can
find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p class="more"><a href="#">more</a></p>
</div>
<div id="support">
<p>Call: +3265-9856-789</p>
</div>
</div>
<div id="right">
<h2>Welcome to Our Site!</h2>
<div id="welcome"> <img src="images/pic_1.jpg" width="171" height="137"
alt="Pic 1" class="left" />
<p>Don't forget to check <a href="#">free website templates</a> every day,
because we add a new free website template almost daily.</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>This is just a place holder so you can see how the site would look
like.</p>
<p class="more"><a href="#">more</a></p>
</div>
<h3>Company Profile</h3>
<div id="profile">
<div id="corp">
<div id="corp-img"> Corporate Building </div>
<p>If you're having problems editing the template please don't hesitate to
ask for help on <a href="#">the forum</a>.</p>
</div>
<div id="indu">
<div id="indu-img"> Industrial </div>
<p>This is a template designed by free website templates for you for free
you can replace all the text by your own text.</p>
</div>
<div class="clear"> </div>
<p class="more"><a href="#">View Details</a></p>
</div>
</div>
<div class="clear"> </div>
<div id="spacer"> </div>
<div id="footer">
<div id="copyright"> Copyright © 2007 Company Name All right reserved |
designed by <a href="http://www.freewebsitetemplates.com">free website
templates</a></div>
<div id="footerline"></div>
</div>
</div>
</body>
</html>
<!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>Monkeys Falling</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel='stylesheet' type='text/css' href='default.css' />
<!--[if lte IE 6]>
<link rel='stylesheet' type='text/css' href='ie6.css' />
<![endif]-->
<!--[if IE 7]>
<link rel='stylesheet' type='text/css' href='ie7.css' />
<![endif]-->
</head>
<body>
<div id="container">
<div id="header"> Even Monkeys Fall from Trees </div>
<div id="menubar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="sidebar">
<ul class="nav">
<li><a href="#">Open Web Design</a></li>
<li><a href="#">CSS Reboot</a></li>
<li><a href="#">CSS Remix</a></li>
<li><a href="#">W3C Sites</a></li>
<li><a href="#">Squidfingers</a></li>
<li><a href="#">CSS Play</a></li>
</ul>
<div class="sideitem">
<h3>Right Side Item</h3>
<p>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. In volutpat
pede vitae massa. In rutrum posuere justo. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. <a href="#">Read
more...</a></p>
</div>
<div class="sideitem">
<h3>Bullet List</h3>
<p>Here is a sample bulleted outline:</p>
<ul>
<li>Lorem ipsum dolor</li>
<li>In volutpat pede</li>
<li>Cras hendrerit sem sed</li>
<li>Nulla eget nibh nec</li>
</ul>
</div>
</div>
<div id="content">
<p class="intro"><span class="dropcap">T</span>his template is a simple yet
refined Design should add a touch of elegance to your blog. It has cool blue
highlights and a nice contrast that is easy on the eyes. I hope you enjoy this
template, and please email me if you decide to use it. And here comes the filler
text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In volutpat pede
vitae massa. In rutrum posuere justo. Nullam rhoncus congue justo. Nullam rhoncus
congue justo. Mauris porttitor lorem id ligula.</p>
<div class="blog">
<div class="blog_r">
<h2>Here's a sample Blog entry</h2>
<h5>Bylines are really cool</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In volutpat
pede vitae massa. In rutrum posuere justo. Nullam rhoncus congue justo. Mauris
porttitor lorem id ligula. Duis in odio. Sed sed sem. Nunc sed metus nec orci
lobortis dictum. Cras hendrerit sem sed lacus. Nulla eget nibh nec metus
consectetuer dignissim.</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Donec malesuada, dui sagittis tempus nonummy, nisl nibh
convallis leo, ultrices <a href="#">tincidunt libero</a> sapien in neque. Praesent
lectus ante, laoreet at, nonummy id, auctor ac, sapien. Aliquam felis justo,
vehicula in, pretium id, sodales ac, velit. Maecenas ac velit.</p>
<p class="blogfoot"> <a href="#">Permalink</a>| <a href="#">Discuss</a>| <a
href="#">Email this</a></p>
</div>
<div class="blog_l">
<div class="blogdate"><span class="daynum">25</span><br />
<span class="month">September<br />
2006</span></div>
<img src="img/skate.jpg" alt="skater" /><br />
<a href="#">by Mike</a> </div>
</div>
<div class="blog">
<div class="blog_r">
<h2>Lets demo a Blockquote</h2>
<h5>Don't roll your eyes</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In volutpat
pede vitae massa. In rutrum posuere justo. Nullam rhoncus congue justo. Mauris
porttitor lorem id ligula. Duis in odio. Sed sed sem.</p>
<blockquote>
<p>Nunc sed metus nec orci lobortis dictum. Cras hendrerit sem sed lacus.
Nulla eget nibh nec metus.</p>
</blockquote>
<p>Praesent lectus ante, laoreet at, nonummy id, auctor ac, sapien. Aliquam
felis justo, vehicula in, pretium id, sodales ac, velit. Maecenas ac velit.</p>
<p class="blogfoot"> <a href="#">Permalink</a>| <a href="#">Discuss</a>| <a
href="#">Email this</a></p>
</div>
<div class="blog_l">
<div class="blogdate"><span class="daynum">17</span><br />
<span class="month">September<br />
2006</span></div>
<img src="img/skate.jpg" alt="skater" /><br />
<a href="#">by Frank</a> </div>
</div>
<div id="footer">
<p>© Even Monkeys Fall From Trees. All rights reserved.</p>
<div class="blogfoot bottomlinks">
<p> <a href="#">Sitemap</a>|<a href="http://jigsaw.w3.org/css-
validator/check/referer">Valid CSS</a>|<a href="http://validator.w3.org/check?
uri=referer">Valid XHTML 1.1</a>| <a href="#">Contact info</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Morning Memories</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="sitename"><a href="#"><span>Morning</span> Memories..</a></h1>
<br />
<div id="intro">
<p>Every morning </p>
<p> the world is created.</p>
<p> Under the</p>
<p> orange
sticks of the sun </p>
<p>the heaped
ashes of </p>
<p>the night </p>
<p>turn into leaves again </p>
<p>and fasten themselves to</p>
<p> the high branches ---</p>
<p> and the ponds appear </p>
<p>like black cloth
on </p>
<p>which are painted islands</p>
<h3 id="author">- Mary Oliver</h3>
</div>
</div>
<div id="contents">
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Poetries</a></li>
<li><a href="#">Sketches</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h2>Lorem Ipsum Dolor </h2>
<h3 class="date">Posted on 12/12/2006</h3>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque nec
lectus. Aenean congue. Curabitur est. Pellentesque id elit sed lacus convallis
porta. Aenean ac orci. Integer lacinia turpis rutrum diam. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Nam orci ipsum, cursus id, blandit eget,
semper a, odio. Cras ut tellus. Integer placerat malesuada velit. Morbi porttitor
ornare risus. Vivamus iaculis, tortor a vestibulum condimentum, dolor massa
adipiscing erat, vel mollis libero risus nec augue. Morbi pulvinar placerat augue.
Fusce urna justo, porta ac, pulvinar id, vehicula ut, purus. Sed enim elit,
tristique sed, tincidunt id, posuere sit amet, urna. Cras non ligula. </p>
<ul>
<li>Quisque adipiscing pulvinar nulla.</li>
<li>Vivamus erat elit, congue eu, tincidunt vitae, pharetra id, augue.</li>
<li>Ut nec erat sed felis accumsan euismod. Phasellus tempus nunc tristique
nibh.</li>
<li>Nulla facilisi. Vivamus sed sapien sed diam pharetra aliquam.</li>
<li>Ut quis arcu. Etiam vel enim. Curabitur lacus odio, tempus id, semper
id, rutrum at, enim.</li>
<li>Nulla facilisi. In hac habitasse platea dictumst.</li>
</ul>
<div class="endpost">
<ul>
<li><a href="#">Add Comments</a></li>
<li><a href="#">Read Full Story</a></li>
</ul>
<hr />
</div>
<h2>About This Template</h2>
<h3 class="date">Posted on 12/12/2006</h3>
<p>This design is inspired by the nature, childhood, colors, sky, trees, music,
Heart in Atlantis - the Movie, another template you can see in OD.org - Loneliness
by Dieter, and all the good memories of my childhood.</p>
<blockquote>This Teamplate is released under Creative Common License. So,
please don't delete the link back to my website. It might not be that great as a
design, but I will appreciate if you appreciate the time I spent, cigarettes I
smoked.. thank you. </blockquote>
<p> Donec vitae nulla quis diam aliquet rutrum. Nulla egestas. Donec interdum
placerat leo. Nunc neque mauris, feugiat a, feugiat eget, molestie eget, dolor.
Sed eu nulla non dui dignissim rhoncus. Donec gravida, eros nec pulvinar
sollicitudin, quam pede vulputate nulla, id rutrum mi mauris ut felis. Vivamus
tempor diam bibendum massa. </p>
<p><strong>PS:</strong> If you like this template, I would like to here it from
you </p>
<div class="endpost">
<ul>
<li><a href="#">Add Comments</a></li>
<li><a href="#">Read Full Story</a></li>
</ul>
<hr />
</div>
</div>
</div>
<div id="footer"> <a class="backtotop" href="#">Back to Top</a>
<p>© Copyright information goes here |Valid XHTML 1.1 & CSS 2.0 </p>
<!--Designed by : Roshan
Do not remove this comment and the link back to my website
Website : www.ramblingsoul.com
email : [email protected]
-->
<p>by <a href="http://www.ramblingsoul.com">Rambling Soul</a></p>
<p> </p>
</div>
</body>
</html>
<!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>Mountain Lake</title>
<meta http-equiv="content-language" content="en-us" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="master.css" />
<!--[if lt ie 7]><link rel="stylesheet" type="text/css" media="screen" href="ie-
win.css" /><![endif]-->
</head>
<body>
<div id="header">
<h1><a href="#"><span>Mountain Lake</span></a></h1>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Archives</a></li>
<li class="active"><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="wrapper">
<div id="content">
<div class="post">
<h2 class="post-title"><a href="#">More Examples</a></h2>
<div class="post-content">
<p>Hi there! <a href="#">Mountain Lake</a> is a free template by <a
href="#">Sadhana Ganapathiraju</a>. The picture
was posted to <a href="http://www.sxc.hu/photo/654238">stock.xchng</a> by
xandeserta and modified by me to suit my
needs. Two sets of header images are provided — one that is
grayscale and another that is colored. As usual,
I created an image for the site-title, but I didn't include it in the
template files, since you probably are going
to be changing the title anyway (or, at least, <strong>should</strong> be
changing it!). I could have done it with
regular text and absolute positioning, but, meh, I'm lazy. :p Anyway, if
you want, you can take a look at it on my
site. </p>
<p>Do drop me an e-mail or a link if you find the template useful! :-)</p>
<p>Like all other templates, this one is also released under <a
href="#">Creative Commons...</a> license, so feel
free to use it and modify it as you wish. The template was designed for a
blog, but if it works for other types of
websites, then, hey, all the best for you! Here's <code>some code</code>,
<kbd title="Keyboard text">some keyboard
text</kbd>, <cite title="Looks blah">a citation</cite>, <strong>some
strong text</strong>, <em>some emphasized
text</em>.</p>
<blockquote>
<p>Here comes a blockquote. It's a very short one, as you can see.</p>
</blockquote>
<h3>Here comes an unordered list</h3>
<ul>
<li>This is the first item</li>
<li>And the second one</li>
<li>And the third one</li>
<li>And the fourth one</li>
<li>And the fifth one</li>
</ul>
<h3>And here comes an ordered list</h3>
<ol>
<li>This is the first item</li>
<li>And the second one</li>
<li>And the third one</li>
<li>And the fourth one</li>
<li>And the fifth one</li>
</ol>
<p>This is another paragraph just to close off the examples. I included a
link that says the design was by me. I kindly
ask you not to remove it, but if you really don't want it on your site,
it's okay if you remove it. </p>
<pre><code>This is code in a block, though it doesn't look anything like
code</code></pre>
<p>All links in the site except for the "design credit link" need to be
modified, btw.</p>
</div>
<p class="post-footer"> Posted By: <a href="#00">Fisterkit</a> on July 5,
2006 | <a href="#02">Comments(275)</a> | <a href="#03">Trackbacks(321)</a> </p>
</div>
</div>
<div id="sidebar">
<div id="sidenotes">
<h3>Overview</h3>
<dl>
<dt>Hilarious Windows 2000 Source Code Review</dt>
<dd><a href="http://www.kuro5hin.org/story/2004/2/15/71552/7795">Who knew
Microsoft programmers swore so much?</a></dd>
<dt>God Created the World, With a Computer!</dt>
<dd><a href="http://www.pi.pwp.blueyonder.co.uk/creation.html">In the
beginning, there was the Computer</a></dd>
<dt>The Fully Automated System</dt>
<dd><a href="http://thedailywtf.com/forums/thread/92732.aspx">It was to be
the perfect system.</a></dd>
<dt>Persistence Gets the Job Done</dt>
<dd><a href="http://thedailywtf.com/forums/thread/92484.aspx">Kristopher
has the pleasure of working with Robert, the Infallible Programmer.</a></dd>
<dt>Not Another DLL!</dt>
<dd><a href="http://thedailywtf.com/forums/thread/92281.aspx">"Told ya'
so."</a></dd>
<dt>Legendary Configuration</dt>
<dd><a href="http://thedailywtf.com/forums/thread/92037.aspx">Not too many
of us are locky to work side-by-side with a living Software legend.</a></dd>
<dt>Surgical Module Changes</dt>
<dd><a href="http://thedailywtf.com/forums/thread/91869.aspx">Tom's
experience on the Client Management Module</a></dd>
<dt>Credits</dt>
<dd>The first two articles are from <a href="http://www.digg.com/">Digg</a>
and the rest from <a href="http://www.thedailywtf.com/">The Daily WTF</a>.</dd>
</dl>
</div>
<div id="syndicate">
<h3>Subscribe</h3>
<ul>
<li><a href="#12">Rss Feed</a></li>
<li><a href="#13">Atom Feed</a></li>
<li><a href="#14">E-mail Subscription</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<div id="extras">
<div id="friends">
<h6>Friends</h6>
<ul>
<li><a href="#">Veer & Virile</a></li>
<li><a href="#">Bits & Pieces</a></li>
<li><a href="#">Someone with a Blog</a></li>
<li><a href="#">Design First</a></li>
<li><a href="#">Last Upside Down</a></li>
<li><a href="#">Jerk Around the Town</a></li>
<li><a href="#">Wikipedia</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">GodPowers</a></li>
<li><a href="#">Chocolates</a></li>
</ul>
</div>
<div id="links">
<h6>Interesting Tidbits</h6>
<dl>
<dt><a href="#">Aliquam Mollis Odio Ut Pedu</a></dt>
<dd>Vestibulum enim erat, tristique quis, dignissim et, imperdiet ac,
augue. Proin ac risus id urna venenatis viverra.</dd>
<dt><a href="#">Vivamus Eget Metus Eget Est</a></dt>
<dd> Mauris sollicitudin feugiat nisl. Fusce lorem justo, pharetra sit
amet, vestibulum in, convallis at, tortor. Suspendisse
eget lacus in mauris suscipit iaculis. Ut risus eros, scelerisque ac.
</dd>
<dt><a href="#">Etiam Mattis</a></dt>
<dd> Maecenas adipiscing lectus nec velit consectetuer scelerisque. </dd>
</dl>
</div>
<div id="about">
<h6>About</h6>
<p> Nullam eu eros eget massa fringilla porta. Donec consectetuer. Praesent
vel ipsum. Vivamus vitae orci. Qui
sque sit amet est. Suspendisse dapibus orci. Pellentesque semper mi
vestibulum libero. Vivamus pharetra tu
rpis eu neque. Morbi convallis. Nunc a ipsum eu lorem. <a href="#">More
→</a> </p>
</div>
</div>
<hr />
<p id="copyright"> Design by <a href="http://www.nikhedonia.com/"
title="SimplyGold">Sadhana Ganapathiraju</a> |
All rights reserved | <a href="#">Terms of Service</a> | <a
href="#">Privacy</a> | <a href="#">Contact</a> | <a href="#">About</a> | <a
href="http://validator.w3.org/check/referer" title="Valid XHTML 1.0
Strict">Xhtml</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer?
warning=no&profile=css2" title="Valid CSS 2.0 Strict">Css</a> </p>
</div>
<hr />
</body>
</html>
<!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>Mouse</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="header">
<div class="logo"> MLP Design Template Ver 2.0<br />
<img class="img" src="images/logo.gif" alt="Your Logo" /></div>
<div class="menu"><a href="#">Home</a> |<a href="#"> Services</a> | <a href="#"
title="Portfolio"> Portfolio</a> |<a href="#"> Contact</a></div>
</div>
<div id="main">
<div id="content">
<h1>header-Using h1</h1>
<h2>Sub header-Using h2</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce at velit ac
neque scelerisque blandit.
Aenean malesuada. Suspendisse vestibulum orci. Quisque posuere vehicula justo.
Integer sollicitudin ligula vitae tellus.
Vestibulum a nibh vel quam molestie hendrerit. Proin posuere magna vitae neque.
Maecenas id ante. Etiam nec ante. Morbi
ultrices magna et neque. In hac habitasse platea dictumst. Quisque vehicula
ultricies neque. Aenean volutpat varius lectus.
Morbi tempor justo at ante. Ut ac pede. Donec metus libero, aliquet id, dictum
at, pharetra vel, odio. Maecenas ut erat. Nullam
urna ante, laoreet at, ornare vel, pulvinar ut, velit.
<div class="left">
<h2>Sub Header</h2>
In ullamcorper blandit nisl. Integer tempus rutrum mi. Donec nec risus. Duis
accumsan. Vivamus id risus ut
metus interdum tempus. Curabitur orci nulla, vulputate vitae, vestibulum at,
aliquam id, risus. Sed placerat blandit sem. Cras
lacinia, magna non facilisis congue, turpis massa vestibulum nibh, at tempor
elit leo quis arcu. Duis ligula nulla, hendrerit eget,
dapibus et, placerat vitae, urna. Maecenas interdum, augue ac pellentesque
laoreet, lorem dui tempor ipsum, quis porta eros
enim et erat. Nam a arcu sit amet dui iaculis tincidunt. Pellentesque
vulputate nisi. Sed ligula velit, eleifend non, dapibus vitae,
pretium eu, metus. </div>
<div class="mid">
<h2>Sub Header</h2>
Suspendisse posuere vulputate lacus. Sed congue, est quis malesuada
condimentum, ante massa faucibus
erat, a imperdiet ipsum nibh sed augue. Fusce quis mi. Nam faucibus, lacus
non posuere porttitor, enim quam rutrum dolor, vitae
convallis nulla velit ut enim. Aenean vitae nibh et felis aliquam adipiscing.
Suspendisse eget est. Vestibulum feugiat. Pellentesque
feugiat malesuada turpis. Aliquam id lacus. Ut nonummy sapien. Maecenas pede
risus, ultricies eget, congue sed, ullamcorper ac,
massa. Morbi venenatis. Proin sapien leo, iaculis a, hendrerit vitae, tempus
eget, nisl. Vestibulum
condimentum. Proin leo mi, sodales ac, placerat porttitor, pharetra vitae,
pede. </div>
<h1>Another Header</h1>
<p>Etiam dapibus, tortor vitae dapibus nonummy, ante elit mollis ligula, sit
amet pretium tellus eros ac lacus. Praesent enim risus,
feugiat in, viverra non, egestas pharetra, quam. Cras dolor eros, congue non,
aliquet et, aliquam et, metus. Donec eros augue, faucibus
hendrerit, pharetra sed, viverra a, tortor. Integer malesuada nisi.</p>
<p>Cras lobortis dolor ut purus. Phasellus nunc elit, laoreet vitae,
accumsan quis, lobortis venenatis, elit. Nam lobortis sapien. Vivamus
hendrerit. Quisque non felis ultricies odio venenatis vestibulum.
Sed interdum ultricies purus. Quisque pharetra. Curabitur ut enim in purus
mollis venenatis.</p>
</div>
<div id="nav">
<div class="navhead">NEWS & UPDATES</div>
<div class="navitem">
<ul>
<li>09.15.06 News item here. Curabitur ut erat nec augue suscipit
placerat.</li>
<li>09.01.06 Etiam eu ipsum. Quisque commodo tempor nisi.</li>
<li>08.30.06 Cras lobortis dolor ut purus. Phasellus nunc elit, laoreet
vitae, accumsan quis, lobortis venenatis, elit.
Nam lobortis sapien.</li>
<li>08.26.06 Fusce a purus id mi condimentum nonummy. Duis sed sem ac
nulla tempor tincidunt.</li>
<li>08.25.06 Etiam tincidunt arcu non nunc. Donec elementum massa non
purus. Duis ullamcorper lorem in mauris</li>
</ul>
</div>
<p></p>
<div class="navhead">SITE DETAILS</div>
<div class="navitem">
<ul>
<li>Please retain the "Template Design by MLP Design" tag and link when you
use this template. Thank you.</li>
</ul>
</div>
</div>
<div class="footer"></div>
</div>
<div id="footer"> Copyright © 2006 Your Company Name. All Rights Reserved. <br
/>
Template Design by <a href="http://www.mlpDesign.net">MLP Design</a>. <a
href="http://validator.w3.org/check?uri=referer" title="XHTML 1.0 Strict"> XHTML
1.0 Strict</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer"
title="Valid CSS!"> Valid CSS!</a> </div>
</body>
</html>
<!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>Movies of My Dreams</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="content">
<div id="header">
<div class="headermenu">
<ul>
<li><a href="#">01. Home</a></li>
<li><a href="#">02. Lorem Ipsum</a></li>
<li><a href="#">03. Lorem Ipsum</a></li>
<li><a href="#">04. Lorem Ipsum</a></li>
<li><a href="#">01. Lorem Ipsum</a></li>
</ul>
</div>
<h1>Movies of My Dreams</h1>
</div>
<div id="pic"></div>
<ul id="menu">
<li><a href="singlecolumn.html">One Column Layout</a></li>
<li><a href="#">lorem Ipsum Dolor</a></li>
<li><a href="#">lorem Ipsum Dolor</a></li>
<li><a href="#">lorem Ipsum Dolor</a></li>
<li><a href="#">lorem Ipsum Dolor</a></li>
</ul>
<div id="thumbgallery">
<p class="thumbs"> <a href="#"><img src="images/gallerythumb.jpg" width="225"
height="83" alt="" /></a> <a href="#"><img src="images/gallerythumb.jpg"
width="225" height="83" alt="" /></a> <a href="#"><img
src="images/gallerythumb.jpg" width="225" height="83" alt="" /></a> <a
href="#"><img src="images/gallerythumb.jpg" width="225" height="83" alt=""
/></a></p>
</div>
<div id="leftside">
<div class="leftdata">
<h2>LOREM IPSUM DOLOR </h2>
<img src="images/thumb.jpg" alt="" width="200" height="160" class="thumb"/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. </p>
</div>
<div class="leftinfo">
<p>We Offer: <br />
<a href="#">Lorem ipsum dolor sit amet</a>, <a href="#">consectetuer
adipiscing elit</a>, <a href="#">sed diam nonummy nibh</a> , <a href="#">euismod
tincidunt ut laoreet dolore</a>, <a href="#">magna aliquam erat volutpat</a>. <a
href="#">Ut wisi enim ad minim veniam</a>, <a href="#">quis nostrud exerci
tatio</a></p>
</div>
<div class="leftdata">
<h2>LOREM IPSUM DOLOR </h2>
<img src="images/thumb.jpg" alt="" width="200" height="160" class="thumb"/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat. </p>
</div>
</div>
<div id="rightside">
<div class="rightdata">
<p><img src="images/smallthumb.jpg" alt="" width="80" height="80" class=""
/><b>Lorem ipsum dolor sit </b><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat..</p>
</div>
<div class="rightdata">
<p><img src="images/smallthumb.jpg" alt="" width="80" height="80" class=""
/><b>Lorem ipsum dolor sit </b><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat..</p>
</div>
<div class="rightdata">
<p><img src="images/smallthumb.jpg" alt="" width="80" height="80" class=""
/><b>Lorem ipsum dolor sit </b><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.</p>
</div>
</div>
<div id="footer">
<p class="right">© 2006 Your Company</p>
<p> <a href="#">Home</a> · <a href="singlecolumn.html">Single Column
Layout</a> · <a href="#">Lorem Ipsum</a> · <a
href="mailto:[email protected]">coll23</a> · <a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a
href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
</p>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Free CSS Templates - Free Template Multiflex 3</title>
<meta name="description" content="Free CSS Templates features free templates from
website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates,
Templates, Free Templates, CSS" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen,projection,print"
href="css/layout4_setup.css" />
<link rel="stylesheet" type="text/css" media="screen,projection,print"
href="css/layout4_text.css" />
</head>
<!-- Global IE fix to avoid layout crash when single word size wider than column
width -->
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><!
[endif]-->
<body>
<!-- Main Page Container -->
<div class="page-container">
<!-- For alternative headers START PASTE here -->
<!-- A. header--->
<div class="header">
<!-- A.1 header-TOP -->
<div class="header-top">
<!-- Sitelogo and sitename -->
<a class="sitelogo" href="#"></a>
<div class="sitename">
<h1><a href="#">MULTIFLEX•3<span style="font-weight:normal;font-
size:50%;"> update-7</span></a></h1>
<h2>Open Source Template</h2>
</div>
<!-- Navigation Level 0 -->
<div class="nav0">
<ul>
<li><a href="#"><img src="img/flag_italy.gif" alt="" /></a></li>
<li><a href="#"><img src="img/flag_germany.gif" alt="" /></a></li>
<li><a href="#"><img src="img/flag_sweden.gif" alt="" /></a></li>
</ul>
</div>
<!-- Navigation Level 1 -->
<div class="nav1">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
<!-- A.2 header-MIDDLE -->
<div class="header-middle">
<!-- Site message -->
<div class="sitemessage">
<h1>EASY • FLEXIBLE • ROBUST</h1>
<h2>The third generation Multiflex is<br />
here, now with cooler Design<br />
features and easier code.</h2>
<h3> <a href="#">›› More details</a></h3>
</div>
</div>
<!-- A.3 header-BOTTOM -->
<div class="header-bottom">
<!-- Navigation Level 2 (Drop-down menus) -->
<div class="nav2">
<!-- Navigation item -->
<ul>
<li><a href="#">Home</a></li>
</ul>
<!-- Navigation item -->
<ul>
<li><a href="#">Page Layouts
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="layout1.html">Layout-1 (1-col)</a></li>
<li><a href="layout2.html">Layout-2 (2-col)</a></li>
<li><a href="layout3.html">Layout-3 (2-col)</a></li>
<li><a href="layout4.html">Layout-4 (3-col)</a></li>
<li><a href="layout5.html">Layout-5 (3-col)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<!-- Navigation item -->
<ul>
<li><a href="#">header-Layouts
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="header1.html">header-1 (T+M+B)</a></li>
<li><a href="header2.html">header-2 (T+M)</a></li>
<li><a href="header3.html">header-3 (T+B)</a></li>
<li><a href="header4.html">header-4 (M+B)</a></li>
<li><a href="header5.html">header-5 (T)</a></li>
<li><a href="header6.html">header-6 (M)</a></li>
<li><a href="header7.html">header-7 (B)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</div>
<!-- A.4 header-BREADCRUMBS -->
<!-- Breadcrumbs -->
<div class="header-breadcrumbs">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Templates</a></li>
<li>Multiflex-3</li>
</ul>
<!-- Search form -->
<div class="searchform">
<form action="#" method="get" class="form">
<fieldset>
<input value=" Search..." name="field" class="field" />
<input type="submit" value="GO!" name="button" class="button" />
</fieldset>
</form>
</div>
</div>
</div>
<!-- For alternative headers END PASTE here -->
<!-- B. MAIN -->
<div class="main">
<!-- B.1 MAIN NAVIGATION -->
<div class="main-navigation">
<!-- Navigation Level 3 -->
<div class="round-border-topright"></div>
<h1 class="first">Navigation Title</h1>
<!-- Navigation with grid style -->
<dl class="nav3-grid">
<dt> <a href="#">Navlink 11</a></dt>
<dt> <a href="#">Navlink 12</a></dt>
<dd> <a href="#">Navlink 121</a></dd>
<dd> <a href="#">Navlink 122</a></dd>
<dd> <a href="#">Navlink 123</a></dd>
<dt> <a href="#">Navlink 13</a></dt>
<dt> <a href="#">Navlink 14</a></dt>
<dt> <a href="#">Navlink 15</a></dt>
</dl>
<!-- Template infos -->
<h1>Multiflex Series</h1>
<p>A Design series for those who want a template that can be used for almost
any situation. It is recommended to have at least beginners knowledge of XHTML/CSS
to work with this template in a satisfying way.</p>
<h3>Multiflex-1</h3>
<p>Released: 15.05.2006<br />
OK for operational use, but has heavy code.<br />
<a href="#">Download latest update</a></p>
<h3>Multiflex-2</h3>
<p>Released: 08.06.2006<br />
OK for operational use, but has heavy code.<br />
<a href="#">Download latest update</a></p>
<h3>Multiflex-3</h3>
<p>Released: 25.11.2006<br />
BEST for operational use, with light code and 97% browser compatibility.<br
/>
<a href="#">Download latest update</a></p>
<h3>Multiflex-4</h3>
<p>Plan: Second Quarter 2007<br />
Same Design as Multiflex-3, but with a liquid layout. But it is still
uncertain if this version will be developed due to my limited time.<br />
<a href="#">Check if available!</a></p>
<h1>Easyflex Series</h1>
<p>A new Designs series that is simple, easy and fresh, and is ideal for
those who have no or very little experience of XHTML/CSS and prefer to edit their
web contents in FrontPage, Dreamweaver and other similar editors.</p>
<p>Plan: Third Quarter 2007<br />
<a href="#">Check if available!</a></p>
</div>
<!-- B.2 MAIN CONTENT -->
<div class="main-content">
<!-- Pagetitle -->
<h1 class="pagetitle">Multiflex-3 Overview</h1>
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Flexible and robust template</h1>
<h3>Now substantially improved and simplified</h3>
<p>Multiflex-3 is the third generation Multiflex template. Numerous
improvements have been made since Multiflex-2: More modern appearance, more page
layouts, new drop down menus with sticky hover zones, solid printer support,
expanded browser support, fully scalable upwards and downwards when user resizes
the default browser font size, and last but not least, a much better and easier
code. But there is more than that. Check the navigation menu to discover all about
the new Multiflex-3!</p>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Content Management Systems</h1>
<h3>Portings already available or in development</h3>
<p>At the time of release, portings were being produced for various Content
Management Systems, such as <a href="#">MODx</a>, <a href="#">WordPress</a>, and <a
href="#">Contrexx</a>.</p>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Extensive browser support</h1>
<h3>Tested for all common browsers and systems</h3>
<p>Multiflex-3 has been tested live for all major browsers, and functions
properly for about 97% of currently used browsers. Only exception is the outdated
IE5.x which has incorrect rendering.</p>
<p>Template successfully tested for:</p>
<h6>Windows 2000 and XP</h6>
<p>IE6, IE7, Firefox 2.0, Mozilla 1.7, Netscape 7.2, and Opera 9.0.</p>
<h6>Windows Vista</h6>
<p>IE7, Firefox 2.0, and Opera 9.0.</p>
<h6>Mac OSX 10.3</h6>
<p>Firefox 2.0, Mozilla 1.7, Netscape 7.2, Opera 9.0, Camino 1.0, and
Safari 1.3.</p>
<h6>Mac OSX 10.4</h6>
<p>Firefox 2.0, Mozilla 1.7, Netscape 7.2, Opera 9.0, Camino 1.0, and
Safari 2.0.</p>
<h6>Linux (Fedora Core 4)</h6>
<p>Firefox 2.0, Mozilla 1.7, Opera 9.0, and Konqueror 3.4.</p>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Release Notes</h1>
<h2>Multiflex-3 / Update-7</h2>
<h3>January 15, 2007</h3>
<h6>Drop-down menu</h6>
<p>Browser: Opera 9.10 / Description: In Opera 9.0.2 the drop-down meus
behaved correctly, but in the latest version Opera 9.10, the drop-down main menu
collapsed after hovering the main links. / Correction: In the CSS-class ".nav2 ul
li a" the float statement was modified to "float:none !important /*Non-IE6*/;
float:left /*IE-6*/;" in all "headerNN_setup.css" and "layoutNN_setup.css" files.
The !important-float statement defines the behavior for Non-IE6 browsers including
Opera, the other float-statement is for IE6.</p>
<h6>Screenshots</h6>
<p>Browser: All / Description: Fresh screenshots have been made for Update-
7.</p>
<h2>Multiflex-3 / Update-6</h2>
<h3>December 18, 2006</h3>
<h6>Drop-down menu</h6>
<p>Browser: IE6 / Description: When hovering the drop-down menu, the
rounded-corners image from the sidebar or subcontent boxes are incorrectly placed
above the drop-down menu. This bug was initiated by the changes made in Update-4
(see below) / Correction: In the CSS-class ".nav2 ul li" is modified by the
parameters "z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;" was added
to all "headerNN_setup.css" and "layoutNN_setup.css". The !important statement is
for Non-IE6 browsers, the other statement for IE6.</p>
<h2>Multiflex-3 / Update-5</h2>
<h3>December 17, 2006</h3>
<h6>Breadcrumb section background</h6>
<p>Browser: All / Description: The replacement color (when image not found)
for the background in the breadcrumbs section was set to its correct value. /
Correction: For the CSS-class ".header-breadcrumbs" the replacement color-value for
the parameter "background" was set to "rgb(255,255,255) in all "headerNN_setup.css"
and "layoutNN_setup.css" files.</p>
<h6>Centered images</h6>
<p>Browser: Netscape / Description: Images positioned with "center" were
displayed in left-justified position, but now correctly are displayed centered. /
Correction: The CSS-class "img.center" was modified by including the parameter
"display:block" and "width:auto" in all "layoutNN_text.css" files. As a result of
this change, it is no longer necessary for the paragraph to be centered (<p
class="center">) when centering images. Paragraphs containing centered images
are now simply coded as "<p>", without using any classes.</p>
<h6>Footer height adjustment</h6>
<p>Browser: All / Description: The footer did not expand sufficiently in
the vertical when browser font-sizes were increased. / Correction: For the CSS-
class ".footer" the parameter "height" was removed, while top and bottom paddings
were introduced in "padding", all in the "layoutNN_setup.css" files.</p>
<h6>Sitemessage width and text</h6>
<p>Browser: All / Description: The site message in the middle header-has
received an increased width. / Correction: For the CSS-class ".sitemessage" the
parameter "width" was increased by 50px in all "headerNN_setup.css" and
"layoutNN_setup.css" files.</p>
<h6>Corrected top drop-down menu</h6>
<p>Browser: All / Description: Due to the changes in Update-4, an unwanted
sideeffect appeared, namely that the sticky hover zones outside the drop-down
submenu were missing on the right-hand side of the menu. The only way to resolve
this issue was to remove the sticky hover zones altogether. / Correction:
Reformulation and simplification of the CSS-classes belonging to ".nav2" in all
"headerNN_setup.css" and "layoutNN_setup.css" files.</p>
<h6>Javascript removed</h6>
<p>Browser: All / Description: In order for the navigation menu to remain
flicker-free for IE browsers, a Javascript was used in the previous versions of
Multiflex-3. However, since these hover zones have been removed (see topic above),
this Javascript is no longer necessary. / Correction: Link to Javascript in the
HTML header-section, the javascript directory "js", the javascript
"ieflickerhack.js", and finally the background parameters for the sticky hovering
background image in the CSS-class .nav2 were removed in all CSS and HTML files.</p>
<h2>Multiflex-3 / Update-4</h2>
<h3>December 11, 2006</h3>
<h6>Drop-down menu critical bug solved</h6>
<p>Browser: All / Description: When hovering the drop-down submenu at very
large font-sizes, i.e. when the menu is shown on two or more lines, the hovered
submenu is now shown on top of other main menu items. Until now, the hovered
submenu would erroneously appear below other menu main items, thus making it
impossible to reach those submenu links. / Correction: Removed the "z-index:1000"
parameter in the CSS-class ".nav2 ul li" in all "headerNN_setup.css" and
"layoutNN_setup.css" files.</p>
<h2>Multiflex-3 / Update-3</h2>
<h3>December 4, 2006</h3>
<h6>Browser compatibility increased</h6>
<p>Browser: Konqueror, Netscape and Mozilla / Description: Drop-down menus
now correctly open up vertically. / Correction: Added a width-specification for the
CSS-class ".nav2 ul li:hover ul" in "headerNN_setup.css" and
"layoutNN_setup.css".</p>
<h6>IE flicker hack moved</h6>
<p>Browser: IE / Description: Flicker bug hack now moved from CSS to
Javascript, for compatibility with IE6 versions before SP1. / Correction: Delted
"html{expression...}" from "headerNN_setup" and "layoutNN_setup", and placed the
code in the Javascript file "ieflickerhack.js" in the directory "js". Advantage is,
that the CSS-file now validates correctly.</p>
<h6>Browser screenshots</h6>
<p>Browser: All / Modification: Individual image links removed, instead a
general link to my homepage directory containing the screenshots of interest.
Advantage is that screenshots can be added or deleted without breaking any links in
the template.</p>
<h6>Footer text</h6>
<p>Browser: All / Modification: Designer credits now reads "Design by",
instead of before "Original Design by".</p>
<h2>Multiflex-3 / Update-2</h2>
<h3>November 29, 2006</h3>
<h6>Printer layout and background color</h6>
<p>Browser: All / Description: When printing, a gap was created between the
header-and the content section. Further, no background color was printed for the
left navigation sidebar. / Correction: Removed erroneous vertical padding in CSS-
class ".header-breadcrumbs in all CSS-files "layoutNN_setup.css". Further, included
a printer CSS statement for the class ".main-navigation" in CSS-files
"layoutNN_setup.css".</p>
<h6>Template links</h6>
<p>Browser: All / Modification: All template links now point to my
homepage, instead of to Open WebDesign. This change was done in "index.html".</p>
<h2>Multiflex-3 / Update-1</h2>
<h3>November 27, 2006</h3>
<h6>Drop-down menu items</h6>
<p>Browser: IE7 / Description: Misbehavior when hovering main link by
showing multiple columns / Correction: Reformulated conditional "if" statements in
"layoutNN.html", "headerNN.html" and "index.html".</p>
<h6>Bottom header-background</h6>
<p>Browser: All / Description: Background gap between bottom header-and
breadcrumbs when browser font-size reduced / Correction: Added background to the
CSS-class ".bottom-header" in "layoutNN_setup.css".</p>
<h6>Rounded corners line</h6>
<p>Browser: All / Description: When decreasing or increasing browser font
size, a horizontal line appears above the rounded corners for subcontent boxes with
boundary. Effect happens when font-size resizes, but page is not reloaded. /
Solution: Simply reload the page, and the horizonal line disappears. This is a
Safari bug which we have no control over.</p>
<h6>Top search form</h6>
<p>Browser: Konqueror 3.4 / Description: Field width available for search
form widened, so that "Go" button appears to the right, and not below, the search
area. / Modification: CSS-class ".header breadrumbs" changed in
"headerNN_setup.css" and "layoutNN_setup.css".</p>
<h6>Search form layout</h6>
<p>Browser: All / Description: Search forms now have their "Go" buttons
below the search entry field (only exception is search form below the page header).
Reason for this is that Design remains consistent when browser font-sizes are
resized / Modification: CSS-class ".button" changed in "headerNN_setup.css" and
"layoutNN.css".</p>
<h6>Button styles</h6>
<p>Browser: All / Description: Default buttons are styled very differently
for different browsers. / Correction: To harmonize button appearance we have now
styled the buttons explicitly. However, Camino and Safari overrule this style with
Mac-specific buttons. / Modification: CSS-class ".button" changed in
"headerNN_setup.css", "layoutNN_setup.css" and "layoutNN_text.css".</p>
<h6>Credits for flags</h6>
<p>Credits were included for the flags.</p>
<h2>Multiflex-3 Launched</h2>
<h3>November 23, 2006</h3>
<p>First public release at Open Web Design.</p>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Development tools</h1>
<p>Many people ask me what tools I use. Here is the list:</p>
<ul>
<li><a href="#">HTML-Kit 292</a> freeware for coding the HTML
documents.</li>
<li><a href="#">TopStyle Lite 3.10</a> freeware for coding the CSS
documents.</li>
<li><a href="#">Browsercam</a> provides fantastic browser screenshots and
live testing of all currently available browsers on various systems.</li>
</ul>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Visit <a href="#">OpenDesigns.org</a></h1>
<h3>Latest top website for open-source webtemplates</h3>
<p>Maybe you have heard of the latest news in the open-source webDesign
community. As of December 2006 a new community of webDesigners was launched at
OpenDesigns.org, featuring some of the very best talents. If you want to stay on
the cutting edge of open-source webtemplates, learn and get ideas from experienced
Designers in an active forum, or simply download state-of-the-art webtemplates for
you to use, then this is definitely the site you want visit regularly.</p>
</div>
<hr class="clear-contentunit" />
<!-- Content unit - One column -->
<div class="column1-unit">
<h1>Credits for ideas and reviews</h1>
<p>Persons who contributed with ideas or CMS-portings for Multiflex-3:</p>
<ul>
<li>Jesse Rochman (USA) -- CMS-port to MODx.</li>
<li>Ainslie Johnson (UK) -- CMS-port to WordPress.</li>
<li>Martin Thumann (Germany) -- CMS-port to Contrexx.</li>
<li>Ryan Thrash (USA) -- IE6 hacks using "!important".</li>
<li>Stu Nicholls (UK) -- Drop-down menus.</li>
<li>Big John (USA) -- CSS-hack for clearing floats.</li>
<li>Mark James (UK) -- Icons and flags.</li>
<li>Wolfgang Bartelme (Austria) -- Green header-background.</li>
</ul>
</div>
</div>
<!-- B.3 SUBCONTENT -->
<div class="main-subcontent">
<!-- Subcontent unit -->
<div class="subcontent-unit-border">
<div class="round-border-topleft"></div>
<div class="round-border-topright"></div>
<h1>Layout Options</h1>
<p>Multiflex-3 has five layout styles, for 1-column, 2-column and 3-column
pages.</p>
<p>Multiflex-3 also has seven header-layout styles.</p>
<p>See links in navigation bar for more details.</p>
</div>
<!-- Subcontent unit -->
<div class="subcontent-unit-border">
<div class="round-border-topleft"></div>
<div class="round-border-topright"></div>
<h1>Code Structure</h1>
<p>The CSS code has been modularized into two files for easier
maintenance:</p>
<p>1) <strong>setup.css</strong> defines the basic layout structure of the
page.</p>
<p>2) <strong>text.css</strong> defines the text formats available for the
page main section.</p>
</div>
<!-- Subcontent unit -->
<div class="subcontent-unit-border-orange">
<div class="round-border-topleft"></div>
<div class="round-border-topright"></div>
<h1 class="orange">About me</h1>
<p>My name is Wolfgang, and you may be surprised to hear that for my real
job I work as a full-time pastor for a Christian church. Feel free to visit our
global <a href="#">church website</a>.</p>
<p>In 2006 I decided to start my own website. When surfing around I didn't
find the template I needed. So I began to develop my own, with trials, errors and
many long nights. About half a dozen experiments and six months later, I feel that
I am coming closer to the Design I need! But I will try to push it one step
further, and make a liquid layout.</p>
<p>I have profited much from others who have shared their CSS-knowledge on
the internet. The best way to show my appreciation is by sharing my results with
others. So if this template is what you were looking for, then feel free to use and
enjoy it!</p>
<p>If you want to get in touch with me, you can check my website or email
me via <a href="#">OSWD.org</a> contact form.</p>
<p class="center"><img class="center" src="img/myphoto.jpg" alt="" /></p>
</div>
<!-- Subcontent unit -->
<div class="subcontent-unit-border-green">
<div class="round-border-topleft"></div>
<div class="round-border-topright"></div>
<h1 class="green">It's free!</h1>
<p>Enjoy the template for free. There are no restrictions in the license.
As a sign of appreciation, please keep the author credits "Design by Wolfgang" in
the template footer. Thanks!</p>
</div>
</div>
</div>
<!-- C. FOOTER AREA -->
<div class="footer">
<p>Copyright © 2007 Your Company | All Rights Reserved</p>
<p class="credits">Design by <a href="http://www.1-2-3-4.info/">Wolfgang</a> |
Modified by<a href="#">Your Name</a> | Powered by<a href="#">Your CMS</a> | <a
href="http://validator.w3.org/check?uri=referer">XHTML 1.0</a> | <a
href="http://jigsaw.w3.org/css-validator/">CSS 2.0</a></p>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js"
type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-24";
urchinTracker();
</script>
</body>
</html>
<!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">
<head>
<title>MultiFlex 2</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen,projection"
href="css/style_screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="css/style_print.css" />
</head>
<body>
<div class="page-container-1">
<!-- header--->
<!-- Flag navigations -->
<div class="navflag-container">
<div class="navflag">
<ul>
<li><a href="#"><img class="img-navflag" src="img/flag_uk.png" alt=""
/></a></li>
<li><a href="#"><img class="img-navflag" src="img/flag_germany.png"
alt="" /></a></li>
<li><a href="#"><img class="img-navflag" src="img/flag_sweden.png"
alt="" /></a></li>
</ul>
</div>
</div>
<!-- Navigation Level 1 -->
<div class="nav1-container">
<div class="nav1">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
<!-- Sitename -->
<div class="site-name">
<p class="title"><a href="#">MULTIFLEX•2</a></p>
<p class="subtitle"><a href="#">Flexible Webtemplates.</a></p>
</div>
<!-- Site slogan -->
<div class="site-slogan-container">
<div class="site-slogan">
<p class="title">YOUR TEMPLATE PARTNER!</p>
<p class="subtitle">Quality is our passion.</p>
<p class="text">Serving the webcommunity<br />
with XHTML/CSS Designs</p>
<p class="readmore">››› <a href="#">Go to
templates</a></p>
</div>
</div>
<!-- header-banner -->
<div><img class="img-header" src="img/header.jpg" alt=""/></div>
<!-- Navigation Level 2 -->
<div class="nav2">
<ul>
<li><a href="#" class="selected">Home</a></li>
<li><a href="layout2.html">Layout 2</a></li>
<li><a href="layout3.html">Layout 3</a></li>
<li><a href="options_basic.html">Basic Options</a></li>
<li><a href="options_extra.html">Extra Options</a></li>
</ul>
</div>
<!-- Buffer after header--->
<div class="buffer"></div>
<!-- NAVIGATION -->
<!-- Navigation Level 3 -->
<div class="nav3">
<ul>
<li class="title">Menu</li>
<li class="group"> <a href="#">Group Link</a></li>
<li class="group"> <a href="#">Group Link</a></li>
<li><a href="#">Sublink</a></li>
<li><a href="#" class="selected">Sublink</a></li>
<li class="group"> <a href="#">Group Link</a></li>
</ul>
<ul>
<li class="title">More Menu</li>
<li class="group"> <a href="#">Group Link</a></li>
<li class="group"> <a href="#">Group Link</a></li>
</ul>
<!-- Main title -->
<p class="sidebar-maintitle">My templates</p>
<!-- Textbox -->
<div class="sidebar-txtbox-noshade">
<p><b>MultiFlex-1</b><br />
Released: 01.05.2006<br />
<b class="txt-red10">GOOD</b> for operational use.<br />
<a href="#">Download latest update</a></p>
<p><b>MultiFlex-1.1</b><br />
Released: 15.05.2006<br />
<b class="txt-red10">BETTER</b> for operational use.<br />
<a href="#">Download latest update</a></p>
<p><b>MultiFlex-2</b><br />
Released: 15.05.2006<br />
<b class="txt-red10">BEST</b> for operational use.<br />
<a href="#">Download latest update</a></p>
</div>
<!-- Main title -->
<p class="sidebar-maintitle">Advertisements</p>
<!-- Textbox -->
<div class="sidebar-txtbox-noshade">
<p>Put ads here (160px) ...</p>
</div>
</div>
<!-- CONTENT -->
<div class="content1">
<div class="content1-pagetitle">Welcome to MultiFlex-2</div>
<!-- Text container -->
<div class="content1-container line-box">
<div class="content1-container-1col">
<p class="content-title-noshade-size3">Basic overview</p>
<p class="content-subtitle-noshade-size1">Experience freedom</p>
<div class="content-txtbox-noshade">
<p>MultiFlex-2 is an improvement of MultiFlex-1. Changes consist of: 1)
More page layouts, 2) more title options, 3) better viewing on 800x600 screens, 4)
more efficient code, 5) increased browser support, 6) better stylesheet for
printing. The template has many options for layout, pictures, text, tables, and
colors, and is suitable for personal, business and portal websites. Three basic
page layouts exist,<a href="#">Home</a>, <a href="layout2.html">Layout 2</a>, <a
href="layout3.html">Layout 3</a>. Please check the <a
href="options_basic.html">Basic Options</a> and <a href="options_extra.html">Extra
Options</a> to discover the full potential.</p>
<p class="readmore">| 15.05.2006 | <a href="#">Read more</a> | <a
href="#">Print</a> |</p>
</div>
</div>
</div>
<!-- Text container -->
<div class="content1-container line-box">
<div class="content1-container-2col-left">
<p class="content-title-noshade-size3">Code quality</p>
<p class="content-subtitle-noshade-size1">Solid and stable</p>
<div class="content-txtbox-noshade">
<p>MultiFlex-2 has a clean and stable code giving a firm foundation for
current and future browsers. Use <a href="#">HTML-Kit 292</a> and <a
href="#">TopStyle Lite 3.10</a> freeware for easy editing.</p>
</div>
</div>
<div class="content1-container-2col-right">
<p class="content-title-noshade-size3">Browser support</p>
<p class="content-subtitle-noshade-size1">Tested for all platforms</p>
<div class="content-txtbox-noshade">
<p>Test passed at <a href="#">Browsercam</a> for:</p>
<p>MSIE 6.0 SP2, MSIE 7.0 Beta2, Firefox 1.0/1.5, Mozilla 1.6/1.7,
Netscape 6.2.3/7.2/8.1, Opera 7.54/8.5.0/8.54, Konqueror 3.4.0, Camino 1.0, Safari
1.2/1.3/2.0.</p>
</div>
</div>
</div>
<!-- Text container -->
<div class="content1-container">
<div class="content1-container-3col-left">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
<div class="content1-container-3col-middle">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
<div class="content1-container-3col-right">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
</div>
<!-- Text container -->
<div class="content1-container">
<div class="content1-container-3col-left">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
<div class="content1-container-3col-middle">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
<div class="content1-container-3col-right">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh
euismod.</p>
</div>
</div>
</div>
</div>
<!-- SIDEBAR -->
<div class="sidebar">
<!-- Main Title -->
<p class="sidebar-maintitle">Infobar</p>
<!-- Textbox -->
<p class="sidebar-title-noshade">Check options!</p>
<div class="sidebar-txtbox-noshade">
<p>This page only shows the basics of MultiFlex-2. For more options, see <a
href="options_basic.html">Basic Options</a> and <a href="options_extra.html">Extra
Options</a>.</p>
</div>
<!-- Textbox -->
<p class="sidebar-title-noshade">It's free!</p>
<div class="sidebar-txtbox-noshade">
<p>Enjoy the template for free. Of course it would be nice if you keep author
infos, but you can remove them if you prefer to do so.</p>
</div>
<!-- Textbox -->
<p class="sidebar-title-noshade">Questions?</p>
<div class="sidebar-txtbox-noshade">
<p>My name is Wolfgang. If you have any questions about the template, just
visit my website or send an email.</p>
</div>
<!-- Textbox -->
<p class="sidebar-title-noshade">News and Links</p>
<div class="sidebar-txtbox-noshade">
<p>Use the left and right sidebars for news, events, links, ad banners, or
other things.</p>
<p><b>»</b> <a href="#">Link A</a><br />
<b>»</b> <a href="#">Link B</a></p>
</div>
<!-- Main Title-->
<p class="sidebar-maintitle">Advertisements</p>
<!-- Textbox -->
<div class="sidebar-txtbox-noshade">
<p>Put ads here (160px) ...</p>
</div>
</div>
<!-- FOOTER -->
<div class="footer">
<p><b>Copyright © 2006 Your Company | All Rights Reserved</b></p>
<p>Design by <a href="http://www.1-2-3-4.info/">Wolfgang</a> | Modified by <a
href="#">Your Name</a> | Powered by <a href="#">Your CMS</a> | <a
href="http://validator.w3.org/check?uri=referer">W3C XHTML 1.0</a> | <a
href="http://jigsaw.w3.org/css-validator/">W3C CSS 2.0</a></p>
</div>
</div>
</body>
</html>
<!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>Music 03</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>www.YourSitename.com</h1>
Your Slogan </div>
<ul id="navtop">
<li><a href="#">Home</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
<div id="leftcolumn">
<ul id="navleft">
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
<li><a href="#">Hyperlink</a></li>
</ul>
<h4>Gallery</h4>
<div class="gallery"> <a class="thumbnail" href="#"><img
src="images/thumb1.gif" width="50" height="50" alt="" /><span><img
src="images/large1.gif" alt="" /></span></a> <a class="thumbnail" href="#"><img
src="images/thumb2.gif" width="50" height="50" alt="" /><span><img
src="images/large2.gif" alt="" /></span></a> <a class="thumbnail" href="#"><img
src="images/thumb3.gif" width="50" height="50" alt="" /><span><img
src="images/large3.gif" alt="" /></span></a> <a class="thumbnail" href="#"><img
src="images/thumb4.gif" width="50" height="50" alt="" /><span><img
src="images/large4.gif" alt="" /></span></a> <a class="thumbnail" href="#"><img
src="images/thumb5.gif" width="50" height="50" alt="" /><span><img
src="images/large5.gif" alt="" /></span></a>
<p>Latest photos</p>
</div>
<h4>Dates</h4>
<p><strong>January 27</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur
massa.</p>
<p><strong>February 3</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur
massa.</p>
<p><strong>February 17</strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur
massa.</p>
</div>
<div id="rightcolumn">
<h1>Welcome! (h1, h2, h3)</h1>
<img class="imgparagraph" src="images/amp.gif" width="32" height="32" alt="Amp"
/>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa. Nullam
enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh. Etiam
tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus ipsum,
pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt justo.
Sed suscipit tristique nulla. Suspendisse sit amet massa.
<h4>Headline (h4, h5, h6)</h4>
<p><img class="imgleft" src="images/image1.jpg" width="100" height="100" alt=""
/>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa. Nullam
enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh. Etiam
tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus ipsum,
pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt justo.
Sed suscipit tristique nulla. Suspendisse sit amet massa.</p>
<p>[ <a href="#">Read more...</a>]</p>
<p><img class="imgright" src="images/image1.jpg" width="100" height="100"
alt="" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa.
Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh.
Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus
ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt
justo. Sed suscipit tristique nulla. Suspendisse sit amet massa.</p>
<p>[ <a href="#">Read more...</a>]</p>
<div id="copyright"> © Copyright 2007 <a href="#">Your Sitename</a><br />
Sponsored by <a href="http://opendesigns.org/">Open Designs</a><br />
Photos <a href="#">stock.xchng</a><br />
Icons <a href="#">Leo's Icon Archive</a><br />
Design by <a href="#">wfiedler</a><br />
<a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0
Strict</a> </div>
</div>
</div>
</body>
</html>
<!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>Musicians Agency</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<!-- Start of Page Title -->
<div id="page_title">
<h1><span>Musicians Agency</span></h1>
</div>
<!-- End of Page Title -->
<!-- Start of Left Column -->
<div id="left_column">
<div id="page_image"> </div>
<!-- Start of Page Menu -->
<div id="page_menu">
<ul>
<li id="menu1"><a href="#"><span>Home</span></a></li>
<li id="menu2"><a href="#"><span>Shows</span></a></li>
<li id="menu3"><a href="#"><span>Bio</span></a></li>
<li id="menu4"><a href="#"><span>Gallery</span></a></li>
<li id="menu5"><a href="#"><span>Tour</span></a></li>
</ul>
<div class="clearthis"> </div>
</div>
<!-- End of Page Menu -->
<!-- Start of Latest News -->
<div id="latestnews">
<h2><span>Latest News</span></h2>
<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>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
</div>
<!-- End of Latest News -->
</div>
<!-- End of Left Column -->
<!-- Start of Right Column -->
<div id="right_column">
<!-- Start of Latest Video -->
<div id="latestvideo">
<h2><span>Latest Video</span></h2>
<div class="thumbnail"><img src="images/latestvideo_thumbnail.gif"
width="291" height="135" alt="Thumbnail Caption" /></div>
<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. Don't want your boss to know you used a free website
template ;) .</p>
</div>
<!-- End of Latest Video -->
<!-- Start of Album Review -->
<div id="albumreview">
<h2><span>Album Review</span></h2>
<div class="thumbnail"><img src="images/review_thumbnail.gif" width="142"
height="105" alt="Thumbnail Caption" /></div>
<p>If you're having problems editing the template please don't hesitate to
ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
<!-- End of Album Review -->
</div>
<!-- End of Right Column -->
<!-- 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>
<!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>Music store template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="header">
<h1>Musicmania</h1>
<p>Online Music Store</p>
</div>
<div id="nav">
<div id="head"></div>
<div id="head-pip"></div>
<ul>
<li id="m1"><a href="#">Latest News</a></li>
<li id="m2"><a href="#">Music</a></li>
<li id="m3"><a href="#">About</a></li>
<li id="m4"><a href="#">Visuals</a></li>
<li id="m5"><a href="#">Online Stores</a></li>
<li id="m6"><a href="#">Contact</a></li>
</ul>
<div id="search">
<h2>Search Music Online</h2>
<form action="#">
<input type="text" class="text" name="q" value="" id="q" />
<input type="submit" name="submit" value="Go > >" id="submit"
class="submit" />
</form>
<a href="#">Advanced Search</a> | <a href="#">Search Tips</a> </div>
</div>
<div id="body">
<div id="body-inner">
<div id="body-left">
<div id="topic-pic"> <img src="images/pic_1.jpg" width="259" height="199"
alt="Pic 1" /> </div>
<h2>Dietary nutrients</h2>
<p>Don't forget to check <a href="#">free website templates</a> 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>
<ul class="blank">
<li><a href="#">> Top 10 Countdown</a></li>
<li><a href="#">> New Releases</a></li>
<li><a href="#">> Folk Collections</a></li>
<li><a href="#">> Devotional</a></li>
</ul>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the <a href="#">forum</a>.</p>
</div>
<div id="body-right">
<h2>Music Catagories</h2>
<div class="box"> <img src="images/pic_2.jpg" width="130" height="86"
alt="Pic 1" class="left" />
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<div class="btns"> <a href="#"><span>Listen</span></a> <a
href="#"><span>Add</span></a> </div>
<div class="clear"></div>
</div>
<div class="box"> <img src="images/pic_3.jpg" width="130" height="86"
alt="Pic 2" class="left" />
<p>If you're looking for beautiful and professionally made templates
you can find them at <a href="http://www.templatebeauty.com">Template
Beauty</a>.</p>
<div class="btns"> <a href="#"><span>Listen</span></a> <a
href="#"><span>Add</span></a> </div>
<div class="clear"></div>
</div>
<div class="box"> <img src="images/pic_4.jpg" width="130" height="86"
alt="Pic 3" class="left" />
<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>
<div class="btns"> <a href="#"><span>Listen</span></a> <a
href="#"><span>Add</span></a> </div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="copyright">
<div id="copyright-left"> Copyright © all right reserved | designed by
<a href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
</body>
</html>
<!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>Art Class</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="header">
<div class="menu"> <a href="#">gallery</a></div>
<div class="menu"> <a href="#">schedule</a></div>
<div class="menu"> <a href="#">about us</a></div>
<div class="menu"> <a href="#">home</a></div>
<div class="headerlt">art<strong>class</strong></div>
</div>
<div id="body">
<div id="sidebar">
<div class="sidebar">
<div class="sbhead">: featured art</div>
<img class="img" src="oenmw/adj.gif" alt="" /></div>
<div class="sidebar">
<div class="sbhead">: credit</div>
<p>The header-and featured art images appearing on this template are from
Free Webpage Headers (with some minor editing).</p>
</div>
<div class="sidebar">
<div class="sbhead">: notice</div>
<p>This template is distributed under <a
href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons Attribution
- Non Commercial 2.5 License</a>.</p>
<p>Please retain the "Template Design by MLP Design" tag and link at the
footer when you use it. Thank you.</p>
</div>
</div>
<div id="content">
<h1>About us</h1>
<h2>Some subheader-content goes here.</h2>
<p>Unless you know exactly what you are doing, do not make any changes or add
html tags onto the html pages as this will affect the XHTML 1.0 code validation of
the page.</p>
<blockquote>
<p>All changes to color, background, fonts, width, height, etc. should be
made in the stylesheet (style.css) to preserve XHTML 1.0 validation.</p>
</blockquote>
<p>Open "style.css" in any text editor. To change font color, change the value
of "color". For the background-color or image, locate "background". The width,
height, font-size, text-align are all self-explanatory. If you need help using this
template contact me</p>
<p><br />
</p>
<h2>Bullets and lists</h2>
<ul>
<li>Open Web Design</li>
<li>Creative Commons</li>
<li>Free Webpage Headers</li>
</ul>
<ol>
<li>http://www.openwebDesign.org</li>
<li>http://creativecommons.org</li>
<li>http://www.freewebpageheaders.com</li>
</ol>
<p>Some space fillers. Maecenas ac nisi. Integer ultricies sem eget nunc.
Vivamus sollicitudin, nunc eu iaculis suscipit, nunc lorem dignissim arcu, eu
tincidunt erat erat a magna. Etiam ac ante quis mi volutpat lacinia. Nullam
ultrices gravida magna. Aenean sed tortor ac est gravida pellentesque. Nam sodales
vulputate ante. Quisque dignissim tempus sem. Vivamus vel nulla. Sed ullamcorper
bibendum libero. Nunc enim eros, adipiscing a, elementum at, porta vel, libero.</p>
</div>
<div class="spacer"></div>
</div>
<div id="footer">
<div class="footer">Template Design by <a href="http://www.mlpDesign.net">MLP
Design</a> | <a href="http://validator.w3.org/check?uri=referer">XHTML 1.0
Strict</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer ">CSS
Valid</a></div>
<p>© Copyright 2006 Your Name. All Rights Reserved.</p>
</div>
<div class="spacer"></div>
</body>
</html>
<!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>Muzzle</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
</head>
<body>
<div id="wrapper">
<!--Title-->
<div id="logo">
<h1> .: Muzzle</h1>
</div>
<!--Menu-->
<div id="menu"> <a href="#"> Home </a> <a
href="#"> Profiles </a> <a
href="#"> Media </a> <a
href="#"> Board </a> <a
href="#"> Links </a> <a
href="#"> Contact </a> </div>
<!--Content-->
<div id="content">
<div class="header"> <b> .: News</b> </div>
<div class="entry"> <img src="" class="icon" alt="" /> <br />
<h1>Muzzle</h1>
<h2>21 December 2004 - Joe[y]</h2>
<br />
<p><i>"Muzzle - n. 4. A restraint on free movement or expression"</i></p>
<p>The title of this design is ironic... go figure.</p>
<p>I suppose this design would be suitable for most sites but if you feel it
still needs tuning to your particular choice I believe I have made the design very
easy to edit, even with little <acronym title="HyperText Mark-up Language"
lang="en">HTML</acronym> knowledge.</p>
</div>
<div class="entry"> <img src="" class="icon" alt="" />
<h1>Standards and Accesisibility</h1>
<h2>21 December 2004 - Joe[y]</h2>
<br />
<p>Muzzle is 100% compliant with XHTML 1.0 Strict and uses CSS (see footer of
page).<br />
No tables have been used to layout elements and text.</p>
<p>Muzzle conforms to the WCAG double A rating and § 508 guidelines for web
content accessibility... although, this is not a major issue in a simple
website.</p>
</div>
<div class="entry"> <img src="" class="icon" alt="" />
<h1>Stylesheets</h1>
<h2>21 December 2004 - Joe[y]</h2>
<br />
<p>Muzzle uses 2 external stylesheets rather than one, and no, the second is
not an alternative layout - the second stylesheet is in fact a stylesheet
designated for print media. The original CSS structure was taken from Oriel by <a
href="#">RJShade</a>. </p>
</div>
<div class="entry"> <img src="" class="icon" alt="" />
<h1>Compatability</h1>
<h2>21 December 2004 - Joe[y]</h2>
<br />
<p>Yes, the design is cross-browser compatible and I can confirm that the
design renders identically in Gecko
(<a href="#">Mozilla</a> <a href="#">Firefox</a> 0.10.1), <a
href="#">Opera</a> (7.01) and even Internet Explorer (6.0)!</p>
</div>
</div>
<!--Sidebar-->
<div id="sidebar">
<div class="header">
<h1>Contact:</h1>
</div>
<div class="sidebarbox"> <a href="#">[email protected]</a> </div>
<div class="header">
<h1>Syndicate:</h1>
</div>
<div class="sidebarbox"> <a href="#">Mozilla Firefox</a><br />
<a href="#">Mozilla Thunderbird</a><br />
<a href="#">OSWD.org</a> </div>
<div class="header">
<h1>Shoutbox:</h1>
</div>
<div class="sidebarbox"> Perhaps implement a shoutbox here with php and
mySQL...<br />
<br />
Try <a href="#">PHP.net</a> for a simple php script. </div>
</div>
<!--Footer-->
<div id="footer">
<p>Validate: <a href="http://validator.w3.org/check?uri=referer">XHTML</a>/<a
href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>/<a
href="http://www.access-board.gov/508.htm">508</a> | <a href="#">© Joseph
Spurling 2004</a></p>
</div>
</div>
</body>
</html>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>My Diary</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="body">
<div id="body-top">
<div id="body-bot">
<div id="header"> <img src="images/pic_1.jpg" width="332" height="453"
alt="Pic 1" id="person" />
<h1><img src="images/logo.gif" width="259" height="107" alt="My Diary"
/></h1>
<div id="about">
<p><span class="first-letter">D</span>on't forgot to check <a
href="#">free website templates</a> 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. Don't want your boss to know
you used a free website template ;) .</p>
<p>If you're having problems editing the template please don't hesitate
to ask for help on the <a href="#">forum</a>.</p>
</div>
<div class="clear"></div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Passion</a></li>
<li><a href="#">Hobbies</a></li>
<li><a href="#">Profession</a></li>
<li><a href="#">Collection</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="tray">
<div id="tray-left">
<h2><img src="images/h_hobbies.gif" width="70" height="20" alt="H
Hobbies" /></h2>
<img src="images/pic_2.jpg" width="65" height="87" alt="Pic 2"
class="left" />
<p>If you're looking for beautiful and professionally made templates
you can find them at <a href="http://www.templatebeauty.com">Template
Beauty</a>.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p class="more"><a href="#">more</a></p>
</div>
<div id="tray-right">
<h2><img src="images/h_collections.gif" width="90" height="20" alt="H
Collections" /></h2>
<img src="images/pic_3.jpg" width="299" height="87" alt="Pic 3" />
<p class="more"><a href="#">click here for more</a></p>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div id="footer-right">All rights reserved. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>My family template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<h1>My Family</h1>
<div id="family"></div>
<div id="head-top"></div>
<div id="head-right"></div>
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Family care</a></li>
<li><a href="#">Photo gallery</a></li>
<li><a href="#">Contact us</a></li>
</ul>
<div id="nav-bot"></div>
</div>
<div id="body">
<div class="i">
<h2 class="shallow"><strong>Welcome</strong> to my family</h2>
<p>Don't forget to check <a href="#">free website templates</a> 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 having problems editing the template please don't hesitate to
ask for help on the <a href="#">forum</a>.</p>
<p class="more"><a href="#">more...</a></p>
<h2 class="shallow"><strong>Family</strong> photo gallery</h2>
<p><img src="images/gallery.jpg" width="233" height="161" alt="Gallery"
class="left" /></p>
<div id="view">
<p class="dark"><a href="#">VIEW OUR</a></p>
<p class="orange"><a href="#">PHOTO<br />
GALLERY</a></p>
</div>
<div class="clear"></div>
<h2><strong>Family</strong> advice</h2>
<ul class="orange-bullet">
<li>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</li>
<li>If you're looking for beautiful and professionally made templates you
can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</li>
</ul>
<h2 class="orange"><strong>Family</strong> fun & travel</h2>
<div id="funtravel"> <img src="images/pic_1.jpg" width="95" height="116"
alt="Pic 1" class="left" />
<div id="collect">
<p class="dark">COLLECT OUR</p>
<p class="orange">FUN & TRAVELBOOK</p>
<p class="other">Nulla turpis. Suspendisse erat ipsum, sodales dignissim,
bibendum</p>
</div>
</div>
<div id="copyright">All right reserved | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>My Valentine</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- begin header -->
<div id="header">
<h1>My Valentine</h1>
<p>For one is both <br />
<span>and both are one in love</span></p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>
<!-- end header -->
<!-- start container -->
<div id="container">
<!-- begin left side -->
<div id="left">
<h1>My Love...</h1>
<p><img class="alignleft" src="images/heart.jpg" alt="" />Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. In tempus tincidunt elit. Pellentesque vehicula
accumsan orci. Aliquam consectetuer dapibus sem. Vivamus eu eros. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam iaculis metus at velit.</p>
<p><img class="alignright" src="images/heart.jpg" alt="" />Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. In tempus tincidunt elit. Pellentesque
vehicula accumsan orci. Aliquam consectetuer dapibus sem. Vivamus eu eros. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Aliquam iaculis metus at velit.</p>
</div>
<!-- end left side -->
<!-- begin right side -->
<div id="right">
<h1>Be Mine...</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tempus
tincidunt elit. Pellentesque vehicula accumsan orci. Aliquam consectetuer dapibus
sem. Vivamus eu eros. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. Aliquam iaculis metus at velit. <a class="more"
href="#">Read more »</a></p>
</div>
<!-- end right side -->
</div>
<!-- end container -->
<!-- begin footer -->
<div id="footer">
<p>XHTML template by <a href="http://karenblundell.com">Karen Blundell</a></p>
</div>
<!-- end footer -->
</body>
</html>
<!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>
<title>Myhedspace Free08</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="header">
<h1> <a href="#">MYHEDSPACE FREE08</a></h1>
</div>
<div id="wrap">
<div id="header_img"> </div>
<div id="content">
<div id="left">
<h2> <a href="#">Welcome to Myhedspace Free09</a></h2>
<div class="post_detail">Feb 18, 2007</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="hr">
<hr />
</div>
<h2>Lorem Ipsum</h2>
<div class="post_detail">Feb 18, 2007</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod <a href="#">tempor</a> incididunt ut labore et dolore magna aliqua.
Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="hr">
<hr />
</div>
</div>
<div id="right">
<div class="sidebar">
<h3>Menu</h3>
<div class="sidebar_div"></div>
<ul>
<li><a href="#" accesskey="H"><u>H</u>ome</a></li>
<li><a href="#" accesskey="B"><u>B</u>log</a></li>
<li><a href="#" accesskey="O">F<u>o</u>lio</a></li>
<li><a href="#" accesskey="C"><u>C</u>ontact</a></li>
</ul>
<div class="sidebar_div"></div>
</div>
<div class="sidebar">
<h3>Links</h3>
<div class="sidebar_div"></div>
<ul>
<li><a href="#">Myhedspace.com</a></li>
<li><a href="#">The Open Design Community</a></li>
<li><a href="#">Stock Exchange</a></li>
<li><a href="#">The Life of a Young Mom</a></li>
</ul>
<div class="sidebar_div"></div>
</div>
<div class="sidebar">
<h3>Meta</h3>
<div class="sidebar_div"></div>
<ul>
<li><a href="http://validator.w3.org/check?uri=referer"> <abbr
title="Extensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer"> <abbr
title="Cascading Style Sheets">CSS</abbr></a></li>
</ul>
<div class="sidebar_div"></div>
</div>
</div>
</div>
</div>
<div id="footer">
<p><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/">©©</a>
<a href="http://www.myhedspace.com" title="myhedspace.com">open source web Design
by myhedspace.com</a></p>
</div>
</body>
</html>
<!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>
<title>MYHEDSPACE FREE09</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<!-- start box -->
<div id="box">
<div id="top"></div>
<!-- top background -->
<!-- start middle content -->
<div id="middle">
<!-- start nav -->
<div id="nav">
<!-- start logo -->
<div id="logo">
<h1> <a href="#">myhedspace<span>free09</span></a></h1>
</div>
<!-- end logo -->
<!-- start menu -->
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="innerpage.html">Menu2</a></li>
<li><a href="#">Menu3</a></li>
<li><a href="#">Menu4</a></li>
</ul>
</div>
<!-- end menu -->
</div>
<!-- end nav -->
<div id="main_img"></div>
<!-- main img -->
<!-- start main text -->
<div id="main_text">
<div id="welcome">
<h2>The Open Design Community</h2>
<p> <a href="#">The Open Design Community</a> (TODC) is a group of Open
Source Website Designers providing free web
design templates helping to make the global internet a prettier
place.</p>
</div>
</div>
<!-- end main text -->
</div>
<!-- end middle content -->
<div id="bottom"></div>
<!-- bottom background -->
<!-- start footer -->
<p id="footer"><a href="http://creativecommons.org/licenses/by-nc-
sa/2.5/">©©</a> <a href="http://www.myhedspace.com"
title="myhedspace.com">Open Source Web Design by Myhedspace.com</a> | Photo by
sxc.hu</p>
<!-- end footer -->
</div>
<!-- end box -->
</body>
</html>
<!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>MyKindaThing</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>MyKindaThing</h1>
<h2>Free CSS Template</h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2>Welcome to Sitename.com!</h2>
<p>MyKindaThing is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="right">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>National Park</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css"
media="screen,projection" />
</head>
<body>
<div id="wrap">
<div id="header"> </div>
<div id="logo"> national park</div>
<ul class="topmenu">
<li><a href="#">Home</a> |</li>
<li><a href="#">Donate</a> |</li>
<li><a href="#">Contact Us</a></li>
</ul>
<div id="left-sidebar">
<h4>Main Menu</h4>
<p><a href="mission.html">Mission Statement</a></p>
<p> <a href="#">Donate</a></p>
<p> <a href="#">Management</a></p>
<p> <a href="#">Contact Us</a></p>
<h4>Resources</h4>
<p> <a href="#">Plan Your Trip</a></p>
<p> <a href="#">Nature & Science</a></p>
<p> <a href="#">Maps & Trials</a></p>
<p> <a href="#">Things To Do</a></p>
<h4>Other</h4>
<p> <a href="#">Volunteer</a></p>
<p> <a href="#">Research</a></p>
<p> <a href="#">Park Ranger Info</a></p>
<p> <a href="#">Site Map</a></p>
<h4>Site Support</h4>
<p> <a href="#">FAQ's</a></p>
<p> <a href="#">Email Support</a></p>
<div id="sidebar-pic"> </div>
</div>
<div id="info-box"> </div>
<div id="pic"> </div>
<div id="main-logo" style="position: absolute; left: 181px; top: 262px; height:
23px">
<h3>Find A National Park</h3>
</div>
<div id="map"> </div>
<div id="left-info"> Find a National Park by State: <br/>
<form action="#" method="get">
<fieldset style="width: 136px; height: 7px; border: none;">
<select name="state">
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</fieldset>
</form>
</div>
<div id="right-info" >
<h3>Featured National Park</h3>
<p><b>Rock Mountain National Park</b><br/>
<b>Location:</b> Colorado, USA<br/>
<b>Nearest City:</b> Estes Park, Colorado<br/>
<b>Coordinates:</b> 40°24′0″N, 105°35′0″W</p>
</div>
<div id="footer">
<div id="footer-menu"> © 2006 Your Organization Inc. All Rights Reserved</div>
</div>
</div>
</body>
</html>
<!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>Natural Beauties</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Natural Beauties</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Blog</a></li>
<li><a href="#" accesskey="3">Photos</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
</div>
<div id="gallery">
<div id="top-photo">
<h2>Falls In Glacier (Canon D60)</h2>
<p><a href="#"><img src="images/img04.jpg" alt="" width="700" height="299"
/></a></p>
</div>
<div id="recent-photos"><a href="#" id="prev"><span>«
Previous</span></a><span id="thumbs"><a href="#"><img src="images/img05.jpg" alt=""
width="95" height="84" /></a><a href="#"><img src="images/img06.jpg" alt=""
width="95" height="84" /></a><a href="#"><img src="images/img07.jpg" alt=""
width="95" height="84" /></a><a href="#"><img src="images/img08.jpg" alt=""
width="95" height="84" /></a><a href="#"><img src="images/img09.jpg" alt=""
width="95" height="84" /></a><a href="#"><img src="images/img10.jpg" alt=""
width="95" height="84" /></a></span><a href="#" id="next"><span>Next
»</span></a></div>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to The Green House!</h2>
<div class="meta">
<p class="date">Posted on February 25, 2007 by John Doe</p>
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
<div class="story">
<p><strong>The Green House</strong> is a free template from Free CSS
Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You"re free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
<em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="meta">
<p class="date">Posted on February 25, 2007 by John Doe</p>
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
</div>
</div>
<div id="sidebar">
<div id="archives" class="boxed">
<h2>Archives</h2>
<div class="content">
<ul>
<li><a href="#">February 2007</a> <i>(25)</i></li>
<li class="active"><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</div>
</div>
<div id="categories" class="boxed">
<h2>Categories</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li class="active"><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
<div id="tagcloud" class="boxed">
<h2>Tag Cloud</h2>
<div class="content"><a href="#" title="55 recent posts" style="font-size:
1.5087837837838em;">Art</a> <a href="#" title="66 recent posts" style="font-size:
1.5905405405405em;">Blogging</a> <a href="#" title="51 recent posts" style="font-
size: 1.4790540540541em;">Books</a> <a href="#" title="40 recent posts"
style="font-size: 1.3972972972973em;">Culture</a> <a href="#" title="73 recent
posts" style="font-size: 1.6425675675676em;">Family</a> <a href="#" title="54
recent posts" style="font-size: 1.5013513513514em;">Food</a> <a href="#" title="43
recent posts" style="font-size: 1.4195945945946em;">Friends</a> <a href="#"
title="63 recent posts" style="font-size: 1.5682432432432em;">Humor</a> <a href="#"
title="88 recent posts" style="font-size: 2.4972972972973em;">Life</a> <a href="#"
title="49 recent posts" style="font-size: 1.4641891891892em;">Love</a> <a href="#"
title="64 recent posts" style="font-size: 1.5756756756757em;">Movies</a> <a
href="#" title="28 recent posts" style="font-size: 2.0513513513514em;">Music</a> <a
href="#" title="25 recent posts" style="font-size: 2.0290540540541em;">News</a> <a
href="#" title="92 recent posts" style="font-size: 1.7837837837838em;">Personal</a>
<a href="#" title="46 recent posts" style="font-size:
1.4418918918919em;">Photography</a> <a href="#" title="13 recent posts"
style="font-size: 2.0662162162162em;">Politics</a> <a href="#" title="56 recent
posts" style="font-size: 1.5162162162162em;">Random</a> <a href="#" title="51
recent posts" style="font-size: 1.4790540540541em;">Religion</a> <a href="#"
title="68 recent posts" style="font-size: 1.6054054054054em;">Thoughts</a> <a
href="#" title="49 recent posts" style="font-size: 1.4641891891892em;">Travel</a>
<a href="#" title="45 recent posts" style="font-size: 1.4344594594595em;">Video</a>
<a href="#" title="51 recent posts" style="font-size:
1.4790540540541em;">Health</a> <a href="#" title="43 recent posts" style="font-
size: 1.4195945945946em;">Media</a> <a href="#" title="53 recent posts"
style="font-size: 1.4939189189189em;">Technology</a> <a href="#" title="46 recent
posts" style="font-size: 1.4418918918919em;">Writing</a></div>
</div>
</div>
</div>
<div id="footer">
<p id="copy">©2007 Snow Flakes. Designed by <a href="#">Free CSS
Templates</a></p>
<p id="feed"><a href="#" id="rss">RSS Feed</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Natural Essence</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
</head>
<body>
<div id="wrapper">
<div id="container">
<div class="title">
<h1><a href="#">Natural Essence</a></h1>
</div>
<div class="header"></div>
<div class="navigation"> <a href="#" id="active">Home</a> <a href="single-
column.html">Single Column</a> <a href="no-header.html">Without Header</a> <a
href="#">Malesuada</a> <a href="#">Lobortis</a> <a href="#">Pharetra</a>
<div class="clearer"></div>
</div>
<div class="main" id="two-columns">
<div class="col2">
<div class="left">
<div class="content">
<h1>Heading One</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
sagittis. Proin ac felis. Lorem ipsum dolor sit amet, consectetuer adipiscing <a
href="#">elit pellentesque</a> enim dui, rhoncus ut, pharetra sed, luctus vitae,
dolor. Nunc mauris eros, vehicula id, fermentum non, semper ac, nisl. Cras sed
purus non justo lobortis rhoncus. Morbi <a href="#">consectetuer</a> augue. Nam
semper ornare ipsum.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
sagittis. Proin ac felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Pellentesque.</p>
<h2>Heading Two</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
sagittis. Proin ac felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Pellentesque enim dui, rhoncus ut, pharetra</p>
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<p>Luctus vitae, dolor. Nunc mauris eros, vehicula id, fermentum non,
semper ac, nisl. Cras sed purus non justo lobortis rhoncus. Morbi consectetuer
augue.</p>
<h3>Heading Three</h3>
<p>Donec ligula lorem, varius eget, semper eget, aliquet quis, lectus.
Vestibulum ipsum nunc, aliquet quis, blandit ac, varius a, est. Praesent dictum.
Sed feugiat magna sed lorem. Nulla tempus sodales ipsum. In vitae purus eget
quam.</p>
<blockquote>
<p>Luctus vitae, dolor. Nunc mauris eros, vehicula id, fermentum non,
semper ac, nisl. Cras sed purus non justo lobortis rhoncus. Morbi consectetuer
augue</p>
</blockquote>
<p>Luctus vitae, dolor. Nunc mauris eros, vehicula id, fermentum non,
semper ac, nisl. Cras sed purus non justo lobortis rhoncus. Morbi consectetuer
augue.</p>
</div>
</div>
<div class="right">
<div class="content">
<h2>Something</h2>
<ul class="block">
<li><a href="#">pellentesque</a></li>
<li><a href="#">sociis natoque</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">convallis</a></li>
</ul>
<h2>Another thing</h2>
<ul class="block">
<li><a href="#">consequat molestie</a></li>
<li><a href="#">sem justo</a></li>
<li><a href="#">semper</a></li>
<li><a href="#">sociis natoque</a></li>
</ul>
<h2>Third and last</h2>
<ul class="block">
<li><a href="#">sociis natoque</a></li>
<li><a href="#">magna sed purus</a></li>
<li><a href="#">tincidunt</a></li>
<li><a href="#">consequat molestie</a></li>
</ul>
<h2>And some text</h2>
<p>Donec ligula lorem, varius eget, semper eget, aliquet quis, lectus.
Vestibulum ipsum nunc, aliquet quis, blandit ac, varius a, est.</p>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="bottom">
<div class="left">
<h2>Previous entries</h2>
<ul class="block">
<li><a href="#"><span>Sodales</span><em>Vestibulum ipsum nunc, aliquet
quis</em></a></li>
<li><a href="#"><span>Varius eget</span><em>Donec ligula lorem, varius
eget</em></a></li>
<li><a href="#"><span>Integer varius</span><em>Nam semper ornare
ipsum</em></a></li>
<li><a href="#"><span>Vehicula</span><em>Cras sed purus non
justo</em></a></li>
</ul>
</div>
<div class="right">
<h2>About</h2>
<p>Sed, luctus vitae, dolor. Nunc mauris eros, vehicula id, fermentum
non, semper ac, nisl. Cras sed purus non justo lobortis rhoncus. Morbi consectetuer
augue.</p>
<h2>From the gallery</h2>
<table>
<tr>
<td><img src="img/thumb.gif" width="110" height="90" alt="" /></td>
<td style="width:5px"></td>
<td><img src="img/thumb.gif" width="110" height="90" alt="" /></td>
<td style="width:5px"></td>
<td><img src="img/thumb.gif" width="110" height="90" alt="" /></td>
</tr>
</table>
</div>
<div class="clearer"></div>
</div>
<div class="footer">
<div class="left"> Copyright © 2007 <a href="#">Website.com</a> </div>
<div class="right">Website template by <a
href="http://arcsin.se">Arcsin</a> </div>
<div class="clearer"></div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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>
<title>Art Nouveau</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/reset-fonts.css" type="text/css" media="screen,
projection" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen,
projection" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie6.css">
<![endif]-->
</head>
<body>
<div id="wrap">
<div id="header" class="float">
<h1 id="logo" class="hidden"><a href="#">Art Nouveau</a></h1>
<h2 id="tagline" class="hidden">1890 - 1914</h2>
</div>
<!-- / header -->
<div id="menu" class="float">
<ul id="menu-items">
<li><a href="#" class="replace" id="menu-01" accesskey="1">Home</a></li>
<li><a href="#" class="replace" id="menu-02" accesskey="2">About us</a></li>
<li><a href="#" class="replace" id="menu-03" accesskey="3">Fine arts</a></li>
<li><a href="#" class="replace" id="menu-04"
accesskey="4">Architecture</a></li>
<li><a href="#" class="replace" id="menu-05" accesskey="5">Sitemap</a></li>
<li><a href="#" class="replace" id="menu-06"
accesskey="6">Testimonials</a></li>
<li><a href="#" class="replace" id="menu-07" accesskey="7">Order</a></li>
<li><a href="#" class="replace" id="menu-08" accesskey="8">Contact
us</a></li>
</ul>
</div>
<!-- / menu -->
<div id="body" class="float">
<div id="bg-rust" class="float">
<div id="col-l" class="float">
<ul id="artists-list">
<li>
<p class="col-l"><a href="#"><img src="img/pic01.jpg" alt="" /></a></p>
<div class="artist-data">
<h3>Gustav Klimit</h3>
<span class="artist-years">1862- 1918</span>
<p class="artist-desc">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet.</p>
</div>
</li>
<li>
<p class="col-l"><a href="#"><img src="img/pic02.jpg" alt="" /></a></p>
<div class="artist-data">
<h3>Gustav Klimit</h3>
<span class="artist-years">1862- 1918</span>
<p class="artist-desc">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
</div>
</li>
<li>
<p class="col-l"><a href="#"><img src="img/pic03.jpg" alt="" /></a></p>
<div class="artist-data">
<h3>Gustav Klimit</h3>
<span class="artist-years">1862- 1918</span>
<p class="artist-desc">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet.</p>
</div>
</li>
<li>
<p class="col-l"><a href="#"><img src="img/pic04.jpg" alt="" /></a></p>
<div class="artist-data">
<h3>Gustav Klimit</h3>
<span class="artist-years">1862- 1918</span>
<p class="artist-desc">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet.</p>
</div>
</li>
</ul>
</div>
<div id="col-r" class="float">
<div id="main-content" class="artist-data">
<h3>Art Nouveau</h3>
<span class="artist-years">1862- 1918</span>
<div class="artist-desc">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.</p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
</div>
</div>
</div>
<div class="hr-ornament">
<hr class="hidden" />
<!-- -->
</div>
</div>
</div>
<!-- / body -->
<br style="clear: both" />
<div id="footer" class="float">
<p> <a href="#"><img class="box-art-nouveau" src="img/box_art-nouveau.gif"
alt="" /></a> </p>
<p> <a href="#"><img class="box-art-architecture" src="img/box_art-
architecture.gif" alt="" /></a> </p>
<p> <a href="#"><img class="box-murals-mosaics" src="img/box_murals-
mosaics.gif" alt="" /></a> </p>
<p> <a href="#"><img class="box-glass-ware" src="img/box_glass-ware.gif" alt=""
/></a> </p>
<p> <a href="#"><img class="box-fine-arts" src="img/box_fine-arts.gif"
alt="" /></a> </p>
<p> <a href="#"><img class="box-furniture" src="img/box_furniture.gif"
alt="" /></a> </p>
<p class="footer-text">Copyright Your Name | <a
href="http://www.studio7designs.com">Design by STUDIO7DESIGNS</a> | <a
href="http://www.slicendiceit.com">Coding by Slice 'n Dice</a></p>
</div>
<!-- / footer -->
</div>
<!-- / wrap -->
</body>
</html>
<!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>Symphony of Horror</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" title="Style" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>A Symphony of Horror</h1>
<div id="menu">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Spookshow</a></li>
<li><a href="#">Lust for blood</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<h2>Nosferatu</h2>
<p> <img src="images/nos.jpg" alt="Template" class="float_left" style="margin:
12px;" />Lorem
ipsum dolor sit amet, consectetuer
adipiscing elit. Suspendisse lobortis, leo in lobortis aliquet, lorem
leo fringilla lectus, id pellentesque ante nulla sed nulla. Vestibulum
ac lacus. Integer aliquet iaculis massa. Mauris convallis purus sit
amet nibh. Phasellus purus. Suspendisse vulputate, arcu in posuere
pharetra, velit ligula accumsan odio, a tincidunt metus libero et est.
Curabitur magna. Etiam vulputate mauris et ipsum. Cras convallis sapien
sit amet est. Aliquam suscipit risus sit amet orci.</p>
<h2>He likes to feed</h2>
<p>Fusce id leo. Nulla pharetra malesuada enim. Donec placerat
scelerisque nunc. Morbi fermentum, augue eget congue tincidunt, ligula
dolor volutpat augue, vitae faucibus tortor nisl nec massa. Ut congue,
lectus eu pretium sodales, dolor justo ultricies eros, vitae viverra
urna odio vel mi. Praesent scelerisque orci ac purus. Fusce neque urna,
dictum eu, bibendum in, accumsan vel, nibh. Nulla viverra, enim vel
euismod fermentum, orci pede mattis lectus, ut dapibus pede lorem et
enim. In eu nibh ut massa ultricies blandit. Morbi sit amet lacus sit
amet erat volutpat pharetra. Sed adipiscing. Praesent augue. Nulla
facilisi. Etiam tincidunt tempus risus. Pellentesque nibh. Proin eu
lorem in nibh iaculis congue. Maecenas non libero aliquet odio ultrices
viverra.</p>
<div id="footer">© 2007 Your Site Dot Com | All
Rights Reserved. </div>
</div>
</div>
</body>
</html>
<!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>Nature</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="pom.css" />
</head>
<body>
<div id="wrap">
<div id="header"><br />
<h3>www.your site.com</h3>
<p><strong>"your slogan can be here "</strong><br />
(or anything else )</p>
</div>
<img src="images/header.jpg" width="790" height="228" alt="" />
<div id="avmenu">
<h2 class="hide">Menu:</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">gallery</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">Links</a></li>
</ul>
<div class="announce">
<h3>Whats new ?</h3>
<p><strong>4 Janvier , 2007:</strong><br />
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim </p>
<p class="textright"> <a href="#">More Info...</a></p>
</div>
</div>
<div id="extras">
<h3> <br />
More Info:</h3>
<p> consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut</p>
<h3>Links:</h3>
<p><img src="images/arrow.gif" alt="arrow" width="7" height="7" /> <a
href="#">Home</a><br />
<img src="images/arrow.gif" alt="arrow" width="7" height="7" /> <a
href="#">Link 2</a><br />
<img src="images/arrow.gif" alt="arrow" width="7" height="7" /> <a
href="#">Link 3</a><br />
</p>
<p class="small">Dezign<br />
(4 Janv, 2007)<br />
<a href="http://validator.w3.org/check/referer">Validate XHTML 1.0
Strict</a><br />
and Css </p>
</div>
<div id="content">
<h2><img src="images/ill_title.jpg" alt="ill title" width="63" height="20"
/>Welcome ! </h2>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut </p>
<p><img src="images/ill1.jpg" height="100" width="125" class="left" alt="ill_1"
/>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
<p> </p>
<h3><img src="images/ill_title.jpg" alt="ill title" width="63" height="20"
/>Presentation</h3>
<p>reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum." <img src="images/ill2.jpg" class="right"
height="100" width="125" alt="ill_2" /></p>
<p> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitationvelit es <a href="#">studio-plume.org</a>, "Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation velit es</p>
<p> </p>
</div>
<div id="footer"> Copyright © 2007 (your name). Design by kty <a
href="http://www.studio-plume.org">studio-plume.org</a>.</div>
</div>
</body>
</html>
<!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>
<title>mag</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="1.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="container">
<div id="left">
<h3>NEWS</h3>
<p><big>N</big>ature consists of the world that exists all around us, from the
rainforests of South America, to the Jungles of Africa. <a
href="#">more....</a></p>
<h4>Photos</h4>
<img src="picks/3.jpg" border="0" alt="" /> <br />
<p>search
<input class="box" type="text" name="T1" size="15" />
</p>
<h4>contest Winners</h4>
<p> 1 rst.Onsectetuer adipiscing. <br />
2 nd. Ornare, massa.<br />
3 rd. Met egesta. </p>
</div>
<div id="center">
<div id="tb"> N<br />
a<br />
t<br />
u<br />
r<br />
e </div>
<div id="tb2">
<pre>
S
h
o
t
s
</pre>
</div>
</div>
<div id="right">
<div id="menu"> <a href="#">Home</a> <a href="#">Archives</a>
<a href="#">schedule</a> <a href="#">events</a> </div>
<h5>More Stuff</h5>
<p><big>S</big>orem ipsum dolor sit amet, consectetuer adipiscing elit.
Integer ornare,egestas posuere. <a href="#">more....</a></p>
<h5>Coded in Notepad</h5>
<p> Notepad is compatible with every single standard of Internet presentation
medium yet devised. And all future developments in HTML and any other Web based
presentation medium. </p>
</div>
<div id="footer"><a href="#">Home</a> | <a href="#">Contact Us</a>
| <a href="#">Help/FAQs</a> | <a href="#">Careers</a>
| <a href="#">Privacy Statement</a> | <a href="#">Legal
Disclosure</a> | <a href="#">Site Map</a></div>
</div>
<br />
By Coollew
</body>
</html>
<!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>
<title>Nautica X1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div class="main">
<div class="header">
<div class="header-top">
<div class="search-box">
<input name="textfield" type="text" class="search-input" />
</div>
<div class="login-bg"><a href="#" class="white-link">Login</a> :: <a href="#"
class="white-link">Site map</a></div>
</div>
<div class="header-bottom">
<div id="navcontainer">
<ul class="navlist">
<li class="active"><a href="#">Home</a></li>
<li class=""><a href="#">RSS</a></li>
<li class=""><a href="#">Plan</a></li>
<li class=""><a href="#">Share</a></li>
</ul>
</div>
</div>
</div>
<div class="body-main">
<div class="body-top">
<div class="body-left">
<div class="left-box">
<div class="box">
<div class="box-title"><span class="title-16">Nautica X2</span></div>
<div class="welcome-inside">
<div align="left">This is where you would explain about your company.
filler text
All the details and more would go here. filler text... example.of
work
This is where you would explain about your company.</div>
<div class="fav-project">
<div class="fav-text">Our favorite project!
This is where you would explain about your company.
All the details and more would go here. filler text...
This is where you would explain about your company.
All the details and more would go here. filler text exam</div>
</div>
<div align="left">This is where you would explain about your company.
filler text
All the details and more would go here. filler text... example.of
work
This is where you would explain about your company.</div>
</div>
</div>
</div>
</div>
<div class="body-right">
<div class="blank38"></div>
<div class="body-right1">
<div class="box">
<div class="box-title"><span class="title-
16">STUDIO7DESIGNS</span></div>
<div class="welcome-inside">
<div align="left">This template was created by studio7designs.com for
the open source community. We tried to incorporate more of a feminine look and feel
to this project and we will have more color schemes to come. If you could please
keep the links back to us at the footer of the template that would be perfect.
Other then that enjoy the design and have fun building your next website!.</div>
<div class="fav-project">
<div class="fav-text">Our favorite project!
This is where you would explain about your company.
All the details and more would go here. filler text...
This is where you would explain about your company.
All the details and more would go here. filler text exam</div>
</div>
<div align="left">This is where you would explain about your company.
filler text
All the details and more would go here. filler text... example.of
work
This is where you would explain about your company.
All the details and more would go here. filler text examples of
work it
This is where you would explain about your company. filler lorum
ipsm
All the details and more would go here.</div>
</div>
</div>
</div>
</div>
</div>
<div class="body-bottom">
<div class="bottom-box1">
<div class="bottom-box1-inside"><span class="title-14">Current Projects
</span>
<div>A good place to showcase some of your most recent projects.</div>
<div class="bottom-box-th"><img src="images/my-space-th.jpg" alt=""
width="165" height="79" /></div>
<div class="green-link-box"><a href="#" class="read-more">Read
More</a></div>
</div>
</div>
<div class="bottom-box1">
<div class="bottom-box1-inside"><span class="title-14">Creative Blogs
</span>
<div>Here is where the details of your
projects and specs will go.</div>
<div class="bottom-box-th"><img src="images/design-award-th.jpg" alt=""
width="165" height="79" /></div>
<div class="green-link-box"><a href="#" class="read-more">View
Gallery</a></div>
</div>
</div>
<div class="bottom-box1" style="border-right:none;">
<div class="bottom-box1-inside"><span class="title-14">Idea Boards </span>
<div>Here is where the details of your
projects and specs will go.</div>
<div class="bottom-box-th"><img src="images/about-us-th.jpg" alt=""
width="165" height="79" /></div>
<div class="green-link-box"><a href="#" class="read-
more">Comments</a></div>
</div>
</div>
<div class="login-box">
<div align="left">Email Address: <br />
</div>
<div>
<input name="" type="text" class="input-login" />
</div>
<div align="left" style="padding:5px 0px;">Password: <br />
</div>
<div>
<input name="" type="password" class="input-login" />
<div style="padding:5px 0px;" align="center">
<input type="checkbox" name="checkbox" value="checkbox" />
Remember Me</div>
</div>
<div>
<div align="center"><a href="#"><img src="images/login-bt.jpg"
alt="Login" width="75" height="32" border="0" /></a><a href="#"><img
src="images/sign-up-bt.jpg" alt="Sign Up" width="82" height="32" border="0"
/></a></div>
</div>
</div>
</div>
</div>
<div class="footer">Copyright 2007 | <a href="http://www.studio7designs.com"
class="footer-link">Web Design by STUDIO7DESIGNS</a> | <a href="#" class="footer-
link">privacy policy</a> | <a href="#" class="footer-link">site map</a></div>
</div>
</body>
</html>
<!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>
<title>Nautica X</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen,
projection" />
</head>
<body>
<div id="outer-wrapper">
<div id="inner-wrapper">
<div id="content-wrapper">
<div id="content">
<form name="search" action="#" id="search-form">
<input type="text" class="txt" value="Search" />
</form>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Newsletters</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div id="content-inner">
<div class="content-left"> <img src="images/nyc-photo.jpg" alt="NYC
Photo" />
<p>NEW YORK<br />
<span>Central Park in the fall 2006</span></p>
</div>
<div class="content-right">
<h2>Welcome to Nautica X</h2>
<h3 class="dateline">Saturday, February 18th, 2007</h3>
<p class="intro">A rainy day in new york's central park reveals a hint
of color through the mist. This template has been on the back burner for some time
now, and we are very happy to be releasing it to the open source template
community. We will be turning this into a blogger theme very soon, and if anyone is
interested in converting this to a wordpress theme then please feel free to contact
us.</p>
<p>You may use this template anyway you like, however we would
appreciate it if you could leave the link back to us in the footer to help us
continue to be able to produce more designs in the future. We have to thank <a
href="http://www.slicendiceit.com">slice n dice</a> for all the amazing coding on
this template. This template is Valid CSS and XHTML and has been tested to work in
IE6-7, Firefox, Opera, and Safari for OSX.</p>
<p class="end-story-links"><a href="#">14 Comments</a> | <a
href="#">Read on...</a></p>
</div>
<div class="content-full">
<h2>Full page blog provides plenty of space</h2>
<h3 class="dateline">Saturday, February 18th, 2007</h3>
<p class="intro">We wanted to create a blog template that had an
understated feel to it and that would really provide enough space to really blog a
ton of content. When we build our blogger theme we will be providing the full page
blog template and the image and 2/3rds content format for you to pick from. Keep
your eyes out in late Feb for the blogger and wordpress releases at
STUDIO7DESIGNS.</p>
<p>We are moving more and more towards the 1000 pixel wide designs
these days. In most cases for blogs and such, it is so important to have enough
space to have white space around your text. This will help your readers breath and
take in your paragraphs more easily. Here is an example of a float left image with
a 2 pixel #CCCCCC border around it.</p>
<img src="images/bldg-pic.jpg" alt="" class="content-img" />
<p class="intro">The padding on the paragraphs leaves enough room so
that the text and image have enough space to breath. In this template we are
experimenting with text as a design aspect. It is imparative to chose your fonts
well, and to chose different types and sizes and colors to really use the font as a
design paintbrush.</p>
<p>For this template we are keeping it simple enough as to let the
focus be on the content, not the design. You can hop into the style sheet and
increase the font color if you find these colors are too light. We hope you enjoy
our designs and drop us a line as we always like to see our designs in action!</p>
<p>Thank you from STUDIO7DESIGNS Victoria BC Canada.</p>
<p class="end-story-links"><a href="#">37 Comments</a> | <a
href="#">Read on...</a></p>
</div>
</div>
</div>
<div id="sidebar">
<div id="logo"> <img src="images/nautica-logo.gif" alt="Nautica X" />
</div>
<h4>Recent Posts</h4>
<ul class="side-nav">
<li><a href="#">Studio7Designs</a></li>
<li><a href="#">Arbutus Photography</a></li>
<li><a href="#">Open Source Templates </a></li>
<li><a href="#">Nautica series </a></li>
</ul>
<h4>Archives</h4>
<ul class="side-nav">
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
</ul>
</div>
</div>
<div id="footer">
<ul id="footer-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Your Blog</a></li>
<li><a href="#">Your Services</a></li>
<li><a href="#">Site Map</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Newsletter</a></li>
<li><a href="#">Top Listings</a></li>
<li><a href="#">Magazine</a></li>
<li class="last"><a href="#">Open Source</a></li>
</ul>
<p class="copyright">Copyright 2007 Your Name | <a
href="http://www.studio7designs.com">Design by Studio7Designs</a> | <a
href="http://www.slicendiceit.com">Coding by Slice 'n Dice</a> | <a href="#">We
Support OST.org</a></p>
</div>
</div>
</div>
</body>
</html>
<!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">
<head>
<title>Nautica2.2</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<!-- Begin Body -->
<body>
<div id="border">
<div id="container">
<!-- menu -->
<div id="topmenu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Gallery</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
</ul>
</div>
<!-- header backround image is in the style sheet-->
<div id="header"></div>
<!-- content -->
<div id="content">
<div class="splitleft">
<p><span class="style4">Welcome to Nautica2.2</span><br />
<br />
</p>
<div id="lipsum">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum
eu neque sit amet ligula rhoncus tempor. Aliquam erat volutpat. Aliquam at odio a
arcu ornare iaculis. Nulla pulvinar, enim quis pretium rutrum, massa ante euismod
lacus, eu facilisis nisl dui ut nisi. Sed varius, tortor sagittis rutrum
hendrerit, eros nunc vulputate augue, eget laoreet enim velit quis nisi. Nam ut
velit fermentum leo adipiscing elementum. Aenean tellus dolor, malesuada sed,
tristique quis, ultrices ut, neque. Suspendisse aliquam, nisi et convallis
venenatis, ante lacus pharetra leo, vitae luctus tortor diam eget massa. Phasellus
orci. Praesent urna est, congue ornare, pulvinar quis, fermentum at, felis. Ut
malesuada fringilla lectus.</p>
<p>In non odio. Proin pede. Phasellus et nunc sit amet massa pharetra
euismod. Proin ultricies orci sit amet pede. Vivamus urna sem, tristique id,
tincidunt id, aliquam et, est. Proin ipsum est, volutpat eu, faucibus a,
scelerisque vitae, felis. Duis vel tellus nec dolor pulvinar posuere. Nunc
tincidunt commodo diam. Etiam sem nunc, molestie at, ullamcorper vitae, adipiscing
vel, eros. Integer at enim. Donec vehicula tortor nec eros. Quisque in felis.
Pellentesque commodo dictum mauris. Sed odio ipsum, ultricies ut, dignissim sit
amet, imperdiet et, magna. Praesent ut tellus et mauris luctus vestibulum. Nulla
nec nunc vel erat euismod ultricies.</p>
<p>Maecenas ut purus. Duis fermentum dui vitae velit. Nunc nec nisl quis
purus sagittis mollis. Quisque eleifend. Proin aliquam ante vitae enim.
Suspendisse facilisis, urna eu ornare nonummy, nisi enim venenatis turpis, sit
amet ultricies nisi lacus sit amet mauris. In ornare viverra nunc. Nam nisl
turpis, rhoncus vel, scelerisque eget, lacinia consectetuer, massa. Praesent eget
risus. Mauris porttitor dui fringilla pede auctor rhoncus.</p>
<p>Nulla porttitor nibh nec diam. Cras vel urna vel mauris dignissim
hendrerit. Nullam semper. Curabitur nibh quam, feugiat vitae, elementum ut,
hendrerit ac, sem. In vitae orci. Nulla tempor. Duis tellus. Duis volutpat
fermentum lectus. Donec lorem urna, egestas non, tempor et, consectetuer eget,
nulla. Aliquam erat volutpat. Ut fringilla tellus sed enim. Aliquam erat volutpat.
Fusce urna. Aenean convallis nisl in sapien. Quisque ultricies justo id augue.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Nam eu velit.</p>
<p>Quisque tortor dui, egestas eget, feugiat vel, sollicitudin in,
mauris. In lacus dolor, porta et, auctor a, tristique in, ligula. Nunc orci risus,
sollicitudin dapibus, porta et, sagittis quis, pede. Morbi vitae sapien ut ipsum
bibendum convallis. Nullam magna. Fusce tincidunt vestibulum dui. Aenean volutpat
erat nec ipsum. Sed viverra ullamcorper neque. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus. Fusce eleifend venenatis
velit. Suspendisse potenti. In hac habitasse platea dictumst. Mauris ligula magna,
adipiscing vel, dignissim sed, dictum at, turpis. Vestibulum a augue et urna
convallis tincidunt.</p>
</div>
</div>
<!-- Begin Page Menu -->
<div id="introduction"><br />
<h3> Page navigation</h3>
<ul>
<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>
<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
</ul>
<h3>sub page menu </h3>
<ul>
<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>
<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
</ul>
<br />
<br />
<img src="images/n3.jpg" alt="n2" width="165" height="59" /></div>
</div>
<!-- footer -->
</div>
<div id="footer"> <span class="style5"><a
href="http://www.studio7designs.com">Design by STUDIO7DESIGNS</a> | copyright 2007
<a href="#">Company Inc</a></span><br />
<br />
</div>
</div>
</body>
</html>
<!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>Nautica2.2 Liquid</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper-menu-top">
<div id="menu-top">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Gallery</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
<li><a href="#"><span>Links</span></a></li>
</ul>
</div>
<!--menu-top-->
</div>
<!--wrapper-menu-top-->
<div id="wrapper-header">
<div id="header">
<div id="wrapper-header2">
<div id="wrapper-header3">
<h1>Nautica 2.2 Liquid</h1>
</div>
</div>
</div>
</div>
<div id="wrapper-content">
<div id="wrapper-menu-page">
<div id="menu-page">
<h3>Page navigation</h3>
<ul>
<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>
<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
</ul>
<h3>sub page menu</h3>
<ul>
<li><a href="#">Example Link 1</a></li>
<li><a href="#">Example Link 2</a></li>
<li><a href="#">Example Link 3</a></li>
<li><a href="#">Example Link 4</a></li>
</ul>
<p><a href="#"><img src="images/logo.png" width="165" height="80" alt=""
/></a></p>
</div>
<!--menu-page-->
</div>
<div id="content">
<h2>Nautica2.2 Liquid</h2>
<div id="lipsum">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nec
leo consectetuer dui placerat aliquam. In felis lacus, consectetuer sed,
pellentesque vitae, consequat quis, tortor. Donec enim neque, varius et, vulputate
aliquet, cursus ac, justo. Phasellus venenatis enim vulputate lectus. Proin
dignissim, risus nec semper tincidunt, odio urna tristique lectus, et eleifend
arcu turpis a est. Cras interdum, orci et tincidunt laoreet, tortor tellus
vehicula nisi, ac faucibus augue purus ac lectus. Aenean tincidunt, tortor quis
vestibulum varius, nibh eros scelerisque tortor, vitae sollicitudin quam urna quis
odio. Mauris ut tortor. Vestibulum ut orci in turpis consequat hendrerit. Ut
iaculis condimentum augue. Vivamus id pede sed nunc pellentesque condimentum. Cras
tincidunt lobortis ipsum. Pellentesque tellus nisi, venenatis id, dignissim vitae,
malesuada id, diam. Nulla lectus. Integer lacus lacus, pellentesque non, aliquet
ut, lacinia a, libero. Proin id erat vel orci ultrices adipiscing. Aliquam erat
volutpat.</p>
<p>In massa. Duis ante. Cras in tellus dapibus nulla placerat hendrerit.
Praesent accumsan, tellus vel congue ultricies, mi nulla scelerisque ipsum, non
convallis magna neque at elit. Fusce dui lacus, ultrices non, tincidunt at,
ultrices sed, ligula. Vestibulum auctor quam ac libero. Vivamus odio. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Nulla eu turpis et tellus posuere imperdiet. Sed at lacus ac est tincidunt dictum.
Proin pulvinar tempus diam. Praesent dapibus rutrum nisi. Sed tincidunt turpis
quis ante. Curabitur facilisis quam quis tellus. Pellentesque nulla velit,
porttitor quis, nonummy vitae, congue non, nisi.</p>
<p>Vestibulum eu mauris et nulla condimentum lobortis. Sed nec tellus. Cras
vel lectus sed urna congue posuere. Sed orci elit, faucibus at, rutrum vitae,
consectetuer sit amet, ipsum. Vestibulum ante ipsum primis in faucibus orci luctus
et ultrices posuere cubilia Curae; Fusce risus sapien, cursus vitae, euismod sed,
convallis sit amet, lacus. Nullam justo quam, mollis et, viverra eu, hendrerit
quis, velit. Vivamus scelerisque sapien at magna. Integer posuere tempus dui.
Donec nec mi. Fusce aliquet molestie augue. Maecenas molestie, nibh quis sodales
ullamcorper, nunc est ornare lacus, ac sollicitudin odio nibh et lorem. Vivamus
euismod ultrices arcu. Praesent risus urna, pulvinar pulvinar, cursus id,
vulputate in, mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Nunc aliquet, lectus a tincidunt pretium, mi sem eleifend
felis, sed mollis ligula nulla adipiscing ipsum.</p>
<p>Nunc enim risus, gravida rhoncus, iaculis eu, pellentesque quis, enim.
Pellentesque odio nisl, nonummy sit amet, tristique non, posuere vitae, tortor.
Aliquam ante. In non tellus in leo pellentesque consectetuer. Duis sed turpis.
Nunc massa odio, tincidunt eu, tristique ultrices, imperdiet vel, nisi. Phasellus
porta lobortis tellus. Donec nec nisl. Quisque pede purus, pulvinar vel, pharetra
a, luctus in, mauris. Vestibulum bibendum nulla eget arcu. Vestibulum pretium
consequat dolor. Fusce pretium nulla ut dui. Nulla massa. Vivamus ut diam
porttitor nisi consequat suscipit. Integer viverra pharetra magna. Aenean pede.
Curabitur vulputate metus eget tellus. Phasellus urna arcu, hendrerit sit amet,
tempor non, nonummy tristique, tellus. Morbi dapibus ultricies felis.</p>
<p>Sed metus. Cras sed nisi. Maecenas in nibh vel odio ornare volutpat.
Donec ut tortor. Ut tincidunt nisl quis risus. Duis consectetuer dictum enim.
Aenean adipiscing ultricies justo. Nullam ut purus. Sed iaculis, risus eu rutrum
posuere, quam dolor gravida magna, feugiat iaculis mi arcu sit amet ante. Donec ac
augue. Nullam augue magna, accumsan eget, malesuada non, nonummy sit amet, nisi.
Pellentesque a purus. Nulla dictum tellus tincidunt velit. Vestibulum nisi tortor,
vehicula sit amet, sagittis in, viverra eget, felis. Mauris egestas porttitor
massa. Curabitur hendrerit condimentum mauris. Suspendisse id ligula vel urna
adipiscing consequat. Nam laoreet egestas elit. Nunc non ligula. Vestibulum
pulvinar augue sed purus.</p>
</div>
</div>
</div>
<div id="wrapper-footer">
<div id="footer"> <a href="http://www.studio7designs.com">Design by
STUDIO7DESIGNS</a> | copyright 2007 your name</div>
</div>
</body>
</html>
<!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>Nautica01</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen"
title="studio7designs (screen)" />
</head>
<body>
<div id="leftsidebar"> <img id="header" src="images/header.jpg" width="760"
height="35" alt="header" />
<div id="topmenu"></div>
<div class="rightnews"> <img src="images/fresh1.jpg" alt="fresh1" width="90"
height="68" /><br />
<br />
<img src="images/fresh2.jpg" alt="fresh2" width="90" height="63" /> <br />
<br />
<img src="images/fresh3.jpg" alt="fresh3" width="90" height="65" /> <br />
<br />
<span class="style3">Links:</span> <br />
<img src="images/bullet_blue.gif" alt="blue" width="19" height="16" /><br />
STUDIO7DESIGNS <a href="#">Photography<br />
</a> <br />
<span class="style3">More info:</span> <br />
<img src="images/Bullet_green.gif" alt="green bullet" width="19" height="16" />
<br />
<a href="#">Deviantart</a> <br />
<a href="#">Digg</a> <br />
<a href="#">OST.org</a> <br />
<br />
</div>
<div id="menu">
<h2 class="hide">Menu:</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Subscribe</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div class="leftnews"> <a href="#">You can add info here:</a><br />
<br />
<span class="style3">Like your site updates: <br />
<br />
This is some filler text <br />
<br />
This is some filler text </span><br />
<br />
<br />
<br />
<br />
<br />
<img src="images/Bullet_green.gif" alt="right blue" width="19" height="16" />
</div>
</div>
<div id="content">
<h3 class="style7">STUDIO7DESIGNS</h3>
<span class="style3">This is a OS template for your enjoyment.
Thanks Andreas and others for support <br />
All I ask is that you email me, and if you can, please keep a link to me at the
footer. <br />
</span> <span class="style3"><br />
Here is an example of image borders and the "split right box" and
"split left box". You can split your text using CSS classes, This also
has the "b<br />
luebox class inside the split.</span> <br />
<br />
<br />
<div class="splitleft">
<div class="bluebox"> <img src="images/mountain.jpg" width="115" height="92"
alt="STUDIO7DESIGNS" /></div>
</div>
<div class="splitright">
<div class="bluebox"><span class="style3"> This is a sweet little split left
container you can put images or text into.<br />
If you find any problems with my template can you please email me, and let
me know what I need to fix!</span></div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="greenbox">
<div class="style3">Green Box class example in the style sheet</div>
</div>
<br />
<h2 class="style4">This is a Header Example</h2>
<h3 class="style5">This is a Header Example</h3>
<h3 class="style6">This is a Header Example</h3>
<h3><br />
<span class="style7"><a href="#">Site Info</a></span></h3>
<div class="box_right clearfix" id="box_right">
<div class="box_cnr_top"><img src="images/cnr_tl.gif" alt="corner" width="8"
height="8" class="cnr" style="display: none" /></div>
<span class="style3"> <strong>Rounded Text Box </strong><br />
Another example of great coding from OS template designers. Here is a rounded
text box for your use. Enjoy!
The rounded corners on this text box is done with CSS that was developed by
Adam Kalsey.</span>
<div class="box_cnr_bottom"><img src="images/cnr_bl.gif" alt="corner"
width="8" height="8" class="cnr" style="display: none" /></div>
</div>
<p class="style3">I have included a couple of bullets, you can just open up
photoshop and change the colors to suite your needs. Unfortunatally I cant figure
out custom bullets right now, the code I used was not "valid" ... even
though it renders perfectly in all browsers...</p>
<p class="style3">I have also included a footer bar just like the header bar if
you want to tackle having the footer 'stick' to the bottom of the page, regardless
of content. <br />
<br />
The blue square above the navigation can be used for your site logo, just
open it up in photoshop and clear the white, or use your own! - I obviously used
the ideas behind the OSWD template, which is my favorite, this is my first attempt!
</p>
<p class="style3">Good luck!</p>
<p class="style3">Cheers</p>
<p>Aran <br />
<br />
</p>
</div>
<div id="footer"> . <a href="http://www.studio7designs.com">Design by
STUDIO7DESIGNS</a>.</div>
</div>
</body>
</html>
<!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>Nautica 05 Dark</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="screen,
projection, tv " />
<link rel="stylesheet" type="text/css" href="css/html.css" media="screen,
projection, tv " />
<style type="text/css">
<!--
.style2 {color: #627E9A}
.style3 {color: #62CC3C}
.style6 {color: #5C8096}
.style7 {color: #888888}
-->
</style>
</head>
<body>
<!-- #content: holds all except site footer - causes footer to stick to bottom -->
<div id="content">
<!-- #header: holds the logo and top links -->
<div id="header" class="width"> <img src="images/logo.gif" alt="Your logo goes
here"/>
<ul>
<li><a href="#">Back to Main page</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Streaming Video</a></li>
<li><a href="#" class="last">RSS Feeds</a></li>
</ul>
</div>
<!-- #header end -->
<!-- #headerImg: holds the main header image or flash -->
<div id="headerImg" class="width"></div>
<!-- #menu: the main large box site menu -->
<div id="menu" class="width">
<ul>
<li><a href="onecol.html"> <span class="title">One Column Layout</span> <span
class="desc style7">View the included layout</span></a></li>
<li><a href="twocol_a.html" class="forum"> <span class="title">Two Column
Layout A</span> <span class="desc style3">View the included layout</span></a></li>
<li><a href="twocol_b.html"> <span class="title">Two Column Layout B</span>
<span class="desc">View the included layout</span></a></li>
<li><a href="contact.html"> <span class="title">Contact Us Layout</span>
<span class="desc">View the included layout</span></a></li>
</ul>
</div>
<!-- #menu end -->
<!-- #page: holds the page content -->
<div id="page">
<!-- #columns: holds the columns of the page -->
<div id="columns" class="widthPad">
<!-- Left thumbnail column -->
<div class="floatLeft width25">
<h2>Sample <span class="dark">Thumbnails</span></h2>
<ul class="thumbs">
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="STUDIO7DESIGNS LOGO"/><span>STUDIO7DESIGNS </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
</ul>
</div>
<!-- Left thumbnails end -->
<!-- Center news column -->
<div class="floatLeft width50">
<h1>Nautica<span class="style2"></span><span class="dark"> 05
Dark</span></h1>
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span class="day
style6">15</span> </div>
<p>STUDIO7DESIGNS releases Nautica05 Public!. It has a very wide range of
layouts and sample ID's and CLASSES for you to put together to create a very
functional site in just hours! Make sure you click the above menu to see the 5
layouts that are included! </p>
<p> Samples: <img src="images/icon_samples.gif" alt="samples"
class="alignBottom"/> <a href="#">More...</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">14</span> </div>
<p> <span class="title">Easy to Modify</span> This template is easy to
modify, we have made the PSD of the header image available for download so you can
put your own text into the blank sign and side ribbon. If you would like to get
more free graphics and Open Source Stock Photography you can visit
studio7designs.com/opensource. </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">13</span> </div>
<p> <span class="title">Chose your theme!</span> <img
src="images/firefox.jpg" alt="firefox" class="floatLeft"/> Visit STUDIO7DESIGNS to
download the full template with a javascript theme switcher and more header
graphics and icons. </p>
<p class="alignRight"> <a href="#">Read More</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">12</span> </div>
<p> <span class="title">Open Source Tutorials</span> STUDIO7DESIGNS is
working hard on providing easy to follow video tutorials on how to download and
modify these templates. All you need is dreamweaver ( or other text editors ) and
an hour and we can help you get this template up and running on your own server...
Sign up for our newsletter for new tutorial releases! </p>
<p> Samples: <img src="images/icon_samples.gif" alt="samples"
class="alignBottom"/> <a href="#">More...</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">11</span> </div>
<p> <span class="title">Theme Pack releases</span> <a href="#"><img
src="images/firefox.jpg" alt="firefox" class="floatRight border"/></a> We have just
released a few more header images that are hand drawn vector art for you. You can
download the full version of this template at STUDIO7DESIGNS </p>
</div>
<!-- End Post -->
</div>
<!-- Center news column end -->
<!-- Right link column -->
<div class="floatRight width25 lightBlueBg horzPad">
<h2>OS <span class="dark">Resources</span></h2>
<ul class="submenu1">
<li><a href="#">Studio7designs.com</a></li>
<li><a href="#">Opensourcetemplates.org</a></li>
<li><a href="#">Arbutus Photography</a></li>
<li><a href="#">DeviantArt</a></li>
<li><a href="#">Css Zen Garden</a></li>
<li><a href="#">CSS Remix</a></li>
</ul>
<h3>More CSS <span class="dark">resources</span></h3>
<ul class="submenu2">
<li><a href="#">A list apart</a></li>
<li><a href="#">FAMFAMFAM Icons</a></li>
<li><a href="#">CSS Tutorials</a></li>
<li><a href="#">Color Wheel</a></li>
<li><a href="#">studio7ecommerce</a></li>
</ul>
<ul class="submenu1">
<li><a href="#">CSS Beauty</a></li>
<li><a href="#">Digg</a></li>
<li><a href="#">Nifty Corners</a></li>
<li><a href="#">Create a Favicon!</a></li>
<li><a href="#">CSS shopping cart</a></li>
<li><a href="#">CSS Play</a></li>
<li><a href="#">Firefox</a></li>
</ul>
<h3>Favorite <span class="dark">Links</span></h3>
<ul class="submenu2">
<li><a href="#">BBC</a></li>
<li><a href="#">Google Trends</a></li>
<li><a href="#">Luminous-landscape</a></li>
<li><a href="#">Kols themes</a></li>
<li><a href="#">iconaholic</a></li>
<li><a href="#">marvilla</a></li>
<li><a href="#">rad-e8</a></li>
<li><a href="#">florian</a></li>
</ul>
</div>
<!-- Right links column end -->
</div>
<!-- #columns end -->
</div>
<!-- #page end -->
</div>
<!-- #content end -->
<!-- #footer: holds the site footer (logo and links) -->
<div id="footer">
<!-- #bg: applies the site width and footer background -->
<div id="bg" class="width"> <img src="images/logo.gif" alt="Your logo goes
here"/>
<ul>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Register</a></li>
<li><a href="http://www.studio7designs.com" class="last">Design by
STUDIO7DESIGNS</a></li>
</ul>
</div>
<!-- #bg end -->
</div>
<!-- #footer end -->
</body>
</html>
<!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>Nautica 05</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="screen,
projection, tv " />
<link rel="stylesheet" type="text/css" href="css/html.css" media="screen,
projection, tv " />
<style type="text/css">
<!--
.style2 {color: #627E9A}
.style3 {color: #62CC3C}
.style6 {color: #5C8096}
-->
</style>
</head>
<body>
<!-- #content: holds all except site footer - causes footer to stick to bottom -->
<div id="content">
<!-- #header: holds the logo and top links -->
<div id="header" class="width"> <img src="images/logo.gif" alt="Your logo goes
here"/>
<ul>
<li><a href="#">Back to Main page</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Streaming Video</a></li>
<li><a href="#" class="last">RSS Feeds</a></li>
</ul>
</div>
<!-- #header end -->
<!-- #headerImg: holds the main header image or flash -->
<div id="headerImg" class="width"></div>
<!-- #menu: the main large box site menu -->
<div id="menu" class="width">
<ul>
<li><a href="onecol.html"> <span class="title">One Column Layout</span> <span
class="desc">View the included layout</span></a></li>
<li><a href="twocol_a.html" class="forum"> <span class="title">Two Column
Layout A</span> <span class="desc style3">View the included layout</span></a></li>
<li><a href="twocol_b.html"> <span class="title">Two Column Layout B</span>
<span class="desc">View the included layout</span></a></li>
<li><a href="contact.html"> <span class="title">Contact Us Layout</span>
<span class="desc">View the included layout</span></a></li>
</ul>
</div>
<!-- #menu end -->
<!-- #page: holds the page content -->
<div id="page">
<!-- #columns: holds the columns of the page -->
<div id="columns" class="widthPad">
<!-- Left thumbnail column -->
<div class="floatLeft width25">
<h2>Sample <span class="dark">Thumbnails</span></h2>
<ul class="thumbs">
<li><a href="#" class="thumb"><img src="images/thumbs/01.jpg"
alt="STUDIO7DESIGNS LOGO"/><span>STUDIO7DESIGNS </span></a></li>
<li><a href="http://www.opensourcetemplates.org" class="thumb"><img
src="images/thumbs/03.jpg"
alt="thumbnail"/><span>Opensourcetemplates</span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/03.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/04.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/05.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/04.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/02.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/03.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
<li><a href="#" class="thumb"><img src="images/thumbs/03.jpg"
alt="thumbnail"/><span>Image title sample </span></a></li>
</ul>
<br style="clear:both;" />
</div>
<!-- Left thumbnails end -->
<!-- Center news column -->
<div class="floatLeft width50">
<h1>Nautica<span class="dark"> 05 by STUDIO7DESIGNS </span></h1>
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span class="day
style6">15</span> </div>
<p>STUDIO7DESIGNS releases Nautica05 Public!. It has a very wide range of
layouts and sample ID's and CLASSES for you to put together to create a very
functional site in just hours! Make sure you click the above menu to see the 5
layouts that are included! </p>
<p> Samples: <img src="images/icon_samples.gif" alt="samples"
class="alignBottom"/> <a href="#">More...</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">14</span> </div>
<p> <span class="title">Easy to Modify</span> This template is easy to
modify, we have made the PSD of the header image available for download so you can
put your own text into the blank sign and side ribbon. If you would like to get
more free graphics and Open Source Stock Photography you can visit <a
href="http://www.opensourcetemplate.org">opensourcetemplates.org</a>. </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">13</span> </div>
<p> <span class="title">Chose your theme!</span> <img
src="images/firefox.jpg" alt="firefox" class="floatLeft"/> Visit <a
href="#">Opensourcetemplates.org</a> to download the full template with a
javascript theme switcher and more header graphics and icons. </p>
<p class="alignRight"> <a href="#">Read More</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">12</span> </div>
<p> <span class="title">Open Source Tutorials</span> STUDIO7DESIGNS is
working hard on providing easy to follow video tutorials on how to download and
modify these templates. All you need is dreamweaver ( or other text editors ) and
an hour and we can help you get this template up and running on your own server...
Sign up for our <a
href="http://www.opensourcetemplates.org/newsletter.cfm">newsletter</a> for new
tutorial releases! </p>
<p> Samples: <img src="images/icon_samples.gif" alt="samples"
class="alignBottom"/> <a href="#">More...</a> </p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date"> <span class="month">May</span> <span
class="day">11</span> </div>
<p> <span class="title">Theme Pack releases</span> <a href="#"><img
src="images/firefox.jpg" alt="firefox" class="floatRight border"/></a> We have just
released a few more header images that are hand drawn vector art for you. You can
download the full version of this template at <a
href="#">Opensourcetemplates.org</a> </p>
</div>
<!-- End Post -->
</div>
<!-- Center news column end -->
<!-- Right link column -->
<div class="floatRight width25 lightBlueBg horzPad">
<h2>S7 <span class="dark">Resources</span></h2>
<ul class="submenu1">
<li><a href="#">Opensourcetemplates.org</a></li>
<li><a href="#">Studio7designs.com</a></li>
<li><a href="#">Arbutus Photography</a></li>
<li><a href="#">Weddings Victoria</a></li>
<li><a href="#">Css Zen Garden</a></li>
<li><a href="#">CSS Remix</a></li>
</ul>
<h3>More CSS <span class="dark">resources</span></h3>
<ul class="submenu2">
<li><a href="#">A list apart</a></li>
<li><a href="#">FAMFAMFAM Icons</a></li>
<li><a href="#">CSS Tutorials</a></li>
<li><a href="#">Color Wheel</a></li>
</ul>
<ul class="submenu1">
<li><a href="#">CSS Beauty</a></li>
<li><a href="#">Digg</a></li>
<li><a href="#">Nifty Corners</a></li>
<li><a href="#">Create a Favicon!</a></li>
<li><a href="#">CSS shopping cart</a></li>
<li><a href="#">CSS Play</a></li>
<li><a href="#">Firefox</a></li>
</ul>
<h3>Favorite <span class="dark">Links</span></h3>
<ul class="submenu2">
<li><a href="#">BBC</a></li>
<li><a href="#">Google Trends</a></li>
<li><a href="#">Luminous-landscape</a></li>
<li><a href="#">Kols themes</a></li>
<li><a href="#">iconaholic</a></li>
<li><a href="#">Iconica Custom Icons</a></li>
<li><a href="#">rad-e8</a></li>
<li><a href="#">florian</a></li>
</ul>
</div>
<!-- Right links column end -->
</div>
<!-- #columns end -->
</div>
<!-- #page end -->
<div style="clear:both;"></div>
</div>
<!-- #content end -->
<!-- #footer: holds the site footer (logo and links) -->
<div id="footer">
<!-- #bg: applies the site width and footer background -->
<div id="bg" class="width"> <img src="images/logo.gif" alt="Your logo goes
here"/>
<ul>
<li><a href="#">Design Inspired by</a></li>
<li><a href="#">Our Photography</a></li>
<li><a href="#">OST</a></li>
<li><a href="http://www.studio7designs.com"
class="last">STUDIO7DESIGNS</a></li>
</ul>
</div>
<!-- #bg end -->
</div>
<!-- #footer end -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-
transitional.dtd">
<html>
<head>
<title>Nautica08</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="screen,
projection, tv " />
</head>
<body>
<!-- start top menu and blog title-->
<div id="blogtitle">
<div id="small"><a href="#">Your Blog news</a> or current info and links ::</div>
<div id="small2"> <a href="#">Home</a> | <a href="#">Services</a> | <a
href="#">Projects</a> | <a href="#">Supplies</a> | <a
href="#">Information</a></div>
</div>
<div id="topmenu">
<ul class="BLUE">
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Photo Gallery</span></a></li>
<li><a href="#"><span>Subscribe</span></a></li>
<li><a href="#"><span>Tech Blog</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>RSS Feeds</span></a></li>
</ul>
</div>
<!-- end top menu and blog title-->
<!-- start left box-->
<div id="leftcontent"> <img style="margin-top:-9px; margin-left:-12px;"
src="images/top2.jpg" alt="" />
<h3 align="left">Main Menu</h3>
<div align="left">
<ul class="BLUE">
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
</ul>
</div>
<h3 align="left">Sub menu</h3>
<div align="left">
<ul class="BLUE">
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
<li><a href="#">Sample Link</a></li>
</ul>
<p>Nullam non metus. Duis in metus vitae elit luctus convallis. Ut sagittis.
Nam tempor. Nam vehicula adipiscing augue. Vestibulum pretium lacinia erat. Duis ut
enim. In hendrerit vulputate lectus. Donec ipsum magna, tempor ornare, fringilla
sit amet, placerat</p>
</div>
<!-- You have to modify the "padding-top: when you change the content of this div
to keep the footer image looking aligned -->
<img style="padding-top:2px; margin-left:-12px; margin-bottom:-4px;"
src="images/specs_bottom.jpg" alt="" /> </div>
<!-- end left box-->
<!-- start content -->
<div id="centercontent">
<h1>Nautica 08 </h1>
<p><a href="#"><img src= "images/logo.jpg" border="0" style="width: 300px;
height: 65px;"/></a><br />
</p>
<div class="centercontentleft">Sample Box for Products</div>
<p><a href="#">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit. Ut
elit pede, vestibulum in, tempor a, nonummy eget, mauris. Aliquam erat volutpat.
Nulla facilisi. In hac habitasse platea dictumst. Nullam porttitor orci feugiat
odio. Nam vestibulum interdum lectus. Etiam eros. Donec imperdiet lorem a tortor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut at mi ut enim luctus
commodo. Fusce a purus. Morbi eget odio. Sed convallis eleifend felis. Integer
fermentum consectetuer est. Sed vitae nisi ac pede scelerisque feugiat. Etiam
mollis urna non lacus tincidunt cursus. Aliquam erat volutpat. Nam tempus.</p>
<p><img style="width: 200px; height: 299px; float: right; padding:9px;" alt="#"
src="images/sample.jpg" hspace="5" vspace="5" /> Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Morbi vestibulum, tortor a
sagittis facilisis, sapien ante sollicitudin urna, eu hendrerit sem massa et arcu.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec tincidunt nisi in
odio. Aenean semper, nisi ut lobortis tristique, odio elit venenatis nisl, semper
condimentum metus eros vel tortor. Pellentesque at nulla. Sed metus nisi, malesuada
pharetra, malesuada vel, dictum eget, eros. Cras sed metus. Aenean facilisis nunc
nec sem. Nulla facilisi. Sed placerat diam ut libero. Vestibulum fringilla. Nam
tincidunt. Nam metus metus, rutrum eu, sagittis id, venenatis in, velit. Sed tempor
blandit ipsum. Phasellus nisi massa, pretium in, gravida ac, hendrerit vitae,
massa. Nulla facilisi.</p>
<p><a href="#">Nullam non metus.</a> Duis in metus vitae elit luctus convallis.
Ut sagittis. Nam tempor. Nam vehicula adipiscing augue. Vestibulum pretium lacinia
erat. Duis ut enim. In hendrerit vulputate lectus. Donec ipsum magna, tempor
ornare, fringilla sit amet, placerat vel, purus. Pellentesque tempus est a dolor.
Quisque neque nulla, interdum eu, blandit ut, tempus quis, ligula. Cras ac purus.
Sed quis urna. Nulla facilisi. Nam ornare sem consequat augue. Ut dapibus diam sit
amet dolor adipiscing dictum. Praesent tristique eros vel mauris. Maecenas lacus
velit, sodales consectetuer, molestie et, faucibus in, odio. Vivamus libero velit,
sodales a, feugiat vel, tempor vitae, libero. Duis aliquam ipsum.</p>
<img style="width: 153px; height: 59px; float: left; padding:9px;"
src="images/n8g.jpg" alt="Nautica08" />
<p>Duis sagittis est ac turpis. Nam ac quam. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Pellentesque malesuada massa. Ut gravida volutpat
felis. Aliquam massa leo, commodo a, placerat in, volutpat ut, turpis. Phasellus in
turpis. Fusce turpis diam, ullamcorper id, tincidunt at, fringilla eu, lacus.
Maecenas in mauris vel ipsum blandit euismod. Aliquam consequat egestas lectus.
Mauris a est. Sed sit amet neque. In in urna.
Maecenas nonummy accumsan tortor. In hac habitasse platea dictumst. Fusce
suscipit mollis neque. Maecenas turpis dolor, rhoncus eu, ullamcorper eu, tincidunt
sed, leo. Quisque molestie. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Integer pellentesque convallis mauris. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Sed euismod, turpis ac congue facilisis, mi nisl consequat felis, ut egestas nisl
velit in justo. Fusce eu tortor faucibus diam dictum adipiscing. In nisl. Nam lacus
orci, scelerisque at, pulvinar in, commodo ut, arcu. Aliquam porttitor. Nullam
aliquet risus id erat. Pellentesque leo nisl, hendrerit at, ornare in, volutpat in,
ante. Nulla pretium velit sit amet nisi. Nam eu magna. Aenean viverra auctor neque.
<a href="#">Pellentesque elit.</a></p>
</div>
<!-- end content -->
<!-- start right box -->
<div id="rightcontent"> <img style="margin-top:-9px; margin-left: -5px;"
src="images/top2.jpg" alt="" /> <img style="width: 153px; height: 59px; float:
left; padding:9px;" src="images/n8g.jpg" alt="Nautica08" />
<p><a href="#">Pick a location:</a><br />
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exercitation ulliam corper</p>
<p> Pick a location:<br />
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exercitation ulliam corper</p>
<p> Pick a location:<br />
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exercitation ulliam corper</p>
<img style="padding-top:5px; margin-left:-5px; margin-bottom:-4px;"
src="images/specs_bottom.jpg" alt="" /> </div>
<!-- end right box -->
<!-- start footer -->
<div id="footer">© 2006 Design by <a
href="http://www.studio7designs.com">Studio7designs.com</a> |
ArbutusPhotography.com | Opensourcetemplates.org
<!-- start left boxes -->
<div class="centercontentleftb">
<div class="centercontentleftimg">Sample Box for Products</div>
<div class="centercontentrightimg">Sample Box for Products</div>
</div>
<!-- endleft boxes -->
<!-- start right boxes -->
<div class="centercontentrightb">
<div class="centercontentleftimg">Sample Box for Products</div>
<div class="centercontentrightimg">Sample Box for Products</div>
</div>
<!-- end right boxes -->
<!-- end bottom boxes -->
</div>
<!-- end footer -->
</body>
</html>
<!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>
<title>Artica</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="top"> </div>
<div id="menu_left">
<ul id="navLeft">
<li class="li_nav_header"><a href="#"></a></li>
<li class="li_nav_body"><a href="#">Home</a></li>
<li class="li_nav_body"><a href="#">Usage</a></li>
<li class="li_nav_body"><a href="#">Contact</a></li>
<li class="li_nav_footer"><a href="#"></a></li>
</ul>
<div class="login_box">
<p>Login</p>
<form action="#" method="post" enctype="multipart/form-data">
<input class="login" style="" type="text" value="username" name="user" />
<input type="password" value="password" name="pass" />
<input value="Log in" type="submit" />
</form>
</div>
</div>
<div id="head">
<h1>Artica - Simple CSS and xHTML</h1>
<h2>A clean, fresh, green design that is quick to load.</h2>
<p style="color:white;"> <a href="#" class="yellow_span" >Author</a> - My names
Callum Rimmer and I run a web software company in Bath, <br />
England. We have created a simple content management system and hosting
<br />
package for small companies and individuals called <a href="#"
class="yellow_span">iFrame</a>. iFrame is made to as<br />
easy to use as possible whilst giving you the flexibilty to design your site
how <br />
you like. You can use any of the free designs on OSWD.org as an iFrame
template.<br />
<br />
<br />
>> Please keep the <a href="#" class="yellow_span">backlink</a> in the
footer if you use this template. <br />
</p>
</div>
<div id="content">
<div class="content_box_large">
<p><b class="green">Usage</b></p>
<p><b class="light_green">This template could be used for many
things</b>.</p>
<p>This design is good for anyone who wishes to display images or photos on
the homepage of there site. If you have a blog or photography site then this is a
great medium for displaying content. Have fun amending but please keep the <a
href="#">backlink</a> in the footer. Images are from <a href="#">sxc.hu</a> a great
site for free imagery.</p>
<p class="date"> »Date or »Comment</p>
<p><b class="green">Contact</b></p>
<p><b class="light_green">Want to contact me?</b></p>
<p>If you would like to contact me for some help using this template or if
you would like to known more about iFrame, Email me. </p>
<p class="date"> »Date or »Comment</p>
</div>
<div class="content_box_small">
<p><b class="green">Images</b></p>
<img class="left" src="assets/leaf.jpg" alt="" /> <img class="left"
src="assets/leaf.jpg" alt="" /> <img class="left" src="assets/leaf.jpg" alt="" />
</div>
<div style="clear:both;"></div>
</div>
<div id="content_footer">
<p>Designed by <a href="http://www.personal-web-design.com">iFrame</a> |
yourname © 2006</p>
</div>
</div>
</body>
</html>
<!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>
<title>Nautica09</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen,
projection" />
</head>
<body>
<div id="outer">
<div id="header">
<div id="logo"> <a href="#"><img src="images/nautica-logo.gif" alt="Add your
link here, we added our photography company in victoria as a sample" border="0"
/></a> </div>
<div id="login-box">
<form action="#">
Sign In
<input type="text" class="txt" />
<input type="text" class="txt" />
<input type="image" src="images/go-button.gif" value="Go" />
</form>
</div>
</div>
<div id="body-top">
<ul id="main-nav" class="clearfix">
<li><a href="#">Home</a></li>
<li><a href="#">Shopping</a></li>
<li><a href="#">Contact</a></li>
<li id="right-tab"><a href="#">View Cart</a></li>
</ul>
</div>
<div id="body-middle" class="clearfix">
<div id="main-col">
<div id="nameplate-top"></div>
<div id="nameplate-middle" class="clearfix"> <img src="images/company-
name.gif" alt="" />
<p>Your leader in e-commerce products</p>
</div>
<div id="nameplate-bottom"></div>
<div id="content-top"></div>
<div id="content-wrapper">
<div id="content">
<div>
<h2>Nautica09</h2>
<p>This design was created by <a
href="http://www.studio7designs.com">STUDIO7DESIGNS</a> for the open source
community. It is a free download, use it as you like!</p>
<p>View the rest of our<a href="#"> free templates</a> on our templates
page.</p>
</div>
<div>
<h1>H1 EXAMPLE</h1>
<p>Here is an example of the paragraph and H1 tags. It is very
important to use your H tags well for SEO.</p>
<p>With this template all we kindly ask is that you keep the links at
the footer of the site to help us with our business, without your support we
couldnt provide these templates for free!. Many thanks to the fantastic <a
href="http://www.slicendiceit.com">slice n dice</a> for the coding! <br />
<br />
Quisque commodo auctor sem. Aliquam trist culis dolor. Etiam pretium
tellus semper nibh. Suspendisse rutrum, mauris sit amet lobortis dapibus,orci massa
gravida tellus Suspendisse rutrum, mauris sit amet lobortis dapibus orci massa
gravida tellus.</p>
<p><a href="#">Photographer Victoria BC </a></p>
</div>
<div>
<h1>H1 EXAMPLE</h1>
<p>Here is an example of the paragraph and H1 tags. It is very
important to use your H tags well for SEO.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam
iaculis rutrum ante. Donec dignissim porttitor lacus. Ut magna. Nam vel mi
consectetuer quam tempus consectetuer. Praesent accumsan blandit leo. Suspendisse
potenti. Quisque commodo auctor sem. Aliquam trist culis dolor. Etiam pretium
tellus semper nibh. Suspendisse rutrum, mauris sit amet lobortis dapibus,orci massa
gravida tellus Suspendisse rutrum, mauris sit amet lobortis dapibus orci massa
gravida tellus.</p>
<p><a href="#">Link Example</a> <a href="#">View our Photo Gallery</a>
</p>
</div>
<div>
<h1>H1 EXAMPLE</h1>
<p>Here is an example of the paragraph and H1 tags. It is very
important to use your H tags well for SEO.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam
iaculis rutrum ante. Donec dignissim porttitor lacus. Ut magna. Nam vel mi
consectetuer quam tempus consectetuer. Praesent accumsan blandit leo. Suspendisse
potenti. Quisque commodo auctor sem. Aliquam trist culis dolor. Etiam pretium
tellus semper nibh. Suspendisse rutrum, mauris sit amet lobortis dapibus,orci massa
gravida tellus Suspendisse rutrum, mauris sit amet lobortis dapibus orci massa
gravida tellus.</p>
<p><a href="#">Link Example</a> <a href="#">Victoria </a></p>
</div>
<div>
<h1>H1 EXAMPLE</h1>
<p>Here is an example of the paragraph and H1 tags. It is very
important to use your H tags well for SEO.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam
iaculis rutrum ante. Donec dignissim porttitor lacus. Ut magna. Nam vel mi
consectetuer quam tempus consectetuer. Praesent accumsan blandit leo. Suspendisse
potenti. Quisque commodo auctor sem. Aliquam trist culis dolor. Etiam pretium
tellus semper nibh. Suspendisse rutrum, mauris sit amet lobortis dapibus,orci massa
gravida tellus Suspendisse rutrum, mauris sit amet lobortis dapibus orci massa
gravida tellus.</p>
<p><a href="#">Link Example</a></p>
</div>
</div>
</div>
<div id="content-bottom"></div>
</div>
<div id="side-col">
<div class="side-box-top"></div>
<div class="side-box-middle"> <a href="#"><img src="images/lady-picture.jpg"
alt="wedding photographer victoria bc" border="0" /></a><br />
<br />
<a href="#"><img src="images/view-products.gif" alt="View Products" /></a>
</div>
<div class="side-box-bottom"></div>
<div class="side-box-top"></div>
<div class="side-box-middle">
<h3> Featured Products</h3>
<img src="images/featured1.jpg" alt="" /><br />
<br />
<img src="images/featured2.jpg" alt="" /><br />
<br />
<img src="images/featured1.jpg" alt="" /><br />
<br />
<img src="images/featured2.jpg" alt="" /><br />
<br />
<img src="images/featured1.jpg" alt="" /><br />
<br />
<img src="images/featured2.jpg" alt="" /><br />
<br />
<a href="#"><img src="images/featured3.jpg" alt="" border="0" /></a> </div>
<div class="side-box-bottom"></div>
</div>
</div>
<div id="body-bottom"></div>
<div id="footer">
<p><a href="#">victoria</a> | <a href="http://www.studio7designs.com">design by
studio7designs</a> | <a href="http://www.slicendiceit.com">coding by slice 'n
dice</a></p>
</div>
</div>
</body>
</html>
<!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" lang="en">
<head>
<title>Nautica 13</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="stylesheets/common.css" media="screen,
print, projection, handheld" />
<link rel="stylesheet" type="text/css" href="stylesheets/screen.css" media="screen,
projection" />
<link rel="stylesheet" type="text/css" href="stylesheets/blue.css" media="screen,
projection" />
<link rel="stylesheet" type="text/css" href="stylesheets/print.css"
media="print" />
<link rel="stylesheet" type="text/css" href="stylesheets/handheld.css"
media="handheld" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="stylesheets/ie.css" media="screen,
projection" />
<![endif]-->
<!--[if IE 7.0]>
<link rel="stylesheet" type="text/css" href="stylesheets/ie7.css" media="screen,
projection" />
<![endif]-->
<script src="javascript/ufo.js" type="text/javascript"></script>
<script src="javascript/fuego.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<p id="logo"><a href="#"><img src="images/logo/fuego.gif" alt="" width="191"
height="122" /></a></p>
<p id="to-content"><a href="#content">Skip to content</a></p>
<ul id="nav">
<li><a href="#" id="nav01" class="current">Home<span></span></a></li>
<li><a href="#" id="nav02">Weddings<span></span></a></li>
<li><a href="#" id="nav03">Events<span></span></a></li>
<li><a href="#" id="nav04">Services<span></span></a></li>
<li><a href="#" id="nav05">Contact<span></span></a></li>
</ul>
</div>
<p id="testimonials-link"><a href="#">Testimonials<span></span></a></p>
<div id="inner-wrapper">
<div id="content">
<div id="original-events">
<h1>Original, creative events on any budget<span></span></h1>
<img src="images/photos/event.jpg" alt="Decorative image" width="469"
height="417" /></div>
<div class="box left welcome">
<h2>Arbutus Website Template</h2>
<p>This template was created in a moment of inspiration.
The flexibily of this design is amazing, with a few color changes and
some basic photoshop and css skills you can produce a very clean, nice looking
design. The only thing with this template that you will need to photoshop are the
button text. This design was created by STUDIO7DESIGNS Inc. <br />
<br />
If you could please keep the link at the footer linking back to us to
help us continue to provide the highest quality website designs for free. This
website template is free under the creative commons 2.5 and may be used for non
commercial use. In plain english you may not resell this template in any form. You
may use if for your business website though.</p>
<p>Thank you from the <a href="#">Arbutus</a>Design Team!</p>
</div>
</div>
</div>
<hr />
<div id="footer">
<p>Copyright 2007 STUDIO7DESIGNS | Design by<a href="#"> Arbutus</a> | <a
href="#">events</a> | <a href="#">services</a> | <a href="#">testimonials</a> | <a
href="#">site map</a> | <a href="#">contact us</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Nebula Dog</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="container">
<div id="menu">
<ul class="menu_list">
<li><a href="#">Home</a></li>
<li><a href="#">Item #4</a></li>
<li><a href="#">Item #5</a></li>
<li><a href="#">Item #6</a></li>
<li><a href="#">Item #7</a></li>
<li><a href="#">Item #8</a></li>
<li><a href="#">Item #9</a></li>
<li><a href="#">Item #10</a></li>
</ul>
<img src="img/cest.jpg" alt="" /><br />
<p>J.V-ce World Winner, J.Ch.PL, J.Ch.DE, Ch.PL Dark Side Tak Wiele Milosci</p>
</div>
<div class="header">
<h1>Nebula Dog</h1>
</div>
<div class="entry">
<h1>Your sub header</h1>
<h2>Your main header</h2>
<p>This Design was actually supposed to be applied to the page of our
Staffordshire Bull Terrier Dark Side. However, it turned out that we were heading
towards registering a kennel and the theme would not fit its name. The full name of
our staffy is "DARK SIDE Tak Wiele Milosci" with "Tak Wiele Milosci" meaning <i>so
much love</i>. That was the reason for the heart and the nebula and the starship
look.</p>
<p>The Design features a fixed 2 column layout. In this example the content
part is about 500px and the sidebar 200px wide. You can change these without having
the layout suffer. Another interesting point is that as the sidebar expands the
text wraps around it - which you can see in this example. The Design also allows
multiple seperated entries in the content part.</p>
</div>
<div class="entry">
<h1>Another sub header</h1>
<h2>Another main header</h2>
<p>Changing the width of the "main" div should also allow you to add a 3rd
column to the Design whether on the left or right side. The photo added on the menu
bar just serves as example of what you can do with the sidebar.</p>
<p>Have fun with the Design and please remember to leave the credits intact and
change the "yoursite" to the actual name of your site. This Design is valid XHTML
1.0 Strict and CSS.</p>
</div>
<div id="footer">© 2007<a href="#">yoursite</a>. Design by <a
href="http://lukasz.sobek.pl">Lukasz Sobek</a></div>
</div>
</body>
</html>
<!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>Neko01</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko01.css" media="screen" />
</head>
<body>
<div id="page">
<div id="top">
<h1> <a href="#">Free CSS Templates</a> </h1>
</div>
<div id="globalnav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>
<div id="main">
<div id="content">
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
molestie, nisi ut posuere consectetuer, libero odio feugiat quam, a convallis
libero lacus ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis eget,
massa. Phasellus consequat, urna sed tincidunt tempus, mi dolor tincidunt nisi, et
hendrerit leo nisl sit amet enim. Mauris malesuada sagittis magna. Cum sociis
natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
pharetra, ligula ut pulvinar pharetra, nunc nisl semper purus, faucibus egestas
magna ipsum ut massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec
libero viverra sagittis. Cras id metus pharetra nulla aliquet placerat. Vestibulum
porta mauris vel nunc. Integer malesuada mattis augue. Etiam fringilla. Integer
gravida volutpat nulla. Mauris suscipit leo at justo. Phasellus laoreet sagittis
nunc.</p>
<h3> This is a h3 title : </h3>
<p>Maecenas scelerisque. Sed nec nisi. Curabitur enim. Suspendisse congue,
orci in commodo rutrum, massa nisl cursus urna, a feugiat neque mauris nec dolor.
Cras a turpis a nulla tempus varius. Mauris tempor. Aliquam erat volutpat. Nulla
mollis. Proin quis libero eu eros rhoncus sollicitudin. Pellentesque mollis dictum
velit. Ut magna. Cras dolor urna, luctus vel, condimentum at, facilisis at, quam.
Curabitur porttitor nisl eget odio. Vestibulum rutrum tortor non augue. Suspendisse
porta feugiat nisl. Integer nonummy elementum nunc.</p>
<h4> This is a h4 title : </h4>
<img alt="" src="img/example-img.jpg" width="300" height="231" />
<p>Lorem ipsum dolor sit amet consectetuer lacus Vestibulum eu ut congue.
Tincidunt condimentum lorem convallis venenatis tempus tempus laoreet et eu neque.
Id congue Donec justo Mauris cursus et tellus Suspendisse tempus amet. Platea urna
condimentum sit dignissim condimentum lorem nibh tincidunt dapibus laoreet.
Interdum libero Donec id arcu sagittis fames Ut.</p>
<p>Ut sed nibh fermentum augue elementum molestie. Vestibulum eget quam non
libero nonummy ornare. In nisl ipsum, euismod a, eleifend a, aliquam fringilla,
ante. Nam vehicula porta pede. Sed porttitor dignissim nunc. Phasellus pellentesque
pretium risus. Donec non nunc id odio sodales dictum. Quisque vel massa. Vivamus
tellus. Mauris facilisis mauris. Nullam eros nulla, aliquet suscipit, faucibus at,
scelerisque eu, est. Phasellus sit amet quam.</p>
<p><strong>Links in content :</strong> <a href="#">valid XHTML</a>, <a
href="#">valid CSS,</a> <a href="#">link 3,</a> <a href="#">link 4,</a> <a
href="#">link 5</a></p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ol>
<p><strong>pre style :</strong></p>
<pre>
function textParseHtmlToText($text)
{
global $_PX_config;
include_once $_PX_config['manager_path'].'/extinc/class.html2text.php';
$h2t = new html2text($text);
return $h2t->get_text();
}
</pre>
<p>Donec egestas consequat dui. Fusce justo arcu, posuere suscipit, posuere
a, fermentum vitae, ante. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Pellentesque est dui, malesuada sed,
sollicitudin at, pharetra et, magna.</p>
</div>
<!-- End #content -->
</div>
<!-- End #main -->
<div id="sidebar">
<div id="block1">
<h2>This is a h2 title :</h2>
<p>Website desciption......<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
</p>
</div>
<!-- end block 1 -->
<div id="block2">
<h2>Sidebar links :</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>
<!-- end block2 -->
<div id="block3">
<h2>About :</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
</p>
</div>
<!-- end block 3 -->
<div id="CC-licence"> <img class="CC-floatleft" src="img/CC-licence.png"
alt="CC-licence" />
<p>This design is licensed under a <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">by-nc-sa 3.0 Creative
Commons License</a>.<br />
Author: <a href="http://nekodesign.net">nekodesign.net.</a></p>
</div>
</div>
<!-- end #sidebar -->
<div id="footer"> <a href="http://validator.w3.org/check?uri=referer">XHTML 1.0
strict</a> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS
2.1</a></div>
<!-- end footer-->
</div>
<!-- end page -->
</body>
</html>
<!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>Neko02</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko02.css" media="screen" />
</head>
<body>
<div id="page">
<div id="top">
<h1> <a href="#">Free CSS Templates</a> </h1>
</div>
<div id="globalnav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>
<div id="main">
<div id="content">
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<img alt="" src="img/Iceberg.jpg" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
molestie, nisi ut posuere consectetuer, libero odio feugiat quam, a convallis
libero lacus ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis eget,
massa. Phasellus consequat, urna sed tincidunt tempus, mi dolor tincidunt nisi, et
hendrerit leo nisl sit amet enim. Mauris malesuada sagittis magna. Cum sociis
natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
pharetra, ligula ut pulvinar pharetra, nunc nisl semper purus, faucibus egestas
magna ipsum ut massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec
libero viverra sagittis. Cras id metus pharetra nulla aliquet placerat. Vestibulum
porta mauris vel nunc. Integer malesuada mattis augue. Etiam fringilla. Integer
gravida volutpat nulla. Mauris suscipit leo at justo. Phasellus laoreet sagittis
nunc.</p>
<h3> This is a h3 title : </h3>
<p>Maecenas scelerisque. Sed nec nisi. Curabitur enim. Suspendisse congue,
orci in commodo rutrum, massa nisl cursus urna, a feugiat neque mauris nec dolor.
Cras a turpis a nulla tempus varius. Mauris tempor. Aliquam erat volutpat. Nulla
mollis. Proin quis libero eu eros rhoncus sollicitudin. Pellentesque mollis dictum
velit. Ut magna. Cras dolor urna, luctus vel, condimentum at, facilisis at, quam.
Curabitur porttitor nisl eget odio. Vestibulum rutrum tortor non augue. Suspendisse
porta feugiat nisl. Integer nonummy elementum nunc.</p>
<h4> This is a h4 title : </h4>
<p>Lorem ipsum dolor sit amet consectetuer lacus Vestibulum eu ut congue.
Tincidunt condimentum lorem convallis venenatis tempus tempus laoreet et eu neque.
Id congue Donec justo Mauris cursus et tellus Suspendisse tempus amet. Platea urna
condimentum sit dignissim condimentum lorem nibh tincidunt dapibus laoreet.
Interdum libero Donec id arcu sagittis fames Ut.</p>
<p>Ut sed nibh fermentum augue elementum molestie. Vestibulum eget quam non
libero nonummy ornare. In nisl ipsum, euismod a, eleifend a, aliquam fringilla,
ante. Nam vehicula porta pede. Sed porttitor dignissim nunc. Phasellus pellentesque
pretium risus. Donec non nunc id odio sodales dictum. Quisque vel massa. Vivamus
tellus. Mauris facilisis mauris. Nullam eros nulla, aliquet suscipit, faucibus at,
scelerisque eu, est. Phasellus sit amet quam.</p>
<p><strong>Links in content :</strong> <a href="#">valid XHTML</a>, <a
href="#">valid CSS,</a> <a href="#">link 3,</a> <a href="#">link 4,</a> <a
href="#">link 5</a></p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ol>
<p><strong>pre style :</strong></p>
<pre>
function textParseHtmlToText($text)
{
global $_PX_config;
include_once $_PX_config['manager_path'].'/extinc/class.html2text.php';
$h2t = new html2text($text);
return $h2t->get_text();
}
</pre>
<p>Donec egestas consequat dui. Fusce justo arcu, posuere suscipit, posuere
a, fermentum vitae, ante. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Pellentesque est dui, malesuada sed,
sollicitudin at, pharetra et, magna.</p>
</div>
<!-- End #content -->
</div>
<!-- End #main -->
<div id="sidebar">
<div id="block1">
<h2>This is a h2 title :</h2>
<p>Website desciption......<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
</p>
</div>
<!-- end block 1 -->
<div id="block2">
<h2>Sidebar links :</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>
<!-- end block2 -->
<div id="block3">
<div id="CC-licence"> <img class="CC-floatleft" src="img/CC-licence.png"
alt="CC-licence" />
<p>This design is licensed under a <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">by-nc-sa 3.0 Creative
Commons License</a>.<br />
Author: <a href="http://nekodesign.net">nekodesign.net.</a></p>
</div>
</div>
<!-- end block 3 -->
</div>
<!-- end #sidebar -->
<div id="footer"> <a href="http://validator.w3.org/check?uri=referer">XHTML 1.0
strict</a> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS
2.1</a></div>
<!-- end footer-->
</div>
<!-- end page -->
</body>
</html>
<!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>Neko03</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko03.css" media="screen" />
</head>
<body id="index">
<div id="wrapper">
<h1 id="header"> <a href="#"><span>Home page</span></a></h1>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<div id="content">
<h2>Lorem ipsum dolor sit amet consectetuer - h2 title</h2>
<p>Lorem ipsum dolor sit amet consectetuer Cum fermentum tortor cursus
accumsan. Ac Morbi quis enim ut Fusce et lacinia Pellentesque eu metus. Tortor pede
a id leo ligula congue ac Vestibulum congue quis. Quis dui sollicitudin nibh ligula
gravida lobortis urna habitant sagittis auctor. Pretium vitae nulla pretium euismod
Pellentesque tincidunt Pellentesque ac pellentesque ullamcorper. Sed egestas.</p>
<p>Est semper pretium Nam Aliquam laoreet lobortis auctor turpis metus cursus.
Quam laoreet pretium orci orci id id accumsan Suspendisse elit sit. Sapien et a
Vestibulum ut penatibus elit mattis lobortis Phasellus tempus. Pellentesque felis
at Ut morbi tristique ligula eu est tortor pellentesque. Interdum Vestibulum magna
augue elit sed Morbi congue justo.</p>
<div id="div-superposed"> <img class="floatright" alt="child2 image"
src="img/child2.jpg" width="400" height="410" />
<p id="superposed"> "Lorem ipsum dolor<br />
sit amet consec<br />
tetuer Cum<br />
fermentum<br />
tortor cursus."</p>
</div>
<p class="clear">Lorem ipsum dolor sit amet consectetuer Cum fermentum tortor
cursus accumsan. Ac Morbi quis enim ut Fusce et lacinia Pellentesque eu metus.
Tortor pede a id leo ligula congue ac Vestibulum congue quis.ullamcorper. Sed
egestas.</p>
<h2>Lorem ipsum dolor sit amet- h2 title</h2>
<p>Lorem ipsum dolor sit amet consectetuer Cum fermentum tortor cursus
accumsan. Ac Morbi quis enim ut Fusce et lacinia Pellentesque eu metus. Tortor pede
a id leo ligula congue ac Vestibulum congue quis.ullamcorper. Sed egestas.</p>
<p>Est semper pretium Nam Aliquam laoreet lobortis auctor turpis metus cursus.
Quam laoreet pretium orci orci id id accumsanlobortis Phasellus tempus.
Pellentesque felis at Ut morbi tristique ligula eu est tortor pellentesque.
Interdum Vestibulum magna augue elit sed Morbi congue justo.</p>
<h3>Lorem ipsum dolor - h3 title :</h3>
<p>Maecenas scelerisque. Sed nec nisi. Curabitur enim. Suspendisse congue, orci
in commodo rutrum, massa nisl cursus urna, a feugiat neque mauris nec dolor. Cras a
turpis a nulla tempus varius. Mauris tempor. Aliquam erat volutpat. Nulla mollis.
Proin quis libero eu eros rhoncus sollicitudin. Pellentesque mollis dictum velit.
Ut magna. Cras dolor urna, luctus vel, condimentum at, facilisis at, quam.
Curabitur porttitor nisl eget odio. Vestibulum rutrum tortor non augue. Suspendisse
porta feugiat nisl. Integer nonummy elementum nunc.</p>
<div id="CC-licence"> <img class="CC-floatleft" src="img/CC-licence.png"
alt="CC-licence" />
<p>This design is licensed under a <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">by-nc-sa 3.0 Creative
Commons License</a>.<br />
Author: <a href="http://nekodesign.net">nekodesign.net.</a></p>
</div>
</div>
<p id="footer"> Valid ingredients: <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.0 strict</a> <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS 2.1</a></p>
<!-- end footer-->
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Neko04</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko04.css" media="screen" />
</head>
<body>
<div id="page">
<div id="header">
<h1><a href="#"><span>Free CSS Templates</span></a></h1>
</div>
<div id="content">
<h3><a href="#">Lorem ipsum dolor sit amet</a> : </h3>
<p>Lorem ipsum dolor sit amet consectetuer semper ut ante a risus. Pede et amet
sem augue Sed quis <a href="#">condimentum elit leo</a> natoque. Neque vitae elit
Donec eget risus Pellentesque elit habitasse ipsum neque. Ut Vestibulum Phasellus
risus Nunc sit mauris Nam malesuada sapien morbi. Aenean est porta lacinia at nulla
Sed auctor amet consequat.</p>
<h3><a href="#"> Lorem ipsum dolor sit amet</a> : </h3>
<img class="floatleft" src="img/bancoDeGaia.gif" width="127" height="200"
alt="" />
<p>Hendrerit fermentum laoreet urna <a href="#">felis ut auctor tellus mi</a>
wisi non. Ornare cursus et turpis vel justo tincidunt auctor pellentesque
condimentum a. Fusce ac Sed sed sed mauris <a href="#">consequat cursus
faucibus</a> sed nonummy. Ridiculus sociis magna feugiat consectetuer id malesuada
Ut cursus Vivamus ligula. Sed et laoreet justo amet In lacinia pellentesque ac
velit quis. Ut Praesent convallis ante hac.</p>
<p>Sodales mauris felis et pellentesque libero velit sed tellus Fusce leo.
Felis non pede Morbi a velit condimentum justo <a href="#">habitasse semper
tempus</a>. Nunc ipsum dis interdum ut Lorem tristique nonummy tempus vel justo.
Senectus scelerisque</p>
<h3><a href="#"> Lorem ipsum dolor sit amet</a> : </h3>
<div id="album"> <img src="img/cyb1cd001_s.jpg" alt="" /> <img
src="img/ctr1cd003_s.jpg" alt="" /></div>
<p><a href="#"><strong>Hendrerit fermentum laoreet urna :</strong></a><br />
Ornare cursus et turpis vel justo tincidunt auctor pellentesque condimentum
a. Fusce ac Sed sed sed mauris <a href="#">consequat cursus faucibus</a> sed
nonummy. Ridiculus sociis magna feugiat consectetuer id malesuada Ut cursus Vivamus
ligula consectetuer id malesuada Ut cursus Vivamus ligula</p>
<p><a href="#"><strong>Sodales mauris felis et pellentesque
:</strong></a><br />
Fusce leo. Felis non pede Morbi a velit condimentum justo <a
href="#">habitasse semper tempus</a>. Nunc ipsum dis interdum ut Lorem tristique
nonummy tempus vel justo. Senectus scelerisque montes pede Cras semper Sed interdum
augue et in.</p>
<h3><a href="#"> Lorem ipsum dolor sit amet</a> : </h3>
<img class="floatleft" src="img/chi1cd005_s.jpg" width="87" height="87"
alt="" /> <img class="floatleft" src="img/inr1cd021_s.jpg" alt="" /> <img
class="floatleft" src="img/gatheringTheTribe.gif" width="90" height="90" alt="" />
<ol>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
</ol>
<p class="special"> Congue eleifend Nunc semper Nam condimentum leo hendrerit
laoreet Pellentesque Quisque. <a href="#">Cursus hendrerit sociis tortor</a> Sed
auctor vel nibh convallis sodales nibh. Urna nec orci et non faucibus dui Praesent
justo eros leo. Tellus Vestibulum at ut hac ipsum tempus Morbi pulvinar eu est.
Sagittis velit id justo magna feugiat massa ante pellentesque lacus magnis.<br />
<a href="#">Sapien enim</a>....</p>
<div id="CC-licence"> <img class="CC-floatleft" src="img/CC-licence.png"
alt="CC-licence" />
<p>This design is licensed under a <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">by-nc-sa 3.0 Creative
Commons License</a>.<br />
Author: <a href="http://nekodesign.net">nekodesign.net.</a></p>
</div>
<div class="special2">
<h4><a href="#"> Lorem ipsum dolor sit amet</a> : </h4>
<p>Lorem ipsum dolor sit amet consectetuer semper ut ante a risus. Pede et
amet sem augue Sed quis <a href="#">condimentum elit leo</a> natoque. Neque vitae
elit Donec eget risus Pellentesque elit habitasse ipsum neque. Ut Vestibulum
Phasellus risus Nunc sit mauris Nam malesuada sapien morbi. Aenean est porta
lacinia at nulla Sed auctor amet consequat.</p>
</div>
</div>
<div id="footer">
<p>Valid ingredients: <a href="http://validator.w3.org/check?uri=referer">XHTML
1.0 strict</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS
2.1</a></p>
</div>
</div>
</body>
</html>
<!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>Free CSS Templates - Free Template Neko05</title>
<meta name="description" content="Free CSS Templates features free templates from
website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates,
Templates, Free Templates, CSS" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko05.css" media="screen" />
</head>
<body>
<div id="page">
<div id="header">
<h1><a href="#">Free CSS Templates</a></h1>
<div id="header-nav">
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<div id="description">
<h3>site slogan goes here </h3>
<p>Some few words about ...Maecenas scelerisque. Sed nec nisi. Curabitur
enim. Suspendisse congue, orci in commodo rutrum, massa nisl cursus urna, a feugiat
neque mauris nec dolor. <a href="#">Read more ...</a></p>
</div>
</div>
<!-- end header -->
<div id="globalnav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>
<div id="main">
<div id="content">
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
molestie, nisi ut posuere consectetuer, libero odio feugiat quam, a <a
href="#">convallis libero lacus</a> ac augue. Vivamus sem felis, facilisis ut,
laoreet non, lobortis eget, massa. Phasellus consequat, <a href="#">urna sed
tincidunt tempus</a>,</p>
<p>Mi dolor<strong> tincidunt nisi</strong>, et hendrerit leo nisl sit amet
enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Mi dolor tincidunt nisi, et hendrerit leo nisl sit amet enim. Mauris
malesuada sagittis magna. Cum sociis natoque <a href="#">penatibus et magnis
dis</a> parturient montes, nascetur ridiculus mus. Donec pharetra, ligula ut
pulvinar pharetra, nunc nisl semper purus, faucibus egestas <strong>magna
ipsum</strong> ut massa. Integer <a href="#">posuere nulla sed purus.</a> Curabitur
sit amet nulla nec libero viverra sagittis.</p>
<p>Cras id metus pharetra nulla aliquet placerat. Vestibulum porta mauris vel
nunc. Integer malesuada mattis augue. Etiam fringilla. Integer gravida volutpat
nulla. Mauris suscipit leo at justo. Phasellus laoreet sagittis nunc.</p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ol>
<p><strong>pre style :</strong></p>
<pre>
function textParseHtmlToText($text)
{
global $_PX_config;
include_once $_PX_config['manager_path'].'/extinc/class.html2text.php';
$h2t = new html2text($text);
return $h2t->get_text();
}
</pre>
<p>Donec egestas consequat dui. Fusce justo arcu, posuere suscipit, posuere
a, fermentum vitae, ante. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Pellentesque est dui, malesuada sed,
sollicitudin at, pharetra et, magna.</p>
<div id="CC-licence"><img class="CC-floatleft" src="img/CC-licence.png"
alt="CC-licence" />
<p>This design is licensed under a <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">by-nc-sa 3.0 Creative
Commons License</a>.<br />
Author: <a href="http://nekodesign.net">nekodesign.net.</a></p>
</div>
</div>
<!-- End #content -->
</div>
<!-- End #main -->
<div id="sidebar">
<div class="block">
<h2>Lorem ipsum :</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
</p>
</div>
<div class="block">
<h2>Sidebar links :</h2>
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<!-- end block2 -->
<div class="block">
<h2>Lorem ipsum :</h2>
<img src="img/exemple-img.jpg" alt="exemple img" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
<!-- end #sidebar -->
<div id="footer">
<div class="fom">
<h4>Find out more :</h4>
<ol>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
</ol>
</div>
<p class="footer-info"><a href="http://validator.w3.org/check?
uri=referer">XHTML 1.0 strict</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS 2.1</a> | Design by <a
href="http://nekodesign.net">nekodesign.net.</a> - <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">CC licence</a></p>
</div>
<!-- end footer-->
</div>
<!-- end page -->
</body>
</html>
<!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>Neko06</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko06.css" media="screen" />
</head>
<body>
<div id="page">
<div id="top">
<h1> <span><a href="#">Free CSS Templates</a></span> </h1>
<p id="prelude"> <a href="#main">To content</a> | <a href="#sidebar">To
menu</a></p>
</div>
<div id="wrapper">
<div id="main">
<div id="content">
<h2 class="post-title"> <a href="#">Lorem ipsum dolor</a></h2>
<p class="post-info"> By robin on Wednesday 18
April 2007, 15:55 | <a href="#">news</a> | <a href=
"#">Permalink</a></p>
<ul class="post-tags">
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
<li><a href="#">tag</a></li>
</ul>
<div class="post-content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent
molestie, nisi ut posuere consectetuer, libero odio feugiat quam, a <a
href="#">convallis libero lacus</a> ac augue. Vivamus sem felis, facilisis ut,
laoreet non, lobortis eget, massa. Phasellus consequat, <a href="#">urna sed
tincidunt tempus</a>,</p>
<p>Mi dolor <strong>tincidunt nisi</strong>, et hendrerit leo nisl sit
amet enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<h2 class="post-title"> Lorem ipsum - h3 title :</h2>
<p>Mi dolor tincidunt nisi, et hendrerit leo nisl sit amet enim. Mauris
malesuada sagittis magna. Cum sociis natoque <a href="#">penatibus et magnis
dis</a> parturient montes, nascetur ridiculus mus. Donec pharetra, ligula ut
pulvinar pharetra, nunc nisl semper purus, faucibus egestas <strong>magna
ipsum</strong> ut massa. Integer <a href="#">posuere nulla sed purus.</a> Curabitur
sit amet nulla nec libero viverra sagittis.</p>
<p>Cras id metus pharetra nulla aliquet placerat. Vestibulum porta mauris
vel nunc. Integer malesuada mattis augue. Etiam fringilla. Integer gravida volutpat
nulla. Mauris suscipit leo at justo. Phasellus laoreet sagittis nunc.</p>
<h4> Lorem ipsum - h4 title : </h4>
<img class="float-left" alt="image exemple" src= "img/image-
exemple.png" />
<p>Lorem ipsum dolor sit amet consectetuer lacus Vestibulum eu ut congue.
Tincidunt condimentum lorem convallis venenatis tempus tempus laoreet et eu neque.
Id congue Donec justo Mauris cursus et tellus Suspendisse tempus amet. Platea urna
condimentum sit dignissim condimentum lorem nibh tincidunt dapibus laoreet.
Interdum libero Donec id arcu sagittis fames Ut.</p>
<p class="clear"> Ut sed nibh fermentum augue elementum molestie.
Vestibulum eget quam non libero nonummy ornare. In nisl ipsum, euismod a, eleifend
a, aliquam fringilla, ante. Nam vehicula porta pede. Sed porttitor dignissim nunc.
Phasellus pellentesque pretium risus. Donec non nunc id odio sodales dictum.
Quisque vel massa. Vivamus tellus. Mauris facilisis mauris. Nullam eros nulla,
aliquet suscipit, faucibus at, scelerisque eu, est. Phasellus sit amet quam.</p>
<p><strong>Links in content :</strong> <a href= "#">valid XHTML</a>,
<a href="#">valid CSS,</a> <a href="#">link 3,</a> <a href= "#">link 4,</a> <a
href="#">link 5</a></p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ol>
<p><strong>pre style :</strong></p>
<pre>
function textParseHtmlToText($text) <br />{ <br />global $_PX_config; <br
/>include_once $_PX_config['manager_path'].'/extinc/class.html2text.php'; <br
/>$h2t = new html2text($text); <br />return $h2t->get_text(); <br />}
</pre>
</div>
</div>
<!-- end content -->
</div>
<!-- End #main -->
<div id="sidebar">
<div class="block">
<h2>Lorem ipsum :</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
</p>
</div>
<div class="block">
<h2>Sidebar links :</h2>
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
<!-- end block2 -->
<div class="block">
<h2>Lorem ipsum :</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
</div>
<!-- End #wrapper -->
<div id="footer">
<p class="footer-info"> <a href="http://validator.w3.org/check?
uri=referer">XHTML 1.0 strict</a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer">CSS 2.1</a> | Design by <a
href="http://nekodesign.net">nekodesign.net.</a> - <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">CC licence</a></p>
</div>
</div>
<!-- End #page -->
<!-- end page -->
</body>
</html>
<!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>Neko07</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko07.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
</head>
<body>
<div id="main">
<div id="content">
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent molestie,
nisi ut posuere consectetuer, libero odio feugiat quam, a <a href="#">convallis
libero lacus</a> ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis
eget, massa. Phasellus consequat, <a href="#">urna sed tincidunt tempus</a>,</p>
<p>Mi dolor <strong>tincidunt nisi</strong>, et hendrerit leo nisl sit amet
enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing
elit.</li>
</ol>
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent molestie,
nisi ut posuere consectetuer, libero odio feugiat quam, a <a href="#">convallis
libero lacus</a> ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis
eget, massa. Phasellus consequat, <a href="#">urna sed tincidunt tempus</a>,</p>
<p>Mi dolor <strong>tincidunt nisi</strong>, et hendrerit leo nisl sit amet
enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<div class="fom">
<h4> Find out more : </h4>
<ol>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
</ol>
</div>
</div>
<!-- End #content -->
</div>
<!-- End #main -->
<div id="sidebar">
<div id="header"> <a href="#">Free CSS Templates</a></div>
<div class="block">
<p>Slogan / Description...<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit.</p>
</div>
<!-- end block 1 -->
<div class="block">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
<li><a href="#">link 5</a></li>
</ul>
</div>
<!-- end block2 -->
<div id="info">
<p><a href="http://validator.w3.org/check?uri=referer">XHTML 1.0 strict</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS 2.1</a> | Design by
<a href="http://nekodesign.net">nekodesign.net.</a> - <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">CC licence</a></p>
</div>
<!-- end footer-->
</div>
<!-- end sidebar -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Title : Artistic
Version : 1.0
Released : 20070802
Description: A two-column, fixed-width template with pastel color. Suitable for
small websites and blogs.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Artistic by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Artistic</a></h1>
<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="content">
<div class="post">
<h1 class="title"><a href="#">Welcome to Our Website!</a></h1>
<p class="date">August 2, 2007</p>
<div class="entry">
<p><strong>Artistic</strong> is a free template from <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to <a href="http://www.freecsstemplates.org/">my site</a> in
some way. <em>Enjoy :)</em></p>
</div>
<p class="meta">Filed under <a href="#">Uncategorized</a> | <a
href="#">Comments (8)</a></p>
</div>
<div class="post">
<h2 class="title"><a href="#">Praesent Scelerisque</a></h2>
<p class="date">July 27, 2007</p>
<div class="entry">
<blockquote>
<p>“Integer nisl risus, sagittis convallis, rutrum id, elementum
congue, nibh.”</p>
</blockquote>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat:</p>
</div>
<p class="meta">Filed under <a href="#">Uncategorized</a> | <a
href="#">Comments (8)</a></p>
</div>
</div>
<!-- end content -->
<div id="sidebar">
<ul>
<li>
<h2>Search</h2>
<form method="get" action="">
<fieldset>
<input type="text" id="s" name="s" value="" />
<br />
<input name="submit" type="submit" id="searchsubmit" value="Search" />
</fieldset>
</form>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">August 2007</a> (1)</li>
<li><a href="#">July 2007</a> (31)</li>
<li><a href="#">June 2007</a> (30)</li>
<li><a href="#">May 2007</a> (31)</li>
<li><a href="#">April 2007</a> (30)</li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Ut semper vestibulum</a> (32)</li>
<li><a href="#">Vestibulum luctus</a> (19)</li>
<li><a href="#">Integer rutrum nisl</a> (33)</li>
<li><a href="#">Etiam malesuada</a> (12)</li>
<li><a href="#">Aenean elementum</a> (41)</li>
<li><a href="#">Ut tincidunt elit</a> (18)</li>
<li><a href="#">Sed quis odio</a> (30)</li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
<div id="footer">
<p id="legal">©2007 Artistic. All Rights Reserved. Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
<p id="links"><a href="#">Privacy</a> | <a href="#">Terms</a> | <a
href="http://validator.w3.org/check/referer" title="This page validates as XHTML
1.0 Transitional"><abbr title="eXtensible HyperText Markup
Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-
validator/check/referer" title="This page validates as CSS"><abbr title="Cascading
Style Sheets">CSS</abbr></a></p>
</div>
</body>
</html>
<!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>Neko08</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="neko08.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
</head>
<body>
<div id="main">
<div id="content">
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent molestie,
nisi ut posuere consectetuer, libero odio feugiat quam, a <a href="#">convallis
libero lacus</a> ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis
eget, massa. Phasellus consequat, <a href="#">urna sed tincidunt tempus</a>,</p>
<p>Mi dolor <strong>tincidunt nisi</strong>, et hendrerit leo nisl sit amet
enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<p><strong>ul style :</strong></p>
<ul>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
<p><strong>ol style :</strong></p>
<ol>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing
elit.</li>
</ol>
<h2><a href="#">Lorem ipsum dolor sit amet</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent molestie,
nisi ut posuere consectetuer, libero odio feugiat quam, a <a href="#">convallis
libero lacus</a> ac augue. Vivamus sem felis, facilisis ut, laoreet non, lobortis
eget, massa. Phasellus consequat, <a href="#">urna sed tincidunt tempus</a>,</p>
<p>Mi dolor <strong>tincidunt nisi</strong>, et hendrerit leo nisl sit amet
enim. Mauris malesuada sagittis magna. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec pharetra, <strong>ligula ut
pulvinar</strong> pharetra, nunc nisl semper purus, faucibus egestas magna ipsum ut
massa. Integer posuere nulla sed purus. Curabitur sit amet nulla nec libero viverra
sagittis.</p>
<div class="fom">
<h4> Find out more : </h4>
<ol>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
<li><a href="#">Lorem ipsum dolor</a> : sit amet, consectetuer adipiscing
elit.</li>
</ol>
</div>
</div>
</div>
<!-- End #main -->
<div id="sidebar">
<div id="header"> <a href="#">Free CSS Templates</a></div>
<div class="block">
<p>Slogan / Description...<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit.</p>
</div>
<!-- end block 1 -->
<div class="block">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
<li><a href="#">link 5</a></li>
</ul>
</div>
<!-- end block2 -->
<div id="info">
<p><a href="http://validator.w3.org/check?uri=referer">XHTML 1.0 strict</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS 2.1</a> | Design by
<a href="http://nekodesign.net">nekodesign.net.</a> - <a
href="http://creativecommons.org/licenses/by-nc-sa/3.0/">CC licence</a></p>
</div>
<!-- end footer-->
</div>
<!-- end sidebar -->
</body>
</html>
<!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>Neoneon</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Neoneon</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1">Home</a></li>
<li><a href="#" accesskey="2">Blog</a></li>
<li><a href="#" accesskey="3">Photos</a></li>
<li><a href="#" accesskey="4">About</a></li>
<li><a href="#" accesskey="5">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Neoneon!</h2>
<div class="meta">
<p class="date">Posted on February 25, 2007 by John Doe</p>
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
<div class="story">
<p><strong>Neoneon</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photos are from PDPhoto.org. You"re free
to use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="meta">
<p class="date">Posted on February 25, 2007 by John Doe</p>
<p><span>Filed under </span><a href="#"
class="category">Uncategorized</a><span> | </span><a href="#" class="comments">28
Comments</a></p>
</div>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a
blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas
ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum
dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
</div>
</div>
<div id="sidebar">
<div id="archives" class="boxed">
<h2>Archives</h2>
<div class="content">
<ul>
<li><a href="#">February 2007</a> <i>(25)</i></li>
<li class="active"><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</div>
</div>
<div id="categories" class="boxed">
<h2>Categories</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li class="active"><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
<div id="tagcloud" class="boxed">
<h2>Tag Cloud</h2>
<div class="content"><a href="#" title="55 recent posts" style="font-size:
1.5087837837838em;">Art</a> <a href="#" title="66 recent posts" style="font-size:
1.5905405405405em;">Blogging</a> <a href="#" title="51 recent posts" style="font-
size: 1.4790540540541em;">Books</a> <a href="#" title="40 recent posts"
style="font-size: 1.3972972972973em;">Culture</a> <a href="#" title="73 recent
posts" style="font-size: 1.6425675675676em;">Family</a> <a href="#" title="54
recent posts" style="font-size: 1.5013513513514em;">Food</a> <a href="#" title="43
recent posts" style="font-size: 1.4195945945946em;">Friends</a> <a href="#"
title="63 recent posts" style="font-size: 1.5682432432432em;">Humor</a> <a href="#"
title="88 recent posts" style="font-size: 2.4972972972973em;">Life</a> <a href="#"
title="49 recent posts" style="font-size: 1.4641891891892em;">Love</a> <a href="#"
title="64 recent posts" style="font-size: 1.5756756756757em;">Movies</a> <a
href="#" title="28 recent posts" style="font-size: 2.0513513513514em;">Music</a> <a
href="#" title="25 recent posts" style="font-size: 2.0290540540541em;">News</a> <a
href="#" title="92 recent posts" style="font-size: 1.7837837837838em;">Personal</a>
<a href="#" title="46 recent posts" style="font-size:
1.4418918918919em;">Photography</a> <a href="#" title="13 recent posts"
style="font-size: 2.0662162162162em;">Politics</a> <a href="#" title="56 recent
posts" style="font-size: 1.5162162162162em;">Random</a> <a href="#" title="51
recent posts" style="font-size: 1.4790540540541em;">Religion</a> <a href="#"
title="68 recent posts" style="font-size: 1.6054054054054em;">Thoughts</a> <a
href="#" title="49 recent posts" style="font-size: 1.4641891891892em;">Travel</a>
<a href="#" title="45 recent posts" style="font-size: 1.4344594594595em;">Video</a>
<a href="#" title="51 recent posts" style="font-size:
1.4790540540541em;">Health</a> <a href="#" title="43 recent posts" style="font-
size: 1.4195945945946em;">Media</a> <a href="#" title="53 recent posts"
style="font-size: 1.4939189189189em;">Technology</a> <a href="#" title="46 recent
posts" style="font-size: 1.4418918918919em;">Writing</a></div>
</div>
</div>
</div>
<div id="footer">
<p id="copy">©2007 Neoneon<br />
Designed by <a href="#">Free CSS Templates</a></p>
<p id="feed"><a href="#" id="rss">RSS Feed</a></p>
</div>
</body>
</html>
<!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>Neonix</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Neonix</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">Home</a></li>
<li><a href="#">My Photos</a></li>
<li><a href="#">My Favorites</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="colOne">
<div class="post">
<h2 class="title">Welcome to Neonix!</h2>
<h3 class="posted">Posted on January 1th, 2007 by Author</h3>
<div class="story">
<p><em><strong>Neonix</strong></em> is a free template from <strong>Free
CSS Templates</strong> released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. The photos are from PDPhoto.org. You're free to use it for both
commercial or personal use. I only ask that you link back to my site in some way.
Enjoy :)</p>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
<div class="post">
<h2 class="title">Sample Tags</h2>
<h3 class="posted">Posted on January 1st, 2007 by Author</h3>
<div class="story">
<p>An unordered list:</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
</ul>
<p>An ordered list:</p>
<ol>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ol>
<p>A blockquote:</p>
<blockquote>
<p>“Sed eu diam. Vivamus nonummy elit et odio. Fusce risus quam,
scelerisque sed, pharetra ut, pharetra id, ante. Etiam posuere, elit a blandit
varius, velit sem tincidunt elit, et pulvinar pede ligula a sapien. Donec
fermentum condimentum nisi. Proin iaculis mauris id lorem viverra molestie. Duis
vel orci. Nam consequat. Morbi nec lacus. Fusce egestas sagittis enim.”</p>
</blockquote>
</div>
<div class="meta">
<p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#"
class="comment">1 Comment »</a></p>
</div>
</div>
</div>
<div id="colTwo">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">December 2006</a></li>
<li><a href="#">November 2006</a></li>
<li><a href="#">October 2006</a></li>
<li><a href="#">September 2006</a></li>
<li><a href="#">August 2006</a></li>
<li><a href="#">July 2006</a></li>
<li><a href="#">June 2006</a></li>
<li><a href="#">May 2006</a></li>
<li><a href="#">April 2006</a></li>
<li><a href="#">March 2006</a></li>
<li><a href="#">February 2006</a></li>
<li><a href="#">January 2006</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Quisque vestibulum</a> (23)</li>
<li><a href="#">Sed a nisl a lacus</a> (78)</li>
<li><a href="#">Quisque sagittis</a> (11)</li>
<li><a href="#">Etiam volutpat</a> (34)</li>
<li><a href="#">In aliquet hendrerit</a> (65)</li>
<li><a href="#">Suspendisse iaculis</a> (35)</li>
<li><a href="#">Nam vel risus at</a> (22)</li>
<li><a href="#">Praesent sit amet</a> (54)</li>
</ul>
</li>
</ul>
<div style="clear: both;"> </div>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Neonix. Designed by <a
href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
</div>
</body>
</html>
<!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>Neuphoric</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body id="altbody">
<div id="wrapper-header">
<div id="header">
<h1>website.name.here.</h1>
</div>
</div>
<div id="wrapper-menu">
<div id="menu">
<ul>
<li><a href="#">home</a></li>
<li><a href="index2.html">alternative</a></li>
<li><a href="index3.html">wider</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>
</div>
</div>
<div id="content"> <strong>This template is a modified version of
tristar’s</strong>
<h2>changes.</h2>
<ul>
<li>Page hyperlinks are a bit easier to notice</li>
<li>Made the green menu slightly darker so that the white links are easier to
see</li>
<li>Fluid design</li>
<li>Code redone (not that I am saying mine is better, I just like coding my own
way.)</li>
<li>Gradients resize with font</li>
<li>More user friendly</li>
<li>Different banner to accomodate for the fluid layout (original wasn't wide
enough)</li>
</ul>
<p>To view the source of this banner, see picture 485493 at sxc.hu</p>
<p>If anyone can give me links etc on how to improve accesability, I would be
very happy to read them. Please use the
email option on my OWD user page.</p>
<h2>design.notes</h2>
<ul>
<li>800x600 and up (Can stretch to 2000px wide without the banner running
out)</li>
<li>valid xhtml/css</li>
<li>looks great! (not open to subjective dispute)</li>
<li>Tested and ok in IE5.5, IE6, Firefox 1.51, Opera 8.53 (although IE5.5 has a
small bug, but it still looks fine)</li>
</ul>
<p>I have heard a few people complaining about the lack of fluid designs. With
the increase
of larger screens and higher resolutions, some people are getting sick of
looking at a small thing
in the middle of the screen</p>
<p>A problem with fluid designs is that once the content stretches wide, the line
lengths become
rather long, and are harder to read. Hopefully because the content on this is
75% wide, the line lengths
do not become too wide.</p>
<h2>header.one.</h2>
<p>this site has been created for personal use only - please do not sell on this
template it has been created by tri-star
web design free of charge.</p>
<p><strong>please note:</strong> as this is a free template the only thing i ask
in return
is you leave the bottom link to tri-star
web design as it is, anything else you can chop and change to your hearts
content. thank you for downloading this template, i hope it comes in handy.</p>
<h2>header.two.</h2>
<p>tri-star web design is devoted to helping you/your company maximise its
potential through the internet. are you after web presence at an affordable
price? is your current website not generating the interest you think it
deserves? tri-star web design can design or help in the development of a new
website, giving potential customers a true impression of your business. as i am
a freelance web designer i can focus my full attention on each customer to
giving that personal touch that i believe is so important.</p>
<h2>header.three.</h2>
<p>i work with clients in the derby (derbyshire), nottingham (nottinghamshire),
leicester (leicestershire) and throughout the united kingdom. if you are from
outside the uk please feel free to get in touch for a quote as i am more than
happy to expand my services beyond the uk.for a one-off fee with no hidden
charges, i can design you a website to your exact specifications. just tell me
what you want to say to your customers, send any pictures you would like to
show
them, and i will turn this basic information into a sleek professional yet
effective website.</p>
<p>i don't only deal with businesses, maybe your after a website for a hobby?
or
a family website? whatever it is you are after i can help you.</p>
</div>
<div id="footer"> original design by <a
href="http://www.tristarwebdesign.co.uk">tri-star web design</a> </div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Neutral Green</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="images/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="TOPBORDER"></div>
<div id="TOPNAV">
<div>
<p><a class="Home" href="#">Home</a> <a class="Contact" href="#">Contact Us</a>
<a class="Map" href="#">Map</a></p>
</div>
</div>
<div id="HEADER">
<h1>Your Company <a href="#">Your Company</a></h1>
<h2>Beauty without grace is the hook without the bait.</h2>
</div>
<div id="NAV">
<div class="Wrapper">
<ul>
<li><a class="Active" href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Customer Care</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
</div>
<div id="CONTENT">
<div class="Wrapper">
<!-- LEFT SIDE -->
<div id="SIDE">
<h2 class="Top">Welcome</h2>
<p class="Aligned"><b>Lorem ipsum dolor?</b><br />
Uniskisli et castrum de Insula, in hoc autem capti Eustatius Poer,
Gulielmus Graunt, et D. Jnantem rediit. Multas injurias tam in ecclesiasticos quam
laicos fecit.</p>
<p class="Aligned">Uniskisli et castrum de Insula, in hoc autem capti
Eustatius Poer, Gulielmus Graunt, et D. Jnantem rediit. Multas injurias tam in
ecclesiasticos quam laicos fecit.</p>
<p class="Aligned"><b>Nullam non justo?</b><br />
Uniskisli et castrum de Insula, in hoc autem capti Eustatius Poer,
Gulielmus Graunt, et D. Jnantem rediit. Multas injurias tam in ecclesiasticos quam
laicos fecit.</p>
</div>
<!-- MAIN TEXT BLOCK (CENTER) -->
<div id="TEXT">
<h2>About our company</h2>
<p class="Aligned"><img src="images/photo.jpg" alt="" width="202"
height="123" class="Left" />Lorem ipsum dolor sit amet, consectetuer adipiscing <a
href="#">elit</a>. Nunc rhoncus, eros nec dictum adipiscing, mauris orci ornare
pede, a dictum neque lacus sed ligula. Pellentesque mollis arcu quis lorem. Sed
vitae quam et mauris euismod aliquam. Pellentesque quis nisl a ante iaculis
volutpat. Duis varius sem at nisi. Etiam mattis scelerisque erat. Maecenas lacus
sapien, elementum non, semper id, gravida vel, risus. Suspendisse mi risus, iaculis
in, bibendum quis, pulvinar eget, velit. Fusce neque libero, vestibulum a,
fermentum vel, rutrum sit amet, mauris. Ut ac dui. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Suspendisse interdum nisi congue ligula. </p>
<p class="Aligned">Nam dignissim ligula vel sapien. Curabitur viverra lacus
sagittis sem. Donec pretium pretium sapien. Aenean dapibus, augue quis pulvinar
iaculis, velit libero rhoncus dui, a adipiscing elit libero at elit. Donec
facilisis mauris quis dui. Donec et justo. Praesent ornare vestibulum quam. Sed
ultricies pellentesque mi. Etiam odio. Aenean justo. Fusce quis massa ac risus
sodales ultricies. Duis eget eros sed ante placerat dignissim. </p>
<h2>Solutions</h2>
<p class="Aligned">Lorem ipsum dolor sit amet, consectetuer adipiscing <a
href="#">elit</a>. Nunc rhoncus, eros nec dictum adipiscing, mauris orci ornare
pede, a dictum neque lacus sed ligula. Pellentesque mollis arcu quis lorem. Sed
vitae quam et mauris euismod aliquam. Pellentesque quis nisl a ante iaculis
volutpat. Duis varius sem at nisi. Etiam mattis scelerisque erat. Maecenas lacus
sapien, elementum non, semper id, gravida vel, risus. Suspendisse mi risus, iaculis
in, bibendum quis, pulvinar eget, velit. Fusce neque libero, vestibulum a,
fermentum vel, rutrum sit amet, mauris. Ut ac dui. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Suspendisse interdum nisi congue ligula. </p>
<p class="Aligned">Nam dignissim ligula vel sapien. Curabitur viverra lacus
sagittis sem. Donec pretium pretium sapien. Aenean dapibus, augue quis pulvinar
iaculis, velit libero rhoncus dui, a adipiscing elit libero at elit. Donec
facilisis mauris quis dui. Donec et justo. Praesent ornare vestibulum quam. Sed
ultricies pellentesque mi. Etiam odio. Aenean justo. Fusce quis massa ac risus
sodales ultricies. Duis eget eros sed ante placerat dignissim. </p>
</div>
<!-- END CENTER BLOCK -->
</div>
</div>
<div id="FOOTER">
<div class="Line"><span></span></div>
<p> <a href="#">FAQ</a> · <a href="#">Terms & Conditions</a>
·<a href="#">Home</a> · <a href="#">Contact Us</a> <span
class="Side">Designed by <a
href="http://www.gettemplate.com">GetTemplate.com</a></span></p>
<p>© 2007, Company Name. All rights reserved. </p>
</div>
<div id="BOTTOMBORDER"></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>New Year</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header"> <span id="logo">New<span>Year</span></span>
<h1>Happy New year to you!</h1>
</div>
<div class="spacer"> </div>
<div id="left">
<ul class="categories">
<li class="menuhead">Categories</li>
<li><a href="#">Home</a></li>
<li><a href="#">Tomorrow</a></li>
<li><a href="#">Hope</a></li>
<li><a href="#">Memories</a></li>
<li><a href="#">Dreams</a></li>
<li><a href="#">Aspirations</a></li>
<li><a href="#">Desire</a></li>
<li><a href="#">Love</a></li>
<li><a href="#">Innocense</a></li>
</ul>
<ul class="posts">
<li class="menuhead">New year Resolutions</li>
<li><a href="#">Tomorrow</a></li>
<li><a href="#">Hope</a></li>
<li><a href="#">Memories</a></li>
<li><a href="#">Dreams</a></li>
<li><a href="#">Aspirations</a></li>
<li><a href="#">Desire</a></li>
<li><a href="#">Love</a></li>
<li><a href="#">Innocense</a></li>
</ul>
</div>
<div id="right">
<h1>Did I wish you happy new year ?</h1>
<span class="date">I was quiet busy... Sorry I forgot</span>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque
aliquam tempus sapien. Sed vel nisi. In hac habitasse platea dictumst. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Nulla molestie. Etiam quam tellus, mattis eget, mattis quis, posuere
at, elit. Fusce interdum molestie nisi. Praesent suscipit sem a nibh. Quisque
vestibulum erat ut purus. Donec sodales sapien nec nulla. Nam adipiscing sapien
vitae risus. Aliquam id lorem eget risus pharetra aliquet. Sed nec sem id arcu
sagittis tincidunt. Nullam eget nibh id nisl sollicitudin adipiscing. Nullam eu
ante. Phasellus risus est, feugiat sed, scelerisque ac, gravida eu, sem. In
sapien pede, molestie eu, rutrum ut, pharetra ut, pede. Aenean nulla massa, congue
malesuada, auctor sed, dictum sed, nisi. Integer ut enim. </p>
<blockquote>
<p>Duis sagittis euismod turpis. Vivamus egestas pede non urna. In dapibus
lorem scelerisque dui. Pellentesque vehicula laoreet dui. Quisque ac risus. Donec
sodales, sapien in egestas semper, erat dolor ullamcorper urna, eget gravida quam
urna sed dui. In dolor magna, sagittis placerat, elementum id, elementum sed,
eros. Sed placerat, enim facilisis cursus adipiscing, felis libero congue orci, at
pulvinar enim diam a diam. Phasellus ultricies. Curabitur ornare iaculis purus.
Nam lacus risus, iaculis vel, tristique et, ultrices id, mauris. Aliquam erat
volutpat. </p>
</blockquote>
<p>Pellentesque facilisis vehicula tortor. Sed pretium faucibus augue. Nullam
eu erat id mi elementum eleifend. Curabitur adipiscing mauris sit amet mauris.
Cras pharetra elit eu enim. Mauris pharetra fermentum nunc. Donec porttitor.
Suspendisse sit amet felis. Maecenas sodales pellentesque orci. Nullam eu tortor
eget mauris sodales fermentum. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Nam viverra tellus eu sem. Pellentesque
porta justo sit amet sapien. Phasellus euismod erat. </p>
<p> </p>
</div>
<div class="spacer"></div>
<div id="footer"> © Put your Copyright text here<br />
Designed by <a href="http://ramblingsoul.com">Rambling Soul </a></div>
</div>
</body>
</html>
<!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>Newfangled</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Newfangled</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#">Homepage</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<div class="title">
<h2>Client Account</h2>
</div>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<!-- end #login -->
<div id="updates" class="boxed">
<div class="title">
<h2>Recent Updates</h2>
</div>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas ligula…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at
urna congue rutrum. Nulla enim eros…</a></p>
</li>
</ul>
</div>
</div>
<!-- end #updates -->
</div>
<!-- end #sidebar -->
<div id="main">
<div id="welcome" class="post">
<h2 class="title"><span>Welcome to Newfangled!</span></h2>
<h3 class="date"><span class="month">Mar.</span> <span
class="day">8</span><span class="year">, 2007</span></h3>
<div class="story"><img src="images/img09.jpg" alt="" width="120"
height="120" class="left" />
<p><strong>Newfangled</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a
href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<!-- end #welcome -->
<div id="example" class="post">
<h2 class="title"><span>Examples of Common Tags</span></h2>
<h3 class="date"><span class="month">Feb.</span> <span
class="day">24</span><span class="year">, 2007</span></h3>
<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer
nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse
dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered
list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a
href="#">Permalink</a></p>
</div>
</div>
<!-- end #example -->
</div>
<!-- end #main -->
<div id="sidebar2">
<div id="sponsors" class="boxed">
<div class="title">
<h2>Sponsors</h2>
</div>
<div class="content">
<ul>
<li><a href="#">In posuere eleifend</a></li>
<li><a href="#">Quisque dictum </a></li>
<li><a href="#">Donec leo, vivamus </a></li>
<li><a href="#">Nam pede erat porta </a></li>
<li><a href="#">Vivamus fermentum </a></li>
</ul>
</div>
</div>
<!-- end #sponsors -->
<div id="ad120x600"><a href="#"><img src="images/ad_120x600.jpg" alt=""
width="120" height="600" /></a></div>
</div>
<div style="clear: both;"> </div>
</div>
<!-- end #sidebar2 -->
<!-- end #content -->
<div id="footer">
<p id="legal">Copyright © 2007 Newfangled. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: News Magazine
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>News Magazine</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<!-- Homepage Specific -->
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.easing.1.3.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.timers.1.2.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.galleryview.2.1.1.min.js"></script>
<script type="text/javascript"
src="layout/scripts/galleryviewthemes/jquery.galleryview.setup.js"></script>
<!-- / Homepage Specific -->
</head>
<body id="top">
<div class="wrapper col0">
<div id="topline">
<p>Tel: xxxxx xxxxxxxxxx | Mail: [email protected]</p>
<ul>
<li><a href="#">Libero</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mauris</a></li>
<li class="last"><a href="#">Suspendisse</a></li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="header">
<div class="fl_left">
<h1><a href="index.html"><strong>N</strong>ews
<strong>M</strong>agazine</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div class="container">
<div class="content">
<div id="featured_slide">
<ul id="featurednews">
<li><img src="images/demo/1.gif" alt="" />
<div class="panel-overlay">
<h2>Nullamlacus dui ipsum</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper
convallis nunc laoreet.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/2.gif" alt="" />
<div class="panel-overlay">
<h2>Aliquatjusto quisque nam</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper
convallis nunc laoreet.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/3.gif" alt="" />
<div class="panel-overlay">
<h2>Dapiensociis temper donec</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper
convallis nunc laoreet.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/4.gif" alt="" />
<div class="panel-overlay">
<h2>Semvelit nonummy odio tempus</h2>
<p>Justolacus eger at pede felit in dictum sempus elit curabitur
ipsum. Ametpellentum.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/5.gif" alt="" />
<div class="panel-overlay">
<h2>Pedefamet orci orci quisque</h2>
<p>Nonnam aenenasce morbi liberos malesuada risus id donec volutpat
estibulum curabitae.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
</ul>
</div>
</div>
<div class="column">
<ul class="latestnews">
<li><img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices
quis curabitur phasellentesque.</p>
</li>
<li><img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices
quis curabitur phasellentesque.</p>
</li>
<li class="last"><img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices
quis curabitur phasellentesque.</p>
</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="adblock">
<div class="fl_left"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
<div id="hpage_cats">
<div class="fl_left">
<h2><a href="#">Environment »</a></h2>
<img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>. For more CSS templates visit
<a href="http://www.os-templates.com/">Free Website Templates</a>. Condimentumfelis
et amet tellent quisquet a leo lacus nec augue accumsan sagittislaorem dolor sum at
urna.</p>
</div>
<div class="fl_right">
<h2><a href="#">Technology »</a></h2>
<img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer.</p>
</div>
<br class="clear" />
<div class="fl_left">
<h2><a href="#">Entertainment »</a></h2>
<img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue accumsan
sagittislaorem dolor sum at urna.</p>
</div>
<div class="fl_right">
<h2><a href="#">Politics »</a></h2>
<img src="images/demo/100x100.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong></p>
<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus
semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula
vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue accumsan
sagittislaorem dolor sum at urna.</p>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div class="container">
<div class="content">
<div id="hpage_latest">
<h2>Feugiatrutrum rhoncus semper</h2>
<ul>
<li><img src="images/demo/190x130.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li><img src="images/demo/190x130.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last"><img src="images/demo/190x130.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div class="column">
<div class="holder"><a href="#"><img src="images/demo/300x250.gif" alt=""
/></a></div>
<div class="holder"><a href="#"><img src="images/demo/300x80.gif" alt=""
/></a></div>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="footer">
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<div class="footbox last">
<h2>Lacus interdum</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li class="last"><a href="#">Praesent et eros</a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper">
<div id="socialise">
<ul>
<li><a href="#"><img src="layout/images/facebook.gif" alt=""
/><span>Facebook</span></a></li>
<li><a href="#"><img src="layout/images/rss.gif" alt=""
/><span>FeedBurner</span></a></li>
<li class="last"><a href="#"><img src="layout/images/twitter.gif" alt=""
/><span>Twitter</span></a></li>
</ul>
<div id="newsletter">
<h2>NewsLetter Sign Up !</h2>
<p>Please enter your Email and Name to join.</p>
<form action="#" method="post">
<fieldset>
<legend>Digital Newsletter</legend>
<div class="fl_left">
<input type="text" value="Enter name here…"
onfocus="this.value=(this.value=='Enter name here…')? '' : this.value ;" />
<input type="text" value="Enter email address…"
onfocus="this.value=(this.value=='Enter email address…')? '' : this.value ;"
/>
</div>
<div class="fl_right">
<input type="submit" name="newsletter_go" id="newsletter_go"
value="»" />
</div>
</fieldset>
</form>
<p>To unsubsribe please <a href="#">click here »</a>.</p>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col8">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Template Name: Newserific
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Newserific</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
</head>
<body id="top">
<div class="wrapper col1">
<div id="header">
<div class="fl_left">
<h1><a href="index.html">Newserific</a></h1>
<p>Free Website Template</p>
</div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt=""
/></a></div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="pages/style-demo.html">Style Demo</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…"
onfocus="this.value=(this.value=='Search Our Website…')? '' :
this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col4">
<div id="container">
<div id="content">
<div id="featured_post"><img src="images/demo/620x270.gif" alt="" />
<p>This is a W3C standards compliant free website template from <a
href="http://www.os-templates.com/">OS Templates</a>.</p>
<p>This template is distributed using a <a href="http://www.os-
templates.com/template-terms">Website Template Licence</a>, which allows you to use
and modify the template for both personal and commercial use when you keep the
provided credit links in the footer. For more CSS templates visit <a
href="http://www.os-templates.com/">Free Website Templates</a>.</p>
</div>
<div id="hpage_latest">
<ul>
<li><img src="images/demo/190x80.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li><img src="images/demo/190x80.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
<li class="last"><img src="images/demo/190x80.gif" alt="" />
<p>Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a
sdapibulum orna.</p>
<p>Urnau ltrices quis curabitur pha sellent esque congue magnisve stib
ulum quismodo nulla et.</p>
<p class="readmore"><a href="#">Continue Reading »</a></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<div id="column">
<ul id="latestnews">
<li><img src="images/demo/80x80.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque lobor ttis non euis que morbi penas dapi bulum orna. Urnaul
trices quis curabitur.</p>
</li>
<li><img src="images/demo/80x80.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque lobor ttis non euis que morbi penas dapi bulum orna. Urnaul
trices quis curabitur.</p>
</li>
<li><img src="images/demo/80x80.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque lobor ttis non euis que morbi penas dapi bulum orna. Urnaul
trices quis curabitur.</p>
</li>
<li><img src="images/demo/80x80.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque lobor ttis non euis que morbi penas dapi bulum orna. Urnaul
trices quis curabitur.</p>
</li>
<li class="last"><img src="images/demo/80x80.gif" alt="" />
<p><strong><a href="#">Indonectetus facilis leo.</a></strong> Nullamlacus
dui ipsum cons eque lobor ttis non euis que morbi penas dapi bulum orna. Urnaul
trices quis curabitur.</p>
</li>
</ul>
</div>
<br class="clear" />
</div>
<br class="clear" />
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col5">
<div class="gallery">
<h2>Latest Gallery Pics</h2>
<ul>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/174x174.gif" alt=""
/></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/174x174.gif" alt="" /></a></li>
<li class="last"><a href="#"><img src="images/demo/174x174.gif" alt=""
/></a></li>
</ul>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col6">
<div id="footer">
<div class="footbox twitter">
<h2>Latest From Twitter</h2>
<ul>
<li><a href="#">@TwitterName</a> nibhpede faucibulum ris phasellentum elit
sed hend quisque. 1 day ago</li>
<li><a href="#">@TwitterName</a> tellentumst monterdum augue curabitae elit
felit, elitligula adipiscingilla. 1 day ago</li>
<li><a href="#">@TwitterName</a> libero praesentum sed? 1 day ago</li>
<li><a href="#">@TwitterName</a> condimentesque nec facilis pretium
tellenterdum. Vivamusid elit curabitur augue. 1 day ago</li>
<li><a href="#">@TwitterName</a> ligula sed ipsum in tellentesque donec ac.
1 day ago</li>
</ul>
</div>
<div class="footbox flickr">
<h2>Latest From Flickr</h2>
<ul>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></li>
</ul>
<br class="clear" />
</div>
<div class="footbox posts">
<h2>Latest Blog Posts</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Praesent et eros</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Suspendisse in neque</a></li>
<li><a href="#">Phasellus tempor vestibulum</a></li>
<li><a href="#">Vestibulum quis augu mauris</a></li>
<li class="last"><a href="#">Suspendisse in neque</a></li>
</ul>
</div>
<div class="footbox banners last">
<h2>Advertise Here</h2>
<ul>
<li><a href="#"><img src="images/demo/200x150.gif" alt="" /></a></li>
<li><a href="#"><img src="images/demo/200x150.gif" alt="" /></a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!--
###################################################################################
#################### -->
<div class="wrapper col7">
<div id="copyright">
<p class="fl_left">Copyright © 2014 - All Rights Reserved - <a
href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-
templates.com/" title="Free Website Templates">OS Templates</a></p>
<br class="clear" />
</div>
</div>
</body>
</html><!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>
<title>NewsPortal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="page_wrapper">
<div id="header_wrapper">
<div id="header">
<h1>News<font color="#FFDF8C">Portal</font></h1>
<h2>Liquid 3-Column CSS Template</h2>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
<div id="left_side">
<h3>Left Side</h3>
<p> Lorem ipsum summo <a href="#">nominavi</a> pri et. Stet <a
href="#">eruditi</a> perfecto at sed, ad enim constituto
deseruisse quo, mea no quem eros munere. Ad splendide
quaerendum per, ea minimum officiis oportere vel, an has
perpetua percipitur. <a href="#">Consequat</a> contentiones
his te, id noster menandri his. Per partem perfecto eu, est
soluta accusata ex. </p>
<h3>Left Side</h3>
<div class='featurebox_side'> Lorem ipsum summo nominavi pri et. Stet eruditi
perfecto at
sed, ad enim <a href="#">constituto</a> deseruisse quo, mea
no quem eros munere. </div>
<p> Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed,
ad enim constituto deseruisse quo, mea no quem eros munere. Ad
splendide quaerendum per, <a href="#">ea minimum officiis</a> oportere vel,
an has perpetua percipitur. Consequat contentiones
his te, id <a href="#">noster menandri</a> his. Per partem perfecto
eu, est soluta accusata ex. </p>
<div class='featurebox_side'> Lorem <a href="#">ipsum summo</a> nominavi pri
et. Stet eruditi
perfecto at sed, ad enim constituto deseruisse quo, mea no quem
eros munere. </div>
</div>
<div id="right_side">
<h3>Right Side</h3>
<p> <a href="#">Lorem ipsum summo</a> nominavi pri et. Stet eruditi
perfecto at sed, ad enim constituto deseruisse quo, mea no quem
eros munere. </p>
<div class='featurebox_side'> Lorem ipsum summo nominavi pri et. Stet eruditi
perfecto at sed,
ad enim constituto deseruisse quo, mea no quem eros munere. </div>
<h4>Sub Title</h4>
<p> Ad splendide <a href="#">quaerendum</a> per, ea minimum officiis
oportere vel, an has perpetua percipitur. Consequat contentiones
his te, id <a href="#">noster</a> menandri his. Per partem perfecto
eu, est soluta accusata ex. </p>
<h3>Right Side</h3>
<div class='featurebox_side'> <a href="#">Lorem ipsum</a> summo nominavi pri
et. Stet eruditi
perfecto at sed, ad enim constituto deseruisse quo, mea no quem
eros munere. </div>
<p> Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad
enim constituto <a href="#">deseruisse</a> quo, mea no quem eros
munere. Ad splendide quaerendum per, ea minimum officiis oportere vel,
an has perpetua percipitur. Consequat contentiones his te, id noster <a
href="#">menandri</a> his. Per partem perfecto eu, est soluta
accusata ex. </p>
</div>
<div id="content">
<h3>Center Content Title</h3>
<div class='featurebox_center'> Lorem ipsum summo nominavi pri et. Stet eruditi
perfecto at sed, ad
enim <a href="#">constituto deseruisse</a> quo, mea no quem eros munere.
Ad splendide quaerendum per, ea minimum officiis oportere vel, an has <a
href="#">perpetua</a> percipitur. Consequat contentiones his te, id
noster menandri his. Per partem perfecto eu, est soluta accusata ex. </div>
<p> <a href="#">Lorem ipsum summo nominavi</a> pri et. Stet eruditi perfecto
at sed, ad enim constituto deseruisse quo, mea no quem eros munere. Ad
splendide quaerendum per, ea minimum officiis <a href="#">oportere</a> vel,
an has perpetua percipitur. Consequat contentiones his te, id noster
menandri his. Per partem perfecto eu, est soluta accusata ex. </p>
<h4>Sub Title</h4>
<p> Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad
enim constituto deseruisse quo, mea no quem eros munere. Ad splendide
quaerendum per, ea minimum officiis oportere vel, an has perpetua percipitur.
Consequat contentiones his te, id noster menandri his. Per partem perfecto
eu,
est soluta accusata ex. </p>
<p> Lorem ipsum summo <a href="#">nominavi</a> pri et. Stet eruditi perfecto at
sed, ad enim constituto deseruisse quo, mea no quem eros munere. Ad
splendide quaerendum per, ea minimum officiis oportere vel, an has
perpetua percipitur. Consequat <a href="#">contentiones</a> his te, id
noster menandri his. Per partem perfecto eu, est soluta accusata ex. </p>
<h3>Center Content Title</h3>
<p> Consequat contentiones his te, id noster menandri his. Per partem perfecto
eu, est soluta accusata ex. Lorem ipsum summo nominavi pri et. Stet eruditi
perfecto at sed, ad enim constituto deseruisse quo, mea no quem eros munere.
Ad splendide quaerendum per, ea minimum <a href="#">officiis</a> oportere
vel, an has perpetua percipitur. Consequat contentiones his te, id noster
menandri his. Per partem perfecto eu, est soluta accusata ex. </p>
<p> Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad enim
constituto deseruisse quo, mea no quem eros munere. Ad splendide quaerendum
per, ea <a href="#">minimum officiis</a> oportere vel, an has perpetua
percipitur. Consequat contentiones his te, id noster menandri his. Per partem
perfecto eu, est soluta accusata ex. Lorem ipsum summo nominavi pri et. Stet
eruditi perfecto at sed, ad enim constituto <a href="#">deseruisse</a> quo,
mea no quem eros munere. Ad splendide quaerendum per, ea minimum officiis
oportere vel, an has perpetua percipitur. Consequat contentiones his te,
id <a href="#">noster menandri</a> his. Per partem perfecto eu, est soluta
accusata ex. </p>
</div>
<div id="footer"> <a href="#">Link One</a> | <a href="#">Link Two</a> | <a
href="#">Link Three</a> | <a href="#">Link Four</a> | <a href="#">Link Five</a> <br
/>
Template provided by: <a
href="http://www.designsbydarren.com">DesignsByDarren.com</a> </div>
</div>
</body>
</html>
<!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>AtomoHost</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="topmenu">
<ul>
<li><a href="#" id="topmenu1" accesskey="1">Home</a></li>
<li><a href="#" id="topmenu2" accesskey="2">Contact</a></li>
<li><a href="#" id="topmenu3" accesskey="3">Sitemap</a></li>
</ul>
</div>
<div id="logo">
<h1><a href="#">AtomoHost</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div id="content">
<div id="main">
<div id="welcome">
<h2>Welcome to AtomoHost!</h2>
<p><strong>AtomoHost</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ul>
</div>
<div id="example">
<h2>A Few Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote. In posuere
eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque
viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl
risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum
porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list. In
posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Viverra
vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
</div>
<div id="sidebar">
<div id="login" class="boxed">
<h2 class="title">Client Account</h2>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>
<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign
In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>
</div>
<div id="updates" class="boxed">
<h2 class="title">Recent Updates</h2>
<div class="content">
<ul>
<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis
wisi maecenas…</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh…</a></p>
</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum…</a></p>
</li>
<li>
<h3>February 25, 2007</h3>
<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et,
tellus. Etiam nequea…</a></p>
</li>
</ul>
</div>
</div>
<div id="partners" class="boxed">
<h2 class="title">Partners</h2>
<div class="content">
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<p id="legal">Copyright © 2007 AtomoHost. All Rights Reserved. Designed by
<a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Home</a> | <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
<!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>
<title>Nice Paper</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header1">
<div class="nav-bg-outer">
<div class="nav-bg">
<div class="nav-bg-inner"><a href="#" class="nav">Home</a> | <a href="#"
class="nav">About</a> | <a href="#" class="nav">Services</a> | <a href="#"
class="nav">Contact</a></div>
</div>
</div>
</div>
<div class="header2">
<h1>NICE PAPER</h1>
<div style="margin-top:-5px;">Place your slogan here.</div>
</div>
<div class="main_holder">
<div class="left_column"><img src="images/sample1.jpg" alt="" width="361"
height="204" class="img-main" />
<h2>This is a h2 title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris mauris dui,
luctus a, cursus sit amet, mollis et, justo. Sed molestie vehicula sem.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. </p>
<p>Aliquam porta porta ligula. Quisque ac urna. Phasellus et pede vitae purus
consequat placerat. Mauris mi ipsum, pretium vel, semper vitae, placerat nec,
lectus. Donec quis turpis. Aenean aliquet porttitor eros. Donec ullamcorper
eleifend dolor. Nam nonummy, lacus eu pretium feugiat, mi lectus feugiat felis,
facilisis lacinia eros quam sed tellus. Sed tincidunt lacinia mauris. </p>
<p>Integer facilisis turpis vel justo. Fusce velit. Nunc eget turpis. Nullam
tincidunt commodo elit. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus.</p>
</div>
<div class="mid_column">
<h3>Nice Paper News H3</h3>
<p>Aliquam porta porta ligula. Quisque ac urna. Phasellus et pede vitae purus
consequat placerat. Mauris mi ipsum, pretium vel, semper vitae, placerat nec,
lectus. Donec quis turpis.<br />
<br />
<a href="#">- Learn More</a><br />
<br />
</p>
<h3>Nice Paper News H3</h3>
<p>Aenean aliquet porttitor eros. Donec ullamcorper eleifend dolor. Nam
nonummy, lacus eu pretium feugiat, mi lectus feugiat felis, facilisis lacinia eros
quam sed tellus. <br />
<br />
<a href="#">- Learn More</a><br />
<br />
</p>
<h3>Nice Paper News H3</h3>
<p>Sed tincidunt lacinia mauris.
Integer facilisis turpis vel justo. Fusce velit. Nunc eget turpis. Nullam
tincidunt commodo elit. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus.<br />
<br />
<a href="#">- Learn More</a><br />
<br />
</p>
</div>
<div class="right_column">
<h3>sub content H3</h3>
<br />
<img src="images/sample2.jpg" alt="sample 2" class="img-main" /> <br />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris mauris
dui, luctus a, cursus sit amet, mollis et, justo. Sed molestie vehicula sem.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas.<br />
<br />
<a href="#">- Learn More</a><br />
</p>
<p>Aliquam porta porta ligula. Quisque ac urna. Phasellus et pede vitae purus
consequat placerat. Mauris mi ipsum, pretium vel, semper vitae, placerat nec,
lectus. Donec quis turpis. Aenean aliquet porttitor eros. Donec ullamcorper
eleifend dolor. Nam nonummy, lacus eu pretium feugiat, mi lectus feugiat felis,
facilisis lacinia eros quam sed tellus. Sed tincidunt lacinia mauris.<br />
<br />
<a href="#">- Learn More</a></p>
</div>
<br clear="all" />
</div>
<div class="footer">© 2006 Your Name. All rights reserved. Disigned by:
<!-- PLEASE DON'T REMOVE THE LINK -->
<a href="http://www.allartdirectory.com/">All Art Directory</a>
<!-- THANKS AGAIN! -->
</div>
</body>
</html>
<!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>Night City business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="images/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="HEADER">
<h1> <a href="#">Company Name</a></h1>
<p class="NextPage"> <a href="#">></a></p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
<!-- header -->
<div id="PATH">
<p><a href="#">Home</a> <span class="Arrow">»</span> About Company</p>
</div>
<!-- PATH -->
<div id="SIDEBAR">
<h1>RECENT NEWS</h1>
<p class="Date">April 31, 2006</p>
<p>Curabitur arcu tellus, suscipit in, aliquam eget, ultricies id, sapien. Nam
est. Donec neque risus, tempor vitae, blandit in, porttitor a, sapien. Fusce
sollicitudin quam ac neque.</p>
<p class="More"> <a href="#">Read More</a></p>
<p class="Date">April 31, 2006</p>
<p>Curabitur arcu tellus, suscipit in, aliquam eget, ultricies id, sapien. Nam
est. Donec neque risus, tempor vitae, blandit in, porttitor a, sapien. Fusce
sollicitudin quam ac neque.</p>
<p class="More"> <a href="#">Read More</a></p>
<h1>LINKS</h1>
<p> <a href="#">www.gettemplate.com</a></p>
<p> <a href="#">www.wisepixel.com</a></p>
<p> <a href="#">www.funnyball2.com</a></p>
</div>
<!-- sidebar -->
<div id="CONTENT">
<h1>Text Header</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam auctor
semper libero. Vestibulum at erat eget arcu sagittis adipiscing. Vestibulum odio
nisi, scelerisque et, tempus et, adipiscing vitae, augue. Fusce consectetuer, elit
sit amet viverra ornare, odio eros luctus nisl, vel tempus felis quam et arcu.
Proin id elit. Fusce rutrum mauris sit amet nibh viverra porttitor. Phasellus eu
lorem vitae augue aliquet aliquam. Integer vestibulum viverra tellus. Aliquam est
arcu, ullamcorper nec, molestie vitae, rutrum vitae, ligula. Vivamus vitae augue at
dui consequat tempor.</p>
<p>Ut porttitor aliquam ligula. Quisque ultrices. Proin massa lectus, molestie
sed, porta consequat, ornare ac, leo. Etiam pellentesque, nibh at interdum
interdum, mauris nisl aliquet lorem, at sodales elit dolor id velit. Phasellus
iaculis velit viverra magna. Nullam tincidunt molestie erat. Pellentesque justo. Ut
elementum auctor dolor. Nam sagittis tempor purus. Morbi a sem non mi tempus
feugiat. Integer tempor dolor non tortor. Ut ullamcorper sapien ut quam. Fusce
posuere porttitor felis. Cras volutpat dignissim massa.</p>
<p>Aliquam sit amet augue in dui porttitor consectetuer. Nulla facilisi. Nunc
suscipit, diam et dignissim consequat, sapien ante sodales orci, et lobortis tellus
tortor imperdiet dui. Donec volutpat nonummy dui. In hac habitasse platea dictumst.
Suspendisse potenti. Vestibulum ultrices pharetra ligula. Nulla facilisi. In
accumsan congue turpis. <a href="#">Integer lorem</a>. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Maecenas dui. Etiam sit
amet dolor vitae nunc fermentum blandit. Donec tincidunt. Suspendisse odio diam,
sagittis vitae, consectetuer vel, cursus sed, enim. Phasellus ac lacus. Ut luctus,
sapien ut sagittis cursus, tellus justo aliquam purus, vel consequat massa ligula
sit amet magna.</p>
<h1>Second Header</h1>
<p>In velit. In convallis, libero at suscipit tempus, nunc tortor tempus augue,
in tincidunt urna dui eget purus. Nunc leo sem, pulvinar non, euismod eu,
condimentum sed, massa. Vivamus lorem arcu, consequat nec, ornare id, porttitor
non, felis. Nullam nec dolor. Quisque sed urna. Nam libero. Praesent vel orci non
nulla adipiscing aliquam. Sed enim dolor, hendrerit quis, rutrum sed, tincidunt a,
mi. Donec fermentum metus vel ligula tempor condimentum. Aliquam erat volutpat.
Cras fringilla faucibus erat. Aenean congue.</p>
<p>Curabitur arcu tellus, suscipit in, aliquam eget, ultricies id, sapien. Nam
est. Donec neque risus, tempor vitae, blandit in, porttitor a, sapien. Fusce
sollicitudin quam ac neque. Proin ac nulla id nisi dapibus commodo. Cras nulla
purus, malesuada eu, pretium id, imperdiet vitae, odio. Phasellus congue ultrices
lorem. Quisque sodales. Aliquam erat volutpat. Donec at mauris ut nisl aliquet
convallis. Vivamus quam urna, suscipit at, porttitor sed, cursus quis, lorem.</p>
</div>
<!-- content -->
<div id="FOOTER">
<ul>
<li><a href="#" class="First">Home</a> |</li>
<li><a href="#">Projects</a> |</li>
<li><a href="#">About Us</a> |</li>
<li><a href="#">Contacts</a> |</li>
<li><a href="#">Sitemap</a></li>
</ul>
<p>© 2005, Company Name. All rights reserved.</p>
<p>Designed by <a href="http://www.gettemplate.com/">GetTemplate</a></p>
</div>
<!-- footer -->
</body>
</html>
<!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=iso-8859-1" />
<title>Night club template</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="container">
<div id="menu">
<ul>
<li id="m01"><a href="#">Home</a></li>
<li id="m02"><a href="#">Photos</a></li>
<li id="m03"><a href="#">Parties</a></li>
<li id="m04"><a href="#">Booking</a></li>
<li id="m05"><a href="#">Contact</a></li>
</ul>
</div>
<div id="header">
<div id="logo"> <a href="#"><img src="images/logo.gif" alt="logo" border="0"
/></a> </div>
<div id="dj"></div>
<div id="welcome">
<h2>Welcome</h2>
<img src="images/welcome.gif" alt="photo 1" />
<p>We add new <a href="#">free website templates</a> frequently.</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>
<a class="more" href="#">more</a> </div>
<div class="clear"></div>
</div>
<div id="middle"></div>
<div id="middle2"></div>
<div id="content">
<div id="left">
<h2>News events</h2>
<p>This is just a place holder so you can see how the site would look
like.</p>
<p>The template is designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a> for you for
free you can replace all the text by your own text.</p>
<p>Even more websites all about website templates on <a
href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<p>If you're looking for beautiful and professionally made templates you can
find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
</div>
<div id="right">
<h2>Photos</h2>
<a href="#"><img src="images/photo.jpg" alt="photo 1" /></a> <a href="#"><img
src="images/photo.jpg" alt="photo 2" /></a> <a href="#"><img src="images/photo.jpg"
alt="photo 3" /></a> <a href="#"><img src="images/photo.jpg" alt="photo 4" /></a>
<br />
<br />
<a class="more" href="#">more photos</a> </div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Copyright © Website name all rights reserved. | designed by <a
href="http://www.freewebsitetemplates.com">free website templates</a>
<p>
</div>
</div>
</body>
</html>
<!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>
<title>Night club</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Members</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Parties</a></li>
<li><a href="#">Booking</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="welcome">
<h3>Welcome</h3>
<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 having problems editing the template please don't hesitate to ask
for help on the forum.</p>
<br />
<br />
</div>
<div id="news">
<h3>Latest News</h3>
<div class="newsitem"> <a href="http://www.templatebeauty.com"><img
src="images/photo1.jpg" alt="Photo 1" border="0" /></a> <span>10.11.2006</span>
<p>If you're looking for beautiful and professionally made templates you can
find them at Template Beauty.com.</p>
</div>
<div class="newsitem"> <a href="http://www.justwebtemplates.com"><img
src="images/photo2.jpg" alt="Photo 2" border="0" /></a> <span>10.11.2006</span>
<p>Even more websites all about website templates on Just Web Templates.</p>
</div>
<div class="clear"></div>
</div>
<div id="dj"> <a href="#"><img src="images/bestdjs.jpg" alt="Best DJ's"
border="0" /></a> <a href="#"><img src="images/specialoffer.jpg" alt="special
offer" border="0" /></a>
<div class="clear"></div>
</div>
<div id="footer"> copyright information 2006.All rights reserved. | designed by
<a href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</body>
</html>
<!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>Night Scene</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<h1><a href="#">Night Scene</a></h1>
<h2><a href="#">Free CSS Templates</a></h2>
</div>
<div id="page">
<div id="left">
<h2>Nibh quis urna</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">At sapien ipsum dolorem</a></li>
<li><a href="#">Etiam rhoncus volutpat</a></li>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Sapien integer gravida</a></li>
<li><a href="#">Nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor sit</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
</ul>
<h2>Mauris vulputate</h2>
<ul>
<li><a href="#">Nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor sit</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Praesent scelerisque</a></li>
<li><a href="#">Scelerisque erat</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus</a></li>
<li><a href="#">Quam quis nulla</a></li>
<li><a href="#">Fusce ultrices fringilla</a></li>
<li><a href="#">Praesent mattis</a></li>
<li><a href="#">Condimentum nisl</a></li>
</ul>
</div>
<!-- end #left -->
<div id="center">
<h1>Welcome to the Night Scene!</h1>
<p><strong>Night Scene</strong> is a free template from Free CSS Templates
released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative
Commons Attribution 2.5 License</a>. The photo is from PDPhoto.org. You're free to
use it for both commercial or personal use. I only ask that you link back to my
site in some way. <em>Enjoy :)</em></p>
<h2>Lorem ipsum dolor sit amet</h2>
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus
et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem
semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin
eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at,
ultrices eget, ornare et, wisi. Pellentesque adipiscing purus ac magna.</p>
<h3>Pellentesque habitant</h3>
<p>Morbi tristique senectus et netus et malesuada fames suscipit nulla suscipit
ac turpis egestas:</p>
<ol>
<li>In posuere eleifend odio quisque lorem ipsum dolor semper augue mattis
wisi maecenas ligula. <a href="#">More…</a></li>
<li>Donec leo, vivamus lorem ipsum dolor fermentum nibh in augue praesent a
lacus at urna congue rutrum. <a href="#">More…</a></li>
<li>Quisque dictum lorem ipsum dolor integer nisl risus, sagittis convallis,
rutrum id, congue, and nibh. <a href="#">More…</a></li>
</ol>
<p><br />
</p>
</div>
<!-- end #center -->
<div id="right">
<h2>Lorem Ipsum Dolor</h2>
<ul>
<li><a href="#">Maecenas luctus lectus</a></li>
<li><a href="#">At sapien ipsum dolorem</a></li>
<li><a href="#">Etiam rhoncus volutpat</a></li>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Sapien integer gravida</a></li>
<li><a href="#">Nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor sit</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Donec dictum metus in</a></li>
<li><a href="#">Sapien integer gravida</a></li>
<li><a href="#">Nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit</a></li>
<li><a href="#">Mauris vulputate dolor sit</a></li>
<li><a href="#">Nulla luctus eleifend</a></li>
<li><a href="#">Praesent scelerisque</a></li>
<li><a href="#">Scelerisque erat</a></li>
<li><a href="#">Ut nonummy rutrum sem</a></li>
<li><a href="#">Pellentesque tempus</a></li>
<li><a href="#">Quam quis nulla</a></li>
<li><a href="#">Fusce ultrices fringilla</a></li>
<li><a href="#">Praesent mattis</a></li>
<li><a href="#">Condimentum nisl</a></li>
</ul>
</div>
<!-- end #right -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright (c) 2007 Night Scene • Designed by <a
href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
</body>
</html>
<?xml version="1.0"?>
<!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" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<title>Nixed</title>
</head>
<body>
<div id="wrap">
<div id="header">
<div id="logo">
<h1> Nixed BY <span>DENiAL</span> </h1>
</div>
<div class="nav">
<ul id="tnav">
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>
<div class="important">
<h3> Support Open Design! </h3>
<p> This is an exclusive release for <a href="#">Open Designs</a> I will
release it everywhere else in febuary of 2007. Please support open designs, and
enjoy using this design as much as I enjoyed making it. As always this is released
under GPL, all I ask in return is some sort of link to me, like in the footer. If
you have any questions, or would like to let me know what you used this or any of
my designs for please contact me through my site.</p>
</div>
<div class="update">
<h4> <a href="#">Update Title</a> </h4>
<p> Lorem ipsum dolor sit amet consectetuer dui cursus neque amet Aenean.
Ligula velit
Nulla lacinia a metus ut ipsum convallis elit wisi. Sem tempor nunc et ante
et Sed
vitae laoreet scelerisque id. Nulla In nunc urna felis Nullam consectetuer
ut iaculis
molestie quis. Montes at in id tempus vitae. </p>
<p class="more"> <a href="#">Read More</a> </p>
<h4> <a href="#">Update Title</a> </h4>
<p> Lorem ipsum dolor sit amet consectetuer dui cursus neque amet Aenean.
Ligula velit
Nulla lacinia a metus ut ipsum convallis elit wisi. Sem tempor nunc et ante
et Sed
vitae laoreet scelerisque id. Nulla In nunc urna felis Nullam consectetuer
ut iaculis
molestie quis. Montes at in id tempus vitae. </p>
<p class="more"> <a href="#">Read More</a> </p>
</div>
<div class="switcher">
<ul id="switch">
<li id="active"> <a href="#" id="current" name="current">Style 1</a></li>
<li><a href="#">Style 2</a></li>
<li><a href="#">Style 3</a></li>
<li><a href="#">Style 4</a></li>
</ul>
</div>
<div id="content">
<div class="num1">
<h1> 1 </h1>
</div>
<div class="con1">
<p> Lorem ipsum dolor sit amet consectetuer dui cursus neque amet Aenean.
Ligula velit
Nulla lacinia a metus ut ipsum convallis elit wisi. </p>
</div>
<div class="pic1"></div>
<div class="num2">
<h1> 2 </h1>
</div>
<div class="con2">
<p> Lorem ipsum dolor sit amet consectetuer dui cursus neque amet Aenean.
Ligula velit
Nulla lacinia a metus ut ipsum convallis elit wisi. </p>
</div>
<div class="pic2"></div>
<div class="num3">
<h1> 3 </h1>
</div>
<div class="con3">
<p> Lorem ipsum dolor sit amet consectetuer dui cursus neque amet Aenean.
Ligula velit
Nulla lacinia a metus ut ipsum convallis elit wisi. </p>
</div>
<div class="pic3"></div>
</div>
<div id="conbot">
<div class="botcon">
<h3> SOMETHING AWESOME! </h3>
<p> Lorem ipsum dolor sit amet consectetuer elit nunc pellentesque ipsum
id. Et leo
platea et iaculis lobortis sapien Curabitur elit ipsum sagittis. Velit
Curabitur urna
eu quis vitae malesuada et Sed morbi sollicitudin. Vel lacus id Sed elit
cursus Nam
Vestibulum dui ante risus. Magna quis justo ut Pellentesque id tortor
lorem eget
penatibus Vestibulum. Egestas Suspendisse pretium massa lorem platea In
dolor Aenean
justo Curabitur. Dui at egestas. </p>
</div>
<div class="botrnav">
<ul id="bnav">
<li><a href="#">Home</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>
<div class="search">
<form action="#" method="get">
<input type="text" name="q" value="Search for something" />
</form>
</div>
</div>
<div id="special">
<div class="spec1">
<h3> Special 1 </h3>
</div>
<div class="spec2">
<h3> Special 2 </h3>
</div>
<div class="spec3">
<h3> Special 3 </h3>
</div>
</div>
<div id="footer"> © 2006 <a href="#">Your<span>.site</span></a> DESiGN
By:<a href="#"><span>DENiAL.</span>DESiGN</a> </div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>nonzero1.0</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" title="Red" href="style_red.css" />
<link rel="alternate stylesheet" type="text/css" title="Blue" href="style_blue.css"
/>
<link rel="alternate stylesheet" type="text/css" title="Green"
href="style_green.css" />
<link rel="alternate stylesheet" type="text/css" title="Brown"
href="style_brown.css" />
<link rel="alternate stylesheet" type="text/css" title="Magenta"
href="style_magenta.css" />
<script src="styleswitch.js" type="text/javascript"></script>
</head>
<body>
<div id="header">
<div id="header_inner" class="fixed">
<div id="logo">
<h1><span>Nonzero</span>1.0</h1>
<h2>By NodeThirtyThree Design</h2>
</div>
<div id="menu">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
</div>
<div id="main">
<div id="main_inner" class="fixed">
<div id="primaryContent_3columns">
<div id="columnA_3columns">
<h3>A free design by NodeThirtyThree</h3>
<img src="images/pic.gif" class="floatTL" alt="Something scenic" />
<p> Nonzero<sup>1.0</sup> is a free, lightweight, tableless, fluid/fixed
W3C-valid
website design by NodeThirtyThree Design.
The scenic photo to the left is from PDPhoto.
You're free to dissect, manipulate and use this design to your heart's
content. We only ask
that you link back to our site in some
way. And if you find this design useful, feel free to let us know :) </p>
<p> You can find more of our free work at this site or our site,
or some of our commercial work on 4Templates.com,
a commercial website template site. </p>
<br class="clear" />
<div class="post">
<h3>Specifics about Nonzero1.0</h3>
<ul class="post_info">
<li class="date">Posted by <a href="#">enks</a> on 11.14.2006</li>
<li class="comments"> <a href="#">44 comments</a></li>
</ul>
<p> This design comes in the following low-sodium flavors: <a
href="javascript:chooseStyle('Red');">red</a>, <a
href="javascript:chooseStyle('Green');">green</a>, <a
href="javascript:chooseStyle('Blue');">blue</a>, <a
href="javascript:chooseStyle('Magenta');">magenta</a>, and <a
href="javascript:chooseStyle('Brown');">brown</a>. Click on a color to see it in
action (requires JavaScript). </p>
<p> It also includes several alternate page layouts: <a
href="#">home</a>, <a href="index_2column.html">two column (fixed width)</a>, <a
href="index_columnless.html">columnless (fixed width)</a>, <a
href="index_fluid.html">three column (fluid width)</a>, <a
href="index_fluid_2column.html">two column (fluid width)</a>,
and <a href="index_fluid_columnless.html">columnless (fluid width)</a>.
You can also change the width of the fixed width layouts if needed. See
the <em>style.css</em> file for more thought-provoking details. </p>
<p> And now for a profound quote by the great philosopher, <a
href="#">Lorem Ipsum</a>:
Mauris neque adipiscing lacus, ac hendrerit augue odio in mi. In
ultrices enim. Curabitur a massa sed risus
viverra mollis. Proin dapibus mi porttitor nisi. Donec eget nibh dictum
magna iaculis pharetra.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas at
ligula. Donec tellus. Etiam sem.
Sed quis urna. Duis tempor elit ac nulla. And don't you forget it. </p>
</div>
</div>
</div>
<div id="secondaryContent_3columns">
<div id="columnB_3columns">
<h4><span>Search</span></h4>
<form method="post" action="#">
<div id="search">
<input type="text" class="text" name="keywords" />
<input type="submit" class="button" value="Go" />
<br class="clear" />
</div>
</form>
<h4><span>About</span> Me</h4>
<p><strong>Veroeros sed</strong> varius sollici, arcu. Vivamus et viverra.
tor. Aenean felis. Quisque eros. <a href="#">Lorem ipsum dolor</a>.</p>
<h4><span>Lorem</span> Ipsum</h4>
<ul class="links">
<li class="first"> <a href="#">Fusce dui neque fringilla</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Consequat sed cursus</a></li>
<li><a href="#">Nisi tempus nullam</a></li>
<li><a href="#">Magna sed bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Consequat sed cursus</a></li>
<li><a href="#">Id posuere metus sem</a></li>
<li><a href="#">Eget tempor eget nullam</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Consequat sed cursus</a></li>
</ul>
</div>
<div id="columnC_3columns">
<h4><span>Veroeros</span> Etiam</h4>
<ul class="links">
<li class="first"> <a href="#">Velit molestie</a></li>
<li><a href="#">Consequat cursus</a></li>
<li><a href="#">Tempus nullam</a></li>
<li><a href="#">Magna sed mauris</a></li>
<li><a href="#">Semper molestie</a></li>
</ul>
<h4><span>Blandit</span> Consequat</h4>
<ul class="links">
<li class="first"> <a href="#">Dui neque fringilla</a></li>
<li><a href="#">Metus sed donec</a></li>
<li><a href="#">Semper nisi molestie</a></li>
<li><a href="#">Sed cursus</a></li>
<li><a href="#">Tempus nullam</a></li>
<li><a href="#">Semper nisi molestie</a></li>
<li><a href="#">Sed bibendum mauris</a></li>
</ul>
<h4><span>Cool</span> Stuff</h4>
<ul class="links">
<li class="first"> <a href="#">NodeThirtyThree</a></li>
<li><a href="#">4Templates.com</a></li>
<li><a href="#">WPThemePark</a></li>
<li><a href="#">OpenWebDesign</a></li>
<li><a href="#">Zeroweb.org</a></li>
</ul>
</div>
</div>
<br class="clear" />
</div>
</div>
<div id="footer" class="fixed"> Copyright © 2006 Your Website. All rights
reserved. Design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree
Design</a>. </div>
</body>
</html>
<!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>NothingFanzy</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>nothingfanzy</h1>
<h2>Free CSS Template </h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="columnA">
<h2>Welcome to Sitename.com!</h2>
<p>NOTHINGFANZY is a free template from Free CSS Templates released under a <a
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5
License</a>. You're free to use it for both commercial or personal use. I only ask
that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue
in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat
venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in,
congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius,
volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc
pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus.
Quisque pellentesque semper massa.</p>
<ul>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Vivamus sagittis bibendum erat.</a></li>
<li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="#">Suspendisse quis gravida massa felis.</a></li>
<li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
</ul>
<p>Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et
orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl.
Quisque elementum convallis purus.</p>
</div>
<div id="columnB">
<h2>Recent Updates</h2>
<p><strong>[06/09/2006]</strong> Etiam odio mi, suscipit et, rhoncus ac,
lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More…</a></p>
<p><strong>[06/06/2006]</strong> Fusce mollis tristique sem. Sed eu eros
imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur
malesuada. <a href="#">More…</a></p>
<p><strong>[06/03/2006]</strong> Nunc pellentesque. Sed vestibulum blandit
nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est,
laoreet quis, pellentesque in. <a href="#">More…</a></p>
<h2>Ipsum Dolorem</h2>
<ul>
<li><a href="#">Sagittis Bibendum Erat</a></li>
<li><a href="#">Malesuada Turpis</a></li>
<li><a href="#">Quis Gravida Massa</a></li>
<li><a href="#">Inerat Viverra Ornare</a></li>
</ul>
</div>
</div>
<div id="footer">
<p>Copyright © 2006 Sitename.com. Designed by <a
href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</body>
</html>
<!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>
<title>NTECH BLOG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="mainPan">
<div id="topPan">
<h1>mauris eros, ornare nec, auctor quis, dignissim </h1>
<a href="#"><img src="images/logo.jpg" alt="" width="102" height="91"
border="0" align="left" class="logo" /></a>
<div id="topservicesPan">
<h2>all new services</h2>
<ul>
<li class="one
You might also like
- !doctype HTML Public "-//w3c//Dtd XHTML 1.0 Transitional//en"No ratings yet!doctype HTML Public "-//w3c//Dtd XHTML 1.0 Transitional//en"7 pages
- Best of British Apps: 50 Innovative Mobile Applications From The UK100% (1)Best of British Apps: 50 Innovative Mobile Applications From The UK15 pages
- Five Hidden Features in Gmail That You Must Try! Check These Tips - How-ToNo ratings yetFive Hidden Features in Gmail That You Must Try! Check These Tips - How-To4 pages
- Install - Cgi Returns 500 Internal Server Error: CGI::Carp Perl ModuleNo ratings yetInstall - Cgi Returns 500 Internal Server Error: CGI::Carp Perl Module15 pages
- Facebook Developer Starter Guide: October 2008No ratings yetFacebook Developer Starter Guide: October 200813 pages
- Install Config Server Mail Manage WHM PluginNo ratings yetInstall Config Server Mail Manage WHM Plugin4 pages
- How To Get A XYZ Domain For Free HQ MethodNo ratings yetHow To Get A XYZ Domain For Free HQ Method1 page
- PP WebsitePaymentsStandard IntegrationGuideNo ratings yetPP WebsitePaymentsStandard IntegrationGuide194 pages
- Pentest Book: Pentesting Web Checklist Recon PhaseNo ratings yetPentest Book: Pentesting Web Checklist Recon Phase9 pages
- How To Make Passive Money Using Swagbucks by /U/GarwaldNo ratings yetHow To Make Passive Money Using Swagbucks by /U/Garwald6 pages
- Web content management system Complete Self-Assessment GuideFrom EverandWeb content management system Complete Self-Assessment GuideNo ratings yet
- Sp-Rmdiiid/Sp-Rmdivd Mini Thermal Printer User Manual: Beijing Spirit Technology Development Co., LTDNo ratings yetSp-Rmdiiid/Sp-Rmdivd Mini Thermal Printer User Manual: Beijing Spirit Technology Development Co., LTD61 pages
- Inbound and Outbound Idoc ConfigurationNo ratings yetInbound and Outbound Idoc Configuration13 pages
- RA PKR - Tabela Codific CodRad - 0001 A 2186 - B - 12 EventosNo ratings yetRA PKR - Tabela Codific CodRad - 0001 A 2186 - B - 12 Eventos11 pages
- Real Time Visualization of Data Through Web Based SolutionsNo ratings yetReal Time Visualization of Data Through Web Based Solutions30 pages
- CS8087 - Software Defined Networks (Ripped From Amazon Kindle Ebooks by Sai Seena)No ratings yetCS8087 - Software Defined Networks (Ripped From Amazon Kindle Ebooks by Sai Seena)68 pages
- Blockchain Based Management For Organ Donation and TransplantationNo ratings yetBlockchain Based Management For Organ Donation and Transplantation8 pages
- Autocad Catia Walk in Interview - Pune - Sunline Green Systems PVT LTD - 0 To 5 Years of Experience PDFNo ratings yetAutocad Catia Walk in Interview - Pune - Sunline Green Systems PVT LTD - 0 To 5 Years of Experience PDF3 pages
