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

    <meta name="description" content="Virtually Walk Through as many apartments as you want on 3D Apartment. The largest Virtual Tour Database of available to rent apartments. No More hectic Travel. No more wasted time. No More Bad Scheduling.  Browse, Experience Before Visiting, Apply"><meta  name="title" content="Apartments for Rent in Virtual Tours! | 3D Apartment"><meta  property="og:title" content="Apartments for Rent in Virtual Tours! | 3D Apartment"><meta  property="og:type" content="website"><meta property="og:url" content="https://3dapartment.com"><meta property="og:video" content=" https://3dapartment.com/img/temp/main_page_link.mp4"><meta property="og:video:width" content="640"><meta property="og:video:height" content="480"><meta property="og:video:url" content=" https://3dapartment.com/img/temp/main_page_link.mp4"><meta property="og:video:secure_url" content=" https://3dapartment.com/img/temp/main_page_link.mp4"><meta property="og:video:type" content="video/mp4"><meta property="og:image" content=" https://3dapartment.com/img/assets/big-logo-blue.png"><meta property="og:image:type" content="image/png"><meta  property="og:description" content="Virtually Walk Through as many apartments as you want on 3D Apartment. The largest
Virtual Tour Database of available to rent apartments. No More hectic Travel. No more wasted time. No More Bad Scheduling.  Browse, Experience Before Visiting, Apply."><meta  name="description" content="Virtually Walk Through as many apartments as you want on 3D Apartment. The largest
Virtual Tour Database of available to rent apartments. No More hectic Travel. No more wasted time. No More Bad Scheduling. Browse, Experience Before Visiting, Apply."><link rel="canonical" href="https://3dapartment.com/"/>    <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.c873a7551873e6ceb8afb0ec09a3083b.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="home-page">
        <section class="hero is-fullheight">

            <div class="hero-head">
                <navigation class="home-nav"></navigation>
            </div>

            <!-- Hero content: will be in the middle -->
            <div class="hero-body mini-player-cont">
                <mini-player></mini-player>
                <div class="player-scroll-overlay is-hidden-desktop"></div>
                <div class="container is-densed main-center-container">
                    <h1 class="title">
                        Tour Apartments in 3D
                    </h1>
                    <div class="main-subtitle">
                        The New Way to Real Estate
                    </div>
                    <div class="main-control">
                        <a
                            class="button is-success is-medium is-rounded mb-1"
                            :class="{'is-large': $mq.desktop}"
                            @click="mainPageOnClickExperience"
                        >
                            Experience
                        </a>
                        <button
                            v-cloak
                            v-if="false"
                            class="button is-black is-medium is-rounded is-inverted"
                            :class="{'is-large': $mq.desktop}"
                        >
                            Request
                        </button>
                    </div>
                </div>
            </div>

            <!-- Hero footer: will stick at the bottom -->
            <div class="hero-foot">
                <div class="container has-text-centered scroll-down-section">
                    <div class="scroll-icon" v-if="$mq.desktop">
                        <!--                            <a href="#content-main">-->
                        <figure class="image">
                            <img src="img/assets/home/scroll-down.svg" alt="Scroll down">
                        </figure>
                        <!--                            </a>-->
                    </div>
                    <a href="#content-main">
                        <small>scroll down to continue</small>
                    </a>
                </div>
            </div>

        </section>

        <section class="home-page-content" id="content-main">

            <!--Counters Section-->
            <div class="listing-counters">
                <div class="container is-densed">
                    <div class="columns">
                        <div class="column">
                            <div class="counter-item">
                                <div class="counter-title">
                                    Listings Added
                                </div>
                                <div class="counter-value">
                                    4500+
                                </div>
                            </div>
                        </div>
                        <div class="column">
                            <div class="counter-item">
                                <div class="counter-title">
                                    Landlords
                                </div>
                                <div class="counter-value">
                                    300+
                                </div>
                            </div>
                        </div>
                        <div class="column">
                            <div class="counter-item">
                                <div class="counter-title">
                                    Fee & No Fee Apartments
                                </div>
                                <div class="counter-value is-smaller">
                                    Boston, New York, Miami
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--Trending Apartments-->
            <div class="trending-apartments">
                <div class="container is-densed">
                    <div class="section-title is-bolder">
<!--                        Trending Apartments in NYC-->
                        Trending Listings
                    </div>

                    <div class="recommended-listings-wrapper listings-grid is-new">
                        <a
                            class="listing-grid-card"
                            href="https://listing3d.com/149-clinton-street-brooklyn-heights-brooklyn-new-york-ny/sYQAAD0oAAAWw"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://3dapartment.com/uploads/photos/photo_5e9816da3b3b88.74995569_thumb.jpg">
                                </figure>

                                <div class="card-label blue-gradient">
                                    <div class="price">$10,950,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="149 Clinton Street"
                                    >
                                        149 Clinton Street
                                    </p>

                                    <p
                                        class="hood"
                                        title="Brooklyn, NY"
                                    >
                                        Brooklyn, NY
                                    </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">
                                            5
                                        </div>
                                    </div>
                                </div>

                                <div class="content-footer">
                                    <div class="is-exclusive">
                                        <div class="exclusive">Exclusive</div>
                                    </div>
                                    <div class="available-value">
                                    <p class="available">For Sale</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a
                            class="listing-grid-card"
                            href="https://listing3d.com/19-west-120th-street-south-harlem-manhattan-new-york-ny/sYQAACzMAAAPm"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://3dapartment.com/uploads/photos/photo_5d7f469596d180.58167910.jpg">
                                </figure>

                                <div class="card-label blue-gradient">
                                    <div class="price">$4,890,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="149 Clinton Street"
                                    >
                                        19 West 120th Street
                                    </p>

                                    <p
                                        class="hood"
                                        title="Brooklyn, NY"
                                    >
                                        Manhattan, NY
                                    </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">
                                            7
                                        </div>
                                    </div>
                                </div>

                                <div class="content-footer">
                                    <div class="is-exclusive">
                                        <div class="exclusive">Exclusive</div>
                                    </div>
                                    <div class="available-value">
                                    <p class="available">For Sale</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a
                            class="listing-grid-card"
                            href="https://listing3d.com/17749-collins-avenue-sunny-isles-beach-fl/sYQAAD_8AAAYA"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://3dapartment.com/uploads/photos/photo_5ea6d3fbdf26d2.12151446_thumb.jpg">
                                </figure>

                                <div class="card-label blue-gradient">
                                    <div class="price">$38,000,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="149 Clinton Street"
                                    >
                                        17749 Collins Avenue
                                    </p>

                                    <p
                                        class="hood"
                                        title="Brooklyn, NY"
                                    >
                                        Sunny Isles Beach, FL
                                    </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">
                                            7
                                        </div>
                                    </div>
                                </div>

                                <div class="content-footer">
                                    <div class="is-exclusive">
                                        <div class="exclusive">Exclusive</div>
                                    </div>
                                    <div class="available-value">
                                    <p class="available">For Sale</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a
                            class="listing-grid-card"
                            href="https://listing3d.com/120-ocean-drive-south-beach-miami-beach-fl/sYQAAC_oAAAQy"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://3dapartment.com/uploads/photos/photo_5e1ef2ac208ef4.00462772.jpg">
                                </figure>

                                <div class="card-label blue-gradient">
                                    <div class="price">$9,000,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="149 Clinton Street"
                                    >
                                        120 Ocean Drive, #1200
                                    </p>

                                    <p
                                        class="hood"
                                        title="Brooklyn, NY"
                                    >
                                        Miami Beach, FL
                                    </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">
                                            3.5
                                        </div>
                                    </div>
                                </div>

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

            <!--Featured Buildings-->
            <div class="featured-buildings">
                <div class="container is-densed">
                    <div class="section-title is-bolder--more has-text-centered">
                        Featured Buildings
                    </div>
                    <div class="featured-buildings-wrapper">
                        <div class="featured">
                            <a
                                href="https://thepierrepontbkvirtualtour.com"
                                target="_blank"
                                class="building-item is-featured"
                            >
                                <div
                                    class="building-image"
                                    style="background-image: url('/img/assets/buildings/pierrepont.jpg')"
                                >
                                </div>
                                <div class="building-caption">
                                    <div class="building-name">
                                        The Pierrepont
                                    </div>
                                    <div class="building-location">
                                        146 Pierrepont St. Brooklyn
                                    </div>
                                    <div class="building-description">
                                        Welcome home to The Pierrepont, in the heart of charming Brooklyn Heights. The building offers one, two, and three-bedroom rental residences in classic Brooklyn, modernized for gracious living. The Pierrepont’s thoughtful collection of amenities were curated to enhance your well-being that includes a Fitness Center, Yoga and Training room, Meditation Room and Children’s indoor playroom/Children’s outdoor play area and private zen garden.
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="regular">
                            <a
                                href="https://the15william.com/"
                                target="_blank"
                                class="building-item is-regular"
                            >
                                <img
                                    class="building-image"
                                    src="/img/assets/buildings/15william.jpg"
                                >
                                <div class="building-caption">
                                    <div class="building-name">
                                        15 William Street
                                    </div>
                                    <div class="building-location">
                                        The Financial District, Manhattan
                                    </div>
                                </div>
                            </a>
                            <a
                                class="building-item is-regular"
                                href="https://tapestry124virtualtour.com"
                                target="_blank"
                            >
                                <img
                                    class="building-image"
                                    src="/img/assets/buildings/tapestry.jpg"
                                >
                                <div class="building-caption">
                                    <div class="building-name">
                                        The Tapestry
                                    </div>
                                    <div class="building-location">
                                        245 East 124th Street, NY
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!--New Developments-->
            <div class="new-developments">
                <div class="container is-densed">

                    <div class="section-title is-bolder">
                        Discover New Developments
                    </div>

                    <div class="buildings-wrapper">
                        <a href="https://149clinton.com/"
                           target="_blank"
                           class="building-item"
                        >
                            <div class="building-image">
                                <figure class="image">
                                    <img src="https://images.squarespace-cdn.com/content/v1/593eefaaf5e2317a007f5b5b/1587151148342-CCRH83B1VVHL0DT8LSZ9/ke17ZwdGBToddI8pDm48kL1JskOfCAWzsz2n9srxq9J7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0mhydAgiKdIfeAoxVgE7c7pKrBF4dUolu_9oetKtpKrom3wq0E29XB4uUNZUDJsvAg/1.jpg">
                                </figure>
                            </div>
                            <div class="building-caption">
                                <div class="building-name">
                                    149 Clinton Street
                                </div>
                                <div class="building-location">
                                    Brooklyn Heights, NY
                                </div>
                            </div>
                        </a>
                        <a href="https://eightstmarksplace.com/"
                           target="_blank"
                           class="building-item"
                        >
                            <div class="building-image">
                                <figure class="image">
                                    <img src="https://eightstmarksplace.com/wp-content/uploads/2019/03/hero-desktop.jpg">
                                </figure>
                            </div>
                            <div class="building-caption">
                                <div class="building-name">
                                    8 St. Marks Place
                                </div>
                                <div class="building-location">
                                    Boerum Hill, Brooklyn
                                </div>
                            </div>
                        </a>
                        <a href="https://98front.com/virtual_gallery"
                           target="_blank"
                           class="building-item"
                        >
                            <div class="building-image">
                                <figure class="image">
                                    <img src="https://98front.com/contenido/galleries/images/1-20190515100654-final-20190816073705.jpg">
                                </figure>
                            </div>
                            <div class="building-caption">
                                <div class="building-name">
                                    98 Front
                                </div>
                                <div class="building-location">
                                    Dumbo, Brooklyn
                                </div>
                            </div>
                        </a>
                        <a href="http://111montgomery.nyc/"
                           target="_blank"
                           class="building-item"
                        >
                            <div class="building-image">
                                <figure class="image">
                                    <img src="https://111montgomery.nyc/img/second-page/property/111-montgomery-condominium.jpg">
                                </figure>
                            </div>
                            <div class="building-caption">
                                <div class="building-name">
                                    111 Montgomery
                                </div>
                                <div class="building-location">
                                    111 Montgomery St. Brooklyn
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <!--Recommended for you-->
            <div class="recommended">
                <div class="container is-densed">
                    <div class="section-title is-bolder">
                        Recommended For You
                    </div>
                    <div class="recommended-listings-wrapper listings-grid is-new">
                        <a
                            class="listing-grid-card"
                            href="/lincoln-square/15-west-63rd-street-21a-10023/3680"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://d9pqyg0o3u7z4.cloudfront.net/orders/w4O0uTXJMCSyEmZgynafzg/highlights/highlight_69.jpg">
                                </figure>

                                <div class="card-label blue-gradient">
                                    <div class="price">$25,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"
                                    >
                                        15 West 63rd Street, #21A
                                    </p>

                                    <p
                                        class="hood"
                                    >
                                        Lincoln Square, Manhattan, New York
                                    </p>

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

                                <div class="content-footer">
                                    <div class="is-exclusive">
                                        <div class="exclusive" v-cloak v-if="true">Exclusive</div>
                                    </div>
                                    <div class="available-value">
                                        <p class="available">Available Now</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a
                            class="listing-grid-card"
                            href="/financial-district/50-west-street-11c-10006/3941"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://3dapartment.com/spheres/listing_preview/listing_preview_47455e9daf70e0dba0.04234277.jpg">
                                </figure>

                                <div class="card-label blue-gradient">
                                    <div class="price">$14,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"
                                    >
                                        50 West Street, #11C
                                    </p>

                                    <p
                                        class="hood"
                                    >
                                        Financial District, Manhattan, New York
                                    </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">
                                            3.5
                                        </div>
                                    </div>
                                </div>

                                <div class="content-footer">
                                    <div class="is-exclusive">
                                        <div class="exclusive" v-if="false">Exclusive</div>
                                    </div>
                                    <div class="available-value">
                                        <p class="available">Available 06/01/2020</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a
                            class="listing-grid-card"
                            href="/upper-east-side/1735-york-avenue-ph2c-10128/2663"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://3dapartment.com/spheres/listing_preview/listing_preview_29915d2f2ee56baa09.63266086.jpg">
                                </figure>

                                <div class="card-label blue-gradient">
                                    <div class="price">$11,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"
                                    >
                                        1735 York Avenue, #PH2C
                                    </p>

                                    <p
                                        class="hood"
                                    >
                                        Upper East Side, Manhattan, New York
                                    </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">
                                            3
                                        </div>
                                    </div>
                                </div>

                                <div class="content-footer">
                                    <div class="is-exclusive">
                                        <div class="exclusive" v-if="true">Exclusive</div>
                                    </div>
                                    <div class="available-value">
                                        <p class="available">Available Now</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a
                            class="listing-grid-card"
                            href="/nolita/34-prince-street-3c-10012/3937"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://3dapartment.com/spheres/listing_preview/listing_preview_91125e99629b0c3fb8.28911236.jpg">
                                </figure>

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

                            </div>

                            <div class="listing-card-content">
                                <div class="location">
                                    <p
                                        class="address"
                                    >
                                        34 Prince Street, #3C
                                    </p>

                                    <p
                                        class="hood"
                                    >
                                        Nolita, Manhattan, New York
                                    </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.5
                                        </div>
                                    </div>
                                </div>

                                <div class="content-footer">
                                    <div class="is-exclusive">
                                        <div class="exclusive" v-if="true">Exclusive</div>
                                    </div>
                                    <div class="available-value">
                                        <p class="available">Available Now</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a
                            class="listing-grid-card"
                            href="/allston/32-high-rock-way-1-2134/4088"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://3dapartment.com/spheres/listing_preview/listing_preview_79715ea636eccae095.25944500.jpg">
                                </figure>

                                <div class="card-label blue-gradient">
                                    <div class="price">$2,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"
                                    >
                                        32 High Rock Way, #1
                                    </p>

                                    <p
                                        class="hood"
                                    >
                                        Allston, Boston
                                    </p>

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

                                <div class="content-footer">
                                    <div class="is-exclusive">
                                        <div class="exclusive" v-cloak v-if="false">Exclusive</div>
                                    </div>
                                    <div class="available-value">
                                        <p class="available">Available 07/01/2020</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a
                            class="listing-grid-card"
                            href="/mid-beach/4775-collins-avenue-1701-33140/3346"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://3dapartment.com/spheres/listing_preview/listing_preview_77945e5e78d2de86f1.77730339.jpg">
                                </figure>

                                <div class="card-label blue-gradient">
                                    <div class="price">$6,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"
                                    >
                                        4775 Collins Avenue, #1701
                                    </p>

                                    <p
                                        class="hood"
                                    >
                                        Mid-Beach, Miami
                                    </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">
                                            3
                                        </div>
                                    </div>
                                </div>

                                <div class="content-footer">
                                    <div class="is-exclusive">
                                        <div class="exclusive" v-if="false">Exclusive</div>
                                    </div>
                                    <div class="available-value">
                                        <p class="available">Available Now</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a
                            class="listing-grid-card"
                            href="/midtown-manhattan/22-west-15th-street-16j-10011/4014"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://3dapartment.com/spheres/listing_preview/listing_preview_41625e9fe37e2b65c1.81689389.jpg">
                                </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"
                                    >
                                        22 West 15th Street, #16J
                                    </p>

                                    <p
                                        class="hood"
                                    >
                                        Midtown Manhattan, New York
                                    </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" v-if="false">Exclusive</div>
                                    </div>
                                    <div class="available-value">
                                        <p class="available">Available Now</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a
                            class="listing-grid-card"
                            href="/east-boston/219-bennington-street-2-2128/3425"
                            target="_blank"
                        >
                            <div class="listing-image">

                                <figure class="image is-3by2">
                                    <img src="https://3dapartment.com/spheres/listing_preview/listing_preview_72775e6b9840d12501.26432107.jpg">
                                </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"
                                    >
                                        219 Bennington Street, #2
                                    </p>

                                    <p
                                        class="hood"
                                    >
                                        East Boston, Boston
                                    </p>

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

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

            <!--Find Home-->
            <div class="home-finder">
                <div class="container is-densed">
                    <div class="bottom-cta">
                        <div class="bottom-cta-text">
                            <div class="section-title is-bolder">
                                We'll Help You Find the Perfect Home
                            </div>
                            <div class="home-finder-text">
                                Our 3DApartment consultants will share expert advice and local insight to match you with a vetted real estate agent that fits your needs.
                            </div>
                        </div>
                        <div class="bottom-cta-control">
                            <button
                                class="button is-info is-large"
                                @click="$refs.findHomeModal.open()"
                            >
                                Find My Home
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!--Find Home Modal-->
            <find-home-modal ref="findHomeModal"></find-home-modal>

            <!--Experience Modal-->
            <sweet-modal
                ref="listingTypeModal"
                class="listing-type-modal"
            >
                <div class="selector-title">
                    Do yo want to buy or rent?
                </div>
                <div class="selector-controls buttons">
                    <button class="button is-rounded is-outlined is-primary is-medium">
                        Buy
                    </button>
                    <button class="button is-rounded is-outlined is-primary is-medium">
                        Rent
                    </button>
                </div>
            </sweet-modal>

            <!--Features Section-->
            <section v-cloak v-if="false">
                <div class="feature-title is-size-1-desktop is-size-4-mobile is-size-3-tablet">
                    A New Approach to Renting Apartments
                </div>
                <div class="feature-subtitle is-size-3-desktop is-size-5-tablet">
                    Experience virtual apartment walk-throughs for all our listings.<br>
                    No more hectic travel. No more wasted time. No more bad scheduling.
                </div>
                <div class="level features">

                    <div class="level-item">
                        <a href="/listings">
                            <figure class="image">
                                <img src="/img/assets/home/no_fee.svg" alt="No Fee apartments">
                            </figure>
                            <div class="feature-text">Browse Apartments in 3D</div>
                        </a>
                    </div>

                    <div class="level-item">
                        <a href="/experience">
                            <figure class="image">
                                <img src="/img/assets/home/be_there.svg" alt="View in 3d">
                            </figure>
                            <div class="feature-text">Be There</div>
                        </a>
                    </div>

                    <div class="level-item">
                        <a href="/apply">
                            <figure class="image">
                                <img src="/img/assets/home/document.svg" alt="Online rental application ability">
                            </figure>
                            <div class="feature-text">Apply Online</div>
                        </a>
                    </div>
                </div>

            </section>

            <!-- Experience Selection-->
            <section v-cloak v-if="false" class="experience">
                <div class="columns">
                    <div class="column is-6">
                        <div class="experience-image">
                            <div class="illustration"></div>
                        </div>
                    </div>
                    <div class="column is-6 flex-column-right">
                        <div class="section-text right-position">
                            <div class="section-text-title is-size-4-mobile is-size-3-tablet is-size-1-desktop">
                                Experience<br>Before Visiting
                            </div>

                            <div
                                class="section-text-content is-size-6-mobile is-size-6-tablet is-size-4-desktop is-size-3-widescreen">
                                How do you want to view your new home virtual walk-through: mobile, browser, VR headset?
                                Yea. We do them all.
                            </div>

                            <div class="section-button">
                                <a href="/experience"
                                   @click="sendStatsMixPanel('Experience it')"
                                   class="button is-primary blue-gradient is-large main-cta-wide-btn">
                                    Experience it
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </section>

            <!-- No Fee Section-->
            <section v-cloak v-if="false" class="nofee">
                <div class="columns" :class="{'mobile-flex-reverse' : $mq.phone}">

                    <div class="column is-5 flex-column-right">
                        <div class="section-text left-position">
                            <div class="section-text-title is-size-4-mobile is-size-3-tablet is-size-1-desktop">
                                Apartments
                            </div>

                            <div
                                class="section-text-content is-size-6-mobile is-size-6-tablet is-size-4-desktop is-size-3-widescreen">
                                We setup our platform so you can virtually walk through as many apartments as you want.
                                It’s like actually visiting them, except you can get a whole lot more viewed in one
                                afternoon than you normally would. After that, reach out to the agent and really visit
                                the ones you like.
                            </div>

                            <div class="section-button">
                                <a href="/listings" @click="sendStatsMixPanel('Search Now')"
                                   class="button is-large is-primary blue-gradient main-cta-wide-btn">
                                    Search Now
                                </a>
                            </div>

                        </div>
                    </div>

                    <div class="column is-7">
                        <figure class="image nofee-image">
                            <img src="/img/assets/home/big_no_fee.svg" alt="No fee home">
                        </figure>
                    </div>

                </div>
            </section>

            <section v-cloak class="roommates" v-if="false">
                <div class="columns">
                    <div class="column is-5 flex-column-left">
                        <div class="section-text left-position">
                            <div class="section-text-title is-size-4-mobile is-size-3-tablet is-size-1-desktop">
                                Roommates
                            </div>

                            <div class="section-text-content is-size-6-mobile is-size-6-tablet is-size-3-desktop">
                                Find great roommates on 3D Apartment. Share the Netflix, share the late-night snacks,
                                share in life.
                            </div>

                            <div class="section-button">
                                <a href="/roommates"
                                   class="button is-large is-primary purple-gradient main-cta-wide-btn">
                                    Join Now
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="column">
                        <div class="illustration">

                        </div>
                    </div>
                </div>
            </section>

            <!-- Apply Section-->
            <section v-cloak v-if="false" class="apply">
                <div class="columns">
                    <div class="column">
                        <div class="illustration">

                        </div>
                    </div>

                    <div class="column is-6 flex-column-left">
                        <div class="section-text right-position">
                            <div class="section-text-title is-size-4-mobile is-size-3-tablet is-size-1-desktop">
                                Apply Online
                            </div>

                            <div
                                class="section-text-content is-size-6-mobile is-size-6-tablet is-size-4-desktop is-size-3-widescreen">
                                Our System allows you to complete the entire rental process online:
                                <p>- Find your dream home by searching our Virtual Tours</p>
                                <p>- Securely complete & submit your rental application</p>
                                <p>- Upload supporting documents</p>
                                <p>- Fast Approval</p>
                                <p>- Submit Payments</p>
                                Create your account and secure your new home today!

                            </div>

                            <div class="section-button">
                                <a href="/apply"
                                   @click="sendStatsMixPanel('More')"
                                   class="button is-large is-primary blue-gradient main-cta-wide-btn">
                                    More
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

                            <section v-cloak v-if="false" class="searches">
                    <div
                        class="searches-title trend-title has-text-centered is-size-4-mobile is-size-2-tablet is-size-1-desktop">
                        Top Searches
                    </div>
                    <div class="container is-densed">
                        <div class="columns has-text-centered">
                            <div class="column is-size-5-mobile is-size-5-tablet is-size-4-desktop"><!--NYC SECTION-->
                                                                                                            <div class="search-link-item">
                                            <a href="/apartments-for-rent-nyc"
                                               @click="sendStatsMixPanel('Top Searches', 'apartments-for-rent-nyc')">
                                                <b-icon icon="search" size="is-small"></b-icon>Apartments for Rent NYC                                            </a>
                                        </div>
                                                                                                </div>
                            <div class="column is-size-5-mobile is-size-5-tablet is-size-4-desktop">
                                <!--BOSTON SECTION-->
                                                                                                            <div class="search-link-item">
                                            <a href="/apartments-for-rent-boston">
                                                <b-icon icon="search" size="is-small"></b-icon>Apartments for Rent Boston                                            </a>
                                        </div>
                                                                                                </div>
                        </div>
                    </div>
                </section>
            

                            <!-- Cities-->
                <section v-cloak v-if="false" class="cities">
                    <div class="all-cities">

                        <div class="has-text-centered trend-title is-size-4-mobile is-size-2-tablet is-size-1-desktop">
                            Cities
                        </div>

                        <div class="columns is-multiline">
                                                                                            <div class="column is-6">
                                    <a @click="sendStatsMixPanel('Cites New York')"  href="/nyc/neighborhoods/1">
                                        <div class="city-block">
                                            <div class="city-text">
                                                <div class="city-title">New York</div>
                                            </div>

                                            <div class="city-img">
                                                <figure class="image">
                                                    <img
                                                        src="/uploads/city_groups/5d5d3cbc3a2e06.96227750.jpg"
                                                        alt="New York"
                                                    >
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </div>
                                                                                            <div class="column is-6">
                                    <a @click="sendStatsMixPanel('Cites Greater Boston')"  href="/greater-boston/neighborhoods/2">
                                        <div class="city-block">
                                            <div class="city-text">
                                                <div class="city-title">Greater Boston</div>
                                            </div>

                                            <div class="city-img">
                                                <figure class="image">
                                                    <img
                                                        src="/uploads/city_groups/5d5d3cd0086e16.16421334.jpg"
                                                        alt="Greater Boston"
                                                    >
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </div>
                                                                                            <div class="column is-6">
                                    <a @click="sendStatsMixPanel('Cites New Jersey')"  href="/nj/neighborhoods/3">
                                        <div class="city-block">
                                            <div class="city-text">
                                                <div class="city-title">New Jersey</div>
                                            </div>

                                            <div class="city-img">
                                                <figure class="image">
                                                    <img
                                                        src="/uploads/city_groups/5d9759efd7c805.61892804.jpg"
                                                        alt="New Jersey"
                                                    >
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </div>
                                                                                            <div class="column is-6">
                                    <a @click="sendStatsMixPanel('Cites South Florida')"  href="/south-florida/neighborhoods/4">
                                        <div class="city-block">
                                            <div class="city-text">
                                                <div class="city-title">South Florida</div>
                                            </div>

                                            <div class="city-img">
                                                <figure class="image">
                                                    <img
                                                        src="/uploads/city_groups/5db05d6401b2a9.38978505.jpg"
                                                        alt="South Florida"
                                                    >
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </div>
                                                                                            <div class="column is-6">
                                    <a @click="sendStatsMixPanel('Cites Pennsylvania')"  href="/pa/neighborhoods/5">
                                        <div class="city-block">
                                            <div class="city-text">
                                                <div class="city-title">Pennsylvania</div>
                                            </div>

                                            <div class="city-img">
                                                <figure class="image">
                                                    <img
                                                        src="/uploads/city_groups/5e876af4162f53.39678246.jpg"
                                                        alt="Pennsylvania"
                                                    >
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </div>
                                                                                            <div class="column is-6">
                                    <a @click="sendStatsMixPanel('Cites Rhode Island')"  href="/Rhode-Island/neighborhoods/6">
                                        <div class="city-block">
                                            <div class="city-text">
                                                <div class="city-title">Rhode Island</div>
                                            </div>

                                            <div class="city-img">
                                                <figure class="image">
                                                    <img
                                                        src="/uploads/city_groups/5ea8ad81566903.48151810.jpg"
                                                        alt="Rhode Island"
                                                    >
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </div>
                                                    </div>
                    </div>
                </section>
            
                                        <!--  Trending Neighboorhoods-->
                <section v-cloak v-if="false" class="neighborhoods">
                    <div class="tranding-nei">

                        <div class="has-text-centered trend-title is-size-4-mobile is-size-2-tablet is-size-1-desktop">
                            Trending
                            Neighborhoods
                        </div>

                        <div class="columns is-multiline">
                                                                                            <div class="column is-4">
                                    <a @click="trendingNeighborhoodsForMixPanel('SITE Click Trending Neighborhoods',
                                        'city_name: Boston,neighborhood_title: Allston,listings_count:91 Apartments')"
                                       href="/n/greater-boston/allston/23"
                                    >
                                        <div class="nei-block">
                                            <div class="nei-text">
                                                <div class="nei-cityname">
                                                    <div>
                                                                                                                    Boston                                                                                                            </div>
                                                </div>
                                                <div class="nei-title ">Allston</div>
                                                <div class="nei-subtitle">
                                                                                                            <div>91 Apartments</div>
                                                                                                                                                        </div>
                                            </div>

                                            <div class="nei-img">
                                                <figure class="image">
                                                    <img src="/uploads/neighborhoods/min_main/min_main_5b89f35c752622.35515996.jpg"
                                                         alt="Allston">
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </div>
                                                                                            <div class="column is-4">
                                    <a @click="trendingNeighborhoodsForMixPanel('SITE Click Trending Neighborhoods',
                                        'city_name: Boston,neighborhood_title: Brighton,listings_count:79 Apartments')"
                                       href="/n/greater-boston/brighton/21"
                                    >
                                        <div class="nei-block">
                                            <div class="nei-text">
                                                <div class="nei-cityname">
                                                    <div>
                                                                                                                    Boston                                                                                                            </div>
                                                </div>
                                                <div class="nei-title ">Brighton</div>
                                                <div class="nei-subtitle">
                                                                                                            <div>79 Apartments</div>
                                                                                                                                                        </div>
                                            </div>

                                            <div class="nei-img">
                                                <figure class="image">
                                                    <img src="/uploads/neighborhoods/min_main/min_main_5b89f35c3e3d11.46772257.jpg"
                                                         alt="Brighton">
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </div>
                                                                                            <div class="column is-4">
                                    <a @click="trendingNeighborhoodsForMixPanel('SITE Click Trending Neighborhoods',
                                        'city_name: Boston,neighborhood_title: Fenway/Kenmore,listings_count:79 Apartments')"
                                       href="/n/greater-boston/fenway-kenmore/44"
                                    >
                                        <div class="nei-block">
                                            <div class="nei-text">
                                                <div class="nei-cityname">
                                                    <div>
                                                                                                                    Boston                                                                                                            </div>
                                                </div>
                                                <div class="nei-title ">Fenway/Kenmore</div>
                                                <div class="nei-subtitle">
                                                                                                            <div>79 Apartments</div>
                                                                                                                                                        </div>
                                            </div>

                                            <div class="nei-img">
                                                <figure class="image">
                                                    <img src="/uploads/neighborhoods/min_main/min_main_5b89f35f00e218.63477744.jpg"
                                                         alt="Fenway/Kenmore">
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </div>
                                                                                            <div class="column is-4">
                                    <a @click="trendingNeighborhoodsForMixPanel('SITE Click Trending Neighborhoods',
                                        'city_name: Boston,neighborhood_title: West Fens,listings_count:74 Apartments')"
                                       href="/n/greater-boston/west-fens/32"
                                    >
                                        <div class="nei-block">
                                            <div class="nei-text">
                                                <div class="nei-cityname">
                                                    <div>
                                                                                                                    Boston                                                                                                            </div>
                                                </div>
                                                <div class="nei-title ">West Fens</div>
                                                <div class="nei-subtitle">
                                                                                                            <div>74 Apartments</div>
                                                                                                                                                        </div>
                                            </div>

                                            <div class="nei-img">
                                                <figure class="image">
                                                    <img src="/uploads/neighborhoods/min_main/min_main_5b89f35d85a312.60465995.jpg"
                                                         alt="West Fens">
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </div>
                                                                                            <div class="column is-4">
                                    <a @click="trendingNeighborhoodsForMixPanel('SITE Click Trending Neighborhoods',
                                        'city_name: Boston,neighborhood_title: Roxbury,listings_count:53 Apartments')"
                                       href="/n/greater-boston/roxbury/40"
                                    >
                                        <div class="nei-block">
                                            <div class="nei-text">
                                                <div class="nei-cityname">
                                                    <div>
                                                                                                                    Boston                                                                                                            </div>
                                                </div>
                                                <div class="nei-title ">Roxbury</div>
                                                <div class="nei-subtitle">
                                                                                                            <div>53 Apartments</div>
                                                                                                                                                        </div>
                                            </div>

                                            <div class="nei-img">
                                                <figure class="image">
                                                    <img src="/uploads/neighborhoods/min_main/min_main_5b89f35e720716.43689402.jpg"
                                                         alt="Roxbury">
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </div>
                                                                                            <div class="column is-4">
                                    <a @click="trendingNeighborhoodsForMixPanel('SITE Click Trending Neighborhoods',
                                        'city_name: Boston,neighborhood_title: Commonwealth,listings_count:52 Apartments')"
                                       href="/n/greater-boston/commonwealth/143"
                                    >
                                        <div class="nei-block">
                                            <div class="nei-text">
                                                <div class="nei-cityname">
                                                    <div>
                                                                                                                    Boston                                                                                                            </div>
                                                </div>
                                                <div class="nei-title ">Commonwealth</div>
                                                <div class="nei-subtitle">
                                                                                                            <div>52 Apartments</div>
                                                                                                                                                        </div>
                                            </div>

                                            <div class="nei-img">
                                                <figure class="image">
                                                    <img src="/img/temp/hood.jpg"
                                                         alt="Commonwealth">
                                                </figure>
                                            </div>
                                            <div class="block-shadow"></div>
                                        </div>
                                    </a>
                                </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 src="/js/pannellum.js"></script>
<script type="application/ld+json">
{ "@context" : "http://schema.org",
  "@type" : "Organization",
  "url" : "https://3dapartment.com",
  "logo": "https://3dapartment.com/img/assets/footer-logo-white.png",
  "name": "3D Apartment | 3dapartment.com",
  "description": "Virtually Walk Through as many apartments as you want on 3D Apartment. The largest Virtual Tour Database of available to rent apartments. No More hectic Travel. No more wasted time. No More Bad Scheduling.  Browse, Experience Before Visiting, Apply"
   }


</script>
<script type="text/javascript">
    var cityGroups = [{"id":1,"title":"New York","image_path":"\/uploads\/city_groups\/5d5d3cbc3a2e06.96227750.jpg","lat":40.6739081,"lng":-73.922222,"slug":"nyc"},{"id":2,"title":"Greater Boston","image_path":"\/uploads\/city_groups\/5d5d3cd0086e16.16421334.jpg","lat":42.346307,"lng":-71.059963,"slug":"greater-boston"},{"id":3,"title":"New Jersey","image_path":"\/uploads\/city_groups\/5d9759efd7c805.61892804.jpg","lat":40.78986,"lng":-74.132732,"slug":"nj"},{"id":4,"title":"South Florida","image_path":"\/uploads\/city_groups\/5db05d6401b2a9.38978505.jpg","lat":25.761681,"lng":-80.191788,"slug":"south-florida"},{"id":5,"title":"Pennsylvania","image_path":"\/uploads\/city_groups\/5e876af4162f53.39678246.jpg","lat":39.952583,"lng":-75.165222,"slug":"pa"},{"id":6,"title":"Rhode Island","image_path":"\/uploads\/city_groups\/5ea8ad81566903.48151810.jpg","lat":41.82592,"lng":-71.414056,"slug":"Rhode-Island"}];
</script>
<script src="/build/app.319a24544e5819dd81cd.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>