diff options
| author | Mark Otto <[email protected]> | 2012-01-26 10:00:09 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-01-26 10:00:09 -0800 |
| commit | 0ef4b6419fd83170dd62049a2850c5e8466635c9 (patch) | |
| tree | 23e649cbd61892a8755a4e9af2c7f790d9fd7fa3 /docs/index.html | |
| parent | 106625a2ece84fd5e1e68144411c8d00db05c23f (diff) | |
| download | bootstrap-0ef4b6419fd83170dd62049a2850c5e8466635c9.tar.xz bootstrap-0ef4b6419fd83170dd62049a2850c5e8466635c9.zip | |
overhaul frontpage jumbotron, add js for twitter buttons back in, fix up some form ids and classes, straighten out the use of primary button variable
Diffstat (limited to 'docs/index.html')
| -rw-r--r-- | docs/index.html | 66 |
1 files changed, 36 insertions, 30 deletions
diff --git a/docs/index.html b/docs/index.html index f3738e837..333077601 100644 --- a/docs/index.html +++ b/docs/index.html @@ -27,6 +27,7 @@ <body data-spy="scroll" data-target=".subnav" data-offset="50"> + <!-- Navbar ================================================== --> <div class="navbar navbar-fixed"> @@ -68,18 +69,17 @@ ================================================== --> <header class="jumbotron masthead"> <div class="inner"> - <h1>Bootstrap,<br> from Twitter</h1> - <p class="lead">Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.</p> + <h1>Twitter Bootstrap</h1> + <p class="lead">Bootstrap is a comprehensive front-end toolkit from Twitter designed to kickstart web development. It features HTML, CSS, and JS for dozens of base elements, commonly used design components, and more.</p> <p class="download-info"> - <a href="https://github.com/twitter/bootstrap/" class="btn primary btn-large">View on GitHub</a> - <a href="./download.html" class="btn btn-large">Customize and Download</a> + <a href="https://github.com/twitter/bootstrap/" class="btn primary btn-large">View project on GitHub</a> + <a href="./download.html" class="btn btn-large">Customize and download</a> </p> - <div class="benefits"> <h4>Feature highlights</h4> <ul> <li><span>✔</span> Built on LESS</li> - <li><span>✔</span> Complete styleguide docs</li> + <li><span>✔</span> Complete style guide docs</li> <li><span>✔</span> Fully responsive design</li> <li><span>✔</span> Small footprint (10kb gzipped)</li> <li><span>✔</span> Support for IE7 and up</li> @@ -88,30 +88,30 @@ </ul> </div> </div> - </header> - <ul class="quick-links"> - <li><strong>Quick links</strong></li> - <li><a href="https://github.com/twitter/bootstrap/">GitHub</a></li> - <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li> - <li><a href="https://github.com/twitter/bootstrap/wiki/Roadmap">Roadmap</a></li> - <li><a href="https://github.com/twitter/bootstrap/wiki/Changelog">Changelog</a></li> - <li class="divider">·</li> - <li> - <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="114px" height="20px"></iframe> - </li> - <li> - <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="98px" height="20px"></iframe> - </li> - <li class="divider">·</li> - <li class="follow-btn"> - <a href="https://twitter.com/twbootstrap" class="twitter-follow-button" data-width="145px" data-link-color="#0069D6" data-show-count="false">Follow @twbootstrap</a> - </li> - <li class="tweet-btn"> - <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://twitter.github.com/bootstrap/" data-count="horizontal" data-via="twbootstrap" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a> - </li> - </ul> + <ul class="quick-links"> + <li><a href="https://github.com/twitter/bootstrap/">GitHub repo</a></li> + <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li> + <li><a href="https://github.com/twitter/bootstrap/wiki/Roadmap">Roadmap</a></li> + <li><a href="https://github.com/twitter/bootstrap/wiki/Changelog">Changelog</a></li> + <li class="divider">·</li> + <li> + <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="114px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="98px" height="20px"></iframe> + </li> + <li class="divider">·</li> + <li class="follow-btn"> + <a href="https://twitter.com/twbootstrap" class="twitter-follow-button" data-width="145px" data-link-color="#0069D6" data-show-count="false">Follow @twbootstrap</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://twitter.github.com/bootstrap/" data-count="horizontal" data-via="twbootstrap" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a> + </li> + </ul> + </header> + <hr class="soften"> <div class="marketing"> <h1>Built with Bootstrap.</h1> @@ -134,6 +134,8 @@ </li> </ul> + <hr class="soften"> + <h1>Designed for everyone, everywhere.</h1> <p class="marketing-byline">Need reasons to love Bootstrap? Look no further.</p> <div class="row"> @@ -210,6 +212,7 @@ </div> </div><!--/row--> + <hr class="soften"> <!-- Quickstart options ================================================== --> @@ -243,6 +246,7 @@ </div><!-- /.marketing --> </div><!-- /#overview --> + <!-- Footer ================================================== --> <footer class="footer"> @@ -255,9 +259,11 @@ </div><!-- /container --> - <!-- Le javascript --> + + <!-- Le javascript + ================================================== --> <!-- Placed at the end of the document so the pages load faster --> - <!-- <script src="http://code.jquery.com/jquery-1.7.min.js"></script> --> + <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> <script src="../js/tests/vendor/jquery.js"></script> <script src="assets/js/google-code-prettify/prettify.js"></script> <script src="../js/bootstrap-transition.js"></script> |