Skip to content

Commit

Permalink
Fix images
Browse files Browse the repository at this point in the history
  • Loading branch information
@asmaamostafa74
asmaamostafa74 committed Nov 20, 2024
1 parent e3a2b44 commit 0e36f24
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 16 deletions.
16 changes: 8 additions & 8 deletions src/bestDeals.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@ <h4>Shop now</h4>
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]">
</div>
<!--image-->
<img src="./../assets/images/Image.svg" class="w-[151px] h-[172] m-auto" alt="Image" />
<img src="./../assets/images/Image.svg" class="w-[151px] h-[172px] m-auto object-contain" alt="Image" />
<!-- 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">
Expand Down Expand Up @@ -141,7 +141,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]">
</div>
<!--image-->
<img src="./../assets/images/best deals/Image 1.svg" class=" " alt="Image" />
<img src="./../assets/images/best deals/Image 1.svg" class="w-[151px] h-[172px] m-auto object-contain" alt="Image" />
<!-- 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">
Expand Down Expand Up @@ -190,7 +190,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]">
</div>
<!--image-->
<img src="./../assets/images/best deals/Image 2.svg" class="w-[151px] h-[172] m-auto" alt="Image" />
<img src="./../assets/images/best deals/Image 2.svg" class="w-[151px] h-[172px] m-auto object-contain" alt="Image" />
<!-- 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">
Expand Down Expand Up @@ -238,7 +238,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]">
</div>
<!--image-->
<img src="./../assets/images/best deals/Image 3.svg" class="w-[151px] h-[172] m-auto" alt="Image" />
<img src="./../assets/images/best deals/Image 3.svg" class="w-[151px] h-[172px] m-auto object-contain" alt="Image" />
<!-- 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">
Expand Down Expand Up @@ -286,7 +286,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]">
</div>
<!--image-->
<img src="./../assets/images/best deals/Image 4.svg" class="w-[151px] h-[172] m-auto" alt="Image" />
<img src="./../assets/images/best deals/Image 4.svg" class="w-[151px] h-[172px] m-auto object-contain" alt="Image" />
<!-- 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">
Expand Down Expand Up @@ -334,7 +334,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]">
</div>
<!--image-->
<img src="./../assets/images/best deals/Image 5.svg" class="w-[151px] h-[172] m-auto" alt="Image" />
<img src="./../assets/images/best deals/Image 5.svg" class="w-[151px] h-[172px] m-auto object-contain" alt="Image" />
<!-- 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">
Expand Down Expand Up @@ -382,7 +382,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]">
</div>
<!--image-->
<img src="./../assets/images/best deals/Image 6.svg" class="w-[151px] h-[172] m-auto" alt="Image" />
<img src="./../assets/images/best deals/Image 6.svg" class="w-[151px] h-[172px] m-auto object-contain" alt="Image" />
<!-- 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">
Expand Down Expand Up @@ -430,7 +430,7 @@ <h5 class=" my-1 text-[#191c1e] text-sm "> The most powerful body spray to repel
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]">
</div>
<!--image-->
<img src="./../assets/images/Image.svg" class="w-[151px] h-[172] m-auto" alt="Image" />
<img src="./../assets/images/Image.svg" class="w-[151px] h-[172px] m-auto object-contain" alt="Image" />
<!-- 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">
Expand Down
16 changes: 8 additions & 8 deletions src/featursProducts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ <h3 class="text-[#191c1e] text-2xl mb-4 md:mb-0">Featured Products</h3>
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>

<!-- Image -->
<img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px] !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
<img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px] !h-[172px] object-contain m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />

<!-- 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">
Expand Down Expand Up @@ -132,7 +132,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>

<!-- Image -->
<img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px] !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
<img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px] !h-[172px] object-contain m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />

<!-- 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">
Expand Down Expand Up @@ -177,7 +177,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>

<!-- Image -->
<img src="./../assets/images/best deals/Image 3.svg" class="!w-[151px] !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
<img src="./../assets/images/best deals/Image 3.svg" class="!w-[151px] !h-[172px] object-contain m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />

<!-- 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">
Expand Down Expand Up @@ -222,7 +222,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>

<!-- Image -->
<img src="./../assets/images/best deals/Image 4.svg" class="!w-[151px] !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
<img src="./../assets/images/best deals/Image 4.svg" class="!w-[151px] !h-[172px] object-contain m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />

<!-- 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">
Expand Down Expand Up @@ -267,7 +267,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>

<!-- Image -->
<img src="./../assets/images/best deals/Image 5.svg" class="!w-[151px] !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
<img src="./../assets/images/best deals/Image 5.svg" class="!w-[151px] !h-[172px] object-contain m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />

<!-- 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">
Expand Down Expand Up @@ -312,7 +312,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>

<!-- Image -->
<img src="./../assets/images/best deals/Image 6.svg" class="!w-[151px] !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
<img src="./../assets/images/best deals/Image 6.svg" class="!w-[151px] !h-[172px] object-contain m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />

<!-- 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">
Expand Down Expand Up @@ -357,7 +357,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>

<!-- Image -->
<img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px] !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
<img src="./../assets/images/best deals/Image 2.svg" class="!w-[151px] !h-[172px] object-contain m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />

<!-- 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">
Expand Down Expand Up @@ -402,7 +402,7 @@ <h5 class="my-1 text-[#191c1e] text-sm">The most powerful body spray to repel fl
<div class="w-0 h-[3px] transition-all duration-500 bg-[#eac70b]"></div>

<!-- Image -->
<img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px] !h-[172] m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />
<img src="./../assets/images/best deals/Image 1.svg" class="!w-[151px] !h-[172px] object-contain m-auto transition-transform duration-300 group-hover:scale-105" alt="Image" />

<!-- 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">
Expand Down

0 comments on commit 0e36f24

Please sign in to comment.