diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..729ffe3d Binary files /dev/null and b/.DS_Store differ diff --git a/img/.DS_Store b/img/.DS_Store new file mode 100644 index 00000000..ac0a03b6 Binary files /dev/null and b/img/.DS_Store differ diff --git a/img/heo-top-offers.png b/img/heo-top-offers.png new file mode 100644 index 00000000..adf44862 Binary files /dev/null and b/img/heo-top-offers.png differ diff --git a/img/oeight.png b/img/oeight.png new file mode 100644 index 00000000..1a9faed4 Binary files /dev/null and b/img/oeight.png differ diff --git a/img/ofive.png b/img/ofive.png new file mode 100644 index 00000000..3133e5e0 Binary files /dev/null and b/img/ofive.png differ diff --git a/img/ofour.png b/img/ofour.png new file mode 100644 index 00000000..b48623dc Binary files /dev/null and b/img/ofour.png differ diff --git a/img/oone.png b/img/oone.png new file mode 100644 index 00000000..5a5bf828 Binary files /dev/null and b/img/oone.png differ diff --git a/img/oseven.png b/img/oseven.png new file mode 100644 index 00000000..01bad538 Binary files /dev/null and b/img/oseven.png differ diff --git a/img/osix.png b/img/osix.png new file mode 100644 index 00000000..40324931 Binary files /dev/null and b/img/osix.png differ diff --git a/img/othree.png b/img/othree.png new file mode 100644 index 00000000..38d32d2e Binary files /dev/null and b/img/othree.png differ diff --git a/img/otwo.png b/img/otwo.png new file mode 100644 index 00000000..83b9da18 Binary files /dev/null and b/img/otwo.png differ diff --git a/js/categoryjs.js b/js/categoryjs.js index f8394850..6a303d90 100644 --- 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 new file mode 100644 index 00000000..c4587583 --- /dev/null +++ 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); +} \ No newline at end of file diff --git a/top-offers.html b/top-offers.html new file mode 100644 index 00000000..fe4a2ab3 --- /dev/null +++ b/top-offers.html @@ -0,0 +1,505 @@ + + +
+ + + + +