blog.html

<!DOCTYPE html>
<html>

<head>

	<meta charset="utf-8">

	<meta name="description" content="Hackasaurus website prototype" />
	
	<title>Hackasaurus</title>
	
	<link href="style/main.css" rel="stylesheet" type="text/css">
	
	<script src="http://cdn.lanyrd.net/badges/person-v1.min.js"></script>
	
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

</head>

<header class="global">
	
	<div class="wrapper">
		<p class="logo">Hackasaurus Logo</p>
		<a class="mofo" href="#">Link to MoFo</a>
	</div>
	
	<nav class="global">
		<ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="about.html">About</a></li>
			<li><a href="tools.html">Tools</a></li>
			<li><a href="events.html">Events</a></li>
			<li><a href="get-involved.html">Get Involved</a></li>
			<li><a href="blog.html">Blog</a></li>
			<li><a href="resources.html">Resources</a></li>
		</ul>
	</nav>
	
</header>

<body>

	<div class="wrapper">
	   
	    <div class="proto-col proto-col-1">
	    	<section>
	    		<h1>Blog</h1>
	    		<p>A collection of blog posts by our contributers</p>
	    		<h2>Contributers…</h2>
	    		
	    		<div class="proto-col proto-col-5">
	    			<section>
	    				<p>Avatar</p>
	    				<p>Name</p>
	    			</section>
	    			<section>
	    				<p>Avatar</p>
	    				<p>Name</p>
	    			</section>
	    			<section>
	    				<p>Avatar</p>
	    				<p>Name</p>
	    			</section>
	    			<section>
	    				<p>Avatar</p>
	    				<p>Name</p>
	    			</section>
	    			<section>
	    				<p>Avatar</p>
	    				<p>Name</p>
	    			</section>
	    			<section>
	    				<p>Avatar</p>
	    				<p>Name</p>
	    			</section>
	    		</div>
	    		
	    	</section>
	    </div>
	    
	    <div class="proto-col proto-col-1">
	    	<section>
	    		<h2>Blog post title</h2>
	    		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.</p>
	    	</section>
	    </div>
	    
	    <div class="proto-col proto-col-1">
	    	<section>
	    		<h2>Blog post title</h2>
	    		<p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.</p>
	    	</section>
	    </div>
	    
	    <div class="proto-col proto-col-1">
	    	<section>
	    		<h2>Blog post title</h2>
	    		<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.</p>
	    	</section>
	    </div>
	
	</div>
   
</body>

<footer class="global">

	<div class="wrapper">
	
		<div class="proto-col proto-col-3">
		    <section>
		    	<ul>
		    		<li>Twitter</li>
		    		<li>Facebook</li>
		    		<li>Flickr</li>
		    		<li>Github</li>
		    		<li>Email</li>
		    		<li>Identica</li>
		    		<li>RSS</li>
		    	</ul>
		    </section>
		    
		    <section>
		    	<h2>Supported by:</h2>
		    	<ul>
		    		<li>Hive logo</li>
		    		<li>MacArthur Foundation logo</li>
		    		<li>Mozilla logo</li>
		    	</ul>
		    </section>
		    
		    <section>
		    	<p>Portions of this content are ©1998–2011 by individual mozilla.org contributors. Content available under a Creative Commons Attribution 3.0 Unported License.</p>
		    </section>
		</div>
	
	</div>
	
</footer>

</html>