55 lines
1.6 KiB
HTML
55 lines
1.6 KiB
HTML
<div>
|
|
<!-- NAVBAR -->
|
|
<header class="sticky
|
|
top-0 z-50
|
|
flex
|
|
justify-between
|
|
items-center
|
|
space-x-1
|
|
order-b
|
|
bg-white
|
|
p-4
|
|
shadow-md">
|
|
<a class="text-3xl font-mono" href="">cartrader</a>
|
|
</header>
|
|
<!-- NAVBAR -->
|
|
|
|
<!-- HOME HERO -->
|
|
<div class="relative h-screen w-100 bg-no-repeat bg-cover bg-bottom bg-[url('@/assets/bg.jpg')]">
|
|
<div class="z-10 absolute w-full h-full flex justify-center items-center">
|
|
<div class="text-center w-1/2">
|
|
<h1 class="text-8xl font-serif mb-10 text-white">Find your drive</h1>
|
|
<!-- HOME SEARCH BAR -->
|
|
<div
|
|
class="
|
|
font-serif
|
|
w-[1000px]
|
|
text-2xl
|
|
rounded-full
|
|
bg-white
|
|
flex
|
|
justify-between
|
|
overflow-hidden
|
|
drop-shadow-2xl
|
|
mx-auto">
|
|
<input
|
|
class="
|
|
py-3 px-5
|
|
w-full
|
|
text-2xl
|
|
rounded-full
|
|
focus:outline-none"
|
|
type="text"
|
|
placeholder="Search by city..."/>
|
|
<button class="bg-sky-500 px-10text-white">Search</button>
|
|
</div>
|
|
<!-- HOME SEARCH BAR -->
|
|
</div>
|
|
</div>
|
|
<div class="z-1 absolute w-full h-full bg-black opacity-50">
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<!-- HOME HERO -->
|
|
</div> |