<!--
                                                                          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>Apartments For Rent in Portland, Oregon | 3D Apartment</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 Portland, Oregon | 3D Apartment"><meta  property="og:title" content="Apartments For Rent in Portland, Oregon | 3D Apartment"><meta  property="og:type" content="website"><meta property="og:url" content="https://3dapartment.com/n/OR/portland/6022"><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 485 apartments in Portland, OR"><meta name="description" content="Take Virtual Reality Tours of 485 apartments in Portland, OR"><link rel="canonical" href="https://3dapartment.com/n/OR/portland/6022"/>    <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.41951d62090b0b813dbc3c86f60c0683.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 Apartments For Rent in Portland, Oregon">
                        </figure>
                    </div>

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

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

                            <h1 class="neigh-name is-size-1-mobile">
                             Apartments For Rent in Portland, Oregon                            </h1>
                            <h2 class="city-name is-size-3-mobile">
                                                            Portland                                                        </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">
                                                                    Portland, OR Real Estate Rentals
                                    Welcome to our selection of rental properties in Portland, OR. We offer various apartments with 485 units in this vibrant neighborhood.
                                    Our apartments range from cozy studios to spacious multi-bedroom units, and many of them feature modern amenities such as updated kitchens, in-unit laundry, and air conditioning.
                                    Our properties are professionally managed and maintained to ensure your comfort and satisfaction.
                                    Take a virtual tour of our apartments with our 3D virtual tours, allowing you to explore every nook and cranny of the unit from the comfort of your home. With our virtual tours, you can get a sense of the apartment's layout and design before even stepping inside.
                                    Portland is a bustling and diverse community that offers something for everyone. Whether you're a foodie, a nature lover, or a culture buff, you'll find plenty to explore in this neighborhood. From the trendy cafes and boutiques to the parks and cultural institutions, Portland has it all.
                                    At 3D Apartment, we are committed to providing you with the best possible rental experience. Our knowledgeable and friendly staff are always here to help you find the perfect apartment for your needs and to answer any questions you may have about the rental process.
                                    Please browse our selection of rental properties in Portland, OR today, and discover your new home in this exciting community. With 485 units available, we're confident you'll find the perfect place to call home.
                                                            </div>
                        </div>
                    </div>
                    <div class="column is-6">
                        <figure class="image">
                            <img src="/img/temp/hood.jpg"
                                 alt="3d apartment in Portland">
                        </figure>
                    </div>
                </div>

            </section>

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

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

                    <div class="listings-grid">
                        
                            <a class="listing-grid-card"
   
   href="/portland/1616-ne-45th-avenue-1-97213/47729"
   @click="selectListing('47729')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_910061cd113eb3a077.80219764.jpg" alt="1616 Ne 45Th Avenue, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$410,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="1616 Ne 45Th Avenue, #1"
            >
                1616 Ne 45Th Avenue, #1            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/227-ne-61st-avenue-1-97213/34137"
   @click="selectListing('34137')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_416861c225d1d0e490.44039968.jpg" alt="227 Ne 61St Avenue, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$299,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="227 Ne 61St Avenue, #1"
            >
                227 Ne 61St Avenue, #1            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/1260-nw-naito-parkway-1006-97209/33732"
   @click="selectListing('33732')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_559261c2219fb9ea68.17445510.jpg" alt="1260 Nw Naito Parkway, #1006">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,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="1260 Nw Naito Parkway, #1006"
            >
                1260 Nw Naito Parkway, #1006            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/754-northwest-118th-avenue-102-97229/165814"
   @click="selectListing('165814')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_12896416a912926755.61131818.jpg" alt="754 Northwest 118Th Avenue, #102">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$422,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="754 Northwest 118Th Avenue, #102"
            >
                754 Northwest 118Th Avenue, #102            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/1410-nw-kearney-street-1021-97209/34047"
   @click="selectListing('34047')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_834261c224e30d7aa3.58313993.jpg" alt="1410 Nw Kearney Street, #1021">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$449,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="1410 Nw Kearney Street, #1021"
            >
                1410 Nw Kearney Street, #1021            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/3129-north-willamette-boulevard-105-97217/33729"
   @click="selectListing('33729')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_649761c22198d9f156.97179487.jpg" alt="3129 North Willamette Boulevard, #105">
        </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="3129 North Willamette Boulevard, #105"
            >
                3129 North Willamette Boulevard, #105            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/705-northwest-falling-waters-lane-105-97229/142148"
   @click="selectListing('142148')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_3963637a69a00da745.46937949.jpg" alt="705 Northwest Falling Waters Lane, #105">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="705 Northwest Falling Waters Lane, #105"
            >
                705 Northwest Falling Waters Lane, #105            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8712-north-decatur-street-106-97203/33498"
   @click="selectListing('33498')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_897361c21f49f39a47.25344394.jpg" alt="8712 North Decatur Street, #106">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$240,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="8712 North Decatur Street, #106"
            >
                8712 North Decatur Street, #106            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1424-north-simpson-street-11-97217/33650"
   @click="selectListing('33650')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_178861c220d0b19b21.84337581.jpg" alt="1424 North Simpson Street, #11">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$325,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="1424 North Simpson Street, #11"
            >
                1424 North Simpson Street, #11            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1150-nw-quimby-street-1102-97209/34206"
   @click="selectListing('34206')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_859861c2269cdfd059.69310343.jpg" alt="1150 Nw Quimby Street, #1102">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,250,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="1150 Nw Quimby Street, #1102"
            >
                1150 Nw Quimby Street, #1102            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/2425-sw-19th-avenue-12-97201/34071"
   @click="selectListing('34071')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_926961c22526771633.83780877.jpg" alt="2425 Sw 19Th Avenue, #12">
        </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="2425 Sw 19Th Avenue, #12"
            >
                2425 Sw 19Th Avenue, #12            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1221-sw-10th-avenue-1307-97205/33492"
   @click="selectListing('33492')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_809561c21f3c0fd160.80558359.jpg" alt="1221 Sw 10Th Avenue, #1307">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$725,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="1221 Sw 10Th Avenue, #1307"
            >
                1221 Sw 10Th Avenue, #1307            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2335-nw-raleigh-street-139-97210/34315"
   @click="selectListing('34315')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_572461c227ed4e82d1.11017802.jpg" alt="2335 Nw Raleigh Street, #139">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$619,996</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="2335 Nw Raleigh Street, #139"
            >
                2335 Nw Raleigh Street, #139            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1926-west-burnside-street-1510-97209/33566"
   @click="selectListing('33566')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_562261c21ff4df22b1.32874010.jpg" alt="1926 West Burnside Street, #1510">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$315,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="1926 West Burnside Street, #1510"
            >
                1926 West Burnside Street, #1510            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1150-nw-quimby-street-1608-97209/33886"
   @click="selectListing('33886')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_738561c22326d68d06.78517156.jpg" alt="1150 Nw Quimby Street, #1608">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$785,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="1150 Nw Quimby Street, #1608"
            >
                1150 Nw Quimby Street, #1608            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/217-ne-146th-avenue-17-97230/34484"
   @click="selectListing('34484')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_964861c229b6bb7db0.36038202.jpg" alt="217 Ne 146Th Avenue, #17">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$199,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="217 Ne 146Th Avenue, #17"
            >
                217 Ne 146Th Avenue, #17            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/16248-southwest-130th-ter-18-97224/170499"
   @click="selectListing('170499')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_7684642d0c20a2da13.50955624.jpg" alt="16248 Southwest 130Th Ter, #18">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$354,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="16248 Southwest 130Th Ter, #18"
            >
                16248 Southwest 130Th Ter, #18            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/255-sw-harrison-street-18h-97201/33578"
   @click="selectListing('33578')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_343561c2200fedd517.42893773.jpg" alt="255 Sw Harrison Street, #18h">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$378,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="255 Sw Harrison Street, #18h"
            >
                255 Sw Harrison Street, #18h            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2245-sw-park-place-1a-97205/33495"
   @click="selectListing('33495')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_601861c21f437988e5.10754184.jpg" alt="2245 Sw Park Place, #1a">
        </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="2245 Sw Park Place, #1a"
            >
                2245 Sw Park Place, #1a            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1424-north-simpson-street-2-97217/33579"
   @click="selectListing('33579')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_757261c22010d6c987.72578503.jpg" alt="1424 North Simpson Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$309,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="1424 North Simpson Street, #2"
            >
                1424 North Simpson Street, #2            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/2211-sw-1st-avenue-201-97201/33853"
   @click="selectListing('33853')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_432361c222d92ac475.51095431.jpg" alt="2211 Sw 1St Avenue, #201">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$350,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="2211 Sw 1St Avenue, #201"
            >
                2211 Sw 1St Avenue, #201            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2222-nw-hoyt-street-202-97210/33953"
   @click="selectListing('33953')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_702261c223caa0ac51.22914788.jpg" alt="2222 Nw Hoyt Street, #202">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$810,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="2222 Nw Hoyt Street, #202"
            >
                2222 Nw Hoyt Street, #202            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3866-se-taylor-street-205-97214/33773"
   @click="selectListing('33773')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_414861c2220fa57547.08680197.jpg" alt="3866 Se Taylor Street, #205">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$285,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="3866 Se Taylor Street, #205"
            >
                3866 Se Taylor Street, #205            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/408-nw-12th-avenue-212-97209/34424"
   @click="selectListing('34424')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_354861c2291e3ab193.43628845.jpg" alt="408 Nw 12Th Avenue, #212">
        </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="408 Nw 12Th Avenue, #212"
            >
                408 Nw 12Th Avenue, #212            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/726-nw-11th-avenue-216-97209/47757"
   @click="selectListing('47757')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_244961cd118c4ea0f2.96345032.jpg" alt="726 Nw 11Th Avenue, #216">
        </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="726 Nw 11Th Avenue, #216"
            >
                726 Nw 11Th Avenue, #216            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/2445-nw-westover-road-218-97210/47758"
   @click="selectListing('47758')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_866261cd118e9b8fe0.78102110.jpg" alt="2445 Nw Westover Road, #218">
        </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="2445 Nw Westover Road, #218"
            >
                2445 Nw Westover Road, #218            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4956-ne-9th-avenue-3-97211/34286"
   @click="selectListing('34286')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_327861c227a07a2e73.88440840.jpg" alt="4956 Ne 9Th Avenue, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$325,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="4956 Ne 9Th Avenue, #3"
            >
                4956 Ne 9Th Avenue, #3            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/2829-se-belmont-street-304-97214/33963"
   @click="selectListing('33963')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_278861c223ed46efd2.96029608.jpg" alt="2829 Se Belmont Street, #304">
        </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="2829 Se Belmont Street, #304"
            >
                2829 Se Belmont Street, #304            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/949-nw-overton-street-305-97209/47796"
   @click="selectListing('47796')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_282261cd120d06e890.33669574.jpg" alt="949 Nw Overton Street, #305">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,149,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="949 Nw Overton Street, #305"
            >
                949 Nw Overton Street, #305            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4926-south-corbett-avenue-306-97239/34208"
   @click="selectListing('34208')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_282061c226a6109a75.17392936.jpg" alt="4926 South Corbett Avenue, #306">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$386,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="4926 South Corbett Avenue, #306"
            >
                4926 South Corbett Avenue, #306            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/311-northwest-12th-avenue-307-97209/168682"
   @click="selectListing('168682')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_7625642688d396b2e2.60492379.jpg" alt="311 Northwest 12Th Avenue, #307">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$999,701</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="311 Northwest 12Th Avenue, #307"
            >
                311 Northwest 12Th Avenue, #307            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/949-nw-overton-street-309-97209/33956"
   @click="selectListing('33956')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_979861c223d2dcfc97.88798855.jpg" alt="949 Nw Overton Street, #309">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,249,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="949 Nw Overton Street, #309"
            >
                949 Nw Overton Street, #309            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1951-nw-hoyt-street-31-97209/33909"
   @click="selectListing('33909')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_452761c2235be74a54.00478635.jpg" alt="1951 Nw Hoyt Street, #31">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$640,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="1951 Nw Hoyt Street, #31"
            >
                1951 Nw Hoyt Street, #31            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1314-nw-irving-street-312-97209/33541"
   @click="selectListing('33541')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_709661c21fb9581742.27137426.jpg" alt="1314 Nw Irving Street, #312">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$309,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="1314 Nw Irving Street, #312"
            >
                1314 Nw Irving Street, #312            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/922-nw-11th-avenue-315-97209/34236"
   @click="selectListing('34236')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_226861c227157134a6.40464099.jpg" alt="922 Nw 11Th Avenue, #315">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$890,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="922 Nw 11Th Avenue, #315"
            >
                922 Nw 11Th Avenue, #315            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/4356-sw-dickinson-street-32-97219/33496"
   @click="selectListing('33496')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_939961c21f456d0a67.61874900.jpg" alt="4356 Sw Dickinson Street, #32">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$216,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="4356 Sw Dickinson Street, #32"
            >
                4356 Sw Dickinson Street, #32            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/1424-north-simpson-street-4-97217/47827"
   @click="selectListing('47827')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_194261cd12656d0034.97855716.jpg" alt="1424 North Simpson Street, #4">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$299,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="1424 North Simpson Street, #4"
            >
                1424 North Simpson Street, #4            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1255-nw-9th-avenue-403-97209/33884"
   @click="selectListing('33884')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_771761c22323126e34.00997722.jpg" alt="1255 Nw 9Th Avenue, #403">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$339,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="1255 Nw 9Th Avenue, #403"
            >
                1255 Nw 9Th Avenue, #403            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1455-north-killingsworth-street-403-97217/47766"
   @click="selectListing('47766')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_280361cd11a367e849.36234352.jpg" alt="1455 North Killingsworth Street, #403">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$279,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="1455 North Killingsworth Street, #403"
            >
                1455 North Killingsworth Street, #403            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/2530-se-26th-avenue-404-97202/34536"
   @click="selectListing('34536')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_976161c22a36eddc10.71460177.jpg" alt="2530 Se 26Th Avenue, #404">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$435,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="2530 Se 26Th Avenue, #404"
            >
                2530 Se 26Th Avenue, #404            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1830-nw-riverscape-street-406-97209/33501"
   @click="selectListing('33501')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_290561c21f503704e0.07998357.jpg" alt="1830 Nw Riverscape Street, #406">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$689,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="1830 Nw Riverscape Street, #406"
            >
                1830 Nw Riverscape Street, #406            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/323-nw-13th-avenue-407-97209/34098"
   @click="selectListing('34098')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_153461c22563b0e719.50366474.jpg" alt="323 Nw 13Th Avenue, #407">
        </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="323 Nw 13Th Avenue, #407"
            >
                323 Nw 13Th Avenue, #407            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/300-nw-8th-avenue-408-97209/34357"
   @click="selectListing('34357')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_920461c2285feea5a2.09000675.jpg" alt="300 Nw 8Th Avenue, #408">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$349,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="300 Nw 8Th Avenue, #408"
            >
                300 Nw 8Th Avenue, #408            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/2109-nw-irving-street-411-97210/34186"
   @click="selectListing('34186')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_594261c2265def8d62.80749957.jpg" alt="2109 Nw Irving Street, #411">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$249,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="2109 Nw Irving Street, #411"
            >
                2109 Nw Irving Street, #411            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/416-nw-13th-avenue-413-97209/33812"
   @click="selectListing('33812')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_339661c22276b4e751.38765360.jpg" alt="416 Nw 13Th Avenue, #413">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$950,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="416 Nw 13Th Avenue, #413"
            >
                416 Nw 13Th Avenue, #413            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1420-nw-lovejoy-street-427-97209/34423"
   @click="selectListing('34423')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_359761c22911c38c76.03033764.jpg" alt="1420 Nw Lovejoy Street, #427">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$315,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="1420 Nw Lovejoy Street, #427"
            >
                1420 Nw Lovejoy Street, #427            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1150-nw-quimby-street-438-97209/47784"
   @click="selectListing('47784')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_576661cd11e3db8894.96455910.jpg" alt="1150 Nw Quimby Street, #438">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$724,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="1150 Nw Quimby Street, #438"
            >
                1150 Nw Quimby Street, #438            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1424-north-simpson-street-5-97217/33629"
   @click="selectListing('33629')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_389361c2209d2aebf8.23236682.jpg" alt="1424 North Simpson Street, #5">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$319,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="1424 North Simpson Street, #5"
            >
                1424 North Simpson Street, #5            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/3026-nw-montara-loop-5-97229/33491"
   @click="selectListing('33491')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_276361c21f3a0c7094.21747088.jpg" alt="3026 Nw Montara Loop, #5">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$462,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="3026 Nw Montara Loop, #5"
            >
                3026 Nw Montara Loop, #5            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/841-south-gaines-street-500-97239/33766"
   @click="selectListing('33766')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_810561c221f8f3e462.17765881.jpg" alt="841 South Gaines Street, #500">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$578,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="841 South Gaines Street, #500"
            >
                841 South Gaines Street, #500            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1205-sw-cardinell-drive-503-97201/34383"
   @click="selectListing('34383')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_401261c228a3bcd0b3.90936396.jpg" alt="1205 Sw Cardinell Drive, #503">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$219,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="1205 Sw Cardinell Drive, #503"
            >
                1205 Sw Cardinell Drive, #503            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/3632-sw-baird-street-6-97219/47746"
   @click="selectListing('47746')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_117961cd116c530058.68785061.jpg" alt="3632 Sw Baird Street, #6">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$449,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="3632 Sw Baird Street, #6"
            >
                3632 Sw Baird Street, #6            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1830-nw-riverscape-street-608-97209/34372"
   @click="selectListing('34372')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_742361c2288585c081.03250669.jpg" alt="1830 Nw Riverscape Street, #608">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$360,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="1830 Nw Riverscape Street, #608"
            >
                1830 Nw Riverscape Street, #608            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1830-nw-riverscape-street-611-97209/34220"
   @click="selectListing('34220')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_263761c226d78a88a2.50595851.jpg" alt="1830 Nw Riverscape Street, #611">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$665,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="1830 Nw Riverscape Street, #611"
            >
                1830 Nw Riverscape Street, #611            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1420-nw-lovejoy-street-615-97209/33445"
   @click="selectListing('33445')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_235661c21ec7af4d13.25600535.jpg" alt="1420 Nw Lovejoy Street, #615">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$329,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="1420 Nw Lovejoy Street, #615"
            >
                1420 Nw Lovejoy Street, #615            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1420-nw-lovejoy-street-620-97209/33745"
   @click="selectListing('33745')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_244861c221c007c567.59302963.jpg" alt="1420 Nw Lovejoy Street, #620">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$570,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="1420 Nw Lovejoy Street, #620"
            >
                1420 Nw Lovejoy Street, #620            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/333-nw-9th-avenue-702-97209/34455"
   @click="selectListing('34455')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_852461c22974c062d9.51024974.jpg" alt="333 Nw 9Th Avenue, #702">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$389,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="333 Nw 9Th Avenue, #702"
            >
                333 Nw 9Th Avenue, #702            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/2336-sw-osage-street-708-97205/47754"
   @click="selectListing('47754')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_762161cd11863e16e2.71426059.jpg" alt="2336 Sw Osage Street, #708">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$299,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="2336 Sw Osage Street, #708"
            >
                2336 Sw Osage Street, #708            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1424-north-simpson-street-8-97217/34434"
   @click="selectListing('34434')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_211861c2293d6e8f54.97912275.jpg" alt="1424 North Simpson Street, #8">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$319,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="1424 North Simpson Street, #8"
            >
                1424 North Simpson Street, #8            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/19189-se-yamhill-street-8-97233/33920"
   @click="selectListing('33920')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_239261c22375d84e35.02816200.jpg" alt="19189 Se Yamhill Street, #8">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$310,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="19189 Se Yamhill Street, #8"
            >
                19189 Se Yamhill Street, #8            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/1424-north-simpson-street-9-97217/33432"
   @click="selectListing('33432')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_768961c21ea5eb19f0.65065440.jpg" alt="1424 North Simpson Street, #9">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$325,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="1424 North Simpson Street, #9"
            >
                1424 North Simpson Street, #9            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/311-nw-12th-avenue-903-97209/33493"
   @click="selectListing('33493')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_614561c21f3ddf8fd8.75842093.jpg" alt="311 Nw 12Th Avenue, #903">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,895,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="311 Nw 12Th Avenue, #903"
            >
                311 Nw 12Th Avenue, #903            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/5160-northeast-18th-avenue-a-97211/124060"
   @click="selectListing('124060')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_5272633409949dc864.59951878.jpg" alt="5160 Northeast 18Th Avenue, #a">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$724,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="5160 Northeast 18Th Avenue, #a"
            >
                5160 Northeast 18Th Avenue, #a            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2795-nw-upshur-street-b-97210/33699"
   @click="selectListing('33699')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_112061c221498354f1.40414660.jpg" alt="2795 Nw Upshur Street, #b">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$600,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="2795 Nw Upshur Street, #b"
            >
                2795 Nw Upshur Street, #b            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5833-southeast-41st-avenue-b-97202/128538"
   @click="selectListing('128538')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_98196341525a93a000.61005499.jpg" alt="5833 Southeast 41St Avenue, #b">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$524,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="5833 Southeast 41St Avenue, #b"
            >
                5833 Southeast 41St Avenue, #b            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6342-northeast-33rd-avenue-b-97211/147734"
   @click="selectListing('147734')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_4640639f7c69ef45b3.95928320.jpg" alt="6342 Northeast 33rd Avenue, #b">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$469,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="6342 Northeast 33rd Avenue, #b"
            >
                6342 Northeast 33rd Avenue, #b            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11746-nw-thelin-lane-bh005-97229/47749"
   @click="selectListing('47749')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_821261cd11721414b6.05074276.jpg" alt="11746 Nw Thelin Lane, #bh005">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$874,950</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="11746 Nw Thelin Lane, #bh005"
            >
                11746 Nw Thelin Lane, #bh005            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11752-northwest-mellridge-lane-bh14-97229/34413"
   @click="selectListing('34413')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_521561c228f42f5792.29991505.jpg" alt="11752 Northwest Mellridge Lane, #bh14">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$979,950</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="11752 Northwest Mellridge Lane, #bh14"
            >
                11752 Northwest Mellridge Lane, #bh14            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6817-ne-7th-avenue-d-97211/34384"
   @click="selectListing('34384')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_259761c228a693c3e5.02253696.jpg" alt="6817 Ne 7Th Avenue, #d">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="6817 Ne 7Th Avenue, #d"
            >
                6817 Ne 7Th Avenue, #d            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/2448-nw-westover-road-e502-97210/47821"
   @click="selectListing('47821')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_380161cd125a005e67.87961606.jpg" alt="2448 Nw Westover Road, #e502">
        </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="2448 Nw Westover Road, #e502"
            >
                2448 Nw Westover Road, #e502            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2013-ne-10th-avenue-east-97212/33540"
   @click="selectListing('33540')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_205661c21fb43704b1.58008820.jpg" alt="2013 Ne 10Th Avenue, #east">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$489,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="2013 Ne 10Th Avenue, #east"
            >
                2013 Ne 10Th Avenue, #east            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/2775-nw-upshur-street-east-97210/47741"
   @click="selectListing('47741')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_643761cd11614aa3f6.99422674.jpg" alt="2775 Nw Upshur Street, #east">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$499,999</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="2775 Nw Upshur Street, #east"
            >
                2775 Nw Upshur Street, #east            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7937-sw-40th-avenue-east-97219/34314"
   @click="selectListing('34314')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_301561c227ec137297.04574491.jpg" alt="7937 Sw 40Th Avenue, #east">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$299,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="7937 Sw 40Th Avenue, #east"
            >
                7937 Sw 40Th Avenue, #east            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/10006-se-knight-street-97266/34054"
   @click="selectListing('34054')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_975161c224f8176f35.15625651.jpg" alt="10006 Se Knight Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$385,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="10006 Se Knight Street"
            >
                10006 Se Knight Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/10137-north-central-street-97203/47769"
   @click="selectListing('47769')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_822961cd11a9ec7fc2.85539207.jpg" alt="10137 North Central 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="10137 North Central Street"
            >
                10137 North Central Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1015-north-jarrett-street-97217/33813"
   @click="selectListing('33813')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_813261c22278adfa42.97575781.jpg" alt="1015 North Jarrett Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$382,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="1015 North Jarrett Street"
            >
                1015 North Jarrett Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/10225-nw-village-heights-drive-97229/34207"
   @click="selectListing('34207')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_144761c226a14d6992.15380661.jpg" alt="10225 Nw Village Heights Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$439,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="10225 Nw Village Heights Drive"
            >
                10225 Nw Village Heights Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/10237-ne-morris-street-97220/34486"
   @click="selectListing('34486')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_183561c229bb707442.71354411.jpg" alt="10237 Ne Morris Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$389,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="10237 Ne Morris Street"
            >
                10237 Ne Morris Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1031-se-34th-avenue-97214/33955"
   @click="selectListing('33955')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_820861c223d109e5b6.16069894.jpg" alt="1031 Se 34Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$550,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="1031 Se 34Th Avenue"
            >
                1031 Se 34Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/10400-sw-80th-avenue-97223/33442"
   @click="selectListing('33442')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_873461c21ebfb76ee4.11628682.jpg" alt="10400 Sw 80Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$605,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="10400 Sw 80Th Avenue"
            >
                10400 Sw 80Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/10424-sw-90th-avenue-97223/34412"
   @click="selectListing('34412')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_668661c228ee902386.65959544.jpg" alt="10424 Sw 90Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$325,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="10424 Sw 90Th Avenue"
            >
                10424 Sw 90Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/10450-nw-2nd-street-97231/34051"
   @click="selectListing('34051')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_563061c224ef09d253.36472220.jpg" alt="10450 Nw 2Nd Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$489,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="10450 Nw 2Nd Street"
            >
                10450 Nw 2Nd Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/10630-south-collina-avenue-97219/33964"
   @click="selectListing('33964')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_534361c223ef5cec75.10770338.jpg" alt="10630 South Collina Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,250,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="10630 South Collina Avenue"
            >
                10630 South Collina Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/10645-nw-lost-park-drive-97229/34006"
   @click="selectListing('34006')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_541061c22478a10ff1.08500002.jpg" alt="10645 Nw Lost Park Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$895,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="10645 Nw Lost Park Drive"
            >
                10645 Nw Lost Park Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/10680-northwest-harding-court-97229/155413"
   @click="selectListing('155413')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_161063d5a48d1daf84.02925562.jpg" alt="10680 Northwest Harding Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$799,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="10680 Northwest Harding Court"
            >
                10680 Northwest Harding Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/10733-nw-glenmore-way-97229/34458"
   @click="selectListing('34458')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_327061c2297a578475.58108382.jpg" alt="10733 Nw Glenmore Way">
        </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="10733 Nw Glenmore Way"
            >
                10733 Nw Glenmore Way            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/10745-northwest-rainmont-road-97229/108011"
   @click="selectListing('108011')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_789762ff052d2bf131.09976161.jpg" alt="10745 Northwest Rainmont Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$925,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="10745 Northwest Rainmont Road"
            >
                10745 Northwest Rainmont Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/10901-south-riverside-drive-97219/33817"
   @click="selectListing('33817')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_454261c2228291b7d4.58343995.jpg" alt="10901 South Riverside Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$899,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="10901 South Riverside Drive"
            >
                10901 South Riverside Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/10907-se-wood-avenue-97222/33519"
   @click="selectListing('33519')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_166961c21f8304d7e2.85124985.jpg" alt="10907 Se Wood Avenue">
        </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="10907 Se Wood Avenue"
            >
                10907 Se Wood Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11124-sw-64th-avenue-97219/33748"
   @click="selectListing('33748')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_392161c221c6a1b699.18785387.jpg" alt="11124 Sw 64Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$515,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="11124 Sw 64Th Avenue"
            >
                11124 Sw 64Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1116-north-morgan-street-97217/33676"
   @click="selectListing('33676')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_145061c2210e49b816.27580656.jpg" alt="1116 North Morgan Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="1116 North Morgan Street"
            >
                1116 North Morgan Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11200-southwest-lynnridge-avenue-97225/96729"
   @click="selectListing('96729')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_143762df27bfbe0c40.11917901.jpg" alt="11200 Southwest Lynnridge Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,199,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="11200 Southwest Lynnridge Avenue"
            >
                11200 Southwest Lynnridge Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11220-nw-lost-park-drive-97229/33473"
   @click="selectListing('33473')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_599561c21f0fc525b4.70275753.jpg" alt="11220 Nw Lost Park Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,250,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="11220 Nw Lost Park Drive"
            >
                11220 Nw Lost Park Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11318-northwest-placido-court-97229/34456"
   @click="selectListing('34456')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_507461c22976986216.09945279.jpg" alt="11318 Northwest Placido Court">
        </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="11318 Northwest Placido Court"
            >
                11318 Northwest Placido Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1137-se-lexington-street-97202/33856"
   @click="selectListing('33856')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_939161c222dfa07890.60505858.jpg" alt="1137 Se Lexington Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$550,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="1137 Se Lexington Street"
            >
                1137 Se Lexington Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1150-nw-quimby-street-97209/47780"
   @click="selectListing('47780')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_988361cd11da96fff6.02058163.jpg" alt="1150 Nw Quimby Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,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="1150 Nw Quimby Street"
            >
                1150 Nw Quimby Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/11511-se-flavel-street-97266/34048"
   @click="selectListing('34048')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_162861c224e4bec1a8.39648434.jpg" alt="11511 Se Flavel Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="11511 Se Flavel Street"
            >
                11511 Se Flavel Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11535-northwest-damascus-street-97229/91066"
   @click="selectListing('91066')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_904562b625cb0c3855.64544503.jpg" alt="11535 Northwest Damascus Street">
        </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="11535 Northwest Damascus Street"
            >
                11535 Northwest Damascus Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11545-sw-27th-avenue-97219/33848"
   @click="selectListing('33848')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_203261c222cb291198.01069946.jpg" alt="11545 Sw 27Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$624,990</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="11545 Sw 27Th Avenue"
            >
                11545 Sw 27Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11611-se-reedway-street-97266/33927"
   @click="selectListing('33927')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_614561c223865e0570.77745011.jpg" alt="11611 Se Reedway 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="11611 Se Reedway Street"
            >
                11611 Se Reedway Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11669-nw-vallevue-court-97229/33474"
   @click="selectListing('33474')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_439461c21f114a94f1.42664546.jpg" alt="11669 Nw Vallevue Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$845,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="11669 Nw Vallevue Court"
            >
                11669 Nw Vallevue Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11737-sw-33rd-place-97219/34123"
   @click="selectListing('34123')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_546161c225b0ceabc9.29312094.jpg" alt="11737 Sw 33Rd Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$774,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="11737 Sw 33Rd Place"
            >
                11737 Sw 33Rd Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11790-northwest-weaver-lane-lot-67-97229/135928"
   @click="selectListing('135928')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_418063611bd59c7406.50272515.jpg" alt="11790 Northwest Weaver Lane Lot 67">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,269,950</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="11790 Northwest Weaver Lane Lot 67"
            >
                11790 Northwest Weaver Lane Lot 67            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/11801-se-alder-street-97216/33554"
   @click="selectListing('33554')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_208061c21fd894a9e8.29126628.jpg" alt="11801 Se Alder Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$407,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="11801 Se Alder Street"
            >
                11801 Se Alder Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11807-northwest-mellridge-lane-97229/95364"
   @click="selectListing('95364')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_558962d47a5e96b6e7.11380668.jpg" alt="11807 Northwest Mellridge Lane">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,499,950</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="11807 Northwest Mellridge Lane"
            >
                11807 Northwest Mellridge Lane            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/11870-sw-bowmont-street-97225/33970"
   @click="selectListing('33970')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_802961c224004c44d3.69573495.jpg" alt="11870 Sw Bowmont Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$756,200</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="11870 Sw Bowmont Street"
            >
                11870 Sw Bowmont Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/11897-se-pine-street-97216/33768"
   @click="selectListing('33768')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_395361c22200456229.95025093.jpg" alt="11897 Se Pine Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$439,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="11897 Se Pine Street"
            >
                11897 Se Pine Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1203-ne-webster-street-97211/33551"
   @click="selectListing('33551')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_930361c21fd23d2893.90062517.jpg" alt="1203 Ne Webster Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$540,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="1203 Ne Webster Street"
            >
                1203 Ne Webster Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/12039-se-bush-street-97266/34373"
   @click="selectListing('34373')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_162661c228883e2803.13895219.jpg" alt="12039 Se Bush Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,999</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="12039 Se Bush Street"
            >
                12039 Se Bush Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/12085-sw-lanewood-street-97225/33477"
   @click="selectListing('33477')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_948461c21f181292c4.07605452.jpg" alt="12085 Sw Lanewood Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$615,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="12085 Sw Lanewood Street"
            >
                12085 Sw Lanewood Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/121-ne-hancock-street-97212/34503"
   @click="selectListing('34503')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_113561c229e95803d5.36294352.jpg" alt="121 Ne Hancock Street">
        </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="121 Ne Hancock Street"
            >
                121 Ne Hancock Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1215-ne-79th-avenue-97213/34394"
   @click="selectListing('34394')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_348661c228ba3b1b78.57277178.jpg" alt="1215 Ne 79Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$325,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="1215 Ne 79Th Avenue"
            >
                1215 Ne 79Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/12178-southwest-pond-lane-97224/120687"
   @click="selectListing('120687')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_46276326d690cd9fc9.29526249.jpg" alt="12178 Southwest Pond Lane">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$439,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="12178 Southwest Pond Lane"
            >
                12178 Southwest Pond Lane            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1221-sw-10th-avenue-97205/34118"
   @click="selectListing('34118')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_561661c225a43c8a55.91577203.jpg" alt="1221 Sw 10Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$624,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="1221 Sw 10Th Avenue"
            >
                1221 Sw 10Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/12247-se-market-street-97233/33461"
   @click="selectListing('33461')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_640161c21ef1badd64.77490483.jpg" alt="12247 Se Market 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="12247 Se Market Street"
            >
                12247 Se Market Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/12248-se-mill-court-97233/33444"
   @click="selectListing('33444')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_219461c21ec5778d14.02014870.jpg" alt="12248 Se Mill Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="12248 Se Mill Court"
            >
                12248 Se Mill Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/1240-sw-cardinell-way-97201/34312"
   @click="selectListing('34312')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_482861c227e77e3cc6.46030938.jpg" alt="1240 Sw Cardinell Way">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$889,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="1240 Sw Cardinell Way"
            >
                1240 Sw Cardinell Way            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/12692-nw-millford-street-97229/33803"
   @click="selectListing('33803')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_687261c22261521be1.91922892.jpg" alt="12692 Nw Millford Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$649,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="12692 Nw Millford Street"
            >
                12692 Nw Millford Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/12797-nw-diamond-drive-97229/33542"
   @click="selectListing('33542')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_964461c21fbc3b75a1.93560145.jpg" alt="12797 Nw Diamond Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$885,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="12797 Nw Diamond Drive"
            >
                12797 Nw Diamond Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/12844-northwest-creekview-drive-97229/163618"
   @click="selectListing('163618')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_487964019d1df056d9.28686075.jpg" alt="12844 Northwest Creekview Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,257,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="12844 Northwest Creekview Drive"
            >
                12844 Northwest Creekview Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/12948-sw-61st-avenue-97219/34459"
   @click="selectListing('34459')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_764361c2297c14f238.57632722.jpg" alt="12948 Sw 61St Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$550,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="12948 Sw 61St Avenue"
            >
                12948 Sw 61St Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1317-north-rosa-parks-way-97217/33503"
   @click="selectListing('33503')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_973761c21f5739e529.34170102.jpg" alt="1317 North Rosa Parks Way">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$549,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="1317 North Rosa Parks Way"
            >
                1317 North Rosa Parks Way            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/13183-northwest-helen-lane-97229/144279"
   @click="selectListing('144279')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_6227638a4aaf968523.84534208.jpg" alt="13183 Northwest Helen Lane">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,029,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="13183 Northwest Helen Lane"
            >
                13183 Northwest Helen Lane            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1322-se-164th-place-97233/33620"
   @click="selectListing('33620')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_482961c2207c97f651.84043179.jpg" alt="1322 Se 164Th Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$595,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="1322 Se 164Th Place"
            >
                1322 Se 164Th Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/13240-east-burnside-street-97233/34069"
   @click="selectListing('34069')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_809261c225224576b6.54721426.jpg" alt="13240 East Burnside Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="13240 East Burnside Street"
            >
                13240 East Burnside Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1337-ne-buffalo-street-97211/34303"
   @click="selectListing('34303')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_163961c227d15e5f30.94166314.jpg" alt="1337 Ne Buffalo 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="1337 Ne Buffalo Street"
            >
                1337 Ne Buffalo Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1344-se-87th-avenue-97216/33433"
   @click="selectListing('33433')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_706561c21ea7a07b97.04411377.jpg" alt="1344 Se 87Th Avenue">
        </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="1344 Se 87Th Avenue"
            >
                1344 Se 87Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/13610-nw-pettygrove-street-97229/34478"
   @click="selectListing('34478')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_574061c229a772b2f7.08109102.jpg" alt="13610 Nw Pettygrove Street">
        </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="13610 Nw Pettygrove Street"
            >
                13610 Nw Pettygrove Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/13645-ne-siskiyou-court-97230/34363"
   @click="selectListing('34363')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_908761c2286f2fd971.51083740.jpg" alt="13645 Ne Siskiyou Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$599,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="13645 Ne Siskiyou Court"
            >
                13645 Ne Siskiyou Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/13670-nw-pettygrove-street-97229/34129"
   @click="selectListing('34129')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_823161c225bf7dab44.97654881.jpg" alt="13670 Nw Pettygrove Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$699,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="13670 Nw Pettygrove Street"
            >
                13670 Nw Pettygrove Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/13734-ne-beech-court-97230/34092"
   @click="selectListing('34092')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_268361c225556089a2.20667194.jpg" alt="13734 Ne Beech Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$519,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="13734 Ne Beech Court"
            >
                13734 Ne Beech Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/13865-sw-anna-court-97223/33682"
   @click="selectListing('33682')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_274361c2211e99e241.60046125.jpg" alt="13865 Sw Anna Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="13865 Sw Anna Court"
            >
                13865 Sw Anna Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/13941-se-main-street-97233/34131"
   @click="selectListing('34131')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_111761c225c2cb0341.28761661.jpg" alt="13941 Se Main Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="13941 Se Main Street"
            >
                13941 Se Main Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/14166-se-hawthorne-court-97233/34419"
   @click="selectListing('34419')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_955061c22904ea5ae0.44246388.jpg" alt="14166 Se Hawthorne Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$375,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="14166 Se Hawthorne Court"
            >
                14166 Se Hawthorne Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1420-northwest-lovejoy-street-97209/122822"
   @click="selectListing('122822')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_5582632ecc634db0d6.00338067.jpg" alt="1420 Northwest Lovejoy Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$599,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="1420 Northwest Lovejoy Street"
            >
                1420 Northwest Lovejoy Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/14215-se-crystal-springs-boulevard-97236/33652"
   @click="selectListing('33652')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_188661c220d508aff3.81505767.jpg" alt="14215 Se Crystal Springs Boulevard">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$535,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="14215 Se Crystal Springs Boulevard"
            >
                14215 Se Crystal Springs Boulevard            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/14266-nw-spruceridge-lane-97229/33530"
   @click="selectListing('33530')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_164361c21f9cdf0f41.64299220.jpg" alt="14266 Nw Spruceridge Lane">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,029,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="14266 Nw Spruceridge Lane"
            >
                14266 Nw Spruceridge Lane            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/14290-northwest-melody-lane-97229/34612"
   @click="selectListing('34612')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_593261c22ae57e3020.84077383.jpg" alt="14290 Northwest Melody Lane">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$599,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="14290 Northwest Melody Lane"
            >
                14290 Northwest Melody Lane            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/14430-se-harrison-street-97233/34396"
   @click="selectListing('34396')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_860661c228bea36e93.27810576.jpg" alt="14430 Se Harrison Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$275,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="14430 Se Harrison Street"
            >
                14430 Se Harrison Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/14674-sw-mulberry-drive-97224/33943"
   @click="selectListing('33943')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_944561c223af079ec3.70216221.jpg" alt="14674 Sw Mulberry Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$599,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="14674 Sw Mulberry Drive"
            >
                14674 Sw Mulberry Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/14676-southwest-148th-ter-97224/124864"
   @click="selectListing('124864')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_12056336bf4ba5ae51.77268672.jpg" alt="14676 Southwest 148Th Ter">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,250,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="14676 Southwest 148Th Ter"
            >
                14676 Southwest 148Th Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/14712-nw-shackelford-road-97229/34041"
   @click="selectListing('34041')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_602561c224d59478f8.66289890.jpg" alt="14712 Nw Shackelford Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$599,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="14712 Nw Shackelford Road"
            >
                14712 Nw Shackelford Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/14714-ne-milton-street-97230/33819"
   @click="selectListing('33819')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_479061c22287f35b30.65064337.jpg" alt="14714 Ne Milton Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$295,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="14714 Ne Milton Street"
            >
                14714 Ne Milton Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/14715-ne-knott-court-97230/34117"
   @click="selectListing('34117')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_994961c225a2cefe73.72549273.jpg" alt="14715 Ne Knott Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$468,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="14715 Ne Knott Court"
            >
                14715 Ne Knott Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/148-sw-hamilton-street-97239/47782"
   @click="selectListing('47782')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_531261cd11deaddf01.24160345.jpg" alt="148 Sw Hamilton Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$549,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="148 Sw Hamilton Street"
            >
                148 Sw Hamilton Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/14882-nw-shackelford-road-97229/33789"
   @click="selectListing('33789')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_636461c2223aabf0f2.26497270.jpg" alt="14882 Nw Shackelford Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$529,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="14882 Nw Shackelford Road"
            >
                14882 Nw Shackelford Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1500-sw-park-avenue-97201/33621"
   @click="selectListing('33621')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_161161c2207e6130d3.35493686.jpg" alt="1500 Sw Park Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$349,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="1500 Sw Park Avenue"
            >
                1500 Sw Park Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1502-nw-24th-avenue-97210/34256"
   @click="selectListing('34256')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_319861c22757b3af45.35788357.jpg" alt="1502 Nw 24Th Avenue">
        </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="1502 Nw 24Th Avenue"
            >
                1502 Nw 24Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/1503-north-hayden-island-drive-97217/33771"
   @click="selectListing('33771')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_258461c22209f329d7.01575336.jpg" alt="1503 North Hayden Island Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$119,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="1503 North Hayden Island Drive"
            >
                1503 North Hayden Island Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1504-se-138th-avenue-97233/34097"
   @click="selectListing('34097')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_986361c225623ce3a7.81004025.jpg" alt="1504 Se 138Th Avenue">
        </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="1504 Se 138Th Avenue"
            >
                1504 Se 138Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/15059-nw-elaina-court-97229/33529"
   @click="selectListing('33529')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_822761c21f9a2afe74.94462742.jpg" alt="15059 Nw Elaina Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$519,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="15059 Nw Elaina Court"
            >
                15059 Nw Elaina Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/15140-northwest-gillihan-road-97231/173874"
   @click="selectListing('173874')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_1640643c1e43cf1353.45290474.jpg" alt="15140 Northwest Gillihan Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,395,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="15140 Northwest Gillihan Road"
            >
                15140 Northwest Gillihan Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1522-nw-benfield-drive-97229/33701"
   @click="selectListing('33701')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_218261c2214d7f8042.32968289.jpg" alt="1522 Nw Benfield Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,198,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="1522 Nw Benfield Drive"
            >
                1522 Nw Benfield Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/1525-se-48th-avenue-97215/47809"
   @click="selectListing('47809')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_809661cd12396cddb9.61087377.jpg" alt="1525 Se 48Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$740,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="1525 Se 48Th Avenue"
            >
                1525 Se 48Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1533-north-jantzen-avenue-97217/33555"
   @click="selectListing('33555')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_371961c21fdb4b5b10.36558115.jpg" alt="1533 North Jantzen Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$259,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="1533 North Jantzen Avenue"
            >
                1533 North Jantzen Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1535-se-52nd-avenue-97215/33623"
   @click="selectListing('33623')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_389161c2208169ed54.07597986.jpg" alt="1535 Se 52Nd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,550,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="1535 Se 52Nd Avenue"
            >
                1535 Se 52Nd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/15356-nw-aberdeen-drive-97229/34255"
   @click="selectListing('34255')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_303361c22754aa6738.43354214.jpg" alt="15356 Nw Aberdeen Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$459,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="15356 Nw Aberdeen Drive"
            >
                15356 Nw Aberdeen Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/15694-nw-brugger-road-97229/34136"
   @click="selectListing('34136')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_557161c225d003d196.28675825.jpg" alt="15694 Nw Brugger Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$499,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="15694 Nw Brugger Road"
            >
                15694 Nw Brugger Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/15817-se-bybee-drive-97236/47730"
   @click="selectListing('47730')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_701861cd11416c5176.98075103.jpg" alt="15817 Se Bybee Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$649,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="15817 Se Bybee Drive"
            >
                15817 Se Bybee Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/15844-southwest-cherrywood-lane-97224/68172"
   @click="selectListing('68172')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_2498624390d124c7d5.26761539.jpg" alt="15844 Southwest Cherrywood Lane">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="15844 Southwest Cherrywood Lane"
            >
                15844 Southwest Cherrywood Lane            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/16115-nw-fescue-court-97229/33603"
   @click="selectListing('33603')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_626061c2204e799087.26713601.jpg" alt="16115 Nw Fescue Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$449,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="16115 Nw Fescue Court"
            >
                16115 Nw Fescue Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1612-se-174th-avenue-97233/34289"
   @click="selectListing('34289')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_126561c227a60394e0.88823123.jpg" alt="1612 Se 174Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$499,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="1612 Se 174Th Avenue"
            >
                1612 Se 174Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/16212-sw-oneill-court-97223/33681"
   @click="selectListing('33681')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_278161c2211cca4ed8.60002747.jpg" alt="16212 Sw Oneill Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$799,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="16212 Sw Oneill Court"
            >
                16212 Sw Oneill Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/1630-nw-131st-avenue-97229/34113"
   @click="selectListing('34113')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_222061c2259aaef699.44808289.jpg" alt="1630 Nw 131St Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="1630 Nw 131St Avenue"
            >
                1630 Nw 131St Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1635-north-emerson-street-97217/34362"
   @click="selectListing('34362')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_243661c2286cb7d609.40064332.jpg" alt="1635 North Emerson Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$485,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="1635 North Emerson Street"
            >
                1635 North Emerson Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/16559-nw-trillium-street-97229/33883"
   @click="selectListing('33883')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_122361c223210b1441.54401364.jpg" alt="16559 Nw Trillium Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,079,950</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="16559 Nw Trillium Street"
            >
                16559 Nw Trillium Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/16633-se-naegeli-drive-97236/47733"
   @click="selectListing('47733')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_871061cd114a441073.82733365.jpg" alt="16633 Se Naegeli Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$299,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="16633 Se Naegeli Drive"
            >
                16633 Se Naegeli Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/16646-se-ankeny-street-97233/34277"
   @click="selectListing('34277')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_335461c2278992fcc5.75136975.jpg" alt="16646 Se Ankeny Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$435,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="16646 Se Ankeny Street"
            >
                16646 Se Ankeny Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/16685-nw-germantown-road-97231/34197"
   @click="selectListing('34197')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_972661c2267ec81d62.15190245.jpg" alt="16685 Nw Germantown Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$924,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="16685 Nw Germantown Road"
            >
                16685 Nw Germantown Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/16946-nw-saint-helens-road-97231/34308"
   @click="selectListing('34308')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_634561c227dd58eb74.16297636.jpg" alt="16946 Nw Saint Helens Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$345,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="16946 Nw Saint Helens Road"
            >
                16946 Nw Saint Helens Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/17-sw-whitaker-street-97239/33499"
   @click="selectListing('33499')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_507961c21f4c8df270.48184282.jpg" alt="17 Sw Whitaker Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$515,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="17 Sw Whitaker Street"
            >
                17 Sw Whitaker Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/17010-nw-sheltered-nook-road-97231/33462"
   @click="selectListing('33462')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_682361c21ef361fad5.65654100.jpg" alt="17010 Nw Sheltered Nook Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,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="17010 Nw Sheltered Nook Road"
            >
                17010 Nw Sheltered Nook Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1702-ne-116th-place-97220/33855"
   @click="selectListing('33855')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_130461c222dd0031e5.03001619.jpg" alt="1702 Ne 116Th Place">
        </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="1702 Ne 116Th Place"
            >
                1702 Ne 116Th Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1724-ne-118th-avenue-97220/47808"
   @click="selectListing('47808')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_709161cd12370ff9a7.35236856.jpg" alt="1724 Ne 118Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$454,950</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="1724 Ne 118Th Avenue"
            >
                1724 Ne 118Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/17725-se-harrison-street-97233/34436"
   @click="selectListing('34436')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_310861c229429c7dc2.09337828.jpg" alt="17725 Se Harrison Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$325,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="17725 Se Harrison Street"
            >
                17725 Se Harrison Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1811-nw-cedar-ridge-drive-97229/33533"
   @click="selectListing('33533')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_137661c21fa4305a80.24451440.jpg" alt="1811 Nw Cedar Ridge Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,470,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="1811 Nw Cedar Ridge Drive"
            >
                1811 Nw Cedar Ridge Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1814-ne-101st-avenue-97220/33463"
   @click="selectListing('33463')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_306061c21ef66d89f7.20326018.jpg" alt="1814 Ne 101St Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$395,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="1814 Ne 101St Avenue"
            >
                1814 Ne 101St Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/19019-ne-davis-street-97230/34139"
   @click="selectListing('34139')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_199861c225d67d6956.48010732.jpg" alt="19019 Ne Davis Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$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="19019 Ne Davis Street"
            >
                19019 Ne Davis Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1908-se-150th-avenue-97233/34361"
   @click="selectListing('34361')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_406361c2286b4c3390.16399375.jpg" alt="1908 Se 150Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$424,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="1908 Se 150Th Avenue"
            >
                1908 Se 150Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1910-ne-126th-place-97230/33606"
   @click="selectListing('33606')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_601161c2205666fe54.53597979.jpg" alt="1910 Ne 126Th Place">
        </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="1910 Ne 126Th Place"
            >
                1910 Ne 126Th Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1915-se-52nd-avenue-97215/34021"
   @click="selectListing('34021')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_311161c2249fce0927.34379713.jpg" alt="1915 Se 52Nd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$674,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="1915 Se 52Nd Avenue"
            >
                1915 Se 52Nd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1916-se-alder-street-97214/33966"
   @click="selectListing('33966')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_236061c223f55813c6.49853319.jpg" alt="1916 Se Alder Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$709,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="1916 Se Alder Street"
            >
                1916 Se Alder Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/19221-nw-morgan-road-97231/34475"
   @click="selectListing('34475')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_594861c229a197cf68.55494289.jpg" alt="19221 Nw Morgan Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$424,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="19221 Nw Morgan Road"
            >
                19221 Nw Morgan Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1930-south-river-drive-97201/34287"
   @click="selectListing('34287')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_881061c227a1a9aab3.87844138.jpg" alt="1930 South River Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$419,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="1930 South River Drive"
            >
                1930 South River Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/1931-ne-92nd-avenue-97220/47779"
   @click="selectListing('47779')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_888261cd11d8ef1e20.18462803.jpg" alt="1931 Ne 92Nd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$500,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="1931 Ne 92Nd Avenue"
            >
                1931 Ne 92Nd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1935-se-60th-avenue-97215/34284"
   @click="selectListing('34284')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_657061c2279a63af57.58387358.jpg" alt="1935 Se 60Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$950,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="1935 Se 60Th Avenue"
            >
                1935 Se 60Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/1936-se-stark-street-97214/33749"
   @click="selectListing('33749')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_251961c221c9a55b40.04353354.jpg" alt="1936 Se Stark Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$719,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="1936 Se Stark Street"
            >
                1936 Se Stark Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/19860-nw-metolius-drive-97229/33653"
   @click="selectListing('33653')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_477661c220d7abb8c7.70435567.jpg" alt="19860 Nw Metolius Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$649,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="19860 Nw Metolius Drive"
            >
                19860 Nw Metolius Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2005-se-143rd-avenue-97233/33680"
   @click="selectListing('33680')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_996261c2211a3550d2.35502946.jpg" alt="2005 Se 143Rd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$314,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="2005 Se 143Rd Avenue"
            >
                2005 Se 143Rd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/2006-ne-36th-avenue-97212/34377"
   @click="selectListing('34377')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_467661c22896633d18.41673242.jpg" alt="2006 Ne 36Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$569,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="2006 Ne 36Th Avenue"
            >
                2006 Ne 36Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/2020-ne-lombard-street-97211/34237"
   @click="selectListing('34237')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_468861c22718366248.12244731.jpg" alt="2020 Ne Lombard Street">
        </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="2020 Ne Lombard Street"
            >
                2020 Ne Lombard Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2030-north-skidmore-court-97217/33460"
   @click="selectListing('33460')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_651761c21eeebadff1.72384602.jpg" alt="2030 North Skidmore Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$699,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="2030 North Skidmore Court"
            >
                2030 North Skidmore Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2037-north-farragut-street-97217/34141"
   @click="selectListing('34141')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_251361c225dc8d5539.09602084.jpg" alt="2037 North Farragut Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$695,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="2037 North Farragut Street"
            >
                2037 North Farragut Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/20425-nw-quail-hollow-drive-97229/47824"
   @click="selectListing('47824')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_696961cd125ed030b3.79332788.jpg" alt="20425 Nw Quail Hollow Drive">
        </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="20425 Nw Quail Hollow Drive"
            >
                20425 Nw Quail Hollow Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2056-se-113th-avenue-97216/33651"
   @click="selectListing('33651')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_311961c220d2edc594.60097952.jpg" alt="2056 Se 113Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$495,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="2056 Se 113Th Avenue"
            >
                2056 Se 113Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2083-northwest-brocket-ter-97229/71445"
   @click="selectListing('71445')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_24166248875783b393.38115231.jpg" alt="2083 Northwest Brocket Ter">
        </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="2083 Northwest Brocket Ter"
            >
                2083 Northwest Brocket Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2085-sw-huntington-avenue-97225/33937"
   @click="selectListing('33937')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_699961c2239eacf498.83418219.jpg" alt="2085 Sw Huntington Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$565,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="2085 Sw Huntington Avenue"
            >
                2085 Sw Huntington Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/21-ne-alberta-street-97211/33888"
   @click="selectListing('33888')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_497861c2232ca4e277.60248114.jpg" alt="21 Ne Alberta Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$549,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="21 Ne Alberta Street"
            >
                21 Ne Alberta Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/21130-nw-galice-lane-97229/34053"
   @click="selectListing('34053')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_855561c224f5807227.47893474.jpg" alt="21130 Nw Galice Lane">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$698,222</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="21130 Nw Galice Lane"
            >
                21130 Nw Galice Lane            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2124-ne-53rd-avenue-97213/33814"
   @click="selectListing('33814')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_782761c2227bd21d44.93049686.jpg" alt="2124 Ne 53Rd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$865,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="2124 Ne 53Rd Avenue"
            >
                2124 Ne 53Rd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2128-se-hemlock-avenue-97214/34302"
   @click="selectListing('34302')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_337561c227cfb8b732.17451302.jpg" alt="2128 Se Hemlock Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$924,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="2128 Se Hemlock Avenue"
            >
                2128 Se Hemlock Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/2129-sw-dewitt-street-97239/33958"
   @click="selectListing('33958')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_464461c223d72f2727.94596053.jpg" alt="2129 Sw Dewitt Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$650,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="2129 Sw Dewitt Street"
            >
                2129 Sw Dewitt Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2136-nw-33rd-avenue-97210/33731"
   @click="selectListing('33731')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_826961c2219d644683.18412742.jpg" alt="2136 Nw 33Rd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,250,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="2136 Nw 33Rd Avenue"
            >
                2136 Nw 33Rd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/2184-nw-16th-avenue-97209/34109"
   @click="selectListing('34109')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_296061c2258fdfbdc4.66670931.jpg" alt="2184 Nw 16Th Avenue">
        </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="2184 Nw 16Th Avenue"
            >
                2184 Nw 16Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2187-nw-overton-street-97210/33912"
   @click="selectListing('33912')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_241961c2236153d168.48969922.jpg" alt="2187 Nw Overton Street">
        </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="2187 Nw Overton Street"
            >
                2187 Nw Overton Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2202-se-57th-avenue-97215/34360"
   @click="selectListing('34360')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_349161c22869a54195.53379364.jpg" alt="2202 Se 57Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$890,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="2202 Se 57Th Avenue"
            >
                2202 Se 57Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2227-ne-50th-avenue-97213/47748"
   @click="selectListing('47748')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_652461cd11703d8a97.60900123.jpg" alt="2227 Ne 50Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$725,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="2227 Ne 50Th Avenue"
            >
                2227 Ne 50Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2241-sw-montgomery-drive-97201/34426"
   @click="selectListing('34426')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_306761c2292477f434.58316534.jpg" alt="2241 Sw Montgomery Drive">
        </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="2241 Sw Montgomery Drive"
            >
                2241 Sw Montgomery Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2270-nw-irving-street-97210/33910"
   @click="selectListing('33910')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_417761c2235d487077.22210385.jpg" alt="2270 Nw Irving Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,990,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="2270 Nw Irving Street"
            >
                2270 Nw Irving Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/2305-sw-quinault-court-97219/33887"
   @click="selectListing('33887')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_229061c2232964b642.65933381.jpg" alt="2305 Sw Quinault Court">
        </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="2305 Sw Quinault Court"
            >
                2305 Sw Quinault Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2325-ne-43rd-avenue-97213/34072"
   @click="selectListing('34072')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_388861c22528b77e44.32812737.jpg" alt="2325 Ne 43Rd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,000,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="2325 Ne 43Rd Avenue"
            >
                2325 Ne 43Rd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2326-se-sherman-street-97214/47755"
   @click="selectListing('47755')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_995261cd11887a9909.36244802.jpg" alt="2326 Se Sherman Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$635,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="2326 Se Sherman Street"
            >
                2326 Se Sherman Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2328-ne-52nd-avenue-97213/33854"
   @click="selectListing('33854')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_479161c222da5b5df7.38942017.jpg" alt="2328 Ne 52Nd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$700,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="2328 Ne 52Nd Avenue"
            >
                2328 Ne 52Nd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2374-nw-kearney-street-97210/33725"
   @click="selectListing('33725')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_993661c2218feff484.48732199.jpg" alt="2374 Nw Kearney Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$875,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="2374 Nw Kearney Street"
            >
                2374 Nw Kearney Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/238-ne-157th-avenue-97230/34317"
   @click="selectListing('34317')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_269361c227f2c771c1.84356959.jpg" alt="238 Ne 157Th Avenue">
        </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="238 Ne 157Th Avenue"
            >
                238 Ne 157Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2404-ne-44th-avenue-97213/34421"
   @click="selectListing('34421')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_702861c2290c1125b0.82988637.jpg" alt="2404 Ne 44Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,150,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="2404 Ne 44Th Avenue"
            >
                2404 Ne 44Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2410-southwest-75th-ter-97225/144842"
   @click="selectListing('144842')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_9709638d2eec8ecab2.54462831.jpg" alt="2410 Southwest 75Th Ter">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,499,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="2410 Southwest 75Th Ter"
            >
                2410 Southwest 75Th Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2425-sw-hamilton-street-97239/33747"
   @click="selectListing('33747')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_215161c221c4d63c56.07122761.jpg" alt="2425 Sw Hamilton Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$974,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="2425 Sw Hamilton Street"
            >
                2425 Sw Hamilton Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2434-sw-17th-avenue-97201/33456"
   @click="selectListing('33456')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_716861c21ee0a216e0.06171588.jpg" alt="2434 Sw 17Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,799,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="2434 Sw 17Th Avenue"
            >
                2434 Sw 17Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2539-north-watts-street-97217/34254"
   @click="selectListing('34254')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_273461c2275042ec27.95567137.jpg" alt="2539 North Watts 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="2539 North Watts Street"
            >
                2539 North Watts Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2541-nw-141st-place-97229/33702"
   @click="selectListing('33702')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_723561c2215069ffb8.62585170.jpg" alt="2541 Nw 141St Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$899,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="2541 Nw 141St Place"
            >
                2541 Nw 141St Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2546-se-clay-street-97214/34414"
   @click="selectListing('34414')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_718861c228f758fba8.23459060.jpg" alt="2546 Se Clay Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$665,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="2546 Se Clay Street"
            >
                2546 Se Clay Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2585-southwest-76th-avenue-97225/122858"
   @click="selectListing('122858')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_5677632ecd34c90c82.99764493.jpg" alt="2585 Southwest 76Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$639,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="2585 Southwest 76Th Avenue"
            >
                2585 Southwest 76Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2617-ne-jarrett-street-97211/33861"
   @click="selectListing('33861')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_564761c222eb1aa768.90564379.jpg" alt="2617 Ne Jarrett Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$549,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="2617 Ne Jarrett Street"
            >
                2617 Ne Jarrett Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2626-se-103rd-avenue-97266/34480"
   @click="selectListing('34480')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_852361c229abab52c5.73679945.jpg" alt="2626 Se 103Rd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$369,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="2626 Se 103Rd Avenue"
            >
                2626 Se 103Rd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2630-north-hayden-island-drive-slip-26-97217/34510"
   @click="selectListing('34510')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_777761c229fa5c8be9.47184764.jpg" alt="2630 North Hayden Island Drive Slip 26">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$639,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="2630 North Hayden Island Drive Slip 26"
            >
                2630 North Hayden Island Drive Slip 26            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2630-north-hayden-island-drive-slip-5-97217/34188"
   @click="selectListing('34188')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_953961c226608c4b23.01546798.jpg" alt="2630 North Hayden Island Drive Slip 5">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$799,999</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="2630 North Hayden Island Drive Slip 5"
            >
                2630 North Hayden Island Drive Slip 5            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2666-sw-sherwood-drive-97201/34290"
   @click="selectListing('34290')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_430361c227a8348ed3.16111615.jpg" alt="2666 Sw Sherwood Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$695,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="2666 Sw Sherwood Drive"
            >
                2666 Sw Sherwood Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2723-se-19th-avenue-97202/34443"
   @click="selectListing('34443')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_845161c22956713027.41081546.jpg" alt="2723 Se 19Th Avenue">
        </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="2723 Se 19Th Avenue"
            >
                2723 Se 19Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2726-ne-8th-avenue-97212/34018"
   @click="selectListing('34018')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_522361c224985d76d2.40862118.jpg" alt="2726 Ne 8Th Avenue">
        </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="2726 Ne 8Th Avenue"
            >
                2726 Ne 8Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2726-ne-alameda-street-97212/33911"
   @click="selectListing('33911')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_270161c2235f162fc8.82294715.jpg" alt="2726 Ne Alameda Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,699,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="2726 Ne Alameda Street"
            >
                2726 Ne Alameda Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2726-se-111th-avenue-97266/33494"
   @click="selectListing('33494')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_568661c21f3fed8510.30982575.jpg" alt="2726 Se 111Th Avenue">
        </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="2726 Se 111Th Avenue"
            >
                2726 Se 111Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2730-southwest-west-point-avenue-97225/75452"
   @click="selectListing('75452')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_514262602fcc885076.75496336.jpg" alt="2730 Southwest West Point Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,399,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="2730 Southwest West Point Avenue"
            >
                2730 Southwest West Point Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2732-se-168th-avenue-97236/33602"
   @click="selectListing('33602')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_579561c2204b8f3049.02798103.jpg" alt="2732 Se 168Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$409,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="2732 Se 168Th Avenue"
            >
                2732 Se 168Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2762-sw-montgomery-drive-97201/47736"
   @click="selectListing('47736')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_700961cd11506082d6.58423606.jpg" alt="2762 Sw Montgomery Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$895,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="2762 Sw Montgomery Drive"
            >
                2762 Sw Montgomery Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2824-ne-cesar-east-chavez-boulevard-97212/34291"
   @click="selectListing('34291')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_346061c227abc3c471.29617917.jpg" alt="2824 Ne Cesar East Chavez Boulevard">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$700,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="2824 Ne Cesar East Chavez Boulevard"
            >
                2824 Ne Cesar East Chavez Boulevard            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2845-se-49th-avenue-97206/47781"
   @click="selectListing('47781')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_320661cd11dcdc92b5.69842823.jpg" alt="2845 Se 49Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="2845 Se 49Th Avenue"
            >
                2845 Se 49Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2866-nw-fairfax-ter-97210/33816"
   @click="selectListing('33816')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_926461c222813ffeb5.59870180.jpg" alt="2866 Nw Fairfax Ter">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,688,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="2866 Nw Fairfax Ter"
            >
                2866 Nw Fairfax Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2871-nw-cornell-road-97210/47731"
   @click="selectListing('47731')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_220461cd1143880fd2.71950884.jpg" alt="2871 Nw Cornell Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,875,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="2871 Nw Cornell Road"
            >
                2871 Nw Cornell Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2890-northwest-grace-ter-97229/55233"
   @click="selectListing('55233')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_368161f1ea8c9ec539.05112931.jpg" alt="2890 Northwest Grace Ter">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$999,999</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="2890 Northwest Grace Ter"
            >
                2890 Northwest Grace Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2903-ne-151st-avenue-97230/33607"
   @click="selectListing('33607')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_642261c220581a2fa0.15066117.jpg" alt="2903 Ne 151St Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$275,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="2903 Ne 151St Avenue"
            >
                2903 Ne 151St Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2904-se-79th-avenue-97206/33930"
   @click="selectListing('33930')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_980261c2238cb01117.63145384.jpg" alt="2904 Se 79Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$393,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="2904 Se 79Th Avenue"
            >
                2904 Se 79Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/2934-sw-huber-street-97219/33961"
   @click="selectListing('33961')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_287761c223ddf13673.91640755.jpg" alt="2934 Sw Huber Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$489,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="2934 Sw Huber Street"
            >
                2934 Sw Huber Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/2937-ne-47th-avenue-97213/47786"
   @click="selectListing('47786')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_181161cd11e9765961.52215324.jpg" alt="2937 Ne 47Th Avenue">
        </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="2937 Ne 47Th Avenue"
            >
                2937 Ne 47Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3002-se-65th-avenue-97206/34023"
   @click="selectListing('34023')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_991661c224a48938f3.03943243.jpg" alt="3002 Se 65Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$525,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="3002 Se 65Th Avenue"
            >
                3002 Se 65Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3003-sw-flower-ter-97239/33443"
   @click="selectListing('33443')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_861761c21ec27ec807.75354423.jpg" alt="3003 Sw Flower Ter">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$719,950</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="3003 Sw Flower Ter"
            >
                3003 Sw Flower Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3004-sw-flower-ter-97239/33553"
   @click="selectListing('33553')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_338061c21fd61a3ae3.89402804.jpg" alt="3004 Sw Flower Ter">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$459,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="3004 Sw Flower Ter"
            >
                3004 Sw Flower Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/3025-north-kilpatrick-street-97217/47760"
   @click="selectListing('47760')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_642961cd119404ccd3.93575655.jpg" alt="3025 North Kilpatrick Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$550,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="3025 North Kilpatrick Street"
            >
                3025 North Kilpatrick Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3105-ne-46th-avenue-97213/33703"
   @click="selectListing('33703')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_214461c22151cd24c5.08971046.jpg" alt="3105 Ne 46Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$699,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="3105 Ne 46Th Avenue"
            >
                3105 Ne 46Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3110-nw-112th-place-97229/33907"
   @click="selectListing('33907')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_954861c22358742e66.77292559.jpg" alt="3110 Nw 112Th Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,795,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="3110 Nw 112Th Place"
            >
                3110 Nw 112Th Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    7                </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="/portland/3112-se-36th-avenue-97202/33926"
   @click="selectListing('33926')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_863961c22383d09640.88238580.jpg" alt="3112 Se 36Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,222,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="3112 Se 36Th Avenue"
            >
                3112 Se 36Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/3112-se-55th-avenue-97206/33882"
   @click="selectListing('33882')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_714061c2231e99c3f3.33034688.jpg" alt="3112 Se 55Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$574,950</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="3112 Se 55Th Avenue"
            >
                3112 Se 55Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3115-ne-47th-avenue-97213/34134"
   @click="selectListing('34134')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_313261c225c8ae4761.85583244.jpg" alt="3115 Ne 47Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$699,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="3115 Ne 47Th Avenue"
            >
                3115 Ne 47Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3116-ne-58th-avenue-97213/33502"
   @click="selectListing('33502')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_798361c21f532513a9.65385861.jpg" alt="3116 Ne 58Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$759,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="3116 Ne 58Th Avenue"
            >
                3116 Ne 58Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3127-se-kelly-street-97202/34050"
   @click="selectListing('34050')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_390461c224ec8cdf42.88995625.jpg" alt="3127 Se Kelly Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$599,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="3127 Se Kelly Street"
            >
                3127 Se Kelly Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3131-ne-wasco-street-97232/33696"
   @click="selectListing('33696')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_925261c2213fa4cea3.39360082.jpg" alt="3131 Ne Wasco Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$495,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="3131 Ne Wasco Street"
            >
                3131 Ne Wasco Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/322-se-142nd-avenue-97233/34488"
   @click="selectListing('34488')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_415161c229bfb5ea38.75080392.jpg" alt="322 Se 142Nd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$385,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="322 Se 142Nd Avenue"
            >
                322 Se 142Nd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3220-se-52nd-avenue-97206/33504"
   @click="selectListing('33504')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_596661c21f5bd9fd69.87711045.jpg" alt="3220 Se 52Nd Avenue">
        </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="3220 Se 52Nd Avenue"
            >
                3220 Se 52Nd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/3232-se-26th-avenue-97202/34191"
   @click="selectListing('34191')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_940861c22669548270.86215726.jpg" alt="3232 Se 26Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$735,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="3232 Se 26Th Avenue"
            >
                3232 Se 26Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3242-ne-58th-avenue-97213/34431"
   @click="selectListing('34431')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_478461c22934cea310.06365353.jpg" alt="3242 Ne 58Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$949,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="3242 Ne 58Th Avenue"
            >
                3242 Ne 58Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/325-ne-graham-street-97212/33802"
   @click="selectListing('33802')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_238561c2225df21fa5.12795914.jpg" alt="325 Ne Graham 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="325 Ne Graham Street"
            >
                325 Ne Graham Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/326-se-29th-avenue-97214/33422"
   @click="selectListing('33422')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_375861c21e88520885.13273325.jpg" alt="326 Se 29Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$930,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="326 Se 29Th Avenue"
            >
                326 Se 29Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/327-nw-park-avenue-97209/33638"
   @click="selectListing('33638')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_373261c220af763992.09793003.jpg" alt="327 Nw Park Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$269,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="327 Nw Park Avenue"
            >
                327 Nw Park Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/3324-ne-32nd-place-97212/47785"
   @click="selectListing('47785')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_300961cd11e7220693.58365695.jpg" alt="3324 Ne 32Nd Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$795,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="3324 Ne 32Nd Place"
            >
                3324 Ne 32Nd Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3324-ne-77th-avenue-97213/47771"
   @click="selectListing('47771')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_658161cd11af64c179.67335103.jpg" alt="3324 Ne 77Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$550,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="3324 Ne 77Th Avenue"
            >
                3324 Ne 77Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3324-se-55th-avenue-97206/34005"
   @click="selectListing('34005')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_901061c2247687c328.82052321.jpg" alt="3324 Se 55Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$529,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="3324 Se 55Th Avenue"
            >
                3324 Se 55Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/3377-se-9th-avenue-97202/47768"
   @click="selectListing('47768')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_674561cd11a6e8df23.43309925.jpg" alt="3377 Se 9Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$489,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="3377 Se 9Th Avenue"
            >
                3377 Se 9Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/340-ne-108th-place-97220/47806"
   @click="selectListing('47806')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_802961cd122095e2c1.64953050.jpg" alt="340 Ne 108Th Place">
        </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="340 Ne 108Th Place"
            >
                340 Ne 108Th Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3401-north-arlington-place-97217/34091"
   @click="selectListing('34091')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_330161c22553ea2706.41826854.jpg" alt="3401 North Arlington Place">
        </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="3401 North Arlington Place"
            >
                3401 North Arlington Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3404-ne-126th-avenue-97230/34359"
   @click="selectListing('34359')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_593961c22867b86733.12126534.jpg" alt="3404 Ne 126Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$599,950</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="3404 Ne 126Th Avenue"
            >
                3404 Ne 126Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/3406-se-65th-avenue-97206/34094"
   @click="selectListing('34094')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_268261c2255a24d871.03479370.jpg" alt="3406 Se 65Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$489,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="3406 Se 65Th Avenue"
            >
                3406 Se 65Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/3431-ne-fremont-drive-97220/34393"
   @click="selectListing('34393')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_512061c228b8b49081.59722729.jpg" alt="3431 Ne Fremont Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$449,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="3431 Ne Fremont Drive"
            >
                3431 Ne Fremont Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3435-nw-115th-avenue-97229/33661"
   @click="selectListing('33661')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_429561c220e869d239.47182148.jpg" alt="3435 Nw 115Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$819,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="3435 Nw 115Th Avenue"
            >
                3435 Nw 115Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3445-north-willamette-boulevard-97217/34116"
   @click="selectListing('34116')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_668961c225a0e27cf5.31130518.jpg" alt="3445 North Willamette Boulevard">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$675,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="3445 North Willamette Boulevard"
            >
                3445 North Willamette Boulevard            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/35-se-90th-avenue-97216/34425"
   @click="selectListing('34425')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_596161c229211cec67.18588494.jpg" alt="35 Se 90Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$499,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="35 Se 90Th Avenue"
            >
                35 Se 90Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/35-south-richardson-street-97239/33858"
   @click="selectListing('33858')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_517661c222e4472030.13614693.jpg" alt="35 South Richardson Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="35 South Richardson Street"
            >
                35 South Richardson Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3525-ne-135th-avenue-97230/33852"
   @click="selectListing('33852')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_902361c222d5963c12.68976386.jpg" alt="3525 Ne 135Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$414,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="3525 Ne 135Th Avenue"
            >
                3525 Ne 135Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3534-se-16th-avenue-97202/33860"
   @click="selectListing('33860')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_366361c222e8d0fd99.90745383.jpg" alt="3534 Se 16Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$459,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="3534 Se 16Th Avenue"
            >
                3534 Se 16Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3536-ne-70th-avenue-97213/34283"
   @click="selectListing('34283')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_673861c22796b2e1d2.10962005.jpg" alt="3536 Ne 70Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$629,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="3536 Ne 70Th Avenue"
            >
                3536 Ne 70Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3555-ne-klickitat-street-97212/33601"
   @click="selectListing('33601')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_503761c220491c4fe3.77493635.jpg" alt="3555 Ne Klickitat Street">
        </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="3555 Ne Klickitat Street"
            >
                3555 Ne Klickitat Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/359-ne-bryant-street-97211/47756"
   @click="selectListing('47756')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_253761cd118a99df19.64966668.jpg" alt="359 Ne Bryant Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$350,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="359 Ne Bryant Street"
            >
                359 Ne Bryant Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3630-sw-patton-road-97221/34020"
   @click="selectListing('34020')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_932161c2249d1fe5e0.28164749.jpg" alt="3630 Sw Patton Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$899,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="3630 Sw Patton Road"
            >
                3630 Sw Patton Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3634-se-bybee-boulevard-97202/47765"
   @click="selectListing('47765')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_541161cd11a1bcc0d4.53876494.jpg" alt="3634 Se Bybee Boulevard">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$859,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="3634 Se Bybee Boulevard"
            >
                3634 Se Bybee Boulevard            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3690-nw-tustin-ranch-drive-97229/47764"
   @click="selectListing('47764')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_680861cd119e776f49.43170166.jpg" alt="3690 Nw Tustin Ranch Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$675,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="3690 Nw Tustin Ranch Drive"
            >
                3690 Nw Tustin Ranch Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3785-nw-olympic-drive-97229/34524"
   @click="selectListing('34524')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_705061c22a19489271.01971829.jpg" alt="3785 Nw Olympic Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$550,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="3785 Nw Olympic Drive"
            >
                3785 Nw Olympic Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3814-ne-hassalo-street-97232/33862"
   @click="selectListing('33862')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_150961c222eeb9a7b2.59445109.jpg" alt="3814 Ne Hassalo Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$950,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="3814 Ne Hassalo Street"
            >
                3814 Ne Hassalo Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3824-se-cora-street-97202/33791"
   @click="selectListing('33791')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_249361c2223e782e22.04709820.jpg" alt="3824 Se Cora Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$499,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="3824 Se Cora Street"
            >
                3824 Se Cora Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3825-se-raymond-street-97202/33954"
   @click="selectListing('33954')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_975261c223ce2f6b77.46075836.jpg" alt="3825 Se Raymond Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$495,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="3825 Se Raymond Street"
            >
                3825 Se Raymond Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3826-se-liebe-street-97202/33677"
   @click="selectListing('33677')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_833261c22112bef611.38952054.jpg" alt="3826 Se Liebe Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$620,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="3826 Se Liebe Street"
            >
                3826 Se Liebe Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3828-north-kilpatrick-street-97217/34070"
   @click="selectListing('34070')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_533361c22524460174.99476739.jpg" alt="3828 North Kilpatrick Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$549,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="3828 North Kilpatrick Street"
            >
                3828 North Kilpatrick Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3841-north-alaska-street-97217/34096"
   @click="selectListing('34096')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_251261c2255e6cb306.81410684.jpg" alt="3841 North Alaska Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$495,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="3841 North Alaska Street"
            >
                3841 North Alaska Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3916-sw-shattuck-road-97221/33726"
   @click="selectListing('33726')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_324461c22192cc89d9.47823810.jpg" alt="3916 Sw Shattuck Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$725,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="3916 Sw Shattuck Road"
            >
                3916 Sw Shattuck Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3922-se-malden-street-97202/33455"
   @click="selectListing('33455')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_790761c21edcb60ac0.20736514.jpg" alt="3922 Se Malden Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$559,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="3922 Se Malden Street"
            >
                3922 Se Malden Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/3929-sw-vermont-street-97219/34017"
   @click="selectListing('34017')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_396661c224962724f4.10388301.jpg" alt="3929 Sw Vermont Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$650,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="3929 Sw Vermont Street"
            >
                3929 Sw Vermont Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4000-sw-view-point-ter-97239/33539"
   @click="selectListing('33539')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_981061c21fb1abc537.52838088.jpg" alt="4000 Sw View Point Ter">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$615,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="4000 Sw View Point Ter"
            >
                4000 Sw View Point Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4004-se-26th-avenue-97202/33770"
   @click="selectListing('33770')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_271961c22206ca0116.99673966.jpg" alt="4004 Se 26Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$690,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="4004 Se 26Th Avenue"
            >
                4004 Se 26Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4004-se-lincoln-street-97214/34259"
   @click="selectListing('34259')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_862861c2275f42bbd7.13655541.jpg" alt="4004 Se Lincoln Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$600,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="4004 Se Lincoln Street"
            >
                4004 Se Lincoln Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/401-ne-61st-avenue-97213/34422"
   @click="selectListing('34422')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_643261c22910223587.16013605.jpg" alt="401 Ne 61St Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$724,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="401 Ne 61St Avenue"
            >
                401 Ne 61St Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4014-se-171st-avenue-97236/34285"
   @click="selectListing('34285')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_124961c2279be30208.03693152.jpg" alt="4014 Se 171St Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$375,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="4014 Se 171St Avenue"
            >
                4014 Se 171St Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4047-se-65th-avenue-97206/34479"
   @click="selectListing('34479')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_318261c229a911da53.61521853.jpg" alt="4047 Se 65Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$485,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="4047 Se 65Th Avenue"
            >
                4047 Se 65Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4103-north-michigan-avenue-97217/33695"
   @click="selectListing('33695')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_135961c2213db58cd1.20097921.jpg" alt="4103 North Michigan Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$519,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="4103 North Michigan Avenue"
            >
                4103 North Michigan Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/4112-ne-79th-avenue-97218/34138"
   @click="selectListing('34138')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_374361c225d42c96e5.22525074.jpg" alt="4112 Ne 79Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$538,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="4112 Ne 79Th Avenue"
            >
                4112 Ne 79Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/4121-ne-highland-street-97211/33715"
   @click="selectListing('33715')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_472961c221748397f3.74894931.jpg" alt="4121 Ne Highland Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$925,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="4121 Ne Highland Street"
            >
                4121 Ne Highland Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4125-ne-72nd-avenue-97218/34102"
   @click="selectListing('34102')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_218861c2256db23d73.48159542.jpg" alt="4125 Ne 72Nd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$574,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="4125 Ne 72Nd Avenue"
            >
                4125 Ne 72Nd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4144-north-commercial-avenue-97217/33851"
   @click="selectListing('33851')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_658561c222d3828148.23956043.jpg" alt="4144 North Commercial Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$499,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="4144 North Commercial Avenue"
            >
                4144 North Commercial Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4159-north-overlook-ter-97217/34418"
   @click="selectListing('34418')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_891061c229017a0da4.00833430.jpg" alt="4159 North Overlook Ter">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$899,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="4159 North Overlook Ter"
            >
                4159 North Overlook Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/420-se-28th-avenue-97214/47767"
   @click="selectListing('47767')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_184861cd11a50f5b21.12180828.jpg" alt="420 Se 28Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$624,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="420 Se 28Th Avenue"
            >
                420 Se 28Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4250-southwest-91st-avenue-97225/127049"
   @click="selectListing('127049')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_6329633eaeb8cc5a86.37371353.jpg" alt="4250 Southwest 91St Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$650,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="4250 Southwest 91St Avenue"
            >
                4250 Southwest 91St Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/426-ne-cesar-east-chavez-boulevard-97232/33535"
   @click="selectListing('33535')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_945761c21fa89f2f66.93086993.jpg" alt="426 Ne Cesar East Chavez Boulevard">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$620,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="426 Ne Cesar East Chavez Boulevard"
            >
                426 Ne Cesar East Chavez Boulevard            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4290-sw-melville-avenue-97239/33637"
   @click="selectListing('33637')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_669661c220ad185cd6.63704217.jpg" alt="4290 Sw Melville Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$494,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="4290 Sw Melville Avenue"
            >
                4290 Sw Melville Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/4311-ne-18th-avenue-97211/34022"
   @click="selectListing('34022')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_817361c224a29b1056.71164807.jpg" alt="4311 Ne 18Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,099,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="4311 Ne 18Th Avenue"
            >
                4311 Ne 18Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4314-se-34th-avenue-97202/34391"
   @click="selectListing('34391')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_606261c228b5846c26.30490656.jpg" alt="4314 Se 34Th Avenue">
        </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="4314 Se 34Th Avenue"
            >
                4314 Se 34Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4357-ne-34th-avenue-97211/34019"
   @click="selectListing('34019')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_166761c2249a58b925.93092348.jpg" alt="4357 Ne 34Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$785,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="4357 Ne 34Th Avenue"
            >
                4357 Ne 34Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4438-ne-royal-court-97213/33815"
   @click="selectListing('33815')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_322861c2227e3441c8.32990598.jpg" alt="4438 Ne Royal Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$649,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="4438 Ne Royal Court"
            >
                4438 Ne Royal Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4442-sw-galeburn-street-97219/33605"
   @click="selectListing('33605')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_125561c2205430c5c8.00316380.jpg" alt="4442 Sw Galeburn Street">
        </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="4442 Sw Galeburn Street"
            >
                4442 Sw Galeburn Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/4451-ne-87th-avenue-97220/33538"
   @click="selectListing('33538')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_370261c21faf9e0a87.57437154.jpg" alt="4451 Ne 87Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="4451 Ne 87Th Avenue"
            >
                4451 Ne 87Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4530-se-36th-avenue-97202/34119"
   @click="selectListing('34119')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_278861c225a692fd46.74599178.jpg" alt="4530 Se 36Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$810,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="4530 Se 36Th Avenue"
            >
                4530 Se 36Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4531-se-118th-avenue-97266/33929"
   @click="selectListing('33929')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_956261c2238a12a799.81072511.jpg" alt="4531 Se 118Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$359,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="4531 Se 118Th Avenue"
            >
                4531 Se 118Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/4577-sw-maplewood-road-97219/33545"
   @click="selectListing('33545')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_151161c21fc314f6c4.83109364.jpg" alt="4577 Sw Maplewood Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$725,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="4577 Sw Maplewood Road"
            >
                4577 Sw Maplewood Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4600-sw-fairview-boulevard-97221/33818"
   @click="selectListing('33818')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_336461c222852631a0.82352343.jpg" alt="4600 Sw Fairview Boulevard">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,150,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="4600 Sw Fairview Boulevard"
            >
                4600 Sw Fairview Boulevard            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/4604-se-47th-avenue-97206/33788"
   @click="selectListing('33788')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_773861c22237849550.15111458.jpg" alt="4604 Se 47Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$649,950</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="4604 Se 47Th Avenue"
            >
                4604 Se 47Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4605-sw-fairview-boulevard-97221/33580"
   @click="selectListing('33580')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_803061c22012e46a83.17593503.jpg" alt="4605 Sw Fairview Boulevard">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,100,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="4605 Sw Fairview Boulevard"
            >
                4605 Sw Fairview Boulevard            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4608-ne-95th-avenue-97220/34128"
   @click="selectListing('34128')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_969861c225bc9800d9.03498630.jpg" alt="4608 Ne 95Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$350,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="4608 Ne 95Th Avenue"
            >
                4608 Ne 95Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4609-se-33rd-avenue-97202/33889"
   @click="selectListing('33889')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_984561c2232f5813f7.49149777.jpg" alt="4609 Se 33Rd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$965,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="4609 Se 33Rd Avenue"
            >
                4609 Se 33Rd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4625-ne-going-street-97218/34504"
   @click="selectListing('34504')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_811861c229ec5ad6a5.87690562.jpg" alt="4625 Ne Going Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="4625 Ne Going Street"
            >
                4625 Ne Going Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4628-se-43rd-avenue-97206/47759"
   @click="selectListing('47759')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_709661cd11911f4f37.07467491.jpg" alt="4628 Se 43Rd Avenue">
        </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="4628 Se 43Rd Avenue"
            >
                4628 Se 43Rd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4731-ne-60th-avenue-97218/47728"
   @click="selectListing('47728')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_372961cd113c11c5f7.33729339.jpg" alt="4731 Ne 60Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$580,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="4731 Ne 60Th Avenue"
            >
                4731 Ne 60Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4823-se-85th-avenue-97266/34507"
   @click="selectListing('34507')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_740861c229f46bf3f6.54456898.jpg" alt="4823 Se 85Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$375,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="4823 Se 85Th Avenue"
            >
                4823 Se 85Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/4857-ne-13th-avenue-97211/33679"
   @click="selectListing('33679')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_388161c22117923384.84441923.jpg" alt="4857 Ne 13Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$945,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="4857 Ne 13Th Avenue"
            >
                4857 Ne 13Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/489-nw-skyline-boulevard-97229/33697"
   @click="selectListing('33697')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_134061c22142a592a3.33628068.jpg" alt="489 Nw Skyline Boulevard">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$899,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="489 Nw Skyline Boulevard"
            >
                489 Nw Skyline Boulevard            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/4910-sw-1st-avenue-97239/34306"
   @click="selectListing('34306')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_460161c227d84c26d6.57150836.jpg" alt="4910 Sw 1St Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$460,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="4910 Sw 1St Avenue"
            >
                4910 Sw 1St Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/5003-se-martins-street-97206/34395"
   @click="selectListing('34395')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_489861c228bbebdb36.07308858.jpg" alt="5003 Se Martins Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="5003 Se Martins Street"
            >
                5003 Se Martins Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5045-ne-alberta-court-97218/33497"
   @click="selectListing('33497')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_983961c21f47bfbe77.68239398.jpg" alt="5045 Ne Alberta Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$549,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="5045 Ne Alberta Court"
            >
                5045 Ne Alberta Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5112-sw-hewett-boulevard-97221/33434"
   @click="selectListing('33434')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_584361c21ea9561cb3.26283638.jpg" alt="5112 Sw Hewett Boulevard">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,399,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="5112 Sw Hewett Boulevard"
            >
                5112 Sw Hewett Boulevard            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5200-sw-laurelwood-avenue-97225/34274"
   @click="selectListing('34274')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_559661c22783d82928.99080776.jpg" alt="5200 Sw Laurelwood Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$635,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="5200 Sw Laurelwood Avenue"
            >
                5200 Sw Laurelwood Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5231-se-33rd-place-97202/47783"
   @click="selectListing('47783')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_943261cd11e16360a0.39130131.jpg" alt="5231 Se 33Rd Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$699,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="5231 Se 33Rd Place"
            >
                5231 Se 33Rd Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5234-se-65th-avenue-97206/34483"
   @click="selectListing('34483')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_392961c229b55707e6.55495206.jpg" alt="5234 Se 65Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$424,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="5234 Se 65Th Avenue"
            >
                5234 Se 65Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5277-ne-48th-avenue-97218/34232"
   @click="selectListing('34232')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_777061c227044f2067.91377152.jpg" alt="5277 Ne 48Th Avenue">
        </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="5277 Ne 48Th Avenue"
            >
                5277 Ne 48Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5304-ne-cleveland-avenue-97211/34305"
   @click="selectListing('34305')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_351361c227d6466598.52997976.jpg" alt="5304 Ne Cleveland Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$950,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="5304 Ne Cleveland Avenue"
            >
                5304 Ne Cleveland Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5311-sw-baird-street-97219/33698"
   @click="selectListing('33698')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_601761c22144c53240.04114322.jpg" alt="5311 Sw Baird Street">
        </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="5311 Sw Baird Street"
            >
                5311 Sw Baird Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5349-nw-deerfield-way-97229/34508"
   @click="selectListing('34508')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_875661c229f6a92402.01613835.jpg" alt="5349 Nw Deerfield Way">
        </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="5349 Nw Deerfield Way"
            >
                5349 Nw Deerfield Way            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/538-ne-knott-street-97212/47787"
   @click="selectListing('47787')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_470261cd11ec15cd56.64152603.jpg" alt="538 Ne Knott Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$460,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="538 Ne Knott Street"
            >
                538 Ne Knott Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5403-east-burnside-street-97215/47820"
   @click="selectListing('47820')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_615761cd1257b83918.30849182.jpg" alt="5403 East Burnside Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$510,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="5403 East Burnside Street"
            >
                5403 East Burnside Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5411-southwest-dover-court-97225/138742"
   @click="selectListing('138742')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_6842636d38fd36e1b0.53995624.jpg" alt="5411 Southwest Dover Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$899,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="5411 Southwest Dover Court"
            >
                5411 Southwest Dover Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/542-se-164th-avenue-97233/47732"
   @click="selectListing('47732')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_482861cd1147eaf397.80763174.jpg" alt="542 Se 164Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$350,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="542 Se 164Th Avenue"
            >
                542 Se 164Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5425-nw-ridgemoor-court-97229/34084"
   @click="selectListing('34084')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_940461c225428a9c58.88859731.jpg" alt="5425 Nw Ridgemoor Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$585,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="5425 Nw Ridgemoor Court"
            >
                5425 Nw Ridgemoor Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5477-nw-126th-ter-97229/34126"
   @click="selectListing('34126')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_491061c225b68b0347.58904814.jpg" alt="5477 Nw 126Th Ter">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$649,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="5477 Nw 126Th Ter"
            >
                5477 Nw 126Th Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5480-southwest-dover-loop-97225/55178"
   @click="selectListing('55178')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_174261f1ea1b246873.55036695.jpg" alt="5480 Southwest Dover Loop">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$749,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="5480 Southwest Dover Loop"
            >
                5480 Southwest Dover Loop            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/553-ne-93rd-avenue-97220/34397"
   @click="selectListing('34397')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_793361c228c08c76d3.78695739.jpg" alt="553 Ne 93Rd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="553 Ne 93Rd Avenue"
            >
                553 Ne 93Rd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/554-ne-hazelfern-place-97232/34132"
   @click="selectListing('34132')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_934061c225c458a932.74962052.jpg" alt="554 Ne Hazelfern Place">
        </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="554 Ne Hazelfern Place"
            >
                554 Ne Hazelfern Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5545-sw-downs-view-court-97221/47811"
   @click="selectListing('47811')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_179361cd123e2f1947.73553272.jpg" alt="5545 Sw Downs View Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$950,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="5545 Sw Downs View Court"
            >
                5545 Sw Downs View Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5585-nw-tamarron-place-97229/34337"
   @click="selectListing('34337')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_270461c2282431ac37.99906285.jpg" alt="5585 Nw Tamarron Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$595,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="5585 Nw Tamarron Place"
            >
                5585 Nw Tamarron Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5603-se-carlton-street-97206/47734"
   @click="selectListing('47734')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_566961cd114c6e98c1.88337559.jpg" alt="5603 Se Carlton Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$499,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="5603 Se Carlton Street"
            >
                5603 Se Carlton Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/5663-sw-menefee-drive-97239/34457"
   @click="selectListing('34457')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_908661c22978e9eae0.63566688.jpg" alt="5663 Sw Menefee Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,095,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="5663 Sw Menefee Drive"
            >
                5663 Sw Menefee Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5725-se-tenino-street-97206/33857"
   @click="selectListing('33857')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_278261c222e21e8816.10839351.jpg" alt="5725 Se Tenino Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$395,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="5725 Se Tenino Street"
            >
                5725 Se Tenino Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5727-se-86th-avenue-97266/33849"
   @click="selectListing('33849')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_395361c222ce607411.29438988.jpg" alt="5727 Se 86Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$394,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="5727 Se 86Th Avenue"
            >
                5727 Se 86Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5737-se-72nd-avenue-97206/34316"
   @click="selectListing('34316')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_726661c227ef122051.92845534.jpg" alt="5737 Se 72Nd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$354,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="5737 Se 72Nd Avenue"
            >
                5737 Se 72Nd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/5739-se-woodward-street-97206/33767"
   @click="selectListing('33767')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_417561c221fcb2cdc4.22027652.jpg" alt="5739 Se Woodward Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$565,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="5739 Se Woodward Street"
            >
                5739 Se Woodward Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5745-north-commercial-avenue-97217/34307"
   @click="selectListing('34307')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_232461c227db3befd4.71660412.jpg" alt="5745 North Commercial Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$650,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="5745 North Commercial Avenue"
            >
                5745 North Commercial Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5807-se-knapp-street-97206/47753"
   @click="selectListing('47753')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_885961cd118463cde2.76205331.jpg" alt="5807 Se Knapp Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$489,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="5807 Se Knapp Street"
            >
                5807 Se Knapp Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5808-sw-sheridan-court-97221/33769"
   @click="selectListing('33769')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_558361c22203a854b0.87611889.jpg" alt="5808 Sw Sheridan Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$699,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="5808 Sw Sheridan Court"
            >
                5808 Sw Sheridan Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5902-sw-vermont-street-97219/34378"
   @click="selectListing('34378')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_378761c22897efe469.42958514.jpg" alt="5902 Sw Vermont Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$525,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="5902 Sw Vermont Street"
            >
                5902 Sw Vermont Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5905-ne-32nd-place-97211/47761"
   @click="selectListing('47761')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_954861cd1196532341.39828034.jpg" alt="5905 Ne 32Nd Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$690,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="5905 Ne 32Nd Place"
            >
                5905 Ne 32Nd Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5911-ne-fremont-street-97213/34506"
   @click="selectListing('34506')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_204761c229f1785884.83167933.jpg" alt="5911 Ne Fremont Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="5911 Ne Fremont Street"
            >
                5911 Ne Fremont Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5937-sw-56th-avenue-97221/33801"
   @click="selectListing('33801')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_238361c2225c7c40f0.65919298.jpg" alt="5937 Sw 56Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,100,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="5937 Sw 56Th Avenue"
            >
                5937 Sw 56Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5939-sw-30th-avenue-97239/47822"
   @click="selectListing('47822')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_441361cd125be56f48.19552392.jpg" alt="5939 Sw 30Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="5939 Sw 30Th Avenue"
            >
                5939 Sw 30Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/5941-sw-30th-avenue-97239/47819"
   @click="selectListing('47819')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_658861cd1254215210.45747065.jpg" alt="5941 Sw 30Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="5941 Sw 30Th Avenue"
            >
                5941 Sw 30Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/5944-sw-view-point-ter-97239/34311"
   @click="selectListing('34311')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_337561c227e5791369.29366382.jpg" alt="5944 Sw View Point Ter">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="5944 Sw View Point Ter"
            >
                5944 Sw View Point Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5951-sw-30th-avenue-97239/47823"
   @click="selectListing('47823')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_458861cd125d011a91.79998567.jpg" alt="5951 Sw 30Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="5951 Sw 30Th Avenue"
            >
                5951 Sw 30Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/5954-ne-hoyt-street-97213/33604"
   @click="selectListing('33604')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_339061c2205123c3f2.93448773.jpg" alt="5954 Ne Hoyt Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$449,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="5954 Ne Hoyt Street"
            >
                5954 Ne Hoyt Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/5955-sw-30th-avenue-97239/47829"
   @click="selectListing('47829')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_452561cd1268392830.44914457.jpg" alt="5955 Sw 30Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="5955 Sw 30Th Avenue"
            >
                5955 Sw 30Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/5973-sw-30th-avenue-97239/33790"
   @click="selectListing('33790')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_980961c2223c840e85.10653121.jpg" alt="5973 Sw 30Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$585,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="5973 Sw 30Th Avenue"
            >
                5973 Sw 30Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/6002-ne-multnomah-street-97213/34178"
   @click="selectListing('34178')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_701061c2264540a457.01591798.jpg" alt="6002 Ne Multnomah Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$699,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="6002 Ne Multnomah Street"
            >
                6002 Ne Multnomah Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6025-north-atlantic-avenue-97217/34310"
   @click="selectListing('34310')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_668561c227e2697be6.12330322.jpg" alt="6025 North Atlantic Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$609,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="6025 North Atlantic Avenue"
            >
                6025 North Atlantic Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6067-se-nehalem-street-97206/34121"
   @click="selectListing('34121')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_909061c225abd5ce56.53243116.jpg" alt="6067 Se Nehalem Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$485,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="6067 Se Nehalem Street"
            >
                6067 Se Nehalem Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6112-ne-grand-avenue-97211/34258"
   @click="selectListing('34258')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_661161c2275c74ca85.46273308.jpg" alt="6112 Ne Grand Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$649,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="6112 Ne Grand Avenue"
            >
                6112 Ne Grand Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6116-south-hood-avenue-97239/34198"
   @click="selectListing('34198')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_598361c22680d63cc2.76069122.jpg" alt="6116 South Hood Avenue">
        </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="6116 South Hood Avenue"
            >
                6116 South Hood Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6120-nw-208th-avenue-97229/34234"
   @click="selectListing('34234')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_960061c22709b2e0e5.82450326.jpg" alt="6120 Nw 208Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$615,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="6120 Nw 208Th Avenue"
            >
                6120 Nw 208Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6121-se-77th-avenue-97206/33965"
   @click="selectListing('33965')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_814961c223f1e689c6.44744260.jpg" alt="6121 Se 77Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$649,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="6121 Se 77Th Avenue"
            >
                6121 Se 77Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6127-sw-orchid-drive-97219/33850"
   @click="selectListing('33850')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_517161c222d12d1339.09923238.jpg" alt="6127 Sw Orchid Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$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="6127 Sw Orchid Drive"
            >
                6127 Sw Orchid Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/619-north-fargo-street-97227/33962"
   @click="selectListing('33962')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_955661c223ea826a51.43606826.jpg" alt="619 North Fargo 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="619 North Fargo Street"
            >
                619 North Fargo Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/620-ne-111th-avenue-97220/34238"
   @click="selectListing('34238')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_654161c2271b983ae9.60967720.jpg" alt="620 Ne 111Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$384,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="620 Ne 111Th Avenue"
            >
                620 Ne 111Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/6204-south-kelly-avenue-97239/33639"
   @click="selectListing('33639')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_730061c220b281e269.02811483.jpg" alt="6204 South Kelly Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$598,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="6204 South Kelly Avenue"
            >
                6204 South Kelly Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6208-ne-simpson-street-97218/34049"
   @click="selectListing('34049')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_509661c224e94b67f1.44625009.jpg" alt="6208 Ne Simpson Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$649,990</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="6208 Ne Simpson Street"
            >
                6208 Ne Simpson Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/621-nw-11th-avenue-97209/34108"
   @click="selectListing('34108')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_892261c2258d938376.86528138.jpg" alt="621 Nw 11Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,895,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="621 Nw 11Th Avenue"
            >
                621 Nw 11Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6210-se-duke-street-97206/33600"
   @click="selectListing('33600')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_604861c22046c0a0b6.27094683.jpg" alt="6210 Se Duke Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$459,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="6210 Se Duke Street"
            >
                6210 Se Duke Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6220-sw-taylors-ferry-road-97219/33534"
   @click="selectListing('33534')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_340461c21fa6250483.91549404.jpg" alt="6220 Sw Taylors Ferry Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$440,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="6220 Sw Taylors Ferry Road"
            >
                6220 Sw Taylors Ferry Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6304-se-93rd-avenue-97266/34100"
   @click="selectListing('34100')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_623561c22569247114.49604329.jpg" alt="6304 Se 93Rd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$375,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="6304 Se 93Rd Avenue"
            >
                6304 Se 93Rd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6335-sw-raleighwood-court-97221/34120"
   @click="selectListing('34120')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_393961c225a9879dc4.09604838.jpg" alt="6335 Sw Raleighwood Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$998,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="6335 Sw Raleighwood Court"
            >
                6335 Sw Raleighwood Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6411-north-albina-avenue-97217/34435"
   @click="selectListing('34435')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_509661c22940094142.06108375.jpg" alt="6411 North Albina Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,499,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="6411 North Albina Avenue"
            >
                6411 North Albina Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        9                    </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="/portland/6414-se-22nd-avenue-97202/34500"
   @click="selectListing('34500')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_442261c229e215f976.91490947.jpg" alt="6414 Se 22Nd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$899,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="6414 Se 22Nd Avenue"
            >
                6414 Se 22Nd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6432-nw-starflower-drive-97229/33543"
   @click="selectListing('33543')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_751361c21fbe469e56.55750177.jpg" alt="6432 Nw Starflower Drive">
        </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="6432 Nw Starflower Drive"
            >
                6432 Nw Starflower Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6435-sw-46th-place-97221/47763"
   @click="selectListing('47763')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_156561cd119c9f7f55.08616682.jpg" alt="6435 Sw 46Th Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="6435 Sw 46Th Place"
            >
                6435 Sw 46Th Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6503-sw-19th-avenue-97239/47834"
   @click="selectListing('47834')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_232061cd12feae5c97.44122812.jpg" alt="6503 Sw 19Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$478,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="6503 Sw 19Th Avenue"
            >
                6503 Sw 19Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/6504-ne-glisan-street-97213/34288"
   @click="selectListing('34288')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_968561c227a2e5cc14.96251293.jpg" alt="6504 Ne Glisan Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$465,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="6504 Ne Glisan Street"
            >
                6504 Ne Glisan Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6518-se-57th-place-97206/47727"
   @click="selectListing('47727')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_780161cd1139caaf03.73248227.jpg" alt="6518 Se 57Th Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$495,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="6518 Se 57Th Place"
            >
                6518 Se 57Th Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6625-se-85th-avenue-97266/34420"
   @click="selectListing('34420')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_834561c22908e2e062.03350391.jpg" alt="6625 Se 85Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$599,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="6625 Se 85Th Avenue"
            >
                6625 Se 85Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6636-north-columbia-way-97203/47737"
   @click="selectListing('47737')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_404461cd1152e2a2c6.01278224.jpg" alt="6636 North Columbia Way">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$350,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="6636 North Columbia Way"
            >
                6636 North Columbia Way            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/6645-sw-dover-street-97225/47801"
   @click="selectListing('47801')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_917861cd12167a1f89.45977484.jpg" alt="6645 Sw Dover Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$600,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="6645 Sw Dover Street"
            >
                6645 Sw Dover Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6704-se-brooklyn-street-97206/47830"
   @click="selectListing('47830')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_455761cd126b04a9b4.04413064.jpg" alt="6704 Se Brooklyn Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$800,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="6704 Se Brooklyn Street"
            >
                6704 Se Brooklyn Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6730-southwest-89th-place-97223/108020"
   @click="selectListing('108020')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_606262ff0540757b72.84017886.jpg" alt="6730 Southwest 89Th Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$799,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="6730 Southwest 89Th Place"
            >
                6730 Southwest 89Th Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6744-northwest-lolo-ter-lot-14-97229/109739"
   @click="selectListing('109739')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_78436302f74bdb0a48.90999904.jpg" alt="6744 Northwest Lolo Ter Lot 14">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$939,950</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="6744 Northwest Lolo Ter Lot 14"
            >
                6744 Northwest Lolo Ter Lot 14            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/6798-southwest-canyon-drive-97225/163629"
   @click="selectListing('163629')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_839364019d4b975e05.44634719.jpg" alt="6798 Southwest Canyon Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,025,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="6798 Southwest Canyon Drive"
            >
                6798 Southwest Canyon Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6800-sw-34th-avenue-97219/34130"
   @click="selectListing('34130')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_778761c225c19fca13.67032284.jpg" alt="6800 Sw 34Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$499,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="6800 Sw 34Th Avenue"
            >
                6800 Sw 34Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6820-southwest-dover-street-97225/68095"
   @click="selectListing('68095')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_387862438ffa069631.78169705.jpg" alt="6820 Southwest Dover Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$639,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="6820 Southwest Dover Street"
            >
                6820 Southwest Dover Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6828-ne-27th-avenue-97211/34416"
   @click="selectListing('34416')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_208761c228fd22cdb8.92671885.jpg" alt="6828 Ne 27Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$499,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="6828 Ne 27Th Avenue"
            >
                6828 Ne 27Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/6841-nw-163rd-avenue-97229/33865"
   @click="selectListing('33865')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_675361c222f635bc92.32610160.jpg" alt="6841 Nw 163Rd Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$535,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="6841 Nw 163Rd Avenue"
            >
                6841 Nw 163Rd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6849-ne-sacramento-street-97213/33423"
   @click="selectListing('33423')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_151761c21e8aa7ec60.20543385.jpg" alt="6849 Ne Sacramento Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="6849 Ne Sacramento Street"
            >
                6849 Ne Sacramento Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6858-north-seneca-street-97203/34487"
   @click="selectListing('34487')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_660461c229bd9ed0c5.54985706.jpg" alt="6858 North Seneca Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="6858 North Seneca Street"
            >
                6858 North Seneca Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6920-north-olin-avenue-97203/33890"
   @click="selectListing('33890')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_817361c2233219c9a4.55947141.jpg" alt="6920 North Olin Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$619,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="6920 North Olin Avenue"
            >
                6920 North Olin Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6934-se-63rd-avenue-97206/33598"
   @click="selectListing('33598')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_887461c22040509f06.48414702.jpg" alt="6934 Se 63Rd Avenue">
        </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="6934 Se 63Rd Avenue"
            >
                6934 Se 63Rd Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/6951-north-olympia-street-97203/47807"
   @click="selectListing('47807')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_560861cd123433a105.51627235.jpg" alt="6951 North Olympia Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$395,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="6951 North Olympia Street"
            >
                6951 North Olympia Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/7011-sw-12th-drive-97219/34175"
   @click="selectListing('34175')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_127861c2263c38e9b6.46831053.jpg" alt="7011 Sw 12Th Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$795,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="7011 Sw 12Th Drive"
            >
                7011 Sw 12Th Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7023-ne-alberta-street-97218/33505"
   @click="selectListing('33505')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_436661c21f5f2ecf24.26784697.jpg" alt="7023 Ne Alberta Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$529,999</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="7023 Ne Alberta Street"
            >
                7023 Ne Alberta Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/7037-ne-cleveland-avenue-97211/34140"
   @click="selectListing('34140')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_860161c225d8e762e5.19620201.jpg" alt="7037 Ne Cleveland Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$665,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="7037 Ne Cleveland Avenue"
            >
                7037 Ne Cleveland Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7037-nw-snowdrop-ter-97229/34297"
   @click="selectListing('34297')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_483561c227c236b6c2.78823826.jpg" alt="7037 Nw Snowdrop Ter">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$575,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="7037 Nw Snowdrop Ter"
            >
                7037 Nw Snowdrop Ter            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7068-sw-valenta-court-97223/33711"
   @click="selectListing('33711')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_318161c22168a7e086.47110259.jpg" alt="7068 Sw Valenta Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$700,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="7068 Sw Valenta Court"
            >
                7068 Sw Valenta Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7114-ne-siskiyou-street-97213/33885"
   @click="selectListing('33885')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_817161c2232599d712.27782292.jpg" alt="7114 Ne Siskiyou Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$390,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="7114 Ne Siskiyou Street"
            >
                7114 Ne Siskiyou Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/7130-south-virginia-avenue-97219/34127"
   @click="selectListing('34127')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_369661c225ba277c64.64934906.jpg" alt="7130 South Virginia Avenue">
        </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="7130 South Virginia Avenue"
            >
                7130 South Virginia Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/715-se-33rd-place-97214/34505"
   @click="selectListing('34505')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_593361c229eee9cac9.81437076.jpg" alt="715 Se 33Rd Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$380,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="715 Se 33Rd Place"
            >
                715 Se 33Rd Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                        1                    </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="/portland/7216-north-mckenna-avenue-97203/33908"
   @click="selectListing('33908')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_488261c22359dfa615.51904498.jpg" alt="7216 North Mckenna Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$565,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="7216 North Mckenna Avenue"
            >
                7216 North Mckenna Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/725-nw-flanders-street-ste-204-97209/33866"
   @click="selectListing('33866')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_490061c222f8cd6ee4.23730387.jpg" alt="725 Nw Flanders Street Ste 204">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$388,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="725 Nw Flanders Street Ste 204"
            >
                725 Nw Flanders Street Ste 204            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/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="/portland/7270-sw-cushman-court-97223/33746"
   @click="selectListing('33746')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_515861c221c2c9bc90.87458042.jpg" alt="7270 Sw Cushman Court">
        </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="7270 Sw Cushman Court"
            >
                7270 Sw Cushman Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7328-se-141st-avenue-97236/33552"
   @click="selectListing('33552')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_298861c21fd4417986.22667454.jpg" alt="7328 Se 141St Avenue">
        </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="7328 Se 141St Avenue"
            >
                7328 Se 141St Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7335-se-48th-avenue-97206/34482"
   @click="selectListing('34482')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_590861c229b34916a4.41272846.jpg" alt="7335 Se 48Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$474,999</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="7335 Se 48Th Avenue"
            >
                7335 Se 48Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7335-sw-29th-avenue-97219/33678"
   @click="selectListing('33678')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_133861c22114d7ade0.96333518.jpg" alt="7335 Sw 29Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$439,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="7335 Sw 29Th Avenue"
            >
                7335 Sw 29Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/735-ne-killingsworth-street-97211/33957"
   @click="selectListing('33957')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_809261c223d4e493d6.97901488.jpg" alt="735 Ne Killingsworth 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="735 Ne Killingsworth Street"
            >
                735 Ne Killingsworth Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7400-north-newell-avenue-97203/33892"
   @click="selectListing('33892')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_453261c22336c21aa2.91274827.jpg" alt="7400 North Newell Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$550,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="7400 North Newell Avenue"
            >
                7400 North Newell Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7408-sw-mapleleaf-street-97223/34257"
   @click="selectListing('34257')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_341161c2275970fa42.42073025.jpg" alt="7408 Sw Mapleleaf 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="7408 Sw Mapleleaf Street"
            >
                7408 Sw Mapleleaf Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7424-se-henderson-street-97206/34239"
   @click="selectListing('34239')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_945161c2271df41806.98281139.jpg" alt="7424 Se Henderson Street">
        </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="7424 Se Henderson Street"
            >
                7424 Se Henderson Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7435-north-buchanan-avenue-97203/33928"
   @click="selectListing('33928')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_656061c2238823e2d5.17732705.jpg" alt="7435 North Buchanan Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$579,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="7435 North Buchanan Avenue"
            >
                7435 North Buchanan Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7445-se-henderson-street-97206/33655"
   @click="selectListing('33655')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_810061c220dbdfa832.64010571.jpg" alt="7445 Se Henderson 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="7445 Se Henderson Street"
            >
                7445 Se Henderson Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7514-sw-35th-avenue-97219/34502"
   @click="selectListing('34502')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_245961c229e631a098.90353525.jpg" alt="7514 Sw 35Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$545,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="7514 Sw 35Th Avenue"
            >
                7514 Sw 35Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7537-se-30th-avenue-97202/33863"
   @click="selectListing('33863')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_570761c222f1388387.58497843.jpg" alt="7537 Se 30Th Avenue">
        </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="7537 Se 30Th Avenue"
            >
                7537 Se 30Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7571-north-edgewater-avenue-97203/47778"
   @click="selectListing('47778')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_610961cd11d708f466.69091701.jpg" alt="7571 North Edgewater Avenue">
        </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="7571 North Edgewater Avenue"
            >
                7571 North Edgewater Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7581-north-edgewater-avenue-97203/34124"
   @click="selectListing('34124')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_734761c225b2b827a1.14948220.jpg" alt="7581 North Edgewater Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$330,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="7581 North Edgewater Avenue"
            >
                7581 North Edgewater Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7603-se-ellis-street-97206/33654"
   @click="selectListing('33654')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_276661c220d9636601.60206898.jpg" alt="7603 Se Ellis Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$539,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="7603 Se Ellis Street"
            >
                7603 Se Ellis Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/7605-se-knight-street-97206/34135"
   @click="selectListing('34135')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_761661c225cc958c61.96877644.jpg" alt="7605 Se Knight Street">
        </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="7605 Se Knight Street"
            >
                7605 Se Knight Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7611-nw-170th-avenue-97229/33982"
   @click="selectListing('33982')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_647061c2242a053883.12701340.jpg" alt="7611 Nw 170Th Avenue">
        </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="7611 Nw 170Th Avenue"
            >
                7611 Nw 170Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/762-ne-jessup-street-97211/34235"
   @click="selectListing('34235')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_157561c227105a20d1.85356341.jpg" alt="762 Ne Jessup Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$725,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="762 Ne Jessup Street"
            >
                762 Ne Jessup Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7704-se-crystal-springs-boulevard-97206/33730"
   @click="selectListing('33730')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_480861c2219b09cac4.28722810.jpg" alt="7704 Se Crystal Springs Boulevard">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$389,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="7704 Se Crystal Springs Boulevard"
            >
                7704 Se Crystal Springs Boulevard            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/7805-se-carlton-street-97206/34176"
   @click="selectListing('34176')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_300861c2264095b019.03969602.jpg" alt="7805 Se Carlton Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$465,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="7805 Se Carlton Street"
            >
                7805 Se Carlton Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/7900-north-newman-avenue-97203/47805"
   @click="selectListing('47805')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_519261cd121e850be7.00807276.jpg" alt="7900 North Newman Avenue">
        </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="7900 North Newman Avenue"
            >
                7900 North Newman Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7900-sw-6th-avenue-97219/33683"
   @click="selectListing('33683')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_214461c22120db8148.86592754.jpg" alt="7900 Sw 6Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$579,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="7900 Sw 6Th Avenue"
            >
                7900 Sw 6Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7912-se-henderson-street-97206/33546"
   @click="selectListing('33546')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_712661c21fc52c6739.61050407.jpg" alt="7912 Se Henderson Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$449,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="7912 Se Henderson Street"
            >
                7912 Se Henderson Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/7920-se-ellis-street-97206/34313"
   @click="selectListing('34313')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_897461c227e95f28c3.93781747.jpg" alt="7920 Se Ellis Street">
        </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="7920 Se Ellis Street"
            >
                7920 Se Ellis Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/7926-se-46th-avenue-97206/34415"
   @click="selectListing('34415')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_922461c228fa01ada2.80956774.jpg" alt="7926 Se 46Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$695,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="7926 Se 46Th Avenue"
            >
                7926 Se 46Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8102-se-rhine-street-97206/33656"
   @click="selectListing('33656')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_457461c220dd960516.42426676.jpg" alt="8102 Se Rhine Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$449,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="8102 Se Rhine Street"
            >
                8102 Se Rhine Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8124-se-market-street-97215/33537"
   @click="selectListing('33537')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_557461c21fad5a6926.84798501.jpg" alt="8124 Se Market Street">
        </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="8124 Se Market Street"
            >
                8124 Se Market Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8150-southwest-birchwood-road-97225/86922"
   @click="selectListing('86922')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_120062a0eb4be5b932.95699811.jpg" alt="8150 Southwest Birchwood Road">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$5,250</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="8150 Southwest Birchwood Road"
            >
                8150 Southwest Birchwood Road            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/portland/8224-north-fessenden-street-97203/33859"
   @click="selectListing('33859')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_164961c222e6ea32c0.07389930.jpg" alt="8224 North Fessenden Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$434,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="8224 North Fessenden Street"
            >
                8224 North Fessenden Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/8248-ne-thompson-street-97220/34356"
   @click="selectListing('34356')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_155561c2285e579bc2.23790515.jpg" alt="8248 Ne Thompson Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="8248 Ne Thompson Street"
            >
                8248 Ne Thompson Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8318-sw-45th-avenue-97219/33867"
   @click="selectListing('33867')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_430661c222fb0c8679.99706748.jpg" alt="8318 Sw 45Th Avenue">
        </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="8318 Sw 45Th Avenue"
            >
                8318 Sw 45Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/832-ne-131st-place-97230/33994"
   @click="selectListing('33994')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_892061c2246167d5d7.37010944.jpg" alt="832 Ne 131St Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="832 Ne 131St Place"
            >
                832 Ne 131St Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8325-se-rhone-street-97266/34430"
   @click="selectListing('34430')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_641161c22931a6bf02.40548936.jpg" alt="8325 Se Rhone Street">
        </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="8325 Se Rhone Street"
            >
                8325 Se Rhone Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/8326-north-fessenden-street-97203/33430"
   @click="selectListing('33430')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_558861c21ea2399bc8.34543447.jpg" alt="8326 North Fessenden Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$435,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="8326 North Fessenden Street"
            >
                8326 North Fessenden Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8424-ne-humboldt-street-97220/47762"
   @click="selectListing('47762')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_410561cd1198a91682.68793566.jpg" alt="8424 Ne Humboldt Street">
        </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="8424 Ne Humboldt Street"
            >
                8424 Ne Humboldt Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/8427-nw-timber-ridge-court-97229/34282"
   @click="selectListing('34282')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_740761c22794758cd0.67807866.jpg" alt="8427 Nw Timber Ridge Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$879,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="8427 Nw Timber Ridge Court"
            >
                8427 Nw Timber Ridge Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8440-southwest-canyon-lane-97225/34643"
   @click="selectListing('34643')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_518461c22b27651d99.73876932.jpg" alt="8440 Southwest Canyon Lane">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$899,950</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="8440 Southwest Canyon Lane"
            >
                8440 Southwest Canyon Lane            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8605-se-ellis-street-97266/33716"
   @click="selectListing('33716')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_558261c221768b5942.02969126.jpg" alt="8605 Se Ellis Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$374,999</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="8605 Se Ellis Street"
            >
                8605 Se Ellis Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8606-north-seward-avenue-97217/33536"
   @click="selectListing('33536')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_453661c21faabcdcb2.07297033.jpg" alt="8606 North Seward Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$545,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="8606 North Seward Avenue"
            >
                8606 North Seward Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8641-ne-pacific-street-97220/33544"
   @click="selectListing('33544')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_125961c21fc06acda0.82811296.jpg" alt="8641 Ne Pacific Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$529,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="8641 Ne Pacific Street"
            >
                8641 Ne Pacific Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8805-north-burrage-avenue-97217/34187"
   @click="selectListing('34187')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_745761c2265f320534.23542288.jpg" alt="8805 North Burrage Avenue">
        </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="8805 North Burrage Avenue"
            >
                8805 North Burrage Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8809-sw-13th-avenue-97219/34304"
   @click="selectListing('34304')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_808361c227d423c1c1.04313764.jpg" alt="8809 Sw 13Th Avenue">
        </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="8809 Sw 13Th Avenue"
            >
                8809 Sw 13Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/8822-nw-herrin-court-97229/34231"
   @click="selectListing('34231')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_156761c226feb29580.81088018.jpg" alt="8822 Nw Herrin Court">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,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="8822 Nw Herrin Court"
            >
                8822 Nw Herrin Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9020-se-knapp-street-97266/33971"
   @click="selectListing('33971')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_307361c22403dd1161.48214859.jpg" alt="9020 Se Knapp Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$333,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="9020 Se Knapp Street"
            >
                9020 Se Knapp Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9035-ne-sacramento-street-97220/34095"
   @click="selectListing('34095')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_576961c2255c7f6bb1.81137313.jpg" alt="9035 Ne Sacramento Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$399,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="9035 Ne Sacramento Street"
            >
                9035 Ne Sacramento Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9035-sw-50th-avenue-97219/34358"
   @click="selectListing('34358')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_498861c22864216748.65669020.jpg" alt="9035 Sw 50Th Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$525,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="9035 Sw 50Th Avenue"
            >
                9035 Sw 50Th Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/904-se-lambert-street-97202/34101"
   @click="selectListing('34101')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_466261c2256adcc521.09197660.jpg" alt="904 Se Lambert Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,195,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="904 Se Lambert Street"
            >
                904 Se Lambert Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9294-se-clay-street-97216/34260"
   @click="selectListing('34260')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_286361c22762684723.17085864.jpg" alt="9294 Se Clay Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$550,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="9294 Se Clay Street"
            >
                9294 Se Clay Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/933-ne-hazelfern-place-97232/33891"
   @click="selectListing('33891')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_824261c22334f04934.33144448.jpg" alt="933 Ne Hazelfern Place">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,159,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="933 Ne Hazelfern Place"
            >
                933 Ne Hazelfern Place            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9352-nw-fox-hollow-court-97229/33674"
   @click="selectListing('33674')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_998061c2210873ed94.28846920.jpg" alt="9352 Nw Fox Hollow Court">
        </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="9352 Nw Fox Hollow Court"
            >
                9352 Nw Fox Hollow Court            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9405-north-midway-avenue-97203/34481"
   @click="selectListing('34481')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_433961c229afcb3340.31449496.jpg" alt="9405 North Midway Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$449,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="9405 North Midway Avenue"
            >
                9405 North Midway Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9476-nw-harvest-hill-drive-97229/34229"
   @click="selectListing('34229')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_711961c226f8cd27b6.02007749.jpg" alt="9476 Nw Harvest Hill Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$755,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="9476 Nw Harvest Hill Drive"
            >
                9476 Nw Harvest Hill Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9528-north-smith-street-97203/33811"
   @click="selectListing('33811')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_345861c22274503657.56967415.jpg" alt="9528 North Smith Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$449,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="9528 North Smith Street"
            >
                9528 North Smith Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/96-nw-maywood-drive-97210/33500"
   @click="selectListing('33500')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_187561c21f4e07d9f3.14614035.jpg" alt="96 Nw Maywood Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$675,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="96 Nw Maywood Drive"
            >
                96 Nw Maywood Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/9630-northeast-skidmore-street-97220/151628"
   @click="selectListing('151628')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_125263c31a878bc974.97383664.jpg" alt="9630 Northeast Skidmore Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$550,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="9630 Northeast Skidmore Street"
            >
                9630 Northeast Skidmore Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9644-ne-skidmore-street-97220/47810"
   @click="selectListing('47810')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_630861cd123b3969e8.94646625.jpg" alt="9644 Ne Skidmore 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="9644 Ne Skidmore Street"
            >
                9644 Ne Skidmore Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9734-nw-skyline-heights-drive-97229/34099"
   @click="selectListing('34099')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_822261c22566a98259.22487139.jpg" alt="9734 Nw Skyline Heights Drive">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,550,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="9734 Nw Skyline Heights Drive"
            >
                9734 Nw Skyline Heights Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9799-sw-brookside-drive-97225/33428"
   @click="selectListing('33428')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_999861c21e9ce6a528.65713567.jpg" alt="9799 Sw Brookside Drive">
        </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="9799 Sw Brookside Drive"
            >
                9799 Sw Brookside Drive            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9803-north-exeter-avenue-97203/33960"
   @click="selectListing('33960')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_328161c223db20a4d2.34309593.jpg" alt="9803 North Exeter Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$439,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="9803 North Exeter Avenue"
            >
                9803 North Exeter Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9805-ne-campaign-street-97220/34052"
   @click="selectListing('34052')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_823261c224f332bd79.96064614.jpg" alt="9805 Ne Campaign Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$619,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="9805 Ne Campaign Street"
            >
                9805 Ne Campaign Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9917-northeast-campaign-street-97220/130641"
   @click="selectListing('130641')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_1536634942bb0b4210.85937537.jpg" alt="9917 Northeast Campaign Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$539,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="9917 Northeast Campaign Street"
            >
                9917 Northeast Campaign Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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="/portland/9930-north-oregonian-avenue-97203/34093"
   @click="selectListing('34093')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_893861c22557847e79.54590944.jpg" alt="9930 North Oregonian Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$369,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="9930 North Oregonian Avenue"
            >
                9930 North Oregonian Avenue            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                    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="/portland/9930-northeast-shaver-street-97220/108837"
   @click="selectListing('108837')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_97626300634bd3d234.53841645.jpg" alt="9930 Northeast Shaver Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,995</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="9930 Northeast Shaver Street"
            >
                9930 Northeast Shaver Street            </p>
                        <p
                class="hood"
                title="Portland"
            >
                Portland            </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">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                                            </div>

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

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

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


        </scroll-container>

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

                    <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": "485 Apartments in Portland, Boston, MA.",
  "itemReviewed": {
    "@type": "Place",
    "image": "https://3dapartment.com/img/temp/neighborhood.png",
    "name": "Apartments For Rent in Portland, Oregon",
    "address":{
         "addressRegion": "MA",
         "addressLocality": "Portland, Boston"
    }
  },
  "publisher": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "author": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "description":"No description",
  "url" : "http://3dapartment.com/n/OR/portland/6022",
  "image" : "http://3dapartment.com/img/temp/hood.jpg ",
  "name": "3D Apartment | Apartments For Rent in Portland, Oregon"

}


</script>

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Place",
  "address":{
         "addressRegion": "MA",
         "addressLocality": "Portland, Boston"
    },
  "description":"No description",
  "url" : "http://3dapartment.com/n/OR/portland/6022",
  "image" : "http://3dapartment.com/img/temp/hood.jpg ",
  "name": "3D Apartment | Apartments For Rent in Portland, Oregon"
}

</script>

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