From dfbb5919532b1dbe1868aadac6e2e95286cad969 Mon Sep 17 00:00:00 2001
From: Mark Otto <mark.otto@twitter.com>
Date: Sun, 4 Sep 2011 14:02:56 -0700
Subject: addng docs for the themes stuff and examples

---
 docs/index.html | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

(limited to 'docs/index.html')

diff --git a/docs/index.html b/docs/index.html
index 1c8809645..7531807fd 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -110,13 +110,13 @@
     <h1>About Bootstrap <small>Brief history, browser support, and more</small></h1>
   </div>
   <div class="row">
-    <div class="span6 columns">
+    <div class="span-one-third">
       <h3>History</h3>
       <p>In the earlier days of Twitter, engineers used almost any library they were familiar with to meet front-end requirements. Bootstrap began as an answer to the challenges that presented and development quickly accelerated during Twitter’s first Hackweek.</p>
       <p>With the help and feedback of many engineers at Twitter, Bootstrap has grown significantly to encompass not only basic styles, but more elegant and durable front-end design patterns.</p>
       <p>Read more on <a href="https://dev.twitter.com/blog/bootstrap-twitter">dev.twitter.com &rsaquo;</a></p>
     </div>
-    <div class="span5 columns">
+    <div class="span-one-third">
       <h3>Browser support</h3>
       <p>Bootstrap is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox.</p>
       <img src="assets/img/browsers.png" width="258px" height="48px" alt="Tested and supported in Chrome, Safari, Internet Explorer, and Firefox">
@@ -128,7 +128,7 @@
         <li>Opera 11</li>
       </ul>
     </div>
-    <div class="span5 columns">
+    <div class="span-one-third">
       <h3>What's included</h3>
       <p>Bootstrap comes complete with compiled CSS, uncompiled, and example templates.</p>
       <ul>
@@ -139,6 +139,29 @@
       </ul>
     </div>
   </div><!-- /row -->
+
+  <div class="row">
+    <div class="span12">
+      <h3>Quick-start examples</h3>
+      <p>Need some quick templates? Check out these basic examples we've put together:</p>
+
+      <div class="row">
+        <div class="span4">
+          <img src="assets/img/example-diagram-01.png" class="diagram" alt="Simple three-column layout with hero unit">
+        </div>
+        <div class="span4">
+          <img src="assets/img/example-diagram-02.png" class="diagram" alt="Fluid layout with static sidebar">
+        </div>
+        <div class="span4">
+          <img src="assets/img/example-diagram-03.png" class="diagram" alt="Simple hanging container for apps">
+        </div>
+      </div>
+    </div>
+    <div class="span4">
+      <h3>Theming Bootstrap</h3>
+      <p>Starting with v1.3.0, Bootstrap comes equipped with a customizable Less file, Theme.less. It's designed to replace default values in the library and provide a one-stop-shop for adding-on.</p>
+    </div>
+  </div><!-- /row -->
 </section>
 
 
-- 
cgit v1.2.3