More info
This commit is contained in:
Adam Mohammed
@@ -13,7 +13,8 @@
|
||||
<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="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">How We Met</a>
|
||||
<a href="#ceremony" class="block my-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
|
||||
<a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
|
||||
<a href="#more-info" class="block my-4 lg:inline-block lg:mt-0 hover:text-white mr-24">More Info</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="#rsvp" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white pb-4">RSVP</a> -->
|
||||
@@ -48,6 +49,7 @@
|
||||
<div id="nav-links-lg" class="text-xl flex flex-col lg:flex-row">
|
||||
<a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">How We Met</a>
|
||||
<a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">Ceremony & Reception</a>
|
||||
<a href="#more-info" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 px-12">More Info</a>
|
||||
<!-- <a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 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="#rsvp" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white">RSVP</a> -->
|
||||
@@ -55,6 +57,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto flex flex-row justify-center md:hidden lg:hidden">
|
||||
<img src="<%= image_path 'love-park-small.png' %>">
|
||||
</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">
|
||||
@@ -69,7 +74,7 @@
|
||||
<li class="mb-10 ms-4">
|
||||
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
|
||||
<time class="mb-1 text-sm font-normal leading-none text-gray-600">October 2019</time>
|
||||
<h3 class="text-lg font-semibold text-slate-900">Started Dating</h3>
|
||||
<h3 class="text-lg font-semibold text-slate-900">Adam asked out Jillian (after climbing many stairs)</h3>
|
||||
</li>
|
||||
<li class="mb-10 ms-4">
|
||||
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
|
||||
@@ -89,18 +94,39 @@
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ceremony" class="w-screen bg-[#d2b4de] lg:bg-[#fdfefe] lg:my-8">
|
||||
<div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl bg-[#d2b4de] lg:shadow-2xl lg:bg-[#b2c0b2]">
|
||||
<div id="ceremony" 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 bg-[#b2c0b2] lg:shadow-2xl">
|
||||
<div class="w-fit mx-auto">
|
||||
<h1 class="text-5xl px-4 pt-8 pb-4 rogue-script lg:text-7xl">Ceremony & Reception</h1>
|
||||
</div>
|
||||
<div class="flex flex-col lg:flex-row lg:space-x-4">
|
||||
<div class="basis-1/3 max-md:hidden lg:rounded-l-2xl lg:content-center">
|
||||
<img src="<%= image_path 'love-park-small.png' %>" class="lg:scale(0.7) lg:rounded-l-2xl" />
|
||||
<div class="basis-1/3 max-md:hidden lg:rounded-bl-2xl lg:content-center">
|
||||
<img src="<%= image_path 'love-park-small.png' %>" class="lg:scale(0.7) lg:rounded-bl-2xl md:mx-auto" />
|
||||
</div>
|
||||
<div class="basis-2/3">
|
||||
<div class="w-fit mx-auto">
|
||||
<h1 class="text-5xl px-4 py-8 rogue-script lg:text-7xl">Ceremony & Reception</h1>
|
||||
<p class="text-xl px-5 pt-2 ">We're getting married! Come join us for our Ceremony at Penn Oaks Golf Club at 5:00pm June 7, 2025.</p>
|
||||
<p class="text-xl px-4 pt-2">After, we will enjoy drinks and hors d'ourves on the Patio for Cocktail hour before moving into the Ballroom to eat and dance for the Reception until 11:00 pm.</p>
|
||||
<p class="text-xl px-4 py-2" >We are looking forward to seeing you there!</p>
|
||||
|
||||
<div class="pb-4">
|
||||
<div class="flex flex-row px-8 items-center">
|
||||
<svg width="30" height="30" viewbox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.02 7.207c.26-.457.915-.734 1.565-.55.64.18.93.697.851 1.141-.085.464-.576.898-1.268.895a.604.604 0 0 0-.08.005.6.6 0 0 0-.687.594v1.613l-5.246 2.963-.002.001-3.064 1.716-.004.002c-.538.307-.779.94-.651 1.519v.002c.132.586.632 1.054 1.268 1.063H20.28c.64 0 1.147-.465 1.283-1.055v-.002c.132-.582-.11-1.217-.647-1.526l-.003-.002-3.02-1.716-2.747-1.556a.6.6 0 0 0-.591 1.045l2.746 1.554 3.017 1.715c.046.027.1.11.075.22-.024.103-.091.123-.113.123H3.717c-.024 0-.089-.024-.112-.125-.023-.109.031-.19.073-.215l3.063-1.716.002-.001 5.535-3.127a.598.598 0 0 0 .287-.376.599.599 0 0 0 .035-.204V9.86c.985-.158 1.836-.851 2.017-1.848.209-1.16-.583-2.194-1.706-2.51-1.11-.313-2.366.113-2.934 1.11a.6.6 0 1 0 1.043.595z" fill="currentColor"></path>
|
||||
</svg>
|
||||
<span class="text-md px-4">Cocktail Attire</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-xl px-4 py-8">You're invited to come join us to celebrate our wedding at Penn Oaks Golf Club in West Chester, Pennsylvania.</p>
|
||||
<div class="max-md:hidden lg:w-fit lg:mx-auto">
|
||||
|
||||
<div class="pb-4">
|
||||
<div class="flex flex-row px-8 items-center">
|
||||
<svg width="30" height="30" viewbox="0 0 24 24">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.437 9.041c0-3.73 2.886-6.81 6.52-6.835A.61.61 0 0 1 12 2.204c3.653 0 6.563 3.091 6.563 6.837 0 5.975-3.986 10.694-5.527 12.298a1.401 1.401 0 0 1-1.036.456c-.393 0-.772-.165-1.036-.456-1.54-1.605-5.527-6.34-5.527-12.298zM12 3.406c.013 0 .026 0 .039-.002 2.921.022 5.324 2.516 5.324 5.637 0 5.489-3.702 9.916-5.199 11.474a.597.597 0 0 0-.015.016.202.202 0 0 1-.149.064.202.202 0 0 1-.149-.064.388.388 0 0 0-.015-.016C10.34 18.957 6.637 14.513 6.637 9.04c0-3.134 2.423-5.635 5.363-5.635zM9.332 8.729A2.67 2.67 0 1 1 12 11.4a2.67 2.67 0 0 1-2.668-2.67zM12 4.86a3.87 3.87 0 0 0-3.868 3.87A3.87 3.87 0 1 0 12 4.86z" fill="currentColor"></path>
|
||||
</svg>
|
||||
<span class="text-md px-4">150 Penn Oaks Dr, West Chester, PA 19382</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="max-md:hidden md:w-fit md:mx-auto ">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6120.924192987885!2d-75.56311592187585!3d39.908673971526014!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c6f042ac27b4e9%3A0xc4a8ba245e1ee29d!2sPenn%20Oaks%20Golf%20Club!5e0!3m2!1sen!2sus!4v1731812607168!5m2!1sen!2sus" width="570" height="500" style="border:0;" allowfullscreen="" loading="lazy" class="lg:rounded-xl lg:mb-4" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
@@ -110,8 +136,24 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto flex flex-row justify-center md:hidden lg:hidden">
|
||||
<img src="<%= image_path 'love-park-small.png' %>">
|
||||
<div id="more-info" class="w-screen text-slate-900 bg-[#ddd3be] lg:bg-[#fdfefe]">
|
||||
<div class="container mx-auto bg-[#ddd3be] 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">More Info</span>
|
||||
</div>
|
||||
<div class="w-fit mx-auto">
|
||||
<p class="text-xl px-4 pt-2">Check back soon, we will be adding more details as our wedding gets closer!</p>
|
||||
<p class="text-xl px-4 pt-2">Don't hesitate to reach out if you have any questions.</p>
|
||||
<p class="text-xl px-4 pt-2">We will update the website with details about:</P>
|
||||
<ul class="list-disc text-xl pl-16 py-4">
|
||||
<li>Wedding Block & Guest Accommodations</li>
|
||||
<li>Bridal Party Colors</li>
|
||||
<li>Registry</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="accommodations" class="w-screen text-slate-900 lg:my-8 bg-[#92a084] lg:bg-[#fdfefe] hidden">
|
||||
<div class="container mx-auto bg-[#92a084] lg:rounded-2xl pt-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4">
|
||||
|
||||
Reference in New Issue
Block a user