start.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="content-security-policy|content-type|default-style|refresh">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="stylesheet" type="text/css" media="screen" href="style.css">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans">
    <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
    <script src="https://kit.fontawesome.com/a81368914c.js"></script>
</head>
<body>
	<h1><span class="title">To-Do</span>List</h1>
    <div class="inputDiv">
    	 <style="color:black;">  <input type="text" class="input" placeholder="pending works to do...."></style>
    	   <button class="add">ADD<i class="fas fa-plus"></i></button>
    	       </div>
   
    <script src='main.js'></script>
</body>
</html>