From 9bc864872f45d66725844cb0ef1dd0cc083ed30a Mon Sep 17 00:00:00 2001
From: Catherine Luse <catherine.luse@gmail.com>
Date: Wed, 5 May 2021 11:56:02 -0700
Subject: [PATCH] Add separate cards for separate doc versions

---
 content/_index.html | 33 +++++++++++++++++++++++++++------
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/content/_index.html b/content/_index.html
index 3cb6dc656a0..ecb3431a8dd 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -101,8 +101,8 @@
                       card-item">
                         <div class="card-wrap">
                             <h3 class="title-label">
-                                <span class="background">2.x</span>
-                                Rancher 2.x
+                                <span class="background">2.5</span>
+                                Rancher 2.5
                             </h3>
 
                             <hr/>
@@ -110,10 +110,31 @@
                             <p class="description-label">Rancher manages all of your Kubernetes clusters everywhere, unifies them under centralized RBAC, monitors them and lets you easily deploy and manage workloads through an intuitive user interface.</p>
 
                             <div class="buttons-container">
-                              <ul>
-                                  <li><a href="{{<baseurl>}}/rancher/v2.5/en/">Rancher v2.5</a></li>
-                                  <li><a href="{{<baseurl>}}/rancher/v2.0-v2.4/en/">Rancher v2.0-v2.4</a></li>
-                              </ul>
+                              <a href="{{<baseurl>}}/rancher/v2.5/en/">Rancher v2.5</a>
+                              <a href="{{<baseurl>}}/rancher/v2.0-v2.4/en/">Rancher v2.0-v2.4</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="
+                      col-xl-4
+                      col-lg-4
+                      col-md-4
+                      col-sm-12
+                      col-xs-12
+                      col-12
+                      card-item">
+                        <div class="card-wrap">
+                            <h3 class="title-label">
+                                <span class="background">2.0-2.4</span>
+                                Rancher 2.0-2.4
+                            </h3>
+
+                            <hr/>
+
+                            <p class="description-label">Rancher manages all of your Kubernetes clusters everywhere, unifies them under centralized RBAC, monitors them and lets you easily deploy and manage workloads through an intuitive user interface.</p>
+
+                            <div class="buttons-container">
+                              <a href="{{<baseurl>}}/rancher/v2.0-v2.4/en/">Rancher v2.0-v2.4</a>
                             </div>
                         </div>
                     </div>