Untitled

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Homepage</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	<link rel="stylesheet" type="text/css" href="gip.css" />
</head>
<body>
	<nav class="navbar navbar-inverse">
		<div class="container-fluid">

		<!-- naam/logo -->
			<div class="navbar-header">
				<a class="navbar-brand" href="#">Hearthstone Deck Forum</a>
			</div>

		<!-- menu items -->
			<div>
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">Home</a></li>

					<!-- drop down menu decks -->
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Decks <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="#">Druid</a></li>
							<li><a href="#">Hunter</a></li>
							<li><a href="#">Mage</a></li>
							<li><a href="#">Paladin</a></li>
							<li><a href="#">Priest</a></li>
							<li><a href="#">Rogue</a></li>
							<li><a href="#">Shaman</a></li>
							<li><a href="#">Warlock</a></li>
							<li><a href="#">Warrior</a></li>
				        </ul>
					</li>
					<!-- einde dropdrown -->
					<li><a href="#">Contact</a></li>
				</ul>

			</div>
		</div>
	</nav>
</body>
</html>