Sunset St. #2, Boston, MA 02120

Description
About this property

Four bedroom apartment for rent on Sunset St. in Boston. This apartment is available for move-in 09/01/2024. Please call/txt 6179356308 to schedule a viewing. Thank you.

Property Details
Listing ID, utilities, fees,

Listing#: 187598332

Available: Sep 01, 2024

Utilities: No Utilities Included

Property type: n/a

Neighborhood: Mission Hill

Broker Fee: One Month Rent

Pet Policy
Cats, dogs, breed & weight restriction

PetsNo Pets

Features
Apartment & building amenities

.
</ifr</li><li>Deck</li><li>Dishwasher</li><li>Disposal</li><li>Eat-in Kitchen</li><li>Granite Counter Tops</li><li>Hardwood Floors</li><li>High Ceiling</li><li>Laundry in Building</li><li>New/Renovated Bath</li><li>New/Renovated Kitchen</li><li>New Appliances</li><li>Porch</li><li>Stainless Steel Appliance(s)</li><li></li></ul> </div>  </div> </div> </div> </div> <br /> <div style="background:#fdfdfd;border:0.25px solid #669900;"> <style> #map { width: 100%; height:500px; } .height-css { height: 100%; } </style> <div id="map"></div> </div> <br />  <div class="modal fade" id="mbta" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div>  </div>  </div>  <div style="background:#fdfdfd;border-bottom:0.25px solid #999999;"> <span style="font-size:15px;color:#999999;"><b>Nearby Places</b></span> </div> <div style="border-top:0px solid #555555;"></div> <br /> <ul class="nav nav-pills" style="font-size:40px;"> <li><a href="#amenities" data-toggle="tab" data-tab-url="https://app.streetpads.com/local/amenities/yelp/sidebar.php?Term=restaurants&City=Boston&cll=42.331548,-71.108296"><i class="fas fa-utensils"></i></a></li> <li><a href="#schools" data-toggle="tab" data-tab-url="https://app.streetpads.com/amenities/mq-schools-mobile?lat=42.331548&lon=-71.108296"><i class="fa fa-graduation-cap"></i></a></li> <li><a href="#transportation" data-toggle="tab" data-tab-url="https://app.streetpads.com/mbta/query-mbta-mobile.php?lat=42.331548&lon=-71.108296"><i class="fa fa-subway"></i></a></li> </ul> <div class="tab-content"> <div class="tab-pane" id="amenities"></div> <div class="tab-pane active" id="schools"></div> <div class="tab-pane active" id="transportation"></div> </div> </div> <br /><br /> <div style="background:#fdfdfd;border-bottom:0.25px solid #999999;width:95%;margin-left:5px;"> <span style="font-size:15px;color:#999999;"><b>Similar Listings</b></span> </div> <div style="border-top:0px solid #555555;"></div> <br /> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=357390665" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/73211494/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 16</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$4750</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span>    1500 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=357390665" style="font-size:12.5px;font-family:Helvetica;"> Pontiac St. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Pontiac St. #2 Boston 02120 - 4 Bed ~ 1 Bath - $4750 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=357390665", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;">  </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=187598332" ><img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/7608O5dc20cd69cd00.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 7</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$5600</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span> <div><a href="https://app.streetpads.com/rentals/details.php?id=187598332" style="font-size:12.5px;font-family:Helvetica;"> Sunset St. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Sunset St. #2 Boston 02120 - 4 Bed ~ 1 Bath - $5600 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=187598332", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;">  </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=187599867" ><img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/7608O5dc20cd69cd00.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 7</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6000</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span> <div><a href="https://app.streetpads.com/rentals/details.php?id=187599867" style="font-size:12.5px;font-family:Helvetica;"> Sunset St. #3 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Sunset St. #3 Boston 02120 - 4 Bed ~ 1 Bath - $6000 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=187599867", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;">  </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=362483955" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/72766959/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 7</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$5400</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>2 Bath</span>    9999 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=362483955" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #2 Boston 02120 - 4 Bed ~ 2 Bath - $5400 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=362483955", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=100215893" ><img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/54W655e51b114d5e.jpg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 10</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$5400</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>2 Bath</span> <div><a href="https://app.streetpads.com/rentals/details.php?id=100215893" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #2 Boston 02120 - 4 Bed ~ 2 Bath - $5400 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=100215893", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=362147497" ><img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/56W66106daa35651.jpg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 9</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Jun 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6350</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>2 Bath</span> <div><a href="https://app.streetpads.com/rentals/details.php?id=362147497" style="font-size:12.5px;font-family:Helvetica;"> Wigglesworth St. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Wigglesworth St. #2 Boston 02120 - 4 Bed ~ 2 Bath - $6350 - Available: 06/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=362147497", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;">  </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=361344188" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/73224789/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 19</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6500</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>2 Bath</span>    1200 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=361344188" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #3 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #3 Boston 02120 - 4 Bed ~ 2 Bath - $6500 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=361344188", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=100220802" ><img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/54W636173a7d2a3b.jpg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 10</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6200</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span> <div><a href="https://app.streetpads.com/rentals/details.php?id=100220802" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #1 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #1 Boston 02120 - 4 Bed ~ 1 Bath - $6200 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=100220802", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;">  </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=360991701" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/73223890/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 16</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6500</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>2 Bath</span>    1200 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=360991701" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #2 Boston 02120 - 4 Bed ~ 2 Bath - $6500 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=360991701", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;">  </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=360991699" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/73223886/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 17</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6400</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>2 Bath</span>    1200 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=360991699" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #1 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #1 Boston 02120 - 4 Bed ~ 2 Bath - $6400 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=360991699", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;">  </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=360831610" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/73223428/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 25</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Jun 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$4200</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span>    1200 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=360831610" style="font-size:12.5px;font-family:Helvetica;"> Calumet St. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Calumet St. #2 Boston 02120 - 4 Bed ~ 1 Bath - $4200 - Available: 06/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=360831610", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;">  </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=359971389" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/73220431/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 16</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$4100</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span>    1500 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=359971389" style="font-size:12.5px;font-family:Helvetica;"> Fisher Ave. #3 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Fisher Ave. #3 Boston 02120 - 4 Bed ~ 1 Bath - $4100 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=359971389", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;">  </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=356605200" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/73208766/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 19</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$4400</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>2 Bath</span>    1250 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=356605200" style="font-size:12.5px;font-family:Helvetica;"> Fisher Ave. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Fisher Ave. #2 Boston 02120 - 4 Bed ~ 2 Bath - $4400 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=356605200", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=349585073" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/72767210/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 13</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6000</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span>    9999 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=349585073" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #2 Boston 02120 - 4 Bed ~ 1 Bath - $6000 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=349585073", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=347089542" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/72766932/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 11</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6000</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span>    9999 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=347089542" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #2 Boston 02120 - 4 Bed ~ 1 Bath - $6000 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=347089542", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=346704583" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/72602298/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 10</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6000</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>11&half; Bath</span>    1000 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=346704583" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #1 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #1 Boston 02120 - 4 Bed ~ 11&half; Bath - $6000 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=346704583", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=96828320" ><img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/54W61757a9a1c084.jpg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 6</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6000</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span> <div><a href="https://app.streetpads.com/rentals/details.php?id=96828320" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #2 Boston 02120 - 4 Bed ~ 1 Bath - $6000 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=96828320", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=100220825" ><img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/54W65415b868cf29.jpg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 11</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6000</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span> <div><a href="https://app.streetpads.com/rentals/details.php?id=100220825" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #2 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #2 Boston 02120 - 4 Bed ~ 1 Bath - $6000 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=100220825", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=100216286" ><img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/54W6361730a5c62d.jpg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 9</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6000</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>11&half; Bath</span>    1000 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=100216286" style="font-size:12.5px;font-family:Helvetica;"> Hillside #1 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside #1 Boston 02120 - 4 Bed ~ 11&half; Bath - $6000 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=100216286", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=347145504" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/73090880/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 14</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$5400</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span>    9999 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=347145504" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #3 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #3 Boston 02120 - 4 Bed ~ 1 Bath - $5400 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=347145504", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=320786921" ><img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/54W63dd0ccd7b4f5.jpg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 14</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$5400</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span> <div><a href="https://app.streetpads.com/rentals/details.php?id=320786921" style="font-size:12.5px;font-family:Helvetica;"> Hillside St. #3 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Hillside St. #3 Boston 02120 - 4 Bed ~ 1 Bath - $5400 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=320786921", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;">  </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=356581287" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/73208214/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 25</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Jun 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$4200</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span>    1200 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=356581287" style="font-size:12.5px;font-family:Helvetica;"> Calumet St. #2A Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Calumet St. #2A Boston 02120 - 4 Bed ~ 1 Bath - $4200 - Available: 06/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=356581287", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=347089537" ><img src="https://dvvjkgh94f2v6.cloudfront.net/6a24dcf8/73187679/83dcefb7.jpeg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 9</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6000</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>11&half; Bath</span>    9999 sq. ft. <div><a href="https://app.streetpads.com/rentals/details.php?id=347089537" style="font-size:12.5px;font-family:Helvetica;"> Tremont St. #4 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Tremont St. #4 Boston 02120 - 4 Bed ~ 11&half; Bath - $6000 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=347089537", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> <div style="border-bottom:0px solid #d8d8d8;padding:5px;"> <span></span><span></span><span></span><span></span><div><div class="property-item"> <div class="property-content"><div class="swiper-containerss" style="background:transparent;margin-top:0px;height:60%;max-height:300px;"> <div class="show" style="position:absolute;z-index:2;width:200px;margin-left:10px;margin-top:6px;color:white;font-size:15px;"> <span class="label" style="padding:0px 3px 0px 3px;width:auto;margin-top:10px;font-size:11px;text-transform:uppercase;color:#ffffff;background:rgba(51, 153, 255, 0.9);width:auto;padding:2px;z-index:4;"><span style="margin-left:3px;margin-right:3px;"><b>Video Tour</b></span></span>   </div>  <div class="swiper-wrapperss"> <div><a href="https://app.streetpads.com/rentals/details.php?id=313062078" ><img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/54W6539236101b9f.jpg" alt="Photos of apartment on Sunset St.,Boston MA 02120" class="property-img property-img-link" style="z-index:1;width:100%;height:300px;max-height:300px;" /></a></div><div class="show" style="right:10px;position:absolute;margin-top:-60px;margin-right:20px;z-index:5;" ><span class="label rnd10"><i class="fa fa-camera"></i> 9</span></div></div><div class="swiper-button-prev swiper-button-white" style="display:none;"></div><div class="swiper-button-next swiper-button-white" style="display:none;"></div></div> <div style="margin-left:10px;margin-top:-30px;;z-index:5;font-size:13px;"><span class="label rnd10">Available: <b>Sep 01, 2024</b></span></div> <div style="text-align:left;margin:0px 10px 10px 10px;"> <br /> <div style="1px 1px 1px black;font-size:18px;font-weight:100;text-align:left;z-index:20;padding-right:3px;color:#444444;"><b>$6000</b> <small style="opacity:0.5;font-size:12px;">/month</small> <button class="right share-button-similar" style="margin-right:5px;background:transparent;"><i class="fa fa-share" aria-hidden="true"></i></button> </div> <div style="font-size:14px;">  <span>4 Bed </span> <span class="item-divider">    </span> <span>1 Bath</span> <div><a href="https://app.streetpads.com/rentals/details.php?id=313062078" style="font-size:12.5px;font-family:Helvetica;"> Tremont St. #4 Boston 02120</a></div> </div>  <div style="height:5px;"></div> </div> </div></div> <script> $(".share-button-similar").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Tremont St. #4 Boston 02120 - 4 Bed ~ 1 Bath - $6000 - Available: 09/01/2024 ", url: "https://app.streetpads.com//rentals/details.php?id=313062078", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </div> </div> </div>  <div class="modal fade" id="yelpReview" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"><div class="te"></div></div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div>  </div>  </div>   <div class="modal fade" id="ModalMobile187598332" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i></button> <h4 class="modal-title text-primary" id="amenity-title"><i class="fa fa-spinner fa-spin fa-2x"></i> Loading...</h4> </div> <div class="modal-body" id="amenity-info"></div> </div>  </div>  </div>   <div class="modal fade" id="ModalMobile2187598332" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i></button> <h4 class="modal-title text-primary"><i class="fa fa-spinner fa-spin fa-2x"></i> Loading...</h4> </div> <div class="modal-body"></div> <a href="#ModalMobile187598332" data-toggle="modal" data-dismiss="modal" data-target="ModalMobile187598332" rel="external">< Previous</a> </div>  </div>  </div>  <style> #mySwipe div b { display:block; font-weight:bold; color:#14ADE5; font-size:20px; text-align:center; margin:0px; padding:100px 10px; box-shadow: 0 1px #EBEBEB; background: #fff; border-radius: 0px; border: 0px solid; border-color: #E5E5E5 #D3D3D3 #B9C1C6; } .swipe { overflow: hidden; visibility: hidden; position: relative; } .swipe-wrap { overflow: hidden; position: relative; } .swipe-wrap > div { float:left; width:100%; position: relative; } </style> </div> <style> .footer { position: fixed; height: 60px; bottom: 10px; width: 100%; background-color:transparent; border-top:0px solid #cdcdcd; /*margin-left:-15px;*/ border-top:0px solid #cdcdcd; } </style> <script> function myFunction() { var x = document.getElementById("contactDIV"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script>  <footer class="footer" style="z-index:2000;height:60px;display:none;"> <div style="background:#282d33;height:60px;clear:both;">  <a class='btn btn-default' href='sms:/6179356308/&body=Interested in viewing this listing https://app.streetpads.com/3D.php?id=187598332' style='border-left:0px;border-top:0px;border-bottom:0px;border-right:1px solid #282d33;background:#282d33;color:#ffffff;margin-right:0px;width:32%;height:60px;' ><i class="fa fa-comment"></i><br /> Message</a> <a href="mailto:info@streetpads.com?subject=Boston Apartment(#187598332)&body=I am interested in viewing this property https://app.streetpads.com/3D.php?id=187598332" class='btn btn-default' style='border:1px solid transparent;background:#282d33;color:#ffffff;margin-right:0px;width:32%;height:60px;'><i class="fa fa-envelope"></i><br /> Inquire</a> <a class='btn btn-default' href="tel:6179356308" style='border-right:0px;border-top:0px;border-bottom:0px;border-left:1px solid #282d33;background:#282d33;color:#ffffff;margin-right:0px;width:32%;height:60px;'><i class="fa fa-phone fa-rotate-90" style="color:#fffff;"></i><br /> Call</a> </div> </footer> <div id='myModal2187598332' class='modal fade' style='z-index:10000000000000000;'> <div class="modal-dialog" style="width:100%;height:100%;margin:0px auto;"> <div class='modal-content'> </div>  </div> </div>  <div class="modal fade" id="myModalShare" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="width:100%;height:100%;margin-left:0px;"> <div class="modal-content" style="width:100%;height:100%;"> <div class="modal-header" style="background:#dfdfdf;"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="mbri-close"></span></button> <h4 class="modal-title"><div class="results-thumb" style="display:inline;"><img src="" width="100" border="0" class="img_bor fleft" style="margin-top:0px;" style="float:left;" /><div style="margin-left:110px;margin-top:-70px;font-size:12px;"> <div><b>Sunset St., Boston</b> </div><div><b>4</b> <small style='margin-top:-0.3px;font-size:12.5px;'>Bed</small> <i class="fa fa-bed"></i> / 1 <i class="fa fa-bath"></i> </div><div>$5600/mth</div><div> <i class="fa fa-calendar"></i> 09/01/2024</div></div> </div> </h4> </div> <div class="modal-body"><div class="te">  <br /><br /> <script> //<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=#url">Share</a> if (isMobile.iOS()) { document.write('<div class="well"><div>Streetpads, LLC</div><div>1309 Beacon St. Suite 343</div><div>Brookline, MA 02446</div><div>Office: 617-935-6308</div><div></div></div><div style="bottom:0px;position:absolute;width:100%;" class="hidden-lg"><div style="clear:both;"></div><br><br><a href="sms://&body=I am interested in viewing this property src="https://app.streetpads.com/details.php?id=187598332" class="btn btn-default btn-lg" style="width:90%;color:#0f9d58;border-color:#0f9d58;"><i class="fa fa-comment pull-left"></i><span class="pull-right"> Text Message</span></a><br><br><a href="mailto:?subject=Boston Apartment(#187598332)&body=I am interested in viewing this property https://app.streetpads.com/details.php?id=187598332" class="btn btn-default btn-lg" style="width:90%;color:#0f9d58;border-color:#0f9d58;"><i class="fa fa-envelope pull-left"></i><span class="pull-right"> Email Message</span></a><br><br><a href="tel:6178213686" class="btn btn-default btn-lg" style="width:90%;color:#0f9d58;border-color:#0f9d58;"><i class="fa fa-phone pull-left"></i><span class="pull-right"> Phone Call</span></a></div>'); } else if(isMobile.Android()) { document.write('<div class="well"><div>Streetpads, LLC</div><div>1309 Beacon St. Suite 343</div><div>Brookline, MA 02446</div><div>Office: 617-935-6308</div></div><div style="bottom:0px;position:absolute;width:100%;" class="hidden-lg"><div style="clear:both;"></div><br><br><a href="sms:?body=src="https://app.streetpads.com/details.php?id=187598332" class="btn btn-default btn-lg" style="width:90%;color:#0f9d58;border-color:#0f9d58;"><i class="fa fa-comment" class="pull-left"></i><span class="pull-right">Text Message</span></a><br><br><a href="mailto:?subject=Boston Apartment(#187598332)&body=I am interested in viewing this property https://app.streetpads.com/details.php?id=187598332" class="btn btn-default btn-lg" style="width:90%;color:#0f9d58;border-color:#0f9d58;"><i class="fa fa-envelope pull-left"></i> <span class="pull-right">Email Message</span></a><br></div>'); } else { document.write(''); } </script> <div id="note_inquiryBroker" style="margin-right:5px;font-size:9px;color:#ff0000;" class="hidden-xs hidden-sm hidden-md visible-lg"></div> <div id="field_inquiryBroker" class="hidden-xs hidden-sm hidden-md visible-lg"> <form name="inquiryBroker" id="inquiryBroker" action='javascript:alert("Inquiry already submitted! Thanks!");'> <input type="hidden" name="subject_inquiryBroker" id="subject_inquiryBroker" value="Lead for (Nº187598332) - Sunset St. - <b>4</b> <small style='margin-top:-0.3px;font-size:12.5px;'>Bed</small> Bed/1 Bath $5600" /> <input type="hidden" name="id" id="id" value="187598332" /> <input type="hidden" name="address" id="address" value="Sunset St., Boston" /> <input type="hidden" name="price_inquiry" id="price_inquiry" value="5600" /> <input type="hidden" name="zip_inquiry" id="zip_inquiry" value="02120" /> <input type="hidden" name="city_inquiry" id="city_inquiry" value="Boston" /> <input type="hidden" name="image_inquiry" id="image_inquiry" value="" /> <input type="hidden" name="type_inquiry" id="type_inquiry" value="<b>4</b> <small style='margin-top:-0.3px;font-size:12.5px;'>Bed</small> Bed / Bath" /> <input type="hidden" name="link" id="link" value="" /> <div class="clear"> <div class=""> <div style="display:inline;"> <div style="float:left;width:47%;"> <div class="form-group"> <label><span class="label-title">FIRST NAME</span></label><input class="form-control form-control-lg" type="text" name="first_inquiry" id="first_inquiry" value="" /></div></div> <div style="float:right;width:47%;"> <div class="form-group"><label><span class="label-title">LAST NAME</span></label><input class="form-control form-control-lg" type="text" name="last_inquiry" id="last_inquiry" /></div></div></div><br /> <div style="height:4px;clear:both"></div> <div class="form-group"><label><span class="label-title">EMAIL ADDRESS</span></label><input class="form-control form-control-lg" type="text" name="email_inquiry" id="email_inquiry" /></div> <div style="height:4px;width:100%;"></div> <div class="form-group"><label><span class="label-title">PHONE NUMBER</span></label><input class="form-control form-control-lg" type="text" name="phone_inquiry" id="phone_inquiry" /></div> <div style="height:4px;"></div> <div class="form-group"><label ><span class="label-title">COMMENT</span></label><textarea class="form-control form-control-lg" style="height:50px;width:100%;" name="message_inquiry" id="message_inquiry" rows="10" cols="20" >I was searching on Streetpads and found this <b>4</b> <small style='margin-top:-0.3px;font-size:12.5px;'>Bed</small> Bed listing (Nº 187598332) on Sunset St., Boston . Please send me more information. Thank you.</textarea></div><br /> </div> </div> <div style="height:2px;"></div> <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> <button type="submit" id="submit_inquiry" name="submit_inquiryBroker" class="btn btn-info">Send Inquiry</button> <br /> <div class="loading_inquiryBroker"></div> </form> </div> </div></div>  </div>  </div>  </div>   <div class="modal fade" id="myModalContactBroker" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i></button> <h4 class="modal-title">Request more Info Via</h4> </div> <div class="modal-body"> <div style="width:100%;"> <div style="clear:both;"></div> <style> .left-div{ width:140px; float:left; height:100%; } .right-div{ margin-left:140px; } </style>  <div class="left-div"><img src="" width="100" border="0" class="img_bor fleft" style="margin-top:0px;" /> </div> <div class="right-div"> <div class="address font400">Sunset St., Boston</div> <div class="price">5600/MTH</div> <div class="address"><b>4</b> <small style='margin-top:-0.3px;font-size:12.5px;'>Bed</small>  /  1 </div> <div class="address">Available:09/01/2024</div> </div>  <br /><br /> <script> if (isMobile.iOS()) { document.write('<a href="sms:/6178213686/&body=Interested in viewing this listing https://app.streetpads.com/details.php?id=187598332" class="btn btn-default btn-lg" style="width:97%;color:#0f9d58;border-color:#0f9d58;"><i class="fa fa-comment pull-left"></i><span class="pull-right"> Text Message</span></a><br><br /><a href="mailto:info@streetpads.com?subject=Boston Apartment(#187598332)&body=I am interested in viewing this property src="https://app.streetpads.com/details.php?id=187598332" class="btn btn-default btn-lg" style="width:97%;color:#0f9d58;border-color:#0f9d58;"><i class="fa fa-envelope pull-left"></i><span class="pull-right"> Email Message</span></a><br><br /><a href="tel:6178213686" class="btn btn-default btn-lg" style="width:97%;color:#0f9d58;border-color:#0f9d58;"><i class="fa fa-phone pull-left"></i><span class="pull-right"> Phone Call</span></a>'); } else if(isMobile.Android()) { document.write('<a href="sms:6178213686?body=I am interested in viewing this property https://app.streetpads.com/details.php?id=187598332" class="btn btn-default btn-lg" style="width:97%;color:#0f9d58;border-color:#0f9d58;"><i class="fa fa-comment pull-left"></i><span class="pull-right"> Text Message</span></a><a href="mailto:info@streetpads.com?subject=Boston Apartment(#187598332)&body=I am interested in viewing this property https://app.streetpads.com/details.php?id=187598332" class="btn btn-default btn-lg" style="width:97%;color:#0f9d58;border-color:#0f9d58;"><i class="fa fa-envelope" pull-left"></i><span class="pull-right"> Email Message</span></a><br><br /><a href="tel:6178213686" class="btn btn-default btn-lg" style="width:97%;color:#0f9d58;border-color:#0f9d58;"><i class="fa fa-phone pull-left"></i><span class="pull-right"> Phone Call</span></a>'); } </script> <br /><br /> </div> </div> </div>  </div>  </div>  <style> .modal-dialog { position:absolute; top:50% !important; transform: translate(0, -50%) !important; -ms-transform: translate(0, -50%) !important; -webkit-transform: translate(0, -50%) !important; margin:auto 5%; width:90%; height:80%; } .modal-content { min-height:100%; position:absolute; top:0; bottom:0; left:0; right:0; } .modal-body { position:absolute; top:45px; bottom:45px; left:0; right:0; overflow-y:auto; } .modal-footer { position:absolute; bottom:0; left:0; right:0; } </style> <script> if (isMobile.iOS()) { var shareviaLayer = '<div style="width:200px;height:100px;"><div><a href="sms://&body=https://app.streetpads.com/details.php?id=187598332"><i class="fa fa-comment" class="pull-left"></i><span class="pull-right">Text Message</span></a></div><div><a href="mailto:?subject=Boston Apartment(#187598332)&body=I aminterested in viewing this property src="https://app.streetpads.com/details.php?id=187598332"><i class="fa fa-envelope pull-left"></i> <span class="pull-right">Email Message</a></span></div></div>'; $('#popShareLayer').popover({placement: 'top', title: 'title', content: shareviaLayer, html: true}); } else if(isMobile.Android()) { var shareviaLayer = '<div style="width:200px;height:100px;"><div><a href="sms:?body=src="https://app.streetpads.com/details.php?id=187598332"><i class="fa fa-comment" class="pull-left"></i><span class="pull-right">Text Message</span></a></div><div><a href="mailto:?subject=Boston Apartment(#187598332)&body=I aminterested in viewing this property src="https://app.streetpads.com/details.php?id=187598332"><i class="fa fa-envelope pull-left"></i> <span class="pull-right">Email Message</a></span></div></div>'; $('#popShareLayer').popover({placement: 'top', title: 'title', content: shareviaLayer, html: true}); } </script>  </div> </div>  <meta name="format-detection" content="telephone=no"> <style> .disclaimer{ color: #72777f; font-size:10px; font-family: Oswald, Arial, Helvetica, sans-serif; padding:2px; } #footer { padding:70px 0px 50px 0px; background-color:#282d33; color:#72777f; font-family:Oswald; } #footer .col-lg-3.col-md-3 { margin-bottom:30px; } .text-justify{text-align:justify;} .fheo{color:#202429;font-family:Oswald;} .footer-text-color{font-family:Oswald;color:#72777f;} .footer-text-address{font-family:Oswald;color:#72777f;font-size:18px;} .footerLogo img { margin-right:15px; } footer h4 { color:white; margin-bottom:20px; } footer span { font-family:Proxima Nova Semi-bold; font-size:11px; } .contactList li { margin-bottom:17px; } footer .icon { padding-top:3px; } footer input { border:1px solid #4f4d6e; width:61%; float:left; margin-right:8px; } footer .buttonColor { margin-top:-1px; width:80px; border-color:#4f4d6e; padding:10px 15px 10px 15px !important; } ul li { list-style:none; } .header-bar-links a { font-family:Oswald; color:#72777f; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .header-bar-links a:hover { opacity:0.6; color:#777777; text-decoration:none;} .rover-branding{display:none;} .facebook.twitter.youtube a { color:#777777; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .facebook a:hover { color:#3b5998; opacity:0.9; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .twitter a:hover { color:#00aced; opacity:0.9; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .youtube a:hover { color:#b31217; opacity:0.9; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .social-header {color:#72777f;} .footer-address{color:#72777f;font-size:12px;} .oswald{font-size:12px;font-family:Oswald;text-spacing:1px;} .footer-copyright{font-family:Oswald;font-size:15px;text-spacing:1px;} </style> <div class="clearfix"></div> <footer id="footer"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-3 col-sm-6"> <a class="footerLogo" href="index.php"><img src="/app/assets/img/streetpads-logo-desktop-green.png" style="width:50%;margin-left:-10px;opacity:0.65;" /> <span></span></a> </div> <div class="col-lg-6 col-md-3 col-sm-6"> <br />  <div> 1309 Beacon St. Suite 343 (3rd Floor)<br />Brookline, MA 02446</div> <br> <div> Office    (617) 935-6308</div> <div> Direct    (617) 821-3686</div>  <div> email    info@streetpads.com</div> <br><br> <div>Licensed in the state on Massachusetts</div>       </div> <div class="col-lg-12 col-md-3 col-sm-12"> <br><br> <div class="disclaimer"><b>Disclaimer:</b></div> <p class="disclaimer text-justify"> The property listing data and information set forth herein were provided to MLS Property Information Network, Inc. from third party sources, including sellers, lessors and public records, and were compiled by MLS Property Information Network, Inc. The property listing data and information are for the personal, non-commercial use of consumers having a good faith interest in purchasing or leasing listed properties of the type displayed to them and may not be used for any purpose other than to identify prospective properties which such consumers may have a good faith interest in purchasing or leasing. MLS Property Information Network, Inc. and its subscribers disclaim any and all representations and warranties as to the accuracy of the property listing data and information set forth herein.</p> <p class="disclaimer text-justify"> Information deemed reliable but not guaranteed. All information should be independently verified. No guarantees or warranties are made as to the accuracy or timeliness of the information provided herein. Price and availability subject to change without any written or oral notice. Please inquire to check on pricing and availability. Thank you. Independently Broker Owned Website</p> <br /> <img src="https://app.streetpads.com/assets/images/fheo-footer-logo.png" width="20" height="15" style="vertical-align:middle;"> Equal housing opportunity <br /><br /><br /> <div class="footer-copyright">© 2023 <b>Streetpads. All rights reserved.</b></div><br /> </div> </div> </div> </footer>    <script type="text/javascript" src="/app/assets/js/jquery.colorbox.js"></script>  <script src="https://app.streetpads.com/app/assets/leaflet-1.6.0/leaflet.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#sidebarDetails").mCustomScrollbar({ theme: "minimal" }); $('#dismiss, .overlay').on('click', function () { $('#sidebarDetails').removeClass('active'); $('.overlay').fadeOut(); }); $('#sidebarCollapse').on('click', function () { $('#sidebarDetails').addClass('active'); $('.overlay').fadeIn(); $('.collapse.in').toggleClass('in'); $('a[aria-expanded=true]').attr('aria-expanded', 'false'); }); }); </script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="/assets/js/jquery.loadmask.js"></script> <script src="/assets/js/bootstrap-remote-tabs.js"></script>   <script src="https://app.streetpads.com/app/assets/js/swiper.min2.js"></script> <script> var swiper = new Swiper('.swiper-container', { loop: true, pagination: { el: '.swiper-pagination2', type: 'custom', renderCustom: function (swiper, current, total) { return current + ' of ' + (total); } }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); </script>   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="/app/assets/js/leaflet.label.js"></script>   <script src="/app/assets/js/L.Control.Locate.js"></script> <script src="/app/assets/leaflet-groupedlayercontrol/leaflet.groupedlayercontrol.js"></script>  <script src="/app/assets/js/jquery.tbs_dd.js" type="text/javascript"></script> <script type="text/javascript"> $(window).load(function() { $("#spinner").fadeOut("slow"); }) </script> <script type='text/javascript'>//<![CDATA[ $(window).load(function(){ $(".outside-link").click(function() { $(".nav li").removeClass("active"); $($(this).attr("data-toggle-tab")).parent("li").addClass("active"); }); });//]]> </script> <script> $.extend($.ui.autocomplete.prototype.options, { open: function(event, ui) { $(this).autocomplete("widget").css({ "width": ($(this).width() + "px") }); } }); </script> <script> $( function() { var availableTags = [ "Brookline", "Brookline:Beaconsfield", "Brookline:Brookline Village", "Brookline:Coolidge Corner", "Brookline:Washington Square", "Brookline:Longwood", "Cambridge", "Cambridge:Central Square", "Cambridge:Porter Square", "Cambridge:Inman Square", "Cambridge:Harvard Square", "Cambridge:Kendall Square", "Cambridge:Cambridgeport", "Cambridge:West Cambridge", "Boston", "Boston:Allston", "Boston:Brighton", "Boston:East Boston", "Boston:South Boston", "Boston;South End", "Boston:Back Bay", "Boston:Beacon Hill", "Boston:Fenway", "Boston:Jamaica Plain", "Boston:Roxbury", "Boston:Mission Hill", "Boston:North End", "Boston:West End", "Somerville", "Somerville:Ball Square", "Somerville:Davis Square", "Somerville:Inman Square", "Somerville:Powderhouse Square", "Somerville:Union Square", "Somerville:Teele Square", "Somerville:Spring Hill", "Somerville:Prospect Hill", "Somerville:Winter Hill", "Somerville:East Somerville", "Somerville:West Somerville", "Everett", "Watertown", "Waltham", "Medford", "Malden" ]; $( "#tags" ).autocomplete({ source: availableTags }); } ); </script> <script> $( function() { var availableTags2 = [ "Brookline", "Brookline:Beaconsfield", "Brookline:Brookline Village", "Brookline:Coolidge Corner", "Brookline:Washington Square", "Brookline:Longwood", "Cambridge", "Cambridge:Central Square", "Cambridge:Porter Square", "Cambridge:Inman Square", "Cambridge:Harvard Square", "Cambridge:Kendall Square", "Cambridge:Cambridgeport", "Cambridge:West Cambridge", "Boston", "Boston:Allston", "Boston:Brighton", "Boston:East Boston", "Boston:South Boston", "Boston;South End", "Boston:Back Bay", "Boston:Beacon Hill", "Boston:Fenway", "Boston:Jamaica Plain", "Boston:Roxbury", "Boston:Mission Hill", "Boston:North End", "Boston:West End", "Somerville", "Somerville:Ball Square", "Somerville:Davis Square", "Somerville:Inman Square", "Somerville:Powderhouse Square", "Somerville:Union Square", "Somerville:Teele Square", "Somerville:Spring Hill", "Somerville:Prospect Hill", "Somerville:Winter Hill", "Somerville:East Somerville", "Somerville:West Somerville", "Everett", "Watertown", "Waltham", "Medford", "Malden" ]; $( "#tags2" ).autocomplete({ source: availableTags2 }); } ); </script> <script type='text/javascript'> function toggler(divId) { $("#" + divId).toggle(); } </script> <script> $('#collapseThree').on('shown.bs.collapse', function (e) { map.invalidateSize(true); }); </script> <script type="text/javascript"> jQuery("#inquiryBroker").submit(function() { jQuery("#submit_inquiryBroker").hide(); //Added to show loading info jQuery("#loading_inquiryBroker").html('Submitting Form, please wait <i class="fa fa-refresh fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span>');//Added to show loading info var str = jQuery(this).serialize(); jQuery.ajax({ type: "POST", url: "https://app.streetpads.com/rentals/leads/inquiry.php", data: str, success: function(msg){ jQuery("#note_inquiryBroker").ajaxComplete(function(event, request, settings){ if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form { result = '<div class="alert alert-success" role="alert"><i class="fa fa-check fa-2x" style="color:#333333;"></i> <span style="font-size:15px;color:#333333;">Email Sent!</span></div>'; jQuery("#field_inquiryBroker").hide(); } else { result = msg; } jQuery("#loading_inquiryBroker").hide();//Added to show loading info jQuery("#submit_inquiryBroker").show();//Added to show loading info jQuery(this).html(result); }); } }); return false; }); </script> <script type="text/javascript"> $(window).load(function() { $("#spinner").fadeOut("slow"); }); </script> <script> function PinLISTING(pin){ var PinLISTING = L.icon({ iconUrl: "https://app.streetpads.com/app/assets/img/map/icon/"+ pin, iconSize: [24, 28], iconAnchor: [12, 28], popupAnchor: [0, -25] }); return PinLISTING; } function PinMBTA(pin){ var PinMBTA = L.icon({ iconUrl: "https://app.streetpads.com/app/assets/img/map/icon/"+ pin, iconSize: [22, 22], iconAnchor: [11, 22], popupAnchor: [0, -22] }); return PinMBTA; } function PinMBTAStops(PIN){ var PinMBTAStops = L.icon({ iconUrl: "https://app.streetpads.com/app/assets/img/map/icon/"+ PIN, iconSize: [10, 10], iconAnchor: [0, 2], popupAnchor: [0, -10] }); return PinMBTAStops; } function PinMBTABus(PIN){ var PinMBTABus = L.icon({ iconUrl: "https://app.streetpads.com/assets/map/icon/"+ PIN, iconSize: [15, 15], iconAnchor: [0, 2], popupAnchor: [0, -15] }); return PinMBTABus; } function PinCOLLEGES(pin){ var PinCOLLEGES = L.icon({ iconUrl: "https://app.streetpads.com/app/assets/img/map/icon/"+ pin, iconSize: [22, 22], iconAnchor: [11, 22], popupAnchor: [0, -22] }); return PinCOLLEGES; } function PinAmenities(pin){ var PinAmenities = L.icon({ iconUrl: "https://app.streetpads.com/app/assets/img/map/icon/"+ pin, iconSize: [22, 22], iconAnchor: [11, 22], popupAnchor: [0, -22] }); return PinAmenities; } var map = L.map('map').setView([42.331548, -71.108296], 14); L.tileLayer('https://{ s }.basemaps.cartocdn.com/light_all/{ z }/{ x }/{ y }.png', { //L.tileLayer('https://api.tiles.mapbox.com/v4/{ id }/{ z }/{ x }/{ y }.png?access_token=pk.eyJ1IjoiYm9zdG9uYXBhcnRtZW50cyIsImEiOiJjaWZ2djF0OHYyOWltdTNtMmhzZnVtZzhjIn0.Fr0KQv_seuMqW9bCdCUE1g', { attribution: '© ', minZoom: 11, maxZoom: 19, id: 'mapbox.light' }).addTo(map); var LeafIcon = L.Icon.extend({ options: { //shadowUrl: 'leaf-shadow.png', iconSize: [15, 15], //shadowSize: [50, 64], iconAnchor: [22, 94], //shadowAnchor: [4, 62], popupAnchor: [-5, -5] } }); var markerIcon = new LeafIcon({iconUrl: 'https://app.streetpads.com/app/assets/img/map/circle.png'}); var collegesIcon = new LeafIcon({iconUrl: 'https://app.streetpads.com/app/assets/img/map/icon/amenities-colleges.png'}); L.marker([42.331548, -71.108296], {icon: markerIcon}).addTo(map); ///RESTAURANTS var restaurantsLayer = L.geoJson(null); var restaurant = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: PinAmenities(feature.properties.pin), title: feature.properties.name, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var restaurantsPopUp = "<div class='amenityYelp'><img src='" + feature.properties.photoUrl + "' class='amenityImg' width='100' height='100' /></div><div style='width:400px;height:71px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;' class='amenity-name'>" + feature.properties.name + "<div class='lh15 font11' style='margin:-10px 0 0 -10px;'><span class='shade70'> " + feature.properties.address1 + "<br />" + feature.properties.address2 + " </span><br /><img src='" + feature.properties.ratingUrl + "' border='0' /><img src='https://app.streetpads.com/app/assets/images/yelp/miniMapLogo.png' border='0' style='margin-top:-3px;' /><br /><span class='shade70' >Based off " + feature.properties.reviewCount + " Yelp <a href='javascript:void(0)' onclick=\"$.colorbox({href:'" + feature.properties.url + "',iframe:true,fixed:true,innerWidth:1000,innerHeight:600,opacity:'0.3',title:'Yelp Review - " + feature.properties.name + " '});\"> reviews</a></span></div></div></div>"; layer.bindPopup(restaurantsPopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/local/amenities/yelp/?term=restaurants&city=Boston&zip=02120", function (data) { restaurant.addData(data); }); ///CAFE var cafeLayerMobile = L.geoJson(null); var cafe = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: PinAmenities(feature.properties.pin), title: feature.properties.name, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var cafePopUp = "<div class='amenityYelp'><img src='" + feature.properties.photoUrl + "' class='amenityImg' width='100' height='100' /></div><div style='width:400px;height:71px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;' class='amenity-name'>" + feature.properties.name + "<div class='lh15 font11' style='margin:-10px 0 0 -10px;'><span class='shade70'> " + feature.properties.address1 + "<br />" + feature.properties.address2 + " </span><br /><img src='" + feature.properties.ratingUrl + "' border='0' /><img src='https://app.streetpads.com/app/assets/images/yelp/miniMapLogo.png' border='0' style='margin-top:-3px;' /><br /><span class='shade70' >Based off " + feature.properties.reviewCount + " Yelp <a href='javascript:void(0)' onclick=\"$.colorbox({href:'" + feature.properties.url + "',iframe:true,fixed:true,innerWidth:1000,innerHeight:600,opacity:'0.3',title:'Yelp Review - " + feature.properties.name + " '});\"> reviews</a></span></div></div></div>"; layer.bindPopup(cafePopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/local/amenities/yelp/?term=cafe&city=Boston&zip=02120", function (data) { cafe.addData(data); }); ///GROCERY var groceryLayerMobile = L.geoJson(null); var grocery = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: PinAmenities(feature.properties.pin), title: feature.properties.name, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var groceryPopUp = "<div class='amenityYelp'><img src='" + feature.properties.photoUrl + "' class='amenityImg' width='100' height='100' /></div><div style='width:400px;height:71px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;' class='amenity-name'>" + feature.properties.name + "<div class='lh15 font11' style='margin:-10px 0 0 -10px;'><span class='shade70'> " + feature.properties.address1 + "<br />" + feature.properties.address2 + " </span><br /><img src='" + feature.properties.ratingUrl + "' border='0' /><img src='https://app.streetpads.com/app/assets/images/yelp/miniMapLogo.png' border='0' style='margin-top:-3px;' /><br /><span class='shade70' >Based off " + feature.properties.reviewCount + " Yelp <a href='javascript:void(0)' onclick=\"$.colorbox({href:'" + feature.properties.url + "',iframe:true,fixed:true,innerWidth:1000,innerHeight:600,opacity:'0.3',title:'Yelp Review - " + feature.properties.name + " '});\"> reviews</a></span></div></div></div>"; layer.bindPopup(groceryPopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/local/amenities/yelp/?term=grocery&city=Boston&zip=02120", function (data) { grocery.addData(data); }); ///CAFE var shoppingLayerMobile = L.geoJson(null); var shopping = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: PinAmenities(feature.properties.pin), title: feature.properties.name, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var shoppingPopUp = "<div class='amenityYelp'><img src='" + feature.properties.photoUrl + "' class='amenityImg' width='100' height='100' /></div><div style='width:400px;height:71px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;' class='amenity-name'>" + feature.properties.name + "<div class='lh15 font11' style='margin:-10px 0 0 -10px;'><span class='shade70'> " + feature.properties.address1 + "<br />" + feature.properties.address2 + " </span><br /><img src='" + feature.properties.ratingUrl + "' border='0' /><img src='https://app.streetpads.com/app/assets/images/yelp/miniMapLogo.png' border='0' style='margin-top:-3px;' /><br /><span class='shade70' >Based off " + feature.properties.reviewCount + " Yelp <a href='javascript:void(0)' onclick=\"$.colorbox({href:'" + feature.properties.url + "',iframe:true,fixed:true,innerWidth:1000,innerHeight:600,opacity:'0.3',title:'Yelp Review - " + feature.properties.name + " '});\"> reviews</a></span></div></div></div>"; layer.bindPopup(shoppingPopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/local/amenities/yelp/?term=shopping&city=Boston&zip=02120", function (data) { shopping.addData(data); }); ///NIGHTLIFE var nightlifeLayerMobile = L.geoJson(null); var nightlife = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: PinAmenities(feature.properties.pin), title: feature.properties.name, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var nightlifePopUp = "<div class='amenityYelp'><img src='" + feature.properties.photoUrl + "' class='amenityImg' width='100' height='100' /></div><div style='width:400px;height:71px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;' class='amenity-name'>" + feature.properties.name + "<div class='lh15 font11' style='margin:-10px 0 0 -10px;'><span class='shade70'> " + feature.properties.address1 + "<br />" + feature.properties.address2 + " </span><br /><img src='" + feature.properties.ratingUrl + "' border='0' /><img src='https://app.streetpads.com/app/assets/images/yelp/miniMapLogo.png' border='0' style='margin-top:-3px;' /><br /><span class='shade70' >Based off " + feature.properties.reviewCount + " Yelp <a href='javascript:void(0)' onclick=\"$.colorbox({href:'" + feature.properties.url + "',iframe:true,fixed:true,innerWidth:1000,innerHeight:600,opacity:'0.3',title:'Yelp Review - " + feature.properties.name + " '});\"> reviews</a></span></div></div></div>"; layer.bindPopup(nightlifePopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/local/amenities/yelp/?term=nightlife&city=Boston&zip=02120", function (data) { nightlife.addData(data); }); ///GYM var gymLayerMobile = L.geoJson(null); var gym = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: PinAmenities(feature.properties.pin), title: feature.properties.name, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var gymPopUp = "<div class='amenityYelp'><img src='" + feature.properties.photoUrl + "' class='amenityImg' width='100' height='100' /></div><div style='width:400px;height:71px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;' class='amenity-name'>" + feature.properties.name + "<div class='lh15 font11' style='margin:-10px 0 0 -10px;'><span class='shade70'> " + feature.properties.address1 + "<br />" + feature.properties.address2 + " </span><br /><img src='" + feature.properties.ratingUrl + "' border='0' /><img src='https://app.streetpads.com/app/assets/images/yelp/miniMapLogo.png' border='0' style='margin-top:-3px;' /><br /><span class='shade70' >Based off " + feature.properties.reviewCount + " Yelp <a href='javascript:void(0)' onclick=\"$.colorbox({href:'" + feature.properties.url + "',iframe:true,fixed:true,innerWidth:1000,innerHeight:600,opacity:'0.3',title:'Yelp Review - " + feature.properties.name + " '});\"> reviews</a></span></div></div></div>"; layer.bindPopup(gymPopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/local/amenities/yelp/?term=gym&city=Boston&zip=02120", function (data) { gym.addData(data); }); ///COLLEGES var collegesLayerMobile = L.geoJson(null); var colleges = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: collegesIcon, title: feature.properties.name, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var collegesPopUp = "<div class='amenityYelp' style='width:120px;height:100px;background:#669900;'><i class='fa fa-3x fa-graduation-cap' style='color:#ffffff;margin-left:20px;margin-top:15px;'></i></div><div style='width:400px;height:71px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;' class='amenity-name'><b>" + feature.properties.NAME + "</b> <div class='lh15 font11' style='margin:-10px 0 0 -10px;font-size:14px;'><span class='shade70'>" + feature.properties.ADDRESS + " <br> " + feature.properties.CITY + ", " + feature.properties.STATE + " " + feature.properties.ZIPCODE + " </span></div></div></div></div>"; layer.bindPopup(collegesPopUp); } } }); $.getJSON("https://app.streetpads.com/local/schools/mq-colleges-mobile.php?lat=42.331548&lon=-71.108296", function (data) { colleges.addData(data); }); function PinSchools(pin){ var PinSchools = L.icon({ iconUrl: "https://app.streetpads.com/app/assets/img/map/icon/"+ pin, iconSize: [22, 22], iconAnchor: [11, 22], popupAnchor: [0, -22] }); return PinSchools; } var elsLayer = L.geoJson(null); var els = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: collegesIcon, title: feature.properties.name, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var elsPopUp = "<div class='amenityYelp' style='width:120px;height:100px;background:#669900;'><i class='fa fa-3x fa-graduation-cap' style='color:#ffffff;margin-left:20px;margin-top:15px;'></i></div><div style='width:400px;height:71px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;' class='amenity-name'><b>" + feature.properties.NAME + "</b> <div class='lh15 font11' style='margin:-10px 0 0 -10px;font-size:14px;'><span class='shade70'>" + feature.properties.ADDRESS + " <br> " + feature.properties.CITY + ", " + feature.properties.STATE + " " + feature.properties.ZIPCODE + " </span></div></div></div></div>"; layer.bindPopup(elsPopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/local/schools/mq-schools-mobile.php?sic_code=821103 &lat=42.331548&lon=-71.108296", function (data) { els.addData(data); }); var middleLayer = L.geoJson(null); var middle = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, {icon: PinSchools(feature.properties.pin),riseOnHover: true}); }, onEachFeature: function (feature, layer) { if (feature.properties) { var middlePopUp = "<div class='amenityPopup' style='background:#" + feature.properties.classMIDDLE + ";'><span class='fa-stack fa-2x' style='margin-left:20px;'><i class='fa fa-circle-thin fa-stack-2x' style='color:#ffffff;'></i><strong class='fa-stack-1x' style='color:#ffffff;'>" + feature.properties.ratingMIDDLEPopup + "</strong></span><div style='margin-top:-15px;margin-left:20px;font-size:10px;color:#ffffff'>Out of 10</div></div><div style='width:400px;height:72px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-25px;word-wrap: break-word;width:195px;' class='amenity-name'>" + feature.properties.name + "<div class='lh15 font11' style='margin:-5px 0 0 -10px;'><span class='shade70'><strong>" + feature.properties.address + "</strong></span><br></div></div></div>"; layer.bindPopup(middlePopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/local/schools/schoolsMiddle.php?City=Boston", function (data) { middle.addData(data); }); var highLayer = L.geoJson(null); var high = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, {icon: PinSchools(feature.properties.pin),riseOnHover: true}); }, onEachFeature: function (feature, layer) { if (feature.properties) { var highPopUp = "<div class='amenityPopup' style='background:#" + feature.properties.classHIGH + ";'><span class='fa-stack fa-2x' style='margin-left:20px;'><i class='fa fa-circle-thin fa-stack-2x' style='color:#ffffff;'></i><strong class='fa-stack-1x' style='color:#ffffff;'>" + feature.properties.ratingHIGHPopup + "</strong></span><div style='margin-top:-15px;margin-left:20px;font-size:10px;color:#ffffff'>Out of 10</div></div><div style='width:400px;height:72px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-25px;word-wrap: break-word;width:195px;' class='amenity-name'>" + feature.properties.name + "<div class='lh15 font11' style='margin:-5px 0 0 -10px;'><span class='shade70'><strong>" + feature.properties.address + "</strong></span><br></div></div></div>"; layer.bindPopup(highPopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/local/schools/schoolsHigh.php?City=Boston", function (data) { high.addData(data); }); /////TRANSIT var transitLayerMobile= L.geoJson(null); var transit = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: PinMBTA(feature.properties.pin), title: feature.properties.name, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var titlec = "<span class='fa-stack fa-lg'><i class='fa fa-circle-thin fa-stack-2x'></i><i class='fa " + feature.properties.mbta_classICON + " fa-stack-1x'></i></span> " + feature.properties.mbta_stop + " "; var content = "<br /><br /><div class='well'><span class='pull-left'><i class='fa " + feature.properties.mbta_classICON + "'></i> " + feature.properties.mbta_route + "</span><br /> <span class='pull-left'><b>" + feature.properties.mbta_stop + "</b></span><br /><span class='pull-left'>*" + feature.properties.mbta_distance + "<small style='opacity:0.8;'><i>miles</i></small></span><br /><span class='pull-left' style='opacity:0.6;'>*<small><i>Distance <-> {listing_field_address2_value}</i></small></span></div><br /><div class='well well-danger'>alerts...</div><br /><div class='pull-left' style='width:100%;margin-top:10px;text-align:;'><a href='#ModalMobile2{listingid}' data-toggle='modal' data-transition='slide'data-target='ModalMobile2{listingid}' data-dismiss='modal' rel='external'><button class='btn btn-info' type='button' style='width:100%;'><span class='pull-left'><i class='fa fa-pencil'></i></span> <span class='pull-right'>View Route</span> </button></a></div>"; layer.on({ click: function (e) { $("#amenity-title").html(titlec); //$("#amenity-title").html(feature.properties.name); $("#amenity-info").html(content); $("#ModalMobile187598332").modal("show"); //highlight.clearLayers().addLayer(L.circleMarker([feature.geometry.coordinates[1], feature.geometry.coordinates[0]], highlightStyle)); } }); } } }); $.getJSON("https://app.streetpads.com/local/transportation/?lat=42.331548&lon=-71.108296", function (data) { transit.addData(data); }); ///SUBWAY ROUTES var subwayLines = L.geoJson(null, { style: function (feature) { if (feature.properties.LINE === "GREEN") { return { color: "#009933", weight: 2, opacity: 1 }; } if (feature.properties.LINE === "ORANGE") { return { color: "#ff6600", weight: 2, opacity: 1 }; } if (feature.properties.LINE === "BLUE") { return { color: "#336699", weight: 2, opacity: 1 }; } if (feature.properties.LINE === "RED") { return { color: "#ff0000", weight: 2, opacity: 1 }; } if (feature.properties.LINE === "SILVER") { return { color: "#999999", weight: 2, opacity: 1 }; } }, onEachFeature: function (feature, layer) { if (feature.properties) { } } }); $.getJSON("https://app.streetpads.com/app/data/mbta-subway-routes.geojson", function (data) { subwayLines.addData(data); }); ///SUBWAY STOPS var subwayStops = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: PinMBTAStops(feature.properties.PIN), title: feature.properties.STATION, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var mbtaStopsPopUp = "<div class='amenityPopup' style='background-color:" + feature.properties.COLOR + ";color:#ffffff;text-align:center;'><i class='fa fa-subway' style='font-size:50px;margin-top:10px;'></i></div><div style='width:400px;height:71px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;font-size:16px;' class='amenity-name'>" + feature.properties.STATION + "<div class='lh15 font11' style='margin:-10px 0 0 -10px;font-size:14px;'><span class='shade70'>" + feature.properties.ROUTE + " <br> " + feature.properties.LINE + " Line </span></div></div></div></div>"; layer.bindPopup(mbtaStopsPopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/app/data/mbta-subway-stops.geojson", function (data) { subwayStops.addData(data); }); //SILVER STOPS //var silverStopsLayer = L.geoJson(null); var silverStopsLayer = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, {icon: PinMBTA(feature.properties.PIN),riseOnHover: true}); }, onEachFeature: function (feature, layer) { if (feature.properties) { var mbtaSilverPopUp = "<div class='amenityPopup' style='background-color:" + feature.properties.COLOR + ";'><div style='z-index:3;margin-top:0px;'><i class='fa fas fa-subway fa-4x' style='color:#ffffff;'></i></div></div><div style='width:400px;height:72px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;word-wrap: break-word;width:195px;' class='amenity-name'>" + feature.properties.STATION + "<div class='lh15 font11' style='margin:0 0 0 -10px;'><span class='shade70'><strong>" + feature.properties.ROUTE + "</strong><br>" + feature.properties.LINE + "</span></div></div></div>"; layer.bindPopup(mbtaSilverPopUp); // layer.bindLabel= "" + feature.properties.STATION + ""; layer.bindTooltip("" + feature.properties.STATION + "", {permanent: true, className: "my-label", offset: [0, 0] }); } } }); $.getJSON("/app/data/MBTA/mbta-silver-stops.geojson", function (data) { silverStopsLayer.addData(data); }); //SILVER var silverLines = L.geoJson(null, { style: function (feature) { if (feature.properties.LINE === "GREEN") { return { color: "#009933", weight: 2, opacity: 1 }; } if (feature.properties.LINE === "ORANGE") { return { color: "#ff6600", weight: 2, opacity: 1 }; } if (feature.properties.LINE === "BLUE") { return { color: "#336699", weight: 2, opacity: 1 }; } if (feature.properties.LINE === "RED") { return { color: "#ff0000", weight: 2, opacity: 1 }; } if (feature.properties.LINE === "SILVER") { return { color: "#999999", weight: 2, opacity: 1 }; } }, onEachFeature: function (feature, layer) { if (feature.properties) { var content = "<table class='table table-striped table-bordered table-condensed'>" + "<tr><th>Division</th><td>" + feature.properties.LINE + "</td></tr>" + "<tr><th>Line</th><td>" + feature.properties.LINE + "</td></tr>" + "<table>"; var labelPopUp = "" + feature.properties.LINE+ " Line"; //layer.bindLabel(labelPopUp); layer.on({ click: function (e) { $("#transit-title").html(feature.properties.LINE); $("#transit-info").load('/local/mbta/ver3/mbtaRoute.php?id='+feature.properties.LINE+''); //$("#transit-info").html(content); //$("#transitModal").modal("show"); } }); } } }); $.getJSON("https://app.streetpads.com/app/data/MBTA/mbta-silver-routes.geojson", function (data) { silverLines.addData(data); }); //COMMUTERRAIL var commuterrail = L.geoJson(null, { style: function (feature) { if (feature.properties.LINE === "PURPLE") { return { color: "#990099", weight: 2, opacity: 1 }; } }, onEachFeature: function (feature, layer) { if (feature.properties) { var content = "<table class='table table-striped table-bordered table-condensed'>" + "<tr><th>Division</th><td>" + feature.properties.NAME + "</td></tr>" + "<tr><th>Line</th><td>" + feature.properties.NAME + "</td></tr>" + "<table>"; var labelPopUp = "" + feature.properties.NAME+ " "; //layer.bindLabel(labelPopUp); layer.on({ click: function (e) { $("#transit-title").html(feature.properties.NAME); $("#transit-info").load('/local/mbta/ver3/mbtaRoute.php?id='+feature.properties.ROUTE+''); //$("#transit-info").html(content); //$("#transitModal").modal("show"); } }); } } }); $.getJSON("https://app.streetpads.com/app/data/mbta-commuter-rail-routes.geojson", function (data) { commuterrail.addData(data); }); //////COMMUTER STOPS var mbtaCommuterIcon = L.icon({ iconUrl: 'https://app.streetpads.com/app/assets/images/mbta_t_icon.png', iconSize: [10,10], iconAnchor: [5, 5], popupAnchor: [0, -10] }); var commuterStops = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, {icon: mbtaCommuterIcon,riseOnHover: true,title:feature.properties.name}); // return L.marker(latlng, {icon: mbtaCommuterIcon, // icon: L.divIcon({ // html: '<i class="fa fa-circle dot"></i>', // iconSize: [20, 20], // className: 'myDivIcon', // riseOnHover: true, // title:feature.properties.name // }) ///PART OF DIVICON // }); ///PART OF DIVICON }, onEachFeature: function (feature, layer) { var title = "<div style='background:#ff9900;'>"+feature.properties.name+"</div>"; if (feature.properties) { layer.bindTooltip("" + feature.properties.name + "", {permanent: true, className: "my-label", offset: [0, 0] }); // var labelCPopUp = "<div id='transit-test'>" + feature.properties.name+ "</div>"; // layer.bindLabel(labelCPopUp); layer.on({ click: function (e) { //e.target.setIcon(new IconRed); //$("#feature-info").html(content); $("#transit-info").load('https://app.streetpads.com/local/mbta/ver3/stopInfo.php?id='+feature.properties.id+''); $("#transit-title").html(""+feature.properties.name+"<br />"+feature.properties.address+""); $("#transitModal").modal("show"); } }) ; //var labelPopUp = "" + feature.properties.name + ""; //commuterStops.bindLabel(labelPopUp); } } }); $.getJSON("/app/data/mbta-commuter-rail-stops.geojson", function (data) { commuterStops.addData(data); }); ///BUS STOPS var busLayerMobile = L.geoJson(null); var busStops = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: PinMBTABus(feature.properties.MBTA_PIN), title: feature.properties.PARENT_STATION, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var mbtaStopsPopUp = "<div class='amenityPopup' style='background-color:#" + feature.properties.MBTA_COLOR + ";color: #" + feature.properties.MBTA_TEXT_COLOR + ";text-align:center;'><i class='fa " + feature.properties.MBTA_ICON + "' style='font-size:50px;margin-top:10px;'></i></div><div style='width:400px;height:71px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;font-size:16px;' class='amenity-name'>" + feature.properties.STOP_NAME + "<br /><span><i class='fa " + feature.properties.MBTA_ICON + "'></i> </span><span class='badge' style='background-color:#" + feature.properties.MBTA_COLOR + ";color: #" + feature.properties.MBTA_TEXT_COLOR + ";'>" + feature.properties.STOP_ID + "</span> <br /><i>mbta.com</i></div></div></div></div>"; layer.bindPopup(mbtaStopsPopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/local/mbta/ver3/mbtaBus.php?lat=42.331548&lon=-71.108296", function (data) { busStops.addData(data); }); ///NEIGHBORHOOD var neighborhoodsLayer = L.geoJson(null); var neighborhoods = L.geoJson(null, { style: function (feature) { return { color: "#007aff", weight: 2, dashArray: '1', fillOpacity: 0.0, fill: false, opacity: 1, clickable: true }; }, //filter: function (feature, layer){if (feature.properties){return feature.properties.NeighborhoodName =="Mission Hill"}return true;}, onEachFeature: function (feature, layer) { var defaultStyle = { color: "#007aff", weight: 1, dashArray: '1', fillOpacity: 0.0 }; //var labelPopUp = "" + feature.properties.NeighborhoodName+ ""; //layer.bindLabel(labelPopUp); ///ZOOM layer.on({ click: zoomToFeature }); function zoomToFeature(e) { map.fitBounds(e.target.getBounds()); } ///ZOOM END } }); $.getJSON("https://app.streetpads.com/app/data/Boundries-MissionHill.geojson", function (data) { neighborhoods.addData(data).addTo(map); }); ///SCHOOL DISTRICTS var schooldistricts = L.geoJson(null, { style: function (feature, layer) { return { color: "" + feature.properties.color+ "", weight: 2, dashArray: '3', fillOpacity: 0.3, fill: true, opacity: 1, clickable: true }; }, onEachFeature: function (feature, layer) { var defaultStyle = { color: "#007aff", weight: 1, dashArray: '1', fillOpacity: 0.8, fill: "" + feature.properties.color+ "", fillColor: "" + feature.properties.color+ "" }; //var labelPopUp = "" + feature.properties.Name+ ""; //layer.bindLabel(labelPopUp,{ permanent: true }).addTo(map); layer.bindLabel(''+ feature.properties.Name+'', { noHide: "true", direction:"center" }); ///ZOOM layer.on({ click: zoomToFeature }); function zoomToFeature(e) { map.fitBounds(e.target.getBounds()); } ///ZOOM END } }); $.getJSON("/app/data/schools/Boston-School-Districts.geojson", function (data) { schooldistricts.addData(data); }); ///SIMILAR var listingsLayer = L.geoJson(null); var listings = L.geoJson(null, { pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon: markerIcon, title: feature.properties.name, riseOnHover: true }); }, onEachFeature: function (feature, layer) { if (feature.properties) { var listingsPopUp = "<div class='amenityYelp'><img src='"+feature.properties.IMG+"' class='amenityImg' style='width:120px;height:102px;' /></div><div style='width:400px;height:71px;'><div style='float:left;width:80px;height:80px;margin-top:0px;z-index:2;'></div><div style='margin-left:10px;float:left;margin-top:-30px;font-size:16px;' class='amenity-name'>" + feature.properties.ADDRESS1 + ", " + feature.properties.CITY + " <div class='lh15 font11' style='margin:-10px 0 0 -10px;font-size:14px;'><span class='shade70'>$" + feature.properties.PRICE + "/mth <br><i class='fa fa-bed'></i> " + feature.properties.BEDS + " / <i class='fa fa-bath'></i> " + feature.properties.BATHS + "<br>Available: " + feature.properties.AVAILABLE + " </span><br /><span class='shade70' ></span></div></div></div></div>"; layer.bindPopup(listingsPopUp); layer.on({ mouseclick: function (e) { layer.openPopup(); } }); layer.on({ mouseclick: function (e) { layer.closePopup(); } }); } } }); $.getJSON("https://app.streetpads.com/rentals/similar.php?beds=<b>4</b> <small style='margin-top:-0.3px;font-size:12.5px;'>Bed</small>&city_neighborhood=Boston", function (data) { listings.addData(data); }); showListings = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.addLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); } showRestaurant = function() { map.addLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); map.removeLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); } showCafe = function() { map.removeLayer(restaurant); map.addLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); map.removeLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); } showGrocery = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.addLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); map.removeLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); } showShopping = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.addLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); map.removeLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); } showNightlife = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.addLayer(nightlife); map.removeLayer(gym); map.removeLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); } showGym = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.addLayer(gym); map.removeLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); } showTransitMobile = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); map.removeLayer(listings); map.addLayer(subwayLines); map.addLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); } showsilverLayer = function() { map.addLayer(silverLines); map.addLayer(silverStopsLayer); map.removeLayer(commuterrail); map.removeLayer(commuterStops); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); }; showcommuterLayer = function() { map.addLayer(commuterrail); map.addLayer(commuterStops); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(silverLines); map.removeLayer(silverStopsLayer); }; showcollegesLayer = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); map.removeLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.addLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); } showHIGHMobile = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); map.removeLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(colleges); map.addLayer(high); map.removeLayer(middle); map.removeLayer(els); } showMIDDLEMobile = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); map.removeLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(colleges); map.removeLayer(high); map.addLayer(middle); map.removeLayer(els); } showELSMobile = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); map.removeLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(busStops); map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.addLayer(els); } showBusStops = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); map.removeLayer(listings); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.addLayer(busStops); map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); map.removeLayer(silverLines); map.removeLayer(silverStopsLayer); map.removeLayer(commuterrail); map.removeLayer(commuterStops); } trashLayers = function() { map.removeLayer(listings); ////AMENITIES map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); ////SCHOOLS map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); ////TRANSPORTATION map.removeLayer(busStops); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(silverLines); map.removeLayer(silverStopsLayer); map.removeLayer(commuterrail); map.removeLayer(commuterStops); } trashSimilar = function() { map.removeLayer(listings); } trashTransportation = function() { map.removeLayer(busStops); map.removeLayer(subwayLines); map.removeLayer(subwayStops); map.removeLayer(silverLines); map.removeLayer(silverStopsLayer); map.removeLayer(commuterrail); map.removeLayer(commuterStops); } trashAmenities = function() { map.removeLayer(restaurant); map.removeLayer(cafe); map.removeLayer(grocery); map.removeLayer(shopping); map.removeLayer(nightlife); map.removeLayer(gym); } trashSchools = function() { map.removeLayer(colleges); map.removeLayer(high); map.removeLayer(middle); map.removeLayer(els); } toggleSubwayLines = function() { map.hasLayer(subwayLines) ? map.removeLayer(subwayLines) : map.addLayer(subwayLines); }; toggleSubwayStops = function() { map.hasLayer(subwayStops) ? map.removeLayer(subwayStops) : map.addLayer(subwayStops); }; toggleBusStops = function() { map.hasLayer(busLayerMobile) ? map.removeLayer(busLayerMobile) : map.addLayer(busLayerMobile); }; toggleSchoolDistricts = function() { map.hasLayer(schooldistricts) ? map.removeLayer(schooldistricts) : map.addLayer(schooldistricts); }; //var zoomControl = L.control.zoom({ // position: "topright" //}).addTo(map); ///////LISTINGS var layerListingsMobile= L.control({ position : 'topright' }); layerListingsMobile.onAdd = function(map) { this._div = L.DomUtil.create('div', 'myControl'); var layerListingsMobileHtml = "<div class='myClass><a href='javascript:void(0)' onclick='showListings();myFunction();' class='clicker' data-toggle='modal' data-target='#filterSearchSimilar'><div style='width:42px;height:40px;background:#ffffff;border:0.6px solid rgba(00,7a,ff,0.6);text-align:center;'><i class='fa fa-building fa-2x' style='color: rgba(102,153,0,0.9);margin-top:10px;'></i></div></a></div>"; this._div.innerHTML = layerListingsMobileHtml; return this._div; } layerListingsMobile.addTo(map); ///////AMENITIES var layerAmenitiesMobile= L.control({ position : 'topright' }); layerAmenitiesMobile.onAdd = function(map) { this._div = L.DomUtil.create('div', 'myControl'); var layerAmenitiesMobileHtml = "<div style='box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);'><a href='javascript:void(0);' data-toggle='modal' data-target='#filterSearchAmenities' onclick='myFunction();'><div style='width:42px;height:40px;background:#ffffff;border:0.6px solid rgba(00,7a,ff,0.6);text-align:center;'><i class='fas fa-utensils fa-2x' style='color: rgba(102,153,0,0.9);margin-top:10px;'></i></div></a></div>"; this._div.innerHTML = layerAmenitiesMobileHtml; return this._div; } layerAmenitiesMobile.addTo(map); ////////TRANSIT var layerTransitMobile= L.control({ position : 'topright' }); layerTransitMobile.onAdd = function(map) { this._div = L.DomUtil.create('div', 'myControl'); var layerTransitMobileHtml = "<div style='box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);'><a href='javascript:void(0)' data-toggle='modal' data-target='#filterSearchTransportation' onclick='myFunction();'><div style='width:42px;height:40px;background:#ffffff;border:0.6px solid rgba(00,7a,ff,0.6);text-align:center;'><i class='fa fa-subway fa-2x' style='color: rgba(102,153,0,0.9);margin-top:10px;'></i></div></a></div>"; this._div.innerHTML = layerTransitMobileHtml; return this._div; } layerTransitMobile.addTo(map); ////////SCHOOLS var layerSchoolsMobile= L.control({ position : 'topright' }); layerSchoolsMobile.onAdd = function(map) { this._div = L.DomUtil.create('div', 'myControl'); var layerSchoolsMobileHtml = "<div style='box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);'><a href='javascript:void(0)' data-toggle='modal' data-target='#filterSearchSchools' onclick='myFunction();'><div style='width:42px;height:40px;background:#ffffff;border:0.6px solid rgba(00,7a,ff,0.6);text-align:center;'><i class='fa fa-graduation-cap fa-2x' style='color: rgba(102,153,0,0.9);text-align:center;margin-top:10px;'></i></div></a></div>"; this._div.innerHTML = layerSchoolsMobileHtml; return this._div; } layerSchoolsMobile.addTo(map); ////////TRASH var layerTrash= L.control({ position : 'topright' }); layerTrash.onAdd = function(map) { this._div = L.DomUtil.create('div', 'myControl'); var layerTrashHtml = "<div style='box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);'><a href='javascript:void(0)' onclick='Clear();trashLayers();uncheckAll(document.layerForm.Cbox);' class='clicker'><div style='width:42px;height:40px;background:#ffffff;border:0.6px solid rgba(00,7a,ff,0.6);text-align:center;'><i class='fa fa-trash-o fa-2x' style='color: rgba(102,153,0,0.9);margin-top:10px;'></i></div></a></div>"; this._div.innerHTML = layerTrashHtml; return this._div; } layerTrash.addTo(map); // map.addControl(new L.Control.Layers({'layer':restaurantMobile})); </script>  <div id="filterSearchSchools" class="modal fade" role="dialog"> <div class="modal-dialog" style="height:50%;bottom:0;position:fixed;left:auto;right:auto;top:auto;">  <div class="modal-content" > <div class="modal-header" style="background:#dfdfdf;color:#444444;border-bottom:0px;"> <a href="javascript:void(0);" class="pull-right" data-dismiss="modal" aria-hidden="true" onclick="myFunction();">Close <span class="mbri-close"></span></a> <h4 class="modal-title"> <i class="fa fa-graduation-cap"></i> Schools</h4> </div> <div class="modal-body" style="padding:4px;"> <form name="layerFormSchools" role="form"> <div class="btn-group" data-toggle="buttons" style="padding-top:5px;padding-bottom:5px;"> <label id="els_a" class="btn btn-els"> <input type="radio" name="schoolsGROUP" value="ELSMobile" onclick='showELSMobile();' id="ELSMobile"> <span class="fa-stack fa-2x" onclick='showELSMobile();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-graduation-cap fa-stack-1x fa-inverse"></i> </span><br /> Elementary </label> <label id="middle_a" class="btn btn-middle"> <input type="radio" name="schoolsGROUP" id="MIDDLEMobile" onclick='showrestaurantLayer();' value="MIDDLEMobile"> <span class="fa-stack fa-2x" onclick='showMIDDLEMobile();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-graduation-cap fa-stack-1x fa-inverse"></i> </span><br /> Middle </label> <label id="high_a" class="btn btn-high"> <input type="radio" name="schoolsGROUP" value="HIGHMobile" onclick='showHIGHMobile();' id="HIGHMobile"> <span class="fa-stack fa-2x" onclick='showHIGHMobile();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-graduation-cap fa-stack-1x fa-inverse"></i> </span><br /> High </label> <label id="colleges_a" class="btn btn-colleges"> <input type="radio" name="schoolsGROUP" value="colleges onclick='showcollegesLayer();' id="collegeMobile"> <span class="fa-stack fa-2x" onclick='showcollegesLayer();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-graduation-cap fa-stack-1x fa-inverse"></i> </span><br /> Colleges </label> </div>  </form> <div style="margin-left:10px;"> <span></span></div>   </div>  <div style="z-index:100;width:100%;height:50px;font-family:oswald;position:fixed;display:inline;bottom:0px;text-align:center;background:transparent;"> <div style="margin-top:10px;"> <span class="pull-right" style="margin-right:5px;"> <a class="btn btn-default" onclick="Clear();trashSchools();removeSchools();uncheckAll(document.layerFormSchools.schools);" style="color:#5cb85c;border:0px;text-align:center;background:transparent;"> <i class="fa fa-trash-o"></i> School Layer</a> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchSchools"><i class="fa fa-graduation-cap" style="font-size:19px;color:#669900;"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchTransportation"><i class="fa fa-subway" style="font-size:19px;color:#b1b1b1;"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchAmenities"><i class="fas fa-utensils" style="font-size:19px;color:#b1b1b1;"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" onclick="showListings();" data-toggle="modal" data-target="#filterSearchSimilar"><i class="fa fa-building" style="font-size:19px;color:#b1b1b1;"></i></button> </span> </div> </div> </div> </div> </div>   <div id="filterSearchAmenities" class="modal fade" role="dialog"> <div class="modal-dialog" style="height:50%;bottom:0;position:fixed;left:auto;right:auto;top:auto;">  <div class="modal-content"> <div class="modal-header" style="background:#dfdfdf;color:#444444;border-bottom:0px;"> <a href="javascript:void(0);" class="pull-right" data-dismiss="modal" aria-hidden="true" onclick="myFunction();">Close <span class="mbri-close"></span></a> <h4 class="modal-title"> <i class="fas fa-utensils"></i> Amenities</h4> </div> <div class="modal-body" style="padding:4px;"> <form name="layerFormAmenities" role="form"> <div class="btn-group" data-toggle="buttons" style="padding-top:5px;padding-bottom:5px;"> <label id="shopping_a" class="btn btn-shopping"> <input type="radio" name="amenitiesGROUP" value="shopping" onclick='showShopping();' id="shopping_2"> <span class="fa-stack fa-2x" onclick='showShopping();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-shopping-bag fa-stack-1x fa-inverse"></i> </span><br /> Shopping </label> <label id="restaurant_a" class="btn btn-restaurant"> <input type="radio" name="amenitiesGROUP" id="restaurant_2" onclick='showRestaurant();' value="restaurant"> <span class="fa-stack fa-2x" onclick='showRestaurant();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fas fa-utensils fa-stack-1x fa-inverse"></i> </span><br /> Restaurant </label> <label id="cafe_a" class="btn btn-cafe"> <input type="radio" name="amenitiesGROUP" value="cafe" onclick='showCafe();' id="cafe_2"> <span class="fa-stack fa-2x" onclick='showCafe();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-coffee fa-stack-1x fa-inverse"></i> </span><br /> Cafe </label> <label id="nightlife_a" class="btn btn-nightlife"> <input type="radio" name="amenitiesGROUP" value="nightlife" onclick='showNightlife();' id="nightlife_2"> <span class="fa-stack fa-2x" onclick='showNightlife();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-glass fa-stack-1x fa-inverse"></i> </span><br /> Nightlife </label> <label id="grocery_a" class="btn btn-grocery"> <input type="radio" name="amenitiesGROUP" value="shopping" onclick='showGrocery;' id="grocery_2"> <span class="fa-stack fa-2x" onclick='showGrocery();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i> </span><br /> Grocery </label> </div>  </form>  </div>  <div style="z-index:100;width:100%;height:50px;font-family:oswald;position:fixed;display:inline;bottom:0px;text-align:center;background:transparent;"> <div style="margin-top:10px;"> <span class="pull-right" style="margin-right:5px;"> <a class="btn btn-default" onclick="Clear();trashAmenities();removeAmenities();uncheckAll(document.layerFormAmenities.amenities);" style="color:#5cb85c;border:0px;text-align:center;background:transparent;"><i class="fa fa-trash-o"></i> Amenities Layer</a> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchSchools"><i class="fa fa-graduation-cap" style="font-size:19px;color:#b1b1b1;"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchTransportation"><i class="fa fa-subway" style="font-size:19px;color:#b1b1b1;"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchAmenities"><i class="fas fa-utensils" style="font-size:19px;color:#669900;"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" onclick="showListings();" data-toggle="modal" data-target="#filterSearchSimilar"><i class="fa fa-building" style="font-size:19px;color:#b1b1b1;"></i></button>  </span> </div> </div> </div> </div> </div>   <div id="filterSearchTransportation" class="modal fade" role="dialog"> <div class="modal-dialog" style="height:50%;bottom:0;position:fixed;left:auto;right:auto;top:auto;">  <div class="modal-content" > <div class="modal-header" style="background:#dfdfdf;color:#444444;border-bottom:0px;"> <a href="javascript:void(0)" onclick="myFunction();" class="pull-right" data-dismiss="modal" aria-hidden="true">Close <span class="mbri-close"></span></a> <h4 class="modal-title"> <i class="fa fa-subway"></i> Transportation</h4> </div> <div class="modal-body" style="padding:4px;"> <form name="layerFormTransportation" role="form"> <div class="btn-group" data-toggle="buttons" style="padding-top:5px;padding-bottom:5px;"> <label id="bus_a" class="btn btn-bus"> <input type="radio" name="transportationGROUP" value="bus" onclick='showBusStops();' id="bus_2"> <span class="fa-stack fa-2x" onclick='showBusStops();' > <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-bus fa-stack-1x fa-inverse"></i> </span><br /> Bus </label> <label id="subway_a" class="btn btn-subway"> <input type="radio" name="transportationGROUP" value="subway" onclick='showTransitMobile();' id="subway_2"> <span class="fa-stack fa-2x" onclick='showTransitMobile();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-subway fa-stack-1x fa-inverse"></i> </span><br /> Subway </label> <label id="silver_a" class="btn btn-silver"> <input type="radio" name="silver" value="silver" onclick='showsilverLayer();' id="silver_2"> <span class="fa-stack fa-2x" onclick='showsilverLayer();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fas fa-bus fa-stack-1x fa-inverse"></i> </span><br /> Silver </label> <label id="commuter_a" class="btn btn-commuter"> <input type="radio" name="commuter" value="commuter" onclick='showcommuterLayer();' id="commuter_2"> <span class="fa-stack fa-2x" onclick='showcommuterLayer();'> <i class="fa fa-circle fa-stack-2x"></i> <i class="fas fa-train fa-stack-1x fa-inverse"></i> </span><br /> Commuter </label> </div>   </form>  </div>  <div style="z-index:100;width:100%;height:50px;font-family:oswald;position:fixed;display:inline;bottom:0px;text-align:center;background:transparent;"> <div style="margin-top:10px;"> <span class="pull-right" style="margin-right:5px;"> <a class="btn btn-default" onclick="Clear();trashTransportation();removeTransportation();uncheckAll(document.layerFormTransportation.transportation);" style="color:#5cb85c;border:0px;text-align:center;background:transparent;"><i class="fa fa-trash-o"></i> Transportation Layer</a> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchSchools"><i class="fa fa-graduation-cap" style="font-size:19px;color:#b1b1b1;"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchTransportation"><i class="fa fa-subway" style="font-size:19px;color:#669900;"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchAmenities"><i class="fas fa-utensils" style="font-size:19px;color:#b1b1b1;"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" onclick="showListings();" data-toggle="modal" data-target="#filterSearchSimilar"><i class="fa fa-building" style="font-size:19px;color:#b1b1b1;"></i></button>  </span> </div> </div> </div> </div> </div>   <div id="shareModal" class="modal fade roundCorners" style="z-index:10000000000000000000000000000000001;"> <div class="modal-dialog" style="height:62%;bottom:0px;;position:fixed;"> <div class="modal-content"> </div> </div> </div>   <div id="filterSearchSimilar" class="modal fade" role="dialog"> <div class="modal-dialog" style="height:50%;bottom:0;position:fixed;left:auto;right:auto;top:auto;">  <div class="modal-content" > <div class="modal-header" style="background:#dfdfdf;color:#444444;border-bottom:0px;"> <a href="javascript:void(0)" class="pull-right" data-dismiss="modal" aria-hidden="true" onclick="myFunction();">Close <span class="mbri-close"></span></a> <h4 class="modal-title"> <i class="fa fa-building"></i> Similar Listings</h4> </div> <div class="modal-body" style="padding:4px;"> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/2702W65f2f976f39bc.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Woodward #4</b><br />$4800/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> Now <span class="pull-right" style="margin-right:10px;"><a href="/rentals/359739940-Woodward-Boston-MA-02127"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3359739940" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/2702W65f2f976f39bc.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Woodward #4</b><br />$5000/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 09/01/2024 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/349391023-Woodward-Boston-MA-02127"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3349391023" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/2702W65c777ddf1e1d.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Cottage St. #4</b><br />$4200/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 09/01/2024 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/340948423-Cottage-St.-Boston-MA-02128"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3340948423" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/898O65b9215c43a5b.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Kelley Ct. #4</b><br />$3295/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 09/01/2024 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/283277987-Kelley-Ct.-Boston-MA-02135"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3283277987" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/898W624ad6f92eb33.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Forbes St. #4</b><br />$3595/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 09/01/2024 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/266474946-Forbes-St.-Boston-MA-02130"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3266474946" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/898W605b387c04cf2.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Chestnut Hill Ave. #4</b><br />$3650/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 09/01/2024 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/80401985-Chestnut-Hill-Ave.-Boston-MA-02135"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal380401985" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/898O65afea6d2e4dd.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Chestnut Hill Ave. #4</b><br />$3650/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 09/01/2024 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/194101047-Chestnut-Hill-Ave.-Boston-MA-02135"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3194101047" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/8232W5d0f06f10f896.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Forest #4</b><br />$4200/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 09/01/2024 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/309953528-Forest-Boston-MA-02119"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3309953528" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/10905W65f857be10f80.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Sutherland Rd. #4</b><br />$6000/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> Now <span class="pull-right" style="margin-right:10px;"><a href="/rentals/357159863-Sutherland-Rd.-Boston-MA-02135"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3357159863" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/14675W65bbfd86e7994.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Kirkwood #4</b><br />$8700/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 09/01/2025 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/351729769-Kirkwood-Boston-MA-02135"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3351729769" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/10905W65f86cfc2a705.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Sutherland Rd. #4</b><br />$6500/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> Now <span class="pull-right" style="margin-right:10px;"><a href="/rentals/356843231-Sutherland-Rd.-Boston-MA-02135"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3356843231" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/10905W65f8679f47b81.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Sutherland Rd. #4</b><br />$6300/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> Now <span class="pull-right" style="margin-right:10px;"><a href="/rentals/357160065-Sutherland-Rd.-Boston-MA-02135"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3357160065" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/54W62f125bcd0e6b.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Boston St. #4</b><br />$4200/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 09/01/2024 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/151138455-Boston-St.-Boston-MA-02125"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3151138455" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/54W6537c2ce16927.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Boston St. #4</b><br />$4000/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 09/01/2024 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/151139214-Boston-St.-Boston-MA-02125"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3151139214" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/3639O607871b743eb5.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Washington St. #4</b><br />$4700/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 09/01/2024 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/259669827-Washington-St.-Boston-MA-02119"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3259669827" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> <div style="border-bottom:1px solid #d8d8d8;padding:5px;">   <img src="https://ygl-photos.s3.us-west-004.backblazeb2.com/10010W5b3beb3b0e8b5.jpg" style="float:left;width:100px;height:75px;padding-right:5px;" /><b> Undine Rd. #4</b><br />$6400/mth<br /><i class="fa fa-bed"></i> 4 <i class="fa fa-bath"></i> 1<br /><i class="fa fa-calendar"></i> 08/24/2025 <span class="pull-right" style="margin-right:10px;"><a href="/rentals/111995862-Undine-Rd.-Boston-MA-02135"> <i class="fa fa-external-link" aria-hidden="true"></i> Details </a></span>      </div> <div id="myModal3111995862" class="modal fade" role="dialog" style="z-index:1000000000000000000000000000000000000000000;"> <div class="modal-dialog" style="height:95%;width:95%;margin:0px auto;bottom:5px;"> <div class="modal-content"> </div> </div> </div> </div>  <div style="z-index:100;width:100%;height:50px;font-family:oswald;position:fixed;display:inline;bottom:0px;text-align:center;background:transparent;"> <div style="margin-top:10px;"> <span class="pull-right" style="margin-right:5px;"> <a class="btn btn-default" onclick="trashSimilar();" style="color:#5cb85c;border:0px;text-align:center;background:transparent;"><i class="fa fa-trash-o"></i> Similar Layer</a> <span class="pull-right" style="margin-right:5px;"> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchSchools"><i class="fa fa-graduation-cap" style="font-size:19px;color:#b1b1b1;"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchTransportation"><i class="fa fa-subway" style="font-size:19px;color:#b1b1b1;"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" data-toggle="modal" data-target="#filterSearchAmenities"><i class="fas fa-utensils" style="font-size:19px;color:#b1b1b1"></i></button> <button href="javascript:void(0)" type="button" class="btn btn-light" style="background:transparent;" onclick="showListings();" data-toggle="modal" data-target="#filterSearchSimilar"><i class="fa fa-building" style="font-size:19px;color:#669900;"></i></button>  </span> </div> </div> </div> </div> </div>   <script src="https://app.streetpads.com/assets/js/bootstrap-datepicker.js" type="text/javascript" ></script>  <script type="text/javascript"> $(document).ready(function(){ $("#avail_from").datepicker({orientation: "auto"}); }); $(document).ready(function(){ $("#avail_to").datepicker({orientation: "auto"}); }); $( document ).scroll(function(){ $('#modal .datepicker').datepicker('place'); //#modal is the id of the modal }); </script> <script type="text/javascript"> $(function () { $('#dp1').datepicker(); }); </script>  <script> function Clear() { clearRadioGroup("listingsGroup"); clearRadioGroup("amenitiesGROUP"); clearRadioGroup("schoolsGROUP"); clearRadioGroup("transportationGROUP"); clearRadioGroup("Cbox"); } function clearRadioGroup(GroupName) { var ele = document.getElementsByName(GroupName); for(var i=0;i<ele.length;i++) ele[i].checked = false; } function clearRadioGroup(GroupName) { var ele = document.getElementsByName(GroupName); for(var i=0;i<ele.length;i++) ele[i].checked = false; } </script> <script type="text/javascript">  </script>  <script> function formaction(checkbox){ document.getElementById("searchForm").action = checkbox.value;; } </script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/js/ion.rangeSlider.min.js"></script> <script> var custom_values = [1000, 2000, 3000, 4000, 5000, 6000, 7000]; // be careful! FROM and TO should be index of values array var my_from = custom_values.indexOf(1000); var my_to = custom_values.indexOf(7000); $("#max_rent").ionRangeSlider({ type: "single", grid: false, from: my_from, to: my_to, values: custom_values, skin: "round", onUpdate: function (data) { // fired on changing slider with Update method } }); var min_bed_values = [0, 1, 1.8, 2, 2.8, 3, 3.8, 4, 5, 6, 7]; // be careful! FROM and TO should be index of values array var my_from = min_bed_values.indexOf(0); var my_to = min_bed_values.indexOf(7); $("#min_bed").ionRangeSlider({ type: "single", grid: false, from: my_from, to: my_to, values: min_bed_values, skin: "round" }); var max_bed_values = [0, 1, 1.8, 2, 2.8, 3, 3.8, 4, 5, 6, 7]; // be careful! FROM and TO should be index of values array var my_from = max_bed_values.indexOf(0); var my_to = max_bed_values.indexOf(7); $("#max_bed").ionRangeSlider({ type: "single", grid: false, from: my_from, to: my_to, values: max_bed_values, skin: "round" }); var max_bath_values = [1, 1.5, 2, 2.5, 3, 3.5, 4]; // be careful! FROM and TO should be index of values array var my_from = max_bath_values.indexOf(1); var my_to = max_bath_values.indexOf(4); $("#max_bath").ionRangeSlider({ type: "single", grid: false, from: my_from, to: my_to, values: max_bath_values, skin: "round" }); </script> <script> var sliderMaxPrice = $("#max_rent").data("ionRangeSlider"); var sliderMinBed = $("#min_bed").data("ionRangeSlider"); var sliderMaxBed = $("#max_bed").data("ionRangeSlider"); var sliderMaxBath = $("#max_bath").data("ionRangeSlider"); function petCatRemove() { $("#petCat").removeClass("active").addClass("btn-cat"); } function petDogRemove() { $("#petDog").removeClass("active").addClass("btn-dog"); }    function removeTransportation() { $("#commuter_a").removeClass("active").addClass("btn-commuter"); $("#silver_a").removeClass("active").addClass("btn-silver"); $("#subway_a").removeClass("active").addClass("btn-subway"); $("#bus_a").removeClass("active").addClass("btn-bus"); } function removeAmenities() { $("#restaurant_a").removeClass("active").addClass("btn-restaurant"); $("#cafe_a").removeClass("active").addClass("btn-cafe"); $("#nightlife_a").removeClass("active").addClass("btn-nightlife"); $("#grocery_a").removeClass("active").addClass("btn-grocery"); $("#shopping_a").removeClass("active").addClass("btn-shopping"); } function removeSchools() { $("#els_a").removeClass("active").addClass("btn-els"); $("#middle_a").removeClass("active").addClass("btn-middle"); $("#high_a").removeClass("active").addClass("btn-high"); $("#colleges_a").removeClass("active").addClass("btn-colleges"); } </script>  <script> $(function() { return $(".modal").on("show.bs.modal", function() { var curModal; curModal = this; $(".modal").each(function() { if (this !== curModal) { $(this).modal("hide"); } }); }); }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/4.1.2/less.min.js"></script>   <div class="modal fade" id="about" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index:1000000000000000000000000000;"> <div class="modal-dialog" style="width:100%;height:100%;margin:0px auto;"> <div class="modal-content"> <div class="modal-header" style="background:#dfdfdf;color:#444444;border-bottom:0px;"> <a href="javascript:void(0)" class="pull-right" data-dismiss="modal" aria-hidden="true">Close <span class="mbri-close"></span></a> <h4 class="modal-title"> <i class="fa fa-info-circle"></i> About 6 - 8 Sunset St.</h4> </div>  <div class="modal-body"><div style="font-family: 'Open Sans Condensed', sans-serif;text-align:justify;"> Four bedroom apartment for rent on Sunset St. in Boston. This apartment is available for move-in 09/01/2024. Please call/txt 6179356308 to schedule a viewing. Thank you. </div></div>  </div>  </div>  </div>  <script> $(document).ready(function(){ // $("#amenities").load("https://app.streetpads.com/local/amenities/yelp/sidebar.php?Term=restaurants&City=Boston&cll=42.331548,-71.108296"); }); </script> <div style="position:fixed;bottom:0px;z-index:20000000000000000000000;width:100%;height:auto;background:transparent;margin:0px auto;">    </div>  <div id="tourModal187598332" class="modal fade rounded" style="z-index:10000000000000000000000000000000001;"> <div class="modal-dialog modal-dialog-centered" style="height:80%;width:100%;margin:0px auto;bottom:0px;position:absolute;" > <div class="modal-content"> </div> </div> </div> <div id="applyModal187598332" class="modal fade rounded" style="z-index:10000000000000000000000000000000001;"> <div class="modal-dialog modal-dialog-centered" style="height:80%;width:100%;margin:0px auto;" > <div class="modal-content"> </div> </div> </div>  <script> $(document).ready(function(){ var $content = $(".footer-nav").hide(); $(".toggle").on("click", function(e){ $(this).toggleClass("expanded"); $content.toggle(); }); }); </script>  <script> $(document).ready(function(){ var $content = $(".footer-nav").hide(); $(".toggleFooterTab").on("click", function(e){ $(this).toggleClass("expanded"); $content.toggle(); }); }); </script> <script> $(".share-button").on("click", () => { if (navigator.share) { navigator.share({ title: "Streetpads", text: " Sunset St. #2 Boston, MA 02135 - 4 Bed ~ 1 bath - $5600 - Available: 09/01/2024 ", url: "/rentals/187598332-Sunset-St.-Boston-MA-02120", }) .then(() => console.log("Successful share")) .catch((error) => console.log("Error sharing", error)); } else { console.log("Share not supported on this browser, do it the old way."); } }); </script> </body> </html>

Description About this property

Property DetailsListing ID, utilities, fees,

Pet PolicyCats, dogs, breed & weight restriction

Features Apartment & building amenities

Description
About this property

Property Details
Listing ID, utilities, fees,

Pet Policy
Cats, dogs, breed & weight restriction

Features
Apartment & building amenities