Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
151 lines (118 sloc) 5.26 KB
<!DOCTYPE html>
<!--[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">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<title>Helium, a lighter-than-air responsive front end</title>
<link rel="stylesheet" href="css/master.css">
</head>
<body class="responsive fixed-top-bar">
<div id="footer-pusher">
<div id="page-wrap">
<nav id="page-nav" class="top-bar">
<div class="container">
<div id="nav-branding" class="float-left">
<a>Helium</a>
</div>
<button data-toggle="dropdown" class="show-on-mobile button float-right" id="nav-toggle">Toggle</button>
<div id="nav-collapse">
<ul id="nav-site" class="top-bar-links nav-section float-left">
<li class="active"><a href="#">Home</a></li>
<li class="has-dropdown">
<a href="#" data-toggle="dropdown">Products <span class="caret"></span></a>
<ul class="dropdown">
<li class="section-title">Noble Gases</li>
<li><a href="#">Helium</a></li>
<li><a href="#">Neon</a>
<li><a href="#">Argon</a></li>
<li><a href="#">Krypton</a></li>
<li><a href="#">Xenon</a></li>
<li><a href="#">Radon</a></li>
<li class="divider"></li>
<li class="section-title">Molecules</li>
<li><a href="#">Carbon Dioxide</a></li>
<li><a href="#">Sodium Chloride</a></li>
</ul>
</li>
<li><a href="#">How It Works</a></li>
<li><a href="#">About</a></li>
</ul>
<div id="nav-auth" class="nav-section float-right">
<a class="button" href="#">Log in</a>
<a class="button" href="#">Sign up</a>
</div>
</div>
</div><!--end container-->
</nav><!--end page-nav-->
<header id="page-header">
<div class="container">
<hgroup>
<h1 class="mb0">Build faster with&nbsp;Helium.</h1>
<h2>The responsive frontend that won&rsquo;t weigh you&nbsp;down</h2>
</hgroup>
</div><!--end container-->
</header><!--end page-header-->
<div id="page-content">
<div class="container">
<div class="row">
<div class="span4">
<h2>Here&rsquo;s a Column</h2>
<p>Lorem ipsum <a href="#">dolor sit amet</a>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div>
<a class="button" href="#">Check my swag</a>
</div>
</div>
<div class="span4">
<h2>Here&rsquo;s a Column</h2>
<p>Lorem ipsum <a href="#">dolor sit amet</a>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div>
<a class="button" href="#">Check my swag</a>
</div>
</div>
<div class="span4">
<h2>Here&rsquo;s a Column</h2>
<p>Lorem ipsum <a href="#">dolor sit amet</a>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div>
<a class="button" href="#">Check my swag</a>
</div>
</div>
</div>
</div><!--end container-->
</div><!--end page-content-->
</div><!--end page-wrap-->
</div><!--end footer-pusher-->
<footer id="page-footer">
<div class="container">
<div class="row">
<div class="span3">
<h3>Footer Subhead</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna a.</p>
</div><!--end span3-->
<div class="span3">
<h3>Footer Subhead</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna a.</p>
</div><!--end span3-->
<div class="span3">
<h3>Footer Subhead</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna a.</p>
</div><!--end span3-->
<div class="span3">
<h3>Footer Subhead</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna a.</p>
</div><!--end span3-->
</div>
</div><!--end container-->
</footer><!--end page-footer-->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>