</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Analytics Setup --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-G6YVB7Y1Q5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); // GA4 aggregate target gtag('config', 'G-G6YVB7Y1Q5', {"board": [5108], "content_page_property_lead_capture": true, "lead_capture_on_property": 1, "site_domain": "www.realestatejw.com", "rg_template": "anna-modern"}); // client tags </script> <header class="sticky top-nav left-0 right-0 z-10"> <nav aria-label="primary navigation" class="relative"> <div class="absolute inset-0 opacity-palette-navigationBackground-opacity bg-palette-navigationBackground-color"></div> <div class="mx-0 pr-2 pl-6 lg:px-8"> <div class="relative flex items-center justify-between h-24"> <div class="absolute inset-y-0 left-0 flex items-center sm:hidden"></div> <!-- Desktop nav --> <div class="flex-1 flex items-center justify-start h-full"> <!-- Header Logo --> <div id="nav-logo" class="min-w-max h-4/6 sm:h-5/6 flex-shrink-0"> <a href="https://www.realestatejw.com" class="w-full h-full flex items-center"> <img class="block h-full w-auto" src="https://t2.realgeeks.media/thumbnail/tRbSAmmrIybRWu7NYbIdI-PU1Fk=/fit-in/400x86/filters:format(png)/u.realgeeks.media/realestatejw/93139b3a9991-65abe2f9_17d1_45d9_a576_280ad7e857fa_2-removebg-preview_(1).png" srcset="https://t2.realgeeks.media/thumbnail/tRbSAmmrIybRWu7NYbIdI-PU1Fk=/fit-in/400x86/filters:format(png)/u.realgeeks.media/realestatejw/93139b3a9991-65abe2f9_17d1_45d9_a576_280ad7e857fa_2-removebg-preview_(1).png 1x, https://t2.realgeeks.media/thumbnail/9sx3uxvV1Oaq3138KqyEtLkH0H0=/fit-in/800x172/filters:format(png)/u.realgeeks.media/realestatejw/93139b3a9991-65abe2f9_17d1_45d9_a576_280ad7e857fa_2-removebg-preview_(1).png 2x" alt="Realestatejw.com" title="Realestatejw.com"> </a> </div> <!-- Navbar Links --> <div id="nav-links" class="hidden md:block w-full ml-6 h-full"> <div class="flex-wrap flex h-full justify-center space-x-4 uppercase text-palette-navigationLink-color whitespace-no-wrap overflow-hidden"> <a href="/" class="js-nav-link relative flex hover:text-palette-brand-color items-center h-full px-3 pt-2 text-sm font-light whitespace-nowrap border-b-8 focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color border-transparent">Home</a> <a href="/search/results/9/" class="js-nav-link relative flex hover:text-palette-brand-color items-center h-full px-3 pt-2 text-sm font-light whitespace-nowrap border-b-8 focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color border-transparent">Commercial Search</a> <a href="/search/market_report_search/" class="js-nav-link relative flex hover:text-palette-brand-color items-center h-full px-3 pt-2 text-sm font-light whitespace-nowrap border-b-8 focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color border-transparent">Market Reports</a> <a href="/michelle-morrissette/" class="js-nav-link relative flex hover:text-palette-brand-color items-center h-full px-3 pt-2 text-sm font-light whitespace-nowrap border-b-8 focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color border-transparent">About</a> <a href="/Hang-Your-License-Here/" class="js-nav-link relative flex hover:text-palette-brand-color items-center h-full px-3 pt-2 text-sm font-light whitespace-nowrap border-b-8 focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color border-transparent">Hang Your License Here</a> </div> </div> </div> <div id="nav-icons" class="inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0"> <!-- Navbar Icons --> <div class="ml-3 relative"> <div class="flex justify-end"> <!-- Mobile menu button--> <button id="nav-menu-button" aria-label="open mobile navigation" class="js-menu-toggle flex text-sm text-palette-navigationLink-color rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:text-palette-brand-color hover:text-palette-brand-color " aria-expanded="false"> <span class="sr-only">Open main menu</span> <!-- Icon when menu is closed. --> <!-- Heroicon name: menu Menu open: "hidden", Menu closed: "block" --> <svg class="block h-5 w-5 mx-3 rounded-none" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg> <!-- Icon when menu is open. --> <!-- Heroicon name: x Menu open: "block", Menu closed: "hidden" --> <svg class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> <div class="hidden sm:flex"> <button id="nav-contact-button" class=" flex text-sm text-palette-navigationLink-color rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray focus:text-palette-brand-color hover:text-palette-brand-color" aria-haspopup="true" aria-label="Contact us"> <!-- this span adds additional text. It doesn't function as an aria-label; sr-only should be used for explanatory paragraphs that are only useful to screenreader users, NOT as a replacement for aria-label I am leaving the span in the code on the off chance users got used to it. --> <span class="sr-only">Contact us</span> <svg class="fill-current w-5 h-5 mx-3" xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <path d="M26.5 14h-13c-.828 0-1.5.672-1.5 1.5v9c0 .828.672 1.5 1.5 1.5h13c.828 0 1.5-.672 1.5-1.5v-9c0-.828-.672-1.5-1.5-1.5zm0 1.5v1.275c-.7.57-1.818 1.458-4.206 3.328-.526.414-1.569 1.408-2.294 1.397-.725.012-1.768-.983-2.294-1.397-2.388-1.87-3.505-2.757-4.206-3.328V15.5h13zm-13 9v-5.8c.716.57 1.732 1.37 3.28 2.583.682.537 1.878 1.724 3.22 1.717 1.335.007 2.516-1.163 3.22-1.717 1.548-1.212 2.564-2.013 3.28-2.583v5.8h-13z" transform="translate(-12 -14)"/> </g> </g> </svg> </button> <button id="nav-phone-button" class=" flex text-sm text-palette-navigationLink-color rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray focus:text-palette-brand-color hover:text-palette-brand-color" aria-haspopup="true" aria-label="Phone number"> <!-- this span adds additional text. It doesn't function as an aria-label; sr-only should be used for explanatory paragraphs that are only useful to screenreader users, NOT as a replacement for aria-label I am leaving the span in the code on the off chance users got used to it. --> <span class="sr-only">Phone number</span> <svg class="fill-current w-5 h-5 mx-3" xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <g> <path d="M422.303 36.667l-3.025-1.276c-.558-.233-1.206-.077-1.59.384l-.974 1.172c-1.562-.838-2.846-2.1-3.698-3.636l1.191-.958c.468-.38.627-1.016.39-1.565l-1.295-2.975c-.258-.597-.914-.926-1.557-.78l-2.805.637c-.62.138-1.06.681-1.057 1.307 0 7.214 5.946 13.025 13.238 13.022.635.002 1.187-.43 1.327-1.04l.647-2.76c.147-.632-.187-1.277-.792-1.532zm-1.239 3.928c-6.479-.029-11.722-5.188-11.752-11.566l2.7-.612 1.254 2.878-2.027 1.632c1.38 2.9 2.923 4.413 5.866 5.771l1.658-1.995 2.924 1.233-.623 2.66z" transform="translate(-407 -27)"/> </g> </g> </g> </svg> </button> <button id="nav-user-button" class="js-toggle-user-popup flex text-sm text-palette-navigationLink-color rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray focus:text-palette-brand-color hover:text-palette-brand-color" aria-haspopup="true" aria-label="Sign up or Sign in"> <!-- this span adds additional text. It doesn't function as an aria-label; sr-only should be used for explanatory paragraphs that are only useful to screenreader users, NOT as a replacement for aria-label I am leaving the span in the code on the off chance users got used to it. --> <span class="sr-only">Sign up or Sign in</span> <svg class="fill-current w-5 h-5 mx-3" xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <g> <path d="M459.951 35.907c-.85 0-1.258.469-2.652.469-1.394 0-1.8-.469-2.652-.469-2.196 0-3.978 1.764-3.978 3.938v.75c0 .776.636 1.406 1.42 1.406h10.42c.784 0 1.42-.63 1.42-1.406v-.75c0-2.174-1.781-3.938-3.978-3.938zm2.558 4.688h-10.42v-.75c0-1.395 1.15-2.531 2.558-2.531.432 0 1.134.468 2.652.468 1.53 0 2.217-.468 2.652-.468 1.41 0 2.558 1.136 2.558 2.53v.75zm-5.21-5.156c2.353 0 4.263-1.89 4.263-4.22 0-2.328-1.91-4.218-4.263-4.218-2.353 0-4.262 1.89-4.262 4.219 0 2.329 1.91 4.219 4.262 4.219zm0-7.032c1.566 0 2.842 1.263 2.842 2.813 0 1.55-1.276 2.812-2.842 2.812s-2.841-1.262-2.841-2.812c0-1.55 1.275-2.813 2.841-2.813z" transform="translate(-450 -27)"/> </g> </g> </g> </svg> </button> <button id="nav-share-button" class=" flex text-sm text-palette-navigationLink-color rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray focus:text-palette-brand-color hover:text-palette-brand-color" aria-haspopup="true" aria-label="Share"> <!-- this span adds additional text. It doesn't function as an aria-label; sr-only should be used for explanatory paragraphs that are only useful to screenreader users, NOT as a replacement for aria-label I am leaving the span in the code on the off chance users got used to it. --> <span class="sr-only">Share</span> <svg class="fill-current w-5 h-5 mx-3" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <g> <path d="M501.538 35.98c-.75 0-1.432.293-1.936.773l-2.88-1.801c.173-.551.173-1.146 0-1.694l2.88-1.801c.504.48 1.187.773 1.937.773 1.552 0 2.812-1.26 2.812-2.812 0-1.553-1.26-2.813-2.813-2.813-1.552 0-2.812 1.26-2.812 2.813 0 .287.044.574.129.846l-2.88 1.802c-.504-.48-1.187-.773-1.937-.773-1.552 0-2.812 1.26-2.812 2.812 0 1.553 1.26 2.813 2.813 2.813.75 0 1.432-.293 1.936-.774l2.88 1.802c-.085.275-.129.56-.129.846 0 1.553 1.26 2.813 2.813 2.813 1.552 0 2.812-1.26 2.812-2.813 0-1.552-1.26-2.812-2.812-2.812zm0-7.969c.777 0 1.407.63 1.407 1.407 0 .776-.63 1.406-1.406 1.406-.777 0-1.407-.63-1.407-1.407 0-.776.63-1.406 1.406-1.406zm-7.5 7.5c-.776 0-1.406-.63-1.406-1.406 0-.776.63-1.406 1.406-1.406.777 0 1.407.63 1.407 1.406 0 .776-.63 1.406-1.406 1.406zm7.5 4.688c-.776 0-1.406-.63-1.406-1.407 0-.776.63-1.406 1.406-1.406.777 0 1.407.63 1.407 1.406 0 .777-.63 1.407-1.406 1.407z" transform="translate(-491 -26)"/> </g> </g> </g> </svg> </button> </div> </div> </div> </div> </div> </div> <div id="user-popup" class="transform translate-x-full transition-transform shadow-user-popup min-w-mobile-nav absolute z-10 right-0 flex hidden flex-col items-start p-8 bg-white" > <span class="js-name text-black text-xl font-bold"></span> <span class="js-email mb-4 text-sm"></span> <a class="text-palette-brand-color mb-9" href="/member/edit/">Edit Profile</a> <a class="flex items-baseline justify-between mb-4 w-full" href="/member/saved_searches/" > <div class="flex items-baseline text-sm"> <img src="/static/designs/img/anna/icons/search.svg" class="h-3.5 w-3.5 mr-2" height="56" width="56" aria-hidden="true" /> Saved Searches </div> <span class="js-saved-search border-medium-gray bg-off-white min-w-min px-2 py-0 w-8 text-center border rounded-full" >0</span > </a> <a class="mb-14 flex items-baseline justify-between w-full" href="/member/favorite_properties/" > <div class="flex items-baseline text-sm"> <img src="/static/designs/img/anna/icons/heart.svg" class="h-3.5 w-3.5 mr-2" height="56" width="56" aria-hidden="true" /> Favorite Properties </div> <span class="js-favorite-properties border-medium-gray bg-off-white min-w-min px-2 py-0 w-8 text-center border rounded-full" >0</span > </a> <a class="py-2.5 bg-medium-gray w-full text-center text-sm" href="/member/logout/">Sign Out</a> </div> </nav> <!-- Mobile menu, toggle classes based on menu state. Menu open: "fixed", Menu closed: "hidden" --> <nav aria-label="Mobile menu" id="mobile-menu" class="z-10 hidden transition-transform ease-in duration-300 transform translate-x-full top-0 right-0 min-w-mobile-nav w-full sm:w-auto"> <div class="relative bg-palette-navigationBackground-color shadow-lg min-h-screen ml-10"> <button class="js-menu-toggle icon-x w-10 h-10 cursor-pointer bg-dark-gray absolute -left-10 shadow" aria-label="close"></button> <div id="user-popup-mobile" class="hidden transition-transform transform translate-x-full absolute inset-0 p-8 flex flex-col bg-white items-start" > <button type="button" name="button" class="js-toggle-user-popup-mobile flex items-baseline text-sm mb-6"><img src="/static/designs/img/anna/icons/chevron-left.svg" class="mr-2.5" height="14" width="8" alt="chevron left">Previous</button> <span class="js-name text-xl text-black font-bold" ></span> <span class="js-email text-sm mb-4"></span> <a class="text-palette-brand-color mb-9" href="/member/edit/">Edit Profile</a> <a class="flex w-full justify-between items-baseline mb-4" href="/member/saved_searches/"> <div class="flex items-baseline text-sm"> <img src="/static/designs/img/anna/icons/search.svg" class="h-3.5 w-3.5 mr-2" height="56" width="56"> Saved Searches </div> <span class="js-saved-search rounded-full text-center border border-medium-gray bg-off-white py-0 px-2 w-8 min-w-min" >10</span > </a> <a class="flex w-full justify-between items-baseline mb-14" href="/member/favorite_properties/"> <div class="flex items-baseline text-sm"> <img src="/static/designs/img/anna/icons/heart.svg" class="h-3.5 w-3.5 mr-2" height="56" width="56"> Favorite Properties </div> <span class="js-favorite-properties rounded-full text-center border border-medium-gray bg-off-white py-0 px-2 w-8 min-w-min" >10</span > </a> <a class=" py-2.5 text-center text-sm bg-medium-gray w-full" href="/member/logout/">Sign Out</a> </div> <div class="pl-12 pr-32 pt-16 pb-8 flex flex-col h-mobile-nav-inner sm:h-screen overflow-y-auto"> <div class="pb-2"> <div> <a href="/" class="font-light border-b-8 border-transparent inline-block mb-6 rounded-none focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color hover:text-palette-brand-color text-palette-navigationLink-color uppercase" >Home</a> </div> <div> <a href="/search/results/9/" class="font-light border-b-8 border-transparent inline-block mb-6 rounded-none focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color hover:text-palette-brand-color text-palette-navigationLink-color uppercase" >Commercial Search</a> </div> <div> <a href="/search/market_report_search/" class="font-light border-b-8 border-transparent inline-block mb-6 rounded-none focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color hover:text-palette-brand-color text-palette-navigationLink-color uppercase" >Market Reports</a> </div> <div> <a href="/michelle-morrissette/" class="font-light border-b-8 border-transparent inline-block mb-6 rounded-none focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color hover:text-palette-brand-color text-palette-navigationLink-color uppercase" >About</a> </div> <div> <a href="/Hang-Your-License-Here/" class="font-light border-b-8 border-transparent inline-block mb-6 rounded-none focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color hover:text-palette-brand-color text-palette-navigationLink-color uppercase" >Hang Your License Here</a> </div> </div> <div class="sm:hidden pt-9 border-t border-medium-gray"> <button id="nav-contact-button-mobile" class="whitespace-nowrap focus:text-palette-brand-color hover:text-palette-brand-color flex mb-8 items-center font-light uppercase rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray text-palette-navigationLink-color" aria-haspopup="true"> <svg class="fill-current h-5 w-5 mr-5 rounded-none" xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <path d="M26.5 14h-13c-.828 0-1.5.672-1.5 1.5v9c0 .828.672 1.5 1.5 1.5h13c.828 0 1.5-.672 1.5-1.5v-9c0-.828-.672-1.5-1.5-1.5zm0 1.5v1.275c-.7.57-1.818 1.458-4.206 3.328-.526.414-1.569 1.408-2.294 1.397-.725.012-1.768-.983-2.294-1.397-2.388-1.87-3.505-2.757-4.206-3.328V15.5h13zm-13 9v-5.8c.716.57 1.732 1.37 3.28 2.583.682.537 1.878 1.724 3.22 1.717 1.335.007 2.516-1.163 3.22-1.717 1.548-1.212 2.564-2.013 3.28-2.583v5.8h-13z" transform="translate(-12 -14)"/> </g> </g> </svg> <span class="js-button-text">Contact Us</span> </button> <button id="nav-user-button-mobile" class="js-toggle-user-popup-mobile whitespace-nowrap focus:text-palette-brand-color hover:text-palette-brand-color flex mb-8 items-center font-light uppercase rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray text-palette-navigationLink-color" aria-haspopup="true"> <svg class="fill-current h-5 w-5 mr-5 rounded-none" xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <g> <path d="M459.951 35.907c-.85 0-1.258.469-2.652.469-1.394 0-1.8-.469-2.652-.469-2.196 0-3.978 1.764-3.978 3.938v.75c0 .776.636 1.406 1.42 1.406h10.42c.784 0 1.42-.63 1.42-1.406v-.75c0-2.174-1.781-3.938-3.978-3.938zm2.558 4.688h-10.42v-.75c0-1.395 1.15-2.531 2.558-2.531.432 0 1.134.468 2.652.468 1.53 0 2.217-.468 2.652-.468 1.41 0 2.558 1.136 2.558 2.53v.75zm-5.21-5.156c2.353 0 4.263-1.89 4.263-4.22 0-2.328-1.91-4.218-4.263-4.218-2.353 0-4.262 1.89-4.262 4.219 0 2.329 1.91 4.219 4.262 4.219zm0-7.032c1.566 0 2.842 1.263 2.842 2.813 0 1.55-1.276 2.812-2.842 2.812s-2.841-1.262-2.841-2.812c0-1.55 1.275-2.813 2.841-2.813z" transform="translate(-450 -27)"/> </g> </g> </g> </svg> <span class="js-button-text">Sign up / Sign in</span> </button> <button id="nav-share-button-mobile" class="whitespace-nowrap focus:text-palette-brand-color hover:text-palette-brand-color flex mb-8 items-center font-light uppercase rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray text-palette-navigationLink-color" aria-haspopup="true"> <svg class="fill-current h-5 w-5 mr-5 rounded-none" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <g> <path d="M501.538 35.98c-.75 0-1.432.293-1.936.773l-2.88-1.801c.173-.551.173-1.146 0-1.694l2.88-1.801c.504.48 1.187.773 1.937.773 1.552 0 2.812-1.26 2.812-2.812 0-1.553-1.26-2.813-2.813-2.813-1.552 0-2.812 1.26-2.812 2.813 0 .287.044.574.129.846l-2.88 1.802c-.504-.48-1.187-.773-1.937-.773-1.552 0-2.812 1.26-2.812 2.812 0 1.553 1.26 2.813 2.813 2.813.75 0 1.432-.293 1.936-.774l2.88 1.802c-.085.275-.129.56-.129.846 0 1.553 1.26 2.813 2.813 2.813 1.552 0 2.812-1.26 2.812-2.813 0-1.552-1.26-2.812-2.812-2.812zm0-7.969c.777 0 1.407.63 1.407 1.407 0 .776-.63 1.406-1.406 1.406-.777 0-1.407-.63-1.407-1.407 0-.776.63-1.406 1.406-1.406zm-7.5 7.5c-.776 0-1.406-.63-1.406-1.406 0-.776.63-1.406 1.406-1.406.777 0 1.407.63 1.407 1.406 0 .776-.63 1.406-1.406 1.406zm7.5 4.688c-.776 0-1.406-.63-1.406-1.407 0-.776.63-1.406 1.406-1.406.777 0 1.407.63 1.407 1.406 0 .777-.63 1.407-1.406 1.407z" transform="translate(-491 -26)"/> </g> </g> </g> </svg> <span class="js-button-text">Share</span> </button> </div> </div> <div class="sm:hidden p-4 absolute bottom-0 p-11 text-white bg-dark-gray w-full"> <a href="tel:+12397708786" class="flex"> <img class="mr-2" src="https://cdn.realgeeks.com/static/designs/img/anna/icons/phone-alt-regular-white.svg" height="24" width="17"> +12397708786 </a> </div> </div> </nav> <!-- modal --> <div role="dialog" id="share-modal" class="hidden fixed inset-0 z-50 overflow-y-auto"> <div class="min-h-screen pt-20 px-0 sm:px-4 pb-20 text-center"> <!-- Background overlay, show/hide based on modal state. Entering: "ease-out duration-300" From: "opacity-0" To: "opacity-100" Leaving: "ease-in duration-200" From: "opacity-100" To: "opacity-0" --> <div class="js-modal-backdrop fixed ease-out bg-blur opacity-0 duration-300 inset-0 transition-opacity" aria-hidden="true"> <div class="absolute inset-0 bg-black opacity-25 js-close"></div> </div> <!-- Modal panel, show/hide based on modal state. Entering: "ease-out duration-300" From: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" To: "opacity-100 translate-y-0 sm:scale-100" Leaving: "ease-in duration-200" From: "opacity-100 translate-y-0 sm:scale-100" To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" --> <div class="js-modal-panel opacity-0 translate-y-4 scale-95 inline-block bg-transparent text-left shadow-xl transform transition-all sm:my-8 sm:align-middle max-w-lg w-full" role="dialog" aria-modal="true" aria-labelledby="modal-headline"> <div class="flex flex-col-reverse"> <div class="bg-white px-4 pt-5 pb-4 sm:py-12 sm:px-12"> <div class="sm:flex sm:items-center justify-center mb-16"> <div class="mt-3 sm:mt-0"> <h3 class="text-center text-2xl font-bold text-black" id="modal-headline"> Share this with your friends </h3> </div> </div> <div class="flex justify-around mb-16 mx-8"> <a href="https://twitter.com/intent/tweet?url=https%3A//www.realestatejw.com/listings/development/Calabria/homes-with-patio-exterior/" class="rounded-full bg-twitter-blue text-white h-10 w-10 flex justify-center items-center hover:opacity-80" rel="noreferrer" target="_blank"><img src="https://cdn.realgeeks.com/static/designs/img/anna/icons/twitter.svg?v2" height="14" width="16" alt="x twitter"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//www.realestatejw.com/listings/development/Calabria/homes-with-patio-exterior/" class="rounded-full bg-facebook-blue text-white h-10 w-10 flex justify-center items-center hover:opacity-80" rel="noreferrer" target="_blank"><img src="https://cdn.realgeeks.com/static/designs/img/anna/icons/facebook-f.svg" height="16" width="9" alt="facebook"></a> <a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A//www.realestatejw.com/listings/development/Calabria/homes-with-patio-exterior/" class="rounded-full bg-linkedin-blue text-white h-10 w-10 flex justify-center items-center hover:opacity-80" rel="noreferrer" target="_blank"><img src="https://cdn.realgeeks.com/static/designs/img/anna/icons/linkedin-in.svg" height="16" width="16" alt="linkedin"></a> <a href="https://pinterest.com/pin/create/button/?url=https%3A//www.realestatejw.com/listings/development/Calabria/homes-with-patio-exterior/" class="rounded-full bg-pinterest-red text-white h-10 w-10 flex justify-center items-center hover:opacity-80" rel="noreferrer" target="_blank"><img src="https://cdn.realgeeks.com/static/designs/img/anna/icons/pinterest-p.svg" height="16" width="13" alt="pinterest"></a> </div> <div class="js-copy-clipboard flex flex-row-reverse items-center"> <button class="flex items-center text-blue font-bold bg-off-white border border-lite-gray border-l-0 box-border h-10 p-4 cursor-pointer"><span class="transition-all transform">Copy</span></button> <input class="js-copy-input w-11/12 rounded-none appearance-none bg-off-white border border-lite-gray py-2 text-sm border-r-0 px-6 box-border h-10" value="https://www.realestatejw.com/listings/development/Calabria/homes-with-patio-exterior/" readonly></input> </div> </div> <div class="flex justify-end"> <button class="js-close flex justify-center items-center w-10 h-10 text-transparent bg-dark-gray cursor-pointer icon-x"> Close </button> </div> </div> </div> </div> </div> <!-- modal --> <div role="dialog" id="phone-modal" class="hidden fixed inset-0 z-50 overflow-y-auto"> <div class="min-h-screen pt-20 px-0 sm:px-4 pb-20 text-center"> <!-- Background overlay, show/hide based on modal state. Entering: "ease-out duration-300" From: "opacity-0" To: "opacity-100" Leaving: "ease-in duration-200" From: "opacity-100" To: "opacity-0" --> <div class="js-modal-backdrop fixed ease-out bg-blur opacity-0 duration-300 inset-0 transition-opacity" aria-hidden="true"> <div class="absolute inset-0 bg-black opacity-25 js-close"></div> </div> <!-- Modal panel, show/hide based on modal state. Entering: "ease-out duration-300" From: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" To: "opacity-100 translate-y-0 sm:scale-100" Leaving: "ease-in duration-200" From: "opacity-100 translate-y-0 sm:scale-100" To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" --> <div class="js-modal-panel opacity-0 translate-y-4 scale-95 inline-block bg-transparent text-left shadow-xl transform transition-all sm:my-8 sm:align-middle max-w-lg w-full" role="dialog" aria-modal="true" aria-labelledby="modal-headline"> <div class="flex flex-col-reverse"> <div class="bg-white px-4 pt-5 pb-4 sm:py-12 sm:px-12"> <div class="flex flex-col items-center justify-center"> <div class="flex flex-col text-center mb-8"> <p class="font-bold text-2xl">+12397708786</p> <p class="mt-3.5 text-sm">JW Real Estate</p> </div> <a href="tel:+12397708786" class="bg-palette-brand-color rounded-none text-white px-14 py-2 font-bold link-phone flex items-center">Call</a> </div> </div> <div class="flex justify-end"> <button class="js-close flex justify-center items-center w-10 h-10 text-transparent bg-dark-gray cursor-pointer icon-x"> Close </button> </div> </div> </div> </div> </div> </header> <section aria-label="property search hero" class="mb-16 "> <div class="relative h-hero-image w-full "> <div style="background-image: url('https://u.realgeeks.media/realestatejw/FTM_Pic_Website.jpg')" class="absolute inset-0 bg-cover bg-no-repeat bg-center"></div> <div class="relative h-full flex flex-col justify-center items-center"> <div class="mx-1 text-center text-hero text-white font-bold text-shadow mb-8">Calabria Homes with Patio Exterior</div> </div> </div> </section> <div class="flex flex-col xl:flex-row px-4 sm:px-12 lg:px-40"> <main id="content" class="flex flex-col xl:w-8/12 xl:pr-14"> <section class="mce-content mb-14"> <style> .directory-index { display: grid; grid-template-columns: repeat(auto-fill,minmax(320px, 1fr)); margin-left: 30px; column-gap: 15px; } .directory-index > div { text-overflow: ellipsis; white-space:nowrap; overflow: hidden; } section { margin-bottom: 10px; } </style> <section class="mce-content mb-14"> <h1 title="Calabria Homes with Patio Exterior">Calabria Homes with Patio Exterior</h1> <p>Welcome to Calabria, a stunning community nestled in the heart of Naples, Florida, within Lee County. This exquisite development offers a perfect blend of elegance and comfort, embodying the quintessential Florida lifestyle. Calabria is designed for those who appreciate the finer things in life, with picturesque surroundings and a serene atmosphere that invites relaxation and leisure.</p> <p>The homes in Calabria are thoughtfully crafted, featuring spacious layouts that are perfect for both entertaining and everyday living. Each residence boasts a charming patio exterior, providing an ideal space for outdoor gatherings, morning coffees, or simply soaking in the beautiful Florida sunshine. Imagine hosting friends for a barbecue or enjoying a quiet evening under the stars, all from the comfort of your own backyard oasis.</p> <p>Calabria is strategically located, offering easy access to Naples' pristine beaches, upscale shopping, and gourmet dining options. The community is also in proximity to top-rated schools, healthcare facilities, and recreational activities, ensuring that residents enjoy a well-rounded lifestyle. Nature enthusiasts will appreciate the nearby parks and nature preserves, perfect for hiking, biking, or simply enjoying a leisurely stroll.</p> <p>Whether you’re a growing family, a retiree seeking tranquility, or anyone in between, Calabria offers a unique opportunity to experience the best of Naples living. With its inviting homes, beautiful outdoor spaces, and prime location, it’s no wonder Calabria is one of the most sought-after communities in the area. Discover your dream home in Calabria today, where Florida living meets unparalleled charm!</p> </section> </section> <section id="listings" class="mb-14 -mx-4 sm:-mx-12 md:mx-0"> <h2 class="text-2xl font-bold text-black border-b border-medium-gray mx-4 sm:mx-12 md:mx-0 pb-3 mb-6">Newest Calabria Homes with Patio Exterior</h2> <div class="mb-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-x-4"> <div class="mb-8"> <a href="/property/226016190/"> <article class="w-full flex flex-col text-medium-dark-gray sm:pb-8"> <div class="w-auto relative overflow-y-hidden border background-medium-gray border-medium-gray pt-listing-image-container hidden md:block"> <noscript class="loading-lazy"> <img class="mt-listing-image w-full object-center object-contain" src="https://property-images.realgeeks.com/flftmyer/b9be379df62353a5cade9c64d36da1c0.jpg?width=422&height=336&aspect_ratio=422:336" alt="28511 Calabria Court Unit 202, Naples" height="336" width="422" /> </noscript> </div> <div class="w-auto relative overflow-y-hidden border background-medium-gray border-medium-gray pt-listing-image-container-small md:hidden"> <noscript class="loading-lazy"> <img class="mt-listing-image-small md:mt-0 md:h-52 w-full object-center object-cover" src="https://property-images.realgeeks.com/flftmyer/b9be379df62353a5cade9c64d36da1c0.jpg?width=422&height=208&aspect_ratio=422:208" alt="28511 Calabria Court Unit 202, Naples" height="208" width="422" /> </noscript> </div> <div class="flex flex-col w-full justify-between"> <section class="relative flex flex-col w-full px-4 pt-4"> <div class="flex flex-col mb-4"> <span class="text-black font-medium font-rubik text-xl flex items-center mb-1"> <span class="mr-2">$1,849,000</span> <svg class="inline" xmlns="http://www.w3.org/2000/svg" width="14.103" height="8" viewBox="0 0 14.103 8"> <path fill="#3cb46e" d="M12.244 192h12.205a.947.947 0 0 1 .669 1.618l-6.1 6.1a.95.95 0 0 1-1.342 0l-6.1-6.1a.947.947 0 0 1 .668-1.618z" transform="translate(-11.295 -192)"/> </svg> </span> <div class="w-full text-sm "> <div class="mb-1 truncate"> <span class="font-bold text-black">3</span> Beds <span class="text-lg mx-1.5 leading-none">⋅</span> <span class="font-bold text-black">3</span> Baths <span class="text-lg mx-1.5 leading-none">⋅</span> <span class="font-bold text-black">226016190</span> MLS </div> </div> <span class="truncate text-xs xl:text-sm py-2">Fully reimagined and impeccably furnished, this second-floor Calabria residence captures sweeping lake views and refined coastal elegance within Mediterra. Spanning nearly 2,900 square feet, the light-filled great room floor plan showcases volume ceilings, wide-plank wood and tile flooring, and a seamless flow to the expansive screened lanai—perfectly positioned for tranquil water vistas and sunset skies. The designer kitchen is a true centerpiece with oversized island, gas cooking, custom cabinetry, and curated finishes, opening effortlessly to both formal and casual dining spaces. A private owner’s suite offers a serene retreat with spa-inspired bath, dual vanities, soaking tub, and walk-in shower, while two guest suites and a den provide comfort and flexibility for family or visitors. Complete with a two-car garage and located just steps from neighborhood amenities, this residence also includes access to Mediterra’s world-class club, featuring private beach club, championship golf, tennis, fitness, dining, and more. Mediterra is a prestigious luxury golf & beach club community featuring two championship Tom Fazio golf courses for avid golfers, a private beach club with a restaurant & bar, multiple tennis courts, pickleball & bocce, a fitness center, pristine bike & jogging trails, and luxurious dining at the private country club restaurant. The Mediterra Beach Club offers an escape to a 10,000 sq. ft two-story private oceanfront paradise on the Gulf of Mexico. Featuring a restaurant & bar that serves members via indoor & outdoor dining, this private facility boasts a heated swimming pool, a sundeck, and cabana beach service for chairs, umbrellas & refreshments.</span> <div class="flex w-full justify-between items-center"> <div class="text-xs w-40 h-full"> <p>28511 Calabria Court Unit 202, Naples</p> </div> <div class="-mr-2"> <button class="js-favorite-button text-palette-brand-color p-2" data-is-favorite="False" data-property-id="69e3b25edde275c2509294f9" aria-label="Add favorite"> <svg class="icon-heart-active fill-current hidden w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="27.429" height="24" viewBox="0 0 27.429 24" aria-hidden="true"> <path d="M24.754 33.608a7.326 7.326 0 0 0-10 .729L13.7 35.424l-1.055-1.087a7.325 7.325 0 0 0-10-.729 7.692 7.692 0 0 0-.53 11.137l10.366 10.7a1.679 1.679 0 0 0 2.427 0l10.366-10.7a7.687 7.687 0 0 0-.525-11.137z" transform="translate(.012 -31.967)"/> </svg> <svg class="icon-heart-inactive fill-current w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="27.429" height="24" viewBox="0 0 27.429 24" aria-hidden="true"> <path d="M24.755 33.647a7.327 7.327 0 0 0-10 .723L13.7 35.463l-1.055-1.088c-2.186-2.261-6.595-3.621-10-.729a7.686 7.686 0 0 0-.53 11.132l10.366 10.7A1.686 1.686 0 0 0 13.7 56a1.665 1.665 0 0 0 1.211-.52l10.366-10.7a7.677 7.677 0 0 0-.522-11.133zm-.7 9.943l-10.329 10.7-10.373-10.7a5.967 5.967 0 0 1 .413-8.636c2.936-2.507 6.386-.691 7.65.616l2.284 2.362 2.29-2.362c1.243-1.286 4.725-3.107 7.65-.616a5.971 5.971 0 0 1 .413 8.636z" transform="translate(.013 -32.002)"/> </svg> </button> </div> </div> </div> </section> <div class="w-full flex justify-between border-t border-medium-gray pt-2.5 px-4"> </div> </div> </article> </a> </div> </div> <a href="/search/results/om0/" class="primary-cta small" alt="go to search results page">Start Your Search</a> <section id="board-disclaimer" class="py-8 text-sm"> </section> </section> </main> <aside id="sidebar" class="xl:w-4/12 xl:pl-14 mb-16"> <section id="featured-agent-group"> </section> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">View Calabria Home Values</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/home-values/"> Calabria Home Values </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Calabria Homes by Property Type</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/condos-for-sale/"> Condos for Sale </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Calabria Homes by Rear exposure</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-e-rear-exposure/"> E </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-s-rear-exposure/"> S </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-w-rear-exposure/"> W </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Calabria Homes by Interior</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-bathtub-interior/"> Bathtub </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-bedroom-on-main-level-interior/"> Bedroom on Main Level </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-breakfast-area-interior/"> Breakfast Area </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-breakfast-bar-interior/"> Breakfast Bar </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-built-in-features-interior/"> Built-in Features </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-cable-tv-interior/"> Cable TV </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-closet-cabinetry-interior/"> Closet Cabinetry </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-coffered-ceilings-interior/"> Coffered Ceiling(s) </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-dual-sinks-interior/"> Dual Sinks </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-eat-in-kitchen-interior/"> Eat-in Kitchen </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-entrance-foyer-interior/"> Entrance Foyer </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-familydining-room-interior/"> Family/Dining Room </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-french-doorsatrium-doors-interior/"> French Door(s)/Atrium Door(s) </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-high-ceilings-interior/"> High Ceilings </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-high-speed-internet-interior/"> High Speed Internet </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-jetted-tub-interior/"> Jetted Tub </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-kitchen-island-interior/"> Kitchen Island </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-livingdining-room-interior/"> Living/Dining Room </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-main-level-primary-interior/"> Main Level Primary </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-pantry-interior/"> Pantry </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-separate-shower-interior/"> Separate Shower </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-separateformal-dining-room-interior/"> Separate/Formal Dining Room </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-sitting-area-in-primary-interior/"> Sitting Area in Primary </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-split-bedrooms-interior/"> Split Bedrooms </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-tray-ceilings-interior/"> Tray Ceiling(s) </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-window-treatments-interior/"> Window Treatments </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Calabria Homes by Exterior</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-none-exterior/"> None </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-patio-exterior/"> Patio </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-sprinklerirrigation-exterior/"> Sprinkler/Irrigation </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Calabria Homes by Community Type</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-condo-hotel-community-community-type/"> Condo Hotel Community </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-gated-community-type/"> Gated </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-golf-community-type/"> Golf </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-near-hotelmotel-community-type/"> Near Hotel/Motel </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-street-lights-community-type/"> Street Lights </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-tennis-courts-community-type/"> Tennis Court(s) </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Calabria Homes by Waterfront</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-lake-waterfront/"> Lake </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Calabria/homes-with-none-waterfront/"> None </a> </li> </ul> </div> </aside> </div> <section data-cy="footer-valuation" class="js-rg-anna-valuation-root" data-domain="www.realestatejw.com"></section> <footer class="flex flex-col items-center"> <div id="footer-links-wrapper" class="relative overflow-y-hidden transition-all duration-300 ease-out max-h-14 w-full flex mb-6 justify-center lg:items-center py-7 uppercase font-light text-sm text-black bg-off-white"> <button aria-label="open mobile footer navigation" class="js-footer-menu-toggle absolute right-6 top-4 lg:hidden flex text-sm rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray" aria-expanded="false"> <span class="sr-only">Open footer navigation menu</span> <!-- Icon when menu is closed. --> <!-- Heroicon name: menu Menu open: "hidden", Menu closed: "block" --> <svg class="js-footer-icons block h-6 w-6 rounded-none" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg> <!-- Icon when menu is open. --> <!-- Heroicon name: x Menu open: "block", Menu closed: "hidden" --> <svg class="js-footer-icons hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> <ul class="js-footer-menu hidden -my-7 lg:flex flex-col px-5 lg:flex-row w-full lg:px-0 opacity-0 lg:opacity-100 transition-opacity"> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/" >Home</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/search/advanced_search/" >Advanced Search</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/selling/" >Selling</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/buying/" >Buying</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/about/" >About Us</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/blog/" >Blog</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/featured/" >Featured Properties</a></li> </ul> </div> <div class="flex flex-col sm:flex-row w-full px-4 sm:px-9 xl:px-40"> <div class="flex flex-col w-full sm:w-6/12 lg:w-3/12"> <div class="text-sm text-left mb-6"><p> <img src="https://u.realgeeks.media/realestatejw/e522044f3716-65abe2f9_17d1_45d9_a576_280ad7e857fa_2.png"></img> JW Real Estate<br> 28 NE 19th Ct. Cape Coral FL, 33909<br> +12397708786<br> DRE#: BK3419858<br> </p> <p style="margin-bottom:0;margin-top:10px;"> </p> <p> © All Rights Reserved </p> </div> </div> <ul class="w-full sm:w-6/12 lg:w-9/12 grid auto-rows-min grid-cols-2 lg:grid-cols-4 gap-y-2 lg:gap-x-6 w-full lg:px-20 mb-7 text-sm text-dark-gray"> <li><a href="/listings/city/Cape-Coral/" >Cape Coral</a></li> <li><a href="/listings/development/Cape-Harbour/" >Cape Harbour</a></li> <li><a href="/listings/city/Lehigh-Acres/" >Lehigh Acres</a></li> <li><a href="/listings/city/Estero/" >Estero</a></li> <li><a href="/listings/development/Gateway/" >Gateway</a></li> <li><a href="/listings/city/Matlacha/" >Matlacha</a></li> <li><a href="/listings/city/Babcock-Ranch/" >Babcock Ranch</a></li> <li><a href="/listings/city/Fort-Myers/" >Fort Myers</a></li> <li><a href="/listings/city/Naples/" >Naples</a></li> <li><a href="/listings/city/Bonita-Springs/" >Bonita Springs</a></li> <li><a href="/listings/city/Sanibel/" >Sanibel</a></li> <li><a href="/listings/city/Captiva/" >Captiva</a></li> <li><a href="/listings/development/Pine-Island/" >Pine Island</a></li> </ul> </div> <div class="text-sm py-4 px-4 sm:px-9 xl:px-40 space-x-2 bg-rg-footer w-full flex justify-between md:justify-start items-center"> <div class="flex flex-col sm:flex-row items-center"> <a class="text-black mr-2" href="https://www.realgeeks.com/?utm_campaign=client%20site%20ref&utm_source=client%20site%20referral&utm_content=www.realestatejw.com&utm_medium=referral"> <span>IDX Site Powered by</span> </a> <a href="https://www.realgeeks.com/?utm_campaign=client%20site%20ref&utm_source=client%20site%20referral&utm_content=www.realestatejw.com&utm_medium=referral"> <noscript class="loading-lazy"> <img class="h-7" src="https://cdn.realgeeks.com/static/designs/img/real-geeks-logo.svg" alt="Real Geeks" loading="lazy" height="28" width="128" /> </noscript> </a> <span class="ml-0 whitespace-nowrap">, an <a href="/technologies/">FNF RE Tech Company</a></span> </div> <a class="text-black" href="/rg-accessibility">Accessibility</a> <a class="text-black" href="/rg-terms">Terms</a> <a class="text-black" href="/rg-privacy">Privacy</a> </div> </footer> <script type="text/javascript" src="https://cdn.realgeeks.com/static/CACHE/js/a44d0a664058.js" defer></script> <div id="gobbla" class="fixed bottom-0 right-0 z-10"></div> <div id="modal-container"></div> </body> </html>