index.html

<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>To Do List</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" href="assets/css/styles.css">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
        <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&amp;subset=latin-ext" rel="stylesheet"> 
        <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="fas fa-plus"></i></h1>
            <input type="text" placeholder="Add New To-Do">
        

        <ul>
            <li><span><i class="fas fa-trash-alt"></i></span> Go To Potions Class</li>
            <li><span><i class="fas fa-trash-alt"></i></span> Buy New Robes</li>
            <li><span><i class="fas fa-trash-alt"></i></span> Visit Hagrid</li>
            <li><span><i class="fas fa-trash-alt"></i></span> Learn Nimbus2000</li>
            <li><span><i class="fas fa-trash-alt"></i></span> Meet Hermoine</li>
            <li><span><i class="fas fa-trash-alt"></i></span> Get Ron and Hermoine together</li>
            <li><span><i class="fas fa-trash-alt"></i></span> Meet Fred and George</li>
            <li><span><i class="fas fa-trash-alt"></i></span> Catch Professor Snape</li>
            
        </ul>

    </div>


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