</ 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/La-Scala-At-The-Colony/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/La-Scala-At-The-Colony/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/La-Scala-At-The-Colony/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/La-Scala-At-The-Colony/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/La-Scala-At-The-Colony/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">La Scala At The Colony 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="La Scala At The Colony Homes with Patio Exterior">La Scala At The Colony Homes with Patio Exterior</h1> <p>Welcome to La Scala at The Colony, an exquisite community nestled in the heart of Bonita Springs, Florida. This stunning development is a true gem in Lee County, offering residents a luxurious lifestyle surrounded by natural beauty and upscale amenities. La Scala is designed for those who appreciate the finer things in life, combining elegance with comfort in a picturesque setting.</p> <p>Each home in La Scala boasts a beautiful patio exterior, perfect for enjoying Florida's warm sunshine and gentle breezes. These outdoor spaces are ideal for entertaining guests, relaxing with a good book, or simply soaking in the serene surroundings. Imagine sipping your morning coffee on your private patio while basking in the glow of a vibrant sunrise, or hosting memorable gatherings under the stars with friends and family.</p> <p>La Scala at The Colony offers a variety of thoughtfully designed floor plans that cater to diverse lifestyles. From cozy retreats to spacious family homes, each residence is crafted with attention to detail and high-quality finishes. The community is conveniently located near pristine beaches, world-class shopping, and gourmet dining options, ensuring that everything you need is just moments away.</p> <p>Residents of La Scala also enjoy access to a wealth of amenities, including a luxurious clubhouse, resort-style pool, and lush walking trails. With its ideal location and exceptional features, La Scala at The Colony is not just a place to live—it's a lifestyle. Discover your dream home in this enchanting community and experience the best that Bonita Springs has to offer!</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 La Scala At The Colony 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/225081735/"> <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/dd0273073313c5c261e804b4c837c8bf.jpg?width=422&height=336&aspect_ratio=422:336" alt="5051 Pelican Colony Boulevard Unit 304, Bonita Springs" 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/dd0273073313c5c261e804b4c837c8bf.jpg?width=422&height=208&aspect_ratio=422:208" alt="5051 Pelican Colony Boulevard Unit 304, Bonita Springs" 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">$2,400,000</span> </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">4</span> Baths <span class="text-lg mx-1.5 leading-none">⋅</span> <span class="font-bold text-black">225081735</span> MLS </div> </div> <span class="truncate text-xs xl:text-sm py-2">This impeccably renovated residence exemplifies modern luxury at its finest, where every element has been deliberately curated to achieve an atmosphere of understated elegance. Clean architectural lines, premium materials, and exquisite finishes harmonize to create a refined contemporary sanctuary. The culinary space is a masterclass in design and performance, outfitted with top-tier appliances and bespoke cabinetry. Whether hosting an intimate dinner or preparing a simple breakfast, the kitchen delivers both aesthetic beauty and flawless functionality. Expansive outdoor living areas blur the distinction between indoors and out, offering idyllic settings for al fresco dining, morning coffee, or savoring the coastal breeze. These generous terraces elevate daily living with a sense of tranquility and openness. Thoughtfully designed with pet-friendly accommodations, the residence provides ample comfort for your four-legged companions, complemented by community policies that ensure ease and peace of mind. The flowing floor plan also invites personalization, allowing for custom furnishings and distinctive design elements that reflect your individual aesthetic. La Scala enhances this elevated lifestyle with an array of sophisticated amenities, including a dramatic two-story Grand Salon, refined billiards room, stately board room, private theater, and an elegant library. A state-of-the-art fitness center, resort-style pool, and rejuvenating spa cater to wellness and leisure, while 24-hour staffed front desk service offers security, convenience, and an unparalleled level of hospitality. Residents further enjoy the exclusive privileges of The Colony Golf & Bay Club, from the iconic Bay Club dining experience to private access to a pristine 34-acre island beach park. La Scala stands as a pinnacle of coastal sophistication—where architectural beauty, world-class amenities, and effortless luxury converge to create an incomparable living experience.</span> <div class="flex w-full justify-between items-center"> <div class="text-xs w-40 h-full"> <p>5051 Pelican Colony Boulevard Unit 304, Bonita Springs</p> </div> <div class="-mr-2"> <button class="js-favorite-button text-palette-brand-color p-2" data-is-favorite="False" data-property-id="692e4c65c8b40ed4b8d854dc" 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/8qn/" 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 La Scala At The Colony Home Values</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/home-values/"> La Scala At The Colony 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 La Scala At The Colony 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/La-Scala-At-The-Colony/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 La Scala At The Colony 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/La-Scala-At-The-Colony/homes-with-sw-rear-exposure/"> SW </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/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 La Scala At The Colony Homes by Interior</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-bar-interior/"> Bar </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-bathtub-interior/"> Bathtub </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-bidet-interior/"> Bidet </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-breakfast-area-interior/"> Breakfast Area </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-breakfast-bar-interior/"> Breakfast Bar </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-built-in-features-interior/"> Built-in Features </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-cable-tv-interior/"> Cable TV </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-closet-cabinetry-interior/"> Closet Cabinetry </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-custom-mirrors-interior/"> Custom Mirrors </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-dual-sinks-interior/"> Dual Sinks </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-eat-in-kitchen-interior/"> Eat-in Kitchen </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-entrance-foyer-interior/"> Entrance Foyer </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-high-speed-internet-interior/"> High Speed Internet </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-jetted-tub-interior/"> Jetted Tub </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-kitchen-island-interior/"> Kitchen Island </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-livingdining-room-interior/"> Living/Dining Room </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-multiple-shower-heads-interior/"> Multiple Shower Heads </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-pantry-interior/"> Pantry </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-separate-shower-interior/"> Separate Shower </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-shower-only-interior/"> Shower Only </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-split-bedrooms-interior/"> Split Bedrooms </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-tray-ceilings-interior/"> Tray Ceiling(s) </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-walk-in-closets-interior/"> Walk-In Closet(s) </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-wet-bar-interior/"> Wet Bar </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/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 La Scala At The Colony Homes by Exterior</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-outdoor-shower-exterior/"> Outdoor Shower </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-patio-exterior/"> Patio </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-shutters-electric-exterior/"> Shutters Electric </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-water-feature-exterior/"> Water Feature </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 La Scala At The Colony 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/La-Scala-At-The-Colony/homes-with-elevator-community-type/"> Elevator </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-gated-community-type/"> Gated </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-golf-community-type/"> Golf </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-street-lights-community-type/"> Street Lights </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/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 La Scala At The Colony Homes by Waterfront</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/homes-with-mangrove-waterfront/"> Mangrove </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/La-Scala-At-The-Colony/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>