<!DOCTYPE html>
<html>
<body>
<h1> Hello World </h1>
<p> and Hello V and L! </p>
</body>
</html>
<!DOCTYPE html>
<html>
	<head> 
	
		<meta charset="utf-8">
		<title> Emilie's site </title>
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
   		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

	</head>
	<body>
			
		<div class = "navbar navbar-inverse navbar-fixed-top">
			<div class = "container">

				<a href = "#" class = "navbar-brand">ECOBBOLD.ME</a>
				
				<button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
					<span class = "icon-bar"></span>	
					<span class = "icon-bar"></span>	
					<span class = "icon-bar"></span>	

				</button>	

				<div class = "collapse navbar-collapse navHeaderCollapse">

					<ul class = "nav navbar-nav navbar-right">
						<li class = "active"><a href = "#">Eeny</a></li>
						<li><a href = "#">Meeny</a></li>
						<li><a href = "#">Miny</a></li>
						<li><a href = "#">Mo</a></li>
						<li class = "dropdown">
							<a href = "#" class = "dropdown-toggle" data-toggle = "dropdown">ChirpChirp <b class = "caret"></b></a>
							<ul class = "dropdown-menu">
								<li><a href = "https://twitter.com/SudoBeHappy">ChirpChirp!</a></li>

							</ul>
					</li>
					</ul>

				</div>
			</div>	
		</div>
		
		<script src="http://code.jquery.com/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>

	</body>
</html>
Index page update with Nav bar
Index page update with Nav bar

Update1
