<!DOCTYPE html>
<html>
<head>
<title>My Site</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="mkd.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="container">
<div id="wrapper">
<div id="social-media-bar"></div>
<div id="header" class="">
<img src="mkd-small.png" alt="MKD Logo">
<ul class="nav nav-pills">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div><!-- .container -->
<script src="http://code.jquery.com/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>