diff --git a/content/_index.html b/content/_index.html
index e91b9f46e8b..de6aba7eb7b 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -5,10 +5,32 @@ subTitle: "sub"
 description: ""
 ---
 
-<section>
-  <div class="wrapper row center-xs middle-xs">
-    <div class="row">
-      docs index
+<section class="p-v-lg">
+  <div class="wrapper">
+    <div class="row center-xs">
+      <div class="col-md-8">
+        <p>Rancher is open source software that combines everything an organization needs to adopt and run containers in production. Built on Kubernetes, Rancher makes it easy for DevOps teams to test, deploy and manage their applications. Operations teams use Rancher to deploy, manage and secure every Kubernetes deployment regardless of where it is running.</p>
+      </div>
+    </div>
+    <div class="row middle-xs center-xs">
+      <div class="col-md">
+        <h3 class="bg-default m-a-0 p-a-sm">Rancher 2.0</h3>
+          <div class="box p-a-sm">
+            <a href="{{< baseurl >}}/rancher" class="btn bg-link">Read the Docs</a>
+          </div>
+      </div>
+      <div class="col-md">
+        <h3 class="bg-default m-a-0 p-a-sm">Rancher 1.X</h3>
+          <div class="box p-a-sm">
+            <a href="https://rancher.com/docs/rancher/v1.6/en/?__hstc=181257784.c8b72d5c7559a0d146f232f140b2ff44.1506613584438.1524944375438.1524949037449.122&__hssc=181257784.2.1524949037449&__hsfp=2613135925" target="_blank" class="btn bg-link">Read the Docs</a>
+          </div>
+      </div>
+      <div class="col-md">
+        <h3 class="bg-default m-a-0 p-a-sm">RancherOS</h3>
+          <div class="box p-a-sm">
+            <a href="{{< baseurl >}}/os" class="btn bg-link">Read the Docs</a>
+          </div>
+      </div>
     </div>
   </div>
 </section>
diff --git a/layouts/partials/docs-nav.html b/layouts/partials/docs-nav.html
index b0d26e900b5..1a74d9f4490 100644
--- a/layouts/partials/docs-nav.html
+++ b/layouts/partials/docs-nav.html
@@ -1,10 +1,8 @@
 {{ $.Scratch.Set "topLevel" . }}
 {{ $.Scratch.Set "secondLevel" . }}
 
-<nav>
-  <!-- tabs -->
-  <ul class="tabs row middle-xs">
-    <div class="pull-left p-v-xs">
+<nav class="row middle-xs between-xs">
+  <div class="pull-left p-v-xs col-md-2s">
       <ul class="dropdown sub-menu unstyled">
         <li>
           <a href="{{ .URL }}" class="btn bg-link p-a-0">
@@ -29,7 +27,10 @@
           </ul>
         </li>
       </ul>
-    </div>
+  </div>
+
+  <!-- tabs -->
+  <ul class="tabs col-md-10">
     {{ $topLevel := .Scratch.Get "topLevel"}}
     {{ if $topLevel }}
       {{ range $topLevel.Sections }}