5 <meta http-equiv=
"X-UA-Compatible" content=
"IE=edge">
6 <meta name=
"viewport" content=
"width=device-width, initial-scale=1">
7 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
8 <meta name=
"description" content=
"">
9 <meta name=
"author" content=
"">
10 <link rel=
"icon" href=
"../../favicon.ico">
12 <title>Narrow Jumbotron Template for Bootstrap
</title>
14 <!-- Bootstrap core CSS -->
15 <link href=
"../../dist/css/bootstrap.min.css" rel=
"stylesheet">
16 <link href=
"../../dist/css/bootstrap-rtl.min.css" rel=
"stylesheet">
18 <!-- Custom styles for this template -->
19 <link href=
"jumbotron-narrow.css" rel=
"stylesheet">
21 <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
22 <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
23 <script src=
"../../assets/js/ie-emulation-modes-warning.js"></script>
25 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
27 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
28 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
34 <div class=
"container">
35 <div class=
"header clearfix">
37 <ul class=
"nav nav-pills pull-right flip">
38 <li role=
"presentation" class=
"active"><a href=
"#">Home
</a></li>
39 <li role=
"presentation"><a href=
"#">About
</a></li>
40 <li role=
"presentation"><a href=
"#">Contact
</a></li>
43 <h3 class=
"text-muted">Project name
</h3>
46 <div class=
"jumbotron">
47 <h1>Jumbotron heading
</h1>
48 <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>
49 <p><a class=
"btn btn-lg btn-success" href=
"#" role=
"button">Sign up today
</a></p>
52 <div class=
"row marketing">
53 <div class=
"col-lg-6">
55 <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.
</p>
58 <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.
</p>
61 <p>Maecenas sed diam eget risus varius blandit sit amet non magna.
</p>
64 <div class=
"col-lg-6">
66 <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.
</p>
69 <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.
</p>
72 <p>Maecenas sed diam eget risus varius blandit sit amet non magna.
</p>
76 <footer class=
"footer">
77 <p>© Company
2014</p>
80 </div> <!-- /container -->
83 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
84 <script src=
"../../assets/js/ie10-viewport-bug-workaround.js"></script>