Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

181 lines (141 sloc) 6.314 kb
<!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>Welcome to Foundation | Feed</title>
<!-- Included CSS Files (Uncompressed) -->
<!--
<link rel="stylesheet" href="stylesheets/foundation.css">
-->
<!-- Included CSS Files (Compressed) -->
<link rel="stylesheet" href="stylesheets/foundation.min.css">
<link rel="stylesheet" href="stylesheets/app.css">
<script src="javascripts/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 and Nav -->
<div class="row">
<div class="twelve columns">
<div class="panel">
<h1>Feed Template</h1>
</div>
</div>
</div>
<!-- End Header and Nav -->
<div class="row">
<!-- Main Feed -->
<!-- This has been source ordered to come first in the markup (and on small devices) but to be to the right of the nav on larger screens -->
<div class="six columns push-three">
<!-- Feed Entry -->
<div class="row">
<div class="two columns mobile-one"><img src="http://placehold.it/80x80&text=[img]" /></div>
<div class="ten columns">
<p><strong>Some Person said:</strong> Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong.</p>
<ul class="link-list">
<li><a href="">Reply</a></li>
<li><a href="">Share</a></li>
</ul>
<h6>2 Comments</h6>
<div class="row">
<div class="two columns mobile-one"><img src="http://placehold.it/50x50&text=[img]" /></div>
<div class="ten columns"><p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit</p></div>
</div>
<div class="row">
<div class="two columns mobile-one"><img src="http://placehold.it/50x50&text=[img]" /></div>
<div class="ten columns"><p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit</p></div>
</div>
</div>
</div>
<!-- End Feed Entry -->
<hr />
<!-- Feed Entry -->
<div class="row">
<div class="two columns mobile-one"><img src="http://placehold.it/80x80&text=[img]" /></div>
<div class="ten columns">
<p><strong>Some Person said:</strong> Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong.</p>
<ul class="link-list">
<li><a href="">Reply</a></li>
<li><a href="">Share</a></li>
</ul>
</div>
</div>
<!-- End Feed Entry -->
<hr />
<!-- Feed Entry -->
<div class="row">
<div class="two columns mobile-one"><img src="http://placehold.it/80x80&text=[img]" /></div>
<div class="ten columns">
<p><strong>Some Person said:</strong> Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong.</p>
<ul class="link-list">
<li><a href="">Reply</a></li>
<li><a href="">Share</a></li>
</ul>
<h6>2 Comments</h6>
<div class="row">
<div class="two columns mobile-one"><img src="http://placehold.it/50x50&text=[img]" /></div>
<div class="ten columns"><p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit</p></div>
</div>
</div>
</div>
<!-- End Feed Entry -->
</div>
<!-- Nav Sidebar -->
<!-- This is source ordered to be pulled to the left on larger screens -->
<div class="three columns pull-six">
<div class="panel">
<a href="#"><img src="http://placehold.it/300x240&text=[img]" /></a>
<h5><a href="#">Your Name</a></h5>
<dl class="vertical tabs">
<dd><a href="#">Section 1</a></dd>
<dd><a href="#">Section 2</a></dd>
<dd><a href="#">Section 3</a></dd>
<dd><a href="#">Section 4</a></dd>
<dd><a href="#">Section 5</a></dd>
<dd><a href="#">Section 6</a></dd>
</dl>
</div>
</div>
<!-- Right Sidebar -->
<!-- On small devices this column is hidden -->
<aside class="three columns hide-for-small">
<p><img src="http://placehold.it/300x440&text=[ad]" /></p>
<p><img src="http://placehold.it/300x440&text=[ad]" /></p>
</aside>
</div>
<!-- Footer -->
<footer class="row">
<div class="twelve columns">
<hr />
<div class="row">
<div class="six columns">
<p>&copy; Copyright no one at all. Go to town.</p>
</div>
<div class="six columns">
<ul class="link-list right">
<li><a href="#">Section 1</a></li>
<li><a href="#">Section 2</a></li>
<li><a href="#">Section 3</a></li>
<li><a href="#">Section 4</a></li>
<li><a href="#">Section 5</a></li>
<li><a href="#">Section 6</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Included JS Files (Compressed) -->
<script src="javascripts/foundation.min.js"></script>
<!-- Initialize JS Plugins -->
<script src="javascripts/app.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.