-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
603 lines (544 loc) · 23.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
<!doctype html>
<html itemscope="" itemtype="http://schema.org/WebPage" lang="en">
<head>
<!-- Made with wuv by Cotton Kohli...Wooof! -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sonia Kohli and Adam Farley</title>
<link rel="stylesheet" href="css/bootstrap-3.3.5.min.css">
<script src="js/webfont-1.5.10.js"></script>
<script>
WebFont.load({
custom: {
families: ['zapfino_web', 'goudy_old_style_web']
}
});
</script>
<link rel="stylesheet" href="css/adam_and_sonia.css">
<script src="js/jquery-3.3.1.min.js" type="text/javascript" ></script>
<script src="js/jquery.touchSwipe.min.js" type="text/javascript" ></script>
<script src="js/adam_and_sonia.js" type="text/javascript" ></script>
<meta name="description" content="Adam and Sonia will be getting married September 1 2018. Submit your email for updates."/>
<meta property="og:url" content="http://www.adamandsonia.com" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Adam and Sonia" />
<meta property="og:description" content="Adam and Sonia will be getting married September 1 2018. Submit your email for updates." />
<meta property="og:image" content="images/EP22.jpg" />
<link rel="canonical" href="http://www.adamandsonia.com" />
<link rel="icon"
type="image/ico"
href="images/favicon.ico">
</head>
<body itemscope itemtype="http://schema.org/Organization">
<!-- google analytics -->
<div class="container-fluid">
<div id="main_sonia_and_adam" class="row padding-header">
<div class="col-sm-12 text-center">
<span><h1 id="header_text" itemprop="name">Sonia Kohli & Adam Farley</h1></span>
<div class="little-stripe"></div>
<div class="big-stripe"></div>
<div class="text-center">
<div class="nav-bar" id="nav-bar-sticky">
<span class="breakIE"><a href="#rsvp">RSVP</a></span>
<span class="breakIE">• <a href="#registry">Registry</a></span>
<span class="breakIE">• <a href="#getting_there">Getting there</a></span>
<span class="breakIE">• <a href="#accommodations">Accommodations</a></span>
<span class="breakIE">• <a href="#things_to_do">Things to do and eat</a></span>
<span class="breakIE">• <a href="#photos">Photos</a></span>
</div>
</div>
<div><img id="header_image" class="resizable" src="images/EP22.jpg" alt="Adam University Logo"></div>
<span><h2 class="padding-scoot-up"><em class="serif"></em></h2></span>
</div>
</div>
<h3 class="text-center">Sonia Kohli and Adam Farley will be married September first, 2018</h3>
<div id="the_couple" class="anchor">.</div>
<div id="the_couple_section" class="row padding-large anchor-buffer first_paragraph">
<div class="col-sm-8 body_text">
<p>Adam and Sonia first met in Boston after Sonia graduated from Boston College. Adam grew up in Boston and still has family in the area. After several years in Boston, Sonia began graduate school at Medical University of South Carolina. She enjoyed returning back to Charleston where she previously spent a portion of her childhood. During graduate school, Adam and Sonia greatly enjoyed exploring the food scene in Charleston. Adam proposed to Sonia the weekend of Sonia's graduation on the waterfront!</p>
<p>After Sonia graduated, they moved to North Carolina and now live in Durham. Sonia and Adam enjoy traveling down to Hilton Head to visit her family and her dog, Cotton. They also enjoy flying back up north to spend time with family in Boston and New York.</p>
</div>
<div class="col-sm-4">
<span><img class="resizable" src="images/EP17.jpg" alt="Adam and Sonia"></span>
</div>
</div>
<br>
<br>
<br>
<div class="text-center">
<img src="images/section_end.png" height="43px;">
</div>
<div id="rsvp" class="anchor">.</div>
<div id="rsvp_section" class="row padding-large anchor-buffer">
<h3>RSVP</h3>
<div class="col-sm-4">
<span><img class="resizable" src="images/handmade-letter.jpg"></span>
</div>
<div class="col-sm-8 body_text">
To RSVP please enter your first and last name below. You may RSVP for your entire wedding party at once!
<br>
<form class="form" onsubmit="return false;">
<div class="control-group">
<label class="control-label" for="firstName">First Name:</label>
<div class="controls">
<input id="firstName" type="text" name="given-name">
</div>
</div>
<div class="control-group">
<label class="control-label" for="lastName">Last Name:</label>
<div class="controls">
<input id="lastName" type="text" name="family-name">
</div>
</div>
<br>
<div class="control-group">
<div class="controls">
<button onclick="wedding.search_for_rsvp(); return false;">Search</button>
</div>
</div>
<br>
<div class="control-group">
<div class="controls">
<div class="updateMessage" id="search_message"></div>
</div>
</div>
<div id="weddingPartyArea"></div>
<div style="display:none" id="foodOptionsAdultTemplate">
<div class="form-group col-sm-6">
<label for="inputFirstCourse">First<br>Course</label>
<select class="form-control" id="inputFirstCourse">
<option>Spice Poached Pear, Arugula, Candied Walnuts & Red Lettuces Pear-Mascarpone Vinaigrette (Vegetarian)</option>
<option>Jumbo Crabcakes with Sweet Corn Cream</option>
</select>
</div>
<div class="form-group col-sm-6">
<label for="inputMainCourse">Main<br>Course</label>
<select class="form-control" id="inputMainCourse">
<option>Mushroom Ravioli Tossed with Summer Squash, Basil & Parmesan, Lemon Cream Sauce (Vegetarian)</option>
<option>Fennel Dusted Grouper with Buerre Blanc, Parmesan Roasted Brussels, Root Vegetable Puree & Fennel Salad</option>
<option>Seared Beef Medallion with Pear Chutney, Truffle Whipped Potato, Wild Mushrooms & Asparagus Demi-Glace</option>
</select>
</div>
<div class="form-group col-sm-12">
<label for="inputDietaryRestrictions">Dietary<br>Restrictions</label>
<input type="text" maxlength="600" class="form-control" id="inputDietaryRestrictions" placeholder="eg. Vegan, Allergic to cinnamon">
</div>
</div>
<div style="display:none" id="foodOptionsChildTemplate">
<div class="form-group col-sm-3">
<label for="inputMainCourse">Main<br>Course</label>
<select class="form-control" id="inputMainCourse">
<option>Children's menu</option>
</select>
</div>
<div class="form-group col-sm-12">
<label for="inputDietaryRestrictions">Dietary<br>Restrictions</label>
<input type="text" maxlength="800" class="form-control" id="inputDietaryRestrictions" placeholder="eg. Vegan, Allergic to cinnamon">
</div>
</div>
<div style="display:none" id="bothDaysTemplate" class="guest">
<div class="control-group">
<div class="form-row">
<label style="display:none" id="attendeeLabel" for="inputName">Attendee 1</label>
<div class="rsvp_name" id="nameReadonly"></div>
<input style="display:none" readonly type="text" class="form-control rsvp_name" id="inputName" placeholder="">
<input style="display:none" readonly type="text" class="form-control" id="inputHiddenFirstName" placeholder="">
<input style="display:none" readonly type="text" class="form-control" id="inputHiddenLastName" placeholder="">
</div>
<div class="form-row">
<div class="form-group col-sm-6">
<label for="attendingFridayInput">Attending<br>Friday</label>
<select class="form-control" id="attendingFridayInput" placeholder="Email">
<option>I am delighted to attend</option>
<option>I regretfully decline</option>
</select>
</div>
<div class="form-group col-sm-6">
<label for="attendingSaturdayInput">Attending<br>Saturday</label>
<select class="form-control" id="attendingSaturdayInput" placeholder="Email">
<option>I am delighted to attend</option>
<option>I regretfully decline</option>
</select>
</div>
<label for="foodOptions">We have several menu options for Saturday. Please select your first and main course options below:</label>
<div id="foodOptions">
</div>
</div> <!-- end form-row -->
</div>
<br>
</div>
<div class="guest" style="display:none" id="saturdayOnlyTemplate">
<div class="control-group">
<div class="form-row">
<label style="display:none" id="attendeeLabel" for="inputName">Attendee 1</label>
<div class="rsvp_name" id="nameReadonly"></div>
<input style="display:none" readonly type="text" class="form-control rsvp_name" id="inputName" placeholder="">
<input style="display:none" readonly type="text" class="form-control" id="inputHiddenFirstName" placeholder="">
<input style="display:none" readonly type="text" class="form-control" id="inputHiddenLastName" placeholder="">
</div>
<div class="form-row">
<div class="form-group col-sm-12">
<label for="attendingSaturdayInput">Attending<br>Wedding</label>
<select class="form-control" id="attendingSaturdayInput" placeholder="Email">
<option>I am delighted to attend</option>
<option>I regretfully decline</option>
</select>
</div>
<div id="foodOptions"></div>
</div> <!-- end form-row -->
</div>
<br>
</div>
<div class="guest" style="display:none" id="fridayOnlyTemplate">
<div class="control-group">
<div class="form-row">
<label style="display:none" id="attendeeLabel" for="inputName">Attendee 1</label>
<div class="rsvp_name" id="nameReadonly"></div>
<input style="display:none" readonly type="text" class="form-control rsvp_name" id="inputName" placeholder="">
<input style="display:none" readonly type="text" class="form-control" id="inputHiddenFirstName" placeholder="">
<input style="display:none" readonly type="text" class="form-control" id="inputHiddenLastName" placeholder="">
</div>
<div class="form-row">
<div class="form-group col-sm-12">
<label for="attendingFridayInput">Attending<br>Ceremony</label>
<select class="form-control" id="attendingFridayInput" placeholder="Email">
<option>I am delighted to attend</option>
<option>I regretfully decline</option>
</select>
</div>
<div id="foodOptions"></div>
</div> <!-- end form-row -->
</div>
<br>
</div>
<br>
<div style="display:none" id="emailAndMessage">
<div class="control-group">
<div class="form-row">
<div class="form-group col-sm-12">
<label for="inputEmailAddress">Email</label>
<input type="email" class="form-control" id="inputEmailAddress" placeholder="[email protected]">
</div>
</div>
<div class="form-row">
<div class="form-group col-sm-12">
<label for="inputMessage">Message for the couple:</label>
<textarea rows="2" maxlength="600" class="form-control" id="inputMessage" placeholder=""></textarea>
</div>
<div class="form-group col-sm-12">
<div class="controls">
<button id="updateButton" onclick="wedding.update_rsvp(); return false;">Submit RSVP</button>
</div>
</div>
<div class="form-group col-sm-12 updateMessage" id="submit_message"></div>
<br>
</div> <!-- end form-row -->
<div style="display:none" id="JSONPDiv"></div>
</div>
<br>
</div>
</form>
</div>
</div> <!-- end RSVP -->
<div id="registry" class="anchor">.</div>
<div id="registry_section" class="row padding-large anchor-buffer">
<h3>Registry</h3>
<div class="col-sm-4">
<span><img class="resizable" src="images/registry.jpg"></span>
</div>
<div class="col-sm-8 body_text">
<div>
We are excited to begin our married life together! Thank you for visiting our registry and helping us build our home. We have selected items from <strong><em>Crate and Barrel</strong></em> as well as two stores local to Durham, <strong><em>Bungalow</strong></em> and <strong><em>Chet Miller</strong></em>. We are excited and can't wait to celebrate our marriage with friends and family!
</div>
<div class="col-sm-6 body_text">
<br>
<em>Bungalow</em>
<br>
<div class="registry">
<a class="" target="_blank" href="https://bungalowandco.com/apps/giftregistry/registry/42644">Registry</a>
</div>
<br>
T: 1-(919)-973-2449
<br>
The store is nearby so their local pickup option will be convenient for us!
</div>
<div class="col-sm-6 body_text">
<br>
<em>Chet Miller</em>
<br>
<div class="registry">
<a class="" target="_blank" href="/chetMiller.html">Registry</a>
</div>
<br>
<span id = "chetmillerid"></span>
<script type="text/javascript">
var finalEmail = "hetmillershop.com";
finalEmail = "llo@c" + finalEmail;
finalEmail = "E: " + "he" + finalEmail;
$("#chetmillerid").html(finalEmail);
</script>
<br>
Please email Chet Miller to place an order or for any questions.
</div>
<div class="col-sm-6 body_text">
<em>Crate and Barrel</em>
<br>
<div class="registry">
<a class="" target="_blank" href="https://www.crateandbarrel.com/gift-registry/sonia-kohli-and-adam-farley/r5854599">Registry</a>
</div>
<br>
T: 1-(800)-967-6696
</div>
</div>
</div>
<div id="getting_there" class="anchor">.</div>
<div id="getting_there_section" class="row padding-large anchor-buffer">
<h3>Flying in</h3>
<div class="col-sm-8 body_text">
<p>The closest airports are <em>Savannah/Hilton Head International Airport (SAV)</em> and <em>Hilton Head Island Airport (HHH)</em>. We would recommend <strong><em>Savannah/Hilton Head International</em></strong> as it generally has better rates, more direct flights, and is not significantly farther from the venue.
</p>
<p>We would also highly recommend renting a car for the weekend. While there are ride-sharing services on the island (Lyft/Uber), a car is recommended to enjoy the great restaurants, beaches and golf courses.
</p>
</div>
<div class="col-sm-4">
<span><img class="resizable" src="images/EP24.jpg" alt="Adam "></span>
</div>
</div>
<div id="location" class="anchor">.</div>
<div id="location_section" class="row padding-large anchor-buffer">
<h3>Location</h3>
<div class="col-sm-8 body_text">
The wedding will take place at the <strong><em>Colleton River Club</em></strong> (located <em>60 Colleton River Drive Bluffton, SC 29910</em>). The surrounding area includes historic Bluffton, numerous beaches and is close to Hilton Head island.
<br>
<br>
<div class="gmap_canvas"><iframe width="300" height="300" id="gmap_canvas" src="https://maps.google.com/maps?q=Colleton%20River%20Club%2060%20Colleton%20River%20Drive%20Bluffton%2C%20SC%2029910%20&t=&z=14&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe></div>
</div>
<div class="col-sm-4">
<span><img class="resizable" src="images/colleton-clubhouse.jpg" alt="Adam University Magnifying Glass"></span>
</div>
</div>
<div id="accommodations" class="anchor">.</div>
<div id="accommodations_section" class="row padding-large anchor-buffer">
<h3>Accommodations</h3>
<div class="col-sm-4">
<span><img class="resizable" src="images/may-river.jpg" alt="Adam University Monitor How Explanation"></span>
</div>
<div class="col-sm-8 body_text">
We have reserved rooms at <strong><em>The Hampton Inn</em></strong> in Bluffton, SC and <strong><em>The Hilton Garden Inn</em></strong> in Hilton Head, SC. Both are close by the venue by car. Each has a special wedding rate and will be held until July 29, 2018. Please book well in advance as Labor Day weekend is still tourist season in Hilton Head.
</div>
<div class="col-sm-4 body_text">
<em>Hilton Garden Inn</em>
<br>
1575 Fording Island Rd
<br>
Hilton Head Island, SC 29926
<br>
T: 1-(843)-837-8111
<br>
<br>
The hotel requires a minimum of 3 night stay. You can either call and mention code KWW upon booking or make the reservation by clicking <a class="real_link" href="http://hiltongardeninn.hilton.com/en/gi/groups/personalized/H/HHHHEGI-KWW-20180830/index.jhtml?WT.mc_id=POG">here</a>.
<br>
</div>
<div class="col-sm-4 body_text">
<em>Hampton Inn & Suites Bluffton-Sun City</em>
<br>
29 William Pope Drive
<br>
Bluffton, SC 29909
<br>
T: 1-(843)-705-9000
<br>
<br>
There is no minimum stay requirement
<br>
Please call the number above and mention C-KOK upon booking. Hampton Inn does not provide an online discount link.
</div>
</div>
<div id="things_to_do" class="anchor">.</div>
<div id="things_to_do_section" class="row padding-large anchor-buffer">
<h3>Things to do in the area</h3>
<div class="col-sm-4">
<span><img class="resizable" src="images/islanders-beach.jpg" alt="Adam University Monitor How Explanation"></span>
</div>
<div class="col-sm-8 body_text">
Hilton Head and the surounding area is a favorite vacation spot featuring many soft sand beaches, some of the highest concentration of golf courses in the nation, great tennis courts, and historic neighborhoods. A list of attractions to check out:
<br>
<br>
<ul>
<li><em>The Harbour Town Lighthouse</em></li>
<li><em>Folly Field Beach</em></li>
<li><em>Old Town Bluffton</em></li>
<li><em>Tennis & Golfing (make reservations ahead of time)</em></li>
</ul>
</div>
</div>
<div id="nearby_restaurants" class="anchor">.</div>
<div id="nearby_restaurants_section" class="row padding-large anchor-buffer">
<h3>Nearby restaurants</h3>
<div class="col-sm-4">
<span><img class="resizable" src="images/the_cottage_bluffton.jpg"></span>
</div>
<div class="col-sm-8 body_text">
There are some great restaurants within minutes of the Colleton River Club and many just a short drive away. Some of our favorites include:
<br>
<br>
<ul>
<li><em>The Cottage Cafe, Bakery & Tea Room</em></li>
<li><em>Ruan Thai Cuisine</em></li>
<li><em>Truffles Cafe</em></li>
<li><em>The French Bakery & European Cuisine</em></li>
<li><em>Santa Fe Cafe</em></li>
<li><em>Old Oyster Factory</em></li>
<li><em>Chow Daddy's</em></li>
<li><em>Pomodori</em></li>
<li><em>Corner Perk</em></li>
<li><em>Okko</em></li>
</ul>
</div>
</div>
<div id="photos" class="anchor">.</div>
<div id="photos_section" class=" padding-large anchor-buffer">
<h3>The Wedding Party</h3>
<div class="row justify-content-center">
<div class="col-sm-4 portrait-parent">
<img class="resizable portrait" src="images/matt.jpg">
<br>
<div class="portrait-description">
<em>Matt Farley<br>The Best Man and Adam's Twin Brother</em>
</div>
<br>
</div>
<div class="col-sm-4 portrait-parent">
<img class="resizable portrait" src="images/monica.jpg">
<br>
<div class="portrait-description">
<em>Monica Kumar<br>The Maid of Honor and Sonia's Cousin</em>
</div>
<br>
</div>
<div class="col-sm-4 portrait-parent">
<img class="resizable portrait" src="images/vivek.jpg">
<br>
<div class="portrait-description">
<em>Vivek Jha<br>Groomsman, Friend of Adam's</em>
</div>
<br>
</div>
</div>
<!-- second row -->
<div class="row">
<div class="col-sm-4 portrait-parent">
<img class="resizable portrait" src="images/christina.jpg">
<br>
<div class="portrait-description">
<em>Christina An<br>Bridesmaid, Adam's Sister-in-law</em>
</div>
<br>
</div>
<div class="col-sm-4 portrait-parent">
<img class="resizable portrait" src="images/amit.jpg">
<br>
<div class="portrait-description">
<em>Amit Kohli<br>Groomsman, Sonia's Brother</em>
</div>
<br>
</div>
<div class="col-sm-4 portrait-parent">
<img class="resizable portrait" src="images/cotton-bowtie.jpg">
<br>
<div class="portrait-description">
<em>Cotton Kohli<br>Best Guest</em>
</div>
<br>
</div>
</div>
<br>
</div>
<div id="photos_section_2" class="row padding-large anchor-buffer">
<h3>Photos of the Couple</h3>
<div class="col-sm-8">
</div>
</div>
<!-- Photo Gallery -->
<!-- Images used to open the lightbox -->
<div class="row">
<div class="col-sm-3">
<img class="thumbnail_nail resizable" src="images/EP.jpg" onclick="openModal();currentSlide(1)">
<img class="thumbnail_nail resizable" src="images/EP7.jpg" onclick="openModal();currentSlide(2)">
</div>
<div class="col-sm-3">
<img class="thumbnail_nail resizable" src="images/EP25.jpg" onclick="openModal();currentSlide(3)">
<img class="thumbnail_nail resizable" src="images/EP28.jpg" onclick="openModal();currentSlide(4)">
<img class="thumbnail_nail resizable" src="images/EP5535-m.jpg" onclick="openModal();currentSlide(10)" alt="Gail's birthday">
</div>
<div class="col-sm-3">
<img class="thumbnail_nail resizable" src="images/EP1556.jpg" onclick="openModal();currentSlide(5)" alt="Eating at Circa 1894">
<img class="thumbnail_nail resizable" src="images/EP2173.jpg" onclick="openModal();currentSlide(6)" alt="Trip up to Boston">
<img class="thumbnail_nail resizable" src="images/EPSgrad.jpg" onclick="openModal();currentSlide(9)" alt="Sonia's graduation">
</div>
<div class="col-sm-3">
<img class="thumbnail_nail resizable" src="images/EP3612.jpg" onclick="openModal();currentSlide(7)" alt="Sitting on stairs with Cotton">
<img class="thumbnail_nail resizable" src="images/EP6129.jpg" onclick="openModal();currentSlide(8)" alt="In Venice square">
</div>
<div class="col-sm-3">
</div>
<div class="col-sm-3">
</div>
</div>
<!-- The Modal/Lightbox -->
<div id="myModal" class="modal">
<span class="close cursor" onclick="closeModal()">×</span>
<div class="modal-content">
<div class="mySlides">
<div class="numbertext">1 / 10</div>
<img class="fullsize_image" src="images/EP.jpg">
</div>
<div class="mySlides">
<div class="numbertext">2 / 10</div>
<img class="fullsize_image" src="images/EP7.jpg" alt="Sonia close up">
</div>
<div class="mySlides">
<div class="numbertext">3 / 10</div>
<img class="fullsize_image" src="images/EP25.jpg" alt="Fisheye in front of stairs">
</div>
<div class="mySlides">
<div class="numbertext">4 / 10</div>
<img class="fullsize_image" src="images/EP28.jpg" alt="Pointing and walking">
</div>
<div class="mySlides">
<div class="numbertext">5 / 10</div>
<img class="fullsize_image" src="images/EP1556.jpg" alt="Trip up to Boston">
</div>
<div class="mySlides">
<div class="numbertext">6 / 10</div>
<img class="fullsize_image" src="images/EP2173.jpg" alt="Sitting on stairs with Cotton">
</div>
<div class="mySlides">
<div class="numbertext">7 / 10</div>
<img class="fullsize_image" src="images/EP3612.jpg" alt="In Venice square">
</div>
<div class="mySlides">
<div class="numbertext">8 / 10</div>
<img class="fullsize_image" src="images/EP6129.jpg">
</div>
<div class="mySlides">
<div class="numbertext">9 / 10</div>
<img class="fullsize_image" src="images/EPSgrad.jpg">
</div>
<div class="mySlides">
<div class="numbertext">10 / 10</div>
<img class="fullsize_image" src="images/EP5535-m.jpg">
</div>
<!-- Next/previous controls -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
<!-- Caption text -->
<div class="caption-container">
<p id="caption"></p>
</div>
</div>
</div>
</div> <!-- .container -->
</body>
</html>