html todo

<!doctype html>
<html>

	<head>

		<meta charset="UTF-8">
		<title>
		To Do List App
		</title>

		<link rel="stylesheet" type="text/css" href="ToDoListApp.css">
		<script type="text/javascript" src="ToDoListApp.js"></script>
		<script src="../downloads/jquery-1.11.3.js"></script>
	</head>


<body>


<div id='body'>


	   <div id='sidebar'>
				<p>sidebar</p>
				<a href="home">Home</a>
				<br>
				<a href="activities">Activities</a>
				<br>
				<a href="mood journal">Mood Journal</a>
				<br>
				<a href="activity chart">Activity Chart</a>
	   </div>


		<div id="header">
		Header
		</div>


		<div id='page'>


				<form id=activityInput>
				  Activity<br>
				  <input type="text" name="activity">
				  <br>
				  <input type="radio" name="activityType" value="Recreation">Recreation
				  <br>
				  <input type="radio" name="activityType" value="Work">Work
				   <br>
				  <input type="radio" name="activityType" value="Fitness">Fitness
				   <br>
				   <input type="radio" name="activityType" value="Self-Improvement">Self-Improvement
				   <br>
				  <input type="submit" onclick='getTableData()' value="Add">
				</form>


				<div id="list">
				<table id="activityTable"></table>
				</div>


		</div>


</div>
</body>

</html>