small homepage update to include themes

docs/index.html

@@ -18,7 +18,7 @@ title: Bootstrap · The world's most popular mobile-first and responsive f
 
 <div class="bs-docs-featurette">
   <div class="container">
-    <h2 class="bs-docs-featurette-title">Designed for everyone, everywhere.</h2>
+    <h2 class="bs-docs-featurette-title">Designed for everyone, everywhere</h2>
     <p class="lead">Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.</p>
 
     <hr class="half-rule">
@@ -50,7 +50,23 @@ title: Bootstrap &middot; The world's most popular mobile-first and responsive f
 
 <div class="bs-docs-featurette">
   <div class="container">
-    <h2 class="bs-docs-featurette-title">Built with Bootstrap.</h2>
+    <h2 class="bs-docs-featurette-title">Official Bootstrap Themes</h2>
+    <p class="lead">
+      Take Bootstrap to the next level with official premium themes. Each theme is its own toolkit featuring all of Bootstrap, brand new components and plugins, full docs, build tools, and more.
+    </p>
+
+    <p class="lead">
+      <a href="{{ site.themes }}" class="btn btn-outline btn-lg">Browse themes</a>
+    </p>
+
+    <img class="img-fluid mx-auto" src="{{ site.baseurl }}/assets/img/bs-themes.png" alt="Bootstrap Themes" width="1024" height="388">
+  </div>
+</div>
+
+
+<div class="bs-docs-featurette">
+  <div class="container">
+    <h2 class="bs-docs-featurette-title">Built with Bootstrap</h2>
     <p class="lead">Millions of amazing sites across the web are being built with Bootstrap. Get started on your own with our growing <a href="../getting-started/#examples">collection of examples</a> or by exploring some of our favorites.</p>
 
     <hr class="half-rule">