diff options
| author | Mark Otto <[email protected]> | 2012-01-06 23:59:22 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-01-06 23:59:22 -0800 |
| commit | cfc2353059df628c67d19a3c5c3ead2cc6051f53 (patch) | |
| tree | 64d535e105e36458aba2c621e05d8413c6d246a9 /docs/index.html | |
| parent | 5cb76037ae70ca26a923750ca9441b04d2fbd6a7 (diff) | |
| download | bootstrap-cfc2353059df628c67d19a3c5c3ead2cc6051f53.tar.xz bootstrap-cfc2353059df628c67d19a3c5c3ead2cc6051f53.zip | |
front page docs updated to include old getting started section, update code styles to look like github gists, and lots more docs updates
Diffstat (limited to 'docs/index.html')
| -rw-r--r-- | docs/index.html | 40 |
1 files changed, 36 insertions, 4 deletions
diff --git a/docs/index.html b/docs/index.html index 0d340fa1a..231ed2066 100644 --- a/docs/index.html +++ b/docs/index.html @@ -106,8 +106,8 @@ <div class="marketing"> - <h1>Built with Bootstrap</h1> - <p class="built-with">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" target="_blank">visit the unofficial Tumblr</a>.</p> + <h1>Built with Bootstrap.</h1> + <p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" target="_blank">visit the unofficial Tumblr</a>.</p> <ul class="thumbnails example-sites"> <li class="span4"> <a class="thumbnail" href="http://kippt.com/" target="_blank"> @@ -126,7 +126,7 @@ </li> </ul> - <h1>Designed for everyone, everywhere</h1> + <h1>Designed for everyone, everywhere.</h1> <div class="row"> <div class="span4"> <img class="icon" src="assets/img/glyphicons/glyphicons_042_group.png"> @@ -200,8 +200,40 @@ <p>Brought to you by an experienced <a href="http://twitter.com/fat">engineer</a> and <a href="http://twitter.com/mdo">designer</a>.</p> </div> </div><!--/row--> - </div> + + <!-- Quickstart options + ================================================== --> + <h1>Get started in no time.</h1> + <p class="marketing-byline">Built for any skill level, Bootstrap fits your workflow and development process.</p> + <table class="bordered-table getting-started"> + <tbody> + <tr> + <td class="quick-start"> + <h3>Hotlink the CSS</h3> + <p>For the quickest and easiest start, just copy this snippet into your webpage.</p> + <form> + <textarea class="copy-code" rows="1"><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.min.css"></textarea> + </form> + </td> + <td class="quick-start"> + <h3>Use it with LESS</h3> + <p>A fan of using LESS? No problem, just clone the repo and add these lines:</p> + <form> + <textarea class="copy-code" rows="2"><link rel="stylesheet/less" href="/path/to/bootstrap.less"> + <script src="/path/to/less.js"></script></textarea> + </form> + </td> + <td class="quick-start"> + <h3>Fork on GitHub</h3> + <p>Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.</p> + <p><a target="_blank" href="https://github.com/twitter/bootstrap" class="btn primary">Bootstrap on GitHub »</a></p> + <p class="current-version">Currently <a href="https://github.com/twitter/bootstrap/wiki/Changelog">v2.0.0</a></p> + </td> + </tr> + </tbody> + </table> + </div><!-- /.marketing --> </div><!-- /#overview --> |