Updated Ui (#161)

## Issues Identification Closes: #142 ## Description ### Summary Improved the UI for better user experience ### Details Made changes in Footer and News-letter section ## Types of Changes _Please check the boxes that apply_ - [ ] Bugfix (non-breaking change that fixes an issue) - [ ] New feature (non-breaking change that adds functionality) - [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected) - [ ] Documentation update (Documentation content changed) - [ ] Other (please describe): ## Checklist _Please check the boxes that apply_ - My code follows the style guidelines of this project - I have performed a self-review of my own code - [ ] I have commented my code, particularly in hard-to-understand areas - I have made corresponding changes to the documentation - My changes generate no new warnings - My changes do not break the current system and pass all existing test cases - [ ] I have added tests that prove my fix is effective or that my feature works - [ ] New and existing unit tests pass locally with my changes - [ ] Any dependent changes have been merged and published in downstream modules ## Screenshots https://github.com/user-attachments/assets/5646be4d-daed-4e60-bf3e-2900fdefee53 ![pr](https://github.com/user-attachments/assets/3c861727-5282-4a61-bc4e-d4dc65675a96)
GarimaSingh0109 · Oct 6, 2024 · 12891ac · 12891ac
2 parents 85805dd + 25cb321
commit 12891ac
Show file tree

Hide file tree

Showing 2 changed files with 507 additions and 447 deletions.
diff --git a/index.html b/index.html
@@ -7,6 +7,7 @@
     <link rel="icon" href="./assets/logo.png">
     <link rel="stylesheet" href="styles.css">
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap" rel="stylesheet">
+    <script src="https://unpkg.com/boxicons@2.1.4/dist/boxicons.js"></script>
 </head>
 <body>
     <header>
@@ -155,22 +156,24 @@ <h2>Sign Up</h2>
     <footer id="footer">
         <h2>Stay Connected</h2>
         <form id="newsletter-form">
-            <input type="email" placeholder="Your Email" required>
+            <input type="email" placeholder="email@example.com" required>
             <span id="newsletter-error-message" style="color: red;"></span> <!-- Error message for newsletter -->
             <button type="submit">Subscribe</button>
         </form>
         <div class="social-media">
-            <a href="#">Facebook</a>
-            <a href="#">Twitter</a>
-            <a href="#">Instagram</a>
+            <a href="#">
+                <box-icon type="logo" name="facebook"></box-icon>
+            </a>
+            <a href="#">
+                <box-icon type="logo" name="twitter"></box-icon>
+            </a>
+            <a href="#">
+                <box-icon type="logo" name="instagram"></box-icon>
+            </a>
         </div>
+
         <p>&copy; 2024 Waste Management. All rights reserved.</p>
     </footer>
-
- feature/your-new-feature
-
-
- main
     <script src="script.js"></script>
 </body>
 </html>