index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>To Do List</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div class="container">
    <div class="title">
      <h2><img src="icon.png"> To Do List </h2>
      <button id="dark-mode-button">
        <img src="dark.png" alt="Toggle Dark Mode">
      </button>
    </div>
    <div class="todo-app">
      <form class="row" onsubmit=handelsubmit(event)>
        <input type="text" id="input-box" placeholder="Add your text">
        <button id="add-button"><img src="playlist.png" alt=""></button>
      </form>
      <ul id="list-container">
        <!-- <li class="checked">Task 1</li>
       <li>Task 2</li>
       <li>Task 3</li>
       <li>Task 4</li> -->

      </ul>
    </div>
    <footer class="made-with-love">
      Copyright 2022@ Sowham bhuin
    </footer>
  </div>


  <script src="script.js"></script>


</body>

</html>