index.html

<!DOCTYPE html>
<html lang="en">
	<head>
    	<meta charset="utf-8">
    	<meta name="description" content="This is where your description goes">
    	<meta name="keywords" content="one, two, three">

		<title>NPS Passport Finder</title>

		<!-- external CSS link -->
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>

		<div class="logo">
			<img src="https://upload.wikimedia.org/wikipedia/commons/1/1d/US-NationalParkService-Logo.svg" alt="">
		</div>

		<section class="userInput">
			<h1>U.S. National Park Service<br>Passport Stamp Finder</h1>
			<form action="">
				<input class="searchBar" type="text" name="" value="yose">
				<button class="searchBar" type="button" name="button">Get Locations</button>
			</form>
		</section>

		<section class="display">
			<h2>How many passport stamp locations?</h2>
			<span id = "numOfLocations"></span>
			<h2>Where to find them:</h3>
			<ul class="location"></ul>
		</section>	

		<script type="text/javascript" src="js/main.js"></script>
	</body>
</html>