diff --git a/public/_includes/_docs-nav.jade b/public/_includes/_docs-nav.jade
index 3d392dbe79..8f48f9dbce 100644
--- a/public/_includes/_docs-nav.jade
+++ b/public/_includes/_docs-nav.jade
@@ -11,21 +11,42 @@ nav.side-nav.l-pinned-left.l-layer-4.l-offset-nav
         name = page.menuTitle || page.title
         selected =  current.path[3] == slug ? 'is-selected':''
 
+
+        // PRIMARY NAVIGATION
         li(class="#{selected}") <a href="/docs/#{current.path[1]}/#{current.path[2]}/#{slug}.html" md-button><span class="side-nav-icon icon-#{page.icon}"></span> #{name}</a>
 
-          if selected
-            sectionThree = public.docs[current.path[1]][current.path[2]][current.path[3]]
 
-            if sectionThree
+          // SECONDARY NAVIGATION
+          if selected
+            secondarySection = public.docs[current.path[1]][current.path[2]][current.path[3]]
+
+            if secondarySection
+              listType = public.docs[current.path[1]][current.path[2]][current.path[3]]._data._listtype || 'unordered'
+              ordered = listType == "ordered" ? "is-ordered" : ""
+              number = 0
+
               ul.side-nav-secondary
+
                 for page, slug in public.docs[current.path[1]][current.path[2]][current.path[3]]._data
                   name = page.menuTitle || page.title
                   selected =  current.path[4] == slug ? 'is-selected':''
-                  li(class="#{selected}") <a href="/docs/#{current.path[1]}/#{current.path[2]}/#{current.path[3]}/#{slug}.html" md-button> #{slug}</a>
+                  num = (listType == "ordered") ? number++ : ''
 
+                  if slug != "_listtype"
+                    if num
+                      li(class="#{selected} #{ordered}") <a href="/docs/#{current.path[1]}/#{current.path[2]}/#{current.path[3]}/#{slug}.html" md-button>#{num}.  #{slug}</a>
+
+                    else
+                      li(class="#{selected} #{ordered}") <a href="/docs/#{current.path[1]}/#{current.path[2]}/#{current.path[3]}/#{slug}.html" md-button>#{slug}</a>
+
+
+                  // TERTIARY NAVIGATION
                   if selected
-                    ul.side-nav-tertiary
-                      for page, slug in public.docs[current.path[1]][current.path[2]][current.path[3]][current.path[4]]._data
-                        name = page.menuTitle || page.title
-                        selected =  current.path[4] == slug ? 'is-selected':''
-                        li(class="#{selected}") <a  href="/docs/#{current.path[1]}/#{current.path[2]}/#{current.path[3]}/#{current.path[4]}/#{slug}.html" md-button> #{name}</a>
+                    tertiarySection = public.docs[current.path[1]][current.path[2]][current.path[3]][current.path[4]]
+
+                    if tertiarySection
+                      ul.side-nav-tertiary
+                        for page, slug in public.docs[current.path[1]][current.path[2]][current.path[3]][current.path[4]]._data
+                          name = page.menuTitle || page.title
+                          selected =  current.path[4] == slug ? 'is-selected':''
+                          li(class="#{selected}") <a  href="/docs/#{current.path[1]}/#{current.path[2]}/#{current.path[3]}/#{current.path[4]}/#{slug}.html" md-button> #{name}</a>
diff --git a/public/docs/index.jade b/public/docs/index.jade
index 9617f26c7c..9d71df89fc 100644
--- a/public/docs/index.jade
+++ b/public/docs/index.jade
@@ -1 +1,12 @@
-h1 path #{current.path[0]}
+.l-main-section
+  .l-sub-section
+    h3 JavaScript
+
+    ul
+      li <a href="/docs/js/latest">Angular 2 JS - Latest Version</a>
+
+
+    h3 Dart
+
+    ul
+      li <a href="/docs/dart/latest">Angular 2 Dart - Latest Version</a>
\ No newline at end of file
diff --git a/public/docs/js/latest/_data.json b/public/docs/js/latest/_data.json
index ef0ce55dad..6eee226e0e 100644
--- a/public/docs/js/latest/_data.json
+++ b/public/docs/js/latest/_data.json
@@ -11,15 +11,15 @@
     "title": "5 Min Quickstart"
   },
 
-  "resources": {
+  "guide": {
     "icon": "play-circle-fill",
-    "title": "Angular Resources",
+    "title": "Guide",
     "banner": "Angular 2 is currently in Alpha Preview. For <a href='https://docs.angularjs.org/guide'>Angular 1.X Resources</a> please visit <a href='https://angularjs.org/'>Angularjs.org</a>."
   },
 
   "api": {
     "icon": "book",
-    "title": "API Proposal"
+    "title": "API"
   },
 
   "help": {
diff --git a/public/docs/js/latest/guide.jade b/public/docs/js/latest/guide.jade
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/js/latest/guide/_data.json b/public/docs/js/latest/guide/_data.json
new file mode 100644
index 0000000000..14d52efcb0
--- /dev/null
+++ b/public/docs/js/latest/guide/_data.json
@@ -0,0 +1,11 @@
+{
+  "_listtype": "ordered",
+
+  "view": {
+    "title": "View Guide"
+  },
+
+  "zones": {
+    "title": "Zone Guide"
+  }
+}
diff --git a/public/docs/js/latest/guide/view.jade b/public/docs/js/latest/guide/view.jade
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/js/latest/guide/zones.jade b/public/docs/js/latest/guide/zones.jade
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/js/latest/index.jade b/public/docs/js/latest/index.jade
index c8d9559532..3c539a014a 100644
--- a/public/docs/js/latest/index.jade
+++ b/public/docs/js/latest/index.jade
@@ -12,17 +12,17 @@ div.c4
 div.c4
   md-card.card
     md-card-content
-      h3.text-headline.text-uppercase <span class="icon-play-circle-outline"></span> Resources
-      p.text-body Preview of v2.0
+      h3.text-headline.text-uppercase <span class="icon-play-circle-outline"></span> Guide
+      p.text-body Step by Step Guide
 
       footer
-        a(href="/docs/#{current.path[1]}/#{current.path[2]}/resources.html" class="button button-primary" md-button) View Resources
+        a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary" md-button) View Resources
 
 
 div.c4
   md-card.card
     md-card-content
-      h3.text-headline.text-uppercase <span class="icon-book"></span> API Preview
+      h3.text-headline.text-uppercase <span class="icon-book"></span> API
       p.text-body Proposal for v2.0 API
 
       footer
diff --git a/public/resources/css/module/_side-nav.scss b/public/resources/css/module/_side-nav.scss
index 190271b129..c33d71d6c0 100644
--- a/public/resources/css/module/_side-nav.scss
+++ b/public/resources/css/module/_side-nav.scss
@@ -140,6 +140,24 @@
       display: none;
     }
 
+    &.is-ordered {
+      list-style-type: decimal;
+      list-style: none;
+
+      > li {
+        line-height: 40px;
+        vertical-align: top;
+
+        > a {
+          padding: 0px 0px 0px ($unit * 8);
+          display: block;
+          box-sizing: normal;
+          width: 100%;
+          line-height: 40px;
+        }
+      }
+    }
+
     > li {
 
       &.is-selected  {