<!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.gif" 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="three-column">
<h2>Bulleted List</h2>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Fusce congue nunc a velit fermentum in tempor diam lacinia.</li>
<li>Pellentesque tristique dui eget nibh lobortis congue.</li>
<li>Maecenas eu bibendum erat.</li>
<li>Aliquam varius tempor fermentum.</li>
<li>Fusce sed risus nisl, id mattis sem.</li>
</ul>
<h2>Link List</h2>
<ul class="links">
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Fusce congue nunc</a></li>
<li><a href="#">Pellentesque tristique</a></li>
<li><a href="#">Maecenas eu bibendum erat</a></li>
<li><a href="#">Aliquam varius tempor fermentum</a></li>
<li><a href="#">Fusce sed risus</a></li>
</ul>
</div>
<div class="three-column-2">
<img src="images/threecolumn-2.jpg"/>
<h2>Header Goes Here</h2>
<p>Demonstrating a Left Sidebar, Right Content page layout.</p>
<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.</p>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam auctor luctus imperdiet. Pellentesque nisl justo, fermentum in aliquam ut, egestas vel urna. Aenean a neque urna, in semper diam. Suspendisse imperdiet cursus lectus, a eleifend orci interdum sed.</p>
<p>Vivamus blandit congue orci, sed auctor lacus consequat ac. Nulla neque leo, lobortis at tempus eget, malesuada blandit libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</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>