index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta name="title" content="Todo JS - Modern Todo App" />
    <meta
      name="description"
      content="A modern and responsive Todo App built with HTML, CSS, and JavaScript. Features include task management, inline editing, duplicate prevention, and localStorage persistence."
    />
    <meta
      name="keywords"
      content="todo app, javascript todo, task manager, html css js project, productivity app, todo list web app"
    />
    <meta name="author" content="Apurv" />

    <title>Todo List JS</title>

    <link rel="icon" type="image/png" href="assets/images/Todo-JS-Logo.png" />

    <link rel="stylesheet" href="assets/css/style.css" />
  </head>
  <body>
    <main class="app">
      <header class="header">
        <h1>Todo</h1>
        <p>stay consistent 🚀</p>
      </header>

      <section class="input-section">
        <input id="inputBox" type="text" placeholder="Add a task..." />
        <button id="addButton">+</button>
      </section>

      <section id="todoListBox" class="todo-list"></section>
    </main>

    <script src="assets/js/script.js"></script>
  </body>
</html>