<!--
                                                                          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=1.0, minimum-scale=1.0">

    <title>3D Apartment | Allston</title>

    <meta  name="title" content="Apartments For Rent in Allston, Boston, MA. | 3D Apartment"><meta  property="og:title" content="Apartments For Rent in Allston, Boston, MA. | 3D Apartment"><meta  property="og:type" content="website"><meta property="og:url" content="https://3dapartment.com/n/greater-boston/allston/23"><meta property="og:image" content="https://3dapartment.com/uploads/neighborhoods/main/main_5ae08022cc8da9.31147915.jpg"><meta property="og:image:type" content="image/png"><meta  property="og:description" content="Take Virtual Reality Tours of 93 apartments in Allston, Boston, MA. No More Hectic Travel. No More Wasted time. No More Bad Scheduling. Experience Before Visiting. Tour Your Future Home in 3D."><meta  name="description" content="Take Virtual Reality Tours of 93 apartments in Allston, Boston, MA. No More Hectic Travel. No More Wasted time. No More Bad Scheduling. Experience Before Visiting. Tour Your Future Home in 3D."><link rel="canonical" href="https://3dapartment.com/n/greater-boston/allston/23"/>    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2">
    <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.142ae97fd9699975411c3e918f93ce9d.min.css"/>    <link rel="stylesheet" href="/build/style.5d44190ff5e5474a693c7d54e281bac4.css"/>    <link rel="stylesheet" href="/css/pannellum.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>
        window.dataLayer = window.dataLayer || [];

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

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

        gtag('config', 'UA-93752321-2');
    </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>
    <noscript>
        <img height="1" width="1"
             src="https://www.facebook.com/tr?id=216360782292907&ev=PageView&noscript=1"/>
    </noscript>
    <!— End Facebook Pixel Code —>
    
<!-- Hotjar Tracking Code for http://3dapartment.com -->
    <script>
        (function (h, o, t, j, a, r) {
            h.hj = h.hj || function () {
                (h.hj.q = h.hj.q || []).push(arguments)
            };
            h._hjSettings = {hjid: 938428, hjsv: 6};
            a = o.getElementsByTagName('head')[0];
            r = o.createElement('script');
            r.async = 1;
            r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
            a.appendChild(r);
        })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
    </script>

<!-- 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(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
  ;r.type="text/javascript";r.async=true
  ;r.src="https://cdn.amplitude.com/libs/amplitude-4.4.0-min.gz.js"
  ;r.onload=function(){if(e.amplitude.runQueuedFunctions){
  e.amplitude.runQueuedFunctions()}else{
  console.log("[Amplitude] Error: could not load SDK")}}
  ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
  ;function s(e,t){e.prototype[t]=function(){
  this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
  var o=function(){this._q=[];return this}
  ;var a=["add","append","clearAll","prepend","set","setOnce","unset"]
  ;for(var u=0;u<a.length;u++){s(o,a[u])}n.Identify=o;var c=function(){this._q=[]
  ;return this}
  ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
  ;for(var p=0;p<l.length;p++){s(c,l[p])}n.Revenue=c
  ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
  ;function v(e){function t(t){e[t]=function(){
  e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
  for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
  e=(!e||e.length===0?"$default_instance":e).toLowerCase()
  ;if(!n._iq.hasOwnProperty(e)){n._iq[e]={_q:[]};v(n._iq[e])}return n._iq[e]}
  ;e.amplitude=n})(window,document);

  amplitude.getInstance().init("844e5d6bac17c795404aa0ee676e55bb");
</script>
</head>

<body>
<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_5ae08022cc9f64.47869931.jpg"
                                 alt="3d apartment Allston">
                        </figure>
                    </div>

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

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

                            <h1 class="neigh-name is-size-1-mobile">
                             Allston                            </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">
                                The Allston neighborhood of Boston is a village, powered by small businesses, eclectic restaurants, and a community of students, professionals, and families. The T is easily accessible on Commonwealth Avenue and there are bus options along Brighton and Harvard Avenues. The town is anchored by Boston College and Boston University.                            </div>
                        </div>
                    </div>
                    <div class="column is-6">
                        <figure class="image">
                            <img src="/uploads/neighborhoods/main/main_5ae08022cc8da9.31147915.jpg"
                                 alt="3d apartment in Allston">
                        </figure>
                    </div>
                </div>

            </section>

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

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

                    <div class="listings-grid">
                        
                            <a class="listing-grid-card"
   
   href="/allston/65-brainerd-road-417-2134/168"
   @click="selectListing('168')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_11165b632211ac5704.35614696.jpg"
                 alt="65 Brainerd Road #417"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,481</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="65 Brainerd Road #417"
            >
                65 Brainerd Road #417            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/65-brainerd-road-310-2134/169"
   @click="selectListing('169')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_18395b913bfc8865f6.67601016.jpg"
                 alt="65 Brainerd Road #310"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,582</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="65 Brainerd Road #310"
            >
                65 Brainerd Road #310            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/65-brainerd-road-410-2134/170"
   @click="selectListing('170')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_73715b63226ae61d85.89195207.jpg"
                 alt="65 Brainerd Road #410"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,200</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="65 Brainerd Road #410"
            >
                65 Brainerd Road #410            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </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/bath-small.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="/allston/60-brainerd-road-507-2134/171"
   @click="selectListing('171')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_58155b913af2738357.11253840.jpg"
                 alt="60 Brainerd Road #507"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,120</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="60 Brainerd Road #507"
            >
                60 Brainerd Road #507            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/60-brainerd-road-101-2134/172"
   @click="selectListing('172')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_40305b63228fe25496.84704641.jpg"
                 alt="60 Brainerd Road #101"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,028</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="60 Brainerd Road #101"
            >
                60 Brainerd Road #101            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/34-gardner-street-5-2134/175"
   @click="selectListing('175')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_92155b913b32e3aa52.69531546.jpg"
                 alt="34 Gardner Street #5"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,250</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="34 Gardner Street #5"
            >
                34 Gardner Street #5            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/34-gardner-street-31-2134/216"
   @click="selectListing('216')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_17315b9136c7c6cad9.62825397.jpg"
                 alt="34 Gardner Street #31"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,350</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="34 Gardner Street #31"
            >
                34 Gardner Street #31            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 08/02/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/20-armington-street-11-2134/231"
   @click="selectListing('231')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_73555b91358ccd9df7.58242535.jpg"
                 alt="20 Armington Street #11"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,950</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="20 Armington Street #11"
            >
                20 Armington Street #11            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/67-harvard-avenue-1-2134/458"
   @click="selectListing('458')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57955b91217cd1d142.61478137.jpg"
                 alt="67 Harvard Avenue #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,300</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="67 Harvard Avenue #1"
            >
                67 Harvard Avenue #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/69-harvard-avenue-1-2134/459"
   @click="selectListing('459')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_17255b91219429fba7.84764764.jpg"
                 alt="69 Harvard Avenue #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,695</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="69 Harvard Avenue #1"
            >
                69 Harvard Avenue #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </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/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/69-harvard-avenue-g1-2134/482"
   @click="selectListing('482')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_49615b52550f70ed37.79448660.jpg"
                 alt="69 Harvard Avenue #G1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,900</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="69 Harvard Avenue #G1"
            >
                69 Harvard Avenue #G1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/69-harvard-avenue-g1-2134/874"
   @click="selectListing('874')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_97235b90ebc07133e4.96871328.jpg"
                 alt="69 Harvard Avenue #G1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,900</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="69 Harvard Avenue #G1"
            >
                69 Harvard Avenue #G1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/65-brainerd-road-417-2134/967"
   @click="selectListing('967')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_92715b90e2aa161997.95608536.jpg"
                 alt="65 Brainerd Road #417"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="65 Brainerd Road #417"
            >
                65 Brainerd Road #417            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/439-cambridge-street-23-2134/1028"
   @click="selectListing('1028')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_83055b905326070a16.96339502.jpg"
                 alt="439 Cambridge Street #23"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,200</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="439 Cambridge Street #23"
            >
                439 Cambridge Street #23            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/437-cambridge-street-24-2134/1029"
   @click="selectListing('1029')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_49205b9052b0a5afa5.49525298.jpg"
                 alt="437 Cambridge Street #24"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,200</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="437 Cambridge Street #24"
            >
                437 Cambridge Street #24            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/439-cambridge-street-4-2134/1032"
   @click="selectListing('1032')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_33595b9052db14b3c7.82998080.jpg"
                 alt="439 Cambridge Street #4"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,200</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="439 Cambridge Street #4"
            >
                439 Cambridge Street #4            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/8-farrington-avenue-1-2134/1041"
   @click="selectListing('1041')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_27565b96d479a8b896.55123552.jpg"
                 alt="8 Farrington Avenue #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,300</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="8 Farrington Avenue #1"
            >
                8 Farrington Avenue #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/1197-commonwealth-avenue-101-2134/1042"
   @click="selectListing('1042')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_29675b96d491bb38f9.48844460.jpg"
                 alt="1197 Commonwealth Avenue #101"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,090</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="1197 Commonwealth Avenue #101"
            >
                1197 Commonwealth Avenue #101            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/1193-commonwealth-avenue-1-2134/1043"
   @click="selectListing('1043')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_80995b96d4c319c0d0.15034886.jpg"
                 alt="1193 Commonwealth Avenue #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,240</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="1193 Commonwealth Avenue #1"
            >
                1193 Commonwealth Avenue #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/15-barrows-street-4-2134/1081"
   @click="selectListing('1081')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_75955b99d05875e488.95566900.jpg"
                 alt="15 Barrows Street #4"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="15 Barrows Street #4"
            >
                15 Barrows Street #4            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/8-barrows-street-1-2134/1082"
   @click="selectListing('1082')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_34555b99d053d72ff8.00931325.jpg"
                 alt="8 Barrows Street #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,700</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="8 Barrows Street #1"
            >
                8 Barrows Street #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/219-western-avenue-n209-2134/1129"
   @click="selectListing('1129')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_54635ba0ac118c75e7.21518437.jpg"
                 alt="219 Western Avenue #N209"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,627</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="219 Western Avenue #N209"
            >
                219 Western Avenue #N209            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </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/bath-small.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="/allston/5-barrows-street-1-2134/1157"
   @click="selectListing('1157')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_53565ba283f6b6f1f7.21907480.jpg"
                 alt="5 Barrows Street #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,875</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="5 Barrows Street #1"
            >
                5 Barrows Street #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/65-brainerd-road-201-2134/1289"
   @click="selectListing('1289')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_33975bb5187c3fe4a5.52819114.jpg"
                 alt="65 Brainerd Road #201"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,395</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="65 Brainerd Road #201"
            >
                65 Brainerd Road #201            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </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/bath-small.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="/allston/60-brainerd-road-408-2134/1291"
   @click="selectListing('1291')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_44575bb519e33143a1.57758393.jpg"
                 alt="60 Brainerd Road #408"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,466</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="60 Brainerd Road #408"
            >
                60 Brainerd Road #408            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/446-cambridge-street-210-2134/1304"
   @click="selectListing('1304')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_17645bbc6b23dce838.92776778.jpg"
                 alt="446 Cambridge Street #210"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="446 Cambridge Street #210"
            >
                446 Cambridge Street #210            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/11-higgins-street-2-2134/1343"
   @click="selectListing('1343')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_66595bc438d5dbcf40.29688645.jpg"
                 alt="11 Higgins Street #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,500</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="11 Higgins Street #2"
            >
                11 Higgins Street #2            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/11-higgins-street-4-2134/1344"
   @click="selectListing('1344')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_82475bc438c72e50e6.33635351.jpg"
                 alt="11 Higgins Street #4"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,200</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="11 Higgins Street #4"
            >
                11 Higgins Street #4            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/34-gardner-street-34-2134/1462"
   @click="selectListing('1462')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57685be1a15a2b11b6.45752487.jpg"
                 alt="34 Gardner Street #34"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,400</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="34 Gardner Street #34"
            >
                34 Gardner Street #34            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/45-pratt-street-1-2134/1472"
   @click="selectListing('1472')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_65735beba971df34a7.34951567.jpg"
                 alt="45 Pratt Street #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,300</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="45 Pratt Street #1"
            >
                45 Pratt Street #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/1246-commonwealth-avenue-22-2134/1635"
   @click="selectListing('1635')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_67605c350e741ff246.65271067.jpg"
                 alt="1246 Commonwealth Avenue #22"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,600</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="1246 Commonwealth Avenue #22"
            >
                1246 Commonwealth Avenue #22            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/8-gardner-street-4-2134/1869"
   @click="selectListing('1869')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_91075c54f11b696a55.58177643.jpg"
                 alt="8 Gardner Street #4"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,795</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="8 Gardner Street #4"
            >
                8 Gardner Street #4            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/162-kelton-street-1-2134/1871"
   @click="selectListing('1871')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_69725c5613497a73d0.61332295.jpg"
                 alt="162 Kelton Street #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="162 Kelton Street #1"
            >
                162 Kelton Street #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/11-saint-lukes-road-1-2134/1906"
   @click="selectListing('1906')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_53455c5df44a3621b0.16238520.jpg"
                 alt="11 Saint Lukes Road #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,200</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="11 Saint Lukes Road #1"
            >
                11 Saint Lukes Road #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/11-saint-lukes-road-3-2134/1908"
   @click="selectListing('1908')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_70405c5e15fadf2137.36896969.jpg"
                 alt="11 Saint Lukes Road #3"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,300</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="11 Saint Lukes Road #3"
            >
                11 Saint Lukes Road #3            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/19-saint-lukes-road-1-2134/1909"
   @click="selectListing('1909')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_65995c5e1d3ddb2224.91915041.jpg"
                 alt="19 Saint Lukes Road #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,200</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="19 Saint Lukes Road #1"
            >
                19 Saint Lukes Road #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/19-saint-lukes-road-2-2134/1910"
   @click="selectListing('1910')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_56545c5e234ddb8785.80117639.jpg"
                 alt="19 Saint Lukes Road #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,300</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="19 Saint Lukes Road #2"
            >
                19 Saint Lukes Road #2            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/19-saint-lukes-road-3-2134/1911"
   @click="selectListing('1911')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_58145c5f061d7d0b23.28316410.jpg"
                 alt="19 Saint Lukes Road #3"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,300</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="19 Saint Lukes Road #3"
            >
                19 Saint Lukes Road #3            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/21-saint-lukes-road-1-2134/1912"
   @click="selectListing('1912')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_12915c5f40d98eb8a4.13301288.jpg"
                 alt="21 Saint Lukes Road #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,300</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="21 Saint Lukes Road #1"
            >
                21 Saint Lukes Road #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/21-saint-lukes-road-2-2134/1920"
   @click="selectListing('1920')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_60745c5f43f57f0bf0.85002251.jpg"
                 alt="21 Saint Lukes Road #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,300</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="21 Saint Lukes Road #2"
            >
                21 Saint Lukes Road #2            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/45-ashford-street-12-2134/1925"
   @click="selectListing('1925')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_55215c612883a7ed39.31021402.jpg"
                 alt="45 Ashford Street #12"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,350</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="45 Ashford Street #12"
            >
                45 Ashford Street #12            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/21-saint-lukes-road-2-2134/1946"
   @click="selectListing('1946')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_81815c61806f00f1a2.59971010.jpg"
                 alt="21 Saint Lukes Road #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,300</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="21 Saint Lukes Road #2"
            >
                21 Saint Lukes Road #2            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/21-saint-lukes-road-3-2134/1949"
   @click="selectListing('1949')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_77935c61d806edf031.08064111.jpg"
                 alt="21 Saint Lukes Road #3"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,300</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="21 Saint Lukes Road #3"
            >
                21 Saint Lukes Road #3            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/1284-commonwealth-avenue-6-2134/1993"
   @click="selectListing('1993')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_79055c7f935bd226b4.79073386.jpg"
                 alt="1284 Commonwealth Avenue #6"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,900</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="1284 Commonwealth Avenue #6"
            >
                1284 Commonwealth Avenue #6            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 08/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/1185-commonwealth-avenue-3-2134/2029"
   @click="selectListing('2029')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_98485c80e578652484.31484736.jpg"
                 alt="1185 Commonwealth Avenue #3"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,390</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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 Commonwealth Avenue #3"
            >
                1185 Commonwealth Avenue #3            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/27-glenville-avenue-3-2134/2037"
   @click="selectListing('2037')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_46045c8f9b630a24a0.14720808.jpg"
                 alt="27 Glenville Avenue #3"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,200</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="27 Glenville Avenue #3"
            >
                27 Glenville Avenue #3            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/allston/25-walbridge-street-5-2134/2098"
   @click="selectListing('2098')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_52035c94cc411b3b59.26082839.jpg"
                 alt="25 Walbridge Street #5"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,895</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="25 Walbridge Street #5"
            >
                25 Walbridge Street #5            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/15-glenville-avenue-b2-2134/2328"
   @click="selectListing('2328')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_45895cf8f0107e4163.04158868.jpg"
                 alt="15 Glenville Avenue #B2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,550</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="15 Glenville Avenue #B2"
            >
                15 Glenville Avenue #B2            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/15-glenville-avenue-b7-2134/2449"
   @click="selectListing('2449')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_43205ce88e7328cf83.15904394.jpg"
                 alt="15 Glenville Avenue #B7"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="15 Glenville Avenue #B7"
            >
                15 Glenville Avenue #B7            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/190-kelton-street-2-2134/3608"
   @click="selectListing('3608')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_83285e82aa4ff26315.24377194.jpg"
                 alt="190 Kelton Street #2"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="190 Kelton Street #2"
            >
                190 Kelton Street #2            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/1277-commonwealth-avenue-209-2134/3674"
   @click="selectListing('3674')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_60175e861884aa37c9.02714304.jpg"
                 alt="1277 Commonwealth Avenue #209"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1277 Commonwealth Avenue #209"
            >
                1277 Commonwealth Avenue #209            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/allston/190-kelton-street-b-2134/3935"
   @click="selectListing('3935')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_27745e990b69be42b7.41958326.jpg"
                 alt="190 Kelton Street #B"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="190 Kelton Street #B"
            >
                190 Kelton Street #B            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/north-beacon-street/4003"
   @click="selectListing('4003')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_72965e9e804a6f6c73.17477637.jpg"
                 alt="North Beacon Street"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="North Beacon Street"
            >
                North Beacon Street            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/allston/north-beacon-street/4004"
   @click="selectListing('4004')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_45755e9e809c6bfd30.33518613.jpg"
                 alt="North Beacon Street"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="North Beacon Street"
            >
                North Beacon Street            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/allston/north-beacon-street/4005"
   @click="selectListing('4005')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_44105e9e80fd4d6ba4.80877519.jpg"
                 alt="North Beacon Street"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="North Beacon Street"
            >
                North Beacon Street            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/allston/north-beacon-street/4006"
   @click="selectListing('4006')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_14815e9e814aa55ad6.79859206.jpg"
                 alt="North Beacon Street"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="North Beacon Street"
            >
                North Beacon Street            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/allston/10-saunders-street-1-2134/4063"
   @click="selectListing('4063')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57765ea2e757bce877.65029652.jpg"
                 alt="10 Saunders Street #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,025</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="10 Saunders Street #1"
            >
                10 Saunders Street #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        6                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/89-chester-street-a2-2134/4217"
   @click="selectListing('4217')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_34115eb0355e180f67.70433068.jpg"
                 alt="89 Chester Street #A2"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="89 Chester Street #A2"
            >
                89 Chester Street #A2            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/1-linden-street-b-2134/4356"
   @click="selectListing('4356')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_81925eb4ea7ce971c8.60067378.jpg"
                 alt="1 Linden Street #B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,650</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1 Linden Street #B"
            >
                1 Linden Street #B            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </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/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/1-linden-street-2b-2134/4357"
   @click="selectListing('4357')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_67465eb4eaa2454902.72647711.jpg"
                 alt="1 Linden Street #2B"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1 Linden Street #2B"
            >
                1 Linden Street #2B            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/53-quint-avenue-1-2134/4360"
   @click="selectListing('4360')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_53185eb4ecd13075e5.29825715.jpg"
                 alt="53 Quint Avenue #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,550</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="53 Quint Avenue #1"
            >
                53 Quint Avenue #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/1277-commonwealth-avenue-201-2134/4450"
   @click="selectListing('4450')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_72965ebabdbe8421f5.02338341.jpg"
                 alt="1277 Commonwealth Avenue #201"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1277 Commonwealth Avenue #201"
            >
                1277 Commonwealth Avenue #201            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/56-brighton-avenue-55-2134/4726"
   @click="selectListing('4726')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_49285ec6c18269e813.55411272.jpg"
                 alt="56 Brighton Avenue #55"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,695</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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 Brighton Avenue #55"
            >
                56 Brighton Avenue #55            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/89-gardner-street-2-2134/4944"
   @click="selectListing('4944')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_79985ed1e648777316.72236380.jpg"
                 alt="89 Gardner Street #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="89 Gardner Street #2"
            >
                89 Gardner Street #2            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/1277-commonwealth-avenue-305-2134/5120"
   @click="selectListing('5120')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_56915ed898c6609527.41116173.jpg"
                 alt="1277 Commonwealth Avenue #305"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1277 Commonwealth Avenue #305"
            >
                1277 Commonwealth Avenue #305            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/4-park-vale-avenue-4-2134/5133"
   @click="selectListing('5133')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_64375ed9494e630fd0.76718118.jpg"
                 alt="4 Park Vale Avenue #4"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,900</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="4 Park Vale Avenue #4"
            >
                4 Park Vale Avenue #4            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/1371-commonwealth-avenue-1-2134/5243"
   @click="selectListing('5243')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_90755edfc5bfb40242.33518464.jpg"
                 alt="1371 Commonwealth Avenue #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,850</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="1371 Commonwealth Avenue #1"
            >
                1371 Commonwealth Avenue #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        5                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/33-walbridge-street-6-2134/5261"
   @click="selectListing('5261')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_96785ee09a55bd8d84.32693007.jpg"
                 alt="33 Walbridge Street #6"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,550</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="33 Walbridge Street #6"
            >
                33 Walbridge Street #6            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/33-walbridge-street-2-2134/5262"
   @click="selectListing('5262')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_61055ee09a9fb38a48.31864214.jpg"
                 alt="33 Walbridge Street #2"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="33 Walbridge Street #2"
            >
                33 Walbridge Street #2            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/33-walbridge-street-12-2134/5263"
   @click="selectListing('5263')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_44995ee09aedad90a3.81048243.jpg"
                 alt="33 Walbridge Street #12"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,550</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="33 Walbridge Street #12"
            >
                33 Walbridge Street #12            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/33-walbridge-street-8-2134/5264"
   @click="selectListing('5264')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_80755ee09b33586d37.52902515.jpg"
                 alt="33 Walbridge Street #8"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="33 Walbridge Street #8"
            >
                33 Walbridge Street #8            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/33-walbridge-street-17-2134/5265"
   @click="selectListing('5265')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_42415ee09b7fd8bf34.49966645.jpg"
                 alt="33 Walbridge Street #17"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,695</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="33 Walbridge Street #17"
            >
                33 Walbridge Street #17            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/15-glenville-avenue-5-2134/5266"
   @click="selectListing('5266')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_79365ee09d0c690a33.26489135.jpg"
                 alt="15 Glenville Avenue #5"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,695</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="15 Glenville Avenue #5"
            >
                15 Glenville Avenue #5            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/15-glenville-avenue-b4-2134/5267"
   @click="selectListing('5267')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_22535ee09d520e6e64.46345807.jpg"
                 alt="15 Glenville Avenue #B4"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,495</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="15 Glenville Avenue #B4"
            >
                15 Glenville Avenue #B4            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/15-glenville-avenue-4-2134/5268"
   @click="selectListing('5268')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_14735ee09dbb295f16.99459269.jpg"
                 alt="15 Glenville Avenue #4"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,195</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="15 Glenville Avenue #4"
            >
                15 Glenville Avenue #4            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/15-glenville-avenue-b1-2134/5269"
   @click="selectListing('5269')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_83455ee09e023707c7.82972533.jpg"
                 alt="15 Glenville Avenue #B1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,595</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="15 Glenville Avenue #B1"
            >
                15 Glenville Avenue #B1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/15-glenville-avenue-7-2134/5270"
   @click="selectListing('5270')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_21165ee09e5b4b7524.32530807.jpg"
                 alt="15 Glenville Avenue #7"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="15 Glenville Avenue #7"
            >
                15 Glenville Avenue #7            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/15-glenville-avenue-b5-2134/5271"
   @click="selectListing('5271')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_33905ee09eb3e73698.54006603.jpg"
                 alt="15 Glenville Avenue #B5"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,895</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="15 Glenville Avenue #B5"
            >
                15 Glenville Avenue #B5            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/15-glenville-avenue-8-2134/5272"
   @click="selectListing('5272')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_25665ee09f295c98b8.74758400.jpg"
                 alt="15 Glenville Avenue #8"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,395</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="15 Glenville Avenue #8"
            >
                15 Glenville Avenue #8            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/7-harvard-terrace-3-2134/5450"
   @click="selectListing('5450')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_47415eeba4ce5f45c1.23746271.jpg"
                 alt="7 Harvard Terrace #3"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,400</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="7 Harvard Terrace #3"
            >
                7 Harvard Terrace #3            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/582-cambridge-street-1-2134/5511"
   @click="selectListing('5511')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_71755ef094f82a9e40.33071327.jpg"
                 alt="582 Cambridge Street #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,200</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="582 Cambridge Street #1"
            >
                582 Cambridge Street #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

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

        <div class="content-footer">
            <div class="is-exclusive">
                                    <div class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/1277-commonwealth-avenue-112-2134/5669"
   @click="selectListing('5669')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_37425ef61133b46277.38455312.jpg"
                 alt="1277 Commonwealth Avenue #112"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1277 Commonwealth Avenue #112"
            >
                1277 Commonwealth Avenue #112            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/1277-commonwealth-avenue-302-2134/5670"
   @click="selectListing('5670')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_96805ef6117363b2d2.45424119.jpg"
                 alt="1277 Commonwealth Avenue #302"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1277 Commonwealth Avenue #302"
            >
                1277 Commonwealth Avenue #302            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/7-harvard-terrace-3-2134/5682"
   @click="selectListing('5682')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_75615ef795ae787ca7.45225855.jpg"
                 alt="7 Harvard Terrace #3"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,100</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="7 Harvard Terrace #3"
            >
                7 Harvard Terrace #3            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

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

        <div class="content-footer">
            <div class="is-exclusive">
                                    <div class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/1277-commonwealth-avenue-412-2134/5688"
   @click="selectListing('5688')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_51365ef982bd2664f9.88549455.jpg"
                 alt="1277 Commonwealth Avenue #412"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1277 Commonwealth Avenue #412"
            >
                1277 Commonwealth Avenue #412            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </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/bath-small.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="/allston/1277-commonwealth-avenue-110-2134/5689"
   @click="selectListing('5689')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_70335ef9839cbafbd8.88289733.jpg"
                 alt="1277 Commonwealth Avenue #110"
            >
        </figure>

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

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1277 Commonwealth Avenue #110"
            >
                1277 Commonwealth Avenue #110            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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 08/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/allston/1277-commonwealth-avenue-207-2134/5690"
   @click="selectListing('5690')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_84715ef9841c9d7d58.69952137.jpg"
                 alt="1277 Commonwealth Avenue #207"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1277 Commonwealth Avenue #207"
            >
                1277 Commonwealth Avenue #207            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/33-walbridge-street-3-2134/5833"
   @click="selectListing('5833')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_73335efed4fa96c837.68188388.jpg"
                 alt="33 Walbridge Street #3"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="33 Walbridge Street #3"
            >
                33 Walbridge Street #3            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/1277-commonwealth-avenue-205-2134/5868"
   @click="selectListing('5868')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_20255f02d829e4b401.51461497.jpg"
                 alt="1277 Commonwealth Avenue #205"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1277 Commonwealth Avenue #205"
            >
                1277 Commonwealth Avenue #205            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/43-boulevard-terrace-2-2134/6049"
   @click="selectListing('6049')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_11855f0c8606985382.14370580.jpg"
                 alt="43 Boulevard Terrace #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,400</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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 Boulevard Terrace #2"
            >
                43 Boulevard Terrace #2            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/11-scottfield-road-7-2134/6052"
   @click="selectListing('6052')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_11705f0c9ef34b7550.93030984.jpg"
                 alt="11 Scottfield Road #7"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,850</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="11 Scottfield Road #7"
            >
                11 Scottfield Road #7            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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="/allston/15-scottfield-road-1-2134/6053"
   @click="selectListing('6053')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_94015f0ca0ea8822f6.96769731.jpg"
                 alt="15 Scottfield Road #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,800</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="15 Scottfield Road #1"
            >
                15 Scottfield Road #1            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/allston/15-scottfield-road-12-2134/6054"
   @click="selectListing('6054')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_40015f0ca32e0876b5.62444378.jpg"
                 alt="15 Scottfield Road #12"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,850</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.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="15 Scottfield Road #12"
            >
                15 Scottfield Road #12            </p>
                        <p
                class="hood"
                title="Boston, Allston"
            >
                Boston, Allston            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.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>


        <section class="site-login-modal" v-cloak>

            <sweet-modal ref="loginModal">
                <div class="columns is-gapless is-marginless">
                    <div class="column login-modal-white-block">
                        <div class="modal-block-content">
                            <div class="login-box-heading">
                                Welcome
                            </div>
                            <div class="fb-connect-cont">
                                <template v-if="true">
                                    <div class="txt-info">
                                        Searching for Apartments?
                                    </div>
                                </template>
                                <template v-if="false">
                                    <div class="txt-info is-size-5">
                                        You must be logged in before you can schedule a visit.
                                    </div>
                                </template>
                                <div class="connect-btn">
                                    <button
                                        @click="$store.dispatch('user/login', () => $refs.loginWindow.close())"
                                        class="button is-primary blue-gradient is-medium"
                                    >
                                        Connect with Facebook
                                    </button>
                                </div>

                            </div>
                            <div class="agents-cont">
                                <a href="/crm" class="button is-text" v-if="true">Agents & Brokers Login</a><br>
                                <a href="/ma" class="button is-text" v-if="true">Management Accounts Login</a>
                            </div>
                        </div>
                    </div>
                    <div class="column login-modal-blue-block">
                        <div class="modal-block-content">
                            <div class="login-box-logo">
                                <img src="/img/assets/svg-login-pic.svg" alt="3dapartment logo">
                            </div>
                            <div class="login-box-text">
                                <b-icon icon="check" size="is-small"></b-icon>
                                Easy and Secure
                            </div>
                            <div class="login-box-text">
                                <b-icon icon="check" size="is-small"></b-icon>
                                All Apartments in 3D
                            </div>
                            <div class="login-box-text">
                                <b-icon icon="check" size="is-small"></b-icon>
                                24/7 Virtual Open House
                            </div>
                            <div class="login-box-text">
                                <b-icon icon="check" size="is-small"></b-icon>
                                Apply Online
                            </div>
                        </div>
                    </div>
                </div>
                <div class="login-modal-terms-container">
                    By signing up you acknowledge that you have read and agree to <br> the <a href="/terms">Terms and
                        Conditions</a>
                    and
                    <a href="/cookies">Cookies Policy.</a>
                </div>

            </sweet-modal>

        </section>

                    <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": "Review",
  "reviewBody": "93 Apartments in Allston, Boston, MA.",
  "itemReviewed": {
    "@type": "Place",
    "image": "https://3dapartment.com/uploads/neighborhoods/header_5ae08022cc9f64.47869931.jpg",
    "name": "Allston",
    "address":{
         "addressRegion": "MA",
         "addressLocality": "Allston, Boston"
    }
  },
  "publisher": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "author": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "description":"The Allston neighborhood of Boston is a village, powered by small businesses, eclectic restaurants, and a community of students, professionals, and families. The T is easily accessible on Commonwealth Avenue and there are bus options along Brighton and Harvard Avenues. The town is anchored by Boston College and Boston University.",
  "url" : "http://3dapartment.com/n/greater-boston/allston/23",
  "image" : "http://3dapartment.com/uploads/neighborhoods/main/main_5ae08022cc8da9.31147915.jpg ",
  "name": "3D Apartment |Allston"

}


</script>

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Place",
  "address":{
         "addressRegion": "MA",
         "addressLocality": "Allston, Boston"
    },
  "description":"The Allston neighborhood of Boston is a village, powered by small businesses, eclectic restaurants, and a community of students, professionals, and families. The T is easily accessible on Commonwealth Avenue and there are bus options along Brighton and Harvard Avenues. The town is anchored by Boston College and Boston University.",
  "url" : "http://3dapartment.com/n/greater-boston/allston/23",
  "image" : "http://3dapartment.com/uploads/neighborhoods/main/main_5ae08022cc8da9.31147915.jpg ",
  "name": "3D Apartment |Allston"

}

</script>

<script src="/build/app.84a39eb25ae5113bed4d.js"></script>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/4582283.js"></script>
<!-- End of HubSpot Embed Code -->
</body>
</html>