updated offers

src/Top Offers/index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="theme-color" content="#2874F0" id="themeColor">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="icon" type="image/x-icon" href="../img/flipkart_favicon.ico">
+  <link rel="icon" type="image/x-icon" href="../../img/flipkart_favicon.ico">
   <title>Flipkart | Top Offers</title>
   <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
@@ -17,16 +17,16 @@
       <h1 class="text-white">Top Offers</h1>
     </div>
     <div class="container-fluid">
-      <img src="../Top Offers-/xyz1.jpg" alt="" class="img-fluid" width="100%">
-      <img src="../Top Offers-/xyz2.jpg" alt="" class="img-fluid" width="100%">
-      <img src="../Top Offers-/xyz3.jpg" alt="" class="img-fluid" width="100%">
-      <img src="../Top Offers-/xyz4.jpg" alt="" class="img-fluid" width="100%">
-      <img src="../img/fashion-.webp" alt="fashion" class="img-fluid" width="100%">
-      <img src="../img/electronics.webp" alt="fashion" class="img-fluid" width="100%">
-      <img src="../img/home.webp" alt="fashion" class="img-fluid" width="100%">
-      <img src="../img/ferniture1.webp" alt="fashion" class="img-fluid" width="100%">
-      <img src="../img/smartPhone.webp" alt="fashion" class="img-fluid" width="100%">
-      <img src="../img/grooming.webp" alt="fashion" class="img-fluid" width="100%">
+      <img src="xyz1.jpg" alt="topOffers" class="img-fluid" width="100%">
+      <img src="xyz2.jpg" alt="topOffers" class="img-fluid" width="100%">
+      <img src="xyz3.jpg" alt="topOffers" class="img-fluid" width="100%">
+      <img src="xyz4.jpg" alt="topOffers" class="img-fluid" width="100%">
+      <img src="../../img/fashion-.webp" alt="fashion" class="img-fluid" width="100%">
+      <img src="../../img/electronics.webp" alt="fashion" class="img-fluid" width="100%">
+      <img src="../../img/home.webp" alt="fashion" class="img-fluid" width="100%">
+      <img src="../../img/ferniture1.webp" alt="fashion" class="img-fluid" width="100%">
+      <img src="../../img/smartPhone.webp" alt="fashion" class="img-fluid" width="100%">
+      <img src="../../img/grooming.webp" alt="fashion" class="img-fluid" width="100%">
     </div>
   </div>
   <footer id="footer-TO" style="background-color: #292d33;"> </footer>
@@ -36,8 +36,8 @@ <h1 class="text-white">Top Offers</h1>
 // for header and footer
 document.addEventListener('DOMContentLoaded', () => {
     const components = [
-        { id: 'footer-TO', url: '../footer/footer.html' },
-        { id: 'header-TO', url: '../header/header.html' },
+        { id: 'footer-TO', url: '../../components/footer.html' },
+        { id: 'header-TO', url: '../../components/header.html' },
     ];
 
     components.forEach(component => {