mhhhh

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>Foundation Tutorial - theNewBoston</title>

	<!-- normalize.css and modernizr.js help with browser compatibility -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
	<link rel="stylesheet" href="css/foundation.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>

</head>
<body>

	<div class="off-canvas-wrap" data-offcanvas>
		<div class="inner-wrap">

			<!--Toggle Button-->
			<a class="left-off-canvas-toggle" href="#">Toggle Menu</a>

			<!--Offcanvas menu-->
			<aside class="left-off-canvas-menu">
				<ul class="no-bullet">
					<li><a href="#">Home</a></li>
					<li><a href="#">Profile</a></li>
					<li><a href="#">Logout</a></li>
				</ul>
			</aside>

			<!--Main content-->
			<div class="row">
				<div class="medium-6 columns" style="background:red">Hello</div>
				<div class="medium-6 columns" style="background:blue">World</div>
			</div>

			<!--Exit overlay-->
			<a class="exit-off-canvas" href="#"></a>
		</div>
	</div>

<!-- include before </body> tag -->
<script src="js/vendor/jquery.min.js"></script>
<script src="js/foundation.min.js"></script>
<script>
	$(document).foundation();
</script>
</body>
</html>