1 <ul id="nav"> 2 3 <li class="nav-section"> 4 <div class="nav-section-header"><a href="<?cs var:toroot ?>design/index.html">Get Started</a></div> 5 <ul> 6 <li><a href="<?cs var:toroot ?>design/get-started/creative-vision.html">Creative Vision</a></li> 7 <li><a href="<?cs var:toroot ?>design/get-started/principles.html">Design Principles</a></li> 8 <li><a href="<?cs var:toroot ?>design/get-started/ui-overview.html">UI Overview</a></li> 9 </ul> 10 </li> 11 12 <li class="nav-section"> 13 <div class="nav-section-header"><a href="<?cs var:toroot ?>design/style/index.html">Style</a></div> 14 <ul> 15 <li><a href="<?cs var:toroot ?>design/style/devices-displays.html">Devices and Displays</a></li> 16 <li><a href="<?cs var:toroot ?>design/style/themes.html">Themes</a></li> 17 <li><a href="<?cs var:toroot ?>design/style/touch-feedback.html">Touch Feedback</a></li> 18 <li><a href="<?cs var:toroot ?>design/style/metrics-grids.html">Metrics and Grids</a></li> 19 <li><a href="<?cs var:toroot ?>design/style/typography.html">Typography</a></li> 20 <li><a href="<?cs var:toroot ?>design/style/color.html">Color</a></li> 21 <li><a href="<?cs var:toroot ?>design/style/iconography.html">Iconography</a></li> 22 <li><a href="<?cs var:toroot ?>design/style/branding.html">Your Branding</a></li> 23 <li><a href="<?cs var:toroot ?>design/style/writing.html">Writing Style</a></li> 24 </ul> 25 </li> 26 27 <li class="nav-section"> 28 <div class="nav-section-header"><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></div> 29 <ul> 30 <li><a href="<?cs var:toroot ?>design/patterns/new.html">New in Android</a></li> 31 <li><a href="<?cs var:toroot ?>design/patterns/gestures.html">Gestures</a></li> 32 <li><a href="<?cs var:toroot ?>design/patterns/app-structure.html">App Structure</a></li> 33 <li><a href="<?cs var:toroot ?>design/patterns/navigation.html">Navigation</a></li> 34 <li><a href="<?cs var:toroot ?>design/patterns/actionbar.html">Action Bar</a></li> 35 <li><a href="<?cs var:toroot ?>design/patterns/navigation-drawer.html">Navigation Drawer</a></li> 36 <li><a href="<?cs var:toroot ?>design/patterns/multi-pane-layouts.html">Multi-pane Layouts</a></li> 37 <li><a href="<?cs var:toroot ?>design/patterns/swipe-views.html">Swipe Views</a></li> 38 <li><a href="<?cs var:toroot ?>design/patterns/fullscreen.html">Full Screen</a></li> 39 <li><a href="<?cs var:toroot ?>design/patterns/selection.html">Selection</a></li> 40 <li><a href="<?cs var:toroot ?>design/patterns/confirming-acknowledging.html">Confirming & Acknowledging</a></li> 41 <li><a href="<?cs var:toroot ?>design/patterns/notifications.html">Notifications</a></li> 42 <li><a href="<?cs var:toroot ?>design/patterns/widgets.html">Widgets</a></li> 43 <li><a href="<?cs var:toroot ?>design/patterns/settings.html">Settings</a></li> 44 <li><a href="<?cs var:toroot ?>design/patterns/help.html">Help</a></li> 45 <li><a href="<?cs var:toroot ?>design/patterns/compatibility.html">Compatibility</a></li> 46 <li><a href="<?cs var:toroot ?>design/patterns/accessibility.html">Accessibility</a></li> 47 <li><a href="<?cs var:toroot ?>design/patterns/pure-android.html">Pure Android</a></li> 48 </ul> 49 </li> 50 51 <li class="nav-section"> 52 <div class="nav-section-header"><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></div> 53 <ul> 54 <li><a href="<?cs var:toroot ?>design/building-blocks/tabs.html">Tabs</a></li> 55 <li><a href="<?cs var:toroot ?>design/building-blocks/lists.html">Lists</a></li> 56 <li><a href="<?cs var:toroot ?>design/building-blocks/grid-lists.html">Grid Lists</a></li> 57 <li><a href="<?cs var:toroot ?>design/building-blocks/scrolling.html">Scrolling</a></li> 58 <li><a href="<?cs var:toroot ?>design/building-blocks/spinners.html">Spinners</a></li> 59 <li><a href="<?cs var:toroot ?>design/building-blocks/buttons.html">Buttons</a></li> 60 <li><a href="<?cs var:toroot ?>design/building-blocks/text-fields.html">Text Fields</a></li> 61 <li><a href="<?cs var:toroot ?>design/building-blocks/seek-bars.html">Seek Bars</a></li> 62 <li><a href="<?cs var:toroot ?>design/building-blocks/progress.html">Progress & Activity</a></li> 63 <li><a href="<?cs var:toroot ?>design/building-blocks/switches.html">Switches</a></li> 64 <li><a href="<?cs var:toroot ?>design/building-blocks/dialogs.html">Dialogs</a></li> 65 <li><a href="<?cs var:toroot ?>design/building-blocks/pickers.html">Pickers</a></li> 66 </ul> 67 </li> 68 69 <li class="nav-section"> 70 <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></div> 71 </li> 72 73 <li class="nav-section"> 74 <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></div> 75 </li> 76 77 </ul>