From 54c4d941c3fcd70e19fff8b4b80adea309e83d82 Mon Sep 17 00:00:00 2001
From: lvuch <laurenvuchetich@gmail.com>
Date: Thu, 27 Sep 2018 13:15:51 -0700
Subject: [PATCH] docs index

---
 content/_index.html | 94 +++++++++++++++++++++++++++++----------------
 layouts/index.html  |  6 ++-
 2 files changed, 65 insertions(+), 35 deletions(-)

diff --git a/content/_index.html b/content/_index.html
index 0e72ebbf797..e036ee64d3c 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -1,44 +1,72 @@
 ---
 title: "Documentation | Rancher Labs"
 pageHeader: "Rancher Docs"
-subTitle: "sub"
-description: ""
+description: "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."
+layout: blank
 ---
 
-<section class="p-v-lg">
-  <div class="wrapper">
-    <div class="row middle-xs">
-      <div class="col-md-3">
-        <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>
+{{< banner-cta >}}
+  <h3 class="m-v-sm m-r-sm text-white">Migrate from Rancher v1.6 Cattle to v2.x</h3>
+  <a href="{{< baseurl >}}/rancher/v2.x/en/v1.6-migration/" class="btn border-btn">Learn more</a>
+{{< /banner-cta >}}
+
+<section class="wrapper">
+  <div class="row center-xs">
+    <div class="cards col-md-9">
+      <div class="cards-item col-md-6">
+        <div class="card">
+          <div class="card-content">
+            <div class="card-text">
+              <h3 class="m-t-0">Rancher 2.x</h3>
+              <p>The most of Rancher is redesigned to work on Kubernetes. Rancher 2.0 retains the user-friendly features of version 1.6, such as the UI and catalog.</p>
+            </div>
+            <div class="border-top p-t-xs m-t-sm">
+            <p>Read about how to <a href="{{< baseurl >}}/rancher/v2.x/en/v1.6-migration/">migrate from Rancher v1.6 Cattle to v2.x</a></p>
+            <a href="{{< baseurl >}}/rancher/v2.x/en/" class="btn bg-link">Read the Docs</a>
+            </div>
+            </div>
+        </div>
       </div>
-      <div class="col-md-9 row">
-        <div class="col-md-6 p-a-xs">
-          <div class="box p-a-sm">
-          <h3 class="m-t-0">Rancher 2.x</h3>
-          <p>The most of Rancher is redesigned to work on Kubernetes. Rancher 2.0 retains the user-friendly features of version 1.6, such as the UI and catalog.</p>
-          <a href="{{< baseurl >}}/rancher/v2.x/en/" class="btn bg-link">Read the Docs</a>
+
+      <div class="cards-item col-md-6">
+        <div class="card">
+          <div class="card-content">
+            <div class="card-text">
+              <h3 class="m-t-0">Rancher 1.6</h3>
+              <p>Rancher enables organizations to run and manage Docker and Kubernetes in production without having to build a container services platform from scratch.</p>
+            </div>
+            <div class="border-top p-t-xs m-t-sm">
+            <a href="https://rancher.com/docs/rancher/v1.6/en/" target="_blank" class="btn bg-link">Read the Docs</a>
+            </div>
+            </div>
         </div>
+      </div>
+
+      <div class="cards-item col-md-6">
+        <div class="card">
+          <div class="card-content">
+            <div class="card-text">
+              <h3 class="m-t-0">RancherOS</h3>
+              <p>RancherOS is the smallest, easiest way to run Docker in production. Everything in RancherOS is a container managed by Docker.</p>
+            </div>
+            <div class="border-top p-t-xs m-t-sm">
+            <a href="{{< baseurl >}}/os/v1.x/en/" class="btn bg-link">Read the Docs</a>
+            </div>
+            </div>
         </div>
-        <div class="col-md-6 p-a-xs">
-          <div class="box p-a-sm">
-          <h3 class="m-t-0">Rancher 1.6</h3>
-          <p>Rancher enables organizations to run and manage Docker and Kubernetes in production without having to build a container services platform from scratch.</p>
-          <a href="https://rancher.com/docs/rancher/v1.6/en/" target="_blank" class="btn bg-link">Read the Docs</a>
-        </div>
-        </div>
-        <div class="col-md-6 p-a-xs">
-          <div class="box p-a-sm">
-          <h3 class="m-t-0">RancherOS</h3>
-          <p>RancherOS is the smallest, easiest way to run Docker in production. Everything in RancherOS is a container managed by Docker.</p>
-          <a href="{{< baseurl >}}/os/v1.x/en/" class="btn bg-link">Read the Docs</a>
-        </div>
-        </div>
-        <div class="col-md-6 p-a-xs">
-          <div class="box p-a-sm">
-          <h3 class="m-t-0">RKE</h3>
-          <p>Rancher Kubernetes Engine (RKE) is an extremely simple, lightning fast Kubernetes installer that works everywhere.</p>
-          <a href="{{< baseurl >}}/rke/v0.1.x/en" class="btn bg-link">Read the Docs</a>
-        </div>
+      </div>
+
+      <div class="cards-item col-md-6">
+        <div class="card">
+          <div class="card-content">
+            <div class="card-text">
+              <h3 class="m-t-0">RKE</h3>
+              <p>Rancher Kubernetes Engine (RKE) is an extremely simple, lightning fast Kubernetes installer that works everywhere.</p>
+            </div>
+            <div class="border-top p-t-xs m-t-sm">
+            <a href="{{< baseurl >}}/rke/v0.1.x/en" class="btn bg-link">Read the Docs</a>
+            </div>
+            </div>
         </div>
       </div>
     </div>
diff --git a/layouts/index.html b/layouts/index.html
index d38a51e7e5c..ef8bfb08221 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -2,11 +2,13 @@
 <section class="hero">
   <div class="wrapper">
     <div class="row center-xs">
-      <div class="col-md-8 p-a-lg">
+      <div class="col-md-8 p-b-lg">
       {{ with .Params.pageHeader }}
         <h1>{{ . }}</h1>
       {{end}}
-
+      {{ with .Params.description }}
+        <p class="p-t-sm">{{ . }}</p>
+      {{end}}
       </div>
     </div>
   </div>