<html class="no-js" lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Footer Always at Bottom in Foundation 5</title>
<link rel="stylesheet" href="css/app.css" />
<script src="bower_components/modernizr/modernizr.js"></script>
<div class="off-canvas-wrap" data-offcanvas>
<section class="left-small">
<a href="" class="left-off-canvas-toggle menu-icon"><span></span></a>
<section class="middle tab-bar-section">Website Name</section>
<aside class="left-off-canvas-menu">
<ul class="off-canvas-list">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<div class="small-12 columns">
<div class="small-12 columns"><p>Footer Content</p></div>
<a class="exit-off-canvas"></a>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="js/app.js"></script>