<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a href="http://usebootstrap.com/" class="navbar-brand">IM215 Test</a>
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="nav navbar-nav">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">Menu <span class="caret"></span></a>
<ul class="dropdown-menu" aria-labelledby="themes">
<li><a href="about.html">About</a></li>
<li class="divider"></li>
<li><a href="video.html">Videos</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="http://usebootstrap.com/" target="_blank">Use Bootstrap</a></li>
<li><a href="http://usebootstrap.com/" target="_blank">Bootstrap Themes</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<a href="http://validator.w3.org/check?uri=https://bootsnipp.com/iframe/K0d4W" target="_blank"><small>HTML</small><sup>5</sup></a>
<div class="page-header" id="banner" style="align-content: center">
<div class="row">
<div class="col-lg-12">
<h1>Welcome</h1>
<p class="lead">To a new bootstrap theme by UseBootstrap.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis, mi at porta rutrum, dolor magna molestie dolor, non tincidunt magna augue nec ante. Phasellus pellentesque condimentum erat nec pretium. Praesent ante nunc, volutpat a vehicula commodo, pulvinar non augue. Vivamus a blandit turpis. Morbi rhoncus pellentesque mi at mollis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas fermentum velit purus, id ultrices metus ornare et. Etiam porta enim sit amet dolor pellentesque, quis ornare sapien placerat. Fusce feugiat, est eu elementum facilisis, sem dolor venenatis justo, at dapibus risus quam sed nulla. Vivamus arcu risus, placerat eu varius a, tristique ac orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin eu mauris in risus elementum imperdiet. Donec imperdiet, est non porttitor euismod, odio ex accumsan elit, non tristique dolor eros sed nunc. Mauris finibus nunc et commodo finibus. Cras dignissim lectus non nisi congue vulputate. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="bootstrap/bootstrap.min.js"></script>
<script src="bootstrap/usebootstrap.js"></script>