small homepage update to include themes

diff --git a/docs/assets/img/bs-themes.png b/docs/assets/img/bs-themes.png
new file mode 100644 (file)
index 0000000..cf1f20f
Binary files /dev/null and b/docs/assets/img/bs-themes.png differ

diff --git a/docs/index.html b/docs/index.html
index 986766b210de958a080935d3f25826092a6a6d46..df8fac9b343aedb05982522b56d1e81e2ba6e77b 100644 (file)
--- a/docs/index.html
+++ b/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">