using templates

<!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>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>[(site_name)] ~ [*pagetitle*]</title>
<style type="text/css">
  @import url(assets/templates/TrueBlue/style/trueblue.css);
</style>
<!--[if IE]>
<style type="text/css" media="screen, tv, projection">
  body { behavior: url(assets/js/csshover.htc); }
</style>
<![endif]-->
</head>
<body>

<div id="topwrapper">

<div id="header">
<h1>andreas08: ignore the trends</h1>
<h2>space reserved for your website slogan!</h2>
</div> <!-- end header -->

<div id="navigation">
[!DropMenu!]
</div> <!-- end navigation -->

<div id="top">
<div id="topleft">
<h2>Welcome To Andreas08!</h2>
<p class="textjustify">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> <!-- end topleft -->

<div id="topright">
<p class="box textjustify">
<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!</p>
</div> <!-- end topright -->

</div> <!-- end top -->
</div> <!-- end topwrapper -->

<div id="container">

<div id="block_1" class="subcontent">
<h2>About The Designer</h2>
<p class="textjustify">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 class="textjustify">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> <!-- end block 1 -->

<div id="block_2" class="subcontent">
<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> <!-- end box -->
</div> <!-- end block 2 -->

<div id="block_3" class="subcontent">
<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://andreasviklund.com/templates">Free website templates</a></li>
  <li><a href="http://openwebdesign.org/">Open Web Design</a></li>
  <li><a href="http://www.solucija.com/index.php?id=17">sNews CMS</a></li>
  <li><a href="http://oswd.org/">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 value="Go!" id="searchbutton" name="searchbutton" type="submit">
</fieldset></form>
</div> <!-- end of searchbar -->

</div> <!-- end block 3 -->

<div id="footer">
<p>© 2005-2006 <a href="#">Your Name</a> | Design by <a href="http://andreasviklund.com/">Andreas Viklund</a></p>
</div>

</div> <!-- end of container -->


</body>
</html>

<body>



<div id="topwrapper">



<div id="header">

<h1>andreas08: ignore the trends</h1>

<h2>space reserved for your website slogan!</h2>

</div> <!-- end header -->



<div id="navigation">

[!DropMenu!]

</div> <!-- end navigation -->



<div id="top">

<div id="topleft">

<h2>[*#longtitle*]</h2>

<p class="textjustify">[*#boxtop*]</p>

</div> <!-- end topleft -->



<div id="topright">

<p class="box textjustify">

[*#boxright*]</p>

</div> <!-- end topright -->



</div> <!-- end top -->

</div> <!-- end topwrapper -->



<div id="container">



<div id="block_1" class="subcontent">

<h2>[*#description*]</h2>

<p class="textjustify">[*#content*]</p>



<p class="textjustify"> </p>

</div> <!-- end block 1 -->



<div id="block_2" class="subcontent">

<h2>News</h2>



<div class="box">

<p>[[NewsListing? &summarize=`3` &total=`3` &startID=`2` &truncText=`leggi news` &tpl=`leftnews`]] </p>

</div> <!-- end box -->

</div> <!-- end block 2 -->



<div id="block_3" class="subcontent">

<h2>Menu</h2>

<ul class="menublock">

  <li><a href="#">[!DropMenu?   &levelLimit=`2`!]</a></li>

  </ul>



<h2> Links</h2>

<ul class="menublock">

  <li><span class="footertxt">{{links}}<span id="savingMessage"></span></span></li>

  </ul>



<div id="searchbar">

  <h2>Cerca nel sito </h2>

  <span class="footertxt">[[FlexSearchForm?FSF_showResults=0]]</span></div> 

<!-- end of searchbar -->



</div> <!-- end block 3 -->



<div id="footer">

<p><span class="footertxt">{{footermsg}}<span id="savingMessage"></span></span></p>

</div>



</div> <!-- end of container -->





</body>

</html>