-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·284 lines (253 loc) · 22 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
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lindsay & Dave's Wedding</title>
<meta name="description" content="Blueprint: Fixed Background Scrolling Layout" />
<meta name="keywords" content="background scrolling, fixed background, background-attachment, jquery" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" type="text/css" href="css/split.css" />
<link href='https://fonts.googleapis.com/css?family=Lato:400,900,100' rel='stylesheet' type='text/css'>
<script src="js/modernizr.custom.js"></script>
<script src="js/modernizr.custom2.js"></script>
</head>
<body>
<div class="container">
<header class="clearfix">
</header>
<div id="cbp-fbscroller" class="cbp-fbscroller">
<nav>
<a href="#section1"></a>
<a href="#section2"></a>
<a href="#section3">The Details</a>
<a href="#section4">How We Met</a>
<a href="#section5">Accommodations</a>
<a href="/proposal.html">The Proposal</a>
</nav>
<section id="section1">
<svg id="logo" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1200px"
height="700px" viewBox="0 0 1200 700" enable-background="new 0 0 1200 700" xml:space="preserve">
<g id="bolo">
<path fill="none" stroke="#223E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M639.264,406.432c-22.658,0-38.659,74.867-2.854,74.866c36.301-0.001,43.521-78.526,16.32-78.526
c-14.648,0-22.535,55.931,8.787,55.931c44.354,0,60.678-115.422,47.703-115.422c-12.973,0-42.264,138.019-22.596,138.019
c19.666,0,42.402-55.93,29.709-55.93c-7.807,0-18.545,55.93,8.367,55.93c42.75,0,43.938-78.109,15.484-78.109
c-19.658,0-24.27,55.936,7.951,55.936c14.227,0,21.758-17.436,21.758-17.436"/>
<path fill="none" stroke="#223E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M576.767,395.479c-28.113,0-28.537,205.254-81.08,181.642c-24.398-16.975,22.199-5.529,22.199-5.529
c84.875,23.87,108.745-29.705,108.745-49.864c0-70.021-69.491-67.896-64.721-57.817c6.898,20.688,100.26-53.578,10.611-94.423
c-105.561-30.769-123.064,117.762-45.623,117.762"/>
</g>
<g id="the1">
<path fill="none" stroke="#223E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M419.625,497.168c-18.857,11.205-30.062-3.277-30.062-12.024s6.559-31.431,53.567-12.571
c35.255,11.753,60.128-39.903,40.995-39.903c-19.132,0-18.583,86.365-31.154,91.831c-12.572,5.466,12.797-52.202,25.961-52.202
c12.573,0-16.67,52.567-0.82,52.567c11.753,0,36.488-45.051,34.164-47.374c-14.074-14.076-34.709,47.374-7.926,47.374
c4.92,0,18.312-11.299,18.312-27.696"/>
<path fill="none" stroke="#223E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M439.302,496.349c5.467-5.468,22.141-53.021,14.486-53.021c-5.738,0-27.877,81.536-12.572,81.536
c5.104,0,10.11-12.84,15.508-25.311"/>
</g>
<g id="and">
<path fill="none" stroke="#223E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M594.396,341.079c0,0,1.963-13.352-8.172-13.352c-14.029,0-27.695,44.319-12.848,49.183c17.959,6.263,32.422-48.806,24.938-48.806
c-2.518,0-13.666,48.806-5.918,48.806c7.746,0,30.538-48.806,23.297-48.806c-7.242,0-0.328,48.806-10.201,48.806
c-5.348,0,12.219-49.183,26.395-49.183c14.174,0-15.975,49.183-0.338,49.183c15.639,0,13.887-48.175,32.129-48.175
c5.998,0,7.746,5.893,7.746,11.914c0,0,1.225-11.914-7.746-11.914c-13.025,0-26.633,48.175-10.217,48.175
c9.25-0.092,17.963-27.393,17.963-36.261"/>
<path fill="none" stroke="#223E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M611.605,322.356c17.619-45.553,83.229,9.184,114.721-13.566c5.229-3.779,12.188-19.307,0.189-31.307
c-22.865-13.81-47.191,5.434-50.984,34.828c-3.791,29.396-13.039,65.796-2.049,65.796c10.764,0,19.137-29.736,19.137-30.291"/>
</g>
<g id="beauty">
<path fill="none" stroke="#223E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M512.142,260.774c25.176,25.176,74.597-11.777,48.799-29.043c-24.38-14.291-47.766,58.693-16.174,66.838
c22.182,5.72,68.27-58.642,63.655-63.258c-22.608-22.607-52.677,63.258-26.258,63.258c30.504,0,39.215-65.713,34.905-70.021
c-5.104,5.104-20.583,70.021-7.584,70.021c17.238,0,40.711-71.877,36.861-71.877c-3.312,0-26.258,71.877-2.914,71.877
c23.342,0,38.408-65.565,33.635-65.565c-7.559,0-17.453,65.565-2.604,65.565s63.127-114.312,50.924-114.312
c-11.141,0-34.215,114.312-15.646,114.312c18.562,0,37.662-53.574,37.662-68.692s-27.32,68.692-4.51,68.692
s39.52-71.611,33.686-71.611c-5.836,0-15.385,139.245-35.805,139.245c-20.426,0,10.607-49.068,40.311-78.772
c54.617-54.617,41.732-110.789,5.443-110.789c-33,0-40.232,66.136-27.156,54.309c8.27-13.563-47.994-29.25-76.213-4.053"/>
<path fill="none" stroke="#223E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M479.767,189.479c-28.112,0,0.612,181.641-81.08,181.641c-24.398-16.974,22.199-5.529,22.199-5.529
c84.875,23.87,108.745-29.705,108.745-49.863c0-70.021-69.491-67.897-64.721-57.818c6.899,20.688,100.26-53.578,10.61-94.424
c-105.56-30.769-123.064,117.761-45.621,117.761"/>
</g>
<g id="the">
<path fill="none" stroke="#223E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M544.205,182.448c-13.792,0-22.658,36.941,11.822,36.941c40.813,0,42.41-71.808,46.168-99.246
c5.059-36.949,20.328-17.246,3.289-15.094c-37.624,4.754-111.776-37.125-111.776,24.465c0,53.672,78.079,35.692,62.316-1.742"/>
<path fill="none" stroke="#223E68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M600.605,169.44c14.038,0,45.877-66.597,28.813-66.597c-17.062,0-16.088,92.702-22.656,92.702
c-5.924,0,11.102-53.938,26.979-53.938c15.875,0-18.363,48.506-2.596,54.15c14.529,5.205,51.227-49.471,35.217-53.658
c-16.201-4.236-32.262,49.797-8.373,53.984c19.211,3.202,25.381-62.021,61.572-57.678c40.143,8.127,7.389,74.377-29.309,38.42"/>
</g>
</svg>
<h1>May 7<sup>th</sup> 2016</h1>
<a class="button center" href="https://docs.google.com/forms/d/1pKqfNKXMuus-yDlWHXWeiH8WXFD5Ce1pukFXmGhDNNw/viewform">RSVP</a>
</section>
<section id="section2">
<article class="span_2_of_4 whiteoverlay">
<h2>Welcome</h2>
<p>Hello there! Thank you for visiting our wedding website. We are excited to share our journey with you. Our website contains information such as our ceremony and reception details, RSVP’s, accommodations and activities to make your trip to Lincoln fun-filled!</p>
</article>
</section>
<section id="section3">
<div class="group">
<article class="span_1_of_4 col">
<h2>When</h2>
<p>Saturday, May 7th, 2016</p>
<hr>
<h2>Where</h2>
<p>Ceremony & Reception at Country Pines - 6305 W Adams St, Lincoln, NE 68524</p>
<hr>
<h2>Time</h2>
<p>The ceremony will begin at 4:00pm and the reception will follow.</p>
<p><em>Please dress according to the weather as the ceremony and reception are outdoors.</em>
<!--https://mapbuildr.com/buildr/uk0xj0-->
<a class="button" href="https://docs.google.com/forms/d/1pKqfNKXMuus-yDlWHXWeiH8WXFD5Ce1pukFXmGhDNNw/viewform">RSVP</a>
</article>
<article class="span_2_of_4 col">
</article>
<article class="span_1_of_4 col">
<p>Due to our wedding being far from where we live, we chose an online registry. If you have a special gift in mind that is not on the registry, please mail it to us. Our address is: 5874 Packard St, Los Angeles, CA 90019. </p>
<a class="button" href="https://www.zola.com/registry/beautyandthebolo">Registry</a>
</article>
</div>
</section>
<section id="section4">
<div id="splitlayout" class="splitlayout">
<div class="intro">
<div class="side side-left">
<div class="intro-content">
<div class="profile"><img src="images/profile1.jpg" alt="profile1"></div>
<h2><span>His Story </span><span>How we met</span></h2>
</div>
<div class="overlay"></div>
</div>
<div class="side side-right">
<div class="intro-content">
<div class="profile"><img src="images/profile2.jpg" alt="profile2"></div>
<h2><span>Her Story </span><span>How we met</span></h2>
</div>
<div class="overlay"></div>
</div>
</div><!-- /intro -->
<div class="page page-right">
<div class="page-inner">
<section>
<h2>Her Story</h2>
<p><span class="drop">T</span>he first time I met Dave was likely at a gymnastics meet in Nebraska. Dave and my brother, Kent, were friends as well as gymnasts together. However, my first true memory of Dave was in middle school. Dave was hanging out with Kent at our house one night. When I conjure up this memory, I notice the feeling of butterflies in my stomach which I can only assume was due to a developing crush on this cute boy named, Dave. I wanted to hang out with them but, Kent would not let me...I suppose I was just the annoying sister at this point! Dave and Kent both moved on from gymnastics in their early teens. Years past and another memory comes to mind - I was in college and Dave was playing with his band, Oranjesta. I remember admiring he and his band's talent. </p>
<p>After college, I wanted to pursue a master's degree and move out of state. Everything fell into place and it was obvious the best school for me was in the sunny state of California. I had one friend, Emily, who had moved to LA a few months before. Soon after I moved, Emily brought my roommate, Chad and I, to a party which lo and behold, was filled to the brim with Nebraskans. I felt right at home! That summer night, I met Dave again after 10 years of no substantial contact. I was greeted by him with, "Wow! I can't believe you are here!" Dave seemed stunned I was in California and repeated this statement several times (looking back I think he was nervous!) I remember Dave's well-coiffed bouffant and his frequent use of Carmex. I recall one of my first conversations with Dave and thinking, "He's so humble about his talent.” He was also encouraging and non-judgmental of other musicians. His friends loved him and spoke highly of his character and his musicianship. </p>
<p>Dave and I became friends over the next few months - seeing each other at mutual friends' gatherings. I felt drawn towards Dave and continued to get to know him. Months pass and I decided to text Dave to wish him a Happy Valentine's Day and he responded with, "Will you be my Valentine?" I said yes, and he talked about wanting to take me to Disneyland. We were both shy and never went on that Disneyland date but, continued our friendship. </p>
<p>Over time, I began to see different layers of Dave’s personality - his amazing storytelling abilities, how he can impersonate people and voices like a pro and overall, entertain a crowd with his goofy sense of humor. Through his, what I assume to be, macho way of trying to impress me, I saw a softer side of Dave. He spoke intelligently about about various topics. I thought, “I could have deep conversations with this macho man!” In the meantime, I was personally doing a lot of soul searching and trying to better myself with discipline in my health and spiritual life. I saw Dave was disciplined too as he had given up alcohol, processed foods and began to focus on his physical health. I was attracted to Dave's strong will, ambition and hard-working attitude. We continued as friends until one fateful night in Ojai, California which changed the script. Now here’s the deal...I'm not entirely sure but, I’m pretty certain all of our friends were in on a plan to finally get Dave to tell me he liked me. I knew this because somehow everyone had left the two of us alone by the fire that night. I was nervous, excited, yet calm as well. Dave motioned for me to come sit by him and we talked for hours. Needless to say, we had our first kiss under the stars that night. The next day May 1, 2011 marked our anniversary and the rest is history :) </p>
</section>
</div><!-- /page-inner -->
</div><!-- /page-right -->
<div class="page page-left">
<div class="page-inner">
<section>
<h2>His Story</h2>
<p><span class="drop">I</span> most likely met Lindsay when I was about 10 years old. My family and I had just moved from Florida as my father started a new job in Nebraska. I was an avid gymnast and my parents found a new club called Nebraska School of Gymnastics. Soon after I joined, I happened to make a really good gym buddy named, Kent. Kent and I would hang out at each other’s houses a lot and that’s where I probably first met Lindsay. Lindsay was Kent’s older sister and happened to be the same age as me. I remember a lot of the guys on the gym team thought she was cute. I definitely did too but I was probably too shy to tell her so. </p>
<p>A lot of time went by and eventually I moved on from gymnastics. I started getting more involved with music and my love for the guitar was blossoming. I left gymnastics around 15 years old and lost touch with most of my gymnastic buddies. With that being the case, I didn’t see Lindsay much and we both had lives of our own. </p>
<p>Years went by and life just started to happen. I graduated high school and went to Florida State to pursue a degree in classical guitar, only to quit after my freshman year to save up to move to Los Angeles. I put the horse blinders on and worked feverishly at my music career once I arrived in LA. </p>
<p>I was always a hard worker and didn’t really put much time into pursuing a relationship, even though I wanted one. I definitely had pretty terrible luck trying to meet a girl in LA. All the LA girls wanted someone I wasn’t. I think I was just too nice of a guy - and those ‘Hollywood” girls weren’t really into that. Oh, well. Haha! </p>
<p>Now, I had been in LA for almost four years, and at 24 thought it was going to be pretty tough to find a girl I could call, honey. Then, one amazing party night at my grungy house in the valley, a beautiful girl walked through the door. Her smile glowed and her presence immediately reminded me of home. I literally stood there in disbelief with my mouth agape. You can take a guess that this lady was - you guessed it, Lindsay. </p>
<p>I told her, “I can’t believe you’re here! Wow! You are really out here now? Really? This is amazing!” Basically, I kept repeating myself over and over again. Finally, after almost five minutes, I realized I should let her sit down and not keep her standing in the entry way. It was kind of difficult to pry her away from friends, but once I did I knew she was special. She spoke passionately about pursuing a career in therapy. She was also in touch with her spirituality from the moment I met her. It was an attractive quality to see her interested in helping others. Her soul was filled with kindness and the few moments I got alone with her just made me want more. I couldn’t get her smile out of my brain. She smiled constantly and I kept trying to make her laugh to do so. </p>
<p>After the party, I kept sending her messages and texts. I tried to space them out enough so I wouldn’t scare her away. I remember looking at my phone and dreading to press send sometimes. I suppose I was afraid of saying the wrong thing and just wanted her to like me. I remember asking her to be my Valentine in a text and when she replied, yes, I had to tell every roommate in my house!</p>
<p>One day, down at 3rd Street Promenade in Santa Monica, I was driving around with my friend, Nick. We were talking about Lindsay and I how much I liked her. Ironically, in such a crowded city, I looked over to the right and saw Lindsay walking with her two friends. Nick and I got out of the car to say hi to Lindsay. Nick said something about how her and I would make a pretty cute couple and Lindsay’s cheeks turned a rosy red. We chatted for a few minutes and then Nick and I hopped back in the car. I was like, “Dude! Why did you say that?” Nick told me to relax and that it would all be fine.</p>
<p>Lo and behold, Lindsay and I went on a camping trip with some friends in Ojai, CA shortly after. The whole hike up Matilija Creek Trail consisted of me trying to impress Lindsay - as usual. I remember walking in front of her and trying to clear every single branch and stone from her path. It was pretty obvious at this point that I was smitten by her, but I didn’t care. I promised myself I was going to tell her how much I liked her on that trip. It was rather difficult though as all of our friends were around. I was hoping at some point I could get her alone and just tell her how I felt. By the grace of God, around 3 AM that night when everyone was sleeping, I did just that. I probably spent a couple hours rambling from topic to topic sitting on a log with her. I admired how intently she listened. She truly made me feel comfortable with her patience. I finally mustered up the courage inside and said, “Dave! What are you doing? Tell the poor girl already before she falls asleep!” Amazingly, I was able to tell Lindsay how I felt. It was the best decision of my life when I leaned over and kissed that girl around the campfire. My whole life changed from that moment under the stars. </p>
<p>I truly feel our relationship was meant to be. My Dad always says “the Lord works in mysterious ways.” Who would have thought the woman of my dreams lived only a mile away from me my entire youth? Her Dad even took me to gymnastics at times and lent me one of my first guitar amps to play as a kid. Pretty wild isn’t it? Meeting Lindsay definitely made our lives come full circle. It’s pretty incredible how our paths led to finding each other in the storm that is Los Angeles. God has truly blessed us. I am grateful.</p>
</section>
</div><!-- /page-inner -->
</div><!-- /page-left -->
<a href="#" class="back back-right" title="back to intro">→</a>
<a href="#" class="back back-left" title="back to intro">←</a>
</div><!-- /splitlayout -->
</section>
<section id="section5">
<h2>Accomidations</h2>
<div class="group">
<div class="col span_2_of_4">
<p>The weekend of our wedding is a busy one! UNL commencement is on the 7th, the U.S. Navy Blue Angels have their air show on the 7th and 8th in addition to Mother’s Day on the 8th. Please make arrangements ASAP if you plan to join us as accommodations are already filling up FAST! </p>
<p>Flights: We recommend flying into the Omaha airport and arranging for someone to pick you up (let us know, we’d be happy to help coordinate that!) or using a shuttle service to get yourself to Lincoln. </p>
<div class="group">
<a class="button col span_2_of_4" href="http://www.omalink.com">Omalink</a>
<a class="button col span_2_of_4" href="http://www.navigatorairportexpress.com">Airport Express</a>
</div>
</div>
<div class="col span_2_of_4">
<div class="group callout">
<div class="col span_2_of_4 dotright">
<p>Room block available at Embassy Suites in downtown Lincoln. Just mention you are part of the Vuchetich/Rosser Wedding and you’ll get the discounted rate of $134 per night.</p>
</div>
<div class="col span_2_of_4">
<p>Embassy Suites - Downtown Lincoln</br>
Address: 1040 P St, Lincoln, NE 68508</br>
Phone: (402) 474-1111</p>
</div>
</div>
</div>
</div>
<hr>
<h3 class="center">Check out <a href="https://www.airbnb.com/">airbnb</a> for rooms or homes to book. <br>Other nearby hotel options include: </h3>
<div class="group">
<div class="col span_1_of_4 dotright">
<h4>Holiday Inn </h4>
Address: 141 N 9th St, Lincoln, NE 68508
Phone:(402) 475-4011
</div>
<div class="col span_1_of_4 dotright">
<h4>Hyatt Place</h4>
Address: 600 Q St, Lincoln, NE 68508
Phone:(402) 742-6007
</div>
<div class="col span_1_of_4 dotright">
<h4>Hilton Garden Inn</h4>
Address: 801 R St, Lincoln, NE 68508
Phone:(402) 475-9000
</div>
<div class="col span_1_of_4">
<h4>Courtyard Lincoln </h4>
Address: 808 R St, Lincoln, NE 68508
Phone:(402) 904-4800
</div>
</div>
<hr>
<div class="group">
<div class="col span_2_of_4 dotright">
<p>Our personal favorites: Grab a drink at Zen’s Lounge (I hope they still have the mint chip martini!) or The Other Room (a secret speakeasy) then head to Yia Yia’s, Lazlo’s, or Green Gateau for dinner. Don’t forget the homemade and unique flavors of ice cream found at Ivanna Cone for dessert. Delish. </p>
</div>
<div class="col span_2_of_4">
<h4>For more ideas:</h4>
<a href="http://issuu.com/lincolnchamber/docs/158036-lcoc-visitor_guide?e=4549694/11501588" target="_blank">Visitor’s Guide</a>,
<a href="http://www.lincoln.org/visit" target="_blank">Visit Lincoln</a>,
<a href="http://www.unl.edu/gradstudies/ambassadors/lara-100" target="_blank">UNL ambassadors</a>
</div>
</div>
<footer>Made with ♥ by <a href="https://dribbble.com/lauren_vuchetich">LV</a></footer>
</section>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- jquery.easing by http://gsgd.co.uk/ : http://gsgd.co.uk/sandbox/jquery/easing/ -->
<script src="js/jquery.easing.min.js"></script>
<!-- waypoints jQuery plugin by http://imakewebthings.com/ : http://imakewebthings.com/jquery-waypoints/ -->
<script src="js/waypoints.min.js"></script>
<!-- jquery-smartresize by @louis_remi : https://github.com/louisremi/jquery-smartresize -->
<script src="js/jquery.debouncedresize.js"></script>
<script src="js/cbpFixedScrollLayout.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpSplitLayout.js"></script>
<script src='https://maps.googleapis.com/maps/api/js?key=&sensor=false&extension=.js'></script>
<script>
$(function() {
cbpFixedScrollLayout.init();
});
</script>
</body>
</html>