<ul id="nav">

  <li class="nav-section">
    <div class="nav-section-header"><a href="<?cs var:toroot ?>design/get-started/creative-vision.html">Creative Vision</a></div>
    <ul>
      <li><a href="<?cs var:toroot ?>design/get-started/principles.html"
       es-lang="Principios de diseño para Android"
       ja-lang="Android デザイン指針"
       ko-lang="Android 디자인 원칙"
       pt-br-lang="Princípios de projeto para Android"
       ru-lang="Принципы проектирования Android"
       zh-cn-lang="Android 设计原则"
       zh-tw-lang="Android 設計原則">
       Design Principles</a></li>
      <li><a href="<?cs var:toroot ?>design/patterns/new.html">New in Android</a></li>
    </ul>
  </li>

  <li class="nav-section">
    <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/material/index.html"
       ja-lang="マテリアル デザイン"
       ko-lang="머티어리얼 디자인"
       zh-cn-lang="材料设计"
       zh-tw-lang="材料設計"
       >
    Material for Android</a></div>
  </li>

  <li class="nav-section">
    <div class="nav-section-header"><a href="<?cs var:toroot ?>design/devices.html">Devices</a></div>
    <ul>
      <li><a href="<?cs var:toroot ?>design/handhelds/index.html">Phones &amp; Tablets</a></li>
      <li class="nav-section">
        <div class="nav-section-header">
          <a href="<?cs var:toroot ?>design/wear/index.html">Wear</a></div>
        <ul>
          <li><a href="<?cs var:toroot ?>design/wear/creative-vision.html">Creative Vision</a></li>
          <li><a href="<?cs var:toroot ?>design/wear/principles.html">Design Principles</a></li>
          <li><a href="<?cs var:toroot ?>design/wear/structure.html">App Structure</a></li>
          <li><a href="<?cs var:toroot ?>design/wear/context.html">Context Awareness</a></li>
          <li><a href="<?cs var:toroot ?>design/wear/patterns.html">UI Patterns</a></li>
          <li><a href="<?cs var:toroot ?>design/wear/style.html">Style</a></li>
          <li><a href="<?cs var:toroot ?>design/wear/watchfaces.html">Watch Faces</a></li>
        </ul>
      </li>
      <li class="nav-section">
        <div class="nav-section-header">
          <a href="<?cs var:toroot ?>design/tv/index.html">TV</a></div>
        <ul>
          <li><a href="<?cs var:toroot ?>design/tv/principles.html">Creative Vision</a></li>
          <li><a href="<?cs var:toroot ?>design/tv/patterns.html">UI Patterns</a></li>
          <li><a href="<?cs var:toroot ?>design/tv/style.html">Style</a></li>
        </ul>
      </li>
      <li><a href="<?cs var:toroot ?>design/auto/index.html">Auto</a></li>
    </ul>
  </li>

  <li class="nav-section">
    <div class="nav-section-header"><a href="<?cs var:toroot ?>design/patterns/index.html">Pure Android</a></div>
    <ul>
      <li><a href="<?cs var:toroot ?>design/style/devices-displays.html">Devices and Displays</a></li>
      <li><a href="<?cs var:toroot ?>design/patterns/navigation.html"
       es-lang="Navegación con los botones Back y Up"
       ja-lang="Back と Up を使用したナビゲーション"
       ko-lang="뒤로 및 위로 탐색 기능이 포함된 탐색"
       pt-br-lang="Navegação com Voltar e Para cima"
       ru-lang="Навигация с помощью кнопок \"Назад\" и \"Вверх\""
       zh-cn-lang="使用返回和向上导航"
       zh-tw-lang="使用 [返回] 及 [上一層] 導覽">
       Navigation</a></li>

      <li><a href="<?cs var:toroot ?>design/patterns/widgets.html">Widgets</a></li>
      <li><a href="<?cs var:toroot ?>design/patterns/swipe-views.html">Swipe Views</a></li>
      <li><a href="<?cs var:toroot ?>design/patterns/fullscreen.html">Full Screen</a></li>
      <li><a href="<?cs var:toroot ?>design/patterns/confirming-acknowledging.html"
       es-lang="Confirmación y reconocimiento"
       ja-lang="確認と通知"
       ko-lang="확인 및 승인하기"
       pt-br-lang="Confirmação e reconhecimento"
       ru-lang="Подтверждение и уведомление"
       zh-cn-lang="确认和确知"
       zh-tw-lang="確認及確認完成">
       Confirming &amp; Acknowledging</a></li>
      <li><a href="<?cs var:toroot ?>design/patterns/pure-android.html">Pure Android</a></li>
      <li><a href="<?cs var:toroot ?>design/patterns/compatibility.html">Compatibility</a></li>
      <li><a href="<?cs var:toroot ?>design/patterns/accessibility.html">Accessibility</a></li>
      <li><a href="<?cs var:toroot ?>design/patterns/help.html">Help</a></li>
    </ul>
  </li>

  <li class="nav-section">
    <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></div>
  </li>

<!-- <li class="nav-section">
    <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></div>
  </li> -->

</ul>