</ 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/St-Regis-Club/Homes-with-Split-Bedrooms-Interior/" 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/St-Regis-Club/Homes-with-Split-Bedrooms-Interior/" 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/St-Regis-Club/Homes-with-Split-Bedrooms-Interior/" 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/St-Regis-Club/Homes-with-Split-Bedrooms-Interior/" 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/St-Regis-Club/Homes-with-Split-Bedrooms-Interior/" 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">St Regis Club Homes with Split Bedrooms Interior</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="St Regis Club Homes with Split Bedrooms Interior">St Regis Club Homes with Split Bedrooms Interior</h1> <p>Welcome to the St. Regis Club in beautiful Naples, Florida, where luxury meets comfort in the heart of Collier County. Nestled amidst the stunning landscapes of this coastal paradise, St. Regis Club offers a unique blend of sophistication and relaxation, making it the perfect place to call home.</p> <p>The St. Regis Club features exquisite homes designed with a modern flair, showcasing the highly sought-after split bedroom layout. This thoughtful design maximizes privacy and space, making it ideal for families and guests alike. Each residence is crafted with high-end finishes and an abundance of natural light, creating a warm and inviting atmosphere. Spacious living areas seamlessly flow into gourmet kitchens, perfect for entertaining or enjoying quiet evenings at home.</p> <p>Residents of St. Regis Club enjoy access to a variety of upscale amenities, including a sparkling pool, state-of-the-art fitness center, and beautifully landscaped gardens. The community fosters a vibrant lifestyle, with social events and activities that encourage neighbors to connect and build lasting friendships. </p> <p>Located just minutes from Naples’ pristine beaches, world-class dining, and high-end shopping, St. Regis Club offers the ultimate Florida lifestyle. Whether you're looking to relax by the beach, indulge in gourmet cuisine, or explore the vibrant local culture, everything you desire is just a stone's throw away.</p> <p>Discover the elegance and charm of St. Regis Club in Naples, where your dream home awaits. Experience the perfect blend of luxury and comfort in this idyllic community, and make every day a vacation.</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 St Regis Club Homes with Split Bedrooms Interior</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/226020217/"> <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/4e5b9907879492e2d73b1d8aaa98e867.jpg?width=422&height=336&aspect_ratio=422:336" alt="780 Augusta Boulevard Unit C104, 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/4e5b9907879492e2d73b1d8aaa98e867.jpg?width=422&height=208&aspect_ratio=422:208" alt="780 Augusta Boulevard Unit C104, 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">$309,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">2</span> Baths <span class="text-lg mx-1.5 leading-none">⋅</span> <span class="font-bold text-black">226020217</span> MLS </div> </div> <span class="truncate text-xs xl:text-sm py-2">This beautifully remodeled first-floor end-unit condo offers three true bedrooms and an exceptional combination of comfort, style, and versatility. The split-bedroom floor plan provides privacy for guests, with two guest bedrooms sharing a fully updated bath featuring a newer tub/shower combination and modern vanity. Both guest rooms showcase attractive wood flooring and tasteful décor, while the third bedroom is currently utilized as a flexible den/office/bedroom space. The updated kitchen features granite countertops, a stylish tiled backsplash, stainless steel appliances, and a cozy breakfast nook—perfect for enjoying your morning coffee. The spacious great room easily accommodates both living and dining areas and opens to the lanai, where you’ll enjoy fantastic golf course views. The primary suite offers a large walk-in closet and an updated en-suite bath complete with a new vanity, mirror, faucets, and frameless glass shower door. Both the primary bedroom and living room enjoy sweeping golf course vistas. Ideally located just minutes from wonderful downtown Naples and some of Southwest Florida’s most beautiful beaches, this condo offers the perfect blend of convenience, relaxation, and Florida lifestyle living.</span> <div class="flex w-full justify-between items-center"> <div class="text-xs w-40 h-full"> <p>780 Augusta Boulevard Unit C104, 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="6a0dc3855d1e6478ca4e820f" 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/14hc/" 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 St Regis Club Home Values</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/home-values/"> St Regis Club 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 St Regis Club 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/St-Regis-Club/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 St Regis Club 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/St-Regis-Club/homes-with-e-rear-exposure/"> E </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 St Regis Club Homes by Interior</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/homes-with-cable-tv-interior/"> Cable TV </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/homes-with-eat-in-kitchen-interior/"> Eat-in Kitchen </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/homes-with-main-level-primary-interior/"> Main Level Primary </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/homes-with-pantry-interior/"> Pantry </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/homes-with-separate-shower-interior/"> Separate Shower </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/homes-with-shower-only-interior/"> Shower Only </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/homes-with-split-bedrooms-interior/"> Split Bedrooms </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 St Regis Club Homes by Exterior</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/homes-with-shutters-manual-exterior/"> Shutters Manual </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/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 St Regis Club 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/St-Regis-Club/homes-with-non-gated-community-type/"> Non-Gated </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/homes-with-street-lights-community-type/"> Street Lights </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 St Regis Club Homes by Waterfront</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/St-Regis-Club/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>