modx newbie

<!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" xml:lang="en" lang="en">

<head>


<title>Nautica 05 Dark One column layout</title>

<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="ve-creative.com - future-resourcings.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />

<link rel="stylesheet" type="text/css" href="css/layout.css" media="screen, projection, tv " />
<link rel="stylesheet" type="text/css" href="css/html.css" media="screen, projection, tv " />


</head>

<body>

<!-- #content: holds all except site footer - causes footer to stick to bottom -->
<div id="content">

<!-- #header: holds the logo and top links -->
<div id="header" class="width">

<img src="images/logo.gif" alt="Your logo goes here"/>

<ul>
<li><a href="">Home</a></li>
<li><a href="http://www.theauctionwinners.com/main" target="_blank">The Auction Winners</a></li>
<li><a href="">Contact Us</a></li>
<li><a href="" class="last">Logout</a></li>
</ul>

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


<!-- #headerImg: holds the main header image or flash -->
<div id="headerImg" class="width"></div>




<!-- #menu: the main large box site menu -->
<div id="menu" class="width">

<ul>
<li>
<a href="onecol.html" onfocus="blur()">
<span class="title ">Business Research</span>
<span class="desc">Effective Business System</span> </a> </li>
<li>
<a href="twocol_a.html" class="forum" onfocus="blur()">
<span class="title ">Testimonies</span>
<span class="desc style3">View the included layout</span> </a> </li>
<li>
<a href="twocol_b.html" onfocus="blur()">
<span class="title ">Template Optimizer</span>
<span class="desc">Create Your eBay Template</span>
</a>
</li>
<li>
<a href="contact.html" onfocus="blur()">
<span class="title ">Downloads</span>
<span class="desc">Free Useable Software</span>
</a>
</li>
</ul>

</div>
<!-- #menu end -->



<!-- #page: holds the page content -->
<div id="page">


<!-- #columns: holds the columns of the page -->
<div id="columns" class="widthPad">


<!-- Single column -->
<div class="floatLeft width100">

<h1>Nautica 05 Dark One column example</h1>


<!-- Start Post -->
<!-- End Post -->

<!-- Start Post -->
<!-- End Post -->

<h1>Heading One</h1>

<p>Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna. Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna. </p>

<h2>Heading Two</h2>

<p>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>

<h3>Heading Three</h3>

<p>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>

<h4>Heading Four</h4>

<p>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>

<h5>Heading Five</h5>

<p>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>


<h1>Bulleted <span class="dark">Lists</span></h1>

<ul>
<li>Item One</li>
<li>Item Two</li>
<li>Item the Third</li>
</ul>

<p>
In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. <a href="">In pharetra justo eget</a> turpis. Sed posuere turpis ac sapien. Sed est eros, faucibus vitae, vulputate sollicitudin, rutrum ultricies, neque. Nunc varius. Aenean vel magna. Pellentesque ultricies euismod massa. Vestibulum et quam. Maecenas diam metus, imperdiet sed, pharetra sed, rhoncus id, turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Cras felis. Vivamus nec quam. </p>

<ol>
<li><span>Item One</span></li>
<li><span>Item Two</span></li>
<li><span>Item the Third</span></li>
</ol>


<h1>&nbsp;</h1>

<blockquote>
<p>
In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. <a href="">In pharetra justo eget</a> turpis. Sed posuere turpis ac sapien.
</p>
</blockquote>

<p>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>

</div>
<!-- Single column end -->


</div>
<!-- #columns end -->

</div>
<!-- #page end -->

</div>
<!-- #content end -->




<!-- #footer: holds the site footer (logo and links) -->
<div id="footer">

<!-- #bg: applies the site width and footer background -->
<div id="bg" class="width">

<img src="images/logo.gif" alt="Your logo goes here"/>

<ul>
<li><a href="">Home</a></li>
<li><a href="http://www.theauctionwinners.com/main" target="_blank">The Auction Winners</a></li>
<li><a href="">Contact Us</a></li>
<li><a href="http://www.jojocms.org/" target="_blank" class="last">Powered by: Jojo CMS</a></li>
</ul>

</div>
<!-- #bg end -->

</div>
<!-- #footer end -->

</body>

</html>

<title>[*pagetitle*] - [(site_name)]</title>

    
<!-- Single column -->
    <div class="floatLeft width100">
      <h1>[*longtitle*]</h1>
      [*content*]
    </div>
    <!-- Single column end -->

<!-- #footer: holds the site footer (logo and links) -->
<div id="footer">
{{footer-chunk}}
</div>
<!-- #footer end -->