Simplify homepage .jumbotron.

docs/_includes/head.html

@@ -217,15 +217,26 @@
     color: #333;
     background-color: transparent;
     border-color: #333;
+    padding: 15px 30px;
+    font-size: 20px;
+  }
+
+  .btn-outline-inverse .fa {
+    margin-right: 8px;
   }
 
   .btn-outline-inverse:hover {
-    color: #428BCA;
-    background-color: white;
+    color: #fff;
+    border-color: #428BCA;
+    background-color: #428BCA;
+  }
+
+  .version {
+    color: #999;
   }
 
   .navbar {
-    border-bottom: 1px solid #eee;
+    background-color: #fff;
   }
 
   /* anchor.js */

docs/index.html

@@ -5,26 +5,20 @@ slug: home
 ---
 
 <main class="jumbotron" role="main">
-  <div class="container">
-    <div class="row">
-      <div class="col-md-6 text-center">
-        <h1>Select2</h1>
-        <p class="lead">
-          The jQuery replacement for select boxes
-        </p>
-      </div>
-      <div class="col-md-6 jumbotron-side text-center">
-        <p>
-          <a href="https://github.com/select2/select2/releases" class="btn btn-outline-inverse btn-lg">
-            <i class="fa fa-download fa-lg"></i>
-            Download
-          </a>
-        </p>
-        <p>
-          <strong>Version</strong> 4.0.0<em>-rc.2</em>
-        </p>
-      </div>
-    </div>
+  <div class="container text-center">
+    <h1>Select2</h1>
+    <p class="lead">
+      The jQuery replacement for select boxes
+    </p>
+    <p>
+      <a href="https://github.com/select2/select2/releases" class="btn btn-outline-inverse btn-lg">
+        <i class="fa fa-arrow-down fa-lg"></i>
+        Download
+      </a>
+    </p>
+    <p class="version">
+      <strong>Version</strong> 4.0.0<em>-rc.2</em>
+    </p>
   </div>
 </main>