<!--
                                                                          For Life!


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

-->

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

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

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


    <meta  name="title" content="Apartments For Rent in Longmont, Longmont, MA. | 3D Apartment"><meta  property="og:title" content="Apartments For Rent in Longmont, Longmont, MA. | 3D Apartment"><meta  property="og:type" content="website"><meta property="og:url" content="https://3dapartment.com/n/CO/longmont/1293"><meta property="og:image" content="https://3dapartment.com/img/temp/hood.jpg"><meta property="og:image:type" content="image/png"><meta  property="og:description" content="Take Virtual Reality Tours of 39 apartments in Longmont, Longmont, MA. No More Hectic Travel. No More Wasted time. No More Bad Scheduling. Experience Before Visiting. Tour Your Future Home in 3D."><meta  name="description" content="Take Virtual Reality Tours of 39 apartments in Longmont, Longmont, MA. No More Hectic Travel. No More Wasted time. No More Bad Scheduling. Experience Before Visiting. Tour Your Future Home in 3D."><link rel="canonical" href="https://3dapartment.com/n/CO/longmont/1293"/>    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=3">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2">
    <link rel="manifest" href="/site.webmanifest?v=2">
    <link rel="mask-icon" href="/safari-pinned-tab.svg?v=2" color="#1a8cff">
    <link rel="shortcut icon" href="/favicon.ico?v=2">
    <meta name="msapplication-TileColor" content="#1a8cff">
    <meta name="theme-color" content="#ffffff">

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

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

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

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

        gtag('config', 'AW-611187644');
    </script>
    <!— Facebook Pixel Code —>
    <script>
        !function (f, b, e, v, n, t, s) {
            if (f.fbq) return;
            n = f.fbq = function () {
                n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window, document, 'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '216360782292907');
        fbq('track', 'PageView');
    </script>
    <!— End Facebook Pixel Code —>
    
<!-- 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 -->
</head>

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

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

                    <div class="nei-bg">
                        <figure class="image">
                            <img src="/img/temp/neighborhood.png"
                                 alt="3d apartment Longmont">
                        </figure>
                    </div>

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

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

                            <h1 class="neigh-name is-size-1-mobile">
                             Longmont                            </h1>
                            <h2 class="city-name is-size-3-mobile">
                                                            Longmont                                                        </h2>

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

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

                <div class="columns is-gapless">
                    <div class="column">
                        <div class="block-content has-text-centered-mobile has-text-right-tablet">
                            <div class="block-title">About</div>
                            <div class="block-text">
                                No description                            </div>
                        </div>
                    </div>
                    <div class="column is-6">
                        <figure class="image">
                            <img src="/img/temp/hood.jpg"
                                 alt="3d apartment in Longmont">
                        </figure>
                    </div>
                </div>

            </section>

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

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

                    <div class="listings-grid">
                        
                            <a class="listing-grid-card"
   
   href="/longmont/804-summer-hawk-drive-9202-80504/14952"
   @click="selectListing('14952')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_780761bb584b5c71a7.06967581.jpg" alt="804 Summer Hawk Drive, #9202">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="804 Summer Hawk Drive, #9202"
            >
                804 Summer Hawk Drive, #9202            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/1334-south-emery-street-d-80501/16163"
   @click="selectListing('16163')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_508261bb63463a4e52.87058815.jpg" alt="1334 South Emery Street, #d">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1334 South Emery Street, #d"
            >
                1334 South Emery Street, #d            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/10427-durango-place-80504/16023"
   @click="selectListing('16023')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_333261bb6213a54638.38292268.jpg" alt="10427 Durango Place">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="10427 Durango Place"
            >
                10427 Durango Place            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/10429-durango-place-80504/63574"
   @click="selectListing('63574')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_6017624329500bb3c8.75494401.jpg" alt="10429 Durango Place">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="10429 Durango Place"
            >
                10429 Durango Place            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/11695-montgomery-circle-80504/16424"
   @click="selectListing('16424')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_326261bb6596ab8461.21110611.jpg" alt="11695 Montgomery Circle">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="11695 Montgomery Circle"
            >
                11695 Montgomery Circle            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/11711-elmer-linn-drive-80504/78830"
   @click="selectListing('78830')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_3815627527c988c8f3.40062665.jpg" alt="11711 Elmer Linn Drive">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="11711 Elmer Linn Drive"
            >
                11711 Elmer Linn Drive            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/1218-hummingbird-circle-80501/15266"
   @click="selectListing('15266')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_318261bb5b1b1a6001.10594080.jpg" alt="1218 Hummingbird Circle">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1218 Hummingbird Circle"
            >
                1218 Hummingbird Circle            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/1229-linden-street-80501/15099"
   @click="selectListing('15099')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_604061bb599a4cb6a2.50694591.jpg" alt="1229 Linden Street">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1229 Linden Street"
            >
                1229 Linden Street            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/1351-lincoln-street-80501/15347"
   @click="selectListing('15347')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_695261bb5bce23b7c7.94238541.jpg" alt="1351 Lincoln Street">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1351 Lincoln Street"
            >
                1351 Lincoln Street            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/1520-easter-court-80501/15185"
   @click="selectListing('15185')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_894161bb5a58e677f5.89429015.jpg" alt="1520 Easter Court">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1520 Easter Court"
            >
                1520 Easter Court            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/1534-kimbark-street-80501/15098"
   @click="selectListing('15098')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_118661bb5998a444c6.85419306.jpg" alt="1534 Kimbark Street">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1534 Kimbark Street"
            >
                1534 Kimbark Street            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/1544-venice-lane-80503/16337"
   @click="selectListing('16337')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_444661bb64e9a269a5.29285240.jpg" alt="1544 Venice Lane">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1544 Venice Lane"
            >
                1544 Venice Lane            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/15669-north-83rd-street-80503/78262"
   @click="selectListing('78262')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_2714627281d6eb8f99.81338565.jpg" alt="15669 North 83Rd Street">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="15669 North 83Rd Street"
            >
                15669 North 83Rd Street            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/1839-rice-street-80501/15191"
   @click="selectListing('15191')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_191961bb5a68f3f0a2.81357249.jpg" alt="1839 Rice Street">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1839 Rice Street"
            >
                1839 Rice Street            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/2017-vaquero-street-80504/15380"
   @click="selectListing('15380')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_226261bb5c34d26694.82320476.jpg" alt="2017 Vaquero Street">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="2017 Vaquero Street"
            >
                2017 Vaquero Street            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/2101-brooks-way-80504/15527"
   @click="selectListing('15527')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_318961bb5daa135831.40106032.jpg" alt="2101 Brooks Way">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="2101 Brooks Way"
            >
                2101 Brooks Way            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/213-23rd-avenue-80501/16254"
   @click="selectListing('16254')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_898161bb643fc73e60.66117888.jpg" alt="213 23Rd Avenue">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="213 23Rd Avenue"
            >
                213 23Rd Avenue            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/2136-vivian-street-80501/15051"
   @click="selectListing('15051')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_163261bb592f1a18c8.61291304.jpg" alt="2136 Vivian Street">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="2136 Vivian Street"
            >
                2136 Vivian Street            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/2144-meadow-court-80501/15482"
   @click="selectListing('15482')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_194461bb5d39543e80.55144995.jpg" alt="2144 Meadow Court">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="2144 Meadow Court"
            >
                2144 Meadow Court            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/2232-creekside-drive-80504/15009"
   @click="selectListing('15009')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_162361bb58ce263736.79376461.jpg" alt="2232 Creekside Drive">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="2232 Creekside Drive"
            >
                2232 Creekside Drive            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/2561-22nd-drive-80503/14919"
   @click="selectListing('14919')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_208361bb57f6835138.09762162.jpg" alt="2561 22Nd Drive">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="2561 22Nd Drive"
            >
                2561 22Nd Drive            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/3535-eagle-ridge-road-80503/147251"
   @click="selectListing('147251')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_5108639ef93d4fae38.75724166.jpg" alt="3535 Eagle Ridge Road">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="3535 Eagle Ridge Road"
            >
                3535 Eagle Ridge Road            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/3905-oakwood-drive-80503/15379"
   @click="selectListing('15379')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_582061bb5c325e9a55.04668942.jpg" alt="3905 Oakwood Drive">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="3905 Oakwood Drive"
            >
                3905 Oakwood Drive            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/4210-san-marco-drive-80503/16290"
   @click="selectListing('16290')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_581561bb648ce2b5f4.40546452.jpg" alt="4210 San Marco Drive">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="4210 San Marco Drive"
            >
                4210 San Marco Drive            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/4534-palmer-court-80503/15032"
   @click="selectListing('15032')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_228261bb5905761281.32164544.jpg" alt="4534 Palmer Court">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="4534 Palmer Court"
            >
                4534 Palmer Court            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/530-emery-street-80501/15255"
   @click="selectListing('15255')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_641261bb5b03c0b624.89162995.jpg" alt="530 Emery Street">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="530 Emery Street"
            >
                530 Emery Street            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/6284-ephesus-road-80503/71021"
   @click="selectListing('71021')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_87576246fbd89bc8d1.21145895.jpg" alt="6284 Ephesus Road">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="6284 Ephesus Road"
            >
                6284 Ephesus Road            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/663-snowberry-street-80503/15008"
   @click="selectListing('15008')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_157961bb58cc7f6cd5.99656200.jpg" alt="663 Snowberry Street">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="663 Snowberry Street"
            >
                663 Snowberry Street            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/6762-snead-court-80503/15265"
   @click="selectListing('15265')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_734161bb5b19188a50.36169347.jpg" alt="6762 Snead Court">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="6762 Snead Court"
            >
                6762 Snead Court            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/7183-alpenglow-court-80503/144079"
   @click="selectListing('144079')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_86666389cf4eb5d247.61289197.jpg" alt="7183 Alpenglow Court">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="7183 Alpenglow Court"
            >
                7183 Alpenglow Court            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/7477-citation-lane-80503/15089"
   @click="selectListing('15089')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_737861bb598454d746.40990245.jpg" alt="7477 Citation Lane">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="7477 Citation Lane"
            >
                7477 Citation Lane            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/754-francis-street-80501/15443"
   @click="selectListing('15443')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_642061bb5cdb3059d2.85234785.jpg" alt="754 Francis Street">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="754 Francis Street"
            >
                754 Francis Street            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/841-crisman-drive-ste-5-80501/16164"
   @click="selectListing('16164')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_617261bb6347b04ef4.45836735.jpg" alt="841 Crisman Drive Ste 5">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="841 Crisman Drive Ste 5"
            >
                841 Crisman Drive Ste 5            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/8677-summerlin-place-80503/15852"
   @click="selectListing('15852')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_614561bb60a50e3570.98315249.jpg" alt="8677 Summerlin Place">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="8677 Summerlin Place"
            >
                8677 Summerlin Place            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/8850-north-county-line-road-80503/129692"
   @click="selectListing('129692')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_4769634632f772e033.29932699.jpg" alt="8850 North County Line Road">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="8850 North County Line Road"
            >
                8850 North County Line Road            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/9140-jotipa-drive-80503/63452"
   @click="selectListing('63452')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_41826243246ca57730.39001659.jpg" alt="9140 Jotipa Drive">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="9140 Jotipa Drive"
            >
                9140 Jotipa Drive            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/931-reynolds-farm-lane-80503/16112"
   @click="selectListing('16112')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_187961bb62dbe76282.81582116.jpg" alt="931 Reynolds Farm Lane">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="931 Reynolds Farm Lane"
            >
                931 Reynolds Farm Lane            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/9462-apache-road-80504/15148"
   @click="selectListing('15148')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_512161bb5a0d0bdea1.71450653.jpg" alt="9462 Apache Road">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="9462 Apache Road"
            >
                9462 Apache Road            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                        
                            <a class="listing-grid-card"
   
   href="/longmont/997-glenarbor-circle-80504/15184"
   @click="selectListing('15184')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_509061bb5a5544ffa0.07915491.jpg" alt="997 Glenarbor Circle">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="997 Glenarbor Circle"
            >
                997 Glenarbor Circle            </p>
                        <p
                class="hood"
                title="Longmont"
            >
                Longmont            </p>

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

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

                                            </div>

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

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

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


        </scroll-container>

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

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


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

        </sweet-modal>
    </div>

</section>

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

        FB.AppEvents.logPageView();
    };

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

<script type="text/javascript">
    var user = {};
</script>
<script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "Organization",
        "name": "3D Apartment",
        "url": "https://3dapartment.com/",
        "sameAs": [
            "https://www.youtube.com/c/3DAPARTMENT",
            "https://www.facebook.com/3Dapartments",
            "https://www.linkedin.com/company/3dapartment",
            "https://twitter.com/3dapartment"
        ],
        "logo": "https://3dapartment.com/img/assets/big-logo-blue.png"
    }
</script>
<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Review",
  "reviewBody": "39 Apartments in Longmont, Boston, MA.",
  "itemReviewed": {
    "@type": "Place",
    "image": "https://3dapartment.com/img/temp/neighborhood.png",
    "name": "Longmont",
    "address":{
         "addressRegion": "MA",
         "addressLocality": "Longmont, Boston"
    }
  },
  "publisher": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "author": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "description":"No description",
  "url" : "http://3dapartment.com/n/CO/longmont/1293",
  "image" : "http://3dapartment.com/img/temp/hood.jpg ",
  "name": "3D Apartment |Longmont"

}


</script>

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Place",
  "address":{
         "addressRegion": "MA",
         "addressLocality": "Longmont, Boston"
    },
  "description":"No description",
  "url" : "http://3dapartment.com/n/CO/longmont/1293",
  "image" : "http://3dapartment.com/img/temp/hood.jpg ",
  "name": "3D Apartment |Longmont"

}

</script>

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

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