git.roojs.org Git - bootswatch/blob - 2/bower_components/bootstrap/docs/templates/pages/index.mustache

   1 <div class="jumbotron masthead">
   2   <div class="container">
   3     <h1>{{_i}}Bootstrap{{/i}}</h1>
   4     <p>{{_i}}Sleek, intuitive, and powerful front-end framework for faster and easier web development.{{/i}}</p>
   5     <p>
   6       <a href="https://github.com/twbs/bootstrap/archive/v2.3.2.zip" class="btn btn-primary btn-large" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 2.3.2']);"{{/production}}>{{_i}}Download Bootstrap{{/i}}</a>
   7     </p>
   8     <ul class="masthead-links">
   9       <li>
  10         <a href="http://github.com/twbs/bootstrap" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);"{{/production}}>{{_i}}GitHub project{{/i}}</a>
  11       </li>
  12       <li>
  13         <a href="./getting-started.html#examples" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Examples']);"{{/production}}>{{_i}}Examples{{/i}}</a>
  14       </li>
  15       <li>
  16         <a href="./extend.html" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Extend']);"{{/production}}>{{_i}}Extend{{/i}}</a>
  17       </li>
  18       <li>
  19         {{_i}}Version 2.3.2{{/i}}
  20       </li>
  21     </ul>
  22   </div>
  23 </div>
  24
  25 <div class="bs-docs-social">
  26   <div class="container">
  27     <ul class="bs-docs-social-buttons">
  28       <li>
  29         <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
  30       </li>
  31       <li>
  32         <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
  33       </li>
  34       <li class="follow-btn">
  35         <a href="https://twitter.com/twbootstrap" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">{{_i}}Follow @twbootstrap{{/i}}</a>
  36       </li>
  37       <li class="tweet-btn">
  38         <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://getbootstrap.com" data-count="horizontal" data-via="twbootstrap" data-related="mdo:Creator of Bootstrap">Tweet</a>
  39       </li>
  40     </ul>
  41   </div>
  42 </div>
  43
  44 <div class="container">
  45
  46   <div class="marketing">
  47
  48     <h1>{{_i}}Introducing Bootstrap.{{/i}}</h1>
  49     <p class="marketing-byline">{{_i}}Need reasons to love Bootstrap? Look no further.{{/i}}</p>
  50
  51     <div class="row-fluid">
  52       <div class="span4">
  53         <img class="marketing-img" src="assets/img/bs-docs-twitter-github.png">
  54         <h2>{{_i}}By nerds, for nerds.{{/i}}</h2>
  55         <p>{{_i}}Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.{{/i}}</p>
  56       </div>
  57       <div class="span4">
  58         <img class="marketing-img" src="assets/img/bs-docs-responsive-illustrations.png">
  59         <h2>{{_i}}Made for everyone.{{/i}}</h2>
  60         <p>{{_i}}Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via <a href="./scaffolding.html#responsive">responsive CSS</a> as well.{{/i}}</p>
  61       </div>
  62       <div class="span4">
  63         <img class="marketing-img" src="assets/img/bs-docs-bootstrap-features.png">
  64         <h2>{{_i}}Packed with features.{{/i}}</h2>
  65         <p>{{_i}}A 12-column responsive <a href="./scaffolding.html#gridSystem">grid</a>, dozens of components, <a href="./javascript.html">JavaScript plugins</a>, typography, form controls, and even a <a href="./customize.html">web-based Customizer</a> to make Bootstrap your own.{{/i}}</p>
  66       </div>
  67     </div>
  68
  69     <hr class="soften">
  70
  71     <h1>{{_i}}Built with Bootstrap.{{/i}}</h1>
  72     <p class="marketing-byline">{{_i}}For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.{{/i}}</p>
  73     <div class="row-fluid">
  74       <ul class="thumbnails example-sites">
  75         <li class="span3">
  76           <a class="thumbnail" href="http://soundready.fm/" target="_blank">
  77             <img src="assets/img/example-sites/soundready.png" alt="SoundReady.fm">
  78           </a>
  79         </li>
  80         <li class="span3">
  81           <a class="thumbnail" href="http://kippt.com/" target="_blank">
  82             <img src="assets/img/example-sites/kippt.png" alt="Kippt">
  83           </a>
  84         </li>
  85         <li class="span3">
  86           <a class="thumbnail" href="http://www.gathercontent.com/" target="_blank">
  87             <img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
  88           </a>
  89         </li>
  90         <li class="span3">
  91           <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
  92             <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
  93           </a>
  94         </li>
  95       </ul>
  96      </div>
  97
  98   </div>{{! /.marketing }}
  99
 100 </div>{{! /.container }}