-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1165 lines (956 loc) · 64.3 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
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="eng">
<head>
<title>Diana and Chris</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Great+Vibes&family=Open+Sans:wght@300;400&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/vendor/lightbox.min.css">
<link rel="stylesheet" type="text/css" href="css/vendor/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="css/vendor/owl.theme.default.min.css">
<link rel="stylesheet" type="text/css" href="fonts/fontawesome-6/css/fontawesome.min.css">
<link rel="stylesheet" type="text/css" href="fonts/fontawesome-6/css/all.min.css">
<link rel="stylesheet" type="text/css" href="css/vendor/motion.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body data-bs-spy="scroll" data-bs-target="#navbar" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true">
<div class="loader"></div>
<div class="main">
<!-- Navigation -->
<nav id="navbar" class="navbar navbar-expand-md">
<div class="container">
<!-- <a class="navbar-brand" href="index.html">Belle</a> -->
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
<i class="fa-solid fa-bars"></i>
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h3 class="offcanvas-title" id="offcanvasNavbarLabel">Belle</h3>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#header">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#events">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#couple-story">Story</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#invitation">RSVP</a>
</li>
<!-- <li class="nav-item dropdown"> -->
<!-- <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> -->
<!-- Pages -->
<!-- -->
<!-- <i class="fa-solid fa-chevron-down"></i> -->
<!-- </a> -->
<!-- -->
<!-- <ul class="dropdown-menu dropdown-menu-end"> -->
<!-- <li> -->
<!-- <a class="dropdown-item" href="about.html">About us</a> -->
<!-- </li> -->
<!-- -->
<!-- <li> -->
<!-- <a class="dropdown-item" href="gallery.html">Gallery</a> -->
<!-- </li> -->
<!-- -->
<!-- <li> -->
<!-- <a class="dropdown-item" href="rsvp.html">RSVP</a> -->
<!-- </li> -->
<!-- -->
<!-- <li> -->
<!-- <a class="dropdown-item" href="gallery-single.html">Single Albom</a> -->
<!-- </li> -->
<!-- -->
<!-- <li> -->
<!-- <a class="dropdown-item" href="blog.html">Blog page</a> -->
<!-- </li> -->
<!-- -->
<!-- <li> -->
<!-- <a class="dropdown-item" href="single-post.html">Post with aside</a> -->
<!-- </li> -->
<!-- -->
<!-- <li> -->
<!-- <a class="dropdown-item" href="single-post-2.html">Post without aside</a> -->
<!-- </li> -->
<!-- </ul> -->
<!-- </li> -->
</ul>
</div>
</div>
</div>
</nav>
<!-- Header -->
<section id="header" class="cover" data-parallax="scroll" data-image-src="images/main_cover.jpg">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="display-t">
<div class="display-tc animation">
<h1>We are getting married!</h1>
<div class="banner-text d-flex justify-content-center">
<span class="banner-text_city">
San Diego
<br>
USA
</span>
<span class="banner-text_names">Chris and Diana</span>
<span class="banner-text_date">
November 2nd
<br>
2023
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section About-us -->
<section id="couple" class="section couple">
<div class="container">
<div class="row">
<div class="col-12 text-center heading">
<h2>Hello!</h2>
<p>We invite you to celebrate our wedding</p>
</div>
</div>
<div class="row couple-wrap">
<div class="groom-wrap col-12 col-lg-6 clearfix">
<div class="groom">
<img src="images/chris_profile.jpg" alt="groom" class="img-responsive">
</div>
<div class="desc-groom">
<h3>Chris</h3>
<p>
Chris grew up in Foster City, CA and went to school at UCSD for
Bioengineering since 2010. He stayed in San Diego after graduating
and is working in the diabetic medical device industry. Between sailing,
hiking, video games and caring for our birds, he’s enjoyed his time in
Southern California. He was finally convinced to stay there in 2019 when
he and Diana moved in together after dating for 4 years. He’s a big animal
lover and a very kind and patient dude. He loves science fiction and got
Diana into Star War, Marvel, Indiana Jones, and Game of Thrones.
</p>
</div>
</div>
<p class="heart text-center">
<i class="fa-solid fa-heart"></i>
</p>
<div class="bride-wrap col-12 col-lg-6">
<div class="bride">
<img src="images/diana_profile.jpeg" alt="groom" class="img-responsive">
</div>
<div class="desc-bride">
<h3>Diana</h3>
<p>
Diana grew up in Anaheim, CA and went to Cal Poly Pomona for her undergrad
then Cal Poly San Luis Obispo for her Masters in Biology with specialization
in regenerative medicine. She loves reading non-fiction novels such as the
Hunger Game series, Girl with the Dragon Tattoo, and Harry Potter. Diana also
enjoys drinking wine, craft beer, and kombucha and got Chris into wine!
She also convinced Chris to run a few 5ks in their earlier years and loves
hiking, and walking along the beach.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Section Countdown -->
<section class="countdown bg section text-center" data-image-src="images/countdown.jpg">
<div class="overlay" data-image-src="images/countdown.jpg"></div>
<div class="container">
<div class="row">
<div class="heading col-12">
<h2>
The big day
<br>
02 . November . 2023
</h2>
<p>
We are so excited to celebrate our special day with our family and friends.
Thank you so much for visiting our wedding website!
</p>
</div>
<div class="col-12">
<div id="timer" class="timer text-center">
<div class="timer-item timer-item_text">Just some days...</div>
<div class="timer-item_digits">
<div class="timer-item">
<div>
<span class="days digit"></span>
<div class="smalltext">days</div>
</div>
</div>
<div class="timer-item">
<div>
<span class="hours digit"></span>
<div class="smalltext">hours</div>
</div>
</div>
<div class="timer-item">
<div>
<span class="minutes digit"></span>
<div class="smalltext">minutes</div>
</div>
</div>
<div class="timer-item">
<div>
<span class="seconds digit"></span>
<div class="smalltext">seconds</div>
</div>
</div>
</div>
<div class="timer-item timer-item_text">...until we get married!</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section Events -->
<section id="events" class="events-accordion section">
<div class="container-md">
<div class="row">
<div class="col-12 text-center heading">
<span>Our Special Events</span>
<h2>Wedding events</h2>
<p>
</p>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<div class="accordion-img panel-group" id="accordion-img">
<div class="panel panel-default">
<div id="collapse1" class="panel-collapse collapse show" data-bs-parent="#events">
<img src="images/wedding_events.jpg" alt="">
</div>
</div>
<div class="panel panel-default">
<div id="collapse2" class="panel-collapse collapse" data-bs-parent="#events">
<img src="images/cocktail_hour.jpeg" alt="">
</div>
</div>
<div class="panel panel-default">
<div id="collapse3" class="panel-collapse collapse" data-bs-parent="#events">
<img src="images/dinner.png" alt="">
</div>
</div>
<div class="panel panel-default">
<div id="collapse4" class="panel-collapse collapse" data-bs-parent="#events">
<img src="images/cake_cutting.jpeg" alt="">
</div>
</div>
<div class="panel panel-default">
<div id="collapse5" class="panel-collapse collapse" data-bs-parent="#events">
<img src="images/dance_party.jpeg" alt="">
</div>
</div>
<div class="panel panel-default">
<div id="collapse6" class="panel-collapse collapse" data-bs-parent="#events">
<img src="images/last_call.jpeg" alt="">
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<h3>November 2nd, 2023 in La Jolla, CA</h3>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-bs-toggle="collapse" href="#collapse1">6:00 pm Ceremony</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse show" data-bs-parent="#events">
<div class="panel-place">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>Birch Aquarium, 2300 Expedition Way</span>
</div>
<div class="panel-body">
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-bs-toggle="collapse" href="#collapse2">6:45 pm Cocktail hour</a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse" data-bs-parent="#events">
<div class="panel-place">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>Birch Aquarium, 2300 Expedition Way</span>
</div>
<div class="panel-body">
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-bs-toggle="collapse" href="#collapse3">7:30 pm Dinner</a>
</h4>
</div>
<div id="collapse3" class="panel-collapse collapse" data-bs-parent="#events">
<div class="panel-place">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>Birch Aquarium, 2300 Expedition Way</span>
</div>
<div class="panel-body">
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-bs-toggle="collapse" href="#collapse5">8:30 pm Party</a>
</h4>
</div>
<div id="collapse5" class="panel-collapse collapse" data-bs-parent="#events">
<div class="panel-place">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>Birch Aquarium, 2300 Expedition Way</span>
</div>
<div class="panel-body">
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-bs-toggle="collapse" href="#collapse6">9:20 pm Last Call</a>
</h4>
</div>
<div id="collapse6" class="panel-collapse collapse" data-bs-parent="#events">
<div class="panel-place">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>Birch Aquarium, 2300 Expedition Way</span>
</div>
<div class="panel-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section Our-story -->
<section id="couple-story" class="section couple-story section-gray">
<div class="container">
<div class="row">
<div class="col-12 text-center heading">
<span>We Love Each Other</span>
<h2>Our story</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<ul class="timeline">
<li class="timeline-item animate-box animation">
<div class="timeline-badge">
<img src="images/first_meet.jpeg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">First We Meet</h3>
<span class="date">March 25, 2015</span>
</div>
<div class="timeline-body">
<p>
Chris and Diana began their relationship as friendly coworkers.
They met while Diana was interning at Cytori as part of her
masters program.
</p>
</div>
<!-- <a href="single-post.html" class="timeline-readmore">Readmore</a> -->
</div>
</li>
<li class="timeline-item animate-box animation">
<div class="timeline-badge">
<img src="images/first_date.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">First Date</h3>
<span class="date">October 31, 2015</span>
</div>
<div class="timeline-body">
<p>
They got to know each other better when they traveled to
New Mexico, Albuquerque for a pre-clinical trial and
began dating soon after they returned on Halloween in 2015.
Diana then moved to San Diego after graduating in summer of 2016.
</p>
</div>
<!-- <a href="single-post.html" class="timeline-readmore">Readmore</a> -->
</div>
</li>
<li class="timeline-item animate-box animation">
<div class="timeline-badge">
<img src="images/proposal.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">The Relationship</h3>
<span class="date">May 31, 2021</span>
</div>
<div class="timeline-body">
<p>
Chris and Diana have run a few 5ks together, attended a few
Women’s Marches, March for Science in 2017, and enjoy the
great outdoors. They traveled to Tahoe in 2021 and to
Yosemite in 2022. They hope to go to the Grand Canyon and
Zion very soon.
</p>
</div>
<!-- <a href="single-post.html" class="timeline-readmore">Readmore</a> -->
</div>
</li>
<li class="timeline-item animate-box animation">
<div class="timeline-badge">
<img src="images/feather_babies.jpeg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">First Feather Babies</h3>
<span class="date">October 10, 2021</span>
</div>
<div class="timeline-body">
<p>
They celebrated their 6 year anniversary by buying two cockatiel
parrots Sunshine and Nimbus and can’t imagine life without them.
</p>
</div>
<!-- <a href="single-post.html" class="timeline-readmore">Readmore</a> -->
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Section Gallery -->
<section id="gallery" class="section gallery">
<div class="container">
<div class="row">
<div class="col-12 text-center heading">
<span>Our Memories</span>
<h2>Gallery</h2>
<p>
Special moments from our time together so far.
</p>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="grid grid--margin">
<div class="grid-sizer"></div>
<div class="grid-item grid-item--width moments friends">
<a href="images/gallery-1.jpg" data-lightbox="roadtrip">
<img src="images/gallery-1.jpg" alt="gallery">
</a>
</div>
<div class="grid-item moments banguet party">
<a href="images/gallery-2.jpg" data-lightbox="roadtrip">
<img src="images/gallery-2.jpg" alt="gallery">
</a>
</div>
<div class="grid-item friends moments party">
<a href="images/gallery-3.jpg" data-lightbox="roadtrip">
<img src="images/gallery-3.jpg" alt="gallery">
</a>
</div>
<div class="grid-item banguet family">
<a href="images/gallery-4.jpg" data-lightbox="roadtrip">
<img src="images/gallery-4.jpg" alt="gallery">
</a>
</div>
<div class="grid-item friends family">
<a href="images/gallery-5.jpg" data-lightbox="roadtrip">
<img src="images/gallery-5.jpg" alt="gallery">
</a>
</div>
<div class="grid-item family party">
<a href="images/gallery-6.jpg" data-lightbox="roadtrip">
<img src="images/gallery-6.jpg" alt="gallery">
</a>
</div>
<div class="grid-item moments family">
<a href="images/gallery-7.jpg" data-lightbox="roadtrip">
<img src="images/gallery-7.jpg" alt="gallery">
</a>
</div>
<div class="grid-item banguet family">
<a href="images/gallery-8.jpg" data-lightbox="roadtrip">
<img src="images/gallery-8.jpg" alt="gallery">
</a>
</div>
<div class="grid-item friends party">
<a href="images/gallery-9.jpg" data-lightbox="roadtrip">
<img src="images/gallery-9.jpg" alt="gallery">
</a>
</div>
<div class="grid-item friends party">
<a href="images/gallery-10.jpg" data-lightbox="roadtrip">
<img src="images/gallery-10.jpg" alt="gallery">
</a>
</div>
</div>
</div>
<!-- <div class="text-center"> -->
<!-- <a href="gallery-single.html" class="btn btn-outline-dark btn-lg">View all</a> -->
<!-- </div> -->
<!-- </div> -->
<!-- /.row -->
</div>
</section>
<!-- Section Testimonials -->
<section id="testimonials" class="section testimonials section-gray">
<div class="container">
<div class="row">
<div class="row">
<div class="col-12 text-center heading">
<span>Meet the</span>
<h2>Wedding Party</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="wrap-testimony">
<div class="owl-carousel-fullwidth">
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/charlie.jpg" alt="user">
</figure>
<span>Charlie Davidson</span>
<blockquote>
<p>
"Charlie Davidson, the best man, is a chemical oceanographer who graduated from the prestigious
Scripps Institution of Oceanography. The groom and Charlie became close friends during their
time as captains of the UCSD sailing team, and they went on to become roommates both in college
and after graduation. Charlie's love of adventure has taken him all over the world, from sailing
the o mom pen ocean to exploring new countries.Charlie is also an avid online gamer, and the groom
has spent many late nights battling alongside him in virtual worlds. With his sharp mind and
adventurous spirit, Charlie has always been a source of inspiration and support for the groom,
and he's honored to have him as his best man."
</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/bijal.jpg" alt="user">
</figure>
<span>Bijal Hopkins</span>
<blockquote>
<p>
"Bijal, the maid of honor, and Diana’s friendship blossomed senior year of high school when they both realized they
were going to Cal Poly Pomona (go Broncos)! However, Diana remembers Bijal being the smarty
pants in 8th grade who always answered the algebra questions without even raising her hand
(like Hermione Granger). Bijal studied computer engineering, yet she made time to salsa dance
with Diana and introduce her to Garba. Diana admires Bijal’s insane charm, brilliance, kindness,
and love of adventure. Diana lives vicariously through Bijal’s snowboarding and rock climbing
trips."
</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/armaan.png" alt="user">
</figure>
<span>Arman Vachani</span>
<blockquote>
<p>
"Armaan Vachani is an engineer and a longtime friend of the groom, having known each
other since they met in middle school (N. Bowditch Middle School). With a passion
for engineering, Armaan and Chris have been tinkering with machines and technology
together since they were young. In his free time, he loves playing video games,
spending time with his family, and keeping up with the latest advancements in the
world of biotechnology. His steadfast friendship, dedication, and support have been
invaluable to the groom, and he's excited to have Armaan stand by his side on his
big day."
</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/thao.jpg" alt="user">
</figure>
<span>Thao Nguyen</span>
<blockquote>
<p>
"Thao and Diana's friendship started in 2017 at BioLegend. They quickly became
really close friends as they had lots in common. Thao's favorite memory of Diana
is when Diana pretended to be her partner to scare away the boys at the club.
Thao looks up to Diana not only as a friend but also as an older sister she never
had. Their favorite thing to do together is to eat, eat, eat ! Always trying new
places in Convoy and Mira Mesa. You can say they have a special connection"
</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/nick.png" alt="user">
</figure>
<span>Nick Velichko</span>
<blockquote>
<p>
"Nick Velichko is also a childhood friend of the groom, having become friends during
middle school in the same classes and groups as Armaan. Nick currently works in
accounting alongside his wife, Nicole, and enjoys spending his free time exploring
the great outdoors. He's an avid mountain biker and loves going on road trips and
traveling to new places. With his laid-back personality and compassionate nature,
he is always there to lend an ear or offer a helping hand. The groom is honored
to have Nick by his side on his special day, and he looks forward to many more
adventures with him in the years to come."
</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/jazmin.jpg" alt="user">
</figure>
<span>Jazmin Martinez</span>
<blockquote>
<p>
"Jazmin met Diana in 7th grade at Brookhurst Jr. High in Anaheim, CA. They’ve
been confused for sisters too many times to count and it feels like we are sisters
from another mother. Jazmin is not only beautiful on the outside, but most
importantly on the inside. She’s the most giving with those closest to her with
her time and ability to problem solve. They’re supportive of each other and strive
for personal growth. They’ve been partners in crimes for years and enjoy meeting
up for book clubs with mutual friends to learn about new topics. This year Jazmin
is training for a spartan run and shares her progress with Diana as she trains for
her half marathon in June."
</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/adam.png" alt="user">
</figure>
<span>Adam Farzaneh</span>
<blockquote>
<p>
"Dr. Adam Farzaneh is an M.D. of internal medicine and a friend of the groom, having
spent a year rooming together while Adam was studying for the MCAT. During this time,
they worked out together and bonded over their shared love for board and video games.
Adam is known for his fun and light-hearted personality, and his sense of humor is
infectious. He has a strong and determined spirit that has supported the groom
throughout their friendship. The groom is thrilled to have Adam as one of his groomsmen
and is grateful for his unwavering support and friendship over the years."
</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/chau.jpg" alt="user">
</figure>
<span>Chau Nguyen</span>
<blockquote>
<p>
"Chau and Diana met in 2018 when Diana joined the R&D team at Thermo Fisher. Her first
impression of Diana was that she was “very sweet,” which still holds true to this day!
As the two bonded over late hours in the TC hood, Diana learned of Chau’s interest
in makeup as a result of her background in theater costume design and stage makeup.
Like Diana, Chau is passionate about personal development, and enjoys talking about
self-help books with Diana. This year, they’re both training for their first half
marathon in the summer."
</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/sharad.png" alt="user">
</figure>
<span>Sharad Bharadwaj</span>
<blockquote>
<p>
"Sharad Bharadwaj is an engineer in energy infrastructure and a lifelong friend of
the groom, having attended the same kindergarten class at Foster City Elementary
School. They stayed friends throughout middle school, high school, and college,
and often worked together on projects and local design competitions. Sharad's
dedication to his work, friends, and passion for engineering have always been an
inspiration to the groom. Excited to see each other since his relocation to Boston,
the groom is thrilled to have Sharad as one of his groomsmen and looks forward to
celebrating their friendship on his big day."
</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/maria.png" alt="user">
</figure>
<span>Maria Hoss</span>
<blockquote>
<p>
"Maria is Diana’s gorgeous Persian sister! They met when they both participated with
Thermo Fisher at the PRIDE parade in Hillcrest. They both love sweets and to laugh
like hyenas when they’re together. They get asked if they’re sisters on several
occasions too. Diana admires Maria’s determination and resilience in working
tirelessly to achieve her educational and career goals. She inspired Diana to
take the leap of faith and change fields/company in 2022. They both love chatting
on the phone and talking about maintaining a positive mindset."
</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/jon.png" alt="user">
</figure>
<span>Jonathan Schafgans</span>
<blockquote>
<p>
"Jonathan Schafgans is a chemist who works on DNA sequencing technology and a friend of the
groom. They first met at UCSD as part of the sailing team and later became roommates during
and after college, where they bonded over their shared love for online gaming. Jonathan and
his girlfriend Shirley are also science fiction fans and can often be found attending
conventions like Comic-Con. With his sharp mind and scientific background, Jonathan has always
been a valuable sounding board for the groom, and he's honored to have him as one of his
groomsmen."
</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/janna.png" alt="user">
</figure>
<span>Janna Tarasova</span>
<blockquote>
<p>
"Janna is the kind of dear friend that lights up a room with her beauty and energy!
Her witty puns and sense of humor always has Diana cracking up! She met Diana and
Chris when she joined Cytori in 2017. She distinctly remembers Diana leaving her
bullet blender cup on the staircase and people tripping on it. Janna spoils Diana
with delicious home cooked meals! Diana is Auntie to Janna’s Husky Athena and used
to dogsit from time to time when she lived in San Diego. Janna bought a home in LA
but they keep in touch via phone chats regularly."
</p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section Video invitation -->
<section id="invitation" class="section invitation section">
<div class="container">
<div class="row">
<div class="col-12 text-center heading">
<h2>Video invitation</h2>
<p>
Thank you for being a part of our story, we’re hoping you can join us to celebrate this new chapter in our lives; respond below with your information (and your plus-one’s information if applicable). Please note, this will be an adults-only celebration.
</p>
</div>
</div>
<div class="row">
<div class="col-12 text-center heading">
<h4>Accomodations</h4>
<p>
For your convenience, a block of rooms has been reserved at Residence Inn in La Jolla, CA. Please click on
<a href="https://www.marriott.com/event-reservations/reservation-link.mi?id=1677527702811&key=GRP&app=resvlink">this link</a>
to make your reservations at a discounted rate.
</p>
<!-- <p> -->
<!-- Gifts - Link to registry -->
<!-- </p> -->
</div>
</div>
<div class="row">
<div class="col-12 text-center heading">
<h4>Gifts</h4>
<p>
Your presence at our wedding is the greatest gift we could ask for! If you would like to honor us with a gift, we have registered the wish lists for our home and honeymoon.
<br>
<a href="https://us.amazon.com/wedding/share/chrisplusdianaforever">Amazon</a>
<br>
<a href="https://www.honeyfund.com/site/keefe-zafra-11-02-2023">Honeyfund</a>
</p>
<!-- <p> -->
<!-- Gifts - Link to registry -->
<!-- </p> -->
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<div class="form-wrapper">
<form action="https://script.google.com/macros/s/AKfycbwdaADFZGXg-d79K0x48rcLJq7SpSf_gSpEsdSnfkeE3xg6jvuH4zz9nrlyS_p13wOA5w/exec" id="contact-form" class="form-horizontal" method="POST">
<h3 class="invitation_heading">Will you be attending the wedding?</h3>
<div class="row">