remove separate examples page, add to getting started page

1 files changed, 47 insertions, 3 deletions

diff --git a/docs/getting-started.html b/docs/getting-started.html
index d46232fc2..3aae4b6c0 100644
--- a/docs/getting-started.html
+++ b/docs/getting-started.html
@@ -88,6 +88,8 @@
         <li><a href="#file-structure">File structure <i class="icon-chevron-right"></i></a></li>
         <li><a href="#contents">What's included <i class="icon-chevron-right"></i></a></li>
         <li><a href="#html-template">HTML template <i class="icon-chevron-right"></i></a></li>
+        <li><a href="#examples">Examples <i class="icon-chevron-right"></i></a></li>
+        <li><a href="#what-next">What next? <i class="icon-chevron-right"></i></a></li>
       </ul>
     </div>
     <div class="span9">
@@ -224,17 +226,59 @@
 &lt;/html&gt;
 </pre>
         <p><strong>And you're set!</strong> With those two files added, you can begin to develop any site or application with Bootstrap.</p>
+      </section>
+
+
+
+      <!-- Examples
+      ================================================== -->
+      <section id="examples">
+        <div class="page-header">
+          <h1>5. Examples</h1>
+        </div>
+        <p class="lead">Moving beyond the base template with a few basic examples as starting points for working with Bootstrap. We encourage folks to iterate on these examples and not simply use them as an end result.</p>
+        <ul class="thumbnails bootstrap-examples">
+          <li class="span3">
+            <a class="thumbnail" href="examples/hero.html">
+              <img src="assets/img/examples/bootstrap-example-hero.jpg" alt="">
+            </a>
+            <h3>Basic marketing site</h3>
+            <p>Featuring a hero unit for a primary message and three supporting elements.</p>
+          </li>
+          <li class="span3">
+            <a class="thumbnail" href="examples/fluid.html">
+              <img src="assets/img/examples/bootstrap-example-fluid.jpg" alt="">
+            </a>
+            <h3>Fluid layout</h3>
+            <p>Uses our new responsive, fluid grid system to create a seamless liquid layout.</p>
+          </li>
+          <li class="span3">
+            <a class="thumbnail" href="examples/starter-template.html">
+              <img src="assets/img/examples/bootstrap-example-starter.jpg" alt="">
+            </a>
+            <h3>Starter template</h3>
+            <p>A barebones HTML document with all the Bootstrap CSS and javascript included.</p>
+          </li>
+        </ul>
+      </section>
+
+
 
-        <hr>
 
-        <h2>What next?</h2>
+      <!-- Next
+      ================================================== -->
+      <section id="what-next">
+        <div class="page-header">
+          <h1>What next?</h1>
+        </div>
         <p class="lead">Head to the docs for information, examples, and code snippets, or take the next leap and customize Bootstrap for any upcoming project.</p>
-        <a class="btn btn-large" href="./scaffolding.html" >Visit the Bootstrap docs</a>
+        <a class="btn btn-large btn-primary" href="./scaffolding.html" >Visit the Bootstrap docs</a>
         <a class="btn btn-large" href="./download.html" style="margin-left: 5px;" >Customize Bootstrap</a>
       </section>
 
 
 
+
     </div>
   </div>