</ 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/Sanibel-Arms/Homes-with-High-Speed-Internet-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/Sanibel-Arms/Homes-with-High-Speed-Internet-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/Sanibel-Arms/Homes-with-High-Speed-Internet-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/Sanibel-Arms/Homes-with-High-Speed-Internet-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/Sanibel-Arms/Homes-with-High-Speed-Internet-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">Sanibel Arms Homes with High Speed Internet 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="Sanibel Arms Homes with High Speed Internet Interior">Sanibel Arms Homes with High Speed Internet Interior</h1> <p>Welcome to Sanibel Arms, a stunning real estate development nestled in the heart of Sanibel, Florida. Known for its pristine beaches and lush natural landscapes, Sanibel offers a unique blend of tranquility and vibrant coastal living. Sanibel Arms is perfectly positioned to provide residents with easy access to the best that this enchanting island has to offer.</p> <p>The development features a collection of beautifully designed homes, each thoughtfully crafted to embrace the island's charm while incorporating modern amenities. One of the standout features of Sanibel Arms is the availability of high-speed internet, ensuring that residents can stay connected while enjoying the serene beauty of their surroundings. Whether you are working from home, streaming your favorite shows, or simply staying in touch with loved ones, you can do so with ease and reliability.</p> <p>Inside, the homes boast spacious layouts filled with natural light, contemporary finishes, and cozy living spaces that invite relaxation. Each unit is designed to maximize comfort and functionality, making it an ideal retreat after a long day spent exploring Sanibel's breathtaking beaches or indulging in the local culinary scene.</p> <p>Sanibel Arms is not just a place to live; it’s a lifestyle choice. With nearby parks, nature trails, and a community that values sustainability, residents can enjoy outdoor adventures and a strong sense of community. Embrace the island life at Sanibel Arms, where your dream home awaits amidst the beauty of Florida’s Gulf Coast. Come and discover the perfect blend of comfort, connectivity, and coastal 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 Sanibel Arms Homes with High Speed Internet 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/2026020344/"> <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/42426aadffe2bf8daeb27e2dfb336204.jpg?width=422&height=336&aspect_ratio=422:336" alt="805 E Gulf Drive Unit B4, Sanibel" 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/42426aadffe2bf8daeb27e2dfb336204.jpg?width=422&height=208&aspect_ratio=422:208" alt="805 E Gulf Drive Unit B4, Sanibel" 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">$330,000</span> </span> <div class="w-full text-sm "> <div class="mb-1 truncate"> <span class="font-bold text-black">1</span> Beds <span class="text-lg mx-1.5 leading-none">⋅</span> <span class="font-bold text-black">1</span> Baths <span class="text-lg mx-1.5 leading-none">⋅</span> <span class="font-bold text-black">2026020344</span> MLS </div> </div> <span class="truncate text-xs xl:text-sm py-2">Totally rebuild one bedroom, one bathroom condo at Sanibel Arms on Sanibel's desirable East End. Beachfront complex with weekly rentals allowed. One of only 4 one bedroom units at Sanibel Arms with a private lanai. Tile floors throughout, tiled bathroom, quartz countertops in kitchen and bathroom. Stainless Steel appliances. All impact windows and glass sliding doors. End unit has 3 additional windows as compared to the other one bedroom units at Sanibel Arms. Unit did NOT flood during Helene or Milton; the unit is partly elevated from street level. Laundry hookup in unit. Sanibel Arms offers beach access, a community pool, boat docking, clubhouse and storage.</span> <div class="flex w-full justify-between items-center"> <div class="text-xs w-40 h-full"> <p>805 E Gulf Drive Unit B4, Sanibel</p> </div> <div class="-mr-2"> <button class="js-favorite-button text-palette-brand-color p-2" data-is-favorite="False" data-property-id="69f8d58de30db4dec39294fb" 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/my2/" 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 Sanibel Arms Home Values</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/home-values/"> Sanibel Arms 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 Sanibel Arms 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/Sanibel-Arms/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 Sanibel Arms 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/Sanibel-Arms/homes-with-n-rear-exposure/"> N </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 Sanibel Arms Homes by Interior</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/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/Sanibel-Arms/homes-with-breakfast-bar-interior/"> Breakfast Bar </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/homes-with-cable-tv-interior/"> Cable TV </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/homes-with-high-speed-internet-interior/"> High Speed Internet </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/homes-with-livingdining-room-interior/"> Living/Dining Room </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/homes-with-separate-shower-interior/"> Separate Shower </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/homes-with-shower-only-interior/"> Shower Only </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/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 Sanibel Arms Homes by Exterior</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/homes-with-fruit-trees-exterior/"> Fruit Trees </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/homes-with-outdoor-grill-exterior/"> Outdoor Grill </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/homes-with-securityhigh-impact-doors-exterior/"> Security/High Impact Doors </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/homes-with-storage-exterior/"> Storage </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 Sanibel Arms 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/Sanibel-Arms/homes-with-non-gated-community-type/"> Non-Gated </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 Sanibel Arms Homes by Waterfront</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Sanibel-Arms/homes-with-canal-access-waterfront/"> Canal Access </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>