-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
761 lines (663 loc) · 41.5 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
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
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
<!DOCTYPE html>
<html>
<head>
<title>Hamilton Inn</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
<div class="wrapper">
<header>
<h1 class="title">HAMILTON INN</h1>
</header>
<div id="myCarousel" class="carousel slide mainCarousel" data-interval="3000" data-ride="carousel">
<!-- Carousel indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
<li data-target="#myCarousel" data-slide-to="6"></li>
<li data-target="#myCarousel" data-slide-to="7"></li>
<li data-target="#myCarousel" data-slide-to="8"></li>
<li data-target="#myCarousel" data-slide-to="9"></li>
<li data-target="#myCarousel" data-slide-to="10"></li>
<li data-target="#myCarousel" data-slide-to="11"></li>
<li data-target="#myCarousel" data-slide-to="12"></li>
<li data-target="#myCarousel" data-slide-to="13"></li>
<li data-target="#myCarousel" data-slide-to="14"></li>
</ol>
<!-- Wrapper for carousel items -->
<div class="carousel-inner">
<div class="active item">
<img src="images/mainSlider/group.jpg" alt="1st Slide">
</div>
<div class="item">
<img src="images/mainSlider/kitchen-back.jpg" alt="2nd Slide">
</div>
<div class="item">
<img src="images/mainSlider/art-office.jpg" alt="3rd Slide">
</div>
<div class="item">
<img src="images/mainSlider/4.1-door-view.jpg" alt="4th Slide">
</div>
<div class="item">
<img src="images/mainSlider/2.2-bathroom.jpg" alt="5th Slide">
</div>
<div class="item">
<img src="images/mainSlider/1.1-bed.jpg" alt="6th Slide">
</div>
<div class="item">
<img src="images/mainSlider/office.jpg" alt="7th Slide">
</div>
<div class="item">
<img src="images/mainSlider/kitchen-and-room.jpg" alt="8th Slide">
</div>
<div class="item">
<img src="images/mainSlider/front-outside.jpg" alt="9th Slide">
</div>
<div class="item">
<img src="images/mainSlider/plant.jpg" alt="10th Slide">
</div>
<div class="item">
<img src="images/mainSlider/bike.jpg" alt="11th Slide">
</div>
<div class="item">
<img src="images/mainSlider/garden.jpg" alt="12th Slide">
</div>
<div class="item">
<img src="images/mainSlider/kitchen-front.jpg" alt="13th Slide">
</div>
<div class="item">
<img src="images/mainSlider/desk.jpg" alt="14th Slide">
</div>
<div class="item">
<img src="images/mainSlider/4.3-view.jpg" alt="15th Slide">
</div>
</div>
<!-- Carousel controls -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<div class="contentWrapper">
<section id="about">
<div class="aboutSection text-center">
<h2 class="text-center"><span>ABOUT</span></h2>
<div class="aboutIcons">
<a class="aboutText fa fa-home" data-toggle="modal" data-target="#about1"></a>
<a class="aboutText fa fa-gavel" data-toggle="modal" data-target="#about2"></a>
<a class="aboutText fa fa-suitcase" data-toggle="modal" data-target="#about3"></a>
<a class="aboutText fa fa-sun-o" data-toggle="modal" data-target="#about4"></a>
<a class="aboutText fa fa-list" data-toggle="modal" data-target="#about5"></a>
</div>
</div>
</section>
<section id="rooms">
<h2 class="background text-center"><span>ROOMS</span></h2>
<object>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1190px" height="1261px" viewBox="0 0 1190 1261" enable-background="new 0 0 1190 1261" xml:space="preserve">
<g>
<polygon class="roomSVGs" data-toggle="modal" data-target="#fourOne" points="626,259 827,324 980,191 775,137 "/>
<!-- <text x="775" y="250" fill="white" font-size="50px">4.1</text> -->
<polygon class="roomSVGs" data-toggle="modal" data-target="#fourTwo" points="495,215 572,155 697,190 620,254 "/>
<polygon class="roomSVGs" data-toggle="modal" data-target="#fourThree" points="585,78 428,195 270,145 436,35 "/>
<polygon class="roomSVGs" data-toggle="modal" data-target="#threeTwo" points="397,368 504,284 383,239 270,321 "/>
<polygon class="roomSVGs" data-toggle="modal" data-target="#twoTwo" points="406,427 525,469 412,572 292,524 "/>
<polygon class="roomSVGs" data-toggle="modal" data-target="#oneTwo" points="380,759 484,653 366,602 258,705 "/>
<polyline class="roomSVGs" data-toggle="modal" data-target="#oneOne" points="655,880 751,765 838,797 880,759 935,776 803,947 "/>
<polyline class="roomSVGs" data-toggle="modal" data-target="#den" points="310,931 866,1197 968,1039 918,1011 896,1033 427.5,817 "/>
</g>
<img class="roomsImage img-responsive center-block text-center" src="images/roomsEdited-01.png">
<a data-toggle="modal" data-target="#inquiryMod">
<div id="inquiryBox">
<p>INQUIRY</p>
</div>
</a>
</svg>
</object>
</section>
</div>
<!-- Room Modals -->
<!-- Modal 4.1 -->
<div id="fourOne" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Room 4.1</h4>
</div>
<div id="myCarousel" class="carousel slide" data-interval="2000" data-ride="carousel">
<div class="carousel-inner">
<div class="active item">
<img src="images/4-1/door-view.jpg" alt="First Slide">
</div>
<div class="item">
<img src="images/4-1/corner-view.jpg" alt="Second Slide">
</div>
<div class="item">
<img src="images/4-1/bathroom.jpg" alt="Third Slide">
</div>
</div>
</div>
<div class="modal-body">
<p>The master bedroom is our largest room in the house. It has a mirrored door closet. It has a shared bath and is furnished with a queen-size bed. There is a beautiful view onto Broadway as well as lots of natural sunlight coming in.</p>
<p><strong>Price: </strong>($95-$110)/night*</p>
<p><strong>Room Capacity: </strong>2 guests</p>
<p class="asterisk">*Price range depends on demand.</p>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showNav=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=180&wkst=1&bgcolor=%23FFFFFF&src=39mt3lrtm2lq9vppqrrva0aiqu4g5gmf%40import.calendar.google.com&color=%23AB8B00&ctz=America%2FNew_York" style="border-width:0" width="200" height="180" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
<!-- Modal 4.2 -->
<div id="fourTwo" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Room 4.2</h4>
</div>
<div id="myCarousel" class="carousel slide" data-interval="2000" data-ride="carousel">
<div class="carousel-inner">
<div class="active item">
<img src="images/4-2/bunks.jpg" alt="First Slide">
</div>
<div class="item">
<img src="images/4-2/bathroom.jpg" alt="Second Slide">
</div>
<div class="item">
<img src="images/4-2/outsideCubby.jpg" alt="Third Slide">
</div>
</div>
</div>
<div class="modal-body">
<p>The room is small, and is separated by a wooden wall, that we have filled with plants, books and Xmas lights. The room has a closet, full length mirrors, and is next to a shared bathroom. It is a bit of a DIY set up so it does not obscure sound completely from the hallway. That said, you only have to share the room with one other person and it is a nice hideaway in the house.</p>
<p><strong>Price: </strong>$40/night</p>
<p><strong>Room Capacity: </strong>1 guest per bed</p>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=200&wkst=1&bgcolor=%23FFFFFF&src=18d5er08egmuhrpbhapsjndokkrfjqq1%40import.calendar.google.com&color=%23865A5A&ctz=America%2FNew_York" style="border-width:0" width="200" height="200" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
<!-- Modal 4.3 -->
<div id="fourThree" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Room 4.3</h4>
</div>
<div id="myCarousel" class="carousel slide" data-interval="2000" data-ride="carousel">
<div class="carousel-inner">
<div class="active item">
<img src="images/4-3/door-view.jpg" alt="First Slide">
</div>
<div class="item">
<img src="images/4-3/corner-view.jpg" alt="Second Slide">
</div>
<div class="item">
<img src="images/4-3/front-view.jpg" alt="Third Slide">
</div>
<div class="item">
<img src="images/4-3/bathroom.jpg" alt="Fourth Slide">
</div>
</div>
</div>
<div class="modal-body">
<p>The room is very spacious and has big closet with mirrored doors. It has a shared bath and is furnished with a queen-size bed and writing desk. It has an incredible view of outside as well as lots of natural sunlight.</p>
<p><strong>Price: </strong>($95-$110)/night*</p>
<p><strong>Room Capacity: </strong>2 guests</p>
<p class="asterisk">*Price range depends on demand.</p>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=200&wkst=1&bgcolor=%23FFFFFF&src=s0k5plc4c3ha7ijgiptef75d12jg8hdn%40import.calendar.google.com&color=%23711616&ctz=America%2FNew_York" style="border-width:0" width="200" height="200" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
<!-- Modal 3.2 -->
<div id="threeTwo" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Room 3.2</h4>
</div>
<div id="myCarousel" class="carousel slide" data-interval="2000" data-ride="carousel">
<div class="carousel-inner">
<div class="active item">
<img src="images/3-2/corner-view.jpg" alt="First Slide">
</div>
<div class="item">
<img src="images/3-2/door-view.jpg" alt="Second Slide">
</div>
<div class="item">
<img src="images/3-2/bathroom.jpg" alt="Third Slide">
</div>
</div>
</div>
<div class="modal-body">
<p>The room is the only bedroom on the 3rd floor, which also contains a kitchen and office space. It has a bathroom just outside its door, a queen-size bed, office desk/mirror, a chair, closet, natural lighting, and a magnificent view outside.</p>
<p><strong>Price: </strong>($100-$115)/night*</p>
<p><strong>Room Capacity: </strong>2 guests</p>
<p class="asterisk">*Price range depends on demand.</p>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=200&wkst=1&bgcolor=%23FFFFFF&src=epmta279np2qoeuisnc3et028vbb7mvh%40import.calendar.google.com&color=%235229A3&ctz=America%2FNew_York" style="border-width:0" width="200" height="200" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
<!-- Modal 2.2 -->
<div id="twoTwo" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Room 2.2</h4>
</div>
<div id="myCarousel" class="carousel slide" data-interval="2000" data-ride="carousel">
<div class="carousel-inner">
<div class="active item">
<img src="images/2-2/up-view.jpg" alt="First Slide">
</div>
<div class="item">
<img src="images/2-2/bathroom-door-view.jpg" alt="Second Slide">
</div>
<div class="item">
<img src="images/2-2/corner-view.jpg" alt="Third Slide">
</div>
</div>
</div>
<div class="modal-body">
<p>This is the only room on the first floor behind the main kitchen of the entrance floor, but the main floor does see more traffic than any of the others, so we ask for only chill/easy going guests. It is the only bedroom that uses the adjacent bathroom, though sometimes people in the kitchen may use it.</p>
<p><strong>Price: </strong>($100-$115)/night*</p>
<p><strong>Room Capacity: </strong>2 guests</p>
<p class="asterisk">*Price range depends on demand.</p>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=200&wkst=1&bgcolor=%23FFFFFF&src=94m5ihr990amotp03p1o9sn9lt4t1lel%40import.calendar.google.com&color=%2388880E&ctz=America%2FNew_York" style="border-width:0" width="200" height="200" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
<!-- Modal 1.1 -->
<div id="oneOne" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Room 1.1</h4>
</div>
<div id="myCarousel" class="carousel slide" data-interval="2000" data-ride="carousel">
<div class="carousel-inner">
<div class="active item">
<img src="images/1-1/bed-close.jpg" alt="First Slide">
</div>
<div class="item">
<img src="images/1-1/door-view.jpg" alt="Second Slide">
</div>
<div class="item">
<img src="images/1-1/bathroom-door-view.jpg" alt="Third Slide">
</div>
</div>
</div>
<div class="modal-body">
<p>This room is the most spacious in the house. It has its own exit as well as a walk-in closet and an in-room bathroom. The private room includes three beds (one large queen and two twins). Many couples book the room and use the extra beds as a couch. It is priced $20-$25 higher than our other rooms because it has a flexible cancellation policy, more amenities and because it can accommodate groups traveling together.</p>
<p><strong>Price: </strong>($140-$155)/night*</p>
<p><strong>Room Capacity: </strong>5 guests</p>
<p class="asterisk">*Price range depends on demand.</p>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=200&wkst=1&bgcolor=%23FFFFFF&src=hpnm0cuhtkgdr70pivhiq4rqs38k37hm%40import.calendar.google.com&color=%235A6986&ctz=America%2FNew_York" style="border-width:0" width="200" height="200" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
<!-- Modal 1.2 -->
<div id="oneTwo" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Room 1.2</h4>
</div>
<div id="myCarousel" class="carousel slide" data-interval="2000" data-ride="carousel">
<div class="carousel-inner">
<div class="active item">
<img src="images/1-2/door-view.jpg" alt="First Slide">
</div>
<div class="item">
<img src="images/1-2/window-view.jpg" alt="Second Slide">
</div>
<div class="item">
<img src="images/1-2/bathroom-door-view.jpg" alt="Third Slide">
</div>
<div class="item">
<img src="images/1-2/garden-door-view.jpg" alt="Fourth Slide">
</div>
</div>
</div>
<div class="modal-body">
<p>This spacious private room can comfortably accommodate four people on one queen and two twins, so it works best for groups. The room has an adjacent shared bathroom outside its door. The room opens up to a beautiful and spacious backyard/garden and has a large closet with long mirrored doors.</p>
<p><strong>Price: </strong>($120-$135)/night*</p>
<p><strong>Room Capacity: </strong>4 guests</p>
<p class="asterisk">*Price range depends on demand.</p>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=200&wkst=1&bgcolor=%23FFFFFF&src=2t94thnfnt2sb789fecp9pkh0ihi6uk4%40import.calendar.google.com&color=%23711616&ctz=America%2FNew_York" style="border-width:0" width="200" height="200" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
<!-- Modal Den -->
<div id="den" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">The Den</h4>
</div>
<div class="modal-body">
<img src="images/den/guestBenefits.jpg" class="narrowPic" alt="Honorary Guest">
<p>It is a finished basement with a few beds in it. It isn't luxurious, but the space is well-maintained and clean. Because it stretches the length of the building, the room is large and very accommodating, but it is a basement and so it receives limited natural light. It's a flex space we use to sleep in when our rooms are booked. It is not a private space. </p>
<p>The agreement for those who stay here is that they commit to around an hour of work around the house each day they stay, doing a requested task or routine upkeep sent the night before. We can adapt to the schedule of those who make the request to some degree, but we'd ideally like to have you around in the morning until at least 10AM to ideally 11/noon.</p>
<p>For reference, the normal price of a bunk is around twice the cost, so this saves you 20 a night, which equates to making $20 an hour.</p>
<p>The availability of this opportunity varies. We are looking for especially thoughtful and reliable people, who tend to stay for longer periods. We ask that if you inquiry about this room, you pitch yourself a bit in regards to what interests you, how seriously you will take your tasks, and what you are up to in Manhattan. Also please understand that we get a lot of interest given how cheap the room is, and if we can't accommodate your stay it is because someone can stay longer, or is more flexible with their time.</p>
<p><strong>Price: </strong>$20/night + 1 hour of work daily</p>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=200&wkst=1&bgcolor=%23FFFFFF&src=g342nbsjjlvosl2empi2vp5go52sm94n%40import.calendar.google.com&color=%235229A3&ctz=America%2FNew_York" style="border-width:0" width="200" height="200" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
<!-- Inquiry Modal -->
<div id="inquiryMod" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdYCPKkzzgw4RBDRrNl4fz94jHIjxWEAWUwIFkPV4nETQ2aeg/viewform?embedded=true" >Loading...</iframe>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- About Modals -->
<!-- Modal -->
<div id="about1" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">The House</h4>
</div>
<div class="modal-body">
<div id="myCarousel" class="carousel slide" data-interval="1500" data-ride="carousel">
<div class="carousel-inner">
<div class="active item">
<img src="images/managers/mattKitchen.jpg" alt="First Slide">
</div>
<div class="item">
<img src="images/managers/lau.png" alt="Second Slide">
</div>
<div class="item">
<img src="images/managers/tyler.jpg" alt="Third Slide">
</div>
<div class="item">
<img src="images/managers/john.jpg" alt="Fourth Slide">
</div>
</div>
</div>
<hr>
<p>We are a group of New Yorkers living in a big beautiful townhouse in Manhattan. We are excited to share our house with travelers to help us afford living here. We work in tech, in international/urban development, and theatre.</p>
<p>Our newly remodeled townhouse is a clean, welcoming, and spacious retreat for like-minded travelers who want a true New York City experience. The house has 5 floors, 10 ft. ceilings with lots of natural light, 6 bedrooms, 5 bathrooms, 2 kitchens with top of the line appliances, laundry room, and a private yard. The house also has a big open co-working space on the third floor. In total, the house is over 4,000 square feet, which is quite large for Manhattan standards. Most of the house hosts private rooms, making it relatively clear and quiet.</p>
<p>Hamilton Heights a mixed neighborhood, with a large latino population to the north, university students and faculty to the south and a historic black population to the east. The area is the 33rd safest for per capita crime out of 69 neighborhoods, according to <a href="https://www.dnainfo.com/new-york/crime-safety-report/manhattan/west-harlem">DNAinfo.com's Crime & Safety Report</a>. There are cute bars and restaurants and there has been a recent surge of gay people priced out of Hells Kitchen. If you are racist, homophobic, or xenophobic, you won't be comfortable here, or in most of NYC for that matter.</p>
<p>Please contact us for more information. We would be happy to help!</p>
<ul class="contact-list">
<li>
<a href="mailto:lauchavez.cv@gmail.com">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
lucaspercussion@yahoo.com
</a>
</li>
<li>
<a href="mailto:simonvargas01@gmail.com">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
kylegraden3@gmail.com
</a>
</li>
<li>
<a href="mailto:matsteele@gmail.com">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
matsteele@gmail.com
</a>
</li>
<li>
<a href="mailto:johnjrudell@gmail.com">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
stvtortora@gmail.com
</a>
</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div id="about2" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">House Manual</h4>
</div>
<div class="modal-body">
<img src="images/rules/plantWindow.jpg" class="narrowPic">
<h4>Check-in</h4>
<p> We have a lockbox set up outside with keys to the house. Message for the code. We will ensure your room is ready by 3pm each day, though we may not always be present for your arrival, especially if you plan to arrive very late in the evening. During the day, feel free to ring the doorbell to see if someone is home, otherwise please use the lockbox. For an earlier check-in, please send us a message to coordinate. We cannot guarantee the room will be ready prior to 3pm, but we do allow guests to drop luggage off and relax in the common areas prior to check-in. </p>
<h4>Lockbox</h4>
<p>There are two doors to the house at the entrance. The black lockbox is attached to the black gate opposite the above door. Push the “c” button to be sure it is cleared. Then enter the code. People often forget the *.</p>
<p>Push the topmost button with a down arrow and the box should open. Use one of the keys with a green tag to let yourself in the two main doors with glass fronts at the TOP of the front steps. The second door can get stuck, but we promise the key works for both doors!</p>
<p>Once you’ve unlocked the two doors, please RETURN the key to the lockbox and be sure to CLOSE it! To close the lockbox, re-enter the code and push the topmost button with a down arrow to lock it. This key is for arrivals only. You will find your keys in your room hanging on a hook.</p>
<p>You will find a map on the inner door, which shows you where your room is. Pay attention to the number at the end of the title of your booking for reference.</p>
<p>If you have any issues, give us a call and we can walk you through it, or potentially have someone from the house to let you in.</p>
<h4>Your Room/Guest Access</h4>
<p>Put your shoes in the shoe pallet thing at the door, and make yourself at home! You have access to either kitchen (including the fridge), laundry in the basement, and private patio on the first floor, east side of the building. The large shampoo, conditioner, and mint soap is for you to use. We also provide laundry detergent for those who use the laundry. You will find a clean towel on your bed. Let us know if you need anything else. </p>
<h4>Heat and AC</h4>
<p>Please help us conserve energy by being mindful of closing doors and windows to help control the temperature within the place. Heating this large of a house is especially expensive. Help us keep the costs down for this place so we can keep it cheap for guests. Specifically, please keep all of the front doors closed. If it is too hot in your room, please turn down the thermostat and notify someone in the house. Please do not open a window. </p>
<p>If for any reason the Internet is not working, find the router in the window on the main kitchen floor and switch the power strip off and on once to reboot. Please do not watch or download copyrighted material with our internet.</p>
<h4>Quiet Hours</h4>
<p>
<div>11:30pm - 9am Sunday - Thursday</div>
<div>1am - 9am Friday - Saturday</div>
<div>You’re in NYC! We are expecting you to be out late exploring the city. You can come and go as you please, but we ask that you be mindful of other guests as you do. Please, no laundry or going to the patio during these times.</div>
</p>
<h4>Garbage & Recycling</h4>
<p>
<div>Both kitchens have garbage cans. Recycling is set to the side of each can. Make sure all recycled materials are rinsed and cleaned. Please don’t be the person who puts trash in the recycling bins. Plastic bags are not recyclable as of now in NYC. </div>
<div>Mixed paper and cardboards can be grouped together in recycling (sits in left bag, when facing garbage can - look for labels). Glass, metal, and plastic containers can be grouped together in recycling (sits in right bag, when facing garbage can - look for labels). Do not put broken glass in recycling.</div>
<div>Everything else goes in the garbage. Aluminum or Styrofoam are not recyclable. Please sort your trash properly. Otherwise, we get fined.</div>
</p>
<h4>Food</h4>
<p>We offer homemade, all natural granola to all of our guests. When you use common food, we’d if you’d put some change in the donation jar. Though we frequently offer to share our food, dropping a few coins in the donation bar will help us keep up with the expenses of the house. Please don’t eat other people’s food, and, to be extra cautious. Please also clean whatever dishes that you use, preferably by hand. Avoid using the dishwasher unless you can completely fill it up.</p>
<h4>Laundry</h4>
<p>You can do your laundry across the street. It should be around $8.</p>
<h4>Kitchen Use</h4>
<p>You have access to either kitchen (including the fridge), though we suggest using the above one as it is entirely dedicated to guests. The large shampoo, conditioner, and mint soap is for you to use. You will find a clean towel on your bed. Let us know if you need any other amenities such as spare toothpaste or a hair-dryer. We are fairly well stocked. </p>
<h4>Parking</h4>
<p>The house does not have a garage or a designated parking spot, and there is limited available street parking around the neighborhood. The ‘Stable Car Parking Lot’ is one block north of the house on 153rd, between Broadway and Riverside Dr. Rates start at $22 per 24hr and $300 per month. </p>
<h4>Mail</h4>
<p>Mail packages at your own risk. If someone isn't home, sometimes packages are left outside the door, and we can’t guarantee they will be received on delivery. There is a USPS about 5 blocks away (146th St.), so if you are concerned about receiving a package, have packages held there. There is a mail drop at the house for letters.</p>
<h4>Check-out</h4>
<p>
<div>Check-out is at 11am. Just leave your keys on the hook by the light switch next to the door, <strong>and please keep your towels in your room</strong>. No need to touch base with us before you leave, unless you are leaving after 11AM. If you have a later flight out and want to leave your luggage at the house for the day, not a problem. We just need to clean the room and make sure the next guest has keys, so coordinate a check-out time that works. If you want to store luggage for multiple days, it is $40 a day for 3 or more bags, and only $20 for one suitcase.</div>
<div>If you intend to extend, we will have you agree to various terms of conduct as well as a deposit reflecting a week’s payment, unless otherwise agreed. Staying beyond a 30 days does not provide tenants rights, as the guests agree that their stay is transitory in nature and understand that they have no further claim to stay beyond the days reserved via a payment.</div>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div id="about3" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Getting Around</h4>
</div>
<div class="modal-body">
<img src="images/gettingAround/SkyViewFarNoted.jpg" class="img-responsive center-block">
<h4>Transit</h4>
<p>The house is conveniently on Broadway, just north of 152nd. We are steps away from the red and blue subway lines. Catch the 1 train (red line) at 157th and Broadway. The A & C trains (blue line) are on the 155th and St. Nicholas local station.</p>
<h4>Parking</h4>
<p>Stable Car Parking Lot is on 153rd, one street north of the house. Rates start at $22/day and $300/month</p>
<h4>Biking</h4>
<p>We are trying to get extra bikes to rent for $20 a day, so ask if we have them. Biking is a very nice way to get around in Manhattan, especially for exploring Central Park.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div id="about4" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">The Area</h4>
</div>
<div class="modal-body">
<img src="images/area/park.jpg" class="img-responsive center-block">
<h4>Restaurants</h4>
<p>
<div>Chopped Parsley: Best neighborhood spot for Asian fusion, especially sushi.</div>
<div>Hand Pulled Noodle: Cheap, filling, and tasty. This place gets busy, so call ahead!</div>
<div>Bono Trattoria: Fine Italian joint with a rustic ambiance and great cocktails.</div>
</p>
<h4>Bars</h4>
<p>
<div>Harlem Public – This is the neighborhood hotspot. Great spot to grab gourmet burgers and micro-brews.</div>
<div>Anchor Wine Bar – Great brunch spot, and of course, great wine selection.</div>
</p>
<h4>Cafés</h4>
<p>
<div>Chipped Cup – Quaint café that’s easy to overlook, but you don’t want to miss their outdoor patio!</div>
<div>Taszo Espresso Bar – A great spot to grab a bite to eat in the morning and have kombucha on tap.</div>
<div>Hamilton’s Bakery – It’s a more spacious cafe than the Chipped Cup - Try their pizza special in the pm.</div>
</p>
<h4>Runners & Cyclists</h4>
<p>We live right next to the Hudson River, just one block away from Riverside Drive. You’re next to the most beautiful trail that expands all of Manhattan alongside the Hudson. We highly recommend checking out the trail while you’re here. We are trying to get extra bikes to rent for $20 a day, so ask if we have them. Biking is a very nice way to get around in Manhattan, especially for exploring Central Park.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div id="about5" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">FAQs</h4>
</div>
<div class="modal-body">
<p>
<span>Q) Are these dates available?</span>
<span>A) Our AirBnb calendar is always up to date. If you are able to request it, it’s yours. Our guests often rebook or extend their stay, so we recommend booking while you can. Inquiries do not reserve the room.</span>
</p>
<p>
<span>Q) Can we pay directly in cash?</span>
<span>A) Sure, send us an inquiry and we will follow up with a paypal invoice request </span>
</p>
<p>
<span>Q) Where should we park?</span>
<span>A) The house does not have a garage or designated parking spot, but there is plenty of free street parking around the neighborhood, though expect to move your car regularly, unless you go into a parking garage. Stable Car Parking Lot is one block north of the house on 153rd, between Broadway and Riverside Dr. Rates start at $22 per 24hr and $300 per month.</span>
</p>
<p>
<span>Q) How far are you from ______ via public transportation?</span>
<span>A)</span>
<span>1) JFK - ~90 minutes (42 mins by taxi) (Best train route depends on the time of day, but E to the C/A is common)</span>
<span>2) LGA - ~60 minutes (35 mins by taxi)</span>
<span>3) Newark Liberty International Airport</span>
<span>4) Times Square - ~30 Minutes</span>
<span>5) Anywhere else in the city – Check out the <a href="http://tripplanner.mta.info/MyTrip/ui_web/customplanner/TripPlanner.aspx">MTA Trip Planner website.</a></span>
</p>
<p>
<span>Q) Where is the house located?</span>
<span>A) The house is at the corner of 152nd and Broadway in Manhattan. AirBnb does not share the exact address until after you book.</span>
</p>
<p>
<span>Q) Is the neighborhood safe?</span>
<span>A) Yes, the Hamilton Heights neighborhood is very safe. It ranks 33rd overall safest out of New York City’s 69 boroughs. (Chelsea & Hell’s Kitchen ranks 61, Downtown 63, Midtown 69). New York in general has seen crimes rate drop precipitously in the last 10 years.</span>
</p>
<p>
<span>Q) Can we check-in before/after 3pm?</span>
<span>A) Before – We cannot promise you a room before check-in, but we will happily let you drop luggage off and relax in the common areas.</span>
<span>After – Of course! We have a lock box setup for late arrivals, just let us know when you’ll be here.</span>
</p>
<p>
<span>Q) How does the deposit work?</span>
<span>A) No security deposit is charged unless there are damages to the property. The amount specified just means that that is the most we can ask from you if you break things in the apartment. Nothing is deducted unless we request it. We have never had to request the deposit be used.</span>
</p>
<p>
<span>Q) Can I have guests over?</span>
<span>A) Guests are welcome to visit anytime during the day. However, please let us know beforehand if you intend to have overnight guests. For safety reasons, we’d like a full name and will snap an image of their ID.</span>
</p>
<p>
<span>Q) Does the room have its own bathroom?</span>
<span>A) Besides 1.1, our bathrooms are shared. See listing for details on your room’s amenities.</span>
</p>
<p>
<span>Q) Can we send mail to the house?</span>
<span>A) Mail at your own risk. We can’t guarantee they will be received on delivery. If no one is home, a slip will be left, and it will be held at the post office. The package may possibly be left outside if directions specify doing so. There is a USPS office about 5 blocks away (146th St.), so if you want to ensure you receive your parcels, you can have them held at the post office, and go there directly for pick up.</span>
</p>
<p>
<span>Q) Can I have a refund if I cancel last minute?</span>
<span>A) Please don't request a full or partial refund if you have to cancel last minute, no matter how small. There is no exception to this rule. The rent has to be paid regardless if you missed your flight. It isn’t fair to reward the person who is the most angry and manipulative a refund when the policy is fairly clear upfront. The rooms are difficult to rebook last minute, and we don't want to have to feel like bad people by denying it. Please be familiar with the cancellation policy for the room you are booking. If you want a more flexible situation as your plans are not fixed, message us beforehand and we can figure something out, like put you in 1.2 or 1.1, which have more flexible refund policies, but do not message us the day before asking for a refund.</span>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<footer class="text-center">
<ul class="list-inline">
<li>
<a href="https://www.airbnb.com/users/show/92010242"><i class="fa fa-bed fa-fw fa-1x"></i></a>
</li>
<li>
<a href="https://www.misterbandb.com/users/178767"><i class="fa fa-mars-double fa-fw fa-1x"></i></a>
</li>
<li>
<a href="http://hamiltoninn.tumblr.com/"><i class="fa fa-tumblr fa-fw fa-1x"></i></a>
</li>
<li>
<a href="https://www.instagram.com/matsteele/?hl=en"><i class="fa fa-instagram fa-fw fa-1x"></i></a>
</li>
</ul>
<p>Copyright © Genus Development Partners</p>
</footer>
<script src="script.js" type="text/javascript"></script>
</body>
</html>