Add files via upload

Author: https-abi

cart.css

@@ -290,3 +290,79 @@ body {
 }
 
 /* END NAVIGATION BAR */
+
+/* CSS for Kamera Footer */
+.footer {
+  background-color: #211d1a;
+  color: #f1f1f1;
+  padding: 20px 0;
+  font-family: 'Noto Serif', serif;
+}
+
+.footer-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: flex-start;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 20px;
+}
+
+.footer-section {
+  flex: 1 1 200px;
+  margin: 10px;
+}
+
+.footer-section h2, .footer-section h3 {
+  font-weight: 700;
+  color: #ffffff;
+  margin-bottom: 10px;
+}
+
+.footer-section p, .footer-section ul, .footer-section a {
+  font-size: 14px;
+  line-height: 1.5;
+  color: #bfbfbf;
+}
+
+.footer-section ul {
+  list-style: none;
+  padding: 0;
+}
+
+.footer-section ul li {
+  margin-bottom: 5px;
+}
+
+.footer-section ul li a {
+  text-decoration: none;
+  color: #bfbfbf;
+  transition: color 0.3s ease;
+}
+
+.footer-section ul li a:hover {
+  color: #088178;
+}
+
+.footer-section .social a {
+  display: inline-block;
+  margin: 0 5px;
+}
+
+.footer-section .social img {
+  width: 30px;
+  height: 30px;
+  transition: opacity 0.3s ease;
+}
+
+.footer-section .social img:hover {
+  opacity: 0.7;
+}
+
+.footer-bottom {
+  text-align: center;
+  margin-top: 20px;
+  font-size: 12px;
+  color: #888888;
+}

cart.html

@@ -94,7 +94,8 @@ <h3>Cart Total</h3>
         </div>
     </section>
 
-
+<footer-component></footer-component>
+<script src="footer.js"></script>
 
 </body>
 </html>

footer.js

@@ -32,9 +32,9 @@ class FooterComponent extends HTMLElement {
         <!-- Social Media Section -->
         <div class="footer-section social">
             <h3>Follow Us</h3>
-            <a href="#"><img src="facebook-icon.png" alt="Facebook"></a>
-            <a href="#"><img src="instagram-icon.png" alt="Instagram"></a>
-            <a href="#"><img src="twitter-icon.png" alt="Twitter"></a>
+            <a href="https://www.facebook.com"><img src="facebook-icon.png" alt="Facebook"></a>
+            <a href="https://www.instagram.com"><img src="instagram-icon.png" alt="Instagram"></a>
+            <a href="https://x.com"><img src="twitter-icon.png" alt="Twitter"></a>
         </div>
     </div>