<!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>Gothic</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" media="all" href="styles.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Gothic</h1>
<h2>3 - Column - Layout</h2>
</div><!-- end header -->
<div id="top-menu"><ul>
<li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li><li><a href="contact.html">Contact</a></li>
</ul>
</div><!-- end top-nav -->
<div id="main">
<div id="left">
<ul>
<li><h2>Navi 2</h2></li>
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
<li><a href="#">Menu Item 4</a></li>
<li><a href="#">Menu Item 5</a></li>
</ul>
<ul>
<li><h2>Links</h2></li>
<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>
</ul>
</div><!-- end left -->
<div id="content">
<h2>About "Gothic"</h2>
<p><img src="images/image1.jpg" class="right" width="150" height="126" alt="Bild" />
"Gothic" is an Open Source Template released under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.de">Creative Commons License</a>. The full CC License can be found <a href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">here</a>.
</p>
<p>
You are free to use, copy and/or modify this template. You must not change the license to anything 'less' free. You are required to keep the link back to the author's site in the footer of the template.
Removal of the link is possible for a small fee.
</p>
<p class="read_more"><a href="#">more ...</a></p>
<h2>Some more content</h2>
<p><img src="images/image2.jpg" class="left" width="150" height="87" alt="Bild" />Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescen</p>
<p class="read_more"><a href="#">more ...</a></p>
</div><!-- end content -->
<div id="right">
<h2>News</h2>
<p>"Gothic" is written in valid XHTML/CSS.</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 Transitional" height="31" width="88" /></a>
</p>
<p>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwebmatter.de%2Fpreview%2Fgothic%2F+&profile=css21&usermedium=all&warning=1">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" />
</a>
</p>
<h2>Gallery</h2>
<img src="images/reading.jpg" width="120" height="81" alt="gallery" class="border" />
</div><!-- end right -->
</div><!-- end main -->
<div id="footer">
<p>© 2008 by Site Owner</p>
<!-- Please keep the following link intact. Link removal is possible for a small fee. -->
<p class="link"><small>Design by <a href="http://www.webmatter.de">webmatter</a></small></p>
</div><!-- end footer -->
</div><!-- end container -->
</body>
</html>
