{% extends "base.html" %}
{% load i18n cms_base media_settings tagging_tags link_tags configuration_tags contact_tags %}
{% block content %}
<!-- start header -->
<div id="logo">
	<h1><a href="#">Radiance</a></h1>
	<p>By Free CSS Templates</p>
</div>
<div id="menu">
	<ul>
		<li class="current_page_item"><a href="#">Homepage</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>
<!-- end header -->
<hr />
<!-- start latest post -->
<div id="latest-post" class="wide-post">
	<h1 class="title"><a href="#">Welcome to our website!</a></h1>
	<div class="entry"> <img src="images/img07.jpg" alt="" width="114" height="114" class="left" />
		<p>This is <strong>Radiance</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/radiance/">WordPress theme</a> at <a href="http://www.freewpthemes.net/">Free WordPress Themes</a>. The photo on this template is from <a href="http://www.pdphoto.org/">PDPhoto.org</a>. </p>
		<p>&nbsp;</p>
		<p class="links"> <a href="#" class="date">October 7th, 2007</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#" class="author">Free CSS Templates</a> &nbsp;&nbsp;&nbsp;&nbsp; <a href="#" class="comments">14 Comments</a> ( <a href="#" class="feeds">RSS</a> ) </p>
	</div>
	<div class="bottom"></div>
</div>
<!-- end latest post -->
<!-- start recent posts & comments -->
<div id="recents" class="two-columns">
	<div id="recent-posts" class="column-one">
		<h2 class="title">Recent Posts</h2>
		<div class="entry">
			<ul>
				<li><a href="#">Aliquam libero</a></li>
				<li><a href="#">Consectetuer adipiscing elit</a></li>
				<li><a href="#">Metus aliquam pellentesque</a></li>
				<li><a href="#">Suspendisse iaculis mauris</a></li>
				<li><a href="#">Urnanet non molestie semper</a></li>
				<li><a href="#">Proin gravida orci porttitor</a></li>
			</ul>
		</div>
	</div>
	<div id="recent-comments" class="column-two">
		<h2 class="title">Recent Comments</h2>
		<div class="entry">
			<ul>
				<li><a href="#">Author</a> on <a href="#">Aliquam libero</a></li>
				<li><a href="#">Author</a> on <a href="#">Consectetuer adipiscing elit</a></li>
				<li><a href="#">Author</a> on <a href="#">Metus aliquam pellentesque</a></li>
				<li><a href="#">Author</a> on <a href="#">Suspendisse iaculis mauris</a></li>
				<li><a href="#">Author</a> on <a href="#">Urnanet non molestie semper</a></li>
				<li><a href="#">Author</a> on <a href="#">Proin gravida orci porttitor</a></li>
			</ul>
		</div>
	</div>
</div>
<!-- end recent posts & comments -->
<!-- start submenu -->
<div id="submenu">
	<ul>
		<li>
			<h2>Categories</h2>
			<ul>
				<li><a href="#">Aliquam libero</a></li>
				<li><a href="#">Consectetuer elit</a></li>
				<li><a href="#">Metus aliquam</a></li>
				<li><a href="#">Suspendisse mauris</a></li>
				<li><a href="#">Urnanet non semper</a></li>
				<li><a href="#">Proin porttitor</a></li>
			</ul>
		</li>
		<li>
			<h2>Archives</h2>
			<ul>
				<li><a href="#">Aliquam libero</a></li>
				<li><a href="#">Consectetuer elit</a></li>
				<li><a href="#">Metus aliquam</a></li>
				<li><a href="#">Suspendisse mauris</a></li>
				<li><a href="#">Urnanet non semper</a></li>
				<li><a href="#">Proin porttitor</a></li>
			</ul>
		</li>
		<li>
			<h2>Aliquam</h2>
			<ul>
				<li><a href="#">Aliquam libero</a></li>
				<li><a href="#">Consectetuer elit</a></li>
				<li><a href="#">Metus aliquam</a></li>
				<li><a href="#">Suspendisse mauris</a></li>
				<li><a href="#">Urnanet non semper</a></li>
				<li><a href="#">Proin porttitor</a></li>
			</ul>
		</li>
		<li>
			<h2>Urnanet</h2>
			<ul>
				<li><a href="#">Aliquam libero</a></li>
				<li><a href="#">Consectetuer elit</a></li>
				<li><a href="#">Metus aliquam</a></li>
				<li><a href="#">Suspendisse mauris</a></li>
				<li><a href="#">Urnanet non semper</a></li>
				<li><a href="#">Proin porttitor</a></li>
			</ul>
		</li>
	</ul>
	<div style="clear: both;">&nbsp;</div>
</div>
<!-- end submenu -->
<div id="footer">
	<p>&copy;2007 All Rights Reserved. &nbsp;&bull;&nbsp; Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> &nbsp;&bull;&nbsp; Icons by <a href="http://www.famfamfam.com/">FAMFAMFAM</a>.</p>
</div>
{% endcontent %}