<!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="site-top">
<div class="container">
<div id="navbar">
<div class="logo"><a href="#"><img src="images/logo.png" alt="Feminine Theme Logo"/></a></div>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="intro">
<h2>QUICK DETAILS ABOUT THE GAME</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique interdum erat et tempus. Phasellus vesti bulum arcu sed quam hendrerit vestibulum. Ut consectet mattis pharetra. Sed at vehicula sapien. In varius elit quis</p>
</div>
</div>
</div>
<div id="main">
<div id="intro">
<div class="introphoto">
<img src="images/introphoto.jpg" alt="Intro Photo"/>
</div>
<ul class="intronav">
<li><a href="#"><img src="images/thumb.jpg" alt="thumb"/><h2>Title of page to Visit</h2><p>Lorem ipsum dolor sit amet, consectetur adip scing elit. Sed at quam elit.</p></a></li>
<li><a href="#"><img src="images/thumb.jpg" alt="thumb"/><h2>Title of page to Visit</h2><p>Lorem ipsum dolor sit amet, consectetur adip scing elit. Sed at quam elit.</p></a></li>
<li><a href="#"><img src="images/thumb.jpg" alt="thumb"/><h2>Title of page to Visit</h2><p>Lorem ipsum dolor sit amet, consectetur adip scing elit. Sed at quam elit.</p></a></li>
</ul>
<br class="clear"/>
</div>
<div class="content">
<h1>Big Catchy Title Here</h1>
<div class="bigthumb"><img src="images/bigthumb.jpg" alt="Thumb"/></div><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="purplebutton" href="#">Learn More</a>
<br class="clear"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non urna erat, vitae porttitor risus. Aliquam ipsum elit, facilisis eu venenatis vel, ullamcorper eu velit. Nulla eget lectus ante. Proin at ipsum nec eros lacinia elementum. Phasellus molestie gravida vehicula. Nulla tempus enim eu lacus ullamcorper scelerisque. In dapibus felis sed mauris pellentesque sit amet commodo erat bibendum. Vivamus iaculis velit vel odio suscipit blandit. Aenean purus velit, vestibulum vel viverra sit amet, bibendum id odio. Cras tortor augue, bibendum viverra lobortis nec, laoreet in dui. Donec posuere condimentum turpis, in gravida massa lobortis vitae. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.</p>
</div><!-- .content end -->
<div class="sidebar">
<h2>Details</h2>
<p>Lorem ipsum dolor sit amet, consectetur adip scing elit. Sed at quam elit, Lorem ipsum dolor sit amet, consectetur adip scing elit. Sed at quam elit, Lorem ipsum dolor sit amet, consectetur adip scing elit. Sed at quam elit.</p>
<br/>
<h2>Links</h2>
<p>Lorem ipsum dolor sit amet, consectetur adip scing elit. Sed at quam elit.</p>
<ul>
<li><a href="#">Link to Another Page of the site</a></li>
<li><a href="#">Link to Another Page of the site</a></li>
<li><a href="#">Link to Another Page of the site</a></li>
<li><a href="#">Link to Another Page of the site</a></li>
<li><a href="#">Link to Another Page of the site</a></li>
<li><a href="#">Link to Another Page of the site</a></li>
</ul>
</div><!-- .sidebar end -->
<br class="clear"/>
</div>
<div id="footer">
<div class="container">
<p class="copyright">Copyright 2011 Your Company Name</p>
</div>
</div>
</body>
</html>