Skip to content

Instantly share code, notes, and snippets.

@nqthqn
Created November 5, 2013 18:46
Show Gist options
  • Save nqthqn/7323959 to your computer and use it in GitHub Desktop.
Save nqthqn/7323959 to your computer and use it in GitHub Desktop.
Foundation: TopBar
<nav class="top-bar">
<ul class="title-area">
<!-- Title Area -->
<li class="name">
<h1><a href="#">The Title</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">
<!-- Left Nav Section -->
<ul class="left">
<li class="divider"></li>
<li class="active"><a href="#">Left Stuff</a></li>
</ul>
<!-- Right Nav Section -->
<ul class="right">
<li><a href="#">Right Stuff</a></li>
</ul>
</section>
</nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment