Skip to content

Instantly share code, notes, and snippets.

@cdmo
Last active August 29, 2015 13:56
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 cdmo/9093524 to your computer and use it in GitHub Desktop.
Save cdmo/9093524 to your computer and use it in GitHub Desktop.
.DS_*
._.DS_*
*.sass-cache*
styles/
<!DOCTYPE html>
<!--[if IE 7 ]> <html lang="en" class="no-js lt-ie9 ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js lt-ie9 ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js lt-ie9 ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<title>TITLE HERE | NCSU Libraries</title>
<!--#include virtual="/sites/all/themes/ncsulib_foundation/templates/includes/head.html" -->
</head>
<body>
<div class="off-canvas-wrap">
<div class="inner-wrap">
<!-- HEADER: do not remove -->
<!--#include virtual="/sites/all/themes/ncsulib_foundation/templates/includes/header.html" -->
<div id="content" role="document" class="page">
<main id="main-content" role="main" class="row l-main">
<!-- MAIN CONTENT HERE -->
<div class="medium-9 columns main">
<h1>Nullam dictum felis eu pede (h1)</h1>
<p>This is a two column layout (medium-9 and medium-3). Code looks like this:</code>
<code>
&lt;div class="medium-9 columns main"&gt;<br />
... lorem ...<br />
&lt;/div&gt;<br />
&lt;aside class="medium-3 columns"&gt;<br />
... ipsum ...<br />
&lt;/aside&gt;<br />
</code>
<p>If you want to do some nesting, make sure to wrap nest rows with a block-level element and a row class.</p>
<h2>The quick, brown fox (h2)</h2>
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.</p>
<button>Button</button>
<h2><a href="#">A lazy dog (h2)</a></h2>
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of <a href="#">human happiness</a>. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.</p>
</div>
<aside class="medium-3 columns">
<div class="sidebox">
<h2>This is a sidebox (h2)</h2>
<ul>
<li><a href="#">That is our most modestly</a></li>
<li><a href="#">priced receptacle</a></li>
<li><a href="#">Malesuada suscipit malesuada</a></li>
</ul>
</div>
<div class="sidebox">
<h2>Another sidebox</h2>
<img src="/sites/all/themes/ncsulib_foundation/images/foundation4_yeti_ncsulib.png" alt="Foundation and NCSU Libraries">
</div>
<div class="sidebox">
<h2>One more sidebox</h2>
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.</p>
</div>
</aside>
<!--- end content -->
</main>
</div> <!-- end .page -->
<!-- FOOTER: do not remove -->
<!--#include virtual="/sites/all/themes/ncsulib_foundation/templates/includes/footer.html" -->
</div> <!-- end .inner-wrap -->
</div> <!-- end .off-canvas-wrap -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment