public
Last active

BuzzApp | Body Code

  • Download Gist
buzz-body.html
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94
<!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>

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.