<!doctype html>
<html lang="en" dir="ltr">
<head>
	<meta charset="utf-8" >
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<title>Navigation, Food Oasis Los Angeles</title>
	
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Reem+Kufi|Open+Sans" />
	<link rel="stylesheet" href="/assets/css/oasis.css" />
</head>
<body class="navigation">
	<div class="header">
		<h2>
			<a href="/">
				<img src="/assets/images/food-oasis-la-horizontal-white.svg" width="300" alt="Food Oasis Los Angeles" />
			</a>
		</h2>
	</div>
	<ul>
		<li><a href="/">Find food near you</a></li>
		<!--
		<li><a href="/map">Map</a></li>
		<li><a href="/source">Food Banks</a></li>
		-->
		<li><a href="/about">About this project</a></li>
		<!--
		<li><a href="/about"><abbr title="Frequently Asked Questions">FAQs</abbr></a></li>
		<li><a href="/about">Contact</a></li>
		-->
	</ul>
</body>
</html>

<!doctype html>
<html lang="en" dir="ltr">
<head>
	<meta charset="utf-8" >
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<title>Navigation, Food Oasis Los Angeles</title>
	
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Reem+Kufi|Open+Sans" />
	<link rel="stylesheet" href="/assets/css/oasis.css" />
</head>
<body class="navigation">
	<div class="header">
		<h2>
			<a href="/">
				<img src="/assets/images/food-oasis-la-horizontal-white.svg" width="300" alt="Food Oasis Los Angeles" />
			</a>
		</h2>
	</div>
	<ul>
		<li><a href="/">Find food near you</a></li>
		<li><a href="/map">Map</a></li>
		<li><a href="/source">Food Banks</a></li>
		<li><a href="/about">About this project</a></li>
		<!--
		<li><a href="/about"><abbr title="Frequently Asked Questions">FAQs</abbr></a></li>
		<li><a href="/about">Contact</a></li>
		-->
	</ul>
</body>
</html>

Add a few more pages to the nav.
Add a few more pages to the nav.
