-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (62 loc) · 2.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MCI Class of 2014</title>
<link rel="stylesheet" href="style.css"/>
<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=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet"/>
</head>
<body>
<header>
<h1>
<img src="assets/sun-baby.gif"><br/>
MCI Class of 2014 Reunion Extravaganza!<br/>
<img src="assets/sun-baby.gif">
</h1>
</header>
<main>
<h4>
Heyyyy folks! It's been 10 years since the good ol' MCI days. And we're due for a reunion!<br/>
Nothing fancy. Just a chill get together with a good potluck and good friends. </br/>
And a (probably) cringey opportunity to look through our time capsule.
</h4>
<div id="description">
<h1>Event Details</h1>
<img class="banner" src="assets/flower-banner.gif">
<ul>
<li><h3><strong>Date: </strong>September 8, 2024</h3></li>
<li><h3><strong>Time: </strong>Come around 1pm, we'll try to eat around 1:30!</h3></li>
<li><h3><strong>Location: </strong><a href="https://maps.app.goo.gl/26pXWF8zDoNp5UAz6">Miss Millie's Flower Farm</a></h3></li>
</ul>
<iframe src="https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d82045.03250138767!2d-97.8891477218927!3d50.013093326286324!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x52e9f3b03b77eecb%3A0xf631ea7207394e78!2s4140%20MB-26%2C%20Marquette%2C%20MB%20R0H%200V0!3m2!1d50.013122499999994!2d-97.80674739999999!5e0!3m2!1sen!2sca!4v1719537586679!5m2!1sen!2sca" width="300" height="225" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div id="rsvp">
<h1>RSVP</h1>
<p>Let us know if you'll be joining the fun!</p>
<a href="https://forms.gle/YCtY6FoFjSmXWxuv8" class="btn"><strong>Click here to RSVP</strong></a><br/>
</div>
<img src="assets/bird-letter.gif">
<div id="details">
<h1>What to bring</h1>
<ul>
<li>Lawn games! (e.g. cornhole, ladder golf, frisbee, etc.)</li>
<li>Lawn chairs, sunscreen, etc. (prepare to be outside!)</li>
<li>A tasty item for the potluck (sign-up sheet <a href="https://docs.google.com/spreadsheets/d/1XjRNh3Kza1TVmOnuOUsxBdb3XrW50Ly4mbc8CffMEPo/edit?usp=sharing">here</a>)</li>
<li>Water</li>
<li>Your sparkling personality</li>
</ul>
</div>
<img src="assets/bbq.gif"/>
<p>
Any questions feel free to email Rebecca at [email protected] <br/>
or post in the Facebook group.
</p>
</main>
<footer>
<p>Made with haste and love <img src="assets/heart.gif"></p>
</footer>
</body>
</html>