update hero example and examples overview

1 files changed, 44 insertions, 14 deletions

diff --git a/docs/examples.html b/docs/examples.html
index 70a1a54dd..7d79fc0a0 100644
--- a/docs/examples.html
+++ b/docs/examples.html
@@ -82,20 +82,50 @@
 </header>
 
 
-
-<!-- EXAMPLES
-================================================== -->
-<section id="examples">
-  <div class="page-header">
-    <h1>Examples from 1.x</h1>
-  </div>
-
-<p><a href="../examples/container-app.html">Container app</a></p>
-<p><a href="../examples/fluid.html">Fluid layout</a></p>
-<p><a href="../examples/fluid-reverse.html">Reversed fluid layout</a></p>
-<p><a href="../examples/hero.html">Hero marketing site</a></p>
-
-</section>
+<ul class="thumbnails bootstrap-examples">
+  <li class="span4">
+    <a href="../examples/hero.html" class="thumbnail">
+      <img src="http://placehold.it/360x240" alt="">
+    </a>
+    <h3>Basic marketing site</h3>
+    <p></p>
+  </li>
+  <li class="span4">
+    <a href="../examples/fluid.html" class="thumbnail">
+      <img src="http://placehold.it/360x240" alt="">
+    </a>
+    <h3>Fluid layout</h3>
+    <p></p>
+  </li>
+  <li class="span4">
+    <a href="../examples/fluid-reverse.html" class="thumbnail">
+      <img src="http://placehold.it/360x240" alt="">
+    </a>
+    <h3>Fluid layout reversed</h3>
+    <p></p>
+  </li>
+  <li class="span4">
+    <a href="../examples/container-app.html" class="thumbnail">
+      <img src="http://placehold.it/360x240" alt="">
+    </a>
+    <h3>Container application</h3>
+    <p></p>
+  </li>
+  <li class="span4">
+    <a href="#" class="thumbnail">
+      <img src="http://placehold.it/360x240" alt="">
+    </a>
+    <h3>Fullscreen</h3>
+    <p></p>
+  </li>
+  <li class="span4">
+    <a href="#" class="thumbnail">
+      <img src="http://placehold.it/360x240" alt="">
+    </a>
+    <h3>Simple layout</h3>
+    <p></p>
+  </li>
+</ul>
 
 
      <!-- Footer