forked from bmgdev/responsive-wedding
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index-with-bridal-party.html
executable file
·293 lines (222 loc) · 15 KB
/
index-with-bridal-party.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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>T&J Wedding</title>
<meta name="description" content="Welcome to the wedding website for Sarah and Brad's Big Day!">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<!-- For iPhone 4 with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
<!-- For first-generation iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="favicon.ico?v=1">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/main-1.5.css">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div id="bg-image">
<img src="img/bg-pic.jpg" alt="">
</div>
<div id="bg-container">
<div class="header-container">
<div id="heading" class="wrapper clearfix">
<nav id="nav">
<ul>
<li><a href="#whynewyork">WHY NEW YORK</a></li>
<li><a href="#wedding">WEDDING</a></li>
<li><a href="#accomodations">ACCOMODATIONS</a></li>
<li><a href="#registry">REGISTRY</a></li>
<li><a href="http://11april2015.tumblr.com" target="_blank">BLOG</a></li>
</ul>
</nav>
</div>
</div>
<div class="main-container">
<div class="main wrapper clearfix">
<header>
<div id="introtext">
<span class="head-sarah">Sarah</span>
<span class="head-brad">
<span class="amp">&</span>
BRADLEY
</span>
<div class="date">SEPTEMBER 6<sup>th</sup>, 2013</div>
</div>
</header>
<div class="clearfix"></div>
<section id="whynewyork" class="clearfix">
<h1>Why New York</h1>
<div class="column left">
<h2>JEN</h2>
<p>
<img src="img/sarahThumb.jpg" class="thumb"></img>
Write something here about why NY for jen....she grew up here, etc. </p>
</div><!--end column-->
<div class="column right">
<h2>TIM</h2>
<p>
<img src="img/bradThumb.jpg" class="thumb"></img>
Write something here about why NY is good for Tim.</p>
</div><!--end column-->
<div class="clearfix"></div>
<div class="column full">
<div class="hr-t"></div>
<div class="hr-b"></div>
</div>
<div class="column full">
<h2>HOW WE MET</h2>
<p>Figure out what to put here and what to change the header to</p>
</div><!--end column-->
<div class="column full">
<figure class="responsive-image proposal" data-media="img/onknee-small.jpg" data-media480="img/onknee-small.jpg" data-media768="img/onknee-medium.jpg" data-media1140="img/onknee-large.jpg" title="Brad Proposing To Sarah">
<noscript>
<img src="img/onknee-large.jpg" alt="Brad Proposing To Sarah">
</noscript>
</figure>
<h2>THE ENGAGEMENT</h2>
<p>Egg story here, upload image.</p>
</div><!--end column-->
</section>
<section id="wedding" class="clearfix">
<h1>Wedding</h1>
<div class="column left">
<h2>CEREMONY</h2>
<p>
4:00 pm on Saturday, April 11, 2015 <br />
Linden Terrace, Fort Tryon Park <br />
New York City, the Far North <br /><br />
Reception to follow at La Marina <br /><br />
</p>
<img src="img/theinn-large.png" class="theinn" alt="The Inn at Rancho Santa Fe">
</div><!--end column-->
<div class="column right">
<h2>SCHEDULE OF EVENTS</h2>
<p>
Families Dinner at New Leaf Restaurant in Fort Tryon Park<br />
Friday, April 10th at 6 pm<br /><br />
Tour of The Cloisters in Fort Tryon Park <br />
Saturday, April 11th at 1 pm<br /><br />
Ceremony <br />
Saturday, April 11th at 4 pm (reception to follow)<br /><br />
</p>
</div><!--end column-->
<div class="clearfix"></div>
<div class="column full">
<div class="hr-t"></div>
<div class="hr-b"></div>
</div>
</section>
<section id="accomodations" class="clearfix">
<h1>Accomodations</h1>
<div class="column left">
<h2>HOTEL</h2>
<p>
(15 minutes by subway from Fort Tryon Park) <br />
<li><a href="http://www.starwoodhotels.com/alofthotels/property/overview/index.html?propertyID=3353&language=en_US" target="_blank">Aloft Harlem</a></li><br />
2296 Frederick Douglass Blvd <br />
New York, NY 10027 <br />
<a href="tel:1-212-749-4000">(212) 749-4000</a> <br />
$209 within our room block <br />
<li><a href="https://www.starwoodmeeting.com/StarGroupsWeb/res?id=1408209214&key=7816054" target="_blank">Book here</a></li>
<br />
</p>
<h2>APARTMENTS</h2>
<p>
If you'd like to stay closer to the wedding venue, look for apartments for rent in Inwood and Washington Heights.<br />
<li><a href="https://www.airbnb.com/s/Inwood--NY?" target="_blank">AirBnB listings in Inwood</a></li>
<li><a href="https://www.airbnb.com/s/Washington-Heights--NY?" target="_blank">AirBnB listings in Washington Heights</a></li>
<li><a href="http://www.vrbo.com/vacation-rentals/usa/new-york/new-york-city/manhattan/washington-heights" target="_blank">VRBO listings in Washington Heights</a></li>
<li><a href="http://www.vrbo.com/vacation-rentals/usa/new-york/new-york-city/manhattan/inwood" target="_blank">VRBO listings in Inwood</a></li>
<br />
</p>
</div><!--end column-->
<div class="column right">
<h2>DIRECTIONS</h2>
<p>
By public transportation <br />
<p>
From anywhere in Manhattan, take the A train north to 190th Street, <li><a href="http://untappedcities.com/2013/06/26/deepest-highest-subway-stations-nyc/" target="_blank">the second deepest subway station in New York.</a></li> Exit via the elevator to Fort Washington Avenue and Margaret Corbin Drive. (Do NOT take the downward-sloping corridor out to Bennett Avenue or you will be very far from where you want to be.) Once you exit the station, walk north into Fort Tryon Park along the Stan Michels Promenade, through the heather gardens, to Linden Terrace, where the ceremony will take place (weather permitting). From the subway station to Linden Terrace is about the equivalent of one long city block.<br />
Bus: The M4 goes straight up Fort Washington Avenue to the Cloisters. This might be a good option if you're already in Washington Heights, but taking the bus from further south in Manhattan would take a long time. Subway is faster.
<p>
By car<br />
<p>
From Manhattan/points south: Take the Henry Hudson Parkway northbound to the Fort Tryon Park/The Cloisters exit, the first exit after the George Washington Bridge. (Please note: this exit is only accessible heading northbound.) Follow the road around to The Cloisters, and park in the free city parking for visitors to The Cloisters. <br />
From from the Bronx/points north: Take the Henry Hudson Parkway southbound to exit 14-15. Immediately follow signs to Henry Hudson Parkway northbound. Travel north on the Henry Hudson Parkway for one mile to the Fort Tryon Park/The Cloisters exit. Follow the road around to The Cloisters, and park in the free city parking for visitors to The Cloisters.<br />
</p>
</p>
</div><!--end column-->
<div class="clearfix"></div>
<div class="column full">
<div class="hr-t"></div>
<div class="hr-b"></div>
</div>
<div class="column full">
<h2>VICINITY MAP</h2>
<div id="gmap">
<iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?msid=205751736116737027595.0004d416d6aa1647722db&msa=0&ie=UTF8&t=m&ll=32.91418,-116.982422&spn=0.806997,1.167297&z=9&output=embed"></iframe>
<br />
<small><a href="https://maps.google.com/maps/ms?msid=205751736116737027595.0004d416d6aa1647722db&msa=0&ie=UTF8&t=m&ll=32.893426,-117.224121&spn=0.922497,1.647949&z=9&source=embed" target="_blank">View larger map</a></small>
</div>
</div>
<div class="clearfix"></div>
<div class="column full">
<div class="hr-t"></div>
<div class="hr-b"></div>
</div>
<div class="column full">
<h2>ABOUT THE AREA</h2>
<p>
Many New Yorkers have never really explored upper Manhattan, but it is well worth the short trip uptown. Yada yada yada.
</p>
</div><!--end column-->
<div class="column full">
<h2>ABOUT THE CLOISTERS/h2>
<p>
tuff aobut the cloisters
</p>
<p>
more stuff about the cloisters
</p>
<p>
</p>
<p>
Go <a href="http://www.metmuseum.org/visit/visit-the-cloisters" target="_blank">here</a> for more information.
</p>
</div><!--end column-->
</section>
<section id="registry" class="clearfix">
<h1>Gifts</h1>
<div class="column full">
<p>Your presence or your well wishes are the best gifts we could imagine. If you would like to honor the wedding with a gift, may we suggest making a donation to a charity? Here are some we support: . </p>
<p>
QUESTIONS FOR JEN & TIM <br />
Email us at <a href="mailto:[email protected]" class="email" target="_blank">[email protected]</a> <br />
</p>
</div><!--end column-->
</section>
</div> <!-- #main -->
</div> <!-- #main-container -->
</div> <!-- #bg-container -->
<script src="js/vendor/jquery-1.9.1.min.js"></script>
<script src="js/vendor/jquery.scrollTo-1.4.3.1-min.js"></script>
<script src="js/vendor/waypoints.min.js"></script>
<script src="js/vendor/jquery-picture-min.js"></script>
<script src="js/main-1.5.js"></script>
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>