<!--
                                                                          For Life!


                                                                                ...
                                                                    #@@@@@@@@@@@@@@@@@@@@#
                                                                &@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                              @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                            *@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                            @@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                           @@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
               /@#                                        @@@@@(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                          /@@
                @@@                                      .@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@,                                       (@@@@
                 @@@@                                    /@@@ @@@&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                     .@@@@@
                 %@@@@@                                  ,@@@/@@@*........%@@@@@@@@,.......#@@@. @@@@                                    @@@@@@.
                  @@@@@@%                                 @@@#@@@..........#@@@@@@..........,@@@ @@@%                                  @@@@@@@.
                   @@@@@@@(                               @@&,@@@..........,@@@@@@,..........@@@ @@@                                 @@@@@.@@
                    &@@@@@@@&                             %@ ,@@@,........@@@...@@@@@.......&@@% .#                                &@@@@%.@@
                      @@@@@@@@@                             *@@@@@@#..#@@@@@*....%@@@@@@@@@@@@@@@@@                              @@@@@@.@@
                       *@@@@@@@@@                          @@@@@@@@@@@@@@@@@......%@@@@@@@@@@@@@@@@*                           @@@@@@,#@&
                         @@@@@@@@@@&                        @@@@@@@@@@@@@@@&..@....@@@@@@@@@@@@@@@.                         %@@@@@@*.@@
                           @@@@@@@@@@@                               @@@@@@@@@@@.&@@@@@@@@  .@,                          .@@@@@@@.(@@
                             @@@@@@@@@@@@                      @@@@   @@@@@@@@@@@@@@@@@@@  @@@(                        @@@@@@@&.&@@
                               @@@@@@@@@@@@@                    @@@@   @@@@@@@@@@@@@@@@   &@@@                      @@@@@@@@/.@@&
                                 @@@@@@@@@@@@@@                 .@@@   @ ,@@ @@, @@  @@   @@@,                   @@@@@@@@@(%@@.
                                    @@@@@@@@@@@@@@              .@@@&     /              #@@@                .@@@@@@@@@@@@@@
                                      &@@@@@@@@ &@@@@.           @@@@#  @@@ @@&.@@,*@@# %@@@@             /@@@@& @@@@@@@@.
                                         &@@@@@@@% #@@@@&         @@@@@@@@@@@@@@@@@@@@@@@@@@           @@@@@@ &@@@@@@@,
                                            (@@@@@@@@ ,@@@@@*        @@@@@@@@@@@@@@@@@@@@          &@@@@@/ &@@@@@@@(
                                               .@@@@@@@@  @@@@@@(      ,@@@@@@@@@@@@@@&        @@@@@@@  @@@@@@@@*
                                                   @@@@@@@@@ (@@@@@@@,                    @@@@@@@@  @@@@@@@@@
                                                      %@@@@@@@@& @@@@@@@@@           #@@@@@@@@/.@@@@@@@@@%
                                                          @@@@@@@@@@ (@@@@@@@@@/ ,@@@@@@@@*#@@@@@@@@@(
                                       ,@@@@&                 ,@@@@@@@@@# /@@@@@@@@@@, *@@@@@@@@@(                ,@@@@%
                                     %@@@@@@@@@@                   ,@@@@@@@@@&  %@@@@@@@@@@/                   @@@@@@@@@@@
                                     @@@@@@@@@@@@@          ,@@@@@@@@@  *@@@@@@@@@@&  ,@@@@@@@@@@@%          @@@@@@@@@@@@@
                                      %@@@@  (@@@@@* ,@@@@@@@@@@@&. ,@@@@@@@ ,@@@@@@@@@@@@*  %@@@@@@@@@@@@  @@@@@@  &@@@@
                                               @@@@@@  .((.   .@@@@@@@@@@@@@&     .@@@@@@@@@@@@@&.  .//.  @@@@@@*
                         @@@@@@@ @@@@/@@@@@#@@@ @@@@@@@/ @@@@@@@@@@@@&                   (@@@@@@@@@@@@. @@@@@@@ ,@@@ @@@@ @@@@&*@@@@@@
                        @@@@@@@@@&@@@@%@@@@@@@@@ @@@@@@ @@@@@@@,                                %@@@@@@, @@@@@,@@@@@@@@@@@@@@@@@@@@@@@@
                        @@@@@@@@  %@@@@@@@@@@@@@#*@@@@&                                                  @@@@# @@@@@@@@@@@@@@  @@@@@@@@,
                        %@@@@.  /@                @@@@@                                                 &@@@@                @#  ,@@@@@
                          .@@@@(                   @@@@@  /@@#                                    &@@   @@@@.                  &@@@@/
                                                   .@@@@@@@@@@&                                  @@@@@@@@@@@
                                                     @@@@@@@@@(                                  &@@@@@@@@/
                                                        %@@&                                       /@@@,

-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0">
    <title>Apartments in Dorchester, Massachusetts | 3D Apartment</title>
<!--    <link rel="preload" href="/css/pannew.css" as="style">-->
<!--    <link rel="preload" href="/js/pnlm.js" as="script">-->

    <link rel="preload" href="/img/assets/home/assets/bd.svg" as="image">
    <link rel="preload" href="/img/assets/home/assets/ba.svg" as="image">
    <link rel="preload" href="/img/assets/home/assets/3d.svg" as="image">
    <link rel="preload" href="/img/assets/home/chevron-down.svg" as="image">

    <link rel="preload" href="/font/Inter-Medium.woff2?v=3.12" as="font" crossorigin="anonymous">
    <link rel="preload" href="/font/Inter-Regular.woff2?v=3.12" as="font" crossorigin="anonymous">
    <link rel="preload" href="/font/fa/fa-brands-400.woff2" as="font" crossorigin="anonymous">
    <link rel="preload" href="/font/fa/fa-solid-900.woff2" as="font" crossorigin="anonymous">
    <link rel="preload" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700" as="font" crossorigin="anonymous">


    <meta  name="title" content="Apartments For Rent in Apartments in Dorchester, Massachusetts, Boston, MA. | 3D Apartment"><meta  property="og:title" content="Apartments For Rent in Apartments in Dorchester, Massachusetts, Boston, MA. | 3D Apartment"><meta  property="og:type" content="website"><meta property="og:url" content="https://3dapartment.com/n/greater-boston/apartments-in-dorchester-massachusetts/44"><meta property="og:image" content="https://3dapartment.com/uploads/neighborhoods/main/main_5afc018d61f1e3.29415823.jpg"><meta property="og:image:type" content="image/png"><meta property="og:description" content="Take Virtual Reality Tours of 127 apartments in Apartments in Dorchester, Massachusetts, Boston, MA"><meta name="description" content="Take Virtual Reality Tours of 127 apartments in Apartments in Dorchester, Massachusetts, Boston, MA"><link rel="canonical" href="https://3dapartment.com/n/greater-boston/apartments-in-dorchester-massachusetts/44"/>    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=3">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2">
    <link rel="manifest" href="/site.webmanifest?v=2">
    <link rel="mask-icon" href="/safari-pinned-tab.svg?v=2" color="#1a8cff">
    <link rel="shortcut icon" href="/favicon.ico?v=2">
    <meta name="msapplication-TileColor" content="#1a8cff">
    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" href="/css/styles.875da177fdfd469ded362128cb1eba94.min.css"/>    <link rel="stylesheet" href="/build/style-vendor.da83a2e697493d9ac2ec1f6367128044.css"/><!--    <link rel="stylesheet" href="/css/pannew.css">-->
    <meta name="google-site-verification" content="MrNi6i4NBCMu9yX1SxDVwJNR121dssOc9axyBB0ib-k"/>
    <!— Global site tag (gtag.js) - Google Analytics —>
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-93752321-2"></script>
    <meta name="google-site-verification" content="bu96WRU5wVyIs_RGePM5B4Ilp83IytdjLVEB9MBp_Cw"/>
    <script>
        var host = window.location.hostname;
        if (host == '3dapartment.com') {
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', 'UA-93752321-2');
        }
    </script>
    <!-- Global site tag (gtag.js) - Google Ads: 611187644 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-611187644"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'AW-611187644');
    </script>
    <!— Facebook Pixel Code —>
    <script>
        !function (f, b, e, v, n, t, s) {
            if (f.fbq) return;
            n = f.fbq = function () {
                n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window, document, 'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '216360782292907');
        fbq('track', 'PageView');
    </script>
    <!— End Facebook Pixel Code —>
    <!-- start Mixpanel --><script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,
0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
mixpanel.init("071b3c2f4ab57eb0a180044839b8b65e");</script><!-- end Mixpanel -->
<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "pt8mdkk7jz");
</script>
</head>

<body>
<noscript>
    <img height="1" width="1"
         src="https://www.facebook.com/tr?id=216360782292907&ev=PageView&noscript=1"/>
</noscript>
<section>
    <div id="app">
        <scroll-container @change="showNavbar">
            <scroll-item id="mainContent">
    <section class="neighborhood-page">

        <section>
            <!-- title   -->
            <section class="hero neigh-header">
                <div class="hero-head">
                    <navigation></navigation>
                </div>
                <div class="hero-body">

                    <div class="nei-bg">
                        <figure class="image">
                            <img src="/uploads/neighborhoods/header_5afc018d621622.34075577.png"
                                 alt="3d apartment Apartments in Dorchester, Massachusetts">
                        </figure>
                    </div>

                    <div class="black"></div>

                    <div class="container has-text-centered">

                            <h1 class="neigh-name is-size-1-mobile">
                             Apartments in Dorchester, Massachusetts                            </h1>
                            <h2 class="city-name is-size-3-mobile">
                                                            Boston                                                        </h2>

                    </div>
                </div>
            </section>
            <!-- light-information -->
            <!--            <section class="neigh-info">-->
            <!--                <div class="columns is-mobile is-multiline">-->
            <!--                    <div class="column is-12-mobile is-6-tablet is-3-desktop">-->
            <!--                        <div class="pic">-->
            <!--                            <figure class="image is-96x96">-->
            <!--                                <img src="/img/assets/hood/building.svg">-->
            <!--                            </figure>-->
            <!--                        </div>-->
            <!--                        <div>-->
            <!--                            <div class="num">--><!--</div>-->
            <!--                            <div class="txt is-size-5-mobile">Apartments</div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                    <div class="column is-12-mobile is-6-tablet is-3-desktop">-->
            <!--                        <div class="pic">-->
            <!--                            <figure class="image is-96x96">-->
            <!--                                <img src="/img/assets/hood/room.svg">-->
            <!--                            </figure>-->
            <!--                        </div>-->
            <!--                        <div>-->
            <!--                            -->            <!--                            <div class="num">210</div>-->
            <!--                            <div class="txt is-size-5-mobile">Rooms</div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                    <div class="column is-12-mobile is-6-tablet is-3-desktop">-->
            <!--                        <div class="pic">-->
            <!--                            <figure class="image is-96x96">-->
            <!--                                <img src="/img/assets/hood/roommates_icon.svg">-->
            <!--                            </figure>-->
            <!--                        </div>-->
            <!--                        <div>-->
            <!--                            -->            <!--                            <div class="num">23</div>-->
            <!--                            <div class="txt is-size-5-mobile">Roommates</div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                    <div class="column is-12-mobile is-6-tablet is-3-desktop">-->
            <!--                        <div class="pic">-->
            <!--                            <figure class="image is-96x96">-->
            <!--                                <img src="/img/assets/hood/map_markers.svg">-->
            <!--                            </figure>-->
            <!--                        </div>-->
            <!--                        <div>-->
            <!--                            -->            <!--                            <div class="num">7</div>-->
            <!--                            <div class="txt is-size-5-mobile">Places</div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </section>-->

        </section>
        <!--content-->
        <section class="nei-content">
            <!--about-->
            <section class="about-section">

                <div class="columns is-gapless">
                    <div class="column">
                        <div class="block-content has-text-centered-mobile has-text-right-tablet">
                            <div class="block-title">About</div>
                            <div class="block-text">
                                                                    Kenmore Square is considered the intersection of Beacon Street and Commonwealth Avenue. However, this little square offers so much to many including history, nightlife, and apartments. Fenway Park sits on Landsdowne Street where you can find the House of Blues, Cask n Flagon and a variety of restaurants, bars and clubs.  Kenmore Square apartments offers brownstones, condos,  and luxury apartments.                                                            </div>
                        </div>
                    </div>
                    <div class="column is-6">
                        <figure class="image">
                            <img src="/uploads/neighborhoods/main/main_5afc018d61f1e3.29415823.jpg"
                                 alt="3d apartment in Apartments in Dorchester, Massachusetts">
                        </figure>
                    </div>
                </div>

            </section>

            <!-- best apartments-->
                            <section class="nei-listings">

                    <div class="has-text-centered block-title is-size-4-mobile ">Best apartments
                        in Apartments in Dorchester, Massachusetts</div>

                    <div class="listings-grid">
                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/519"
   @click="selectListing('519')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_44755b911dfbec5c31.95485318.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,800</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/513"
   @click="selectListing('513')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_42225b911f2b151b93.15584346.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,995</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/533-newbury-street-1-2215/851"
   @click="selectListing('851')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_66485b90fa58afd602.84385194.jpg" alt="533 Newbury Street, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,400</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="533 Newbury Street, #1"
            >
                533 Newbury Street, #1            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/6-symphony-road-1-2115/1874"
   @click="selectListing('1874')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_64855c57f1b82bd430.75882239.jpg" alt="6 Symphony Road, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,200</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="6 Symphony Road, #1"
            >
                6 Symphony Road, #1            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/231-park-drive-10-2215/761"
   @click="selectListing('761')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_41495b910593c002c9.53302170.jpg" alt="231 Park Drive, #10">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,250</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="231 Park Drive, #10"
            >
                231 Park Drive, #10            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/200-brookline-avenue-1005-2215/273"
   @click="selectListing('273')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_97575b9131f84f5881.27858745.jpg" alt="200 Brookline Avenue, #1005">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,280</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="200 Brookline Avenue, #1005"
            >
                200 Brookline Avenue, #1005            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1179-boylston-street-11-2215/740"
   @click="selectListing('740')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_28455b9107198dae71.17139457.jpg" alt="1179 Boylston Street, #11">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,850</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1179 Boylston Street, #11"
            >
                1179 Boylston Street, #11            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/132-hemenway-street-11-2115/784"
   @click="selectListing('784')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_59155b91017cb5fdd0.86872207.jpg" alt="132 Hemenway Street, #11">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,250</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="132 Hemenway Street, #11"
            >
                132 Hemenway Street, #11            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/180-brookline-avenue-1105-2215/779"
   @click="selectListing('779')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_87575b9100f2a8fea4.46439405.jpg" alt="180 Brookline Avenue, #1105">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$6,085</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="180 Brookline Avenue, #1105"
            >
                180 Brookline Avenue, #1105            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    3                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1171-boylston-street-12-2215/727"
   @click="selectListing('727')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_11115b9108b993bb00.74665781.jpg" alt="1171 Boylston Street, #12">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,295</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1171 Boylston Street, #12"
            >
                1171 Boylston Street, #12            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/171-hemenway-street-12-2115/1037"
   @click="selectListing('1037')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_56985b96a74aa04c67.95664052.jpg" alt="171 Hemenway Street, #12">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,900</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="171 Hemenway Street, #12"
            >
                171 Hemenway Street, #12            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/204-hemenway-street-12-2115/790"
   @click="selectListing('790')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_35485b910241453d28.47265566.jpg" alt="204 Hemenway Street, #12">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,925</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="204 Hemenway Street, #12"
            >
                204 Hemenway Street, #12            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/235-park-drive-12-2215/755"
   @click="selectListing('755')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_22395b9104e42962b7.14345436.jpg" alt="235 Park Drive, #12">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,295</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="235 Park Drive, #12"
            >
                235 Park Drive, #12            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1175-boylston-street-14-2215/731"
   @click="selectListing('731')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_29695b910934862ef6.14530041.jpg" alt="1175 Boylston Street, #14">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,775</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1175 Boylston Street, #14"
            >
                1175 Boylston Street, #14            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/109-saint-stephen-street-15-2115/793"
   @click="selectListing('793')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_29075b90fef3504687.22653783.jpg" alt="109 Saint Stephen Street, #15">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,950</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="109 Saint Stephen Street, #15"
            >
                109 Saint Stephen Street, #15            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1175-boylston-street-15-2215/732"
   @click="selectListing('732')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_94575b9109418e7fa6.64975832.jpg" alt="1175 Boylston Street, #15">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,775</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1175 Boylston Street, #15"
            >
                1175 Boylston Street, #15            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/109-saint-stephen-street-16-2115/794"
   @click="selectListing('794')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_62315b90ff3287ea62.34150648.jpg" alt="109 Saint Stephen Street, #16">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,950</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="109 Saint Stephen Street, #16"
            >
                109 Saint Stephen Street, #16            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1163-boylston-street-16-2215/810"
   @click="selectListing('810')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_65095b90fc780b17e7.75013012.jpg" alt="1163 Boylston Street, #16">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,795</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1163 Boylston Street, #16"
            >
                1163 Boylston Street, #16            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1171-boylston-street-16-2215/726"
   @click="selectListing('726')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_91365b9108a6c33cf5.76095135.jpg" alt="1171 Boylston Street, #16">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,695</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1171 Boylston Street, #16"
            >
                1171 Boylston Street, #16            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/75-saint-alphonsus-street-1611-2120/193"
   @click="selectListing('193')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_55215b913a5bd97551.62674869.jpg" alt="75 Saint Alphonsus Street, #1611">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,430</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="75 Saint Alphonsus Street, #1611"
            >
                75 Saint Alphonsus Street, #1611            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1163-boylston-street-17-2215/811"
   @click="selectListing('811')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_27365b90fc905ccbe7.76708651.jpg" alt="1163 Boylston Street, #17">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,275</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1163 Boylston Street, #17"
            >
                1163 Boylston Street, #17            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/235-park-drive-17-2215/754"
   @click="selectListing('754')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_36175b9104ad3a9312.20352272.jpg" alt="235 Park Drive, #17">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,295</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="235 Park Drive, #17"
            >
                235 Park Drive, #17            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/200-brookline-avenue-1714-2215/272"
   @click="selectListing('272')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_27425b61d91679d1d7.81007711.jpg" alt="200 Brookline Avenue, #1714">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$6,561</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="200 Brookline Avenue, #1714"
            >
                200 Brookline Avenue, #1714            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/487"
   @click="selectListing('487')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_20725b911f79c39f96.41542136.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,835</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1175-boylston-street-18-2215/1220"
   @click="selectListing('1220')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_67275ba5be8ed476a4.67738313.jpg" alt="1175 Boylston Street, #18">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,450</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1175 Boylston Street, #18"
            >
                1175 Boylston Street, #18            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/235-park-drive-19-2215/753"
   @click="selectListing('753')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_37095b910487cb5e43.52842881.jpg" alt="235 Park Drive, #19">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,785</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="235 Park Drive, #19"
            >
                235 Park Drive, #19            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/97-saint-stephen-street-19-2115/650"
   @click="selectListing('650')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_89205b9110cf13b9c7.67633589.jpg" alt="97 Saint Stephen Street, #19">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,850</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="97 Saint Stephen Street, #19"
            >
                97 Saint Stephen Street, #19            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/huntington-avenue/468"
   @click="selectListing('468')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_85845b91221986dfe3.28314175.jpg" alt="Huntington Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,800</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Huntington Avenue"
            >
                Huntington Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/43-bay-state-road-1f-2215/858"
   @click="selectListing('858')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_40265b90ecec222881.63244352.jpg" alt="43 Bay State Road, #1F">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,200</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="43 Bay State Road, #1F"
            >
                43 Bay State Road, #1F            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/533-newbury-street-1f-2215/1091"
   @click="selectListing('1091')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_95715b99df2cbc9b15.25262054.jpg" alt="533 Newbury Street, #1F">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,250</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="533 Newbury Street, #1F"
            >
                533 Newbury Street, #1F            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/520"
   @click="selectListing('520')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_46235b911e06cb5123.18942015.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,900</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/514"
   @click="selectListing('514')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_99815b911f37906e19.34313559.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,995</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/204-hemenway-street-2-2115/789"
   @click="selectListing('789')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_89215b9102216fc748.99658793.jpg" alt="204 Hemenway Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,100</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="204 Hemenway Street, #2"
            >
                204 Hemenway Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1175-boylston-street-20-2215/733"
   @click="selectListing('733')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_59525b91095891bd94.08995985.jpg" alt="1175 Boylston Street, #20">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,785</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1175 Boylston Street, #20"
            >
                1175 Boylston Street, #20            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1185-boylston-street-20-2215/598"
   @click="selectListing('598')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_83705b91172f7a9c41.36363616.jpg" alt="1185 Boylston Street, #20">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,175</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1185 Boylston Street, #20"
            >
                1185 Boylston Street, #20            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/204-hemenway-street-20-2115/791"
   @click="selectListing('791')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_67835b91026d7ebe01.27778704.jpg" alt="204 Hemenway Street, #20">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,850</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="204 Hemenway Street, #20"
            >
                204 Hemenway Street, #20            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/saint-stephen-street/651"
   @click="selectListing('651')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_71505b9110eed2fa42.39304206.jpg" alt="Saint Stephen Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,900</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Saint Stephen Street"
            >
                Saint Stephen Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/833-beacon-street-202-2215/494"
   @click="selectListing('494')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_80025b911fd21f07d9.90272337.jpg" alt="833 Beacon Street, #202">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,510</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="833 Beacon Street, #202"
            >
                833 Beacon Street, #202            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/180-brookline-avenue-204-2215/776"
   @click="selectListing('776')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_40295b9103a7b75971.71620425.jpg" alt="180 Brookline Avenue, #204">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,793</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="180 Brookline Avenue, #204"
            >
                180 Brookline Avenue, #204            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/231-park-drive-21-2215/760"
   @click="selectListing('760')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_23495b91056100bd37.92265733.jpg" alt="231 Park Drive, #21">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,295</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="231 Park Drive, #21"
            >
                231 Park Drive, #21            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/saint-stephen-street/652"
   @click="selectListing('652')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_24985b911103162021.30403848.jpg" alt="Saint Stephen Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,900</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Saint Stephen Street"
            >
                Saint Stephen Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/599"
   @click="selectListing('599')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_68105b91174318b893.70067922.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,745</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/171-hemenway-street-23-2115/788"
   @click="selectListing('788')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_99045b9101efaab592.11318673.jpg" alt="171 Hemenway Street, #23">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,000</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="171 Hemenway Street, #23"
            >
                171 Hemenway Street, #23            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/109-saint-stephen-street-24-2115/795"
   @click="selectListing('795')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_77975b90ff4d1e8c51.04399181.jpg" alt="109 Saint Stephen Street, #24">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,925</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="109 Saint Stephen Street, #24"
            >
                109 Saint Stephen Street, #24            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1175-boylston-street-24-2215/734"
   @click="selectListing('734')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_23095b910642777736.48677778.jpg" alt="1175 Boylston Street, #24">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,795</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1175 Boylston Street, #24"
            >
                1175 Boylston Street, #24            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/saint-stephen-street/653"
   @click="selectListing('653')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_20825b911120dda116.77978457.jpg" alt="Saint Stephen Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,875</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Saint Stephen Street"
            >
                Saint Stephen Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1167-boylston-street-25-2215/820"
   @click="selectListing('820')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_99195b90fe527a5652.06505691.jpg" alt="1167 Boylston Street, #25">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,225</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1167 Boylston Street, #25"
            >
                1167 Boylston Street, #25            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1175-boylston-street-25-2215/735"
   @click="selectListing('735')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_16745b910668ba6ed9.63031217.jpg" alt="1175 Boylston Street, #25">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,775</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1175 Boylston Street, #25"
            >
                1175 Boylston Street, #25            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/188-brookline-avenue-25c-2215/780"
   @click="selectListing('780')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_47935b910115759bf3.81376521.jpg" alt="188 Brookline Avenue, #25C">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,289,500</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="188 Brookline Avenue, #25C"
            >
                188 Brookline Avenue, #25C            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/231-park-drive-26-2215/885"
   @click="selectListing('885')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_24025b90ea6e139b69.37492186.jpg" alt="231 Park Drive, #26">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,295</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="231 Park Drive, #26"
            >
                231 Park Drive, #26            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/601"
   @click="selectListing('601')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_28955b91176fcc5ed7.76189617.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,825</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1175-boylston-street-28-2215/1221"
   @click="selectListing('1221')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_19965ba9d739489c23.78370115.jpg" alt="1175 Boylston Street, #28">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,350</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1175 Boylston Street, #28"
            >
                1175 Boylston Street, #28            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/49-symphony-road-28-2115/843"
   @click="selectListing('843')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_52365b90f9aa67b0b5.82292167.jpg" alt="49 Symphony Road, #28">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,200</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="49 Symphony Road, #28"
            >
                49 Symphony Road, #28            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/huntington-avenue/658"
   @click="selectListing('658')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_91355b91119c250132.09887574.jpg" alt="Huntington Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,500</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Huntington Avenue"
            >
                Huntington Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/41-bay-state-road-2r-2215/853"
   @click="selectListing('853')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_93975b90ec98540a31.39286507.jpg" alt="41 Bay State Road, #2R">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,100</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="41 Bay State Road, #2R"
            >
                41 Bay State Road, #2R            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/109-saint-stephen-street-3-2115/792"
   @click="selectListing('792')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_56655b90fed8d20a28.29482402.jpg" alt="109 Saint Stephen Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,900</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="109 Saint Stephen Street, #3"
            >
                109 Saint Stephen Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1163-boylston-street-3-2215/808"
   @click="selectListing('808')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_30955b91005503dc32.73639807.jpg" alt="1163 Boylston Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,250</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1163 Boylston Street, #3"
            >
                1163 Boylston Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1171-boylston-street-3-2215/730"
   @click="selectListing('730')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_41475b91090d312264.02396836.jpg" alt="1171 Boylston Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,225</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1171 Boylston Street, #3"
            >
                1171 Boylston Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/521"
   @click="selectListing('521')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_37065b911e19724b85.41418714.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,100</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/533-newbury-street-3-2215/1092"
   @click="selectListing('1092')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_33645b99df49d25530.89186506.jpg" alt="533 Newbury Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,250</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="533 Newbury Street, #3"
            >
                533 Newbury Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/84-fenway-3-2115/1312"
   @click="selectListing('1312')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57015bbc5e893994f5.17122263.jpg" alt="84 Fenway, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$5,400</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="84 Fenway, #3"
            >
                84 Fenway, #3            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1.5                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/877-beacon-street-3-2215/1878"
   @click="selectListing('1878')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_55945c57f27a3a70d1.48716280.jpg" alt="877 Beacon Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,100</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="877 Beacon Street, #3"
            >
                877 Beacon Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1163-boylston-street-30-2215/813"
   @click="selectListing('813')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_46785b90fd0d309903.06700693.jpg" alt="1163 Boylston Street, #30">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,275</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1163 Boylston Street, #30"
            >
                1163 Boylston Street, #30            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1167-boylston-street-31-2215/846"
   @click="selectListing('846')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_19425b90f9d91473b3.76071891.jpg" alt="1167 Boylston Street, #31">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,150</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1167 Boylston Street, #31"
            >
                1167 Boylston Street, #31            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/49-symphony-road-31-2115/842"
   @click="selectListing('842')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_50945b90f9948947d8.58710441.jpg" alt="49 Symphony Road, #31">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,900</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="49 Symphony Road, #31"
            >
                49 Symphony Road, #31            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/115-saint-stephen-street-32-2115/799"
   @click="selectListing('799')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_90955b90ffbe302379.45786756.jpg" alt="115 Saint Stephen Street, #32">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,995</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="115 Saint Stephen Street, #32"
            >
                115 Saint Stephen Street, #32            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1163-boylston-street-32-2215/814"
   @click="selectListing('814')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_15555b90fda2da9857.87052723.jpg" alt="1163 Boylston Street, #32">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,825</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1163 Boylston Street, #32"
            >
                1163 Boylston Street, #32            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/saint-stephen-street/655"
   @click="selectListing('655')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_62125b911157e808a1.08459750.jpg" alt="Saint Stephen Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,875</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Saint Stephen Street"
            >
                Saint Stephen Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/115-saint-stephen-street-34-2115/800"
   @click="selectListing('800')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_26565b90ffd6ecc088.18032683.jpg" alt="115 Saint Stephen Street, #34">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,900</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="115 Saint Stephen Street, #34"
            >
                115 Saint Stephen Street, #34            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1163-boylston-street-34-2215/816"
   @click="selectListing('816')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_87365b90fdd8d42898.56541417.jpg" alt="1163 Boylston Street, #34">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,835</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1163 Boylston Street, #34"
            >
                1163 Boylston Street, #34            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1171-boylston-street-34-2215/848"
   @click="selectListing('848')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_78575b90fa11d051f1.57475504.jpg" alt="1171 Boylston Street, #34">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,795</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1171 Boylston Street, #34"
            >
                1171 Boylston Street, #34            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/231-park-drive-34-2215/884"
   @click="selectListing('884')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_46065b90ea5ede4fc3.13670370.jpg" alt="231 Park Drive, #34">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,295</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="231 Park Drive, #34"
            >
                231 Park Drive, #34            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/231-park-drive-37-2215/215"
   @click="selectListing('215')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_53725b9136b608baf1.97296927.jpg" alt="231 Park Drive, #37">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,850</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="231 Park Drive, #37"
            >
                231 Park Drive, #37            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/235-park-drive-37-2215/752"
   @click="selectListing('752')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_69445b910472c059f6.59676385.jpg" alt="235 Park Drive, #37">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,195</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="235 Park Drive, #37"
            >
                235 Park Drive, #37            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/49-symphony-road-37-2115/845"
   @click="selectListing('845')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_65705b90f9bbc30572.47906682.jpg" alt="49 Symphony Road, #37">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,900</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="49 Symphony Road, #37"
            >
                49 Symphony Road, #37            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/125-park-drive-38-2215/386"
   @click="selectListing('386')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_77395b912778355127.33519447.jpg" alt="125 Park Drive, #38">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,750</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="125 Park Drive, #38"
            >
                125 Park Drive, #38            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/115-saint-stephen-street-39-2115/801"
   @click="selectListing('801')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_39785b9100050592b3.31941583.jpg" alt="115 Saint Stephen Street, #39">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,995</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="115 Saint Stephen Street, #39"
            >
                115 Saint Stephen Street, #39            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1185-boylston-street-39-2215/745"
   @click="selectListing('745')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_55335b9107c0baf969.93136419.jpg" alt="1185 Boylston Street, #39">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,725</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1185 Boylston Street, #39"
            >
                1185 Boylston Street, #39            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/huntington-avenue/659"
   @click="selectListing('659')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_45245b9111c2e42863.17071738.jpg" alt="Huntington Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Huntington Avenue"
            >
                Huntington Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/41-bay-state-road-3r-2215/855"
   @click="selectListing('855')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_15745b90ecb9aec452.63437141.jpg" alt="41 Bay State Road, #3R">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,100</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="41 Bay State Road, #3R"
            >
                41 Bay State Road, #3R            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1163-boylston-street-4-2215/809"
   @click="selectListing('809')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_70535b910092560414.65295915.jpg" alt="1163 Boylston Street, #4">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,775</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1163 Boylston Street, #4"
            >
                1163 Boylston Street, #4            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1171-boylston-street-4-2215/729"
   @click="selectListing('729')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_83575b9108f08acfe3.31505865.jpg" alt="1171 Boylston Street, #4">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,895</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1171 Boylston Street, #4"
            >
                1171 Boylston Street, #4            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/522"
   @click="selectListing('522')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_66775b911e3539d960.25275600.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,100</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/hemenway-street/465"
   @click="selectListing('465')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_42655b9121f6470141.21785807.jpg" alt="Hemenway Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,200</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Hemenway Street"
            >
                Hemenway Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/6-symphony-road-4-2115/1876"
   @click="selectListing('1876')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_60815c57f196291451.77903059.jpg" alt="6 Symphony Road, #4">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,800</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="6 Symphony Road, #4"
            >
                6 Symphony Road, #4            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1163-boylston-street-40-2215/815"
   @click="selectListing('815')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_37235b90fdc8660b40.01082914.jpg" alt="1163 Boylston Street, #40">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,825</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1163 Boylston Street, #40"
            >
                1163 Boylston Street, #40            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/221-massachusetts-avenue-403-m-2115/773"
   @click="selectListing('773')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_75095b91036d324925.82421485.jpg" alt="221 Massachusetts Avenue, #403 (M)">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,400</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="221 Massachusetts Avenue, #403 (M)"
            >
                221 Massachusetts Avenue, #403 (M)            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1325-boylston-street-413-2215/270"
   @click="selectListing('270')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_58195b9131c46d80f6.78484481.jpg" alt="1325 Boylston Street, #413">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,600</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1325 Boylston Street, #413"
            >
                1325 Boylston Street, #413            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/saint-stephen-street/657"
   @click="selectListing('657')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_82925b911183cf0313.45206610.jpg" alt="Saint Stephen Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,100</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Saint Stephen Street"
            >
                Saint Stephen Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/97-saint-stephen-street-41b-2115/332"
   @click="selectListing('332')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_43875b912d62b52346.36292854.jpg" alt="97 Saint Stephen Street, #41B">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,800</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="97 Saint Stephen Street, #41B"
            >
                97 Saint Stephen Street, #41B            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1325-boylston-street-422-2215/271"
   @click="selectListing('271')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_58765b9131d9717be7.03520665.jpg" alt="1325 Boylston Street, #422">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,135</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1325 Boylston Street, #422"
            >
                1325 Boylston Street, #422            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1175-boylston-street-44-2215/736"
   @click="selectListing('736')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_44865b91067c0b1fb4.00083178.jpg" alt="1175 Boylston Street, #44">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,785</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1175 Boylston Street, #44"
            >
                1175 Boylston Street, #44            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/603"
   @click="selectListing('603')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_63905b91179a56c414.94424046.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,125</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1175-boylston-street-45-2215/738"
   @click="selectListing('738')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_67685b9106bcdba5a6.06378093.jpg" alt="1175 Boylston Street, #45">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,765</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1175 Boylston Street, #45"
            >
                1175 Boylston Street, #45            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1175-boylston-street-47-2215/737"
   @click="selectListing('737')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_44015b910696b3f605.03967400.jpg" alt="1175 Boylston Street, #47">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,795</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1175 Boylston Street, #47"
            >
                1175 Boylston Street, #47            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/huntington-avenue/662"
   @click="selectListing('662')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_94505b911218d61290.55298061.jpg" alt="Huntington Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Huntington Avenue"
            >
                Huntington Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/41-bay-state-road-4f-2215/856"
   @click="selectListing('856')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_56765b90ecca45e2e6.34970695.jpg" alt="41 Bay State Road, #4F">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,650</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="41 Bay State Road, #4F"
            >
                41 Bay State Road, #4F            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1185-boylston-street-5-2215/596"
   @click="selectListing('596')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_42745b9116e04847e3.42818053.jpg" alt="1185 Boylston Street, #5">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,775</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1185 Boylston Street, #5"
            >
                1185 Boylston Street, #5            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/235-park-drive-5-2215/757"
   @click="selectListing('757')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_29485b910514d95925.90165612.jpg" alt="235 Park Drive, #5">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,295</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="235 Park Drive, #5"
            >
                235 Park Drive, #5            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1191-boylston-street-50-2215/746"
   @click="selectListing('746')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_91115b9107d7ad83f2.39660253.jpg" alt="1191 Boylston Street, #50">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,795</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1191 Boylston Street, #50"
            >
                1191 Boylston Street, #50            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1330-boylston-street-511-2215/252"
   @click="selectListing('252')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_40335b90dea450e7f6.25967867.jpg" alt="1330 Boylston Street, #511">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,069</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1330 Boylston Street, #511"
            >
                1330 Boylston Street, #511            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1330-boylston-street-512-2215/253"
   @click="selectListing('253')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_50265b90de809ed7f4.76310495.jpg" alt="1330 Boylston Street, #512">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,803</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1330 Boylston Street, #512"
            >
                1330 Boylston Street, #512            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1.5                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/604"
   @click="selectListing('604')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_72245b9117ab5252f7.10326245.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,825</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/605"
   @click="selectListing('605')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_59305b9117cbc7c889.41309431.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,750</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/607"
   @click="selectListing('607')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_90875b9114e9bda7e2.44434303.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,825</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/309-huntington-avenue-5a-2115/1311"
   @click="selectListing('1311')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_50155bb777df600ca6.55392049.jpg" alt="309 Huntington Avenue, #5A">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,200</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="309 Huntington Avenue, #5A"
            >
                309 Huntington Avenue, #5A            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/huntington-avenue/473"
   @click="selectListing('473')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_39165b52550ec6bdb7.48539707.jpg" alt="Huntington Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,800</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Huntington Avenue"
            >
                Huntington Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/41-bay-state-road-5f-2215/857"
   @click="selectListing('857')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_52625b90ecdd95fe41.18556615.jpg" alt="41 Bay State Road, #5F">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,950</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="41 Bay State Road, #5F"
            >
                41 Bay State Road, #5F            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/524"
   @click="selectListing('524')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_35665b911da9973f78.38404002.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,350</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/hemenway-street/463"
   @click="selectListing('463')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_42065b9121df4207c9.52654629.jpg" alt="Hemenway Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,250</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Hemenway Street"
            >
                Hemenway Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1185-boylston-street-7-2215/597"
   @click="selectListing('597')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_31875b9117027cfac2.35497551.jpg" alt="1185 Boylston Street, #7">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,825</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1185 Boylston Street, #7"
            >
                1185 Boylston Street, #7            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/525"
   @click="selectListing('525')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_97105b911d89567949.13076130.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,650</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/180-brookline-avenue-704-2215/777"
   @click="selectListing('777')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_35405b9100ccf2d741.98654746.jpg" alt="180 Brookline Avenue, #704">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,826</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="180 Brookline Avenue, #704"
            >
                180 Brookline Avenue, #704            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1350-boylston-street-718-2215/251"
   @click="selectListing('251')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_39685b90deda1da763.80773111.jpg" alt="1350 Boylston Street, #718">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,990</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1350 Boylston Street, #718"
            >
                1350 Boylston Street, #718            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/526"
   @click="selectListing('526')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_63665b911d7d6492e3.42501597.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,750</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/hemenway-street/464"
   @click="selectListing('464')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57275b9121e7e8ec11.54857980.jpg" alt="Hemenway Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,775</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Hemenway Street"
            >
                Hemenway Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1330-boylston-street-801-2215/254"
   @click="selectListing('254')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_25195b90de5831e5e9.65211106.jpg" alt="1330 Boylston Street, #801">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,233</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1330 Boylston Street, #801"
            >
                1330 Boylston Street, #801            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1.5                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/221-massachusetts-avenue-808-2115/775"
   @click="selectListing('775')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_33605b9103969fc149.10748099.jpg" alt="221 Massachusetts Avenue, #808">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,150</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="221 Massachusetts Avenue, #808"
            >
                221 Massachusetts Avenue, #808            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/75-saint-alphonsus-street-809-2120/194"
   @click="selectListing('194')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_66195b913a694aab92.87745394.jpg" alt="75 Saint Alphonsus Street, #809">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,960</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="75 Saint Alphonsus Street, #809"
            >
                75 Saint Alphonsus Street, #809            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/boylston-street/527"
   @click="selectListing('527')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_91885b911d6e9372e5.77616026.jpg" alt="Boylston Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,200</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Boylston Street"
            >
                Boylston Street            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/235-park-drive-9-2215/756"
   @click="selectListing('756')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_49675b910504406d55.89883450.jpg" alt="235 Park Drive, #9">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,795</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="235 Park Drive, #9"
            >
                235 Park Drive, #9            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/56-queensberry-street-9-2215/956"
   @click="selectListing('956')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_20235b90e489885933.74598922.jpg" alt="56 Queensberry Street, #9">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,900</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="56 Queensberry Street, #9"
            >
                56 Queensberry Street, #9            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/1350-boylston-street-907-2215/250"
   @click="selectListing('250')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_14155b90df02ae1878.20395828.jpg" alt="1350 Boylston Street, #907">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,835</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1350 Boylston Street, #907"
            >
                1350 Boylston Street, #907            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/75-saint-alphonsus-street-907-2120/195"
   @click="selectListing('195')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_26355b913a80712d17.06099290.jpg" alt="75 Saint Alphonsus Street, #907">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,460</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="75 Saint Alphonsus Street, #907"
            >
                75 Saint Alphonsus Street, #907            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    3                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/6-symphony-road-b-2115/1875"
   @click="selectListing('1875')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_80115c57f1754f5984.73395842.jpg" alt="6 Symphony Road, #B">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,000</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="6 Symphony Road, #B"
            >
                6 Symphony Road, #B            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/115-saint-stephen-street-b-4-2115/798"
   @click="selectListing('798')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_75415b90ffa1570617.23162172.jpg" alt="115 Saint Stephen Street, #B-4">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,900</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="115 Saint Stephen Street, #B-4"
            >
                115 Saint Stephen Street, #B-4            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-dorchester-massachusetts/171-hemenway-street-b1-2115/787"
   @click="selectListing('787')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_66505b9101dba47597.81074684.jpg" alt="171 Hemenway Street, #B1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,400</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="171 Hemenway Street, #B1"
            >
                171 Hemenway Street, #B1            </p>
                        <p
                class="hood"
                title="Apartments in Dorchester, Massachusetts, Boston"
            >
                Apartments in Dorchester, Massachusetts, Boston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                                            </div>

                </section>
            
            <!-- location, subways-->

            <!--               <section class="nei-subways">-->
            <!--                <div class="columns is-gapless">-->
            <!--                    <div class="column is-7">-->
            <!--                        <figure class="image">-->
            <!--                            -->            <!--                            <img src="--><!--">-->
            <!--                        </figure>-->
            <!--                    </div>-->
            <!--                    <div class="column">-->
            <!--                        <div class="block-content has-text-centered-mobile has-text-left-tablet">-->
            <!--                            <div class="block-title">Location</div>-->
            <!--                            <div class="block-text">-->
            <!--                                -->            <!--                            </div>-->
            <!--                            -->            <!--                            <div class="block-subtitle is-size-4-mobile">Subways</div>-->
            <!--                            <div class="is-flex neigh-subways-icon">-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!---->
            <!--                            </div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </section>-->

        </section>
    </section>
</scroll-item>


        </scroll-container>

        <login-modal ref="loginWindow"></login-modal>

                    <footer-component></footer-component>
        
        <sweet-modal ref="contactModal" title="We're here to help" v-cloak class="main-contact-modal">


            <div class="columns is-multiline">
                <div class="column is-6">
                    <div class="contact-modal-section-label">
                        <b-icon icon="phone" size="is-large"></b-icon>
                        <div class="label-txt">
                            Call Us: <a href="tel:8447333385">(844) 733-3385</a>
                        </div>
                    </div>
                </div>
                <div class="column is-6">
                    <div class="contact-modal-section-label">
                        <b-icon icon="envelope" size="is-large"></b-icon>
                        <div class="label-txt">
                           Or send us a message:
                        </div>
                    </div>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Your Name:
                    </div>
                    <section>
                        <b-field>
                            <b-input
                                v-model.trim="contactModalForm.name"
                                v-bind="{'disabled': isLoading}"
                            >
                            </b-input>
                        </b-field>
                    </section>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Your Email:
                    </div>
                    <section>
                        <b-field>
                            <b-input
                                v-model.trim="contactModalForm.email"
                                v-bind="{'disabled': isLoading}"
                            >
                            </b-input>
                        </b-field>
                    </section>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Your Phone:
                    </div>
                    <section>
                        <b-field>
                            <b-input
                                v-cleave="contactModalForm.masks.phone"
                                v-model.trim="contactModalForm.phone"
                                v-bind="{'disabled': isLoading}"
                            >
                            </b-input>
                        </b-field>
                    </section>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Type of questions:
                    </div>
                    <b-field>
                        <b-select
                            v-model="contactModalForm.questionTypeIndex"
                            v-bind="{'disabled': isLoading}"
                            expanded
                        >
                            <option
                                v-for="(title, index) in contactModalForm.questionTypes"
                                :value="index"
                                :key="'option_' + index"
                            >
                                {{ title }}
                            </option>
                        </b-select>
                    </b-field>
                </div>
                <div class="column is-12">
                    <div class="filters-modal-block-label">
                        Message:
                    </div>
                    <b-field>
                        <b-input
                            maxlength="500"
                            type="textarea"
                            v-model.trim="contactModalForm.message"
                            v-bind="{'disabled': isLoading}"
                        ></b-input>
                    </b-field>
                </div>
                <div class="column is-12 has-text-right">
                    <button
                        class="button is-primary"
                        :class="{'is-loading': isLoading}"
                        @click="contactModalFormOnClickSendMessage"
                    >
                        Send
                    </button>
                </div>
            </div>

        </sweet-modal>
    </div>

</section>

<script>
    window.fbAsyncInit = function () {
        FB.init({
            appId: 438487566501401,
            cookie: true,
            xfbml: true,
            version: 'v2.12'
        });

        FB.AppEvents.logPageView();
    };

    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {
            return;
        }
        js = d.createElement(s);
        js.id = id;
        js.src = "https://connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<script type="text/javascript">
    var user = {};
</script>
<script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "Organization",
        "name": "3D Apartment",
        "url": "https://3dapartment.com/",
        "sameAs": [
            "https://www.youtube.com/c/3DAPARTMENT",
            "https://www.facebook.com/3Dapartments",
            "https://www.linkedin.com/company/3dapartment",
            "https://twitter.com/3dapartment"
        ],
        "logo": "https://3dapartment.com/img/assets/big-logo-blue.png"
    }
</script>
<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Review",
  "reviewBody": "127 Apartments in Apartments in Dorchester, Massachusetts, Boston, MA.",
  "itemReviewed": {
    "@type": "Place",
    "image": "https://3dapartment.com/uploads/neighborhoods/header_5afc018d621622.34075577.png",
    "name": "Apartments in Dorchester, Massachusetts",
    "address":{
         "addressRegion": "MA",
         "addressLocality": "Apartments in Dorchester, Massachusetts, Boston"
    }
  },
  "publisher": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "author": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "description":"Kenmore Square is considered the intersection of Beacon Street and Commonwealth Avenue. However, this little square offers so much to many including history, nightlife, and apartments. Fenway Park sits on Landsdowne Street where you can find the House of Blues, Cask n Flagon and a variety of restaurants, bars and clubs.  Kenmore Square apartments offers brownstones, condos,  and luxury apartments.",
  "url" : "http://3dapartment.com/n/greater-boston/apartments-in-dorchester-massachusetts/44",
  "image" : "http://3dapartment.com/uploads/neighborhoods/main/main_5afc018d61f1e3.29415823.jpg ",
  "name": "3D Apartment | Apartments in Dorchester, Massachusetts"

}


</script>

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Place",
  "address":{
         "addressRegion": "MA",
         "addressLocality": "Apartments in Dorchester, Massachusetts, Boston"
    },
  "description":"Kenmore Square is considered the intersection of Beacon Street and Commonwealth Avenue. However, this little square offers so much to many including history, nightlife, and apartments. Fenway Park sits on Landsdowne Street where you can find the House of Blues, Cask n Flagon and a variety of restaurants, bars and clubs.  Kenmore Square apartments offers brownstones, condos,  and luxury apartments.",
  "url" : "http://3dapartment.com/n/greater-boston/apartments-in-dorchester-massachusetts/44",
  "image" : "http://3dapartment.com/uploads/neighborhoods/main/main_5afc018d61f1e3.29415823.jpg ",
  "name": "3D Apartment | Apartments in Dorchester, Massachusetts"
}

</script>

<script src="/build/app.801b4dd2f257a817c590.js" async="async"></script>
<script type="text/javascript">
(function(){
    const map = {
        '8573056004': 'AW-611187644/1s_3CJTx2eYBELz3t6MC',
        '7866716029': 'AW-611187644/HothCM_MveYBELz3t6MC',
        '8447333385': 'AW-611187644/HPePCPru2eYBELz3t6MC',
    };

    document.addEventListener('click', ({ target }) => {
        if (typeof gtag !== 'undefined' && target && target.hasAttribute('href')) {
            Object.entries(map)
                .forEach(([tel, to]) => {
                    if (`tel:${tel}` === target.getAttribute('href')) {
                        gtag('event', 'conversion', { send_to: to });
                    }
                });
        }
    });
})();
</script>
</body>
</html>