Bootstrap/docs/examples/jumbotron-narrow/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Narrow Jumbotron Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="jumbotron-narrow.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="../../assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

    <div class="container">
      <div class="header">
        <ul class="nav nav-pills pull-right" role="tablist">
          <li role="presentation" class="active"><a href="#">Home</a></li>
          <li role="presentation"><a href="#">About</a></li>
          <li role="presentation"><a href="#">Contact</a></li>
        </ul>
        <h3 class="text-muted">Project name</h3>
      </div>

      <div class="jumbotron">
        <h1>Jumbotron heading</h1>
        <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><a class="btn btn-lg btn-success" href="#" role="button">Sign up today</a></p>
      </div>

      <div class="row marketing">
        <div class="col-lg-6">
          <h4>Subheading</h4>
          <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>

          <h4>Subheading</h4>
          <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>

          <h4>Subheading</h4>
          <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
        </div>

        <div class="col-lg-6">
          <h4>Subheading</h4>
          <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>

          <h4>Subheading</h4>
          <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>

          <h4>Subheading</h4>
          <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
        </div>
      </div>

      <footer class="footer">
        <p>&copy; Company 2014</p>
      </footer>

    </div> <!-- /container -->


    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="utf-8">`
Disable IE Compatibility Mode in docs, examples ...because we don't support it and it may cause problems for people trying to view the docs in IE. 2013-09-24 18:43:16 +02:00			`<meta http-equiv="X-UA-Compatible" content="IE=edge">`
Improve <meta> tags 2014-01-19 13:27:17 +01:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`<meta name="description" content="">`
			`<meta name="author" content="">`
Move apple-touch-icon-precomposed.png and favicon.ico in docs root. This way, it works in all browsers. 2014-03-25 08:30:04 +01:00			`<link rel="icon" href="../../favicon.ico">`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00
change file names to example names 2013-07-21 08:17:01 +02:00			`<title>Narrow Jumbotron Template for Bootstrap</title>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00
			`<!-- Bootstrap core CSS -->`
fix assets links in all examples 2014-01-01 15:29:13 +01:00			`<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00
			`<!-- Custom styles for this template -->`
add git ignore 2013-07-21 08:30:08 +02:00			`<link href="jumbotron-narrow.css" rel="stylesheet">`
add IE's Conditional comments for respondjs and html5shiv 2013-08-18 08:28:52 +02:00
add ie-emulation-modes-warning.js to docs & examples 2014-04-25 00:35:05 +02:00			`<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->`
fix assets links in all examples 2014-01-01 15:29:13 +01:00			`<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->`
add ie-emulation-modes-warning.js to docs & examples 2014-04-25 00:35:05 +02:00			`<script src="../../assets/js/ie-emulation-modes-warning.js"></script>`
Warn about IE8 + Respond.js + file:// problem in examples; fix #11019 2013-10-18 03:39:03 +02:00
Fix a small typo in comment. [ci skip] 2014-10-23 08:11:03 +02:00			`<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->`
add IE's Conditional comments for respondjs and html5shiv 2013-08-18 08:28:52 +02:00			`<!--[if lt IE 9]>`
Update html5shiv to 3.7.2. 2014-05-10 08:22:43 +02:00			`<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>`
Use the new respond.js URL. 2014-04-21 18:12:43 +02:00			`<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>`
add IE's Conditional comments for respondjs and html5shiv 2013-08-18 08:28:52 +02:00			`<![endif]-->`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`</head>`

			`<body>`

Update jumbotron * Defaults to no rounded corners and full width in the viewport * When in a container, the jumbotron has extra padding and will have rounded corners * Updates default jumbotron example to show the full width default display Fixes #9759. 2013-08-18 05:33:52 +02:00			`<div class="container">`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`<div class="header">`
Add role="tablist" to .nav-pills in examples to improve accessibility Follow-up to e9374c0609c9e63fd6033f684b18ff105e1756ae Per https://github.com/paypal/bootstrap-accessibility-plugin/commit/f203dea4b6d17264d7b776f02feaeeaa386cc9b2 Credit: https://github.com/paypal/bootstrap-accessibility-plugin & @rohk [skip sauce] 2014-07-08 04:22:00 +02:00			`<ul class="nav nav-pills pull-right" role="tablist">`
add role="presentation" to tab <li>s to improve accessibility Refs #13554. Per https://github.com/paypal/bootstrap-accessibility-plugin/blob/master/README.md#tab-panel Credit: https://github.com/paypal/bootstrap-accessibility-plugin [skip sauce] 2014-07-08 20:58:33 +02:00			`<li role="presentation" class="active"><a href="#">Home</a></li>`
			`<li role="presentation"><a href="#">About</a></li>`
			`<li role="presentation"><a href="#">Contact</a></li>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`</ul>`
			`<h3 class="text-muted">Project name</h3>`
			`</div>`

			`<div class="jumbotron">`
			`<h1>Jumbotron heading</h1>`
			`<p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>`
Add even more role="button" attributes Missed the <a class="btw" in my regex search 2013-08-24 17:32:23 +02:00			`<p><a class="btn btn-lg btn-success" href="#" role="button">Sign up today</a></p>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`</div>`

			`<div class="row marketing">`
			`<div class="col-lg-6">`
			`<h4>Subheading</h4>`
			`<p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>`

			`<h4>Subheading</h4>`
			`<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>`

			`<h4>Subheading</h4>`
			`<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>`
			`</div>`

			`<div class="col-lg-6">`
			`<h4>Subheading</h4>`
			`<p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>`

			`<h4>Subheading</h4>`
			`<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>`

			`<h4>Subheading</h4>`
			`<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>`
			`</div>`
			`</div>`

Examples: Make use of the `footer` tag instead of a `div`. 2014-10-29 21:07:13 +01:00			`<footer class="footer">`
Update copyright notices in all places - Implements new format "Copyright 2011-xxxx Twitter, Inc.", which resonates well with our History page and more accurately reflects the copyright status of the repo - grunt dist to update all the files 2014-01-07 01:05:24 +01:00			`<p>© Company 2014</p>`
Examples: Make use of the `footer` tag instead of a `div`. 2014-10-29 21:07:13 +01:00			`</footer>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00
			`</div> <!-- /container -->`
massive update, including new index page 2013-07-27 05:42:47 +02:00
add respond.js to all examples (fixes #9731) 2013-08-17 21:32:11 +02:00
Fix #14164: move Windows Phone 8 IE10 viewport bug workaround script to footer of pages 2014-07-28 02:01:34 +02:00			`<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->`
			`<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`</body>`
			`</html>`