SOLR-15239: Add kube & docker info to main site. (#25)

diff --git a/content/pages/resources.md b/content/pages/resources.md
index 5b602eb..e0b47b4 100644
--- a/content/pages/resources.md
+++ b/content/pages/resources.md
@@ -7,6 +7,10 @@
 
 * [Solr Quick Start](/guide/solr-tutorial.html)
 
+* [Solr on Docker](https://github.com/docker-solr/docker-solr#getting-started-with-the-docker-image)
+
+* [Solr on Kubernetes](/operator/resources.html#tutorials)
+
 <!--
 * More to come: Ideas include "Solr in a Day", "Solr and JSON", "Solr and CSV", "Solr and XML"
 -->
diff --git a/themes/solr/static/css/base.css b/themes/solr/static/css/base.css
index 873ce59..9c57719 100644
--- a/themes/solr/static/css/base.css
+++ b/themes/solr/static/css/base.css
@@ -804,7 +804,7 @@
 /* box variants */
 .col-4 .box {
   margin: 15px;
-  padding: 20px 15px;
+  padding: 5px 5px 15px 5px;
   border: solid 1px transparent
 }
 
@@ -814,7 +814,7 @@
 
 .col-3 .box {
   margin: 15px;
-  padding: 50px 20px 30px 20px;
+  padding: 20px 20px 30px 20px;
   border: solid 1px transparent
 }
 
@@ -823,9 +823,11 @@
 }
 
 [class*="block-grid-"] {
-  display: block;
+  display: flex;
   padding: 0;
   margin:0;
+  flex-wrap: wrap;
+  justify-content: center;
 }
 
 /*
diff --git a/themes/solr/static/css/operator.css b/themes/solr/static/css/operator.css
index bc5f318..0946a2b 100644
--- a/themes/solr/static/css/operator.css
+++ b/themes/solr/static/css/operator.css
@@ -804,7 +804,7 @@
 /* box variants */
 .col-4 .box {
   margin: 15px;
-  padding: 20px 15px;
+  padding: 5px 5px 15px 5px;
   border: solid 1px transparent
 }
 
@@ -814,7 +814,7 @@
 
 .col-3 .box {
   margin: 15px;
-  padding: 50px 20px 30px 20px;
+  padding: 20px 20px 30px 20px;
   border: solid 1px transparent
 }
 
@@ -823,9 +823,11 @@
 }
 
 [class*="block-grid-"] {
-  display: block;
+  display: flex;
   padding: 0;
   margin:0;
+  flex-wrap: wrap;
+  justify-content: center;
 }
 
 /*
diff --git a/themes/solr/templates/downloads.html b/themes/solr/templates/downloads.html
index 1f88ca1..52eb2e5 100644
--- a/themes/solr/templates/downloads.html
+++ b/themes/solr/templates/downloads.html
@@ -38,6 +38,8 @@
       [<a href="https://downloads.apache.org/lucene/solr/{{ SOLR_LATEST_RELEASE }}/solr-{{ SOLR_LATEST_RELEASE }}.zip.sha512">SHA512</a>]
     </li>
 
+    <li>Docker: <a href="https://hub.docker.com/_/solr">solr:{{ SOLR_LATEST_RELEASE }}</a></li>
+
     <li><a href="{{ SITEURL }}/{{ SOLR_LATEST_RELEASE | replace(".", "_") }}/changes/Changes.html">Change log</a></li>
   </ul>
 
@@ -64,6 +66,8 @@
       [<a href="https://downloads.apache.org/lucene/solr/{{ SOLR_PREVIOUS_MAJOR_RELEASE }}/solr-{{ SOLR_PREVIOUS_MAJOR_RELEASE }}.zip.sha512">SHA512</a>]
     </li>
 
+    <li>Docker: <a href="https://hub.docker.com/_/solr">solr:{{ SOLR_PREVIOUS_MAJOR_RELEASE }}</a></li>
+
     <li><a href="{{ SITEURL }}/{{ SOLR_PREVIOUS_MAJOR_RELEASE | replace(".", "_") }}/changes/Changes.html">Change log</a></li>
   </ul>
 
diff --git a/themes/solr/templates/index.html b/themes/solr/templates/index.html
index c1dcc7c..ada27cf 100644
--- a/themes/solr/templates/index.html
+++ b/themes/solr/templates/index.html
@@ -45,7 +45,7 @@
       </p>
     </div>
   </div>
-  <div class="row">
+  <div class="row" style="align-items: center">
     <ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-4">
       <li>
         <a href="/features.html"><div class="box"><div class="img"><img src="{{ SITEURL }}/theme/images/icon-features.svg"/></div>
@@ -92,6 +92,30 @@
           </div>
         </a>
       </li>
+      <li>
+        <a href="https://hub.docker.com/_/solr" target="_blank">
+          <div class="box">
+            <div class="img"><img src="{{ SITEURL }}/theme/images/Solr_Icons_extensible_plugin.svg"/></div>
+            <div class="title">
+              <h3>Docker</h3>
+            </div>
+            <p>Containerize your Solr deployments with Docker.</p>
+            <span class="btn1">Try It Out</span>
+          </div>
+        </a>
+      </li>
+      <li>
+        <a href="/operator">
+          <div class="box">
+            <div class="img"><img src="{{ SITEURL }}/theme/images/Solr_Icons_easy_ways_to_pull_in_data.svg"/></div>
+            <div class="title">
+              <h3>Kubernetes</h3>
+            </div>
+            <p>Automate the deployment of Solr with Kubernetes.</p>
+            <span class="btn1">Explore</span>
+          </div>
+        </a>
+      </li>
     </ul>
   </div>
 </section>