-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·281 lines (255 loc) · 15.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Megan ❤️ Mike</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/freelancer.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
<div class="container">
<button class="navbar-toggler text-uppercase bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav align-self-center mx-auto">
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#portfolio">Our Story</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#dinner">Feast at Beast</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#contact">Playing in Portlandia</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#registry">Registry</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger gold" href="whitney.html">Photos</a>
</li><hr class="star-light">
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="masthead bg-primary text-white text-center">
<div class="container">
<a href="whitney.html"><img class="img-fluid mb-5 d-block mx-auto whitneylogo" src="img/mtwhitney-500px.png" alt=""></a>
<h1 class="text-uppercase mb-0">October 14, 2018</sup></h1>
<hr class="star-light">
<h2 class="font-weight-light mb-0"></h2>
</div>
</header>
<!-- Portfolio Grid Section -->
<section class="portfolio" id="portfolio">
<div class="container">
<h2 class="text-center text-uppercase text-secondary mb-0">Our Story</h2>
<hr class="star-dark mb-5">
<div class="row">
<div class="col-md-6 col-lg-4">
<div>
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-1">
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
<i class="fa fa-list-alt fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/IMG_0023.jpg" alt="">
</a>
</div>
<div class="nopop-item d-block mx-auto">
<div class="d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
</div>
</div>
<img class="img-fluid" src="img/IMG_0061.jpg" alt="">
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="nopop-item d-block mx-auto">
<div class="d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
</div>
</div>
<img class="img-fluid" src="img/IMG_0006.jpg" alt="">
</div>
<div>
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-5">
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
<i class="fa fa-list-alt fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/IMG_0032.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-6 col-lg-4">
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-3">
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
<i class="fa fa-list-alt fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/IMG_0018.jpg" alt="">
</a>
<div class="nopop-item d-block mx-auto">
<div class="d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
</div>
</div>
<img class="img-fluid" src="img/cropimg0039.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- Location Section -->
<section class="bg-primary text-white mb-0" id="dinner">
<div class="container">
<h2 class="text-center text-uppercase text-white">Feast at Beast</h2>
<hr class="star-light mb-5">
<div class="row">
<div class="col-lg-4 ml-auto">
<div id="map" class="map"></div>
</div>
<div class="col-lg-4 mr-auto">
<p>As with our relationship, we are kicking off our marriage with a hearty and celebratory feast.</p>
<p>Please join us on Sunday, October 14, 2018, for a feast at Beast, consisting of six courses including wine pairings.</p>
<p>Dinner service will begin promptly at 7:00 p.m., so please plan your transportation and parking accordingly.</p>
<p>The restaurant is located in Northeast Portland near the Alberta Arts District at the intersection of Killingsworth Street and 30th Avenue. We recommend TriMet or travelling by foot or bicycle for maximum joy, the environment, and ease of parking.</p>
<p>Beast is the creation of <a href="http://www.beastpdx.com/about/">Chef Naomi Pomeroy</a>, who was born and raised in Megan’s hometown of Corvallis, Oregon. To get an idea of the cuisine, check out a sample <a href="http://www.beastpdx.com/about-menu/">menu</a>.</p>
<div class="img-fluid beast-logo"><a href="http://www.beastpdx.com/"><img src="img/beastlogo.png" class="mx-auto d-block" alt="Beast Website"></a></div>
</div>
</div>
</div>
</section>
<!-- Portlandia Section -->
<section id="contact">
<div class="container">
<h2 class="text-center text-uppercase text-secondary mb-0">Playing in Portlandia</h2>
<hr class="star-dark mb-5">
<div class="row">
<div class="col-lg-8 mx-auto">
<p>It is impossible to talk about Portland without mentioning all of the amazing food, coffee, beer, and wine prepared with ingredients proudly and lovingly grown in the Pacific Northwest. Although everyone should enjoy a spooky treat from <a href="https://www.voodoodoughnut.com/">Voodoo Doughnuts</a> at some point in their life, Megan insists the best donuts are at <a href="http://www.bluestardonuts.com/">Blue Star Donuts</a>. When it’s time for lunch, don’t miss the amazing falafels from <a href="https://www.eatwolfandbears.com/">Wolf & Bear’s</a> or choose your own adventure by stopping by one of the many <a href="http://www.foodcartsportland.com/maps/">pods of food trucks</a> the city is famous for. Pick a coffee shop at random and you are sure to be impressed, we especially recommend <a href="https://www.heartroasters.com/">Heart Coffee Roasters</a> and <a href="http://www.baristapdx.com/">Barista</a> as well as <a href="http://www.townshendstea.com/">Townshend’s Tea</a> (try the Kashmiri Chai or Matejuana, which does not actually contain marijuana).</p>
<p>Fortunately, Portland is also an extremely walkable city, so you can easily atone for your gluttony in between stops. Get some stair climbing in while you peruse the many floors of books at <a href="http://www.powells.com/">Powell’s City of Books</a>. Take advantage of the <a href="http://www.oregonlive.com/travel/index.ssf/2016/05/the_7_most_iconic_hikes_in_por.html">many miles of trails</a> in Forest Park, Washington Park, or Mt. Tabor Park or stroll the many corridors of the <a href="https://portlandartmuseum.org/">Portland Art Museum</a> or the <a href="https://omsi.edu/">Oregon Museum of Science and Industry</a> (which can now be accessed on foot via the <a href="https://trimet.org/tilikum/">Tilikum Bridge</a>).</p>
<p>Once you have gotten your steps in, quench your thirst at <a href="https://www.belmont-station.com/">Belmont Station</a>, <a href="https://hairofthedog.com/">Hair of the Dog Brewery</a>, or <a href="https://basecampbrewingco.com/">Base Camp Brewing</a>. Although <a href="https://www.deschutesbrewery.com/pubs/portland/">Deschutes</a> is a classic, you can get it at the store, so Megan recommends checking out the brewery launched by one of its former brewmasters instead: <a href="http://eclipticbrewing.com/">Ecliptic Brewing</a>. If beer is not your thing, grab a drink at <a href="http://www.clydecommon.com/">Clyde Common</a> or cool off in the subterranean wine tasting room at <a href="http://lescavespdx.com/">Les Caves</a>.</p>
</div>
</div>
</div>
</section>
<!-- Registry -->
<section id="registry" class="bg-primary text-white mb-0">
<div class="container">
<h2 class="text-center text-uppercase text-white">Registry</h2>
<hr class="star-light mb-5">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<p>Our registry can be found at <a href="https://www.zola.com/registry/msquared2018">Zola</a>.</p>
<a class="zola-registry-embed" href="https://www.zola.com/registry/msquared2018" data-registry-key="msquared2018">Our Zola Wedding Registry</a><script>!function(e,t,n){var s,a=e.getElementsByTagName(t)[0];e.getElementById(n)||(s=e.createElement(t),s.id=n,s.async=!0,s.src="https://widget.zola.com/js/widget.js",a.parentNode.insertBefore(s,a))}(document,"script","zola-wjs");</script>
</div>
</div>
</section>
<div class="copyright py-4 text-center text-white">
<div class="container">
<small>Copyright © msquared.info 2018</small>
</div>
</div>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<div class="scroll-to-top d-lg-none position-fixed ">
<a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top">
<i class="fa fa-chevron-up"></i>
</a>
</div>
<!-- Portfolio Modals -->
<!-- Portfolio Modal 1 -->
<div class="portfolio-modal mfp-hide" id="portfolio-modal-1">
<div class="portfolio-modal-dialog bg-white">
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
<i class="fa fa-3x fa-times"></i>
</a>
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-secondary text-uppercase mb-0">how we met</h2>
<hr class="star-dark mb-5">
<p class="mb-5">Mike and Megan first crossed paths at a housewarming barbecue in Santa Clara, California. Megan had moved just a few streets away from a townhouse, the Roost, to a house full of surfing Canadians. After a morning of surfing in nearby Santa Cruz, Megan’s housemates hosted a housewarming barbecue, inviting their friend Mike who had just moved to the Bay Area from Toronto.
</p>
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
<i class="fa fa-close"></i>
Close</a>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 3 -->
<div class="portfolio-modal mfp-hide" id="portfolio-modal-3">
<div class="portfolio-modal-dialog bg-white">
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
<i class="fa fa-3x fa-times"></i>
</a>
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-secondary text-uppercase mb-0">He Said Yes</h2>
<hr class="star-dark mb-5">
<p class="mb-5">Never the silent type, Megan proposed and Mike said yes. Although they eventually purchased a ring and a super burrito to commemorate the occasion, Megan and Mike otherwise left the wedding planning to the National Park Service. They entered the lottery to obtain permits to climb Mt. Whitney and were married in a private ceremony on the summit this fall.</p>
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
<i class="fa fa-close"></i>
Close</a>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 5 -->
<div class="portfolio-modal mfp-hide" id="portfolio-modal-5">
<div class="portfolio-modal-dialog bg-white">
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
<i class="fa fa-3x fa-times"></i>
</a>
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-secondary text-uppercase mb-0">Yay Area Romance</h2>
<hr class="star-dark mb-5">
<p class="mb-5">Over the course of many shared meals and adventures, from their first date at a ramen shop to the countless Clif bars they split on the chairlift, their mutual love, respect, and admiration for each other grew. In between eating tacos al pastor at Metro Balderas and skiing, Megan and Mike supported each other through job changes, moves, sports injuries, and an addiction to spreadsheets and organizational software (Megan’s).</p>
<a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
<i class="fa fa-close"></i>
Close</a>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom scripts for this template -->
<script src="js/freelancer.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDo5KA53mUVFeBf1H7VYBu0DcV3HKD35mo"></script>
<script src="js/map.js"></script>
</body>
</html>