<ul id="nav">


  <li class="nav-section">
    <div class="nav-section-header empty"><a href="<?cs var:toroot ?>preview/setup-sdk.html">Set up the SDK
      </a></div>
  </li>
  <li class="nav-section">
    <div class="nav-section-header empty"><a href="<?cs var:toroot ?>preview/api-overview.html">API Overview
      </a></div>
  </li>
  <li class="nav-section">

    <div class="nav-section-header"><a href="<?cs var:toroot ?>preview/material/index.html">Material Design
      </a></div>
    <ul>
      <li><a href="<?cs var:toroot ?>preview/material/get-started.html">Get Started</a></li>
      <li><a href="<?cs var:toroot ?>preview/material/theme.html">Material Theme</a></li>
      <li><a href="<?cs var:toroot ?>preview/material/ui-widgets.html">UI Widgets</a></li>
      <li><a href="<?cs var:toroot ?>preview/material/views-shadows.html">Views and Shadows</a></li>
      <li><a href="<?cs var:toroot ?>preview/material/animations.html">Animations</a></li>
      <li><a href="<?cs var:toroot ?>preview/material/compatibility.html">Compatibility</a></li>
    </ul>
  </li>

  <li class="nav-section">
    <div class="nav-section-header empty">
    <a href="<?cs var:toroot ?>preview/notifications.html">Notification Design</a></div>
  </li>


  <li class="nav-section">
    <div class="nav-section-header">
      <a href="<?cs var:toroot ?>preview/tv/index.html">TV</a>
      </div>
    <ul>
      <li><a href="<?cs var:toroot ?>preview/tv/start/index.html">
        Get Started</a></li>
      <li class="nav-section">
        <div class="nav-section-header">
          <a href="<?cs var:toroot ?>preview/tv/design/index.html">
          Design</a></div>
        <ul>
          <li><a href="<?cs var:toroot ?>preview/tv/design/principles.html">
            Creative Vision</a></li>
          <li><a href="<?cs var:toroot ?>preview/tv/design/patterns.html">
            UI Patterns</a></li>
          <li><a href="<?cs var:toroot ?>preview/tv/design/style.html">
            Style</a></li>
        </ul>
      </li>
      <li class="nav-section">
        <div class="nav-section-header">
          <a href="<?cs var:toroot ?>preview/tv/ui/index.html">
          User Interface</a></div>
        <ul>
          <li><a href="<?cs var:toroot ?>preview/tv/ui/layouts.html">
            Layouts</a></li>
          <li><a href="<?cs var:toroot ?>preview/tv/ui/navigation.html">
            Navigation</a></li>
          <li><a href="<?cs var:toroot ?>preview/tv/ui/browse.html">
            BrowseFragment</a></li>
          <li><a href="<?cs var:toroot ?>preview/tv/ui/details.html">
            DetailsFragment</a></li>
          <li><a href="<?cs var:toroot ?>preview/tv/ui/in-app-search.html">
            In-App Search</a></li>
          <li><a href="<?cs var:toroot ?>preview/tv/ui/recommendations.html">
            Recommendations</a></li>
        </ul>
      </li>
      <li><a href="<?cs var:toroot ?>preview/tv/tif/index.html">
        TV Input Framework</a></li>
      <li><a href="<?cs var:toroot ?>preview/tv/games/index.html">
        Games on TV</a></li>
      <li><a href="<?cs var:toroot ?>preview/tv/start/hardware-features.html">
        Hardware Features</a></li>
      <li><a href="<?cs var:toroot ?>preview/tv/adt-1/index.html">
        ADT-1</a></li>
      <li><a href="<?cs var:toroot ?>preview/tv/publish/index.html">
        Publishing TV Apps</a></li>
    </ul>
  </li>

  <li class="nav-section">
    <div class="nav-section-header empty">
      <a href="<?cs var:toroot ?>preview/samples.html">Samples</a>
      </div>
  </li>
  <li class="nav-section">
    <div class="nav-section-header empty">

      <a href="<?cs var:toroot ?>preview/reference.html">Reference</a>

    </div>
  </li>
    <li class="nav-section">
    <div class="nav-section-header empty">
      <a href="<?cs var:toroot ?>preview/support.html">Support</a>
      </div>
  </li>
  <li class="nav-section">
    <div class="nav-section-header empty">
      <a href="<?cs var:toroot ?>preview/license.html">License Agreement</a>
      </div>
  </li>
  <li class="nav-section" style="margin: 20px 0 0 -10px;">
    <div class="nav-section-header empty">
      <a href="<?cs var:toroot ?>index.html" class="back-link">Developer Home</a>
      </div>
  </li>
</ul>