<!DOCTYPE html PUBLIC "-//W3C//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>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Your description goes here" />
<meta name="keywords" content="your,keywords,goes,here" />
<meta name="author" content="Your Name" />
<link rel="stylesheet" type="text/css" href="andreas08.css" title="andreas08" media="screen,projection" />
<title>andreas08 v2.0</title>
</head>
<body>
<div id="container" >
<div id="header">
<h1>andreas08 v2.0</h1>
<h2>still ignoring the trends</h2>
</div>
<div id="navigation">
<ul>
<li class="selected"><a href="#">Active page</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>Presenting a classic: andreas08!</h2>
<p>This template is based on a previous design of <a href="http://xxxxxxxx.com/">xxxxxxxx.com</a>. It was originally released in November 2005, and the first version became the foundation for a number of successful blog and CMS themes. This is an updated version, although with few details changed. Most details are the same: No images are used, the code validates, browser-based font resizing is fully supported and the design works on all modern browsers. There are no special features or extras, only valid and well-structured XHTML 1.0 Strict and CSS2 code.</p>
<p>Current template version: v2.0 - June 10th, 2010.</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, I am 30 years old and work as a professional designer 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>A free website template</h2>
<p>This is a free website template, which means that you are allowed 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 "Original design by Andreas Viklund" link in the footer. But it is just a request, not a requirement. If you want to support my work in some other way than giving credits, there are <a href="http://xxxxxxxx.com/support/">several ways</a> you can do it. For more website templates to choose from, check out the sites in the "Sample links" menu to the right.</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="http://xxxxxxxx.com/templates/">Free templates</a></li>
<li><a href="http://xxxxxxxx.com/wordpress-themes/">Themes for WordPress</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>© 2010Your Name | Template design from <a href="http://www.xxxxxxxx.com/">xxxxxxxx.com</a></p>
</div>
</div>
</body>
</html>
