Untitled

<html>
  <head>
  <title>ayyy lmao</title>
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400;300' rel='stylesheet' type='text/css'>
    <link href='style.css' rel='stylesheet'>

  </head>
  <body>
  	<header>
		<div class = "banner">
			<div id="logo">
				<img src="http://i.imgur.com/MuGstWq.jpg">
			</div><!-- .wrapper .wrapper-header -->

			<ul class = "menu">
				<li><a href="#home" class="homeNav">Home</a></li>
				<li><a href="#about" class="aboutNav">About</a></li>
		  		<li><a href="#contact" class="contactNav">Contact</a></li>
		  		<li><a href="#misc" class="miscNav">Misc</a></li>
		  	</ul>
		</div>
	</header>

  	<div class = "home">

  			<div class = "info">
	      	This is a web app for anonymous communication based on location.
	      	</div>

			<div>
		      <a href="#" class="begin">begin</a>
		    </div>

		      	<div class = "input">
			      <form>
			        <div class="form-group">
			          <textarea class="form-control status-box" rows="4" placeholder="What's on your mind?"></textarea>
			        </div>
			      </form>
					<div class="button-group pull-left">
						<a href="#" class="btn btn-primary">Post</a>
					</div>
				</div>
	</div>

	<div class = "about">
	oh hey look its an about section
	</div>

	<div class = "contact">
	oh hey look its an contact section
	</div>

	<div class = "misc">
	oh hey look its an misc section
	</div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="app.js"></script>
  </body>
</html>