-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (162 loc) · 7.43 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Invitation</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css">
<link rel="stylesheet" href="css/style.css">
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
</head>
<body>
<section class="hero is-primary is-bold animate wow fadeIn">
<div class="hero-body">
<div class="container has-text-centered">
<h1 class="title">
How exciting!
</h1>
<h2 class="subtitle">
You've been invited to a get-together at a pub near you, as Ant and Kayleigh think there's some people you should meet!
</h2>
</div>
</div>
</section>
<section class="section">
<div class="columns animated wow fadeIn" data-wow-duration="1s">
<div class="column"></div>
<div class="column is-two-thirds">
<div class="columns">
<div class="column">
<div class="image is-square">
<img src="images/cruise.png" class="rounded">
</div>
</div>
<div class="column storybook-margin">
<h1 class="title">
Once upon a time..</h1>
<p class="content is-size-7">
Almost six years to be precise, Ant met a very special person during his adventures and travels. His soulmate turned out to be a Spanish girl called Miry, whom he met while working on a cruise ship in Caribbean waters!<br><br>Through the ups and downs that life throws at people, the pair discovered that together they could handle whatever came their way. Long story short, Anthony proposed to Miry and the good news is she said yes! Of course, with a wedding on the way, there's still many people that she needs to meet and we'd like you to be one of them!
</p>
</div>
</div>
</div>
</div>
</section>
<section class="hero is-light is-bold animate wow fadeIn">
<div class="hero-body">
<div class="container has-text-centered">
<h1 class="title">
Meanwhile..
</h1>
</div>
</div>
</section>
<section class="section">
<div class="columns animated wow fadeIn" data-wow-duration="1s">
<div class="column is-two-thirds">
<div class="columns">
<div class="column is-hidden-desktop">
<div class="image is-square image-margin">
<img src="images/malaysia.png" class="rounded">
</div>
</div>
<div class="column storybook-margin has-text-left">
<h1 class="title">
Intrepid Travel Companions</h1>
<p class="content is-size-7">
Kayleigh and Dan met each other like many other millennials- through Tinder! And it was a success
story, after their first date where Dan had to cut Kayleigh’s pizza, (there were no scissors to hand!)
they hit it off straight away and have been together for over 4 and half years. <br><br>
Last year they decided to buy a one-way ticket to Thailand and travel South East Asia - no plans, no
destination in mind, just the one-way ticket and make up the plan as they went along. After some
horrendously long bus and car journeys (designed for people half Dan’s height), getting lost in
jungles after sunset and boycotting our hotel room because of bed bugs, we loved every minute of it
and enjoyed spending time together even though it was 24/7.<br><br>
After realising that they could spend that much time together without killing each other, to
Kayleigh’s surprise, Dan popped the question on his birthday in their favourite city, Penang, her
first response was “Holy Fuck Balls!” and then she said yes.
Again, many of you are still yet to meet Dan so please let us know if you can attend and join us for a
few drinks!
</p>
</div>
<div class="column is-hidden-touch">
<div class="image is-square is-shadowed">
<img src="images/malaysia.png" class="rounded">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="hero is-light is-bold animate wow fadeIn">
<div class="hero-body">
<div class="container has-text-centered">
<h1 class="title">
So now you know you have two weddings your way!
</h1>
<h2 class="subtitle">
Here's some information that you'll certainly need.
</h2>
</div>
</div>
</section>
<section class="section">
<div class="columns animated wow fadeIn" data-wow-duration="1s">
<div class="column is-one-third">
<article class="media">
<div class="media-content">
<h2 class="title has-text-centered is-size-6">
Venue:<br> Wild Lime Bar & Kitchen
</h2>
<div class="content">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d9811.77804729985!2d-1.333505!3d52.062534!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x53007d6e6bc7d415!2sWild+Lime+Bar+%26+Kitchen!5e0!3m2!1sen!2ses!4v1531307651931" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</article>
</div>
<div class="columnis-one-third">
<article class="media">
<div class="media-content">
<h1 class="title has-text-centered is-size-3">
Date:<br> 11th August 2018
<br>
<br>
Time:<br> 19:00
</h1>
<br>
<br>
<h2 class="subtitle has-text-centered is-size-4">
The question is can you make it?<br> Fill out the form so we know you can!
</h2><br>
</div>
</article>
</div>
<div class="column is-one-third">
<div class="box">
<h1 class="title has-text-centered">Pub<br>Get-together!</h1><br>
<form action="https://docs.google.com/forms/d/e/1FAIpQLSdGX8IEr8YmLaKBUaVXCDyHdlegCSbWVW8heD9dM1sgA27bHA/formResponse" target="_self" method="POST" id="mG61Hd">
<div class="field">
<p class="is-size-5">Just submit your name and we'll know to expect you!</p><br>
<label class="label">Name</label>
<div class="control">
<input class="input" type="text" placeholder="Text input" name="entry.1999626023">
</div>
</div>
<br><br>
<div class="field is-grouped">
<div class="control">
<button class="button is-primary">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<script src="js/vendor/jquery-1.11.2.min.js "></script>
<script src="js/jquery-easing/jquery.easing.1.3.js "></script>
<script src="js/wow/wow.min.js "></script>
<script src="js/main.js "></script>
</body>
</html>