index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chaseup Champ</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" type="image/x-icon" href="images/Favicon.png">
</head>
<body>
    <!-- BACKGROUND IMAGE -->
    <div class="container">

        <!-- Credits to the icon : <a href="https://www.flaticon.com/free-icons/book" title="book icons">Book icons created by mikan933 - Flaticon</a> -->

        <div class="todolist">
            <h2>Warriors don't give up!<img src="images/icons8-books-48.png"> </h2>
            <div class="row">
                <input type="text" id="input-box" placeholder="Add your tasks">
                <button onclick="addTask()">Add</button>
            </div>
            <ul id="list-container">
                <!-- <li class="checked">Task 1</li>
                <li>Task 2</li>
                <li>Task 3</li> -->
            </ul>
        </div>

        
    </div>




  <script src="script.js"></script>  
</body>
</html>