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/writing.html">Writing Style</a></li> 23 </ul> 24 </li> 25 26 <li class="nav-section"> 27 <div class="nav-section-header"><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></div> 28 <ul> 29 <li><a href="<?cs var:toroot ?>design/patterns/new-4-0.html">New in Android 4.0</a></li> 30 <li><a href="<?cs var:toroot ?>design/patterns/gestures.html">Gestures</a></li> 31 <li><a href="<?cs var:toroot ?>design/patterns/app-structure.html">App Structure</a></li> 32 <li><a href="<?cs var:toroot ?>design/patterns/navigation.html">Navigation</a></li> 33 <li><a href="<?cs var:toroot ?>design/patterns/actionbar.html">Action Bar</a></li> 34 <li><a href="<?cs var:toroot ?>design/patterns/multi-pane-layouts.html">Multi-pane Layouts</a></li> 35 <li><a href="<?cs var:toroot ?>design/patterns/swipe-views.html">Swipe Views</a></li> 36 <li><a href="<?cs var:toroot ?>design/patterns/selection.html">Selection</a></li> 37 <li><a href="<?cs var:toroot ?>design/patterns/notifications.html">Notifications</a></li> 38 <li><a href="<?cs var:toroot ?>design/patterns/settings.html">Settings</a></li> 39 <li><a href="<?cs var:toroot ?>design/patterns/compatibility.html">Compatibility</a></li> 40 <li><a href="<?cs var:toroot ?>design/patterns/pure-android.html">Pure Android</a></li> 41 </ul> 42 </li> 43 44 <li class="nav-section"> 45 <div class="nav-section-header"><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></div> 46 <ul> 47 <li><a href="<?cs var:toroot ?>design/building-blocks/tabs.html">Tabs</a></li> 48 <li><a href="<?cs var:toroot ?>design/building-blocks/lists.html">Lists</a></li> 49 <li><a href="<?cs var:toroot ?>design/building-blocks/grid-lists.html">Grid Lists</a></li> 50 <li><a href="<?cs var:toroot ?>design/building-blocks/scrolling.html">Scrolling</a></li> 51 <li><a href="<?cs var:toroot ?>design/building-blocks/spinners.html">Spinners</a></li> 52 <li><a href="<?cs var:toroot ?>design/building-blocks/buttons.html">Buttons</a></li> 53 <li><a href="<?cs var:toroot ?>design/building-blocks/text-fields.html">Text Fields</a></li> 54 <li><a href="<?cs var:toroot ?>design/building-blocks/seek-bars.html">Seek Bars</a></li> 55 <li><a href="<?cs var:toroot ?>design/building-blocks/progress.html">Progress & Activity</a></li> 56 <li><a href="<?cs var:toroot ?>design/building-blocks/switches.html">Switches</a></li> 57 <li><a href="<?cs var:toroot ?>design/building-blocks/dialogs.html">Dialogs</a></li> 58 <li><a href="<?cs var:toroot ?>design/building-blocks/pickers.html">Pickers</a></li> 59 </ul> 60 </li> 61 62 <li class="nav-section"> 63 <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></div> 64 </li> 65 66 </ul>