foundation-sites-5/doc/includes/topbar.html

**This package is only for versions 5 and earlier of Foundation. As of version 6, the package has a new name: `foundation-sites`.**

 
 

<!-- <nav class="tab-bar show-for-small">
  <a class="off-canvas-left-toggle menu-icon ">
    <span></span>
  </a>  
</nav> -->


<nav class="top-bar docs-bar hide-for-small" data-topbar>
  <ul class="title-area">
    <li class="name">
      <h1>
        <a href="http://foundation.zurb.com/">
          <img class="zurb-logo" src="http://foundation.zurb.com/docs/assets/img/zurb-logo.svg">
          <span>Foundation</span>
        </a>
      </h1>
    </li>
  </ul>

  <section class="top-bar-section">
    <ul class="right">
      <li class="divider"></li>
      <li class="has-dropdown">
        <a href="http://foundation.zurb.com/learn/features.html" class="">Learn</a>
        <ul class="dropdown">
          <li><a href="http://foundation.zurb.com/learn/about.html">About Foundation</a></li>
          <li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
          <li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
          <li><a href="http://foundation.zurb.com/learn/case-studies.html">Case Studies</a></li>
          <li><a href="http://foundation.zurb.com/learn/brands.html">Brands</a></li>
        </ul>
      </li>
      <li class="divider"></li>
      <li class="has-dropdown">
        <a href="http://foundation.zurb.com/develop/getting-started.html" class="">Develop</a>
        <ul class="dropdown">
          <li class="title">Frameworks</li>
          <li><a class="" href="http://foundation.zurb.com/sites.html">Foundation for Sites</a></li>
          <li><a  class="" href="http://foundation.zurb.com/apps.html">Foundation for Apps</a></li>
          <li><a  class="spaced-list-item" href="http://foundation.zurb.com/emails.html">Foundation for Emails</a></li>
          <li class="spaced-divider"><hr></li>
          <li><a href="http://foundation.zurb.com/templates.html">HTML Templates</a></li>
          <li><a href="http://foundation.zurb.com/sites/resources.html">Resources</a></li>
          <li><a href="http://foundation.zurb.com/develop/building-blocks.html">Building Blocks</a></li>
          <li><a href="http://foundation.zurb.com/develop/contribute.html">Contribute</a></li>  
          
        </ul>
      </li>
      <li class="divider"></li>
      <li>
        <a href="http://foundation.zurb.com/upload.html" class="">Upload</a>
      </li>
      <li class="divider"></li>
      <li class="has-dropdown">
        <a href="http://foundation.zurb.com/support/support.html" class="">Support</a>
        <ul class="dropdown">
          <li><a href="http://foundation.zurb.com/support/support.html">Support Channels</a></li>
          <li><a href="http://foundation.zurb.com/support/premium-support.html">Premium Channels</a></li>
          <li><a href="http://foundation.zurb.com/forum">Foundation Forum</a></li>
          <li><a href="http://foundation.zurb.com/support/faq.html">FAQs</a></li>
        </ul>
      </li>
      <li class="divider"></li>
      <li class="has-dropdown">
        <a href="http://foundation.zurb.com/sites/docs/v/5.5.3/">Docs</a>
        <ul class="dropdown">
          <li><a href="http://foundation.zurb.com/sites/docs/v/5.5.3/">F5 Sites Docs</a></li>
          <li><a href="http://foundation.zurb.com/sites/docs">F6 Sites Docs</a></li>
          <li><a href="http://zurb.com/ink/docs.php">Emails Docs</a></li>
          <li><a href="http://foundation.zurb.com/apps/docs">Apps Docs</a></li>
        </ul>
      </li>
      <li class="divider"></li>
      <li class="has-form">
        <a href="http://foundation.zurb.com/sites/getting-started.html" class="small button">Getting Started</a>
    </ul>
  </section>
</nav>