From ebcc5287c00c2028f86b19512f261582e888b449 Mon Sep 17 00:00:00 2001
From: Pratham <pratham01619@gmail.com>
Date: Wed, 6 Aug 2025 10:24:43 +0530
Subject: [PATCH] Update index.html

---
 Todo-app/index.html | 57 ++++++++++++++++++++++++++++-----------------
 1 file changed, 35 insertions(+), 22 deletions(-)
diff --git a/Todo-app/index.html b/Todo-app/index.html
index a2d1385..a50114d 100644
--- a/Todo-app/index.html
+++ b/Todo-app/index.html
@@ -5,53 +5,66 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Scratch JS Todo list learn by concept clear</title>
+    <title>Scratch JS Todo List</title>
     <link rel="stylesheet" href="style.css" />
     <script async defer src="https://buttons.github.io/buttons.js"></script>
     <style>
         .icon {
             font-size: 7rem;
         }
-    </style>
 
+        .completed {
+            text-decoration: line-through;
+            color: grey;
+        }
+
+        .delete-btn {
+            margin-left: 10px;
+            cursor: pointer;
+            background: #ff4d4d;
+            border: none;
+            color: white;
+            padding: 2px 6px;
+            border-radius: 4px;
+        }
+
+        .sr-only {
+            position: absolute;
+            width: 1px;
+            height: 1px;
+            padding: 0;
+            margin: -1px;
+            overflow: hidden;
+            clip: rect(0,0,0,0);
+            border: 0;
+        }
+    </style>
 </head>
 
 <body>
     <nav>
-       <!--  <div class="btn">
-            <a class="github-button" href="https://github.com/smthari/Freecodecamp-Responsive-Web-Design-Projects/fork"
-                data-size="large" data-show-count="true"
-                aria-label="Fork smthari/Freecodecamp-Responsive-Web-Design-Projects on GitHub">Fork</a>
-
-            <a class="github-button" href="https://github.com/smthari" data-size="large" data-show-count="true"
-                aria-label="Follow @smthari on GitHub">Follow</a>
-        </div>
-        <div class="theme-switch-wrapper">
-            <label class="theme-switch" for="checkbox">
-                <input type="checkbox" id="checkbox" />
-                <div class="slider round"></div>
-            </label>
-            <em>Switch Theme</em>
-        </div> -->
+        <!-- Optional navigation content -->
     </nav>
+
     <div class="container">
         <ul class="todo-list js-todo-list"></ul>
+
         <div class="empty-state">
             <h1 class="app-title">My Todo</h1>
             <i class="fas fa-tasks icon"></i>
             <p class="empty-state__description">
-                Type in the below field 👇 and press enter to add your todo in the list
+                Type in the field below 👇 and press Enter to add your todo
             </p>
         </div>
+
         <form class="formselect">
-            <input autofocus type="text" class="inputselect" placeholder="Eg: Workout">
+            <label for="todo-input" class="sr-only">Add Todo</label>
+            <input id="todo-input" autofocus type="text" class="inputselect" placeholder="Eg: Workout">
         </form>
     </div>
 
     <script src="https://kit.fontawesome.com/dd8c49730d.js" crossorigin="anonymous"></script>
     <script src="script.js"></script>
-
-
 </body>
 
-</html>
\ No newline at end of file
+</html>
