<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta name="description" content="#">
<meta name="keywords" content="#">
<meta name="Revisit-After" content="10 days" >
<meta name="robots" content="ALL,INDEX" >
<link rel="stylesheet" type="text/css" media="screen, projection, print" href="css/styles.css">
</head>
<body>
<div id="header">
<div class="container">
<div class="logo"><a href="#"><img src="images/logo.png" alt="Logo"/></a></div>
</div>
</div> <!-- #header end -->
<div id="nav">
<div class="container">
<ul class="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
</div> <!-- #nav end -->
<div id="main">
<div class="container">
<div class="one-column">
<img src="images/onecolumn.jpg"/>
<p>A full width page layout. Not recommended for average page copy due to the increased width making the paragraphs less readable. An image-heavy page would be more suited to this layout.</p>
</div>
<hr/>
<div class="one-column">
<h2>Header Goes Here</h2>
</div>
<div class="four-column">
<img src="images/fourcolumn.jpg"/>
</div>
<div class="four-column">
<img src="images/fourcolumn.jpg"/>
</div>
<div class="four-column">
<img src="images/fourcolumn.jpg"/>
</div>
<div class="four-column">
<img src="images/fourcolumn.jpg"/>
</div>
<div class="one-column">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue nunc a velit fermentum in tempor diam lacinia. Pellentesque tristique dui eget nibh lobortis congue. Maecenas eu bibendum erat. Aliquam varius tempor fermentum. Fusce sed risus nisl, id mattis sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis in enim ut mi egestas tristique. Maecenas fringilla, dui vel laoreet interdum, nibh arcu consequat augue, non tempus tellus nulla vitae urna. In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
</div>
</div>
<br class="clear"/>
</div> <!-- #main end -->
<div id="footer">
<div class="container">
<ul class="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
</div> <!-- #footer end -->
</body>
</html>