Skip to content

Instantly share code, notes, and snippets.

@bobdenotter

bobdenotter/pinegrow.html

Last active May 31, 2016 09:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bobdenotter/d8908aaf5264a4fac60771c72949d66e to your computer and use it in GitHub Desktop.
Save bobdenotter/d8908aaf5264a4fac60771c72949d66e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
pinegrow.html
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="style.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<div class="row">
<ul class="menu icon-top">
<li>
<a href="#"><i class="fi-list"></i> <span>One</span></a>
</li>
<li>
<a href="#"><i class="fi-list"></i> <span>Two</span></a>
</li>
<li>
<a href="#"><i class="fi-list"></i> <span>Three</span></a>
</li>
<li>
<a href="#"><i class="fi-list"></i> <span>Four</span></a>
</li>
</ul>
</div>
<div class="row">
<div class="medium-4 columns">
<h3>Column title</h3>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
</div>
<div class="medium-4 columns">
<h3>Column title</h3>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
</div>
<div class="medium-4 columns">
<h3>Column title</h3>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
</div>
</div>
<div class="row">
<div class="row small-up-3">
<div class="column">
<img src="file:///Applications/Pinegrow%20Web%20Designer.app/Contents/Resources/app.nw/placeholders/img9.jpg" class="thumbnail" alt="">
</div>
<div class="column">
<img src="file:///Applications/Pinegrow%20Web%20Designer.app/Contents/Resources/app.nw/placeholders/img9.jpg" class="thumbnail" alt="">
</div>
<div class="column">
<img src="file:///Applications/Pinegrow%20Web%20Designer.app/Contents/Resources/app.nw/placeholders/img2.jpg" class="thumbnail" alt="">
</div>
</div>
</div>
<script src="js/vendor/jquery.min.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment