<!DOCTYPE html>
<html>
<head>
<link data-require="foundation@*" data-semver="5.5.0" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.0/css/foundation.min.css" />
<link href="style.css" rel="stylesheet" />
<script data-require="jquery@2.1.1" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script data-require="foundation@*" data-semver="5.5.0" src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.0/js/foundation.min.js"></script>
<script data-require="modernizr@*" data-semver="2.6.2" src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.js"></script>
<script src="script.js"></script>
<script src="top-bar.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nisi lectus, efficitur eget urna vel, condimentum tincidunt risus. In in consectetur mi, ut volutpat erat. Nunc at orci ac ex congue accumsan. Nunc eget massa quis elit tincidunt auctor vitae accumsan tortor. Etiam in tempor arcu. Praesent a dui ac lorem porttitor iaculis. Donec sed elit nibh. Pellentesque velit nisl, tristique sit amet maximus a, lacinia non mauris. Fusce aliquet sollicitudin magna condimentum condimentum. Suspendisse tristique, sem ut porttitor luctus, tortor libero consequat ligula, ac fermentum felis dui at orci. Fusce ac urna ligula. Duis vel magna vestibulum lectus dictum tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Mauris ipsum tellus, fermentum quis dolor quis, facilisis imperdiet est. Ut et vulputate felis. Donec sagittis sollicitudin lacus. Donec ac pretium elit. Quisque ullamcorper posuere ex ac eleifend. Suspendisse vulputate iaculis turpis eget placerat. Quisque ornare vulputate orci. Nunc maximus vel justo eget rutrum. Maecenas congue tortor dui. Integer semper leo quis lacus convallis, eget dictum ante venenatis. Vivamus sagittis enim non dictum hendrerit.
In quis nibh a enim aliquam vestibulum. Proin et enim tellus. Cras lacinia, lacus id volutpat tristique, metus eros malesuada odio, non egestas felis magna eu arcu. Quisque a egestas metus, ac sollicitudin lorem. Integer ornare, augue a volutpat ullamcorper, nisl turpis mattis magna, id convallis justo turpis a tortor. Sed pulvinar nisl non justo blandit, id elementum erat bibendum. Sed ornare, est ac finibus vehicula, turpis augue pharetra diam, in aliquam massa leo sollicitudin turpis. Phasellus egestas lobortis ligula non interdum. Mauris consequat tincidunt tristique. Pellentesque est ligula, pharetra eu eleifend et, ultrices ut elit. Phasellus sed est vitae elit dictum maximus. Ut porttitor nisl magna, ac condimentum eros rutrum sit amet. Pellentesque ullamcorper, ex non interdum commodo, tortor lorem varius massa, id sodales leo nibh a nisl. Vestibulum ut rutrum nibh. Ut arcu est, mattis ac tristique vitae, iaculis ac sapien.
Sed hendrerit dui ac dui interdum semper. Vestibulum eu ex id neque aliquet rutrum quis sed dolor. Integer placerat elementum rutrum. Curabitur id diam vitae odio lobortis consectetur interdum nec ante. Morbi velit lacus, finibus quis purus et, mollis feugiat odio. Donec eu turpis dolor. Nam nunc purus, finibus non sem at, efficitur tempor odio. Integer sollicitudin erat quis justo efficitur, lobortis elementum tortor condimentum. Maecenas dictum varius euismod.
Quisque interdum, diam sit amet varius vestibulum, nibh ex scelerisque erat, et euismod elit ipsum vel purus. Integer imperdiet dignissim sem ac lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam mollis turpis et neque lobortis, nec lobortis lectus gravida. Ut eget efficitur neque. Quisque suscipit elit vitae velit vestibulum condimentum. Etiam dignissim magna et tortor luctus, id condimentum ex rutrum. Sed urna orci, faucibus quis velit nec, lobortis mattis velit. Donec facilisis neque lorem, sit amet laoreet nulla maximus eu. Pellentesque sed luctus nunc. Nulla vitae nunc risus. Nullam mollis, massa nec rhoncus euismod, turpis sapien gravida justo, vitae dictum magna ante ac sapien. In maximus justo ac eros pharetra, ut pellentesque turpis rutrum.
Generated 5 paragraphs, 505 words, 3411 bytes of Lorem Ipsum</p>
<div class="large-12 columns">
<div class="sticky">
<nav class="top-bar" data-topbar="" role="navigation">
<ul class="title-area">
<!-- Title Area -->
<li class="name">
<h1><a href="#">Sticky Top Bar</a></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="divider hide-for-small"></li>
<li><a href="#">Main Item 1</a></li>
</ul>
</section></nav>
</div>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nisi lectus, efficitur eget urna vel, condimentum tincidunt risus. In in consectetur mi, ut volutpat erat. Nunc at orci ac ex congue accumsan. Nunc eget massa quis elit tincidunt auctor vitae accumsan tortor. Etiam in tempor arcu. Praesent a dui ac lorem porttitor iaculis. Donec sed elit nibh. Pellentesque velit nisl, tristique sit amet maximus a, lacinia non mauris. Fusce aliquet sollicitudin magna condimentum condimentum. Suspendisse tristique, sem ut porttitor luctus, tortor libero consequat ligula, ac fermentum felis dui at orci. Fusce ac urna ligula. Duis vel magna vestibulum lectus dictum tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Mauris ipsum tellus, fermentum quis dolor quis, facilisis imperdiet est. Ut et vulputate felis. Donec sagittis sollicitudin lacus. Donec ac pretium elit. Quisque ullamcorper posuere ex ac eleifend. Suspendisse vulputate iaculis turpis eget placerat. Quisque ornare vulputate orci. Nunc maximus vel justo eget rutrum. Maecenas congue tortor dui. Integer semper leo quis lacus convallis, eget dictum ante venenatis. Vivamus sagittis enim non dictum hendrerit.
In quis nibh a enim aliquam vestibulum. Proin et enim tellus. Cras lacinia, lacus id volutpat tristique, metus eros malesuada odio, non egestas felis magna eu arcu. Quisque a egestas metus, ac sollicitudin lorem. Integer ornare, augue a volutpat ullamcorper, nisl turpis mattis magna, id convallis justo turpis a tortor. Sed pulvinar nisl non justo blandit, id elementum erat bibendum. Sed ornare, est ac finibus vehicula, turpis augue pharetra diam, in aliquam massa leo sollicitudin turpis. Phasellus egestas lobortis ligula non interdum. Mauris consequat tincidunt tristique. Pellentesque est ligula, pharetra eu eleifend et, ultrices ut elit. Phasellus sed est vitae elit dictum maximus. Ut porttitor nisl magna, ac condimentum eros rutrum sit amet. Pellentesque ullamcorper, ex non interdum commodo, tortor lorem varius massa, id sodales leo nibh a nisl. Vestibulum ut rutrum nibh. Ut arcu est, mattis ac tristique vitae, iaculis ac sapien.
Sed hendrerit dui ac dui interdum semper. Vestibulum eu ex id neque aliquet rutrum quis sed dolor. Integer placerat elementum rutrum. Curabitur id diam vitae odio lobortis consectetur interdum nec ante. Morbi velit lacus, finibus quis purus et, mollis feugiat odio. Donec eu turpis dolor. Nam nunc purus, finibus non sem at, efficitur tempor odio. Integer sollicitudin erat quis justo efficitur, lobortis elementum tortor condimentum. Maecenas dictum varius euismod.
Quisque interdum, diam sit amet varius vestibulum, nibh ex scelerisque erat, et euismod elit ipsum vel purus. Integer imperdiet dignissim sem ac lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam mollis turpis et neque lobortis, nec lobortis lectus gravida. Ut eget efficitur neque. Quisque suscipit elit vitae velit vestibulum condimentum. Etiam dignissim magna et tortor luctus, id condimentum ex rutrum. Sed urna orci, faucibus quis velit nec, lobortis mattis velit. Donec facilisis neque lorem, sit amet laoreet nulla maximus eu. Pellentesque sed luctus nunc. Nulla vitae nunc risus. Nullam mollis, massa nec rhoncus euismod, turpis sapien gravida justo, vitae dictum magna ante ac sapien. In maximus justo ac eros pharetra, ut pellentesque turpis rutrum.
Generated 5 paragraphs, 505 words, 3411 bytes of Lorem Ipsum</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nisi lectus, efficitur eget urna vel, condimentum tincidunt risus. In in consectetur mi, ut volutpat erat. Nunc at orci ac ex congue accumsan. Nunc eget massa quis elit tincidunt auctor vitae accumsan tortor. Etiam in tempor arcu. Praesent a dui ac lorem porttitor iaculis. Donec sed elit nibh. Pellentesque velit nisl, tristique sit amet maximus a, lacinia non mauris. Fusce aliquet sollicitudin magna condimentum condimentum. Suspendisse tristique, sem ut porttitor luctus, tortor libero consequat ligula, ac fermentum felis dui at orci. Fusce ac urna ligula. Duis vel magna vestibulum lectus dictum tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Mauris ipsum tellus, fermentum quis dolor quis, facilisis imperdiet est. Ut et vulputate felis. Donec sagittis sollicitudin lacus. Donec ac pretium elit. Quisque ullamcorper posuere ex ac eleifend. Suspendisse vulputate iaculis turpis eget placerat. Quisque ornare vulputate orci. Nunc maximus vel justo eget rutrum. Maecenas congue tortor dui. Integer semper leo quis lacus convallis, eget dictum ante venenatis. Vivamus sagittis enim non dictum hendrerit.
In quis nibh a enim aliquam vestibulum. Proin et enim tellus. Cras lacinia, lacus id volutpat tristique, metus eros malesuada odio, non egestas felis magna eu arcu. Quisque a egestas metus, ac sollicitudin lorem. Integer ornare, augue a volutpat ullamcorper, nisl turpis mattis magna, id convallis justo turpis a tortor. Sed pulvinar nisl non justo blandit, id elementum erat bibendum. Sed ornare, est ac finibus vehicula, turpis augue pharetra diam, in aliquam massa leo sollicitudin turpis. Phasellus egestas lobortis ligula non interdum. Mauris consequat tincidunt tristique. Pellentesque est ligula, pharetra eu eleifend et, ultrices ut elit. Phasellus sed est vitae elit dictum maximus. Ut porttitor nisl magna, ac condimentum eros rutrum sit amet. Pellentesque ullamcorper, ex non interdum commodo, tortor lorem varius massa, id sodales leo nibh a nisl. Vestibulum ut rutrum nibh. Ut arcu est, mattis ac tristique vitae, iaculis ac sapien.
Sed hendrerit dui ac dui interdum semper. Vestibulum eu ex id neque aliquet rutrum quis sed dolor. Integer placerat elementum rutrum. Curabitur id diam vitae odio lobortis consectetur interdum nec ante. Morbi velit lacus, finibus quis purus et, mollis feugiat odio. Donec eu turpis dolor. Nam nunc purus, finibus non sem at, efficitur tempor odio. Integer sollicitudin erat quis justo efficitur, lobortis elementum tortor condimentum. Maecenas dictum varius euismod.
Quisque interdum, diam sit amet varius vestibulum, nibh ex scelerisque erat, et euismod elit ipsum vel purus. Integer imperdiet dignissim sem ac lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam mollis turpis et neque lobortis, nec lobortis lectus gravida. Ut eget efficitur neque. Quisque suscipit elit vitae velit vestibulum condimentum. Etiam dignissim magna et tortor luctus, id condimentum ex rutrum. Sed urna orci, faucibus quis velit nec, lobortis mattis velit. Donec facilisis neque lorem, sit amet laoreet nulla maximus eu. Pellentesque sed luctus nunc. Nulla vitae nunc risus. Nullam mollis, massa nec rhoncus euismod, turpis sapien gravida justo, vitae dictum magna ante ac sapien. In maximus justo ac eros pharetra, ut pellentesque turpis rutrum.
Generated 5 paragraphs, 505 words, 3411 bytes of Lorem Ipsum</p>
</body>
</html>
// Code goes here
$(document).foundation();
/* Styles go here */