46 lines
2.2 KiB
Plaintext
46 lines
2.2 KiB
Plaintext
<!-- options: #a99dab #dfebde -->
|
|
<div class="bg-[#a99dab] w-screen h-screen">
|
|
|
|
<!--- HERO START --->
|
|
<div class="hero-bg h-3/4">
|
|
<!-- Nav START -->
|
|
<nav class="flex items-center justify-between flex-wrap">
|
|
<div id="burger-menu" class="block lg:hidden">
|
|
<button class="flex items-center px-3 py-2 border rounded hover:text-white hover:border-white">
|
|
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg>
|
|
</button>
|
|
</div>
|
|
<div class="w-full block flex-grow lg:hidden">
|
|
<div id="nav-links" class="text-xl max-md:hidden flex flex-col lg:flex-row lg:mr-4">
|
|
<a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
|
|
<a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a>
|
|
<a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Dress</a>
|
|
<a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Registry</a>
|
|
<a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white">RSVP</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- Nav END -->
|
|
|
|
<div class="w-fit mx-auto py-56 sm:py-24">
|
|
<h1 class="fleur-de-leah-regular text-darkgreen-600 text-7xl">Jillian & Adam</h1>
|
|
<div class="mx-auto items-center w-fit">
|
|
<div class="text-3xl py-4">June 7, 2025</div>
|
|
</div>
|
|
<div class="mx-auto items-center w-fit">
|
|
<div class="text-3xl py-4">207 DAYS TO GO!</div>
|
|
</div>
|
|
</div>
|
|
<div class="w-full block flex-grow max-md:hidden lg:flex lg:w-auto lg:justify-center">
|
|
<div id="nav-links-lg" class="text-xl flex flex-col lg:flex-row lg:mr-4">
|
|
<a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
|
|
<a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a>
|
|
<a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Dress</a>
|
|
<a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Registry</a>
|
|
<a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white">RSVP</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--- Hero END -->
|
|
</div>
|