Skip to content

Commit

Permalink
Edits
Browse files Browse the repository at this point in the history
  • Loading branch information
@asmaamostafa74
asmaamostafa74 committed Nov 5, 2024
1 parent c09b6f7 commit cd0b310
Show file tree
Hide file tree
Showing 5 changed files with 59 additions and 59 deletions.
16 changes: 8 additions & 8 deletions src/bestDeals.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -97,7 +97,7 @@ <h4>Shop now</h4>
<!-- Overlay -->
<div
class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div
class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
Expand Down Expand Up @@ -145,7 +145,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<!-- Overlay -->
<div
class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div
class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
Expand Down Expand Up @@ -194,7 +194,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<!-- Overlay -->
<div
class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div
class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
Expand Down Expand Up @@ -242,7 +242,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<!-- Overlay -->
<div
class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div
class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
Expand Down Expand Up @@ -290,7 +290,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<!-- Overlay -->
<div
class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div
class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
Expand Down Expand Up @@ -338,7 +338,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<!-- Overlay -->
<div
class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div
class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
Expand Down Expand Up @@ -386,7 +386,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<!-- Overlay -->
<div
class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div
class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
Expand Down Expand Up @@ -434,7 +434,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<!-- Overlay -->
<div
class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div
class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
Expand Down
20 changes: 10 additions & 10 deletions src/featursProducts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ <h6 class=" text-center text-[#be4646] ">COMPUTER & ACCESSORIES</h6>
<a href="shop.html" class="flex items-center mb-0">
<div class="h-11 px-3 bg-[#f98131] rounded-sm justify-center items-center gap-2 inline-flex">
<div class="text-white text-base font-['Public Sans'] uppercase tracking-tight">Shop now</div>
<i class="fa text-white fa-arrow-right" aria-hidden="true"></i>
<i class="fa text-white fa-arrow-right transform ltr:scale-x-100 rtl:scale-x-[-1]" aria-hidden="true"></i>
</div>
</a>
<div class="">
Expand Down Expand Up @@ -73,7 +73,7 @@ <h3 class="text-[#191c1e] text-2xl mb-4 md:mb-0">Featured Products</h3>
<div class="bg-white justify-start items-start gap-2.5 inline-flex">
<a href="shop.html"
class="text-[#f98131] text-sm font-semibold leading-tight">Browse All Products <i
class="fa fa-arrow-right" aria-hidden="true"></i></a>
class="fa fa-arrow-right transform ltr:scale-x-100 rtl:scale-x-[-1]" aria-hidden="true"></i></a>
</div>
</li>
</ul>
Expand All @@ -91,7 +91,7 @@ <h3 class="text-[#191c1e] text-2xl mb-4 md:mb-0">Featured Products</h3>

<!-- Overlay -->
<div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
</div>
Expand Down Expand Up @@ -136,7 +136,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl

<!-- Overlay -->
<div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
</div>
Expand Down Expand Up @@ -181,7 +181,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl

<!-- Overlay -->
<div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
</div>
Expand Down Expand Up @@ -226,7 +226,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl

<!-- Overlay -->
<div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
</div>
Expand Down Expand Up @@ -271,7 +271,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl

<!-- Overlay -->
<div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
</div>
Expand Down Expand Up @@ -316,7 +316,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl

<!-- Overlay -->
<div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
</div>
Expand Down Expand Up @@ -361,7 +361,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl

<!-- Overlay -->
<div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
</div>
Expand Down Expand Up @@ -406,7 +406,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl

<!-- Overlay -->
<div class="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center opacity-0 transition-opacity duration-300 group-hover:opacity-100">
<div class="flex space-x-4">
<div class="flex gap-4">
<div class="p-2 cursor-pointer bg-[#f8f8f8] rounded-full flex justify-center items-center transition-transform duration-300 hover:scale-110">
<i class="fa-regular fa-heart"></i>
</div>
Expand Down
10 changes: 5 additions & 5 deletions src/header.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@ <h2 class="text-[#191c1e] text-3xl md:text-5xl leading-[56px] my-1">Xbox
<a href="shop.html" class="flex items-center">
<div class="h-11 px-3 bg-[#f98131] rounded-sm justify-center items-center gap-2 inline-flex">
<div class="text-white text-base font-['Public Sans'] uppercase tracking-tight">Shop now</div>
<i class="fa text-white fa-arrow-right" aria-hidden="true"></i>
<i class="fa text-white fa-arrow-right transform ltr:scale-x-100 rtl:scale-x-[-1]" aria-hidden="true"></i>
</div>
</a>
</div>
Expand Down Expand Up @@ -138,18 +138,18 @@ <h2 class="text-white text-2xl mb-2">New Google Pixel 6 Pro</h2>
<a href="shop.html" class="flex items-center">
<div class="h-11 px-3 bg-[#f98131] rounded-sm justify-center items-center gap-2 inline-flex">
<div class="text-white text-base font-['Public Sans'] uppercase tracking-tight">Shop now</div>
<i class="fa text-white fa-arrow-right" aria-hidden="true"></i>
<i class="fa text-white fa-arrow-right transform ltr:scale-x-100 rtl:scale-x-[-1]" aria-hidden="true"></i>
</div>
</a>
</div>
<div class=" basis-1/2 relative ">
</div>

<div class="absolute top-8 -right-36 xl:w-fit w- ">
<div class="absolute top-8 ltr:-right-36 rtl:-left-36 xl:w-fit w- ">
<div class="relativ ">
<img src="./../assets/images/Image.svg" class=" w-4/5 " alt="">
<div
class="px-4 py-2 bg-[#efd33d] rounded-sm justify-start items-start inline-flex absolute top-0 left-[29%] ">
class="px-4 py-2 bg-[#efd33d] rounded-sm justify-start items-start inline-flex absolute top-0 ltr:left-[29%] rtl:right-[29%] ">
<span class="text-[#141414] text-base font-semibold">29% OFF</span>
</div>

Expand All @@ -167,7 +167,7 @@ <h2 class="text-2xl">New Google Pixel 6 Pro</h2>
<a href="shop.html" class="flex items-center">
<div class="h-11 px-3 bg-[#f98131] rounded-sm justify-center items-center gap-2 inline-flex">
<div class="text-white text-base uppercase tracking-tight">Shop now</div>
<i class="fa text-white fa-arrow-right" aria-hidden="true"></i>
<i class="fa text-white fa-arrow-right transform ltr:scale-x-100 rtl:scale-x-[-1]" aria-hidden="true"></i>
</div>
</a>
</div>
Expand Down
8 changes: 4 additions & 4 deletions src/offer.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

<div class="py-3 relative bg-[#191c1e] flex flex-col lg:flex-row justify-between items-center">
<!-- Black Friday -->
<div class="flex items-center gap-2.5 lg:ml-[100px] ">
<div class="flex items-center gap-2.5 ltr:lg:ml-[100px] rtl:lg:mr-[100px]">
<!-- Banner div -->
<div class="px-2.5 py-1.5 bg-[#f3de6d] -rotate-3">
<span class="text-[#191c1e] text-base sm:text-xl ">Black</span>
Expand All @@ -26,16 +26,16 @@ <h1 class="text-white text-lg sm:text-2xl ">Friday</h1>
</div>

<!-- shop now -->
<a href="shop.html" class="flex items-center ] lg:mr-[100px]">
<a href="shop.html" class="flex items-center ltr:lg:mr-[100px] rtl:lg:ml-[100px]">
<div class="h-11 px-3 bg-[#eac70b] rounded-sm justify-center items-center gap-2 inline-flex">
<div class="text-[#191c1e] text-sm sm:text-base font-bold font-['Public Sans'] uppercase tracking-tight">Shop
now</div>
<i class="fa fa-arrow-right" aria-hidden="true"></i>
<i class="fa fa-arrow-right transform ltr:scale-x-100 rtl:scale-x-[-1]" aria-hidden="true"></i>
</div>
</a>

<!-- Exit Button -->
<button class="p-2 right-4 sm:right-6 absolute bg-[#303639] rounded-sm flex items-center">
<button class="p-2 ltr:right-4 ltr:sm:right-6 rtl:left-4 rtl:sm:left-6 absolute bg-[#303639] rounded-sm flex items-center">
<i class="fa-solid fa-x text-white text-xs"></i>
</button>
</div>
Expand Down
Loading

0 comments on commit cd0b310

Please sign in to comment.