template_index.html

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<div class="side-menu push">
	<h1>Your Journal</h1>

	<ul>
		<li><a href="#">Write</a></li>
		<li><a href="#">Read</a></li>
		<li><a href="#">Search</a></li>
		<li><a href="#">Delete</a></li>
	</ul>

</div>

<div class= "holder push">
	<div class="formdiv">
			<form id="entryform">
			<p>Title:</p>		
			<input type="text" name="title">
			<p>Author:</p>
			<input type="text" name="author">
			<p>Tags:</p>
			<input type="text" name="tags">
			<p>Content:</p>
			<textarea form="entryform" name="content"></textarea>
			<button type="submit" id="submit-entry">Submit</button>
		</form>
	</div>

	<div class="entryview">
	</div>

	<div class="searchview">
		<form id="searchform">
			<p>Search Content for Entries:</p>
			<input type="text" name="search">
			<button type="button" id="search-button">Search</button>
		</form>
		<div class="searchresults">
		</div>
	</div>
</div>

<div class="endside push">
</div>
<div class="endview push">
	<a id="menu-button" href="#">Menu</a>
</div>

<script type="text/javascript" src="js/vendor/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="js/journal_challenge.js">
</script>

</body>
</html>