Compare commits
2 Commits
fc8dd82587
...
b492c4e111
| Author | SHA1 | Date | |
|---|---|---|---|
| b492c4e111 | |||
| 665e310e4f |
@@ -13,11 +13,10 @@
|
||||
<div class="bg-[#a99dab] w-full block flex-grow lg:hidden">
|
||||
<div id="nav-links" class="text-xl max-lg:hidden flex flex-col pl-4 lg:flex-row lg:mr-4">
|
||||
<a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
|
||||
<a href="#wedding-party" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Meet the Wedding Party</a>
|
||||
<a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a>
|
||||
<a href="#registry" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Registry</a>
|
||||
<a href="#wedding-party" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Meet the Wedding Party</a>
|
||||
<a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">How We Met</a>
|
||||
<a href="/rsvp" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white pb-4">RSVP</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -37,21 +36,17 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container mx-auto flex flex-col items-center text-center py-4">
|
||||
<a href="/rsvp" class="text-xl rounded-lg bg-emerald-600 px-4 py-4 mb-4 lg:mr-4 w-1/4 text-slate-100 hover:bg-emerald-500">RSVP</a>
|
||||
<div class="text-xl px-4 lg:text-2xl">Please RSVP by <%= @rsvp_by_date %></div>
|
||||
</div>
|
||||
|
||||
<div class="container mx-auto flex flex-col items-center pt-4 pb-8">
|
||||
<div class="text-xl px-4 lg:text-2xl">June 7, 2025 • West Chester, PA</div>
|
||||
<div class="text-2xl px-4 lg:text-2xl">June 7, 2025 </div>
|
||||
<div class="text-xl px-4 lg:text-xl">Penn Oaks Golf Club, West Chester, PA</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full block flex-grow max-lg:hidden lg:flex lg:w-auto lg:justify-center lg:pb-4 lg:pt-4 lg:border-t lg:border-b">
|
||||
<div id="nav-links-lg" class="text-xl flex flex-col lg:flex-row">
|
||||
<a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">Ceremony & Reception</a>
|
||||
<a href="#wedding-party" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">Wedding Party</a>
|
||||
<a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">Accommodations</a>
|
||||
<a href="#registry" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">Registry</a>
|
||||
<a href="#wedding-party" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">Wedding Party</a>
|
||||
<a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">How We Met</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -112,48 +107,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="accommodations" class="w-screen text-slate-900 lg:my-8 bg-[#92a084] lg:bg-[#fdfefe]">
|
||||
<div class="container mx-auto bg-[#92a084] lg:rounded-2xl py-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4">
|
||||
<div class="w-fit mx-auto lg:flex lg:flex-row lg:justify-center lg:items-center">
|
||||
<!-- <span class="text-7xl pl-4">🛏️</span> -->
|
||||
<span class="text-5xl pl-4 lg:pt-4 rogue-script lg:text-7xl">Accommodations</span>
|
||||
</div>
|
||||
|
||||
<div class="lg:w-2/3 px-8 lg:mx-auto">
|
||||
<p class="text-lg text-justify">We have a wedding block for our guests at the Holiday Inn Express, which is a few minutes away from the venue. Please use the link below when booking your stay.</p>
|
||||
</div>
|
||||
<div class="flex flex-col my-4 lg:flex-row lg:w-96 lg:mx-auto lg:my-12 items-center">
|
||||
<div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 lg:mb-0 px-4 py-4 items-center lg:p-12">
|
||||
<img src="<%= image_path 'hiexpress.svg' %>" class="w-24 h-16" />
|
||||
<div class="flex flex-col pl-2">
|
||||
<span class="text-3xl">Holiday Inn</span>
|
||||
<span class="text-xl">3 minutes away</span>
|
||||
<span>610-399-4600</span>
|
||||
<a class="text-xl rounded-lg bg-emerald-600 px-4 py-4 text-slate-100 hover:bg-emerald-500" href="https://www.hiexpress.com/redirect?path=rates&brandCode=EX&localeCode=en%C2%AEionCode=1&hotelCode=PHLWP&checkInDate=06&checkInMonthYear=052025&checkOutDate=08&checkOutMonthYear=052025&numberOfAdults=1&numberOfChildren=1&numberOfRooms=1&_PMID=99801505&GPC=MOH&cn=no&viewfullsite=true">Book Here</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="registry" class="w-screen text-slate-900 lg:my-8 bg-[#b2c0b2] lg:bg-[#fdfefe]">
|
||||
<div id="wedding-party" class="w-screen text-slate-900 lg:my-8 bg-[#b2c0b2] lg:bg-[#fdfefe]">
|
||||
<div class="container mx-auto bg-[#b2c0b2] lg:rounded-2xl pt-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4">
|
||||
<div class="w-fit mx-auto lg:flex lg:flex-row lg:justify-center lg:items-center">
|
||||
<span class="text-5xl pl-4 lg:pt-4 rogue-script lg:text-7xl">Registry & Gifts</span>
|
||||
</div>
|
||||
<div class="w-fit mx-auto px-8 pt-4 lg:w-2/3">
|
||||
<p class="text-lg text-justify text-slate-900 px-6 lg:px-0">
|
||||
Your presence is the best gift, but if you’d like to help us start our next chapter,
|
||||
we’ve put together a registry with some things we love. Feel free to browse or
|
||||
choose something meaningful to you!
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex flex-col pt-4 lg:flex-row lg:w-1/3 lg:mx-auto lg:my-12 text-center items-center justify-center">
|
||||
<a class="text-xl rounded-lg bg-emerald-600 px-4 py-4 mb-4 lg:mr-4 w-1/3 text-slate-100 hover:bg-emerald-500" href="/registry">Registry</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="wedding-party" class="w-screen bg-[#ddd3be] lg:bg-[#fdfefe] lg:my-8">
|
||||
<div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl lg:bg-[#ddd3be] lg:shadow-2xl px-4 lg:px-8 py-8">
|
||||
<div class="w-fit mx-auto">
|
||||
<h1 class="text-5xl rogue-script lg:text-7xl">Wedding Party</h1>
|
||||
</div>
|
||||
@@ -195,8 +150,64 @@
|
||||
<!---------End WP for small screens --->
|
||||
</div>
|
||||
</div>
|
||||
<div id="our-story" class="w-screen bg-[#b2c0b2] lg:bg-[#fdfefe] lg:my-8">
|
||||
<div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl lg:bg-[#b2c0b2] lg:shadow-2xl px-8 py-8">
|
||||
<div id="accommodations" class="w-screen text-slate-900 lg:my-8 bg-[#ddd3be] lg:bg-[#fdfefe]">
|
||||
<div class="container mx-auto bg-[#ddd3be] lg:rounded-2xl py-4 px-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4">
|
||||
<div class="w-fit mx-auto lg:flex lg:flex-row lg:justify-center lg:items-center">
|
||||
<!-- <span class="text-7xl pl-4">🛏️</span> -->
|
||||
<span class="text-5xl pl-4 lg:pt-4 rogue-script lg:text-7xl">Accommodations</span>
|
||||
</div>
|
||||
|
||||
<div class="lg:w-2/3 px-8 lg:mx-auto">
|
||||
<p class="text-lg text-justify">We have a wedding block for our guests at the Holiday Inn Express, which is a few minutes away from the venue. The block is booked now, but there are other hotels close by.</p>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col my-4 lg:flex-row lg:w-fit lg:mx-auto lg:my-12">
|
||||
<div class="flex flex-row basis-1/3 bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
|
||||
<img src="<%= image_path 'hiexpress.svg' %>" class="w-16 h-16" />
|
||||
<div class="flex flex-col pl-2">
|
||||
<a href="" class="text-3xl">Holiday Inn</a>
|
||||
<span class="text-xl">3 minutes away</span>
|
||||
<span>610-399-4600</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-row basis-1/3 bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
|
||||
<img src="<%= image_path 'home2.svg' %>" class="w-16 h-16" />
|
||||
<div class="flex flex-col pl-2">
|
||||
<a href="" class="text-3xl">Home2 Suites</a>
|
||||
<span class="text-xl">7 minutes away</span>
|
||||
<span>484-354-2985</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-row basis-1/3 bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
|
||||
<img src="<%= image_path 'residence-inn.svg' %>" class="w-16 h-16" />
|
||||
<div class="flex flex-col pl-2">
|
||||
<a href="" class="text-3xl">Residence Inn</a>
|
||||
<span class="text-xl">12 minutes away</span>
|
||||
<span>610-459-1190</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="registry" class="w-screen text-slate-900 lg:my-8 bg-[#b2c0b2] lg:bg-[#fdfefe]">
|
||||
<div class="container mx-auto bg-[#b2c0b2] lg:rounded-2xl pt-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4">
|
||||
<div class="w-fit mx-auto lg:flex lg:flex-row lg:justify-center lg:items-center">
|
||||
<span class="text-5xl pl-4 lg:pt-4 rogue-script lg:text-7xl">Registry & Gifts</span>
|
||||
</div>
|
||||
<div class="w-fit mx-auto px-8 pt-4 lg:w-2/3">
|
||||
<p class="text-lg text-justify text-slate-900 px-6 lg:px-0">
|
||||
Your presence is the best gift, but if you’d like to help us start our next chapter,
|
||||
we’ve put together a registry with some things we love. Feel free to browse or
|
||||
choose something meaningful to you!
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex flex-col pt-4 lg:flex-row lg:w-1/3 lg:mx-auto lg:my-12 text-center items-center justify-center">
|
||||
<a class="text-xl rounded-lg bg-emerald-600 px-4 py-4 mb-4 lg:mr-4 w-1/3 text-slate-100 hover:bg-emerald-500" href="/registry">Registry</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="our-story" class="w-screen bg-[#ddd3be] lg:bg-[#fdfefe] lg:my-8">
|
||||
<div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl lg:bg-[#ddd3be] lg:shadow-2xl px-8 py-8">
|
||||
<div class="w-fit mx-auto">
|
||||
<h1 class="text-5xl rogue-script lg:text-7xl">How we met</h1>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user