Skip to content

Instantly share code, notes, and snippets.

View hatefulcrawdad's full-sized avatar

Chris Michel hatefulcrawdad

View GitHub Profile
@hatefulcrawdad
hatefulcrawdad / progress-bar.html
Created September 12, 2012 22:07
Progress Bar
<div class="progress six"><span class="meter"></span></div>
<div class="radius progress success eight"><span class="meter"></span></div>
<div class="nice round progress alert ten"><span class="meter"></span></div>
<div class="nice secondary progress"><span class="meter"></span></div>
@hatefulcrawdad
hatefulcrawdad / contact-template.html
Created September 13, 2012 05:40
Foundation Template: Contact
<!-- Top Bar -->
<nav class="top-bar">
<ul>
<!-- Title Area -->
<li class="name">
<h1>
<a href="#">
Top Bar Title
</a>
@hatefulcrawdad
hatefulcrawdad / banded-template.html
Created September 13, 2012 06:06
Foundation Template: Banded
<!-- Header and Nav -->
<div class="row">
<div class="three columns">
<h1><img src="http://placehold.it/400x100&text=Logo" /></h1>
</div>
<div class="nine columns">
<ul class="nav-bar right">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
@hatefulcrawdad
hatefulcrawdad / blog-template.html
Created September 13, 2012 06:07
Foundation Template: Blog
<!-- Nav Bar -->
<div class="row">
<div class="twelve columns">
<ul class="nav-bar">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
@hatefulcrawdad
hatefulcrawdad / feed-template.html
Created September 13, 2012 06:08
Foundation Template: Feed
<!-- Header and Nav -->
<div class="row">
<div class="twelve columns">
<div class="panel">
<h1>Feed Template</h1>
</div>
</div>
</div>
@hatefulcrawdad
hatefulcrawdad / grid-template.html
Created September 13, 2012 06:09
Foundation Template: Grid
<!-- Header and Nav -->
<nav class="top-bar">
<ul>
<!-- Title Area -->
<li class="name">
<h1>
<a href="#">
Top Bar Title
</a>
@hatefulcrawdad
hatefulcrawdad / orbit-home-template.html
Created September 13, 2012 06:10
Foundation Template: Orbit Home
<!-- Header and Nav -->
<div class="row">
<div class="three columns">
<h1><img src="http://placehold.it/400x100&text=Logo" /></h1>
</div>
<div class="nine columns">
<ul class="nav-bar right">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
@hatefulcrawdad
hatefulcrawdad / banner-home-template.html
Created September 13, 2012 06:11
Foundation Template: Banner Home
<!-- Nav and Banner -->
<div class="row">
<div class="twelve columns">
<ul class="nav-bar">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
@hatefulcrawdad
hatefulcrawdad / sidebar-template.html
Created September 13, 2012 06:12
Foundation Template: Sidebar
<!-- Header and Nav -->
<div class="row">
<div class="three columns">
<h1><img src="http://placehold.it/400x100&text=Logo" /></h1>
</div>
<div class="nine columns">
<ul class="link-list right">
<li><a href="#">Section 1</a></li>
<li><a href="#">Section 2</a></li>
@hatefulcrawdad
hatefulcrawdad / reveal-markup.html
Created September 13, 2012 08:30
Foundation Reveal Modal Markup
<div id="myModal" class="reveal-modal [expand, xlarge, large, medium, small]">
<h2>Awesome. I have it.</h2>
<p class="lead">Your couch. I it's mine.</p>
<p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
<a class="close-reveal-modal">&#215;</a>
</div>