<!--
                                                                          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 | Brighton</title>

    <meta  name="title" content="Apartments For Rent in Brighton, Boston, MA. | 3D Apartment"><meta  property="og:title" content="Apartments For Rent in Brighton, Boston, MA. | 3D Apartment"><meta  property="og:type" content="website"><meta property="og:url" content="https://3dapartment.com/n/greater-boston/brighton/21"><meta property="og:image" content="https://3dapartment.com/uploads/neighborhoods/main/main_5ae0734b552dc3.91030448.jpg"><meta property="og:image:type" content="image/png"><meta  property="og:description" content="Take Virtual Reality Tours of 92 apartments in Brighton, 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 92 apartments in Brighton, 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/brighton/21"/>    <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_5ae0734b5556d6.93134461.jpg"
                                 alt="3d apartment Brighton">
                        </figure>
                    </div>

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

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

                            <h1 class="neigh-name is-size-1-mobile">
                             Brighton                            </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">
                                Brighton is mostly a residential community. Brighton is easily accessible off the mass pike. There are express buses that leave out of Oak Square with a  direct stop in Kenmore Square. Washington Street is lined with restaurants, bars, and shops.  Brighton sits on the Charles River Wetlands Trails where people walk, ride their bike, canoe on the Charles, and hold outdoor gatherings.                            </div>
                        </div>
                    </div>
                    <div class="column is-6">
                        <figure class="image">
                            <img src="/uploads/neighborhoods/main/main_5ae0734b552dc3.91030448.jpg"
                                 alt="3d apartment in Brighton">
                        </figure>
                    </div>
                </div>

            </section>

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

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

                    <div class="listings-grid">
                        
                            <a class="listing-grid-card"
   
   href="/brighton/125-guest-street-1811-2135/325"
   @click="selectListing('325')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_91215b61d954d4c9c1.93912150.jpg"
                 alt="125 Guest Street #1811"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 7,520</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="125 Guest Street #1811"
            >
                125 Guest Street #1811            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/commonwealth-avenue/454"
   @click="selectListing('454')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_26565b912313c535a3.81665412.jpg"
                 alt="Commonwealth Avenue"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,975</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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/commonwealth-avenue/536"
   @click="selectListing('536')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_20255b911c960e98c4.11847520.jpg"
                 alt="Commonwealth Avenue"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,275</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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/commonwealth-avenue/539"
   @click="selectListing('539')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_77545b911cce6398f7.93843853.jpg"
                 alt="Commonwealth Avenue"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,295</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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/washington-street/865"
   @click="selectListing('865')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_82885b90ed606044b8.54147483.jpg"
                 alt="Washington Street"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,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="Washington Street"
            >
                Washington Street            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1422-commonwealth-avenue-3-2134/878"
   @click="selectListing('878')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_19965b90ec31e33a11.90234022.jpg"
                 alt="1422 Commonwealth Avenue #3"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,325</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="1422 Commonwealth Avenue #3"
            >
                1422 Commonwealth Avenue #3            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1422-commonwealth-avenue-4-2134/879"
   @click="selectListing('879')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_89385b90ec3cb46054.78725432.jpg"
                 alt="1422 Commonwealth Avenue #4"
            >
        </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="1422 Commonwealth Avenue #4"
            >
                1422 Commonwealth Avenue #4            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/57-gerrish-street-2135/1047"
   @click="selectListing('1047')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_35775ba0bc012e43d2.18866931.jpg"
                 alt="57 Gerrish Street ##"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,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="57 Gerrish Street ##"
            >
                57 Gerrish Street ##            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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">
                    4                </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="/brighton/1615-commonwealth-avenue-12a-2135/1048"
   @click="selectListing('1048')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_68105ba0bbebf23347.71104820.jpg"
                 alt="1615 Commonwealth Avenue #12A"
            >
        </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="1615 Commonwealth Avenue #12A"
            >
                1615 Commonwealth Avenue #12A            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/72-strathmore-road-9b-2135/1263"
   @click="selectListing('1263')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_16885bbc9b70d7e575.72117029.jpg"
                 alt="72 Strathmore Road #9B"
            >
        </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="72 Strathmore Road #9B"
            >
                72 Strathmore Road #9B            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 08/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/6-camelot-court-18-2135/1322"
   @click="selectListing('1322')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_27565bb7c4b211c596.79378670.jpg"
                 alt="6 Camelot Court #18"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,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="6 Camelot Court #18"
            >
                6 Camelot Court #18            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/10-camelot-court-6c-2135/1332"
   @click="selectListing('1332')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_50385bc05019a0ece0.23464278.jpg"
                 alt="10 Camelot Court #6c"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,750</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="10 Camelot Court #6c"
            >
                10 Camelot Court #6c            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/10-camelot-court-4g-2135/1333"
   @click="selectListing('1333')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_65125bc0500380a258.91767026.jpg"
                 alt="10 Camelot Court #4g"
            >
        </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="10 Camelot Court #4g"
            >
                10 Camelot Court #4g            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/10-camelot-court-7b-2135/1334"
   @click="selectListing('1334')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_15165bc04fef4572b4.24193523.jpg"
                 alt="10 Camelot Court #7b"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,750</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="10 Camelot Court #7b"
            >
                10 Camelot Court #7b            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/490-washington-street-3-2135/1427"
   @click="selectListing('1427')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_27275bd39959128572.84755162.jpg"
                 alt="490 Washington Street #3"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,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="490 Washington Street #3"
            >
                490 Washington Street #3            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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">
                    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="/brighton/18-bothwell-road-2-2135/1428"
   @click="selectListing('1428')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_37965bdaf897e8db08.31392205.jpg"
                 alt="18 Bothwell Road #2"
            >
        </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="18 Bothwell Road #2"
            >
                18 Bothwell Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/56-union-street-1-2135/1479"
   @click="selectListing('1479')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_61205bed29f70a4023.83501239.jpg"
                 alt="56 Union 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="56 Union Street #1"
            >
                56 Union Street #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/62-union-street-1-2135/1481"
   @click="selectListing('1481')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_93495bec33a24bf533.72321988.jpg"
                 alt="62 Union Street #1"
            >
        </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="62 Union Street #1"
            >
                62 Union Street #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/11-camelot-court-11-6h-2135/1658"
   @click="selectListing('1658')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_72135c3c4ff876be87.70697183.jpg"
                 alt="11 Camelot Court #11-6H"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,320</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 Camelot Court #11-6H"
            >
                11 Camelot Court #11-6H            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/10-camelot-court-10-6k-2135/1661"
   @click="selectListing('1661')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_54245c3c4fd8a2d2d4.93478551.jpg"
                 alt="10 Camelot Court #10-6K"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,538</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="10 Camelot Court #10-6K"
            >
                10 Camelot Court #10-6K            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/5-ayr-road-2-2135/1790"
   @click="selectListing('1790')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_29055c4e3547abe631.65832558.jpg"
                 alt="5 Ayr Road #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 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 Ayr Road #2"
            >
                5 Ayr Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 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="/brighton/203-bigelow-street-1-2135/1818"
   @click="selectListing('1818')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_25335c50bf269c1c62.74947193.jpg"
                 alt="203 Bigelow Street #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,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="203 Bigelow Street #1"
            >
                203 Bigelow Street #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/50-kirkwood-road-1-2135/1952"
   @click="selectListing('1952')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_44685c6678c1b874d0.80491706.jpg"
                 alt="50 Kirkwood Road #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 6,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="50 Kirkwood Road #1"
            >
                50 Kirkwood Road #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available 08/28/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/greycliff-road/1953"
   @click="selectListing('1953')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_25345c6678930446b5.04302162.jpg"
                 alt="Greycliff Road"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 6,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="Greycliff Road"
            >
                Greycliff Road            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available 08/29/2021                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/59-strathmore-road-3-2135/1992"
   @click="selectListing('1992')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_96775c782e5ddc7049.27594530.jpg"
                 alt="59 Strathmore Road #3"
            >
        </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="59 Strathmore Road #3"
            >
                59 Strathmore Road #3            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1682-commonwealth-avenue-3-2135/1995"
   @click="selectListing('1995')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_38635c7f936a36e4a4.65970599.jpg"
                 alt="1682 Commonwealth Avenue #3"
            >
        </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="1682 Commonwealth Avenue #3"
            >
                1682 Commonwealth Avenue #3            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1933-commonwealth-avenue-509-2135/2045"
   @click="selectListing('2045')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_84045c8d2c3898e971.23073688.jpg"
                 alt="1933 Commonwealth Avenue #509"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,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="1933 Commonwealth Avenue #509"
            >
                1933 Commonwealth Avenue #509            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/51-colborne-road-4-2135/2156"
   @click="selectListing('2156')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_39105cab5732dc5016.18288377.jpg"
                 alt="51 Colborne Road #4"
            >
        </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="51 Colborne Road #4"
            >
                51 Colborne Road #4            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/7-winship-street-2-2135/2159"
   @click="selectListing('2159')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_51455cac588c059a00.44033580.jpg"
                 alt="7 Winship Street #2"
            >
        </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 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 Winship Street #2"
            >
                7 Winship Street #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/109-tremont-street-402-2135/2401"
   @click="selectListing('2401')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_70695ceb8b5f268be4.59979659.jpg"
                 alt="109 Tremont Street #402"
            >
        </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="109 Tremont Street #402"
            >
                109 Tremont Street #402            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/172-bigelow-street-2-2135/2438"
   @click="selectListing('2438')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74865ce709b3d60cb8.30551189.jpg"
                 alt="172 Bigelow Street #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,150</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="172 Bigelow Street #2"
            >
                172 Bigelow Street #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/172-bigelow-street-2-2135/2467"
   @click="selectListing('2467')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_65465cf17cfed6bec1.02420463.jpg"
                 alt="172 Bigelow Street #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,150</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="172 Bigelow Street #2"
            >
                172 Bigelow Street #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/15-selkirk-road-2-2135/2800"
   @click="selectListing('2800')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_16255d6cba66c14da5.71830414.jpg"
                 alt="15 Selkirk Road #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,200</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 Selkirk Road #2"
            >
                15 Selkirk Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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">
                    3                </div>
            </div>
        </div>

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

                        
                            <a class="listing-grid-card"
   
   href="/brighton/2017-commonwealth-avenue-2-2135/2912"
   @click="selectListing('2912')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_88645ec43ab6753d29.95288707.jpg"
                 alt="2017 Commonwealth Avenue #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,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="2017 Commonwealth Avenue #2"
            >
                2017 Commonwealth Avenue #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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">
                    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="/brighton/1789-commonwealth-avenue-1-2135/2920"
   @click="selectListing('2920')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_94295d96208c5be7d2.37056573.jpg"
                 alt="1789 Commonwealth Avenue #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,500</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="1789 Commonwealth Avenue #1"
            >
                1789 Commonwealth Avenue #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1789-commonwealth-avenue-2-2135/2921"
   @click="selectListing('2921')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_45345da06be25ba9d1.92199861.jpg"
                 alt="1789 Commonwealth Avenue #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 6,200</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="1789 Commonwealth Avenue #2"
            >
                1789 Commonwealth Avenue #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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">
                        7                    </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="/brighton/165-foster-street-1-2135/3386"
   @click="selectListing('3386')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_45855e6282a9a23341.79922092.jpg"
                 alt="165 Foster Street #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,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="165 Foster Street #1"
            >
                165 Foster Street #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/34-orkney-road-1-2135/3418"
   @click="selectListing('3418')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_20715e6ab1be646668.64271117.jpg"
                 alt="34 Orkney Road #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,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="34 Orkney Road #1"
            >
                34 Orkney Road #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/21-shepard-street-1-2135/3449"
   @click="selectListing('3449')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_86765e71a066762212.75704939.jpg"
                 alt="21 Shepard Street #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,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="21 Shepard Street #1"
            >
                21 Shepard Street #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/34-orkney-road-2-2135/3473"
   @click="selectListing('3473')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_39245e74d45c90cdb2.33760796.jpg"
                 alt="34 Orkney Road #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,250</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="34 Orkney Road #2"
            >
                34 Orkney Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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">
                    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="/brighton/214-market-street-202-2135/3594"
   @click="selectListing('3594')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_59755e8181d1e01856.44299906.jpg"
                 alt="214 Market Street #202"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,995</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="214 Market Street #202"
            >
                214 Market Street #202            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/214-market-street-207-2135/3595"
   @click="selectListing('3595')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57955e818248a2fe60.05712792.jpg"
                 alt="214 Market Street #207"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,995</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="214 Market Street #207"
            >
                214 Market Street #207            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/214-market-street-502-2135/3596"
   @click="selectListing('3596')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_56785e818293ec4669.82927389.jpg"
                 alt="214 Market Street #502"
            >
        </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>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="214 Market Street #502"
            >
                214 Market Street #502            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/214-market-street-302-2135/3697"
   @click="selectListing('3697')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_79955e86a1df174619.83674896.jpg"
                 alt="214 Market Street #302"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,100</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="214 Market Street #302"
            >
                214 Market Street #302            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/214-market-street-201-2135/3698"
   @click="selectListing('3698')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74805e86a25139f173.82109712.jpg"
                 alt="214 Market Street #201"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,500</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="214 Market Street #201"
            >
                214 Market Street #201            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/164-strathmore-road-27-2135/3729"
   @click="selectListing('3729')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_12195e879a43145719.71115084.jpg"
                 alt="164 Strathmore Road #27"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,375</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="164 Strathmore Road #27"
            >
                164 Strathmore Road #27            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/101-nonantum-street-b-2135/3776"
   @click="selectListing('3776')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_70025e8bf179cd0823.69913463.jpg"
                 alt="101 Nonantum Street #B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,995</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="101 Nonantum Street #B"
            >
                101 Nonantum Street #B            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1762-commonwealth-avenue-4-2135/3885"
   @click="selectListing('3885')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_12355e95114de77ca9.57551179.jpg"
                 alt="1762 Commonwealth Avenue #4"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,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="1762 Commonwealth Avenue #4"
            >
                1762 Commonwealth Avenue #4            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/99-chestnut-hill-avenue-315-2135/3900"
   @click="selectListing('3900')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_19015e9614d8554177.38351393.jpg"
                 alt="99 Chestnut Hill Avenue #315"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,250</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="99 Chestnut Hill Avenue #315"
            >
                99 Chestnut Hill Avenue #315            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1657-commonwealth-avenue-7-2135/3931"
   @click="selectListing('3931')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_32615e9908893d0162.01468172.jpg"
                 alt="1657 Commonwealth Avenue #7"
            >
        </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="1657 Commonwealth Avenue #7"
            >
                1657 Commonwealth Avenue #7            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 08/15/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/75-beechcroft-street-1-2135/4061"
   @click="selectListing('4061')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_89855ea2e693d17934.72234301.jpg"
                 alt="75 Beechcroft Street #1"
            >
        </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="75 Beechcroft Street #1"
            >
                75 Beechcroft Street #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1444-commonwealth-avenue-20-2135/4073"
   @click="selectListing('4073')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_70945ea35adab911b6.42916439.jpg"
                 alt="1444 Commonwealth Avenue #20"
            >
        </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 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="1444 Commonwealth Avenue #20"
            >
                1444 Commonwealth Avenue #20            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1846-commonwealth-avenue-1-2135/4351"
   @click="selectListing('4351')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_43455eb4bdd7e9ba61.04400906.jpg"
                 alt="1846 Commonwealth Avenue #1"
            >
        </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="1846 Commonwealth Avenue #1"
            >
                1846 Commonwealth Avenue #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/141-englewood-avenue-2-2135/4358"
   @click="selectListing('4358')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_48755eb4ec23707483.76845405.jpg"
                 alt="141 Englewood Avenue #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,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="141 Englewood Avenue #2"
            >
                141 Englewood Avenue #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/32-orkney-road-2-2135/4361"
   @click="selectListing('4361')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_19405eb4ed09d5e696.69714559.jpg"
                 alt="32 Orkney Road #2"
            >
        </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="32 Orkney Road #2"
            >
                32 Orkney Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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">
                    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="/brighton/164-strathmore-road-19-2135/4401"
   @click="selectListing('4401')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_71685eb843f3c5a111.13808126.jpg"
                 alt="164 Strathmore Road #19"
            >
        </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="164 Strathmore Road #19"
            >
                164 Strathmore Road #19            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/164-strathmore-road-19-2135/4427"
   @click="selectListing('4427')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_18295eb9b26cd9bde9.01297449.jpg"
                 alt="164 Strathmore Road #19"
            >
        </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 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="164 Strathmore Road #19"
            >
                164 Strathmore Road #19            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/474-western-avenue-0-2135/4523"
   @click="selectListing('4523')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_61235ebd9b8647f495.09465394.jpg"
                 alt="474 Western Avenue #0"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,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="474 Western Avenue #0"
            >
                474 Western Avenue #0            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/230-washington-street-2-2135/4524"
   @click="selectListing('4524')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_87155ebd9c8a0ba389.02940296.jpg"
                 alt="230 Washington Street #2"
            >
        </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>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="230 Washington Street #2"
            >
                230 Washington Street #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/226-washington-street-1-2135/4528"
   @click="selectListing('4528')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_15355ebdaf77868287.31584359.jpg"
                 alt="226 Washington Street #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>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="226 Washington Street #1"
            >
                226 Washington Street #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/59a-strathmore-road-3-2135/4529"
   @click="selectListing('4529')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_32355ebdafb26f6045.54099713.jpg"
                 alt="59A Strathmore Road #3"
            >
        </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="59A Strathmore Road #3"
            >
                59A Strathmore Road #3            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/59a-strathmore-road-1-2135/4530"
   @click="selectListing('4530')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_38325ebdb075f07ac3.69383860.jpg"
                 alt="59A Strathmore Road #1"
            >
        </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="59A Strathmore Road #1"
            >
                59A Strathmore Road #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/23-bellvista-road-6-2135/4535"
   @click="selectListing('4535')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_17105ebdc72359d997.44921852.jpg"
                 alt="23 Bellvista Road #6"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,800</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="23 Bellvista Road #6"
            >
                23 Bellvista Road #6            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/228-washington-street-1-2135/4547"
   @click="selectListing('4547')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_34875ebe0a3d8ff457.88796834.jpg"
                 alt="228 Washington Street #1"
            >
        </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>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="228 Washington Street #1"
            >
                228 Washington Street #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/15-17-nottinghill-road-2-2135/4548"
   @click="selectListing('4548')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_42855ebe0a8986ee76.07480915.jpg"
                 alt="15-17 Nottinghill Road #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,275</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-17 Nottinghill Road #2"
            >
                15-17 Nottinghill Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/15-17-nottinghill-road-1-2135/4549"
   @click="selectListing('4549')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_41485ebe0ad7c31984.01963700.jpg"
                 alt="15-17 Nottinghill Road #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,450</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-17 Nottinghill Road #1"
            >
                15-17 Nottinghill Road #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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.5                </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="/brighton/57-colborne-road-3-2135/4649"
   @click="selectListing('4649')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_44035ec4537919ec11.29284609.jpg"
                 alt="57 Colborne Road #3"
            >
        </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="57 Colborne Road #3"
            >
                57 Colborne Road #3            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1846-commonwealth-avenue-1-2135/4689"
   @click="selectListing('4689')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_30205ec59a631d00c1.22500444.jpg"
                 alt="1846 Commonwealth Avenue #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,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="1846 Commonwealth Avenue #1"
            >
                1846 Commonwealth Avenue #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/10-selkirk-road-2-2135/4847"
   @click="selectListing('4847')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_94545ece07bfbac883.93395708.jpg"
                 alt="10 Selkirk Road #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,995</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 Selkirk Road #2"
            >
                10 Selkirk Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 09/01/2020                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/10-selkirk-road-1-2135/4848"
   @click="selectListing('4848')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_37425ece08382f3cc4.28837809.jpg"
                 alt="10 Selkirk Road #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,995</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 Selkirk Road #1"
            >
                10 Selkirk Road #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/5-wallingford-road-2-2135/4856"
   @click="selectListing('4856')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_36125ece28b1d145b0.49446608.jpg"
                 alt="5 Wallingford Road #2"
            >
        </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="5 Wallingford Road #2"
            >
                5 Wallingford Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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 now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/brighton/1540-commonwealth-avenue-1-2135/5074"
   @click="selectListing('5074')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_42395ed6eb28e198f8.91902329.jpg"
                 alt="1540 Commonwealth Avenue #1"
            >
        </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 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="1540 Commonwealth Avenue #1"
            >
                1540 Commonwealth Avenue #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/101-nonantum-street-1-2135/5115"
   @click="selectListing('5115')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_24695ed8931ce5a4f8.35945892.jpg"
                 alt="101 Nonantum Street #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,095</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="101 Nonantum Street #1"
            >
                101 Nonantum Street #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/25-wiltshire-road-2-2135/5159"
   @click="selectListing('5159')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_58125edad486883144.49136678.jpg"
                 alt="25 Wiltshire Road #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,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="25 Wiltshire Road #2"
            >
                25 Wiltshire Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/97-strathmore-road-10-2135/5358"
   @click="selectListing('5358')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_78605ee72a06036e42.44074854.jpg"
                 alt="97 Strathmore Road #10"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,850</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="97 Strathmore Road #10"
            >
                97 Strathmore Road #10            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1844-commonwealth-avenue-2-2135/5414"
   @click="selectListing('5414')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_86355eea2b471070f8.87761705.jpg"
                 alt="1844 Commonwealth Avenue #2"
            >
        </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="1844 Commonwealth Avenue #2"
            >
                1844 Commonwealth Avenue #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1844-commonwealth-avenue-11-2135/5415"
   @click="selectListing('5415')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_77245eea2f4447e558.88214794.jpg"
                 alt="1844 Commonwealth Avenue #11"
            >
        </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="1844 Commonwealth Avenue #11"
            >
                1844 Commonwealth Avenue #11            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/47-brock-street-3-2135/5434"
   @click="selectListing('5434')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_75755eeaa050c3c6e7.78598414.jpg"
                 alt="47 Brock Street #3"
            >
        </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="47 Brock Street #3"
            >
                47 Brock Street #3            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1540-commonwealth-avenue-3-2135/5455"
   @click="selectListing('5455')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_33425eebd003309586.54303672.jpg"
                 alt="1540 Commonwealth Avenue #3"
            >
        </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 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="1540 Commonwealth Avenue #3"
            >
                1540 Commonwealth Avenue #3            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1949-commonwealth-avenue-65-2135/5549"
   @click="selectListing('5549')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_72175ef1266c20c496.47928264.jpg"
                 alt="1949 Commonwealth Avenue #65"
            >
        </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="1949 Commonwealth Avenue #65"
            >
                1949 Commonwealth Avenue #65            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/97-kilsyth-road-2-2135/5594"
   @click="selectListing('5594')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_83845ef3116804da34.97161177.jpg"
                 alt="97 Kilsyth Road #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>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="97 Kilsyth Road #2"
            >
                97 Kilsyth Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1949-commonwealth-avenue-57-2135/5617"
   @click="selectListing('5617')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_49305ef410027199b2.07223425.jpg"
                 alt="1949 Commonwealth Avenue #57"
            >
        </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="1949 Commonwealth Avenue #57"
            >
                1949 Commonwealth Avenue #57            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/98-strathmore-road-2a-2135/5647"
   @click="selectListing('5647')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_97955ef5950c6f22d4.70529755.jpg"
                 alt="98 Strathmore Road #2a"
            >
        </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="98 Strathmore Road #2a"
            >
                98 Strathmore Road #2a            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/98-strathmore-road-9-2135/5648"
   @click="selectListing('5648')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_60545ef595b7743c44.42936444.jpg"
                 alt="98 Strathmore Road #9"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,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="98 Strathmore Road #9"
            >
                98 Strathmore Road #9            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/31-orkney-road-24-2135/5749"
   @click="selectListing('5749')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_38255efc3d85aa2061.74591625.jpg"
                 alt="31 Orkney Road #24"
            >
        </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="31 Orkney Road #24"
            >
                31 Orkney Road #24            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/1540-commonwealth-avenue-2-2135/5767"
   @click="selectListing('5767')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_94865efcc73ceecff1.87121061.jpg"
                 alt="1540 Commonwealth Avenue #2"
            >
        </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="1540 Commonwealth Avenue #2"
            >
                1540 Commonwealth Avenue #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/34-chiswick-road-9-2135/5867"
   @click="selectListing('5867')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_45745f02d661d33970.36505306.jpg"
                 alt="34 Chiswick Road #9"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,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="34 Chiswick Road #9"
            >
                34 Chiswick Road #9            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/97-strathmore-road-2-2135/5992"
   @click="selectListing('5992')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_90325f08ab84f18ff1.40612302.jpg"
                 alt="97 Strathmore Road #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1,800</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="97 Strathmore Road #2"
            >
                97 Strathmore Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/41-egremont-road-2-2135/6039"
   @click="selectListing('6039')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_96185f0c6a5155e987.20684725.jpg"
                 alt="41 Egremont Road #2"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,425</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="41 Egremont Road #2"
            >
                41 Egremont Road #2            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/37-egremont-road-1-2135/6040"
   @click="selectListing('6040')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_38475f0c6f737b4d63.70277075.jpg"
                 alt="37 Egremont Road #1"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,450</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="37 Egremont Road #1"
            >
                37 Egremont Road #1            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/17-cummings-road-6-2135/6042"
   @click="selectListing('6042')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_56685f0c753c5900e0.28160368.jpg"
                 alt="17 Cummings Road #6"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,225</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="17 Cummings Road #6"
            >
                17 Cummings Road #6            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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="/brighton/132-chiswick-road-b-2135/6044"
   @click="selectListing('6044')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_59985f0c7c39296277.49769897.jpg"
                 alt="132 Chiswick Road #B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,100</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="132 Chiswick Road #B"
            >
                132 Chiswick Road #B            </p>
                        <p
                class="hood"
                title="Boston, Brighton"
            >
                Boston, Brighton            </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": "92 Apartments in Brighton, Boston, MA.",
  "itemReviewed": {
    "@type": "Place",
    "image": "https://3dapartment.com/uploads/neighborhoods/header_5ae0734b5556d6.93134461.jpg",
    "name": "Brighton",
    "address":{
         "addressRegion": "MA",
         "addressLocality": "Brighton, Boston"
    }
  },
  "publisher": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "author": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "description":"Brighton is mostly a residential community. Brighton is easily accessible off the mass pike. There are express buses that leave out of Oak Square with a  direct stop in Kenmore Square. Washington Street is lined with restaurants, bars, and shops.  Brighton sits on the Charles River Wetlands Trails where people walk, ride their bike, canoe on the Charles, and hold outdoor gatherings.",
  "url" : "http://3dapartment.com/n/greater-boston/brighton/21",
  "image" : "http://3dapartment.com/uploads/neighborhoods/main/main_5ae0734b552dc3.91030448.jpg ",
  "name": "3D Apartment |Brighton"

}


</script>

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Place",
  "address":{
         "addressRegion": "MA",
         "addressLocality": "Brighton, Boston"
    },
  "description":"Brighton is mostly a residential community. Brighton is easily accessible off the mass pike. There are express buses that leave out of Oak Square with a  direct stop in Kenmore Square. Washington Street is lined with restaurants, bars, and shops.  Brighton sits on the Charles River Wetlands Trails where people walk, ride their bike, canoe on the Charles, and hold outdoor gatherings.",
  "url" : "http://3dapartment.com/n/greater-boston/brighton/21",
  "image" : "http://3dapartment.com/uploads/neighborhoods/main/main_5ae0734b552dc3.91030448.jpg ",
  "name": "3D Apartment |Brighton"

}

</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>