<!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">
<a href="#"><img src="images/logo.png" alt="Graphical Theme Logo"/></a>
<ul class="nav">
<li><a href="#"><span>HOME</span></a></li>
<li class="active"><a href="#"><span>ABOUT</span></a></li>
<li><a href="#"><span>SERVICES</span></a></li>
<li><a href="#"><span>CONTACT</span></a></li>
</ul>
</div>
</div>
<div id="intro">
<div class="container">
<div class="introphoto">
<img src="images/introphoto.png" alt="Intro Photo"/>
</div>
<div class="introtext">
<h1>Header Goes Here</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at quam elit, euismod cursus leo. Suspendisse placerat posuere tortor, eu blandit sem sagittis ut. Quisque accumsan condimentum nunc ut rutrum. Nunc ac diam sit amet elit gravida volutpat. In hac habitasse platea dictumst.</p>
<a class="button" href="#">Learn More</a>
</div>
</div>
</div>
<div id="main">
<div class="container">
<h2>Lorem ipsum dolor sit amet, con sectetur adipisicing elit.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sodales elit ac ipsum fringilla id consectetur arcu condimentum. Fusce sed mollis lorem. Sed hendrerit velit in eros vestibulum malesuada. Nunc et mi lacus, ut bibendum lectus. Mauris fermentum sagittis volutpat. Nam ipsum risus, suscipit at placerat id, porta in mauris. Vestibulum eleifend risus id purus molestie porta. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas sodales mi ut lorem venenatis dignissim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris molestie risus eget quam elementum quis auctor erat convallis. Donec lacus nunc, pulvinar a vulputate sit amet, sodales vitae enim. Ut blandit cursus tellus, ac ultricies leo bibendum ac. Fusce porttitor dolor a purus lacinia pretium. </p>
</div><!-- container end -->
<br class="clear"/>
<div class="mountains"></div>
</div>
<div id="footer">
<div class="container">
<ul>
<li><h3>Services</h3></li>
<li><a href="#">Link to Service Page</a></li>
<li><a href="#">Link to Service Page</a></li>
<li><a href="#">Link to Service Page</a></li>
<li><a href="#">Link to Service Page</a></li>
</ul>
<ul>
<li><h3>Connect With Us</h3></li>
<li><a href="#">Link to Facebook Page</a></li>
<li><a href="#">Link to Twitter Page</a></li>
<li><a href="#">Link to YouTube Page</a></li>
<li><a href="#">Link to Flickr Page</a></li>
</ul>
<div class="footer-right">
<h3>About Us</h3>
<p>Lorem ipsum dolor sit amet, consectetur adip scing elit. Sed at quam elit, euismod cursus leo. Suspendisse placerat posuere tortor, eu blandit sem sagittis ut. Quisque accumsan. condimentum nunc ut rutrum.</p>
</div>
<br class="clear"/>
<div class="lower-footer">
<hr/>
<p class="copyright">Copyright 2011 Your Company Name</p>
<img class="float-right" src="images/footer-logo.png" alt="Graphical Theme"/>
</div>
</div>
</div>
</body>
</html>