Skip to content

Commit

Permalink
Edits
Browse files Browse the repository at this point in the history
  • Loading branch information
@asmaamostafa74
asmaamostafa74 committed Nov 7, 2024
1 parent 444da77 commit 78183fc
Show file tree
Hide file tree
Showing 9 changed files with 61 additions and 51 deletions.
4 changes: 2 additions & 2 deletions src/bestDeals.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

<body>

<div class="xl:px-[100px] xl:px-[150px] p-6">
<div class="xl:px-[100px] xl:px-[150px] container mx-auto p-6">
<!-- best deals bar-->
<div class="flex flex-col md:flex-row justify-between items-center pt-3">
<div class="flex justify-start items-center gap-6 mb-4 flex-wrap md:mb-0">
Expand All @@ -30,7 +30,7 @@ <h2 class="text-[#191c1e] text-2xl leading-loose">Best Deals</h2>
<!-- browse all btn-->
<div class="py-1.5 bg-white flex items-center gap-2">
<a href="shop.html" class="text-[#2ca4f3] text-sm leading-tight">Browse All Products <i
class="fa fa-arrow-right" aria-hidden="true"></i></a>
class="fa fa-arrow-right transforn ltr:scale-x-100 rtl:scale-x-[-1]" aria-hidden="true"></i></a>

</div>

Expand Down
2 changes: 1 addition & 1 deletion src/categoriesSlider.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<h1 class="text-center text-[#191c1e] text-[32px] py-6 ">Shop with
Categorys </h1>

<div class=" px-9lg:px-[100px] xl:px-[150px]">
<div class=" px-9lg:px-[100px] container mx-auto xl:px-[150px]">
<div class="px-10">
<div class="w-full relative ">
<div class="swiper multiple-slide-carousel swiper-container relative">
Expand Down
32 changes: 20 additions & 12 deletions src/contactbar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,38 +6,43 @@
<title>Document</title>
</head>
<body>
<div class="lg:px-[150px] w-full py-2 bg-[#f8f8f8] justify-between items-center gap-2 flex flex-col lg:flex-row">
<!-- Main container for the header section -->
<div class="bg-[#f8f8f8]">
<div class="lg:px-[150px] w-full py-2 container mx-auto justify-between items-center gap-2 flex flex-col lg:flex-row">
<!-- Main container for the header section -->

<!-- Navigation and language selection (visible on small screens and up) -->
<ul class="hidden sm:flex text-center min-[360px]:gap-3">
<li class="self-stretch text-[#666666] text-[13px] flex">
<form class="max-w-sm mx-auto">
<div class="relative">
<!-- Dropdown button for language selection -->
<div id="countries-button" class="flex">
<img src="./../assets/images/countries/usa.svg" alt="USA" class="w-5 h-5 mr-2"> English
<div id="countries-button" class="flex gap-2">
<img src="./../assets/images/countries/usa.svg" alt="USA" class="w-5 h-5">
<span>English</span>
</div>

<!-- Dropdown menu for available languages -->
<div id="dropdown-countries" class="absolute z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-60 mt-1">
<ul class="py-2 text-sm text-gray-700">
<!-- Language option: Arabic -->
<li>
<button type="button" class="flex items-center w-full px-4 py-2 hover:bg-gray-100">
<img src="./../assets/images/icon.svg" alt="Arabic" class="w-5 h-5 mr-2"> Arabic
<button type="button" class="flex items-center w-full px-4 py-2 hover:bg-gray-100 gap-2">
<img src="./../assets/images/icon.svg" alt="Arabic" class="w-5 h-5">
<span>Arabic</span>
</button>
</li>
<!-- Language option: Mandarin -->
<li>
<button type="button" class="flex items-center w-full px-4 py-2 hover:bg-gray-100">
<img src="./../assets/images/countries/china.svg" alt="Mandarin" class="w-5 h-5 mr-2"> Mandarin
<button type="button" class="flex items-center w-full px-4 py-2 hover:bg-gray-100 gap-2">
<img src="./../assets/images/countries/china.svg" alt="Mandarin" class="w-5 h-5">
<span>Mandarin</span>
</button>
</li>
<!-- Language option: Russian -->
<li>
<button type="button" class="flex items-center w-full px-4 py-2 hover:bg-gray-100">
<img src="./../assets/images/countries/russia.svg" alt="Russian" class="w-5 h-5 mr-2"> Russian
<button type="button" class="flex items-center w-full px-4 py-2 hover:bg-gray-100 gap-2">
<img src="./../assets/images/countries/russia.svg" alt="Russian" class="w-5 h-5">
<span>Russian</span>
</button>
</li>
</ul>
Expand Down Expand Up @@ -68,18 +73,21 @@
<!-- Contact information section -->
<ul class="flex gap-2 pt-[3px] pb-0.5">
<!-- Email contact -->
<li class="text-[#666666] text-[13px]">[email protected]
<li class="text-[#666666] text-[13px]">
<i class="pl-2 fa-regular text-[#62D0B6] fa-envelope"></i>
<span>[email protected]</span>
</li>

<!-- Divider -->
<li class="m-1.5 shrink-0 mx-0 h-[10px] border border-[#d6d6d6]"></li>

<!-- Phone contact -->
<li class="text-[#666666] text-[13px]">+201234567890
<li class="text-[#666666] text-[13px]">
<i class="pr-2 fa-solid fa-phone-volume text-[#62D0B6] transform -scale-x-100"></i>
<span>+201234567890 </span>
</li>
</ul>
</div>
</div>

</body>
Expand Down
2 changes: 1 addition & 1 deletion src/featurs.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
</head>

<body>
<div class="xl:px-[100px] p-3">
<div class="xl:px-[100px] container mx-auto p-3">
<!-- Main container for the support features -->
<div class="border py-4 rounded-md border-[#e4e7e9] items-center justify-center flex flex-row flex-wrap">

Expand Down
2 changes: 1 addition & 1 deletion src/featursProducts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
</head>

<body>
<div class="xl:px-[100px] xl:px-[150px] p-6">
<div class="xl:px-[100px] xl:px-[150px] p-6 container mx-auto">


<div class="mt-6 flex gap-5 h-full flex-col xl:h-fit lg:flex-row">
Expand Down
2 changes: 1 addition & 1 deletion src/header.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
</head>
<body>

<div class="flex flex-col xl:flex-row px-4 xl:px-[100px] p-6 gap-4">
<div class="flex flex-col xl:flex-row px-4 xl:px-[100px] p-6 gap-4 container mx-auto">
<!-- carousel -->
<div class="flex flex-col w-full relative md:flex-row px-4 md:px-10 py-8 xl:w-8/12 bg-[#f2f3f4] rounded-md" >
<div class="w-full relative">
Expand Down
2 changes: 1 addition & 1 deletion src/offer&nav.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@

<!-- search-->
<div
class="h-auto p-0 m:px-4 md:px-10 px-3 lg:px-[150px] py-8 w-full flex justify-between items-center sm:gap-6 relative">
class="h-auto p-0 container mx-auto m:px-4 md:px-10 px-3 lg:px-[150px] py-8 w-full flex justify-between items-center sm:gap-6 relative">

<div class="flex justify-center items-center">
<div class=" flex items-center xl:hidden">
Expand Down
64 changes: 33 additions & 31 deletions src/offer.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,37 +7,39 @@
</head>
<body>

<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 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>
</div>
<!-- Main heading -->
<h1 class="text-white text-lg sm:text-2xl ">Friday</h1>
</div>

<!-- Discount -->
<div class="flex items-center gap-2 my-4 lg:my-0">
<span class="text-white text-xs sm:text-sm font-medium font-['Public Sans'] ">Up to</span>
<strong class="text-[#eac70b] text-2xl sm:text-[40px] ">59%</strong>
<span class="text-white text-sm sm:text-xl ">OFF</span>
</div>

<!-- shop now -->
<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 transform ltr:scale-x-100 rtl:scale-x-[-1]" aria-hidden="true"></i>
</div>
</a>

<!-- Exit Button -->
<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 class=" bg-[#191c1e] ">
<div class="py-3 relative flex flex-col lg:flex-row justify-between items-center container mx-auto">
<!-- Black Friday -->
<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>
</div>
<!-- Main heading -->
<h1 class="text-white text-lg sm:text-2xl ">Friday</h1>
</div>

<!-- Discount -->
<div class="flex items-center gap-2 my-4 lg:my-0">
<span class="text-white text-xs sm:text-sm font-medium font-['Public Sans'] ">Up to</span>
<strong class="text-[#eac70b] text-2xl sm:text-[40px] ">59%</strong>
<span class="text-white text-sm sm:text-xl ">OFF</span>
</div>

<!-- shop now -->
<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 transform ltr:scale-x-100 rtl:scale-x-[-1]" aria-hidden="true"></i>
</div>
</a>

<!-- Exit Button -->
<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>
</div>
</body>
</html>
2 changes: 1 addition & 1 deletion src/product_details.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
</div>

<!-- Product Details -->
<div class="flex flex-col xl:flex-row px-4 lg:px-[100px] xl:px-[150px] gap-4">
<div class="flex flex-col xl:flex-row px-4 lg:px-[100px] xl:px-[150px] gap-4 container mx-auto">
<div class="flex flex-col w-full md:flex-row py-5">
<div class="flex flex-col w-full md:w-1/2">
<div class="border mx-6">
Expand Down

0 comments on commit 78183fc

Please sign in to comment.