index.html

<!DOCTYPE html>
<html>
<head>
	<title>To-Do-List</title>
	<link rel="stylesheet" type="text/css" href="assets\css\toDO.css">
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
	<script type="text/javascript" src="assets\js\lib\jquery-3.3.1.min.js"></script>

</head>
<body>
	<div id="container">
		<h1>To-Do List <i class="fa fa-plus"></i></h1>
		<input type="text" name="inputText" placeholder="Add New ToDo">
		<ul>
			<li><span><i class="fa fa-trash"></i></span> Visit Goa</li>
			<li><span><i class="fa fa-trash"></i></span> Buy Shoes</li>
			<li><span><i class="fa fa-trash"></i></span> Visit Germany</li>
		</ul>
	</div>

	<script type="text/javascript" src="assets\js\toDo.js"></script>
</body>
</html>