Skip to content

Commit

Permalink
Merge pull request #32 from HarshitAggarwal10/Issue_#23
Browse files Browse the repository at this point in the history 
fix: fixes Issue #29
  • Loading branch information
@Aiyaret-Sandhu
Aiyaret-Sandhu authored Oct 30, 2024
2 parents 5b93ed4 + 62fa3aa commit 9f204e4
Show file tree
Hide file tree
Showing 5 changed files with 88 additions and 82 deletions.
10 changes: 5 additions & 5 deletions Home/Header.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -82,16 +82,16 @@ nav {
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(6, 12%);
grid-template-columns: repeat(10, 12%);
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
transition: opacity 0.3s ease, transform 0.3s ease;
padding: 2.8rem 0;
row-gap: 2rem;
padding: 20px 0;
row-gap: 1rem;
justify-content: center;
border-bottom: 0px solid black;
}
Expand All @@ -113,8 +113,8 @@ nav {

.imageContainer {
border-radius: 50%;
height: 10rem;
width: 10rem;
height: 5rem;
width: 5rem;
border: 10px solid;
overflow: hidden;
filter: saturate(0);
Expand Down
151 changes: 78 additions & 73 deletions Home/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -625,7 +625,8 @@ <h1 class="swiperHeadingText">Discover the latest styles and trends</h1>
<section class="imageSection" style="padding-top: 20px; padding-bottom: 50px;">
<div class="swiperHeading" style="margin-bottom: 40px;">
<h1 class="swiperHeadingText" style="letter-spacing: 5px;" id="swiperMainHeading">
<span style="font-family: 'Open Sans', sans-serif; font-weight: 200; margin-top: 20px; color: #FFFFFF">HERITAGE
<span
style="font-family: 'Open Sans', sans-serif; font-weight: 200; margin-top: 20px; color: #FFFFFF">HERITAGE
COLLECTION FOR KINGS
</span>
</h1>
Expand Down Expand Up @@ -771,50 +772,52 @@ <h1 class="newsletterHeading">

<section class="WomenSection pt-10"
style="font-family: 'Open Sans', sans-serif; background-color: black; color: white; margin-bottom: 0; overflow: hidden;">
<div class="swiperHeading" style="margin-bottom: 40px;">
<h1 class="swiperHeadingText" style="letter-spacing: 5px; color: #FFFFFF;" id="swiperMainHeading">
WOMEN'S COLLECTION
</h1>
<h1 class="swiperHeadingText tracking-wider" style="color: #FFFFFF; overflow-y: hidden;">
Explore our exclusive collection of heritage Sarees
</h1>
</div>
<div class="WomenSectionContainer" style="margin: 50px;">
<div class="grid-item" id="women1">
<img src="https://www.libasco.com/product_images/uploaded_images/3l.jpg" class="gridImage" alt="">
<div class="btnContainer">
<h1 class="gridImageHeading" style="font-family: 'Montserrat', sans-serif; font-size: 1.5rem;">
SARRES
</h1>
<button class="btn btn-3 hover-slide-right">
<span>VIEW MORE</span>
</button>
</div>
<div class="swiperHeading" style="margin-bottom: 40px;">
<h1 class="swiperHeadingText" style="letter-spacing: 5px; color: #FFFFFF;" id="swiperMainHeading">
WOMEN'S COLLECTION
</h1>
<h1 class="swiperHeadingText tracking-wider" style="color: #FFFFFF; overflow-y: hidden;">
Explore our exclusive collection of heritage Sarees
</h1>
</div>
<div class="grid-item" id="women2">
<img src="https://www.inddus.in/cdn/shop/products/floral-embroidered-fit-flare-maxi-ethnic-dress-with-dupatta-308735.jpg?v=1696663063" class="gridImage" alt="">
<div class="btnContainer">
<h1 class="gridImageHeading" style="font-family: 'Montserrat', sans-serif; font-size: 1.5rem;">
STYLISH
</h1>
<button class="btn btn-3 hover-slide-right">
<span>VIEW MORE</span>
</button>
<div class="WomenSectionContainer" style="margin: 50px;">
<div class="grid-item" id="women1">
<img src="https://www.libasco.com/product_images/uploaded_images/3l.jpg" class="gridImage" alt="">
<div class="btnContainer">
<h1 class="gridImageHeading" style="font-family: 'Montserrat', sans-serif; font-size: 1.5rem;">
SARRES
</h1>
<button class="btn btn-3 hover-slide-right">
<span>VIEW MORE</span>
</button>
</div>
</div>
</div>
<div class="grid-item" id="women3">
<img src="https://asianpartywear.com/cdn/shop/products/13912570_1827567694141430_2323820803583705994_n.jpg?v=1612931624" class="gridImage" alt="">
<div class="btnContainer">
<h1 class="gridImageHeading" style="font-family: 'Montserrat', sans-serif; font-size: 1.5rem;">
DRESSES
</h1>
<button class="btn btn-3 hover-slide-right">
<span>VIEW MORE</span>
</button>
<div class="grid-item" id="women2">
<img src="https://www.inddus.in/cdn/shop/products/floral-embroidered-fit-flare-maxi-ethnic-dress-with-dupatta-308735.jpg?v=1696663063"
class="gridImage" alt="">
<div class="btnContainer">
<h1 class="gridImageHeading" style="font-family: 'Montserrat', sans-serif; font-size: 1.5rem;">
STYLISH
</h1>
<button class="btn btn-3 hover-slide-right">
<span>VIEW MORE</span>
</button>
</div>
</div>
<div class="grid-item" id="women3">
<img src="https://asianpartywear.com/cdn/shop/products/13912570_1827567694141430_2323820803583705994_n.jpg?v=1612931624"
class="gridImage" alt="">
<div class="btnContainer">
<h1 class="gridImageHeading" style="font-family: 'Montserrat', sans-serif; font-size: 1.5rem;">
DRESSES
</h1>
<button class="btn btn-3 hover-slide-right">
<span>VIEW MORE</span>
</button>
</div>
</div>
</div>
</div>
</section>
</section>


<section class="collectionSection mt-10" style="font-family: 'Open Sans', sans-serif;">
Expand Down Expand Up @@ -986,7 +989,7 @@ <h1 class="swiperHeadingText" style="color: whitesmoke ; letter-spacing : 1px">
<div class="flex justify-center items-center gap-10">
<div
class="flex justify-center items-center gap-10 max-[1200px]:flex-col max-[600px]:translate-x-[0px]">
<div class="rounded-xl w-[368px] text-white border-3 border-white px-[28px] py-[24px] h-[406px] bg-[#212327]"
<div class="rounded-xl w-[368px] text-white border-3 border-white px-[28px] py-[24px] h-[auto] bg-[#212327]"
id="card1">
<div class="flex flex-col gap-2">
<div class="flex justify-between items-center">
Expand All @@ -1001,16 +1004,12 @@ <h1 class="swiperHeadingText" style="color: whitesmoke ; letter-spacing : 1px">
<div class="text-[14px] flex flex-col gap-[-2px] tracking-wide">
<div class="tracking-wide"><span
class="tracking-wider text-[40px] font-henri font-bold">&#8377;215.87</span>/
month
</div>
month</div>
<div class="translate-y-[-4px]">
<span class="font-henri tracking-widest">
&#8377;2,590.48
</span>
billed annually
<span class="text-green-200 p-[2px] text-[12px] font-bold bg-[#072314] rounded-md">
SAVE 11%
</span>
<span class="font-henri tracking-widest">&#8377;2,590.48</span> billed annually
<span
class="text-green-200 p-[2px] text-[12px] font-bold bg-[#072314] rounded-md">SAVE
11%</span>
</div>
</div>
<div class="text-[15px] mt-1 flex flex-col tracking-wide">
Expand All @@ -1024,33 +1023,34 @@ <h1 class="swiperHeadingText" style="color: whitesmoke ; letter-spacing : 1px">
<li>Behind-the-scenes stories</li>
</ul>
</div>
<button
class="mt-4 px-5 py-3 text-[16px] font-bold text-whitesmoke bg-[#E0218A] rounded-lg hover:bg-[#E63C94] transition-all">
Subscribe Now
</button>
</div>
</div>
<div class="rounded-xl w-[368px] text-white border-2 border-transparent px-[28px] py-[24px] h-[406px] bg-[#212327]"

<div class="rounded-xl w-[368px] text-white border-2 border-transparent px-[28px] py-[24px] h-[auto] bg-[#212327]"
id="card2">
<div class="flex flex-col gap-2">
<div class="flex justify-between items-center">
<div class="text-[22px] text-white">Yearly</div>
<div id="circle2"
class="border-2 border-gray-600 bg-black w-[20px] h-[20px] rounded-full">
<i id="check2"
class=" hidden absolute fa-sharp fa-solid fa-lg fa-circle-check translate-x-[-1.2px] translate-y-[9px]"
class="hidden absolute fa-sharp fa-solid fa-lg fa-circle-check translate-x-[-1.2px] translate-y-[9px]"
style="color: #E0218A;"></i>
</div>
</div>
<div class="text-[14px] flex flex-col gap-[-2px] tracking-wide">
<div class="tracking-wide"><span
class="tracking-wider text-[40px] font-henri font-bold">&#8377;2,590.48</span>/
year
</div>
year</div>
<div class="translate-y-[-4px]">
<span class="font-henri tracking-widest">
&#8377;2,590.48
</span>
billed annually
<span class="text-green-200 p-[2px] text-[12px] font-bold bg-[#072314] rounded-md">
SAVE 11%
</span>
<span class="font-henri tracking-widest">&#8377;2,590.48</span> billed annually
<span
class="text-green-200 p-[2px] text-[12px] font-bold bg-[#072314] rounded-md">SAVE
11%</span>
</div>
</div>
<div class="text-[15px] mt-1 flex flex-col tracking-wide">
Expand All @@ -1064,9 +1064,14 @@ <h1 class="swiperHeadingText" style="color: whitesmoke ; letter-spacing : 1px">
<li>Behind-the-scenes stories</li>
</ul>
</div>
<button
class="mt-4 px-5 py-3 text-[16px] font-bold text-whitesmoke bg-[#E0218A] rounded-lg hover:bg-[#E63C94] transition-all">
Subscribe Now
</button>
</div>
</div>
<div class="rounded-xl w-[368px] text-white border-2 border-transparent px-[28px] py-[24px] h-[406px] bg-[#212327]"

<div class="rounded-xl w-[368px] text-white border-2 border-transparent px-[28px] py-[24px] h-[auto] bg-[#212327]"
id="card3">
<div class="flex flex-col gap-2">
<div class="flex justify-between items-center">
Expand All @@ -1081,16 +1086,12 @@ <h1 class="swiperHeadingText" style="color: whitesmoke ; letter-spacing : 1px">
<div class="text-[14px] flex flex-col gap-[-2px] tracking-wide">
<div class="tracking-wide"><span
class="tracking-wider text-[40px] font-henri font-bold">&#8377;1,000.00</span>/
month
</div>
month</div>
<div class="translate-y-[-4px]">
<span class="font-henri tracking-widest">
&#8377;12,000.00
</span>
billed annually
<span class="text-green-200 p-[2px] text-[12px] font-bold bg-[#072314] rounded-md">
SAVE 20%
</span>
<span class="font-henri tracking-widest">&#8377;12,000.00</span> billed annually
<span
class="text-green-200 p-[2px] text-[12px] font-bold bg-[#072314] rounded-md">SAVE
20%</span>
</div>
</div>
<div class="text-[15px] mt-1 flex flex-col tracking-wide">
Expand All @@ -1101,9 +1102,13 @@ <h1 class="swiperHeadingText" style="color: whitesmoke ; letter-spacing : 1px">
<li>Early access to new editions</li>
<li>Personalized style recommendations</li>
<li>Special discounts on ethnic wear</li>
<li>Priority customer support</li>
<li>Priority Customer Support</li>
</ul>
</div>
<button
class="mt-4 px-5 py-3 text-[15px] font-bold text-whitesmoke bg-[#E0218A] rounded-lg hover:bg-[#E63C94] transition-all">
Subscribe Now
</button>
</div>
</div>
</div>
Expand Down
1 change: 1 addition & 0 deletions Search/search.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ html,body{
width : 100%;
scroll-behavior: smooth;
}

@keyframes l14 {
25% {background-position:0 50%,50% 0,50% 100%,100% 0,100% 100%}
50% {background-position:100% 50%,0 0,0 100%,50% 0,50% 100%}
Expand Down
Loading

0 comments on commit 9f204e4

Please sign in to comment.