-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
236 lines (205 loc) · 21 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="images/favicon.png">
<title>Logan & Sharvari</title>
<meta name="description" content="Logan and Sharvari are getting married!">
<meta name="author" content="Logan and Sharvari">
<!-- Pure CSS -->
<link rel="stylesheet" href="css/styles.css" />
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:700|PT+Serif|Josefin+Sans:400,600">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<body class="text-gray-800">
<nav class="flex items-center justify-between flex-wrap px-4 pt-4 pb-2 lg:px-8 lg:pt-6 lg:pb-4 bg-white fixed top-0 w-full z-10 border-b-2">
<div class="flex items-center flex-shrink-0 order-1 lg:order-2">
<a href="#"><h1 class="josefin text-center text-black uppercase tracking-widestest font-semibold">Logan <img class="inline-block mx-1 h-6" src="images/heart.png" alt="loves" /> Sharvari</h1></a>
</div>
<div class="block lg:hidden order-2">
<a href="javascript:void(0);" class="flex items-center px-3 pt-1 pb-2 hover:text-black" onclick="toggleNavbar()">
<svg class="fill-current h-5 w-5" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg>
</a>
</div>
<div id="leftNav" class="w-full hidden lg:block lg:flex lg:items-center lg:w-auto order-3 lg:order-1 bg-white relative z-10">
<div class="text-sm lg:flex-grow text-center">
<a href="#wedding" class="josefin font-semibold tracking-wider block mt-4 lg:inline-block lg:mt-0 text-gray-600 hover:text-black mx-4">
Wedding
</a>
<a href="#atlanta" class="josefin font-semibold tracking-wider block mt-4 lg:inline-block lg:mt-0 text-gray-600 hover:text-black mx-4">
Atlanta
</a>
</div>
</div>
<div id="rightNav" class="w-full hidden lg:block lg:flex lg:items-center lg:w-auto order-3 bg-white relative z-10">
<div class="text-sm lg:flex-grow text-center">
<a href="#faq" class="josefin font-semibold tracking-wider block mt-4 lg:inline-block lg:mt-0 text-gray-600 hover:text-black mx-4">
FAQs
</a>
<a href="https://www.zola.com/registry/loganandsharvari" target="_blank" class="josefin font-semibold tracking-wider block mt-4 lg:inline-block lg:mt-0 text-gray-600 hover:text-black mx-4">
Registry ↗ <span class="sr-only">(opens in new window)</span>
</a>
</div>
</div>
</nav>
<div class="bg-fixed h-screen bg-cover bg-top" style="background-image: url('images/engagement.jpg')"></div>
<div class="container mx-auto mt-16 px-4 text-md">
<h2 data-aos="fade-in" class="text-2xl lg:text-3xl lg:max-w-2xl leading-relaxed tracking-wide">It was freshman year of college, and Shrew had a crush on a boy in her engineering class.</h2>
<div class="flex flex-wrap overflow-hidden lg:ml-20">
<div data-aos="fade-in" class="py-4 lg:px-4 w-full overflow-hidden sm:w-full lg:w-2/3 self-center">
<p class="leading-loose tracking-wide mb-6">
Spoiler alert: that boy was not Logan. Instead, Logan was the annoying kid who lived a floor above her in her residential hall and was the source of many of her noise complaints. But one night, after a few too many drinks, Shrew sat down in the hallway of their residential hall and told Logan all about her crush, and that was the beginning of a long friendship. As they got to know each other, Shrew found Logan's spontaneity terrifying and thrilling, while Logan found Shrew's practicality and need for organization both amusing and grounding.
</p>
<p class="leading-loose tracking-wide mb-6">
A year later, Logan caught feelings and, after asking Shrew out three different times, she finally said yes. Three years of college romance followed over French crêpes in downtown Knoxville, Memphis Grizzlies playoff games in the campus library, and home-cooked dinners in their neighboring apartments. They learned how to live with each other's quirks and bring out the best in each other. After college, Shrew went off to Dallas for her job, while Logan found a job in South Carolina. Two long years of long-distance later, they finally reunited in Atlanta and have built a home together here, with Bojack the cat as the most recent addition to their little family. Logan and Shrew have been there for each other through six years of ups and downs, and they can't wait to get married and continue their Friday night date night tradition for the rest of their lives.
</p>
</div>
<div class="py-4 lg:pl-8 w-full overflow-hidden sm:w-full lg:w-1/3">
<img src="images/engagement-photo.jpg" alt="Sharvari sitting on Logan's shoulders, both looking happy.">
</div>
</div>
</div>
<div class="bg-gray-100 w-screen">
<div class="container mx-auto mt-16 py-8 px-4 text-md">
<h3 class="josefin text-center text-black mt-8 mb-8 uppercase tracking-widestest font-bold">The Proposal</h3>
<div class="flex flex-wrap overflow-hidden mb-8 lg:ml-20">
<div class="py-4 lg:pr-8 w-full overflow-hidden sm:w-full lg:w-1/3 order-2 lg:order-1">
<img src="images/engagement-ring.jpg" alt="Photo of Logan and Sharvari in an embrace.">
</div>
<div data-aos="fade-in" class="py-4 lg:px-4 w-full overflow-hidden sm:w-full lg:w-2/3 self-center order-1 lg:order-2">
<p class="leading-loose tracking-wide mb-6">
Logan had known for quite some time that Shrew was the one, but in January of 2019, he finally started looking at engagement rings. When he and Shrew started planning a trip to Asheville over Memorial Day weekend, Logan knew this would be the perfect opportunity because of so many special shared memories in Asheville during college. They set off on their trip, with Bojack in tow and Logan ready with his perfect plan to propose on a hike in the Smoky Mountains. But like many of Logan's plans, everything went wrong. Due to some incorrect directions, Logan and Shrew never made it to their hike, and they were not in the best of moods.
</p>
<p class="leading-loose tracking-wide mb-6">
Luckily, there are few bad moods in their relationship that food cannot solve, and after a hearty breakfast, the day took a much better turn. That afternoon, they ended up at a beautiful farm in the mountains and found themselves alone except for some adorable cows and goats. As they fed the animals, Logan realized there would never be a more perfect moment for Shrew so he got down on one knee, and under the supervision of the cows, asked Shrew to marry him. She said yes.
</p>
<div class="text-center mt-8"><a href="https://photos.app.goo.gl/RVvAYqrXkfrfVyMV8" target="_blank">
<button class="josefin bg-gray-600 hover:bg-gray-800 text-white font-bold py-2 px-4 rounded">
View Our Engagement Photos ↗
</button>
</a></div>
<div class="text-center mt-6"><a href="https://photos.app.goo.gl/CWfSn3CT3BMNkcz49" target="_blank">
<button class="josefin bg-gray-600 hover:bg-gray-800 text-white font-bold py-2 px-4 rounded">
View Our Elopement Photos ↗
</button>
</a></div>
</div>
</div>
</div>
</div>
<div class="container mx-auto px-4 text-md">
<h3 id="wedding" class="josefin text-center text-black mt-16 mb-8 uppercase tracking-widestest font-bold">The Wedding</h3>
<img class="mx-auto max-h-64 mb-8 opacity-90" src="images/upstairs-illustration.png" alt="" />
<p data-aos="fade-in" class="block mx-auto text-2xl max-w-3xl leading-relaxed tracking-wide text-center">We will be getting married on September 6, 2020 at <a href="https://www.upstairsatlanta.com/#location" target="_blank" class="text-heart-red hover:text-black border-b-2 border-dotted border-heart-red hover:border-black">Upstairs Atlanta</a>. A former Kodak film processing plant, this building is now a beautiful event space in the heart of West Midtown Atlanta.</p>
<div data-aos="fade-in" class="flex flex-wrap mt-12">
<div class="w-full lg:w-1/2 p-2 text-center">
<h5 class="josefin font-semibold text-sm text-black uppercase underline tracking-widestest mb-2">Groom's Party</h5>
<h4 class="playfair text-2xl tracking-wider">Chase Hargis</h4>
<h5 class="josefin text-xs text-heart-red uppercase tracking-widestest mb-4">Best Man</h5>
<h4 class="playfair text-2xl tracking-wider">Josh Ferrell</h4>
<h5 class="josefin text-xs text-heart-red uppercase tracking-widestest mb-4">Groomsman</h5>
<h4 class="playfair text-2xl tracking-wider">Trey Henderson</h4>
<h5 class="josefin text-xs text-heart-red uppercase tracking-widestest mb-4">Groomsman</h5>
</div>
<div class="w-full lg:w-1/2 p-2 text-center">
<h5 class="josefin font-semibold text-sm text-black uppercase underline tracking-widestest mb-2">Bridal Party</h5>
<h4 class="playfair text-2xl tracking-wider">Manan Desai</h4>
<h5 class="josefin text-xs text-heart-red uppercase tracking-widestest mb-4">Man of Honor</h5>
<h4 class="playfair text-2xl tracking-wider">Yidan Zeng</h4>
<h5 class="josefin text-xs text-heart-red uppercase tracking-widestest mb-4">Bridesmaid</h5>
<h4 class="playfair text-2xl tracking-wider">Madhuri Prasad</h4>
<h5 class="josefin text-xs text-heart-red uppercase tracking-widestest mb-4">Bridesmaid</h5>
</div>
</div>
</div>
<div class="bg-gray-100 w-screen">
<div class="container mx-auto mt-16 py-8 px-4 text-md">
<h3 id="atlanta" class="josefin text-center text-black mt-8 mb-8 uppercase tracking-widestest font-bold">Atlanta</h3>
<img class="mx-auto max-h-96 mb-8" src="images/atlanta.jpg" alt="" />
<p data-aos="fade-in" class="block mx-auto text-2xl max-w-3xl leading-relaxed tracking-wide text-center">We feel so lucky to call a city as diverse as Atlanta home, and we can't wait to show it off. These are a few of our favorite places.</p>
<div data-aos="fade-in" class="flex flex-wrap mt-12">
<div class="w-full lg:w-1/2 p-2 lg:px-8">
<h5 class="josefin font-semibold text-center text-sm text-black uppercase underline tracking-widestest mb-8">Restaurants</h5>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">Taqueria del Sol</h5>
<p class="leading-loose tracking-wide mb-10">We are in the dangerous position of living right down the street from this amazing Mexican-inspired restaurant. Ever since we were introduced to it by Shrew's cousin Parth, we've been obsessed. Shrew is in love with their queso, while Logan loves their Memphis taco.</p>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">Jinya Ramen Bar</h5>
<p class="leading-loose tracking-wide mb-10">Shrew's mom used to ask us every Friday where we planned to go for our Friday date night dinner, but after we said we were going to Jinya probably 10 weeks in a row, she has stopped asking entirely. Their spicy chicken ramen and tonkotsu black ramen are to die for.</p>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">Egg Harbor Cafe</h5>
<p class="leading-loose tracking-wide mb-10">One of our favorite brunch spots, this restaurant is full of sunlight and delicious coffee. They strive to serve ethical and carefully-sourced food, all of which is delicious, and the service is always excellent.</p>
</div>
<div class="w-full lg:w-1/2 p-2 lg:px-8">
<h5 class="josefin font-semibold text-center text-sm text-black uppercase underline tracking-widestest mb-8">Desserts</h5>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">Sublime Doughnuts</h5>
<p class="leading-loose tracking-wide mb-10">Another place Shrew was introduced to by her cousin Parth, Sublime Doughnuts makes hands-down the best doughnuts in Atlanta. Shrew highly recommends the "Dirty D."</p>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">Jeni's Ice Cream</h5>
<p class="leading-loose tracking-wide mb-10">Conveniently located right next to Taqueria del Sol in West Midtown, Jeni's ice cream is some of the most unique ice cream you will ever taste. Don't expect all the usual flavors you find in ice cream shops, but come in ready to try flavors made from whatever is local and fresh that season.</p>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">Buttermilk Sky Pies</h5>
<p class="leading-loose tracking-wide mb-10">Logan and Shrew would pass by this adorable pie shop every time they went to the grocery store in Knoxville. When they eventually found their way to Atlanta, they were thrilled to learn that Buttermilk Sky had a store there too! They make the best homemade apple pie we've ever had.</p>
</div>
</div>
<div data-aos="fade-in" class="flex flex-wrap">
<div class="w-full lg:w-1/2 p-2 lg:px-8">
<h5 class="josefin font-semibold text-center text-sm text-black uppercase underline tracking-widestest mb-8">Parks & Shopping</h5>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">Piedmont Park</h5>
<p class="leading-loose tracking-wide mb-10">It's hard to believe you're still in Atlanta when you're in the middle of Piedmont Park. This 189-acre park has something for everyone, from nature hikes to a dog park. Parking does cost $2/hr, but it's completely worth every penny. We'll sometimes just bring a soccer ball or frisbee and spend hours here.</p>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">Ponce City Market</h5>
<p class="leading-loose tracking-wide mb-10">Once a Sears building, Ponce City Market is one of the most lively places in Atlanta, full of great shops, restaurants, and bars. This building seems to have something for everyone, from beautiful furniture to Indian street food. The rooftop Skyline Park has mini golf and amazing views of the Atlanta skyline.</p>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">Atlantic Station</h5>
<p class="leading-loose tracking-wide mb-10">Atlantic Station is an outdoor shopping area where we've wasted many of our days wandering through IKEA or the aisles of Target. On a nice day, this is a great place to just walk hand-in-hand and window shop. The park area in the center of the shopping district often has free yoga or movie nights, so check out their schedule!</p>
</div>
<div class="w-full lg:w-1/2 p-2 lg:px-8">
<h5 class="josefin font-semibold text-center text-sm text-black uppercase underline tracking-widestest mb-8">Things to Do</h5>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">Georgia Aquarium</h5>
<p class="leading-loose tracking-wide mb-10">Truly a must-see in Atlanta. The Georgia Aquarium is the largest aquarium in the country and the only aquarium outside of Asia to house whale sharks. Our minds were blown as we watched the whale sharks swim above us while going through the Ocean Voyager tunnel, and the floor-to-ceiling aquariums left us in awe.</p>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">Center for Civil and Human Rights</h5>
<p class="leading-loose tracking-wide mb-10">Atlanta was the birthplace and home of Martin Luther King, Jr. so it only makes sense for the city to have a museum dedicated to celebrating the achievements of civil and human rights movements in the US and around the world. We urge all our guests to visit, and be prepared to feel all kinds of emotions.</p>
<h5 class="josefin font-semibold text-lg text-heart-red uppercase tracking-widestest mb-2 text-center">High Museum of Art</h5>
<p class="leading-loose tracking-wide mb-10">One of the most beautiful buildings in Atlanta (even featured in <em>Black Panther</em>), the High Museum displays art from the Atlanta region and around the world. We love our date nights here, and we highly recommend their Frequency Friday event for any guests arriving early for our wedding. The Frequency Friday events feature live music and demonstrations, as well as access to all the museum's galleries.</p>
</div>
</div>
</div>
</div>
<div class="container mx-auto mb-16 px-4 text-md">
<h3 id="faq" class="josefin text-center text-black mt-16 mb-8 uppercase tracking-widestest font-bold">FAQs</h3>
<p data-aos="fade-in" class="playfair text-2xl tracking-wider mb-2 px-2 max-w-3xl mx-auto">Where should we book our accommodations?</p>
<p data-aos="fade-in" class="leading-loose tracking-wide mb-2 px-2 max-w-3xl mx-auto">We recommend booking accommodations through <a href="https://www.airbnb.com/c/sdesai21?currency=USD" class="text-heart-red hover:text-black border-b-2 border-dotted border-heart-red hover:border-black" target="_blank">Airbnb</a> for affordability and the opportunity to stay in unique, one-of-a-kind homes. If you would prefer to stay in a hotel, we have reserved the following discounted hotel room blocks:</p>
<ul data-aos="fade-in" class="list-disc leading-loose tracking-wide mb-2 px-2 pl-12 max-w-3xl mx-auto">
<li>
<a href="https://www.hyatt.com/en-US/group-booking/ATLHM/G-DETE" class="text-heart-red hover:text-black border-b-2 border-dotted border-heart-red hover:border-black" target="_blank">Hyatt Centric Midtown Atlanta</a>: Book through this custom link for our group rate of $179/night with parking for an additional $40/night.
</li>
<li>
<a href="https://home2suites.hilton.com/en/ht/groups/personalized/A/ATLHOHT-DTW-20200903/index.jhtml?WT.mc_id=POG" class="text-heart-red hover:text-black border-b-2 border-dotted border-heart-red hover:border-black" target="_blank">Home2 Suites by Hilton Midtown Atlanta</a>: Book through this custom link for our group rate of $140/night with parking for an additional $20/night.
</li>
</ul>
<p data-aos="fade-in" class="leading-loose tracking-wide mb-8 px-2 max-w-3xl mx-auto">These hotels are about 2 blocks apart from each other and only a couple miles from the wedding venue.</p>
<p data-aos="fade-in" class="playfair text-2xl tracking-wider mb-2 px-2 max-w-3xl mx-auto">Will the wedding venue have parking?</p>
<p data-aos="fade-in" class="leading-loose tracking-wide mb-8 px-2 max-w-3xl mx-auto">Yes, the venue has 28 parking spots available, but we ask that you please take a Lyft or Uber if you plan to be drinking at all. You'll find that these rideshare programs are very affordable within the city.</p>
<p data-aos="fade-in" class="playfair text-2xl tracking-wider mb-2 px-2 max-w-3xl mx-auto">How can I receive wedding updates and information?</p>
<p data-aos="fade-in" class="leading-loose tracking-wide mb-8 px-2 max-w-3xl mx-auto">This website will be updated regularly as we finalize more plans, but please sign up for our wedding <a href="https://tinyletter.com/loganandsharvari" class="text-heart-red hover:text-black border-b-2 border-dotted border-heart-red hover:border-black" target="_blank">mailing list</a> to ensure you get alerts for anything important! We'll use it to communicate things like hotel blocks, pre-wedding events, and anything else that will be important for our guests to be aware of for our wedding.</p>
<img class="mx-auto h-16 mt-16" src="images/logo.png" alt="" />
<h3 class="josefin text-center text-black text-sm mt-4 uppercase tracking-widestest font-semibold">#LoganCaughtAShrew</h3>
</div>
<script>
function toggleNavbar() {
var leftNav = document.getElementById("leftNav");
leftNav.classList.toggle('hidden');
var rightNav = document.getElementById("rightNav");
rightNav.classList.toggle('hidden');
}
</script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
duration: 1800,
once: true
});
</script>
<script src="js/zenscroll/zenscroll-min.js"></script>
<script>
zenscroll.setup(null, 100)
</script>
</body>
</html>