From 1b32e982ade1fc5275a851b711b45f6a0ed21b0c Mon Sep 17 00:00:00 2001
From: Mark Otto <markotto@twitter.com>
Date: Sun, 12 Feb 2012 14:47:09 -0800
Subject: [PATCH] add hero-unit docs per #1880

---
 docs/assets/bootstrap.zip                | Bin 52782 -> 52782 bytes
 docs/components.html                     |  37 +++++++++++++++++++++++
 docs/templates/pages/components.mustache |  37 +++++++++++++++++++++++
 3 files changed, 74 insertions(+)

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index a41a61541d5722fa9fb487f22656200daa27ae33..ca001c1e6c6f239096bc0efd2b9acd076cea301a 100644
GIT binary patch
delta 486
zcmZ2Chk4x`W}X0VW)?065I9vjkw;P4+R?(_28c^5xEUB(zA`c}u!sO9QIrL!vO$zh
z)|)KN1k^Xf7A#=xxbgOR4xqr~HJpxYAXBUzH-F{~X9o%S2pT~ZZEg`%Fa!xLb25Vo
zJ#q@s1DO;c!=IU(t{)o0$-s<a$K-}WXPDxXg_Qyz{Vq)~dpEZ?RfC0CCaZugwsC~I
zZL;@d1E|R6#>p&-AbssyOkhF>w_Fne3C%pI&t&a5`M_ye5byqJnaQlD#33T$9H0Q;
z0EW+G+f&{cVk=MiGXZToa2iRS<Y@;CbycTbP;4;9P+@!~5JPO~8K{k5cL|;~!muml
QtR05f;j>O4G4^xn0GU9X00000

delta 486
zcmZ2Chk4x`W}X0VW)?065D+Mw$fKy7U}52(1jMBk+zgB?Ul|z~SVVx52xWqW69ZJ)
z62ZzQ>rIws0t(Eq1q&otY`lG*11K<g4W}bmB++8?XU=eTCV|4qK7vMUAj1<ZHn#{W
z7=nbBIhnzP9yx{R0fi<8$na<8rt61>a56AMoC3B3sJNlf8K(GTVWj{_ze|%XOsKu7
zS^#7*%VZT)w@vn*Yyfjg<75^^kfQc2CTt)-0$q1-%QX>@Q8Q2KGbLC|K5$wVq~QK(
znaQlD#F-L7BH|pN0N`K%irb#@#t>V1${$q>Xqx0{2Z(7fy+E<5(=IR@fV}&sjWJXh
np9#beTYAPDrVD7l;8`P7yMSUTXYDY=4xe>mO0t;Deoh?#pSg}V

diff --git a/docs/components.html b/docs/components.html
index 37f1a6511c..10725024b4 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -98,6 +98,7 @@
         </ul>
       </li>
       <li><a href="#labels">Labels</a></li>
+      <li><a href="#hero">Hero</a></li>
       <li><a href="#thumbnails">Thumbnails</a></li>
       <li><a href="#alerts">Alerts</a></li>
       <li><a href="#progress">Progress bars</a></li>
@@ -1137,6 +1138,42 @@
 
 
 
+<!-- Hero unit
+================================================== -->
+<section id="hero">
+  <div class="page-header">
+    <h1>Hero unit <small>Jumbotron for your site's tagline</small></h1>
+  </div>
+  <div class="row">
+    <div class="span4">
+      <h2>About</h2>
+      <p>Bootstrap provides a lightweight, flexible component called a hero unit to showcase content on your site. It works well on marketing and content-heavy sites.</p>
+      <h3>Markup</h3>
+      <p>Wrap your content in a <code>div</code> like so:</p>
+<pre class="prettyprint linenums">
+&lt;div class="hero-unit"&gt;
+  &lt;h1&gt;Heading&lt;/h1&gt;
+  &lt;p&gt;Tagline&lt;/p&gt;
+  &lt;p&gt;
+    &lt;a class="btn btn-primary btn-large"&gt;
+      Learn more
+    &lt;/a&gt;
+  &lt;/p&gt;
+&lt;/div&gt;
+</pre>
+    </div>
+    <div class="span8">
+      <div class="hero-unit">
+        <h1>Hello, world!</h1>
+        <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
+        <p><a class="btn btn-primary btn-large">Learn more</a></p>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+
 <!-- Thumbnails
 ================================================== -->
 <section id="thumbnails">
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index c854ad0d01..003a3ae3c8 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -22,6 +22,7 @@
         </ul>
       </li>
       <li><a href="#labels">{{_i}}Labels{{/i}}</a></li>
+      <li><a href="#hero">{{_i}}Hero{{/i}}</a></li>
       <li><a href="#thumbnails">{{_i}}Thumbnails{{/i}}</a></li>
       <li><a href="#alerts">{{_i}}Alerts{{/i}}</a></li>
       <li><a href="#progress">{{_i}}Progress bars{{/i}}</a></li>
@@ -1061,6 +1062,42 @@
 
 
 
+<!-- Hero unit
+================================================== -->
+<section id="hero">
+  <div class="page-header">
+    <h1>{{_i}}Hero unit{{/i}} <small>{{_i}}Jumbotron for your site's tagline{{/i}}</small></h1>
+  </div>
+  <div class="row">
+    <div class="span4">
+      <h2>{{_i}}About{{/i}}</h2>
+      <p>{{_i}}Bootstrap provides a lightweight, flexible component called a hero unit to showcase content on your site. It works well on marketing and content-heavy sites.{{/i}}</p>
+      <h3>{{_i}}Markup{{/i}}</h3>
+      <p>{{_i}}Wrap your content in a <code>div</code> like so:{{/i}}</p>
+<pre class="prettyprint linenums">
+&lt;div class="hero-unit"&gt;
+  &lt;h1&gt;{{_i}}Heading{{/i}}&lt;/h1&gt;
+  &lt;p&gt;{{_i}}Tagline{{/i}}&lt;/p&gt;
+  &lt;p&gt;
+    &lt;a class="btn btn-primary btn-large"&gt;
+      {{_i}}Learn more{{/i}}
+    &lt;/a&gt;
+  &lt;/p&gt;
+&lt;/div&gt;
+</pre>
+    </div>
+    <div class="span8">
+      <div class="hero-unit">
+        <h1>{{_i}}Hello, world!{{/i}}</h1>
+        <p>{{_i}}This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.{{/i}}</p>
+        <p><a class="btn btn-primary btn-large">{{_i}}Learn more{{/i}}</a></p>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+
 <!-- Thumbnails
 ================================================== -->
 <section id="thumbnails">