D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
tvanantwerp
Full window
Github gist
Bottom-aligned footer for Foundation 5
<!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>Footer Always at Bottom in Foundation 5</title> <link rel="stylesheet" href="css/app.css" /> <script src="bower_components/modernizr/modernizr.js"></script> </head> <body> <div class="off-canvas-wrap" data-offcanvas> <div class="inner-wrap"> <header> <nav class="tab-bar"> <section class="left-small"> <a href="" class="left-off-canvas-toggle menu-icon"><span></span></a> </section> <section class="middle tab-bar-section">Website Name</section> </nav> <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> </ul> </aside> </header> <section> <div class="row"> <div class="small-12 columns"> <p>Body Content</p> </div> </div> </section> <footer> <div class="row"> <div class="small-12 columns"><p>Footer Content</p></div> </div> </footer> <a class="exit-off-canvas"></a> </div> </div> <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> </body> </html>