todo.html


<html>
<head>
	<title>Todo Todo Todo</title>
	<script type="text/javascript" src="assests/js/lib/jquery-3.1.1.js"></script> 
	<link rel="stylesheet" type="text/css" href="assests/css/todo.css">
	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
	<div id="container">
		<h1>Your List<i class="fa fa-plus" aria-hidden="true"></i></h1>
		<input type="text" placeholder="Add new item">
		<ul>
			<li><span><i class="fa fa-trash-o" ></i></span>Go to market</li>
			<li><span><i class="fa fa-trash-o" ></i></span>Cook something</li>
			<li><span><i class="fa fa-trash-o" ></i></span>Learn Spanish</li>

		</ul>

	</div>

	<script type="text/javascript" src="assests/js/todo.js"></script>
</body>
</html>