index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>TO-DO Project</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>
  
<body>

  <h1>
    TO-DO Project
  </h1>
  <div class="container">
    <form>
      <input type="text" id="title" placeholder="Tittle Here" required >
      <textarea id="description" placeholder="Description Here" required></textarea>
      <div class="btn">
        <button type="submit"> Add</button>
      </div>
    </form>
    <!-- <div class="task">
      <div>
        <p>Title Here</p>
        <span>Description here</span>
      </div>
      <button class="deleteBtn">-</button>
    </div> -->
  </div>


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

</html>