index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>To-Do List</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="container">
    <h1>Welcome to 'To Do List' App!</h1>
    <p>Please use the terminal to interact with the app.</p>
    <div class="instructions">
      <h2>How to Use:</h2>
      <ul>
        <li>Add task: Type <code>a</code> and enter a new task.</li>
        <li>View tasks: Type <code>v</code> to view the task list.</li>
        <li>Remove task: Type <code>r</code> and enter the task number to remove.</li>
        <li>Exit: Type <code>e</code> to exit the application.</li>
      </ul>
    </div>
  </div>
</body>
</html>