Add Welcome section to docs

* Fixes unrelated typo in readme
* Add new Welcome section with history, team, callouts, and community
subsections
* Redesigns callouts to be a bit lighterweight with colored headings

1 files changed, 67 insertions, 0 deletions

diff --git a/getting-started.html b/getting-started.html
index 5986f43eb..146063590 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -7,6 +7,72 @@ base_url: "../"
 ---
 
 
+  <!-- Welcome
+  ================================================== -->
+  <div class="bs-docs-section">
+    <div class="page-header">
+      <h1 id="welcome">Welcome!</h1>
+    </div>
+    <p class="lead">You're looking at the official documentation for Bootstrap, a front-end framework for building on the Web. Get the background story on Bootstrap, useful tidbits about the docs, helpful community links, and more.</p>
+
+    <h2 id="welcome-history">Brief history</h3>
+    <p>Bootstrap was created at Twitter in mid-2010 by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>. Before being an open source framework, Bootstrap was known as Twitter Blueprint. A few months into development, Twitter held it's <a href="https://blog.twitter.com/2010/hack-week">first Hack Week</a> and the project exploded. It served as the style guide for internal tools development at the company for over a year before it's public release.</p>
+    <p>Originally <a href="https://dev.twitter.com/blog/bootstrap-twitter">released</a> on <a href="https://twitter.com/mdo/statuses/104620039650557952">Friday, August 19, 2011</a>, we've had over <a href="https://github.com/twbs/bootstrap/releases">twenty releases</a>, including two major rewrites with v2 and v3.</p>
+
+    <h2 id="welcome-core-team">Core team</h2>
+    <p>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p>
+    <div class="list-group bs-team">
+      <a class="list-group-item team-member" href="https://github.com/mdo">
+        <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=mdo&type=follow" width="120" height="20"></iframe>
+        <img src="https://0.gravatar.com/avatar/bc4ab438f7a4ce1c406aadc688427f2c?d=https%3A%2F%2Fidenticons.github.com%2F10339ec809c5a79dbf25614ba22eee40.png" alt="@mdo">
+        <strong>Mark Otto</strong> <small>@mdo</small>
+      </a>
+      <a class="list-group-item team-member" href="https://github.com/fat">
+        <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=fat&type=follow" width="120" height="20"></iframe>
+        <img src="https://2.gravatar.com/avatar/a98244cbdacaf1c0b55499466002f7a8?d=https%3A%2F%2Fidenticons.github.com%2F313701b540df992682dccc8f70dc12a0.png" alt="@fat">
+        <strong>Jacob Thornton</strong> <small>@fat</small>
+      </a>
+      <a class="list-group-item team-member" href="https://github.com/juthilo">
+        <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=cvrebert&type=follow" width="120" height="20"></iframe>
+        <img src="https://0.gravatar.com/avatar/edec428c425453955f770095a7d26c50?d=https%3A%2F%2Fidenticons.github.com%2F1b08c04e9008c9f801938b05a1bb8d88.png" alt="@cvrebert">
+        <strong>Chris Rebert</strong> <small>@cvrebert</small>
+      </a>
+      <a class="list-group-item team-member" href="https://github.com/juthilo">
+        <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=juthilo&type=follow" width="120" height="20"></iframe>
+        <img src="https://0.gravatar.com/avatar/0f7dd3ce58a416be5685ea6194f82b11?d=https%3A%2F%2Fidenticons.github.com%2Fafd0c2227d136850c00b96f7359a70c6.png" alt="@juthilo">
+        <strong>Julian Thilo</strong> <small>@juthilo</small>
+      </a>
+    </div>
+    <p>Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md">contributing guidelines</a> for more information.</p>
+
+    <h2 id="welcome-callouts">Callouts</h2>
+    <p>We use callouts throughout the docs to direct attention to important contextual information. These callouts can be informative and optional (blue), warnings (yellow), or dangerously important (red).</p>
+    <div class="bs-callout bs-callout-info">
+      <h4>Extra information</h4>
+      <p>These are helpful notes that provide background information or additional context.</p>
+    </div>
+    <div class="bs-callout bs-callout-warning">
+      <h4>Heads up</h4>
+      <p>This is a warning used to highlight pertinent, though not necessarily required, information.</p>
+    </div>
+    <div class="bs-callout bs-callout-danger">
+      <h4>Potential danger ahead</h4>
+      <p>Pay attention to these for potentially dangerous or tricky requirements, bugs, and more.</p>
+    </div>
+    <p>See something worth calling out? Let us know with an <a href="https://github.com/twbs/bootstrap/issues/new">issue on GitHub</a>.</p>
+
+    <h2 id="welcome-community">Community</h2>
+    <p>Stay up to date on the development of Bootstrap and reach out to the community with these helpful resources.</p>
+    <ul>
+      <li>Read and subscribe to <a href="http://blog.getbootstrap.com/">The Official Bootstrap Blog</a>.</li>
+      <li>Have a question that's not a feature request or bug report? <a href="http://groups.google.com/group/twitter-bootstrap">Ask on the mailing list.</a></li>
+      <li>Chat with fellow Bootstrappers in IRC. On the <code>irc.freenode.net</code> server, in the <code>##twitter-bootstrap</code> channel.</li>
+      <li>Find inspiring examples of Bootstrap at the <a href="http://expo.getbootstrap.com">Bootstrap Expo</a>.</li>
+    </ul>
+    <p>You can also follow <a href="https://twitter.com/twbootstrap">@twbootstrap on Twitter</a> for the latest gossip and awesome music videos.</p>
+  </div>
+
+
   <!-- Getting started
   ================================================== -->
   <div class="bs-docs-section">
@@ -55,6 +121,7 @@ base_url: "../"
     </div>
   </div>
 
+
   <!-- File structure
   ================================================== -->
   <div class="bs-docs-section">