add gallery page, fill with a few screenshots to start

2 files changed, 66 insertions, 0 deletions

diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache
index a0479a078..d3ec4d504 100644
--- a/docs/templates/layout.mustache
+++ b/docs/templates/layout.mustache
@@ -70,6 +70,9 @@
             <li class="{{customize}}">
               <a href="./customize.html">{{_i}}Customize{{/i}}</a>
             </li>
+            <li class="{{gallery}}">
+              <a href="./gallery.html">{{_i}}Gallery{{/i}}</a>
+            </li>
           </ul>
         </div>
       </div>
diff --git a/docs/templates/pages/gallery.mustache b/docs/templates/pages/gallery.mustache
new file mode 100644
index 000000000..5f07a7f7b
--- /dev/null
+++ b/docs/templates/pages/gallery.mustache
@@ -0,0 +1,63 @@
+<!-- Subhead
+================================================== -->
+<header class="jumbotron subhead" id="overview">
+  <div class="container">
+    <h1>{{_i}}Gallery{{/i}}</h1>
+    <p class="lead">{{_i}}Showcase of sites using Bootstrap.{{/i}}</p>
+  </div>
+</header>
+
+
+<div class="container">
+
+  <section class="bs-docs-gallery">
+    <div class="row">
+      <div class="span4">
+        <a class="thumbnail" href="https://yourkarma.com">
+          <img src="assets/img/example-sites/example-karma.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://metrotwit.com">
+          <img src="assets/img/example-sites/example-metrotwit.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://scriptogr.am">
+          <img src="assets/img/example-sites/example-scriptogram.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://translate.twttr.com">
+          <img src="assets/img/example-sites/example-twitter-translation-center.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://soundready.fm">
+          <img src="assets/img/example-sites/example-soundready.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://breakingnews.com">
+          <img src="assets/img/example-sites/example-breakingnews.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://desk.com">
+          <img src="assets/img/example-sites/example-desk.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://jumpstartui.com">
+          <img src="assets/img/example-sites/example-jumpstart-ui.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://atheycreek.com">
+          <img src="assets/img/example-sites/example-athey-creek.jpg">
+        </a>
+      </div>
+    </div>{{! /.row }}
+  </section>
+
+</div>{{! /.container }}