<!DOCTYPE html PUBLIC "-//W3C//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="daleri-structure.css" title="Daleri Structure" media="screen,projection" />
<title>Daleri Structure v1.0</title>
</head>
<body>
<div id="top">
<p>Skip to: <a href="#content">content</a> | <a href="#sidebar">sidebar</a></p>
</div>
<div id="wrap">
<div id="header">
<div id="sitetitle">
<h1><a href="index.html">Daleri Structure v1.0</a></h1>
<p><strong>- A free website template -</strong></p>
</div>
<div id="mainmenu">
<dl class="nav">
<dt><a href="#">Main pages</a></dt>
<dd><a href="#">Blog</a></dd>
<dd><a href="#">Archives</a></dd>
<dd><a href="#">Categories</a></dd>
<dd><a href="#">Tags</a></dd>
</dl>
<dl class="nav">
<dt><a href="#">Blog topics</a></dt>
<dd><a href="#">Web design</a></dd>
<dd><a href="#">Accessibility</a></dd>
<dd><a href="#">CMS solutions</a></dd>
<dd><a href="#">Templates</a></dd>
</dl>
<dl class="nav">
<dt><a href="#">Extras</a></dt>
<dd><a href="#">Music archive</a></dd>
<dd><a href="#">Photo gallery</a></dd>
<dd><a href="#">Poems and lyrics</a></dd>
<dd><a href="#">Digital art</a></dd>
</dl>
<dl class="nav">
<dt><a href="#">Community</a></dt>
<dd><a href="#">Guestbook</a></dd>
<dd><a href="#">Members</a></dd>
<dd><a href="#">Link collection</a></dd>
<dd><a href="#">Sitemap</a></dd>
</dl>
</div>
<hr class="clear" />
</div>
<div id="headline">
<p>Space for advertisements, additional navigation, news headlines or other highlighted content. Easy to remove if not wanted.</p>
</div>
<div id="content">
<h2><a href="#">Introducing: Daleri Structure!</a></h2>
<p class="introtext">This is Daleri Structure, a free XHTML/CSS design in the "Daleri" website template series by Andreas Viklund. The template was created with categorized content in mind, and it provides site owners with a number of different ways to organize the site structure.</p>
<p>The main navigation is created with definition lists, and the menu can be expanded to contain more links if needed. You can also use the main menu as an overview or a basic sitemap, and expand the site with subpages using the sidebar buttons or regular link lists. On sites with fewer pages, the definition list menu can be removed and replaced with an ad banner (600px wide) or a large logo. You can also place a horizontal text link menu in the the gray space between the header and the content, just to give another example. Feel free to experiment with the spaces to find your own preferred structure.</p>
<div class="left">
<h3>Template copyright and usage rights</h3>
<p>Like all my <a href="http://andreasviklund.com/templates/">XHTML/CSS templates</a>, this template is completely free to download, free to use and free to modify in any way you may want to - without any limitations or obligations. I kindly ask you to keep the original design credits and the link to my website in the footer since it is a good way to support my template design work, but it is no requirement.</p>
<p>If you find this template useful, then I would recommend visiting <a href="http://andreasviklund.com/">my website</a> every now and then, as you will be able to find more free templates there, along with useful tools and services that make it even easier to build complete, high-quality websites using website templates as starting points.</p>
</div>
<div class="right textleft">
<p><img src="images/logo.jpg" width="340" height="182" alt="Sample image" /><br />
Professional template customization services are available. <a href="http://andreasviklund.com/" title="Professional template support and customization">Contact me</a> for rates and availability.</p>
</div>
<hr class="clear" />
</div>
<div id="sidebar">
<h2>Your own structure...</h2>
<p>Space for presentation, advertisements or extras - or maybe additional navigation links? You decide!</p>
<h2>Sample button menu</h2>
<ul class="sidemenu">
<li><a href="#">First page</a></li>
<li><a href="#">Second page</a></li>
<li><a href="#">Third page with subpages</a>
<ul>
<li><a href="#">First subpage</a></li>
<li><a href="#">Second subpage</a></li>
</ul>
</li>
<li><a href="#">Fourth page</a></li>
</ul>
<h2>Sample links</h2>
<ul>
<li><a href="http://andreasviklund.com/templates/">Free website templates</a></li>
<li><a href="http://andreasviklund.com/wordpress-themes/">WordPress themes</a></li>
<li><a href="http://andreasviklund.com/contact/">Your link here?</a></li>
</ul>
</div>
<p class="hide"><a href="#top">Return to top</a></p>
<hr class="clear" />
</div>
<div id="footer">
<div class="left">
<p>© 2010 <a href="http://www.moobnn.com">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a><br />
Template design from <a href="http://www.moobnn.com/">moobnn.com</a></p>
</div>
<div class="right">
<p>Sample footer menu: <a href="#">Link 1</a> | <a href="#">Link 2</a> | <a href="#">Link 3</a></p>
<p class="hide"><a href="#top">Return to top</a></p>
</div>
</div>
</body>
</html>