Bootstrap/docs/examples/narrow-jumbotron/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, shrink-to-fit=no">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <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="narrow-jumbotron.css" rel="stylesheet">
  </head>

  <body>

    <div class="container">
      <div class="header clearfix">
        <nav>
          <ul class="nav nav-pills pull-right">
            <li class="nav-item active">
              <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Contact</a>
            </li>
          </ul>
        </nav>
        <h3 class="text-muted">Project name</h3>
      </div>

      <div class="jumbotron">
        <h1 class="display-3">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 -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- 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">`
Add shrink-to-fit viewport directive Fixes potential problems with iOS9's new viewport behavior - see for instance https://forums.developer.apple.com/thread/13510 2015-10-06 13:35:39 +02:00			`<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">`
Fix issue #15601 — Position of X-UA-Compatible Fix issue #15601 — Position of X-UA-Compatible, charset and viewport Add comment to all examples The non-responsive is correctly saying 2 instead of 3 2015-01-23 20:34:52 +01:00			`<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->`
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 -->`
rename 2014-12-04 10:05:43 +01:00			`<link href="narrow-jumbotron.css" rel="stylesheet">`
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">`
Fix #15911: Clear the floats and move the padding to the header 2015-02-25 01:43:07 +01:00			`<div class="header clearfix">`
Assorted accessibility (and some consistency) fixes for documentation Closes #14951 by merging it. 2014-10-30 17:45:33 +01:00			`<nav>`
			`<ul class="nav nav-pills pull-right">`
convert narrow jumbotron to rems 2014-12-04 10:10:26 +01:00			`<li class="nav-item active">`
			`<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>`
			`</li>`
			`<li class="nav-item">`
			`<a class="nav-link" href="#">About</a>`
			`</li>`
			`<li class="nav-item">`
			`<a class="nav-link" href="#">Contact</a>`
			`</li>`
Assorted accessibility (and some consistency) fixes for documentation Closes #14951 by merging it. 2014-10-30 17:45:33 +01:00			`</ul>`
			`</nav>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`<h3 class="text-muted">Project name</h3>`
			`</div>`

			`<div class="jumbotron">`
Fixes to examples 2015-09-07 00:01:41 +02:00			`<h1 class="display-3">Jumbotron heading</h1>`
Update remaining templates to match starter template 2013-06-24 02:17:08 +02:00			`<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
			`<!-- Bootstrap core JavaScript`
			`================================================== -->`
			`<!-- Placed at the end of the document so the pages load faster -->`
Clean up inclusion of IE-specific JS files. Move them to footer, and remove duplicate ones. [ci skip] 2015-09-06 11:16:01 +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>`