| <!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"> |
| <!-- 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"> |
| <link rel="canonical" href="https://getbootstrap.com/docs/3.4/examples/cover/"> |
| |
| <title>Cover Template for Bootstrap</title> |
| |
| <!-- Bootstrap core CSS --> |
| <link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> |
| |
| <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> |
| <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> |
| |
| <!-- Custom styles for this template --> |
| <link href="cover.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.3/html5shiv.min.js"></script> |
| <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
| <![endif]--> |
| </head> |
| |
| <body> |
| |
| <div class="site-wrapper"> |
| |
| <div class="site-wrapper-inner"> |
| |
| <div class="cover-container"> |
| |
| <div class="masthead clearfix"> |
| <div class="inner"> |
| <h3 class="masthead-brand">Cover</h3> |
| <nav> |
| <ul class="nav masthead-nav"> |
| <li class="active"><a href="#">Home</a></li> |
| <li><a href="#">Features</a></li> |
| <li><a href="#">Contact</a></li> |
| </ul> |
| </nav> |
| </div> |
| </div> |
| |
| <div class="inner cover"> |
| <h1 class="cover-heading">Cover your page.</h1> |
| <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p> |
| <p class="lead"> |
| <a href="#" class="btn btn-lg btn-default">Learn more</a> |
| </p> |
| </div> |
| |
| <div class="mastfoot"> |
| <div class="inner"> |
| <p>Cover template for <a href="https://getbootstrap.com/">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p> |
| </div> |
| </div> |
| |
| </div> |
| |
| </div> |
| |
| </div> |
| |
| <!-- Bootstrap core JavaScript |
| ================================================== --> |
| <!-- Placed at the end of the document so the pages load faster --> |
| <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script> |
| <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> |
| <script src="../../dist/js/bootstrap.min.js"></script> |
| <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> |
| <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> |
| </body> |
| </html> |
