<!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="two-column">
<img src="images/twocolumn.jpg"/>
</div>
<div class="two-column">
<h2>Header Goes Here</h2>
<p>This theme is great for a lot of navigation links, a lighter coloured, horizontal logo, and structured design. To the left you would place your "Hero Image", something that displays your product, service or sum’s up your website visually.</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.</p>
</div>
<hr/>
<div class="three-column">
<h2>Header Goes Here</h2>
<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.</p>
</div>
<div class="three-column callout">
<h2>Header Goes Here</h2>
<p>Add the class "callout" to highlight with a white background. 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.</p>
</div>
<div class="three-column">
<h2>Header Goes Here</h2>
<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.</p>
</div>
<br class="clear"/>
<hr/>
<div class="four-column">
<img src="images/fourcolumn.jpg"/>
<h2>Header Goes Here</h2>
<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.</p>
</div>
<div class="four-column">
<img src="images/fourcolumn.jpg"/>
<h2>Header Goes Here</h2>
<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.</p>
</div>
<div class="four-column">
<img src="images/fourcolumn.jpg"/>
<h2>Header Goes Here</h2>
<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.</p>
</div>
<div class="four-column">
<img src="images/fourcolumn.jpg"/>
<h2>Header Goes Here</h2>
<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.</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>