remove unused examples, update examples docs page, add starter template to examples, remove warning alert banner, add screenshots

1 files changed, 11 insertions, 36 deletions

diff --git a/docs/examples.html b/docs/examples.html
index 83188c77f1..aee632a3d3 100644
--- a/docs/examples.html
+++ b/docs/examples.html
@@ -74,60 +74,35 @@
 
     <div class="container">
 
-<div class="alert">
-  <strong>Heads up!</strong> This page is still under construction and is missing plenty of documentation. Hang tight!
-</div>
-
 <!-- Masthead
 ================================================== -->
 <header class="jumbotron subhead" id="overview">
   <h1>Bootstrap examples</h1>
-  <p class="lead">Use these examples as starting points for your work with Bootstrap. We encourage everyone to iterate on these examples and not simply use them as an end result.</p>
+  <p class="lead">We've included a few basic examples as starting points for your work with Bootstrap. We encourage folks to iterate on these examples and not simply use them as an end result.</p>
 </header>
 
 
 <ul class="thumbnails bootstrap-examples">
   <li class="span4">
-    <a href="../examples/hero.html" class="thumbnail">
-      <img src="http://placehold.it/360x240" alt="">
+    <a class="thumbnail" href="../examples/hero.html">
+      <img src="assets/img/examples/bootstrap-example-hero.jpg" alt="">
     </a>
     <h3>Basic marketing site</h3>
-    <p></p>
+    <p>Featuring a hero unit for a primary message and three supporting elements.</p>
   </li>
   <li class="span4">
-    <a href="../examples/fluid.html" class="thumbnail">
-      <img src="http://placehold.it/360x240" alt="">
+    <a class="thumbnail" href="../examples/fluid.html">
+      <img src="assets/img/examples/bootstrap-example-fluid.jpg" 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>
+    <p>Uses are new responsive, fluid grid system to create seamless liquid layout.</p>
   </li>
   <li class="span4">
-    <a href="#" class="thumbnail">
-      <img src="http://placehold.it/360x240" alt="">
+    <a class="thumbnail" href="../examples/starter-template.html">
+      <img src="assets/img/examples/bootstrap-example-starter.jpg" alt="">
     </a>
-    <h3>Simple layout</h3>
-    <p></p>
+    <h3>Starter template</h3>
+    <p>A barebones HTML document with all the Bootstrap CSS and javascript included.</p>
   </li>
 </ul>