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

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <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 float-right">
            <li class="nav-item">
              <a class="nav-link active" 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 2017</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">`
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">`
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 -->`
more examples path fixing 2017-05-29 20:55:36 +02: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>`
Rename `.navbar-toggleable-xs` to `.navbar-toggleable` + more cleanup (#21226) * Clean up some utilities - Align CSS properties - In `_spacing.scss`, we had a comment saying what 'a' was for, but we removed that so this comment no longer applies * Remove '-xs' from `.navbar-toggleable-xs` and remove duplication * Fix outdated classes to use newer ones 2016-11-28 07:23:12 +01:00			`<ul class="nav nav-pills float-right">`
Fix active Home tab in narrow-jumbotron example the active class should be moved from the list item to the link item 2016-01-16 16:55:53 +01:00			`<li class="nav-item">`
			`<a class="nav-link active" href="#">Home <span class="sr-only">(current)</span></a>`
convert narrow jumbotron to rems 2014-12-04 10:10:26 +01:00			`</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 more copyright years to 2017 (#21491) * Update ie10-viewport-bug-workaround.js year * Update narrow-jumbotron copyright year to 2017 * Update carousel/index.html copyright year to 2017 * Update browsers-devices.md copyright year to 2017 * Update change-version.js copyright year to 2017 2017-01-01 21:02:41 +01:00			`<p>© Company 2017</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 -->`
more examples path fixing 2017-05-29 20:55:36 +02:00			`<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>`