Merge pull request #32 from aminasaeed223/main

A footer has been added
Groverio · Oct 12, 2024 · 1b54fc2 · 1b54fc2
2 parents 14d84d2 + a383ac6
commit 1b54fc2
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -9,6 +9,7 @@
 <body>
     <div class="container">
         <h1>Todo-List</h1>
+
         <div class="js-add-grid">
             <input type="text" placeholder="Share Your Thoughts" class="js-name-input">
             <input type="date" class="js-date-input">
@@ -20,6 +21,12 @@ <h1>Todo-List</h1>
         <div class="js-add-html js-add-grid"></div>
 
     </div>
+    <footer>
+        <p>&copy; 2024 Made with &#10084;  by Ansh Grover. All rights reserved.</p>
+      </footer>
+
+
+
     <script src="script.js"></script>
 </body>
 </html>

diff --git a/script.js b/script.js
@@ -111,5 +111,4 @@ function updateTodo(index) {
 }
 
 // Initialize the todo list on page load
-updateTodoList();
-
+updateTodoList();
diff --git a/style.css b/style.css
@@ -117,4 +117,22 @@ h1 {
 .js-delete-button img,
 .js-edit-button img {
     margin-right: 5px;
-}
+}
+
+footer {
+    background-color: #fbd0a5; 
+    color: #2a2929; 
+    text-align: center; 
+    padding: 20px 0; 
+    position: fixed; 
+    width: 100%; 
+    bottom: 0;
+    font-size: 1rem; 
+  }
+
+  footer p {
+    margin: 0; 
+  }
+
+
+