add offers page

arghadipmanna101 · Aug 9, 2024 · 18991aa · 18991aa
1 parent 7b381f7
commit 18991aa
Show file tree

Hide file tree

Showing 14 changed files with 553 additions and 2 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/img/.DS_Store b/img/.DS_Store
diff --git a/img/heo-top-offers.png b/img/heo-top-offers.png
diff --git a/img/oeight.png b/img/oeight.png
diff --git a/img/ofive.png b/img/ofive.png
diff --git a/img/ofour.png b/img/ofour.png
diff --git a/img/oone.png b/img/oone.png
diff --git a/img/oseven.png b/img/oseven.png
diff --git a/img/osix.png b/img/osix.png
diff --git a/img/othree.png b/img/othree.png
diff --git a/img/otwo.png b/img/otwo.png
diff --git a/js/categoryjs.js b/js/categoryjs.js
@@ -10,7 +10,7 @@ document.addEventListener("DOMContentLoaded", function () {
         icon.src = "img/" + categoryData.icon;
 
         const nameLink = document.createElement("a");
-        nameLink.href = "src/"+ categoryData.name+"/" ; // find index.html
+        nameLink.href = "#"; // Default href is "#"
         nameLink.textContent = categoryData.name;
 
         const name = document.createElement("span");
@@ -26,7 +26,7 @@ document.addEventListener("DOMContentLoaded", function () {
         if (!categoryData.subcategories) {
             const singleItem = document.createElement("div");
             const singleLink = document.createElement("a");
-            singleLink.href = "src/"+ categoryData.name+"/";
+            singleLink.href = "#";
             singleLink.textContent = categoryData.name;
             singleItem.appendChild(singleLink);
             subcategoriesList.appendChild(singleItem);
@@ -75,6 +75,13 @@ document.addEventListener("DOMContentLoaded", function () {
             console.log("subcategoriesList is not defined or is empty.");
         }
 
+        // Add click event listener to redirect to top-offers.html if id is "top-offers"
+        categoryItem.addEventListener('click', function () {
+            if (categoryData.id === "top-offers") {
+                window.location.href = "top-offers.html";
+            }
+        });
+
         return categoryItem;
     }
 

diff --git a/top-offer.css b/top-offer.css
@@ -0,0 +1,39 @@
+.hero{
+    background-image: url(img/heo-top-offers.png);
+    width: 100vw;
+    height: 100vh;
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+.offer{
+    height: 80vh;
+    width: 98vw;
+    background-size: cover;
+    background-repeat: no-repeat;
+    margin: auto;
+    margin: 1rem;
+}
+#one{
+    background-image: url(img/oone.png);
+}
+#two{
+    background-image: url(img/otwo.png);
+}
+#three{
+    background-image: url(img/othree.png);
+}
+#four{
+    background-image: url(img/ofour.png);
+}
+#five{
+    background-image: url(img/ofive.png);
+}
+#six{
+    background-image: url(img/osix.png);
+}
+#seven{
+    background-image: url(img/oseven.png);
+}
+#eight{
+    background-image: url(img/oeight.png);
+}