cellar/cs-design
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

further fixes

Browse Source
This commit is contained in:
free ko 2025-04-14 23:17:39 +03:00
parent 7279435776
commit 24618c0454
3 changed files with 9 additions and 19 deletions

18
index.html

@ -126,10 +126,10 @@
<!-- main navbar end -->
<!-- main middle start -->
<div class="w-full flex flex-col grow-[1] pt-[100px] overflow-hidden">
<div class="w-full flex flex-col grow-[1] pt-[100px] overflow-hidden max-lg:pt-[52px]">
<!-- hero start -->
<div class="w-full flex flex-col gap-[25px] justify-center items-center relative h-[calc(100vh-100px)] relative overflow-hidden border-b-[1px] border-bgMain2/15">
<div class="w-full flex flex-col gap-[25px] justify-center items-center relative h-[calc(100vh-100px)] relative overflow-hidden border-b-[1px] border-bgMain2/15 max-lg:h-auto">
<!-- <img src="./assets/images/bghero.jpg" class="w-full h-full absolute inset-[0] object-cover opacity-[0.25]"></img> -->
<div class="w-full h-full z-[-1] opacity-[0.2] absolute bg-gradient-to-t from-bgMain to-transparent">
<video src="https://video.nostr.build/bb4d7552229a1a31411936acad24e5be9cb5e86afa8c0ac213e5782005ef09fb.mp4" autoplay muted loop class="w-full h-full object-cover"></video>
@ -137,9 +137,9 @@
</div>
<div class="w-full flex flex-col grow-[1] justify-end items-center">
<div class="max-w-[1400px] w-full grow-[1] flex flex-col justify-center items-center px-[10px] relative">
<div class="w-full flex flex-col gap-[35px] grow-[1] justify-center items-center pt-[10vh]">
<h1 data-aos="fade-down" data-aos-duration="1500" class="text-6xl font-[900] text-center">Everyone's a Critic</h1>
<p data-aos="fade-down" data-aos-duration="2000" data-aos-delay="1000" class="text-2xl text-center px-[100px]">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div class="w-full flex flex-col gap-[35px] grow-[1] justify-center items-center pt-[10vh] max-lg:pt-[25px]">
<h1 data-aos="fade-down" data-aos-duration="1500" class="text-6xl font-[900] text-center max-lg:text-3xl">Everyone's a Critic</h1>
<p data-aos="fade-down" data-aos-duration="2000" data-aos-delay="1000" class="text-2xl text-center px-[100px] max-lg:px-[0px] max-lg:text-lg">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="2000" class="w-full grid grid-cols-5 gap-[6px] justify-center items-center max-w-[1000px] max-lg:grid-cols-1">
<div class="w-full h-full grid grid-cols-5 gap-[4px] flex-wrap col-span-4 max-lg:col-span-1 max-lg:grid-cols-3 max-md:grid-cols-2 max-sm:grid-cols-1">
<button popupAction="openFilterSearch" class="text-bgMain bg-bgMain2 text-sm flex flex-col items-start relative grow-[1]">
@ -218,10 +218,10 @@
<!-- hero end -->
<!-- info section start -->
<div class="w-full flex flex-col justify-center items-center bg-bgmain min-h-[60vh]">
<div class="w-full flex flex-col justify-center items-center bg-bgmain min-h-[60vh] pt-[50px]">
<div class="max-w-[1400px] w-full grow-[1] flex flex-col justify-center items-center px-[10px] relative">
<div class="w-full flex flex-row gap-[50px] flex-wrap">
<div class="w-full max-w-[500px] flex flex-col gap-[25px] justify-center items-start">
<div class="w-full flex flex-row gap-[50px] flex-wrap justify-center">
<div class="w-full max-w-[500px] flex flex-col gap-[25px] justify-center items-start max-lg:max-w-[250px]">
<img src="./assets/images/sBG1.png" class="w-full max-w-[400px]"></img>
</div>
<div class="w-full max-w-[750px] flex flex-col gap-[25px]">
@ -466,7 +466,7 @@
<div class="w-full flex flex-col gap-[25px]">
<h2 data-aos="fade-left" data-aos-duration="1500" class="text-5xl font-bold">Join & Socialize</h2>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div class="w-full flex flex-row gap-[100px]">
<div class="w-full flex flex-row gap-[100px] max-lg:flex-col">
<div class="w-full flex flex-col justify-ceter items-center gap-[25px]">
<div class="w-full flex flex-row justify-center items-center">
<div class="grow-[1] h-[2px] bg-bgMain2"></div>

5
product.html

@ -47,11 +47,6 @@
</div>
</div>
</div>
<div class="lg:hidden">
<button class="flex flex-col justify-center items-center">
<i class="bx bx-menu text-3xl"></i>
</button>
</div>
</div>
</div>
</div>

5
search.html

@ -47,11 +47,6 @@
</div>
</div>
</div>
<div class="lg:hidden">
<button class="flex flex-col justify-center items-center">
<i class="bx bx-menu text-3xl"></i>
</button>
</div>
</div>
</div>
</div>