hatefulcrawdad/buzz-body.html

## buzz-body.html
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8" />

	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="width=device-width" />

	<title>BuzzApp | Be Part of Our Hive</title>

	<link rel="stylesheet" href="stylesheets/app.css">
	<link href='http://fonts.googleapis.com/css?family=Cabin:400,700' rel='stylesheet' type='text/css'>
	<script src="javascripts/foundation/modernizr.foundation.js"></script>

	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

</head>
<body>

	<header>
		<section class="row">
			<h1 class="four columns">
				<a href="#home"><span>Buzz</span>App</a>
			</h1>
			<nav class="twelve columns">
				<ul>
					<li><a href="#about">About</a></li>
					<li><a href="#features">Features</a></li>
					<li class="standout"><a href="#register">Register</a></li>
				</ul>
			</nav>
		</section>

		<section id="mast" class="row">
			<hgroup class="seven columns offset-by-one">
				<h2>The Fastest<br>Online Bidding.</h2>
				<h4 class="subheader">Take your buying power to the next level when you need to book your next event.</h4>
				<a class="large primary button" href="#register">Sign up for free!</a>
			</hgroup>
		</section>
	</header>

	<section id="features" class="row">
		<article class="four columns proof1">
			<h3>Join Our Hive</h3>
			<p>Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
		</article>
		<article class="four columns proof2">
			<h3>Be in the Know</h3>
			<p>Aenean eu leo quam. Ornare sem lacinia quam venenatis. Nulla vitae elit libero, a pharetra augue.</p>
		</article>
		<article class="four columns proof3">
			<h3>Advanced Bids</h3>
			<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus.</p>
		</article>
		<article class="four columns proof4">
			<h3>Instant Updates</h3>
			<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.</p>
		</article>
	</section>

	<section id="testimony" class="row">
		<div class="sixteen columns">
			<blockquote>
				<p>&ldquo;Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dovtlor auctor.&rdquo;</p>
				<cite>Loyal Customer</cite>
			</blockquote>
		</div>
	</section>

	<footer>
		<nav class="row">
			<ul class="eight columns">
				<li><a href="#about">About</a></li>
				<li><a href="#features">Features</a></li>
				<li class="standout"><a href="#register">Register</a></li>
			</ul>
			<section class="eight columns">
				<p>Copyright &copy;2012. ZURB, All Rights Reserved.</p>
			</section>
		</nav>
	</footer>

	<script src="javascripts/foundation/jquery.js"></script>
  <script src="javascripts/foundation/app.js"></script>
</body>
</html>
	<!DOCTYPE html>
	<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
	<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
	<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
	<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
	<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
	<head>
	<meta charset="utf-8" />

	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="width=device-width" />

	<title>BuzzApp \| Be Part of Our Hive</title>

	<link rel="stylesheet" href="stylesheets/app.css">
	<link href='http://fonts.googleapis.com/css?family=Cabin:400,700' rel='stylesheet' type='text/css'>
	<script src="javascripts/foundation/modernizr.foundation.js"></script>

	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	</head>
	<body>

	<header>
	<section class="row">
	<h1 class="four columns">
	<a href="#home"><span>Buzz</span>App</a>
	</h1>
	<nav class="twelve columns">
	<ul>
	<li><a href="#about">About</a></li>
	<li><a href="#features">Features</a></li>
	<li class="standout"><a href="#register">Register</a></li>
	</ul>
	</nav>
	</section>

	<section id="mast" class="row">
	<hgroup class="seven columns offset-by-one">
	<h2>The Fastest<br>Online Bidding.</h2>
	<h4 class="subheader">Take your buying power to the next level when you need to book your next event.</h4>
	<a class="large primary button" href="#register">Sign up for free!</a>
	</hgroup>
	</section>
	</header>

	<section id="features" class="row">
	<article class="four columns proof1">
	<h3>Join Our Hive</h3>
	<p>Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
	</article>
	<article class="four columns proof2">
	<h3>Be in the Know</h3>
	<p>Aenean eu leo quam. Ornare sem lacinia quam venenatis. Nulla vitae elit libero, a pharetra augue.</p>
	</article>
	<article class="four columns proof3">
	<h3>Advanced Bids</h3>
	<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus.</p>
	</article>
	<article class="four columns proof4">
	<h3>Instant Updates</h3>
	<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.</p>
	</article>
	</section>

	<section id="testimony" class="row">
	<div class="sixteen columns">
	<blockquote>
	<p>“Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dovtlor auctor.”</p>
	<cite>Loyal Customer</cite>
	</blockquote>
	</div>
	</section>

	<footer>
	<nav class="row">
	<ul class="eight columns">
	<li><a href="#about">About</a></li>
	<li><a href="#features">Features</a></li>
	<li class="standout"><a href="#register">Register</a></li>
	</ul>
	<section class="eight columns">
	<p>Copyright ©2012. ZURB, All Rights Reserved.</p>
	</section>
	</nav>
	</footer>

	<script src="javascripts/foundation/jquery.js"></script>
	<script src="javascripts/foundation/app.js"></script>
	</body>
	</html>