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.html">New in Android</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/confirming-acknowledging.html">Confirming &amp; Acknowledging</a></li>
38      <li><a href="<?cs var:toroot ?>design/patterns/notifications.html">Notifications</a></li>
39      <li><a href="<?cs var:toroot ?>design/patterns/widgets.html">Widgets</a></li>
40      <li><a href="<?cs var:toroot ?>design/patterns/settings.html">Settings</a></li>
41      <li><a href="<?cs var:toroot ?>design/patterns/help.html">Help</a></li>
42      <li><a href="<?cs var:toroot ?>design/patterns/compatibility.html">Compatibility</a></li>
43      <li><a href="<?cs var:toroot ?>design/patterns/accessibility.html">Accessibility</a></li>
44      <li><a href="<?cs var:toroot ?>design/patterns/pure-android.html">Pure Android</a></li>
45    </ul>
46  </li>
47
48  <li class="nav-section">
49    <div class="nav-section-header"><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></div>
50    <ul>
51      <li><a href="<?cs var:toroot ?>design/building-blocks/tabs.html">Tabs</a></li>
52      <li><a href="<?cs var:toroot ?>design/building-blocks/lists.html">Lists</a></li>
53      <li><a href="<?cs var:toroot ?>design/building-blocks/grid-lists.html">Grid Lists</a></li>
54      <li><a href="<?cs var:toroot ?>design/building-blocks/scrolling.html">Scrolling</a></li>
55      <li><a href="<?cs var:toroot ?>design/building-blocks/spinners.html">Spinners</a></li>
56      <li><a href="<?cs var:toroot ?>design/building-blocks/buttons.html">Buttons</a></li>
57      <li><a href="<?cs var:toroot ?>design/building-blocks/text-fields.html">Text Fields</a></li>
58      <li><a href="<?cs var:toroot ?>design/building-blocks/seek-bars.html">Seek Bars</a></li>
59      <li><a href="<?cs var:toroot ?>design/building-blocks/progress.html">Progress &amp; Activity</a></li>
60      <li><a href="<?cs var:toroot ?>design/building-blocks/switches.html">Switches</a></li>
61      <li><a href="<?cs var:toroot ?>design/building-blocks/dialogs.html">Dialogs</a></li>
62      <li><a href="<?cs var:toroot ?>design/building-blocks/pickers.html">Pickers</a></li>
63    </ul>
64  </li>
65
66  <li class="nav-section">
67    <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></div>
68  </li>
69
70  <li class="nav-section">
71    <div class="nav-section-header empty"><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></div>
72  </li>
73
74</ul>