<!--
                                                                          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 | East Cambridge</title>

    <meta  name="title" content="Apartments For Rent in East Cambridge, Cambridge, MA. | 3D Apartment"><meta  property="og:title" content="Apartments For Rent in East Cambridge, Cambridge, MA. | 3D Apartment"><meta  property="og:type" content="website"><meta property="og:url" content="https://3dapartment.com/n/greater-boston/east-cambridge/57"><meta property="og:image" content="https://3dapartment.com/uploads/neighborhoods/main/main_5afbebd4d86541.10926152.jpg"><meta property="og:image:type" content="image/png"><meta  property="og:description" content="Take Virtual Reality Tours of 15 apartments in East Cambridge, Cambridge, 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 15 apartments in East Cambridge, Cambridge, 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/east-cambridge/57"/>    <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.bd9d947715334884d4d49d3e30e0a52e.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_5afbebd4d87684.68518728.png"
                                 alt="3d apartment East Cambridge">
                        </figure>
                    </div>

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

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

                            <h1 class="neigh-name is-size-1-mobile">
                             East Cambridge                            </h1>
                            <h2 class="city-name is-size-3-mobile">
                                                            Cambridge                                                        </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">
                                No description                            </div>
                        </div>
                    </div>
                    <div class="column is-6">
                        <figure class="image">
                            <img src="/uploads/neighborhoods/main/main_5afbebd4d86541.10926152.jpg"
                                 alt="3d apartment in East Cambridge">
                        </figure>
                    </div>
                </div>

            </section>

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

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

                    <div class="listings-grid">
                        
                            <a class="listing-grid-card" href="/east-cambridge/303-third-street-203-2142/279" @click="selectListing('279')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_82425b91328ede5d73.62213349.jpg"
                 alt="303 Third Street #203"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="303 Third Street #203"
                    >
                        303 Third Street #203                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                2                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            2                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/303-third-street-325-2142/280" @click="selectListing('280')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_61875b9132a1e585b1.03491216.jpg"
                 alt="303 Third Street #325"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,830</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="303 Third Street #325"
                    >
                        303 Third Street #325                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                2                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            2                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/303-third-street-820-2142/281" @click="selectListing('281')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_49785b9132b0eac521.66664300.jpg"
                 alt="303 Third Street #820"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,055</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="303 Third Street #820"
                    >
                        303 Third Street #820                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                2                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            2                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/285-third-street-629-2142/282" @click="selectListing('282')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_22685b9132c679deb0.02598961.jpg"
                 alt="285 Third Street #629"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,244</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="285 Third Street #629"
                    >
                        285 Third Street #629                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                1                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            1                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/285-third-street-612-2142/283" @click="selectListing('283')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74505b91307678f755.13608970.jpg"
                 alt="285 Third Street #612"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,355</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="285 Third Street #612"
                    >
                        285 Third Street #612                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                1                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            1                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/22-water-street-1104-2141/630" @click="selectListing('630')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_59405b91144f45d9b5.68545367.jpg"
                 alt="22 Water Street #1104"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,836</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="22 Water Street #1104"
                    >
                        22 Water Street #1104                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <div class="studio">
                                Studio
                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            1                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/20-child-street-ph06-2141/638" @click="selectListing('638')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_31585b911278061074.81551164.jpg"
                 alt="20 Child Street #PH06"
            >
        </figure>

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

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
                <!--<div
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="20 Child Street #PH06"
                    >
                        20 Child Street #PH06                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <div class="studio">
                                Studio
                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            1                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/20-child-street-405-m-2141/639" @click="selectListing('639')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_60685b52551bb7d640.08653565.jpg"
                 alt="20 Child Street #405(M)"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,214</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="20 Child Street #405(M)"
                    >
                        20 Child Street #405(M)                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                1                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            1                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/285-third-street-430-2142/640" @click="selectListing('640')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_45485b91128a7c8997.71211524.jpg"
                 alt="285 Third Street #430"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,291</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="285 Third Street #430"
                    >
                        285 Third Street #430                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                1                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            1                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/285-third-street-625-2142/641" @click="selectListing('641')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_12235b91129831d261.81570006.jpg"
                 alt="285 Third Street #625"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,345</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="285 Third Street #625"
                    >
                        285 Third Street #625                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                2                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            2                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/250-kendall-street-905-m-2142/645" @click="selectListing('645')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_16055b9112ea788e42.47862554.jpg"
                 alt="250 Kendall Street #905 (M)"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,945</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="250 Kendall Street #905 (M)"
                    >
                        250 Kendall Street #905 (M)                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                2                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            2                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/195-binney-street-1102-2142/968" @click="selectListing('968')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_94265b90e29879af45.12599487.jpg"
                 alt="195 Binney Street #1102"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,474</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="195 Binney Street #1102"
                    >
                        195 Binney Street #1102                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                2                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            1                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/195-binney-street-501-2142/969" @click="selectListing('969')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_90665b90e26eddffd8.66047794.jpg"
                 alt="195 Binney Street #501"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,544</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="195 Binney Street #501"
                    >
                        195 Binney Street #501                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                2                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            1                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/195-binney-street-501-2142/970" @click="selectListing('970')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_31515b90e258ac84c8.08307659.jpg"
                 alt="195 Binney Street #501"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,474</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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="195 Binney Street #501"
                    >
                        195 Binney Street #501                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <figure class="image"><img src="/img/assets/bed-card.svg" alt="3d apartment bedrooms count"></figure>
                            <div class="num">
                                2                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            1                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</a>
                        
                            <a class="listing-grid-card" href="/east-cambridge/250-third-street-1201-2141/1580" @click="selectListing('1580')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57745c18d880dd9e51.79996274.jpg"
                 alt="250 Third Street #1201"
            >
        </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
                class="listing-like has-text-danger"
                @click.prevent="$store.dispatch('user/addFavoriteListing', )"
        >
            <span class="icon">
                <i class="fas fa-heart"></i>
            </span>
        </div>-->
            </div>

    <div class="listing-card-content">
        <div class="columns is-gapless is-mobile">
            <div class="column is-two-thirds">
                <div class="location">
                    <p
                        class="address"
                        title="250 Third Street #1201"
                    >
                        250 Third Street #1201                    </p>
                                        <p
                        class="hood"
                        title="Cambridge, East Cambridge"
                    >
                        Cambridge, East Cambridge                    </p>
                                                                <p class="available">Available now</p>
                                    </div>
            </div>
            <div class="column">
                <div class="rooms">
                    <div class="bed">
                                                    <div class="studio">
                                Studio
                            </div>
                                            </div>
                    <div class="bath">
                        <figure class="image"><img src="/img/assets/bath-card.svg" alt="3d apartment bathrooms count"></figure>
                        <div class="num">
                            1                        </div>
                    </div>
                </div>
            </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="Contact us" v-cloak>

            <div class="columns is-multiline">
                <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": "15 Apartments in East Cambridge, Boston, MA.",
  "itemReviewed": {
    "@type": "Place",
    "image": "https://3dapartment.com/uploads/neighborhoods/header_5afbebd4d87684.68518728.png",
    "name": "East Cambridge",
    "address":{
         "addressRegion": "MA",
         "addressLocality": "East Cambridge, Boston"
    }
  },
  "publisher": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "author": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "description":"No description",
  "url" : "http://3dapartment.com/n/greater-boston/east-cambridge/57",
  "image" : "http://3dapartment.com/uploads/neighborhoods/main/main_5afbebd4d86541.10926152.jpg ",
  "name": "3D Apartment |East Cambridge"

}


</script>

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Place",
  "address":{
         "addressRegion": "MA",
         "addressLocality": "East Cambridge, Boston"
    },
  "description":"No description",
  "url" : "http://3dapartment.com/n/greater-boston/east-cambridge/57",
  "image" : "http://3dapartment.com/uploads/neighborhoods/main/main_5afbebd4d86541.10926152.jpg ",
  "name": "3D Apartment |East Cambridge"

}

</script>

<script src="/build/app.bceb0955717801cf4839.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>