-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathtravel.html
235 lines (225 loc) · 15 KB
/
travel.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
<!doctype html>
<html>
<head>
<title>Max and Emily are getting hitched!!!</title>
<meta name="description" content="Max and Emily are getting hitched!">
<link href='https://fonts.googleapis.com/css?family=Space Mono' rel='stylesheet'>
<!-- Adding Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<style type="text/css">
table,tr,th,td {
border-spacing: 5em;
font-family:avenir;
}
a {
font-family:avenir;
color: #0a4d04;
text-decoration: underline;
}
.first-item {
padding-left: 3em;
}
/* Make the image black and white */
img {
filter: grayscale(100%);
border: 6px solid #4c7b57;
}
@font-face {
font-family: 'cursive-dancing';
src: url('fonts/dancing-script.dancingscriptot.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
p {
font-size: 1.5em;
}
/* Set background image for the top section */
body {
background-image: url('pics/top-left-leaf.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
}
/* Set background image for the bottom section */
.bottom-section {
background-image: url('pics/bottom-right-leaf.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
}
#nav1
{
background-color:#7d3cff; /*whichever you want*/
opacity: 0.85;
}
title {
font-weight: bold;
}
.nav-item {
font-size: 1.5em;
opacity: 100%;
}
li {
font-size: 1.5em;
}
</style>
</head>
<body style="background-color:#e3e9e5;">
<!-- Updating Bootstrap Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light d-flex flex-column align-items-center">
<a href="https://maxandemilys.wedding/" class="navbar-brand mb-0" style="font-family:cursive-dancing; font-size: 3em; text-align: center;">Max & Emily are getting hitched!</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a href="https://maxandemilys.wedding/schedule" class="nav-link text-center" style="font-size: 1.5em;" href="#schedule">Schedule</a>
</li>
<li class="nav-item">
<b><a href="https://maxandemilys.wedding/travel" class="nav-link text-center" style="font-size: 1.5em;" href="#travel-venue">Travel & Venue</a></b>
</li>
<li class="nav-item">
<a class="nav-link text-center" style="font-size: 1.5em;" href="https://maxandemilys.wedding/rsvp">RSVP</a>
</li>
<li class="nav-item">
<a class="nav-link text-center" style="font-size: 1.5em;" href="https://maxandemilys.wedding/faq">FAQ</a>
</li>
</ul>
</div>
</nav>
<center>
<table style="width:100%;" class="center">
<tr>
<td><center><img src="pics/emily-smooch.jpeg" alt="Max and Emily" style="width: 100%;"></center></td>
</tr>
</table>
</center>
<br>
<center>
<table style="width:80%;" class="center">
<tr>
<td>
<p>
<b>Venue:</b> The wedding will take place at the <a href="https://olwandleestate.com/">Olwandle estate</a> which is located <a href="https://goo.gl/maps/kUF6Zntyy7AMca4c6">here</a> in KwaZulu-Natal, South Africa. There is accomodation for a few folks at the venue. We've reserved these rooms primarily for those travelling from the furthest and have reached out to (we hope) most of you who will be staying there. BUT, if you are a USA friendling and haven't heard from us regarding accomodation, please do reach out to clarify.
</p>
</td>
</tr>
<tr>
<td>
<p>
<b>Some of you,</b> particularly those coming from Alaska, might think, <i>holy moly, this is happening in AFRICA?</i> In fact, this wedding will take place in South Africa, which is one of the only logically named countries in the world. If every place had a name that was as informative as South Africa, Max wouldn't be lost all the time! Max has some suggestions for new names for places e.g., <s>Canada</s> North North America, <s>China</s> Middle Asia, and <s>Antarctica</s> South World. But back to the issue at hand: AFRICA. You can see lots of beautiful photos of South Africa <a href="https://www.instagram.com/southafrica">on this Instagram page</a>, and these photos are important because they will convince you to come to our wedding so you, too, can see lions etc.
</p>
</td>
</tr>
</table>
<table style="width:80%;" class="center">
<tr>
<td style="width:33%">
<img src="pics/food.jpeg" style="height: 200px; max-width:100%">
<br>
<p style="padding: 1em 1em 1em 1em;">
This cost, like, $20, including multiple glasses of wine.
</p>
</td>
<td style="width:33%">
<img src="pics/lions.jpg" style="height: 200px; max-width:100%">
<br>
<p style="padding: 1em 1em 1em 1em;">
The view from Emily's backyard.
Jokes aside, this was at <a href="https://simbavati.safari.com">Simbavati</a>, which we highly recommend. (All though there are lots of other great safaris too!)
</p>
</td>
<td style="width:33%">
<img src="pics/ed-truck.jpg" style="height: 200px; max-width:100%">
<br>
<p style="padding: 1em 1em 1em 1em;">
Public transit in Africa is nonexistent so, we highly recommend renting your <a href="https://open.spotify.com/track/573p5A9IdPFN9Kqiqs6hlO?si=b8787ab1b99545d6">dream truck</a> for the duration of your stay, e.g., <a href="http://www.kwendasafari.co.za/index.html">here</a>. Just kidding, there are normal car rentals from the airport. But chat to us if you have questions.
</p>
</td>
</tr>
</table>
<table style="width:80%;" class="center">
<tr>
<td>
<p>
<b>Where to stay:</b> Olwandle Estate is roughly 15mins outside of both Ballito and Salt Rock. Both are fun beach towns chalk full of delicious food, beautiful coastliness, and lots to do. We recommend you stay in either of these towns (not in Durban) and rent a car so you can explore as well as attend the wedding. Vrbo and Air BnB are good options to check out. There are often really cute beach houses available (although December gets busy).
We recommend taking a look at <a href="https://www.petiteprovence.co.za/">Petite Province B&B</a>,
<a href="https://www.airbnb.co.uk/rooms/1211482698417316740?guests=1&adults=1&s=67&unique_share_id=bc39e412-ee4b-4d34-ab12-808e8cc6b19e">this one random super cute Air BnB</a>,
<a href="https://www.saltrockbeach.co.za/">Salt Rock Hotel</a> (this option is more old school and the website doesn't always work on the first try, just FYI), Zimbali Lodge, or <a href="https://www.thecanelands.co.za/">Canelands Beach Club</a>. Notably, the Salt Rock Hotel has excellent curry. All of these options are right on the beach and highly accessible with great food nearby.
</p>
</td>
</tr>
<tr>
<td>
<p>
<b>Travel:</b> For foreign visitors (that means you, Americans) we suggest flying into <a href="https://en.wikipedia.org/wiki/King_Shaka_International_Airport">King Shaka International Airport</a>.<a href="#footnote-1">¹</a> It's 15 minutes from Ballito. You will probably have to fly via Johannesburg or Cape Town first.
</p>
</td>
</tr>
<tr>
<td>
<p>
Things that we recommend doing near the venue include:
<ul>
<li>walking or running the Ballito beach boardwalk;</li>
<li>for the exercise enthusiasts, renting mountain bikes or trail-running at Holla Trails;</li>
<li>early morning lap swims at Thompson's tidal pools;</li>
<li>the Litchi Orchard markets;</li>
<li>catch some waves at <a href="https://ballitosurfschool.com">Ballito Surf School</a> or drive through to Addington Beach in Durban (45min).
<li>book a <a href="https://business.google.com/v/ballito-microlights/02664624721229651301/c8c6/_?caid=20874622308&agid=158616493082&gclid=CjwKCAiAnL-sBhBnEiwAJRGigvyMSuAZaQ_1UhlbT0EztPHOnQHxaVgVc9NbNSM3UQ8a1Av9UHkF9RoCMDIQAvD_BwE">microlight flights</a> over the coastline. Great for dolphin and whale spotting;</li>
</ul>
</p>
</td>
</tr>
<tr>
<td>
<p>
Nearby food and drink favourites:
<ul>
<li>breakfast or lunches at <a href="https://thewaterberry.co.za">Waterberries</a> or <a href="https://concha.co.za">Concha Cafe</a>;</li>
<li>post-beach chocolate croissant and coffee at <a href="https://saltcafe.co.za">Salt Cafe</a> (their pizza is also the best in town;</li>
<li>early morning walks and surfs at Tiffanys beach and then coffee at Bench;</li>
<li>eating at any of the restaurants or bars at the a Lifestyle Center in Ballito (Alchemy make phenomenal G&T's ;</li>
<li>a local curry at the Salt Rock Hotel;</li>
<li>also a fan of Burndale or Sage in Umhlali;</li>
</ul>
</p>
</td>
</tr>
<tr>
<td>
<p>
<b>Nearby game parks:</b> You are in AFRICA so you should go do "safari". A prime example would be going to a game park! Here are some very cool nearby game parks:
<ol>
<li><a href="https://www.nature-reserve.co.za/hluhluwe-imfolozi-wildlife-preserve.html">Imfolozi</a> and <a href="https://www.hluhluwegamereserve.com/">Hluhluwe</a>. For Americans: they are both pronounced as if you are bowing your nose and using the restroom at once. They are both about an hour away and you're highly likely to see the entire big five, modulo luck! The primary difference is that ... nothing, these are the same thing, flip a coin to choose which one you go to.</li>
<br>
<li><a href="https://www.andbeyond.com/destinations/africa/south-africa/kwazulu-natal/phinda-private-game-reserve/">Pinda</a>. This park has walking adventures! So, if your name is Cathy von Hippel, and you <i>cannot stay still</i>, this is the park for you! The chefs and rangers are amazing, and we highly recommend it.</li>
<br>
<li><a href="https://www.krugerpark.co.za/">Kruger.</a> This is the biggest one by far ... it is 7,523 mi². For reference, Connecticut is 5,018 mi². So if you want so see some African critter it's probably in there. On the other hand, this is the most popular game park by far, so for a more niche experience, we recommend the other ones.</li>
</ol>
</p>
</td>
</tr>
<tr>
<td>
<p>
<b>If you're staying a few extra days:</b> Which we REALLY hope you do, there is so much to see. But here are our favourites:
<ol>
<li>if you're up for a 2/3hr drive, hiking in the Drakensberg world heritage cite (2.5-3.5hrs away) which has endless hikes through beautiful mountains riddled with cute cottages where you can spend the night. We will be spending a couple days hiking there between the wedding and Christmas </li>
<li>Additionally, if you have the time, we highly recommend visiting Cape Town (particularly if you can get there by driving the Garden Route), and Stallenbosch (particularly if you enjoy good wine and food). Emily has a looooooong list of things to do and see in the Cape Town area, so feel free to reach out to her for recommendations. </li>
<li>Lastly, if anyone really wants a cultural and scenic adventure, the Transkei. Known as the "Wild Coast".</li>
</ol>
</p>
</td>
</tr>
</table>
<p id="footnote-1" style="font-size:0.5em">¹ You should google King Shaka.</p>
</center>
<br>
<!-- Adding Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>