-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathhouses.html
349 lines (314 loc) · 17.1 KB
/
houses.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
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
<!DOCTYPE html>
<html lang="en">
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<script>
$(function(){
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
</script>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cooperative Housing at University of Maryland</title>
<link href="img/favicon.bmp" rel="icon" type="image/bmp">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lora|Ubuntu" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Animation Code found on animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<!-- Featherlight, Lightbox -->
<link href="css/featherlight.css" type="text/css" rel="stylesheet" />
<!-- Custom -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<a name="top"></a>
<!-- Navbar -->
<div id="header"></div>
<main>
<!-- Initial Header -->
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-6 col-md-offset-1 col-xs-12">
<h1>Houses</h1>
<p class="lead spacerb">The homes of our community</p>
<!--<div>
<a href="#read">
<p>Learn More
<span class="glyphicon glyphicon-chevron-down spacerl" aria-hidden="true"></span>
</p></a>
</div>-->
</div>
</div>
</div>
<!-- Full Length Img
<div class="container-fluid spacertr">
<div class="row">
<div class="wide">
<img class="img-responsive animated fadeInLeft" src="img/FlamingoBanner.jpg">
</div>
</div>
</div>
-->
<a name="read"></a>
<!-- Main Text -->
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6 col-md-offset-3">
<p> While more established student housing co-ops tend to own
their property, we are a very young organization, and our houses are
rented from local landlords while we build capital to eventually purchase
our own house. Our houses are located in
two neighborhoods: Calvert Hills and Berwyn Heights.
</p>
<div class="embed-responsive embed-responsive-4by3">
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1jYfMwZ6EGtb0BuXxCvEbyhzDjNy2a04Q" width="640" height="480"></iframe>
</div>
</div>
</div>
</div>
<!-- Calvert -->
<div class="container spacertr">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h2>Calvert Hills</h2>
<p>From here, Downtown College Park is a ten-minute walk away, as is the College Park station on the Washington DC Metro Green Line. The <a class="highlight" href="https://transportation.umd.edu/shuttle-um/104/501">#104 College Park Metro</a> is a free shuttle bus that runs frequently throughout the day from the east side of the station to Regents Drive on the UMD campus, and downtown DC is about 25 minutes away by train.</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3" data-toggle="collapse" data-target="#madox" aria-expanded="false">
<h3><a class="buttonme">Mad Ox</a></h3>
</div>
</div>
<div id="madox" class="collapse" aria-expanded="false">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<p><a href="https://www.google.com/maps/place/7205+Rhode+Island+Ave,+College+Park,+MD+20740/@38.977431,-76.932578,17z/data=!3m1!4b1!4m2!3m1!1s0x89b7c6b862a294d7:0x461361e7c15e9959">7205 Rhode Island Ave</a><br>
<a href="mailto:[email protected]">[email protected]</a><br>
<a href="https://www.facebook.com/The-Mad-Ox-892750540796404/?fref=ts">Facebook Page</a></p>
<span class="bold">Named after:</span>
<p>One of our founders, Rachael Maddox.</p>
<span class="bold">Amenities:</span>
<p> Small vegetable garden, Roof access, Compost system, Fireplace, Back porch for indoor bike storage</p>
<span class="bold">COVID guidelines:</span>
<p class="spacerb">Mask in public. Communicate about any potential exposures or if you feel sick. After an exposure, traveling out of state, or large gathering, mask in house and test (ideally PCR) after several days.</p>
<p class="bold"> Scroll for more Images <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"> </p>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1 imgscroll">
<div class="col-md-7 imginner">
<a href="#" data-featherlight="img/MadOxFront.jpg"><img class="img-responsive" src="img/MadOxFront.jpg"></a>
<p>Front</p>
</div>
<div class="col-md-7 imginner">
<a href="#" data-featherlight="img/MadOxBack.jpg"><img class="img-responsive" src="img/MadOxBack.jpg"></a>
<p>Garage</p>
</div>
</div>
</div>
</div>
<!--<div class="row">
<div class="col-md-6 col-md-offset-3" data-toggle="collapse" data-target="#water" aria-expanded="false">
<h3><a class="buttonme">Water Temple</a></h3>
</div>
</div>
<div id="water" class="collapse" aria-expanded="false">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<p><a href="https://www.google.com/maps/place/6809+Rhode+Island+Ave,+College+Park,+MD+20740/@38.9739648,-76.9336671,19.25z/data=!4m5!3m4!1s0x89b7c6c6e3498ab7:0xf8d932e79843d039!8m2!3d38.973978!4d-76.9333595">6809 Rhode Island Ave</a><br>
<a href="mailto:[email protected]">[email protected]</a><br>
<span class="bold">Named after:</span>
<p>The Legend of Zelda level since the house is across from the stormwater canal.</p>
<span class="bold">Amenities:</span>
<p class="spacerb"> Back yard and porch, Metro access.</p>
<p class="bold"> Scroll for more Images <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"> </p>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1 imgscroll">
<div class="col-md-7 imginner">
<a href="#" data-featherlight="img/WaterFront.jpg"><img class="img-responsive" src="img/WaterFront.jpg" ></a>
<p>Front</p>
</div>
<div class="col-md-7 imginner">
<a href="#" data-featherlight="img/spooky-11.jpg"><img class="img-responsive" src="img/spooky-11.jpg" ></a>
<p>Back porch</p>
</div>
</div>
</div>
</div>-->
<!--
<div class="row">
<div class="col-md-6 col-md-offset-3" data-toggle="collapse" data-target="#flamingo" aria-expanded="false">
<h3><a class="buttonme">Flamingo Paradise</a></h3>
</div>
</div>
<div id="flamingo" class="collapse" aria-expanded="false">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<p><a href="https://www.google.com/maps/place/6907+Wake+Forest+Dr,+College+Park,+MD+20740/@38.974944,-76.9378977,17z/data=!3m1!4b1!4m2!3m1!1s0x89b7c6c0d3a58579:0x53b235c49bf41c7b">6907 Wake Forest Dr</a><br>
<a href="mailto:[email protected]">[email protected]</a><br></p>
<span class="bold">Named after:</span>
<p> The collection of kitch lawn flamingos left by the landlords.</p>
<span class="bold">Special note: </span>
<p class="spacerb">Please note that Flamingo Paradise has been our graduate student house since 2017, and may remain so for the next academic year. </p>
<span class="bold">Amenities: </span>
<p class="spacerb">Flamingo decorations, Large common areas, Hardwood floors, Recently renovated, Hardwood floors, Front and rear garden, Compost system, Fireplace, Large back patio with covered bike storage</p>
<p class="bold"> Scroll for more Images <span class="glyphicon glyphicon-chevron-right" aria-hidden="true">
</ul>
</div> -->
<!-- </div> -->
<!-- <div class="row">
<div class="col-md-10 col-md-offset-1 imgscroll">
<div class="col-md-7 imginner"><a href="#" data-featherlight="img/FlamingoFront.jpg"><img class="img-responsive" src="img/FlamingoFront.jpg"></a>
<p>Front</p>
</div>
<div class="col-md-7 imginner"><a href="#" data-featherlight="img/FlamingoBack.jpg"><img class="img-responsive" src="img/FlamingoBack.jpg"></a>
<p>Back Yard</p>
</div>
<div class="col-md-7 imginner"><a href="#" data-featherlight="img/FlamingoDeck.jpg"><img class="img-responsive" src="img/FlamingoDeck.jpg"></a>
<p>Deck</p>
</div>
</div>
</div>
</div> -->
</div>
<!-- College Park Woods
<div class="container spacertr">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h2>College Park Woods</h2>
<p>Home to the newest part of chum, this beatiful community is on the west side of campus, past the xfinity center. Free Shuttle-UM buses (<a class="highlight" href="http://transportation.umd.edu/sites/default/files/108_Adelphi.pdf">#108 Adelphi</a>,
<a class="highlight" href="https://transportation.umd.edu/sites/default/files/116_Purple.pdf">#116 Purple line</a>, <a class="highlight" href="http://transportation.umd.edu/sites/default/files/105_CampusConnector.pdf">#105 Campus Connector</a>run throughout the day from the neighborhood to various parts of campus.</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3" data-toggle="collapse" data-target="#sunflower" aria-expanded="false">
<h3><a class="buttonme">Sunflower Tower</a></h3>
</div>
</div>
<div id="sunflower" class="collapse" aria-expanded="false">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<p><a href="https://www.google.com/maps/place/3404+Duke+St,+College+Park,+MD+20740/@39.0031967,-76.9540098,17z/data=!3m1!4b1!4m5!3m4!1s0x89b7c4263d917ab7:0xcda042548ecbdaeb!8m2!3d39.0031967!4d-76.9518158">3404 Duke St</a><br>
<a href="mailto:[email protected]">[email protected]</a><br></p>
<span class="bold">Named after: The wonderful sunflower patch in the back yard.</span>
<p> </p>
<span class="bold">Amenities: </span>
<p class="spacerb"> Small vegetable garden, Two large living spaces, screened-in pourch, a self playing piano</p>
<p class="bold"> Scroll for more Images <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"> </p>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-1 imgscroll">
<div class="col-md-7 imginner"><a href="#" data-featherlight="img/FlowerFront.jpg"><img class="img-responsive" src="img/FlowerFront.jpg" width= 5184p height=3456p></a>
<p>Front</p>
</div>
<div class="col-md-7 imginner"><a href="#" data-featherlight="img/FlowerLiving.jpg"><img class="img-responsive" src="img/FlowerLiving.jpg" width= 5184p height=3456p ></a>
<p>Common Area</p>
</div>
<!-- <div class="col-md-7 imginner"><a href="#" data-featherlight="img/FlowerDining.jpg"><img class="img-responsive" src="img/CrowDining.jpg"></a>
<p>Dining Area</p>
</div>
</div>
</div>
</div>
</div>-->
<!-- Berwyn -->
<div class="container spacertr">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h2>Berwyn Heights</h2>
<p>This is roughly a mile from Calvert Hills, and a 5-to-10-minute walk from shops on Route 1 plus a 10-to-15-minute walk to the northeast part of campus - home to the engineering
and computer science buildings. Free Shuttle-UM buses (<a class="highlight" href="https://transportation.umd.edu/shuttle-um/114/604">#114 University View</a>, <a class="highlight" href="https://transportation.umd.edu/shuttle-um/117/615">#117 Blue</a>, and <a class="highlight" href="https://transportation.umd.edu/shuttle-um/132/509">#132 The Varsity</a>) run throughout the day from the neighborhood to various parts of campus.</p>
</div>
</div>
<!-- <div class="row">
<div class="col-md-6 col-md-offset-3" data-toggle="collapse" data-target="#winterfell" aria-expanded="false">
<h3><a class="buttonme">Winterfell</a></h3>
</div>
</div>
<div id="winterfell" class="collapse" aria-expanded="false">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<p><a href="https://www.google.com/maps/place/4801+Berwyn+House+Rd,+College+Park,+MD+20740/@38.990939,-76.9303814,17z/data=!3m1!4b1!4m2!3m1!1s0x89b7c6a5e77c382b:0x60bb9ee01d75cc8a">4801 Berwyn House Rd</a><br>
<a href="mailto:[email protected]">[email protected]</a><br></p>
<span class="bold">Named after:</span>
<p>The most northern town in the show Game of Thrones, as this is one of our most northern houses.</p>
<span class="bold">Amenities:</span>
<p class="spacerb"> Energy efficient appliances, Powered by wind energy, Reserved parking for residents, Closest to eastern side of campus, Short walk to Route 1 shops and restaurants. </p>
<p class="bold"> Scroll for more Images <span class="glyphicon glyphicon-chevron-right" aria-hidden="true">
</ul>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1 imgscroll">
<div class="col-md-7 imginner"><a href="#" data-featherlight="img/WinterfellFront.jpg"><img class="img-responsive" src="img/WinterfellFront.jpg"></a>
<p>Front</p>
</div>
<div class="col-md-7 imginner"><a href="#" data-featherlight="img/WinterfellLiving.jpg"><img class="img-responsive" src="img/WinterfellLiving.jpg"></a>
<p>Common Area</p>
</div>
<div class="col-md-7 imginner"><a href="#" data-featherlight="img/WinterfellKitchen.jpg"><img class="img-responsive" src="img/WinterfellKitchen.jpg"></a>
<p>Kitchen</p>
</div>
</div>
</div>
</div> -->
<div class="row">
<div class="col-md-6 col-md-offset-3" data-toggle="collapse" data-target="#sharkjar" aria-expanded="false">
<h3><a class="buttonme">Shark Jar</a></h3>
</div>
</div>
<div id="sharkjar" class="collapse" aria-expanded="false">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<p><a href="https://www.google.com/maps/place/4801+Guilford+Rd,+College+Park,+MD+20740/@38.976448,-76.931453,17z/data=!3m1!4b1!4m2!3m1!1s0x89b7c6c78a3673f1:0x9247a4749d642eda">4719 Pontiac Street</a><br>
<a href="mailto:[email protected]">[email protected]</a><br></p>
<span class="bold">Named after:</span>
<p> A baby shark chemically preserved in a jar, found while thrifting</p>
<span class="bold">Amenities: </span>
<p>Nice deck, firepit, large private rooms, close proximity to campus and Lake Artemesia, 2 minute walk from CVS</p>
<span class="bold">COVID guidelines:</span>
<p class="spacerb">Mask in house for 10 days after an exposure, then test after 5 days and every 24 hours. Mask in house after travel and test in the next 48 hours. Mask if feeling sick and test every 48 hours until recovery. Tell housemates if you test positive.</p>
<p class="bold"> Scroll for more Images <span class="glyphicon glyphicon-chevron-right" aria-hidden="true">
</ul>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1 imgscroll">
<div class="col-md-7 imginner"><a href="#" data-featherlight="img/PontiacFront.jpg"><img class="img-responsive" src="img/PontiacFront.jpg"></a>
<p>Front</p>
</div>
<div class="col-md-7 imginner"><a href="#" data-featherlight="img/PontiacDeck.jpg"><img class="img-responsive" src="img/PontiacDeck.jpg"></a>
<p>Deck</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<!-- Footer -->
<div id="footer"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/featherlight.js" type="text/javascript" charset="utf-8"></script>
<script src="js/wow.js"></script>
<script src="js/scroll.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>