< /iframe></noscript> <!-- End Google Tag Manager (noscript) --> <style>a#skip-nav{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}a#skip-nav:focus,a#skip-nav:active{position:fixed;bottom:10px;left:10px;width:auto;height:auto;text-decoration:underline;background:white;padding:5px 20px 10px;z-index:100000}</style> <a id="skip-nav" href="#main-content">Skip to main content</a> <nav id="ysi-mobile-navbar" aria-label="main navigation" class="ysi-navbar-mobile navbar w-100 d-lg-none py-2 navbar-light bg-white" style="width: 100%; "> <button id="nav-btn" class="navbar-toggler collapsed " style=" " type="button" data-toggle="collapse" data-target="#navbarMobileCollapse" aria-controls="navbarMobileCollapse" aria-expanded="false" aria-label="Toggle navigation" aria-haspopup="true"> <svg class="ysi-svg-icon ysi-svg-icon-bars" width="1em" height="1em" viewBox="0 0 256 256"><path d="m 24,66 h 208 c 4,0 8,-4 8,-8 V 38 c 0,-4 -4,-8 -8,-8 H 24 c -4,0 -8,4 -8,8 v 20 c 0,4 4,8 8,8 z m 0,80 h 208 c 4,0 8,-4 8,-8 v -20 c 0,-4 -4,-8 -8,-8 H 24 c -4,0 -8,4 -8,8 v 20 c 0,4 4,8 8,8 z m 0,80 h 208 c 4,0 8,-4 8,-8 v -20 c 0,-4 -4,-8 -8,-8 H 24 c -4,0 -8,4 -8,8 v 20 c 0,4 4,8 8,8 z" /></svg> <svg class="ysi-svg-icon ysi-svg-icon-times" width="1em" height="1em" viewBox="0 0 256 256"><rect transform="rotate(45, 128, 128)" width="244" height="44.8" x="6" y="108" rx="12" ry="12"></rect><rect transform="rotate(-45, 128, 128)" width="244" height="44.8" x="6" y="108" rx="12" ry="12"></rect></svg> </button> <div class="navbar-right pr-2"> <div class="dropdown ysi-login-link-widget ysi-login-dropdown d-inline" style="max-width: max-content;"> <a data-selenium-id="loginlinks" class="dropdown-toggle color-inherit text-decoration-none text-dark " href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=""> <svg class="ysi-svg-icon ysi-svg-icon-user" width="1em" height="1em" viewBox="0 0 256 256"><path d="m 128,128 c 35.35,0 64,-28.7 64,-64 C 192,28.7 163.4,0 128,0 92.7,0 64,28.7 64,64 c 0,35.4 28.65,64 64,64 z m 44.8,16 h -8.4 c -11.1,5.1 -23.5,8 -36.5,8 -13,0 -25.3,-2.9 -36.5,-8 H 83.2 C 46.1,144 16,174.1 16,211.2 V 232 c 0,13.3 10.8,24 24,24 h 176 c 13.3,0 24,-10.8 24,-24 V 211.2 C 240,174.1 209.9,144 172.8,144 Z" /></svg> <span class="sr-only">Login</span> </a> <div class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-list list-unstyled mb-0"> <li> <a data-selenium-id="residentlogin" class="dropdown-item track-resident-login" href="https://tranceterraces-thecafesandbox.securecafe.com/residentservices/trance-terraces/userlogin.aspx?dropdownlangid=999" rel="noopener" target="_Blank"> Resident <span class="sr-only">Login Opens in a new tab</span> </a> </li> <li> <a data-selenium-id="applicantlogin" class="dropdown-item track-applicant-login" href="https://tranceterraces-thecafesandbox.securecafe.com/onlineleasing/trance-terraces/guestlogin.aspx?dropdownlangid=999" rel="noopener" target="_Blank"> Applicant <span class="sr-only">Login Opens in a new tab</span> </a> </li> </ul> </div> </div> <style>.mobile-only .click-to-call{display:none}</style> <div class="ysi-phone-widget ysi-phone-wrapper mobile-only d-inline ml-2 text-dark"> <div class="d-inline-flex"> <a data-selenium-id="click_to_call" onclick="fireGaPhone()" href="tel:(919) 123-6745" class="ysi-phone-number click-to-call-href color-inherit " data-selenium-id="click-to-call"> <svg class="ysi-svg-icon mobile-phone-icon" width="1em" height="1em" viewBox="0 0 256 256"><path d="M 9.3,12.3 61.3,0.3 c 5.6,-1.3 11.5,1.6 13.7,6.9 L 99,63.3 c 2.1,4.9 0.7,10.6 -3.4,14 L 65.3,102 c 18,38.3 49.4,70.2 88.6,88.6 l 24.8,-30.3 c 3.4,-4.1 9.1,-5.5 14,-3.4 l 56,24 c 5.3,2.3 8.3,8.1 7,13.8 L 243.7,246.7 C 242.4,252.1 237.6,256 232,256 103.9,256 0,152.3 0,24 0,18.4 3.8,13.6 9.3,12.3 Z" /></svg> <span class="sr-only">Phone Number</span> <span class="click-to-call">(919) 123-6745</span> </a> </div> </div> <script> function fireGaPhone() { if (typeof gtag != 'undefined') { var myPage = location.pathname.replace("/", ""); if (myPage == "") { myPage = "index"; } if (false ) { var propertyName = document.querySelector('meta[name="author"]').content; gtag('event', 'phone_call', { 'property_name': propertyName, 'page_name': document.title, 'page_url': window.location.href, 'header_phone_number': '(919) 123-6745'}); } gtag('event', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); gtag('rc.send', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); } } </script> </div> <div class="collapse navbar-collapse" id="navbarMobileCollapse"> <ul class="nav navbar-nav pt-3 custom-scroll"> <li class="nav-item"> <a data-selenium-id="mobile_indexaspx_MenuLink" href="/" class="nav-link" > Home </a> </li> <li class="nav-item"> <a data-selenium-id="mobile_amenitiesaspx_MenuLink" href="/amenities" class="nav-link" > Amenities </a> </li> <li class="nav-item active"> <a data-selenium-id="mobile_floorplansaspx_MenuLink" href="/floorplans" aria-current=page class="nav-link" > Floorplans </a> </li> <li class="nav-item"> <a data-selenium-id="mobile_photogalleryaspx_MenuLink" href="/photogallery" class="nav-link" > Pictures </a> </li> <li class="nav-item"> <a data-selenium-id="mobile_mapsanddirectionsaspx_MenuLink" href="/mapsanddirections" class="nav-link" > Maps and Directions </a> </li> <li class="nav-item"> <a data-selenium-id="mobile_propertysiteratingsaspx_MenuLink" href="/propertysiteratings" class="nav-link" > Reviews </a> </li> <li class="dropdown nav-item show"> <a id="navbar-dropdown-menu-mobile-1" href="#" data-selenium-id="contactusaspx_MenuLink" class="nav-link dropdown-toggle" role="button" aria-haspopup="true">Reach Out</a> <ul class="dropdown-menu show" aria-labelledby="navbar-dropdown-menu-mobile-1"> <li class=""> <a class="dropdown-item" data-selenium-id="mobile_contactusaspx_ActualMenuLink" href="/contactus" > Reach Out </a> </li> <li class=""> <a class="dropdown-item" data-selenium-id="mobile_scheduletouraspx_MenuLink" href="/scheduletour" > Schedule Your Tour! </a> </li> </ul> </li> <li class="nav-item"> <a data-selenium-id="mobile_sisterpropertiesdetailedviewaspx_MenuLink" href="/sisterpropertiesdetailedview" class="nav-link" > Sister </a> </li> </ul> </div> </nav> <script> window.addEventListener("load", () => { document.querySelectorAll('button.navbar-toggler[aria-expanded]').forEach((hamburger) => { const update = () => { hamburger.setAttribute( "aria-label", hamburger.getAttribute("aria-expanded") === "true" ? "Close navigation" : "Toggle navigation" ); }; update(); new MutationObserver(update).observe(hamburger, { attributes: true, attributeFilter: ["aria-expanded"], }); }); }); </script> <header class="mt-lg-4 mt-md-5 mt-4 pt-md-0 pt-4 px-lg-3 se-custom-bgcolor container-fluid p-0 ysi-row header box-shadow fixed-top z-index-5 bg-transform" style="background-color:rgba(255, 255, 255, .85) !important"><div class="row no-gutters"> <div class="justify-content-center justify-content-lg-start align-items-center flex-row d-flex text-center text-lg-left col-12 col-lg-2"><div class='ysi-logo-widget ysi-logo-wrapper pr-lg-3 p-2 p-lg-0'><a href="/" class="d-inline-block"><picture id="logo348"> <source media="(min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 992px) and (min-resolution: 2dppx)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_fit,w_165,h_70,dpr_2/s3/3/624396/1dc2_imperial_logo_dd.jpg 2x"><source media="(min-width: 992px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_165,h_70/s3/3/624396/1dc2_imperial_logo_dd.jpg"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_fit,w_165,h_70,dpr_2/s3/3/624396/1dc2_imperial_logo_dd.jpg 2x"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_165,h_70/s3/3/624396/1dc2_imperial_logo_dd.jpg" class="d-inline-block img-fluid" alt="Trance Terraces" title="Imperial"> </picture> </a></div> </div> <div class="justify-content-center align-items-center flex-row d-none d-lg-flex text-center col-12 col-lg-9"> <style> #navbarCollapse .nav.navbar-nav { background-color: inherit; } </style> <nav id="ysi-navbar" aria-label="main navigation" class="ysi-navbar navbar navbar-expand text-uppercase font-weight-bold navbar-light" style=""> <div class="navbar-collapse collapse navbar-z-index " style="width: 100%; " id="navbarCollapse"> <ul class="nav navbar-nav mx-auto "> <li class="nav-item"> <a data-selenium-id="indexaspx_MenuLink" href="/" class="nav-link"> Home </a> </li> <li class="nav-item"> <a data-selenium-id="amenitiesaspx_MenuLink" href="/amenities" class="nav-link"> Amenities </a> </li> <li class="nav-item active"> <a data-selenium-id="floorplansaspx_MenuLink" href="/floorplans" aria-current="page" class="nav-link"> Floorplans </a> </li> <li class="nav-item"> <a data-selenium-id="photogalleryaspx_MenuLink" href="/photogallery" class="nav-link"> Pictures </a> </li> <li class="nav-item"> <a data-selenium-id="mapsanddirectionsaspx_MenuLink" href="/mapsanddirections" class="nav-link"> Maps and Directions </a> </li> <li class="nav-item"> <a data-selenium-id="propertysiteratingsaspx_MenuLink" href="/propertysiteratings" class="nav-link"> Reviews </a> </li> <li class="dropdown nav-item"> <a id="navbar-dropdown-menu-1" data-selenium-id="contactusaspx_MenuLink" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Reach Out </a> <!-- Submenu items --> <ul class="dropdown-menu" aria-labelledby="navbar-dropdown-menu-1"> <li class=""> <a class="dropdown-item" data-selenium-id="contactusaspx_ActualMenuLink" href="/contactus"> Reach Out </a> </li> <li class=""> <a class="dropdown-item" data-selenium-id="scheduletouraspx_MenuLink" href="/scheduletour"> Schedule Your Tour! </a> </li> </ul> <!-- END: Submenu items --> </li> <li class="nav-item"> <a data-selenium-id="sisterpropertiesdetailedviewaspx_MenuLink" href="/sisterpropertiesdetailedview" class="nav-link"> Sister </a> </li> </ul> </div> </nav> <script> window.addEventListener("load", () => { document.querySelectorAll('button.navbar-toggler[aria-expanded]').forEach((hamburger) => { const update = () => { hamburger.setAttribute( "aria-label", hamburger.getAttribute("aria-expanded") === "true" ? "Close navigation" : "Toggle navigation" ); }; update(); new MutationObserver(update).observe(hamburger, { attributes: true, attributeFilter: ["aria-expanded"], }); }); }); </script> </div> <div class="justify-content-end align-items-center flex-row d-none d-lg-flex text-right col-12 col-lg-1"> <div class="dropdown ysi-login-link-widget ysi-login-dropdown text-uppercase font-weight-bold" style="max-width: max-content;"> <a data-selenium-id="loginlinks" class="dropdown-toggle btn text-body " style="" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span aria-hidden="true" class="fas fa-user mr-1"></span> <span>Login</span> </a> <div class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-list list-unstyled mb-0"> <li> <a data-selenium-id="residentlogin" class="dropdown-item track-resident-login" href="https://tranceterraces-thecafesandbox.securecafe.com/residentservices/trance-terraces/userlogin.aspx?dropdownlangid=999" rel="noopener" target="_Blank"> Resident <span class="sr-only">Login Opens in a new tab</span> </a> </li> <li> <a data-selenium-id="applicantlogin" class="dropdown-item track-applicant-login" href="https://tranceterraces-thecafesandbox.securecafe.com/onlineleasing/trance-terraces/guestlogin.aspx?dropdownlangid=999" rel="noopener" target="_Blank"> Applicant <span class="sr-only">Login Opens in a new tab</span> </a> </li> </ul> </div> </div> </div> </div></header> <div style="background-color:#29304d !important" class="overlay border-secondary border-5 border-bottom center-center repeat pb-5 pt-7 py-lg-5 text-white se-custom-bgcolor" data-ysi-lazyload="url('https://resource.rentcafe.com/image/upload/q_auto,f_auto/s3/themes/miera/images/bg-pattern.png')"><div class="container-fluid"><div class="row"> <div class="justify-content-center align-items-center flex-column d-flex text-center col-12"> <div class="font-stylized h2 text-shadow-1 mt-0 mt-lg-7">ENJOY THE LIFE OF LUXURY</div> <style>.mobile-only .click-to-call{display:none}</style> <div class="ysi-phone-widget ysi-phone-wrapper text-white text-lg font-weight-normal"> <div class="d-inline-flex"> <a data-selenium-id="click_to_call" onclick="fireGaPhone()" href="tel:(919) 123-6745" class="ysi-phone-number click-to-call-href text-decoration-none color-inherit " data-selenium-id="click-to-call"> <span aria-hidden="true" class="fa-flip-horizontal fa fa-phone"></span> <span class="sr-only">Phone Number</span> <span data-selenium-id="click_to_call_span" class="click-to-call ml-2 text-underline">(919) 123-6745</span> </a> </div> </div> <script> function fireGaPhone() { if (typeof gtag != 'undefined') { var myPage = location.pathname.replace("/", ""); if (myPage == "") { myPage = "index"; } if (false ) { var propertyName = document.querySelector('meta[name="author"]').content; gtag('event', 'phone_call', { 'property_name': propertyName, 'page_name': document.title, 'page_url': window.location.href, 'header_phone_number': '(919) 123-6745'}); } gtag('event', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); gtag('rc.send', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); } } </script> </div> </div></div></div> <main id="main-content"> <div class="bg-white"><div class="container"><div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left py-4 py-md-5 col-12"> <div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left col-12"></div> </div> <div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left col-12"><h1 class="text-uppercase" data-selenium-id="SID_h1Tag">Floor Plans</h1></div> </div> <div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left col-12"> <div class="row"> <div class="col-12 mb-3" data-selenium-id="FloorplansTopNarrative"> company level page narrative - top </div> </div> <div class="row"> <div class="col-12 page-content-floorplans floorplans-layout-tab"> <div id="fp-container"> <!-- Optimized Floor Plans Layout Start --> <div class="page-content-floorplans optimized mt-3 pagebreak-before"> <!-- views menu --> <div class="tab-content"> <div class="tab-pane fade show active" id="gridView"> <!-- START: filters --> <div id="floorplans-filter" class="border-bottom mb-5"> <form class="form-row row" id="aptsearch" method="post" action="/availableunits"> <input type="hidden" id="request-verification-token" name="request-verification-token" value="CfDJ8CtwjdPBESBMu9DVKc5_ZZ2YQZVXyvYUhQH4OxRd9U73qYhtFc2QRAmC9Xb6XPbQNJlm3FH0Y6wNhh9HDt2zAwLtnCJ3RcI162kCFU-o-z4dPpoM4XtErmnxtKitlAEkrDeeNgDmEkryc42RQHO_F6E"> <!-- Beds dropdown --> <div class="form-group col-6 col-sm-6 col-md"> <div id="beds-dropdown" class="dropdown floating-label floating-label-sm"> <button class="btn btn-sm dropdown-toggle pr-5" type="button" id="beds-dropdown-toggle" data-toggle="dropdown" data-persist="true" aria-expanded="false"> <span>Bedrooms</span> </button> <div class="p-3 dropdown-menu text-sm" aria-labelledby="beds-dropdown-toggle"> <div class="checkbox"> <input id="1-beds-checkbox" type="checkbox" value="1" name="bedrooms" class="beds-checkbox mr-2"> <label for="1-beds-checkbox"> 1 Bedroom </label> </div> <div class="checkbox"> <input id="2-beds-checkbox" type="checkbox" value="2" name="bedrooms" class="beds-checkbox mr-2"> <label for="2-beds-checkbox"> 2 Bedrooms </label> </div> <div class="checkbox"> <input id="3-beds-checkbox" type="checkbox" value="3" name="bedrooms" class="beds-checkbox mr-2"> <label for="3-beds-checkbox"> 3 Bedrooms </label> </div> <div> <button id="beds-clear" type="button" class="float-left d-none btn btn-link font-base text-muted text-capitalize btn-sm">Clear</button> <button id="beds-done" type="button" class="float-right btn btn-link font-base text-black text-capitalize btn-sm">Done</button> </div> </div> </div> </div> <!-- Baths dropdown --> <div class="form-group col-6 col-sm-6 col-md"> <div id="baths-dropdown" class="dropdown floating-label floating-label-sm"> <button class="btn btn-sm dropdown-toggle pr-5" type="button" id="baths-dropdown-toggle" data-toggle="dropdown" data-persist="true" aria-expanded="false"> <span>Bathrooms</span> </button> <div class="p-3 dropdown-menu text-sm" aria-labelledby="baths-dropdown-toggle"> <div class="checkbox"> <input id="1-baths-checkbox" type="checkbox" value="1" name="bathrooms" class="baths-checkbox mr-2"> <label for="1-baths-checkbox"> 1 Bathroom </label> </div> <div class="checkbox"> <input id="2-baths-checkbox" type="checkbox" value="2" name="bathrooms" class="baths-checkbox mr-2"> <label for="2-baths-checkbox"> 2 Bathrooms </label> </div> <div class="checkbox"> <input id="3-baths-checkbox" type="checkbox" value="3" name="bathrooms" class="baths-checkbox mr-2"> <label for="3-baths-checkbox"> 3 Bathrooms </label> </div> <div id="baths-error" class="dropdown-error"></div> <div> <button id="baths-clear" type="button" class="d-none float-left btn btn-sm btn-link font-base text-muted text-capitalize">Clear</button> <button id="baths-done" type="button" class="float-right btn btn-sm btn-link font-base text-black text-capitalize">Done</button> </div> </div> </div> </div> <!-- Unit size dropdown --> <div class="form-group col-6 col-sm-6 col-md"> <div id="unit-size-dropdown" class="dropdown floating-label floating-label-sm"> <button class="btn btn-sm dropdown-toggle pr-5" type="button" id="unit-size-dropdown-toggle" data-toggle="dropdown" data-persist="true" aria-expanded="false"> <span>Unit Size</span> </button> <div class="p-3 dropdown-menu dropdown-menu-right text-sm" aria-labelledby="unit-size-dropdown-toggle"> <div class="range"> <div class="field"> <div class="input-group-sm"> <div class="floating-label floating-label-sm"> <label for="min-unit-size">Min</label> <input aria-describedby="unit-size-error" aria-label="minimum square Feet" id="min-unit-size" class="form-control form-control-sm" name="min-unit-size" type="number" data-max="3000" data-min="450" data-arealabel="Sq. Ft." min="0" step="100" placeholder="Min"> </div> <div class="input-group-append"> <span class="input-group-text">Sq. Ft.</span> </div> </div> </div> <div class="p-2"> to </div> <div class="field"> <div class="input-group-sm"> <div class="floating-label floating-label-sm"> <label for="max-unit-size">Max</label> <input aria-describedby="unit-size-error" aria-label="maximum square Feet" id="max-unit-size" class="form-control form-control-sm" name="max-unit-size" type="number" data-max="3000" data-min="450" data-arealabel="Sq. Ft." min="0" step="100" placeholder="Max"> </div> <div class="input-group-append"> <span class="input-group-text">Sq. Ft.</span> </div> </div> </div> </div> <div id="unit-size-error" aria-hidden="true" class="dropdown-error"></div> <div> <button id="unit-size-clear" type="button" class="d-none float-left btn btn-sm btn-link font-base text-muted text-capitalize">Clear</button> <button id="unit-size-done" type="button" class="float-right btn btn-sm btn-link font-base text-black text-capitalize">Done</button> </div> </div> </div> </div> <!-- Rent dropdown --> <div class="form-group col-6 col-sm-6 col-md"> <div id="rent-dropdown" class="dropdown floating-label floating-label-sm" data-currency="$"> <button id="rent-dropdown-toggle" class="btn btn-sm dropdown-toggle pr-5" type="button" data-toggle="dropdown" data-persist="true" aria-expanded="false"> <span>Price Range </span> </button> <div class="p-3 dropdown-menu dropdown-menu-right text-sm" aria-labelledby="rent-dropdown-toggle"> <div class="range"> <div class="field"> <div class="input-group-sm"> <div class="input-group-prepend"> <span class="input-group-text">$</span> </div> <div class="floating-label floating-label-sm"> <label for="min-rent">Min</label> <input aria-describedby="rent-error" aria-label="Minimum Price" id="min-rent" class="form-control form-control-sm" name="min-rent" type="number" data-max="10000" data-min="679" min="0" step="100" placeholder="Min"> </div> </div> </div> <div class="p-2"> to </div> <div class="field"> <div class="input-group-sm"> <div class="input-group-prepend"> <span class="input-group-text">$</span> </div> <div class="floating-label floating-label-sm"> <label for="max-rent">Max</label> <input aria-describedby="rent-error" aria-label="Maximum Price" id="max-rent" class="form-control form-control-sm" name="max-rent" type="number" data-max="10000" data-min="679" min="0" step="100" placeholder="Max"> </div> </div> </div> </div> <div id="rent-error" aria-hidden="true" class="dropdown-error" role="alert"></div> <div> <button id="rent-clear" type="button" class="d-none float-left btn btn-sm btn-link font-base text-muted text-capitalize">Clear</button> <button id="rent-done" type="button" class="float-right btn btn-sm btn-link font-base text-black text-capitalize">Done</button> </div> </div> </div> </div> <!-- Move-in date --> <div class="form-group input-group col-6 col-sm-6 col-md filter-input floating-label floating-label-sm"> <label for="move-in-date">Move-In Date</label> <input type="text" class="form-control form-control-sm" id="move-in-date" name="move-in-date" value="" placeholder="M/d/yyyy"> <div class="input-group-append"> <button class="btn btn-light btn-sm border" id="move-in-date-button" type="button" aria-label="Open calendar"><span aria-hidden="true" class="fa fa-calendar text-muted"></span></button> </div> <input type="hidden" name="showAvailability" id="showAvailability" value="0"> </div> <!-- Apartment number --> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8CtwjdPBESBMu9DVKc5_ZZ2YQZVXyvYUhQH4OxRd9U73qYhtFc2QRAmC9Xb6XPbQNJlm3FH0Y6wNhh9HDt2zAwLtnCJ3RcI162kCFU-o-z4dPpoM4XtErmnxtKitlAEkrDeeNgDmEkryc42RQHO_F6E"></form> </div> <!-- END: filters --> <div id="floorplans-container" class="row align-items-stretch" role="alert" aria-live="assertive"> <!-- Hidden input for layout type (false = optimized) --> <input type="hidden" id="UseUpdatedFloorPlanLayout" name="UseUpdatedFloorPlanLayout" value="false"> <div id="fp-container-2295620" class=" col-sm-6 col-lg-4 fp-container pb-4 mb-2 col-12 " translate-content=""> <div class=""> <div class="card text-center h-100 "> <div class="card-header bg-transparent border-bottom-0 pt-4 pb-0"> <h2 id="fp-header-0" class="card-title h4 font-weight-bold text-capitalize"> Kashyyk Tree House </h2> <ul class="list-unstyled list-inline mb-2 text-sm"> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bed text-dark text-md mr-1"></span>1 <span>Bed</span></div> </li> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bathroom text-dark text-md mr-1"></span>1 <span>Bath</span></div> </li> <li class="list-inline-item w-100"> <div class="d-flex align-items-center justify-content-center"><span aria-hidden="true" class="nu nu-area font-weight-medium text-dark text-md mr-1"></span>950 Sq. Ft.</div> </li> </ul> <span data-floorplan-id="2295620" class="d-block mb-2 font-weight-bold" data-selenium-id="Floorplan0 Availability"> <span>Inquire for details</span> </span> </div> <div class="card-img fp-thumb px-3 d-flex justify-content-center align-items-center"> <a class="modal-button mw-100 mh-100 show-floorplans-image-button btn btn-link p-0" aria-label="Kashyyk Tree House Floor plan image, opens a dialog" href="javascript:void(0)" aria-controls="fp-modal" data-screen="modal-content-2295620" data-image-modal="modal-body-2295620" data-toggle="modal" data-imagemodal-label="fp-modalLabel2295620" data-target="#fp-modal" onclick="(function(){document.getElementById('fp-modal').setAttribute('aria-labelledby','fp-modalLabel2295620')})();"> <div class="ysi-picture-widget ysi-picture-wrapper "> <picture> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/kashyyyk.jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540,h_260/s3/3/624396/kashyyyk.jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/kashyyyk.jpg" class="card-img-top px-1 img-fluid" alt="Wookie" title="Chewbacca"> </picture> </div> </a> </div> <div class="card-body"> <div class="p-2 fieldset bg-light border rounded d-flex flex-column align-items-center justify-content-center mb-2"> <p class="legend"></p> <div class="d-flex align-items-center"> <span class="font-weight-bold mb-1 text-md"> <span class="text-sm text-muted"></span> Call for pricing <span class="text-sm text-muted"></span> </span> </div> <p class="mb-0"> <small> <span>Deposit:</span> $150<span class='sr-only'>to</span>-$915<br></small> </p> </div> <div class="row"> <div class="col-12 mb-2"> <a class="btn btn-outline-dark btn-block modal-button w-100 mr-3 show-floorplans-video-button floorplan-action-button" href="javascript:void(0);" data-target="#floorplans-video-modal" data-selenium-id="FloorplanViewVideo0" data-video-link="<iframe width="1204" height="677" src="https://www.youtube.com/embed/JkN55Y_xNTQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>" data-floorplan-name="Kashyyk Tree House"> <span aria-hidden="true" class="fas fa-video"></span> Video <span class="sr-only">for Kashyyk Tree House, opens a dialog</span> </a> </div> <div class="col-12 my-2 "> <a href="#myContactModal" role="button" class="btn btn-primary btn-block btn-block track-dialog dialog-button floorplan-action-button" data-floorplan-name="Kashyyk Tree House" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-0-contact-btn" onclick="setGA4Cookie('GT', 'Kashyyk Tree House', '1', '950', '950', '679', '977');"> Contact Us <span class="sr-only"> for Kashyyk Tree House , opens a dialog</span> </a> </div> <div class="col-12"> <div class="btn-group dropup w-100 z-index-1"> <button id="live-tour-option-menu-0" type="button" class="tour-option-btn dropdown-toggle btn btn-outline-dark btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Live Tour Options <span class="sr-only">for Kashyyk Tree House</span> </button> <ul class="w-100 dropdown-menu tour-option-dropdown py-0 shadow mb-2 p-3" aria-labelledby="live-tour-option-menu-0"> <!-- Dropdown menu links --> <li class="border-dashed border-light my-2"> <a class="py-2 d-block floorplan-action-button" href="/scheduletour?tourType=GT&floorplan=Kashyyk Tree House&beds=1" aria-describedby="guided-tour-title-0" data-floorplan-name="Kashyyk Tree House" onclick="setGA4Cookie('GT', 'Kashyyk Tree House', '1', '950', '950', '679', '977'); "> <h3 id="guided-tour-title-0" class="h6 m-0 text-dark">Guided Tour <span class="sr-only">for Kashyyk Tree House</span></h3> <p class="mb-0 small text-muted"> Tour in-person with one of our agents. </p> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div id="fp-container-2299216" class=" col-sm-6 col-lg-4 fp-container pb-4 mb-2 col-12 " translate-content=""> <div class=""> <div class="card text-center h-100 "> <div class="card-header bg-transparent border-bottom-0 pt-4 pb-0"> <h2 id="fp-header-1" class="card-title h4 font-weight-bold text-capitalize"> Naboo Royal Palace </h2> <ul class="list-unstyled list-inline mb-2 text-sm"> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bed text-dark text-md mr-1"></span>3 <span>Bed</span></div> </li> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bathroom text-dark text-md mr-1"></span>3 <span>Bath</span></div> </li> <li class="list-inline-item w-100"> <div class="d-flex align-items-center justify-content-center"><span aria-hidden="true" class="nu nu-area font-weight-medium text-dark text-md mr-1"></span>2,000-<span class='sr-only'>to</span>3,000 Sq. Ft.</div> </li> </ul> <span data-floorplan-id="2299216" class="d-block mb-2 font-weight-bold" data-selenium-id="Floorplan1 Availability"> <span>Inquire for details</span> </span> </div> <div class="card-img fp-thumb px-3 d-flex justify-content-center align-items-center"> <a class="modal-button mw-100 mh-100 show-floorplans-image-button btn btn-link p-0" aria-label="Naboo Royal Palace Floor plan image, opens a dialog" href="javascript:void(0)" aria-controls="fp-modal" data-screen="modal-content-2299216" data-image-modal="modal-body-2299216" data-toggle="modal" data-imagemodal-label="fp-modalLabel2299216" data-target="#fp-modal" onclick="(function(){document.getElementById('fp-modal').setAttribute('aria-labelledby','fp-modalLabel2299216')})();"> <div class="ysi-picture-widget ysi-picture-wrapper "> <picture> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/naboo(2).jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540,h_260/s3/3/624396/naboo(2).jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/naboo(2).jpg" class="card-img-top px-1 img-fluid" alt="Naboo" title="Naboo Royal Palace"> </picture> </div> </a> </div> <div class="card-body"> <div class="p-2 fieldset bg-light border rounded d-flex flex-column align-items-center justify-content-center mb-2"> <p class="legend"></p> <div class="d-flex align-items-center"> <span class="font-weight-bold mb-1 text-md"> <span class="text-sm text-muted"></span> Call for pricing <span class="text-sm text-muted"></span> </span> </div> <p class="mb-0"> <small> <span>Deposit:</span> Varies<br></small> </p> </div> <div class="row"> <div class="col-12 mb-2"> <a class="btn btn-outline-dark btn-block modal-button w-100 mr-3 show-floorplans-video-button floorplan-action-button" href="javascript:void(0);" data-target="#floorplans-video-modal" data-selenium-id="FloorplanViewVideo1" data-video-link="<iframe width="1280" height="720" src="https://www.youtube.com/embed/a28RUiskVZo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>" data-floorplan-name="Naboo Royal Palace"> <span aria-hidden="true" class="fas fa-video"></span> Video <span class="sr-only">for Naboo Royal Palace, opens a dialog</span> </a> </div> <div class="col-12 my-2 "> <a href="#myContactModal" role="button" class="btn btn-primary btn-block btn-block track-dialog dialog-button floorplan-action-button" data-floorplan-name="Naboo Royal Palace" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-1-contact-btn" onclick="setGA4Cookie('GT', 'Naboo Royal Palace', '3', '2000', '3000', '5000', '10000');"> Contact Us <span class="sr-only"> for Naboo Royal Palace , opens a dialog</span> </a> </div> <div class="col-12"> <div class="btn-group dropup w-100 z-index-1"> <button id="live-tour-option-menu-1" type="button" class="tour-option-btn dropdown-toggle btn btn-outline-dark btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Live Tour Options <span class="sr-only">for Naboo Royal Palace</span> </button> <ul class="w-100 dropdown-menu tour-option-dropdown py-0 shadow mb-2 p-3" aria-labelledby="live-tour-option-menu-1"> <!-- Dropdown menu links --> <li class="border-dashed border-light my-2"> <a class="py-2 d-block floorplan-action-button" href="/scheduletour?tourType=GT&floorplan=Naboo Royal Palace&beds=3" aria-describedby="guided-tour-title-1" data-floorplan-name="Naboo Royal Palace" onclick="setGA4Cookie('GT', 'Naboo Royal Palace', '3', '2000', '3000', '5000', '10000'); "> <h3 id="guided-tour-title-1" class="h6 m-0 text-dark">Guided Tour <span class="sr-only">for Naboo Royal Palace</span></h3> <p class="mb-0 small text-muted"> Tour in-person with one of our agents. </p> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div id="fp-container-2299217" class=" col-sm-6 col-lg-4 fp-container pb-4 mb-2 col-12 " translate-content=""> <div class=""> <div class="card text-center h-100 "> <div class="card-header bg-transparent border-bottom-0 pt-4 pb-0"> <h2 id="fp-header-2" class="card-title h4 font-weight-bold text-capitalize"> Gungan Bubble Doma </h2> <ul class="list-unstyled list-inline mb-2 text-sm"> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bed text-dark text-md mr-1"></span>2 <span>Bed</span></div> </li> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bathroom text-dark text-md mr-1"></span>2 <span>Bath</span></div> </li> <li class="list-inline-item w-100"> <div class="d-flex align-items-center justify-content-center"><span aria-hidden="true" class="nu nu-area font-weight-medium text-dark text-md mr-1"></span>1,300 Sq. Ft.</div> </li> </ul> <span data-floorplan-id="2299217" class="d-block mb-2 font-weight-bold" data-selenium-id="Floorplan2 Availability"> <span>Inquire for details</span> </span> </div> <div class="card-img fp-thumb px-3 d-flex justify-content-center align-items-center"> <a class="modal-button mw-100 mh-100 show-floorplans-image-button btn btn-link p-0" aria-label="Gungan Bubble Doma Floor plan image, opens a dialog" href="javascript:void(0)" aria-controls="fp-modal" data-screen="modal-content-2299217" data-image-modal="modal-body-2299217" data-toggle="modal" data-imagemodal-label="fp-modalLabel2299217" data-target="#fp-modal" onclick="(function(){document.getElementById('fp-modal').setAttribute('aria-labelledby','fp-modalLabel2299217')})();"> <div class="ysi-picture-widget ysi-picture-wrapper "> <picture> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/gungan%20bubble%20abode(1).jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540,h_260/s3/3/624396/gungan%20bubble%20abode(1).jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/gungan%20bubble%20abode(1).jpg" class="card-img-top px-1 img-fluid" alt="Gungan Bubble Abode" title="Gungan Bubble Abode"> </picture> </div> </a> </div> <div class="card-body"> <div class="p-2 fieldset bg-light border rounded d-flex flex-column align-items-center justify-content-center mb-2"> <p class="legend"></p> <div class="d-flex align-items-center"> <span class="font-weight-bold mb-1 text-md"> <span class="text-sm text-muted"></span> Call for pricing <span class="text-sm text-muted"></span> </span> </div> <p class="mb-0"> <small> <span>Deposit:</span> $350<span class='sr-only'>to</span>-$1,280<br></small> </p> </div> <div class="row"> <div class="btn btn-outline-dark btn-block modal-button w-100" style="visibility:hidden;"> <wbr> </div> <div class="col-12 my-2 "> <a href="#myContactModal" role="button" class="btn btn-primary btn-block btn-block track-dialog dialog-button floorplan-action-button" data-floorplan-name="Gungan Bubble Doma" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-2-contact-btn" onclick="setGA4Cookie('GT', 'Gungan Bubble Doma', '2', '1300', '1300', '805', '1297');"> Contact Us <span class="sr-only"> for Gungan Bubble Doma , opens a dialog</span> </a> </div> <div class="col-12"> <div class="btn-group dropup w-100 z-index-1"> <button id="live-tour-option-menu-2" type="button" class="tour-option-btn dropdown-toggle btn btn-outline-dark btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Live Tour Options <span class="sr-only">for Gungan Bubble Doma</span> </button> <ul class="w-100 dropdown-menu tour-option-dropdown py-0 shadow mb-2 p-3" aria-labelledby="live-tour-option-menu-2"> <!-- Dropdown menu links --> <li class="border-dashed border-light my-2"> <a class="py-2 d-block floorplan-action-button" href="/scheduletour?tourType=GT&floorplan=Gungan Bubble Doma&beds=2" aria-describedby="guided-tour-title-2" data-floorplan-name="Gungan Bubble Doma" onclick="setGA4Cookie('GT', 'Gungan Bubble Doma', '2', '1300', '1300', '805', '1297'); "> <h3 id="guided-tour-title-2" class="h6 m-0 text-dark">Guided Tour <span class="sr-only">for Gungan Bubble Doma</span></h3> <p class="mb-0 small text-muted"> Tour in-person with one of our agents. </p> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div id="fp-container-2299238" class=" col-sm-6 col-lg-4 fp-container pb-4 mb-2 col-12 " translate-content=""> <div class=""> <div class="card text-center h-100 "> <div class="card-header bg-transparent border-bottom-0 pt-4 pb-0"> <h2 id="fp-header-3" class="card-title h4 font-weight-bold text-capitalize"> Hoth Cave Den </h2> <ul class="list-unstyled list-inline mb-2 text-sm"> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bed text-dark text-md mr-1"></span>1 <span>Bed</span></div> </li> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bathroom text-dark text-md mr-1"></span>1 <span>Bath</span></div> </li> <li class="list-inline-item w-100"> <div class="d-flex align-items-center justify-content-center"><span aria-hidden="true" class="nu nu-area font-weight-medium text-dark text-md mr-1"></span>950-<span class='sr-only'>to</span>1,000 Sq. Ft.</div> </li> </ul> <span data-floorplan-id="2299238" class="d-block mb-2 font-weight-bold" data-selenium-id="Floorplan3 Availability"> <span>Inquire for details</span> </span> </div> <div class="card-img fp-thumb px-3 d-flex justify-content-center align-items-center"> <a class="modal-button mw-100 mh-100 show-floorplans-image-button btn btn-link p-0" aria-label="Hoth Cave Den Floor plan image, opens a dialog" href="javascript:void(0)" aria-controls="fp-modal" data-screen="modal-content-2299238" data-image-modal="modal-body-2299238" data-toggle="modal" data-imagemodal-label="fp-modalLabel2299238" data-target="#fp-modal" onclick="(function(){document.getElementById('fp-modal').setAttribute('aria-labelledby','fp-modalLabel2299238')})();"> <div class="ysi-picture-widget ysi-picture-wrapper "> <picture> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/hoth%20cave%20den.jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540,h_260/s3/3/624396/hoth%20cave%20den.jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/hoth%20cave%20den.jpg" class="card-img-top px-1 img-fluid" alt="Hoth Cave Den" title="Hoth Cave Den" loading="lazy"> </picture> </div> </a> </div> <div class="card-body"> <div class="p-2 fieldset bg-light border rounded d-flex flex-column align-items-center justify-content-center mb-2"> <p class="legend"></p> <div class="d-flex align-items-center"> <span class="font-weight-bold mb-1 text-md"> <span class="text-sm text-muted"></span> Call for pricing <span class="text-sm text-muted"></span> </span> </div> <p class="mb-0"> <small> <span>Deposit:</span> Varies<br></small> </p> </div> <div class="row"> <div class="btn btn-outline-dark btn-block modal-button w-100" style="visibility:hidden;"> <wbr> </div> <div class="col-12 my-2 "> <a href="#myContactModal" role="button" class="btn btn-primary btn-block btn-block track-dialog dialog-button floorplan-action-button" data-floorplan-name="Hoth Cave Den" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-3-contact-btn" onclick="setGA4Cookie('GT', 'Hoth Cave Den', '1', '950', '1000', '900', '1150');"> Contact Us <span class="sr-only"> for Hoth Cave Den , opens a dialog</span> </a> </div> <div class="col-12"> <div class="btn-group dropup w-100 z-index-1"> <button id="live-tour-option-menu-3" type="button" class="tour-option-btn dropdown-toggle btn btn-outline-dark btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Live Tour Options <span class="sr-only">for Hoth Cave Den</span> </button> <ul class="w-100 dropdown-menu tour-option-dropdown py-0 shadow mb-2 p-3" aria-labelledby="live-tour-option-menu-3"> <!-- Dropdown menu links --> <li class="border-dashed border-light my-2"> <a class="py-2 d-block floorplan-action-button" href="/scheduletour?tourType=GT&floorplan=Hoth Cave Den&beds=1" aria-describedby="guided-tour-title-3" data-floorplan-name="Hoth Cave Den" onclick="setGA4Cookie('GT', 'Hoth Cave Den', '1', '950', '1000', '900', '1150'); "> <h3 id="guided-tour-title-3" class="h6 m-0 text-dark">Guided Tour <span class="sr-only">for Hoth Cave Den</span></h3> <p class="mb-0 small text-muted"> Tour in-person with one of our agents. </p> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div id="fp-container-2299239" class=" col-sm-6 col-lg-4 fp-container pb-4 mb-2 col-12 " translate-content=""> <div class=""> <div class="card text-center h-100 "> <div class="card-header bg-transparent border-bottom-0 pt-4 pb-0"> <h2 id="fp-header-4" class="card-title h4 font-weight-bold text-capitalize"> Endor Luxury Terrace </h2> <ul class="list-unstyled list-inline mb-2 text-sm"> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bed text-dark text-md mr-1"></span>1 <span>Bed</span></div> </li> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bathroom text-dark text-md mr-1"></span>1 <span>Bath</span></div> </li> <li class="list-inline-item w-100"> <div class="d-flex align-items-center justify-content-center"><span aria-hidden="true" class="nu nu-area font-weight-medium text-dark text-md mr-1"></span>900-<span class='sr-only'>to</span>980 Sq. Ft.</div> </li> </ul> <span data-floorplan-id="2299239" class="d-block mb-2 font-weight-bold" data-selenium-id="Floorplan4 Availability"> <span>Inquire for details</span> </span> </div> <div class="card-img fp-thumb px-3 d-flex justify-content-center align-items-center"> <a class="modal-button mw-100 mh-100 show-floorplans-image-button btn btn-link p-0" aria-label="Endor Luxury Terrace Floor plan image, opens a dialog" href="javascript:void(0)" aria-controls="fp-modal" data-screen="modal-content-2299239" data-image-modal="modal-body-2299239" data-toggle="modal" data-imagemodal-label="fp-modalLabel2299239" data-target="#fp-modal" onclick="(function(){document.getElementById('fp-modal').setAttribute('aria-labelledby','fp-modalLabel2299239')})();"> <div class="ysi-picture-widget ysi-picture-wrapper "> <picture> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/endor%20luxury%20terrace.jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540,h_260/s3/3/624396/endor%20luxury%20terrace.jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/endor%20luxury%20terrace.jpg" class="card-img-top px-1 img-fluid" alt="Endor Luxury Terrace" title="Endor Luxury Terrace" loading="lazy"> </picture> </div> </a> </div> <div class="card-body"> <div class="p-2 fieldset bg-light border rounded d-flex flex-column align-items-center justify-content-center mb-2"> <p class="legend"></p> <div class="d-flex align-items-center"> <span class="font-weight-bold mb-1 text-md"> <span class="text-sm text-muted"></span> Call for pricing <span class="text-sm text-muted"></span> </span> </div> <p class="mb-0"> <small> <span>Deposit:</span> Varies<br></small> </p> </div> <div class="row"> <div class="btn btn-outline-dark btn-block modal-button w-100" style="visibility:hidden;"> <wbr> </div> <div class="col-12 my-2 "> <a href="#myContactModal" role="button" class="btn btn-primary btn-block btn-block track-dialog dialog-button floorplan-action-button" data-floorplan-name="Endor Luxury Terrace" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-4-contact-btn" onclick="setGA4Cookie('GT', 'Endor Luxury Terrace', '1', '900', '980', '2000', '2500');"> Contact Us <span class="sr-only"> for Endor Luxury Terrace , opens a dialog</span> </a> </div> <div class="col-12"> <div class="btn-group dropup w-100 z-index-1"> <button id="live-tour-option-menu-4" type="button" class="tour-option-btn dropdown-toggle btn btn-outline-dark btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Live Tour Options <span class="sr-only">for Endor Luxury Terrace</span> </button> <ul class="w-100 dropdown-menu tour-option-dropdown py-0 shadow mb-2 p-3" aria-labelledby="live-tour-option-menu-4"> <!-- Dropdown menu links --> <li class="border-dashed border-light my-2"> <a class="py-2 d-block floorplan-action-button" href="/scheduletour?tourType=GT&floorplan=Endor Luxury Terrace&beds=1" aria-describedby="guided-tour-title-4" data-floorplan-name="Endor Luxury Terrace" onclick="setGA4Cookie('GT', 'Endor Luxury Terrace', '1', '900', '980', '2000', '2500'); "> <h3 id="guided-tour-title-4" class="h6 m-0 text-dark">Guided Tour <span class="sr-only">for Endor Luxury Terrace</span></h3> <p class="mb-0 small text-muted"> Tour in-person with one of our agents. </p> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div id="fp-container-2299240" class=" col-sm-6 col-lg-4 fp-container pb-4 mb-2 col-12 " translate-content=""> <div class=""> <div class="card text-center h-100 "> <div class="card-header bg-transparent border-bottom-0 pt-4 pb-0"> <h2 id="fp-header-5" class="card-title h4 font-weight-bold text-capitalize"> Dagobah Swamp Dwelling </h2> <ul class="list-unstyled list-inline mb-2 text-sm"> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bed text-dark text-md mr-1"></span>1 <span>Bed</span></div> </li> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bathroom text-dark text-md mr-1"></span>1 <span>Bath</span></div> </li> <li class="list-inline-item w-100"> <div class="d-flex align-items-center justify-content-center"><span aria-hidden="true" class="nu nu-area font-weight-medium text-dark text-md mr-1"></span>450-<span class='sr-only'>to</span>600 Sq. Ft.</div> </li> </ul> <span data-floorplan-id="2299240" class="d-block mb-2 font-weight-bold" data-selenium-id="Floorplan5 Availability"> <span>Inquire for details</span> </span> </div> <div class="card-img fp-thumb px-3 d-flex justify-content-center align-items-center"> <a class="modal-button mw-100 mh-100 show-floorplans-image-button btn btn-link p-0" aria-label="Dagobah Swamp Dwelling Floor plan image, opens a dialog" href="javascript:void(0)" aria-controls="fp-modal" data-screen="modal-content-2299240" data-image-modal="modal-body-2299240" data-toggle="modal" data-imagemodal-label="fp-modalLabel2299240" data-target="#fp-modal" onclick="(function(){document.getElementById('fp-modal').setAttribute('aria-labelledby','fp-modalLabel2299240')})();"> <div class="ysi-picture-widget ysi-picture-wrapper "> <picture> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/dagobah%20swamp%20dwelling.jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540,h_260/s3/3/624396/dagobah%20swamp%20dwelling.jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/dagobah%20swamp%20dwelling.jpg" class="card-img-top px-1 img-fluid" alt="Dagobah Swamp Dwelling" title="Dagobah Swamp Dwelling" loading="lazy"> </picture> </div> </a> </div> <div class="card-body"> <div class="p-2 fieldset bg-light border rounded d-flex flex-column align-items-center justify-content-center mb-2"> <p class="legend"></p> <div class="d-flex align-items-center"> <span class="font-weight-bold mb-1 text-md"> <span class="text-sm text-muted"></span> Call for pricing <span class="text-sm text-muted"></span> </span> </div> <p class="mb-0"> <small> <span>Deposit:</span> Varies<br></small> </p> </div> <div class="row"> <div class="btn btn-outline-dark btn-block modal-button w-100" style="visibility:hidden;"> <wbr> </div> <div class="col-12 my-2 "> <a href="#myContactModal" role="button" class="btn btn-primary btn-block btn-block track-dialog dialog-button floorplan-action-button" data-floorplan-name="Dagobah Swamp Dwelling" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-5-contact-btn" onclick="setGA4Cookie('GT', 'Dagobah Swamp Dwelling', '1', '450', '600', '950', '1100');"> Contact Us <span class="sr-only"> for Dagobah Swamp Dwelling , opens a dialog</span> </a> </div> <div class="col-12"> <div class="btn-group dropup w-100 z-index-1"> <button id="live-tour-option-menu-5" type="button" class="tour-option-btn dropdown-toggle btn btn-outline-dark btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Live Tour Options <span class="sr-only">for Dagobah Swamp Dwelling</span> </button> <ul class="w-100 dropdown-menu tour-option-dropdown py-0 shadow mb-2 p-3" aria-labelledby="live-tour-option-menu-5"> <!-- Dropdown menu links --> <li class="border-dashed border-light my-2"> <a class="py-2 d-block floorplan-action-button" href="/scheduletour?tourType=GT&floorplan=Dagobah Swamp Dwelling&beds=1" aria-describedby="guided-tour-title-5" data-floorplan-name="Dagobah Swamp Dwelling" onclick="setGA4Cookie('GT', 'Dagobah Swamp Dwelling', '1', '450', '600', '950', '1100'); "> <h3 id="guided-tour-title-5" class="h6 m-0 text-dark">Guided Tour <span class="sr-only">for Dagobah Swamp Dwelling</span></h3> <p class="mb-0 small text-muted"> Tour in-person with one of our agents. </p> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div id="fp-container-2299241" class=" col-sm-6 col-lg-4 fp-container pb-4 mb-2 col-12 " translate-content=""> <div class=""> <div class="card text-center h-100 "> <div class="card-header bg-transparent border-bottom-0 pt-4 pb-0"> <h2 id="fp-header-6" class="card-title h4 font-weight-bold text-capitalize"> CloudCitySkyHouse </h2> <ul class="list-unstyled list-inline mb-2 text-sm"> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bed text-dark text-md mr-1"></span>2 <span>Bed</span></div> </li> <li class="list-inline-item mr-2"> <div class="d-flex align-items-center"><span aria-hidden="true" class="nu nu-bathroom text-dark text-md mr-1"></span>2 <span>Bath</span></div> </li> <li class="list-inline-item w-100"> <div class="d-flex align-items-center justify-content-center"><span aria-hidden="true" class="nu nu-area font-weight-medium text-dark text-md mr-1"></span>1,010 Sq. Ft.</div> </li> </ul> <span data-floorplan-id="2299241" class="d-block mb-2 font-weight-bold" data-selenium-id="Floorplan6 Availability"> <span data-floorplan-id="2299241" data-max="0" data-original="17" class="fp-availability">17 Available</span> </span> </div> <div class="card-img fp-thumb px-3 d-flex justify-content-center align-items-center"> <a class="modal-button mw-100 mh-100 show-floorplans-image-button btn btn-link p-0" aria-label="CloudCitySkyHouse Floor plan image, opens a dialog" href="javascript:void(0)" aria-controls="fp-modal" data-screen="modal-content-2299241" data-image-modal="modal-body-2299241" data-toggle="modal" data-imagemodal-label="fp-modalLabel2299241" data-target="#fp-modal" onclick="(function(){document.getElementById('fp-modal').setAttribute('aria-labelledby','fp-modalLabel2299241')})();"> <div class="ysi-picture-widget ysi-picture-wrapper "> <picture> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/cloud%20city%20sky%20house.jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540,h_260/s3/3/624396/cloud%20city%20sky%20house.jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576,h_260/s3/3/624396/cloud%20city%20sky%20house.jpg" class="card-img-top px-1 img-fluid" alt="Cloud City Sky House" title="Cloud City Sky House" loading="lazy"> </picture> </div> </a> </div> <div class="card-body"> <div class="p-2 fieldset bg-light border rounded d-flex flex-column align-items-center justify-content-center mb-2"> <p class="legend"></p> <div class="d-flex align-items-center"> <span class="font-weight-bold mb-0 text-md"> <span class="text-sm text-muted"></span> Call for pricing <span class="text-sm text-muted"></span> </span> </div> <div> <button type="button" class="badge badge-success p-3 border-0" data-selenium-id="Floorplan6Special" data-toggle="tooltip" data-placement="right" data-animation="true" data-title="There might be specials available for apartments in this floor plan, subject to their availability and your choice of rental preferences">Specials Available</button> </div> <p class="mb-0"> <small> <span>Deposit:</span> Varies<br></small> </p> </div> <div class="row"> <div class="btn btn-outline-dark btn-block modal-button w-100" style="visibility:hidden;"> <wbr> </div> <div class="col-12 my-2"> <a href="/floorplans/cloudcityskyhouse" class="btn btn-primary btn-block btn-block track-apply floorplan-action-button" name="applynow" data-leasingtype="conventional" data-floorplan-name="CloudCitySkyHouse" data-floorplan-size="2" data-floorplan-sqft="1010" data-floorplan-price="987 -1119" data-selenium-id="floorplan-6-apply-btn" data-selenium-id="ApplyNow"> More Information <span class="sr-only"> for CloudCitySkyHouse</span> </a> </div> <div class="col-12"> <div class="btn-group dropup w-100 z-index-1"> <button id="live-tour-option-menu-6" type="button" class="tour-option-btn dropdown-toggle btn btn-outline-dark btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Live Tour Options <span class="sr-only">for CloudCitySkyHouse</span> </button> <ul class="w-100 dropdown-menu tour-option-dropdown py-0 shadow mb-2 p-3" aria-labelledby="live-tour-option-menu-6"> <!-- Dropdown menu links --> <li class="border-dashed border-light my-2"> <a class="py-2 d-block floorplan-action-button" href="/scheduletour?tourType=GT&floorplan=CloudCitySkyHouse&beds=2" aria-describedby="guided-tour-title-6" data-floorplan-name="CloudCitySkyHouse" onclick="setGA4Cookie('GT', 'CloudCitySkyHouse', '2', '1010', '1010', '987', '1119'); "> <h3 id="guided-tour-title-6" class="h6 m-0 text-dark">Guided Tour <span class="sr-only">for CloudCitySkyHouse</span></h3> <p class="mb-0 small text-muted"> Tour in-person with one of our agents. </p> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <input type="hidden" name="leasingtype" id="leasingtype" value="conventional"> <!-- Image modal --> <div class="modal fade fp-modal" id="fp-modal" role="dialog" aria-labelledby="fp-modalLabel2295620" aria-hidden="true"> <div class="modal-dialog modal-fullscreen" role="document"> <div id="modal-content-2295620" class="modal-content"> <div class="modal-header"> <h2 class="h3 m-0" id="fp-modalLabel2295620">Kashyyk Tree House</h2> <button type="button" class="close" data-dismiss="modal" data-selenium-id="FloorPlanCloseModalDialogButton" aria-label="close dialog"> <svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> <div id="modal-body-2295620" class="modal-body px-0 pt-0 pb-2"> <div class="fp-details row no-gutters bg-light p-3 d-flex justify-content-between align-item-center mb-3"> <div class="col-12 col-md-auto text-center text-md-left mb-2 mb-md-0 d-md-flex align-items-center"> <ul class="list-unstyled element-divider list-inline mb-0 text-md"> <li class="list-inline-item">1 Bed</li> <li class="list-inline-item">1 Bath</li> <li class="list-inline-item">950 Sq. Ft.</li> </ul> </div> <div class="col-12 col-md-auto text-center mb-2 mb-md-0"> <div class="d-inline-block position-relative"> <span class="text-dark font-weight-medium text-2x">Call for pricing</span> </div> </div> <div class="col-12 col-md-auto text-center text-md-right mb-2 mb-md-0"> <a href="#myContactModal" aria-label=" Contact Us for Kashyyk Tree House , opens a dialog" class="btn btn-primary ml-3 track-dialog dialog-button" data-floorplan-name="Kashyyk Tree House" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-0-contact-btn"> Contact Us </a> </div> </div> <section aria-label="Floorplan Image carousel" id="FPImagecarousel-2295620-0" class="photogallery carousel slide" data-gallery-type="modal" data-ride="carousel" data-interval="false"> <div class="carousel-inner" aria-live="assertive"> <div role="tabpanel" class="carousel-item active" id="FPImagecarousel-2295620-0-1" tabindex="0"> <div class="item"> <picture> <source media="(min-width: 1200px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_1140/s3/3/624396/kashyyyk.jpg"> <source media="(min-width: 992px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_960/s3/3/624396/kashyyyk.jpg"> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_720/s3/3/624396/kashyyyk.jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540/s3/3/624396/kashyyyk.jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576/s3/3/624396/kashyyyk.jpg" class="img-fluid" alt="Wookie" title="Chewbacca" loading="lazy"> </picture> </div> </div> </div> </section> </div> </div> <div id="modal-content-2299216" class="modal-content"> <div class="modal-header"> <h2 class="h3 m-0" id="fp-modalLabel2299216">Naboo Royal Palace</h2> <button type="button" class="close" data-dismiss="modal" data-selenium-id="FloorPlanCloseModalDialogButton" aria-label="close dialog"> <svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> <div id="modal-body-2299216" class="modal-body px-0 pt-0 pb-2"> <div class="fp-details row no-gutters bg-light p-3 d-flex justify-content-between align-item-center mb-3"> <div class="col-12 col-md-auto text-center text-md-left mb-2 mb-md-0 d-md-flex align-items-center"> <ul class="list-unstyled element-divider list-inline mb-0 text-md"> <li class="list-inline-item">3 Beds</li> <li class="list-inline-item">3 Baths</li> <li class="list-inline-item">2,000-<span class='sr-only'>to</span>3,000 Sq. Ft.</li> </ul> </div> <div class="col-12 col-md-auto text-center mb-2 mb-md-0"> <div class="d-inline-block position-relative"> <span class="text-dark font-weight-medium text-2x">Call for pricing</span> </div> </div> <div class="col-12 col-md-auto text-center text-md-right mb-2 mb-md-0"> <a href="#myContactModal" aria-label=" Contact Us for Naboo Royal Palace , opens a dialog" class="btn btn-primary ml-3 track-dialog dialog-button" data-floorplan-name="Naboo Royal Palace" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-1-contact-btn"> Contact Us </a> </div> </div> <section aria-label="Floorplan Image carousel" id="FPImagecarousel-2299216-1" class="photogallery carousel slide" data-gallery-type="modal" data-ride="carousel" data-interval="false"> <div class="carousel-inner" aria-live="assertive"> <div role="tabpanel" class="carousel-item active" id="FPImagecarousel-2299216-1-1" tabindex="0"> <div class="item"> <picture> <source media="(min-width: 1200px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_1140/s3/3/624396/naboo(2).jpg"> <source media="(min-width: 992px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_960/s3/3/624396/naboo(2).jpg"> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_720/s3/3/624396/naboo(2).jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540/s3/3/624396/naboo(2).jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576/s3/3/624396/naboo(2).jpg" class="img-fluid" alt="Naboo" title="Naboo Royal Palace" loading="lazy"> </picture> </div> </div> </div> </section> </div> </div> <div id="modal-content-2299217" class="modal-content"> <div class="modal-header"> <h2 class="h3 m-0" id="fp-modalLabel2299217">Gungan Bubble Doma</h2> <button type="button" class="close" data-dismiss="modal" data-selenium-id="FloorPlanCloseModalDialogButton" aria-label="close dialog"> <svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> <div id="modal-body-2299217" class="modal-body px-0 pt-0 pb-2"> <div class="fp-details row no-gutters bg-light p-3 d-flex justify-content-between align-item-center mb-3"> <div class="col-12 col-md-auto text-center text-md-left mb-2 mb-md-0 d-md-flex align-items-center"> <ul class="list-unstyled element-divider list-inline mb-0 text-md"> <li class="list-inline-item">2 Beds</li> <li class="list-inline-item">2 Baths</li> <li class="list-inline-item">1,300 Sq. Ft.</li> </ul> </div> <div class="col-12 col-md-auto text-center mb-2 mb-md-0"> <div class="d-inline-block position-relative"> <span class="text-dark font-weight-medium text-2x">Call for pricing</span> </div> </div> <div class="col-12 col-md-auto text-center text-md-right mb-2 mb-md-0"> <a href="#myContactModal" aria-label=" Contact Us for Gungan Bubble Doma , opens a dialog" class="btn btn-primary ml-3 track-dialog dialog-button" data-floorplan-name="Gungan Bubble Doma" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-2-contact-btn"> Contact Us </a> </div> </div> <section aria-label="Floorplan Image carousel" id="FPImagecarousel-2299217-2" class="photogallery carousel slide" data-gallery-type="modal" data-ride="carousel" data-interval="false"> <div class="carousel-inner" aria-live="assertive"> <div role="tabpanel" class="carousel-item active" id="FPImagecarousel-2299217-2-1" tabindex="0"> <div class="item"> <picture> <source media="(min-width: 1200px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_1140/s3/3/624396/gungan%20bubble%20abode(1).jpg"> <source media="(min-width: 992px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_960/s3/3/624396/gungan%20bubble%20abode(1).jpg"> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_720/s3/3/624396/gungan%20bubble%20abode(1).jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540/s3/3/624396/gungan%20bubble%20abode(1).jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576/s3/3/624396/gungan%20bubble%20abode(1).jpg" class="img-fluid" alt="Gungan Bubble Abode" title="Gungan Bubble Abode" loading="lazy"> </picture> </div> </div> </div> </section> </div> </div> <div id="modal-content-2299238" class="modal-content"> <div class="modal-header"> <h2 class="h3 m-0" id="fp-modalLabel2299238">Hoth Cave Den</h2> <button type="button" class="close" data-dismiss="modal" data-selenium-id="FloorPlanCloseModalDialogButton" aria-label="close dialog"> <svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> <div id="modal-body-2299238" class="modal-body px-0 pt-0 pb-2"> <div class="fp-details row no-gutters bg-light p-3 d-flex justify-content-between align-item-center mb-3"> <div class="col-12 col-md-auto text-center text-md-left mb-2 mb-md-0 d-md-flex align-items-center"> <ul class="list-unstyled element-divider list-inline mb-0 text-md"> <li class="list-inline-item">1 Bed</li> <li class="list-inline-item">1 Bath</li> <li class="list-inline-item">950-<span class='sr-only'>to</span>1,000 Sq. Ft.</li> </ul> </div> <div class="col-12 col-md-auto text-center mb-2 mb-md-0"> <div class="d-inline-block position-relative"> <span class="text-dark font-weight-medium text-2x">Call for pricing</span> </div> </div> <div class="col-12 col-md-auto text-center text-md-right mb-2 mb-md-0"> <a href="#myContactModal" aria-label=" Contact Us for Hoth Cave Den , opens a dialog" class="btn btn-primary ml-3 track-dialog dialog-button" data-floorplan-name="Hoth Cave Den" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-3-contact-btn"> Contact Us </a> </div> </div> <section aria-label="Floorplan Image carousel" id="FPImagecarousel-2299238-3" class="photogallery carousel slide" data-gallery-type="modal" data-ride="carousel" data-interval="false"> <div class="carousel-inner" aria-live="assertive"> <div role="tabpanel" class="carousel-item active" id="FPImagecarousel-2299238-3-1" tabindex="0"> <div class="item"> <picture> <source media="(min-width: 1200px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_1140/s3/3/624396/hoth%20cave%20den.jpg"> <source media="(min-width: 992px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_960/s3/3/624396/hoth%20cave%20den.jpg"> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_720/s3/3/624396/hoth%20cave%20den.jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540/s3/3/624396/hoth%20cave%20den.jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576/s3/3/624396/hoth%20cave%20den.jpg" class="img-fluid" alt="Hoth Cave Den" title="Hoth Cave Den" loading="lazy"> </picture> </div> </div> </div> </section> </div> </div> <div id="modal-content-2299239" class="modal-content"> <div class="modal-header"> <h2 class="h3 m-0" id="fp-modalLabel2299239">Endor Luxury Terrace</h2> <button type="button" class="close" data-dismiss="modal" data-selenium-id="FloorPlanCloseModalDialogButton" aria-label="close dialog"> <svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> <div id="modal-body-2299239" class="modal-body px-0 pt-0 pb-2"> <div class="fp-details row no-gutters bg-light p-3 d-flex justify-content-between align-item-center mb-3"> <div class="col-12 col-md-auto text-center text-md-left mb-2 mb-md-0 d-md-flex align-items-center"> <ul class="list-unstyled element-divider list-inline mb-0 text-md"> <li class="list-inline-item">1 Bed</li> <li class="list-inline-item">1 Bath</li> <li class="list-inline-item">900-<span class='sr-only'>to</span>980 Sq. Ft.</li> </ul> </div> <div class="col-12 col-md-auto text-center mb-2 mb-md-0"> <div class="d-inline-block position-relative"> <span class="text-dark font-weight-medium text-2x">Call for pricing</span> </div> </div> <div class="col-12 col-md-auto text-center text-md-right mb-2 mb-md-0"> <a href="#myContactModal" aria-label=" Contact Us for Endor Luxury Terrace , opens a dialog" class="btn btn-primary ml-3 track-dialog dialog-button" data-floorplan-name="Endor Luxury Terrace" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-4-contact-btn"> Contact Us </a> </div> </div> <section aria-label="Floorplan Image carousel" id="FPImagecarousel-2299239-4" class="photogallery carousel slide" data-gallery-type="modal" data-ride="carousel" data-interval="false"> <div class="carousel-inner" aria-live="assertive"> <div role="tabpanel" class="carousel-item active" id="FPImagecarousel-2299239-4-1" tabindex="0"> <div class="item"> <picture> <source media="(min-width: 1200px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_1140/s3/3/624396/endor%20luxury%20terrace.jpg"> <source media="(min-width: 992px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_960/s3/3/624396/endor%20luxury%20terrace.jpg"> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_720/s3/3/624396/endor%20luxury%20terrace.jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540/s3/3/624396/endor%20luxury%20terrace.jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576/s3/3/624396/endor%20luxury%20terrace.jpg" class="img-fluid" alt="Endor Luxury Terrace" title="Endor Luxury Terrace" loading="lazy"> </picture> </div> </div> </div> </section> </div> </div> <div id="modal-content-2299240" class="modal-content"> <div class="modal-header"> <h2 class="h3 m-0" id="fp-modalLabel2299240">Dagobah Swamp Dwelling</h2> <button type="button" class="close" data-dismiss="modal" data-selenium-id="FloorPlanCloseModalDialogButton" aria-label="close dialog"> <svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> <div id="modal-body-2299240" class="modal-body px-0 pt-0 pb-2"> <div class="fp-details row no-gutters bg-light p-3 d-flex justify-content-between align-item-center mb-3"> <div class="col-12 col-md-auto text-center text-md-left mb-2 mb-md-0 d-md-flex align-items-center"> <ul class="list-unstyled element-divider list-inline mb-0 text-md"> <li class="list-inline-item">1 Bed</li> <li class="list-inline-item">1 Bath</li> <li class="list-inline-item">450-<span class='sr-only'>to</span>600 Sq. Ft.</li> </ul> </div> <div class="col-12 col-md-auto text-center mb-2 mb-md-0"> <div class="d-inline-block position-relative"> <span class="text-dark font-weight-medium text-2x">Call for pricing</span> </div> </div> <div class="col-12 col-md-auto text-center text-md-right mb-2 mb-md-0"> <a href="#myContactModal" aria-label=" Contact Us for Dagobah Swamp Dwelling , opens a dialog" class="btn btn-primary ml-3 track-dialog dialog-button" data-floorplan-name="Dagobah Swamp Dwelling" data-modal-url="/contactus?IsDialog=1" data-selenium-id="floorplan-5-contact-btn"> Contact Us </a> </div> </div> <section aria-label="Floorplan Image carousel" id="FPImagecarousel-2299240-5" class="photogallery carousel slide" data-gallery-type="modal" data-ride="carousel" data-interval="false"> <div class="carousel-inner" aria-live="assertive"> <div role="tabpanel" class="carousel-item active" id="FPImagecarousel-2299240-5-1" tabindex="0"> <div class="item"> <picture> <source media="(min-width: 1200px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_1140/s3/3/624396/dagobah%20swamp%20dwelling.jpg"> <source media="(min-width: 992px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_960/s3/3/624396/dagobah%20swamp%20dwelling.jpg"> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_720/s3/3/624396/dagobah%20swamp%20dwelling.jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540/s3/3/624396/dagobah%20swamp%20dwelling.jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576/s3/3/624396/dagobah%20swamp%20dwelling.jpg" class="img-fluid" alt="Dagobah Swamp Dwelling" title="Dagobah Swamp Dwelling" loading="lazy"> </picture> </div> </div> </div> </section> </div> </div> <div id="modal-content-2299241" class="modal-content"> <div class="modal-header"> <h2 class="h3 m-0" id="fp-modalLabel2299241">CloudCitySkyHouse</h2> <button type="button" class="close" data-dismiss="modal" data-selenium-id="FloorPlanCloseModalDialogButton" aria-label="close dialog"> <svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> <div id="modal-body-2299241" class="modal-body px-0 pt-0 pb-2"> <div class="fp-details row no-gutters bg-light p-3 d-flex justify-content-between align-item-center mb-3"> <div class="col-12 col-md-auto text-center text-md-left mb-2 mb-md-0 d-md-flex align-items-center"> <ul class="list-unstyled element-divider list-inline mb-0 text-md"> <li class="list-inline-item">2 Beds</li> <li class="list-inline-item">2 Baths</li> <li class="list-inline-item">1,010 Sq. Ft.</li> </ul> </div> <div class="col-12 col-md-auto text-center mb-2 mb-md-0"> <div class="d-inline-block position-relative"> <span class="text-dark font-weight-medium text-2x">Call for pricing</span><span>/ month</span> <div class="text-uppercase text-center text-xs text-dark z-index-1 my-1"> <span class="border border-dark px-2">Specials</span> </div> </div> </div> <div class="col-12 col-md-auto text-center text-md-right mb-2 mb-md-0"> <span>Available On: </span> <span>Available Now</span> <a href="/floorplans/cloudcityskyhouse" class="btn btn-primary ml-3 track-apply" aria-label=" More Information for CloudCitySkyHouse" name="applynow" data-leasingtype="conventional" data-floorplan-name="CloudCitySkyHouse" data-floorplan-size="2" data-floorplan-sqft="1010" data-floorplan-price="987-1119" data-selenium-id="floorplan-6-apply-btn" data-selenium-id="ApplyNow"> More Information </a> </div> </div> <section aria-label="Floorplan Image carousel" id="FPImagecarousel-2299241-6" class="photogallery carousel slide" data-gallery-type="modal" data-ride="carousel" data-interval="false"> <div class="carousel-inner" aria-live="assertive"> <div role="tabpanel" class="carousel-item active" id="FPImagecarousel-2299241-6-1" tabindex="0"> <div class="item"> <picture> <source media="(min-width: 1200px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_1140/s3/3/624396/cloud%20city%20sky%20house.jpg"> <source media="(min-width: 992px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_960/s3/3/624396/cloud%20city%20sky%20house.jpg"> <source media="(min-width: 768px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_720/s3/3/624396/cloud%20city%20sky%20house.jpg"> <source media="(min-width: 576px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_540/s3/3/624396/cloud%20city%20sky%20house.jpg"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_576/s3/3/624396/cloud%20city%20sky%20house.jpg" class="img-fluid" alt="Cloud City Sky House" title="Cloud City Sky House" loading="lazy"> </picture> </div> </div> </div> </section> </div> </div> </div> </div> <!-- end modal --> <script> function setGA4Cookie(tour, fpname, size, minSqft, maxSqft, minRent, maxRent) { var obj = new Object(); obj.tourType = tour; obj.fpName = fpname; obj.fpSize = size + ' Bed(s)'; obj.sqft = (minSqft === maxSqft) ? maxSqft : minSqft + '-' + maxSqft; obj.price = (minRent === maxRent) ? maxRent : minRent + '-' + maxRent; ysi.cookie.create('ga4cookie', JSON.stringify(obj)); } </script> </div> </div> <div class="tab-pane fade" id="mapView"> Map View </div> </div> </div> <!-- Optimized Floor Plans Layout End --> </div> </div> </div> <div class="row"> <div class="col-12 mt-3" data-selenium-id="FloorplansBottomNarrative"> company level page narrative bottom </div> </div> <div class="modal fade" id="myContactModal" role="dialog" aria-labelledby="myContactModalTitle" aria-modal="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h2 id="myContactModalTitle" class="h3 m-0">Contact Property</h2> <button type="button" class="close" data-dismiss="modal" aria-label="close dialog"><svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> </div> <!-- Modal body --> <div id="modalbodycontact" class="modal-body"> </div> </div> </div> </div> <div class="modal fade" id="PreQualify" role="dialog" aria-labelledby="PreQualifyLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h2 class="h3 m-0" id="PreQualifyLabel">Pre-Qualify Now</h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> <div id="PrequalBody" class="modal-body"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade modal-dialog-gallery" id="myGalleryModal" role="dialog" aria-modal="true" aria-labelledby="objname"> <div class="modal-dialog modal-xl"> <div class="modal-content"> <div class="modal-header"> <h2 class="h3 m-0" id="objname"></h2> <button type="button" class="close" data-dismiss="modal" aria-label="close dialog"><svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> </div> <div id="modalbodyGallery" class="modal-body"> </div> </div> </div> </div> <div class="modal fade true-cost-cal " id="myLeaseCostModal" role="dialog" aria-labelledby="leasecostmodalid"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content modal-calc-content"> <div class="modal-header"> <h3 class="modal-title font-weight-bold" id="leasecostmodalid"> Lease Cost Calculator Result </h3> <button type="button" class="close" data-dismiss="modal" aria-label="close dialog"><svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> </div> <!-- Modal body --> <div id="myLeaseCostModalBody" class="modal-body modal-calc-body pt-0"> </div> </div> </div> </div> <!-- Video modal --> <div class="modal fade modal-dialog-gallery modal-dialog-gallery-video" id="floorplans-video-modal" role="dialog" aria-modal="true" aria-labelledby="floorplans-video-modal-header"> <div class="modal-dialog modal-xl"> <div class="modal-content"> <div class="modal-header"> <h2 class="h3 m-0" id="floorplans-video-modal-header"></h2> <button type="button" class="close" data-dismiss="modal" aria-label="close dialog"><svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> </div> <div id="floorplans-video-modal-body" class="modal-body"> <div class="embed-container"> <div id="floorplans-video-embed" class="embed-responsive embed-responsive-16by9 embed-body"> <!-- embedded video loaded here --> </div> </div> </div> </div> </div> </div> <!-- 3D Tour modal --> <div class="modal fade" id="floorplans-3dtour-modal" id="floorplans-video-modal" role="dialog" aria-modal="true" aria-labelledby="floorplans-3dtour-modal-header"> <div class="modal-dialog modal-xl"> <div class="modal-content"> <div class="modal-header"> <h2 class="h3 m-0" id="floorplans-3dtour-modal-header"></h2> <button type="button" class="close" data-dismiss="modal" aria-label="close dialog"><svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> </div> <div id="floorplans-3dtour-modal-body" class="modal-body"> <div class="embed-container"> <div id="floorplans-3dtour-embed" class="embed-responsive embed-body"> <!-- embedded 3D tour loaded here --> </div> </div> </div> </div> </div> </div> <!--Inclusive fees modal--> <div class="modal fade" id="myFPInclusiveFeesModal" tabindex="-1" aria-labelledby="calculatormodelLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title h3 font-weight-bold" id="calculatormodelLabel"> Estimated Monthly Cost </h2> <button type="button" class="close" data-dismiss="modal" aria-label="close dialog"><svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> </div> <div class="modal-body pt-0"> <div class="row custom-bg-light py-3 pt-md-3 pb-md-0 px-md-4"> <div class="col-12 d-flex flex-row justify-content-center align-items-start "> <i class="text-md fas fa-calculator text-2x mr-4 pl-0 py-0 text-primary calc-background"></i> <p class="m-0"> </p> </div> </div> <div class="row"> <div class="col-12 col-sm-8 offset-sm-2 px-md-4"> <div class="mt-3 px-3"> <div class="row custom-border-bottom-dotted"> <div class="col-6 px-0"> <div class="m-0 pb-2">Base monthly rent </div> </div> <div class="col-6 text-right px-0"> <div class="m-0 pb-2 modal-fp-base-rent"></div> </div> </div> <div class="row custom-border-bottom-dotted"> <div class="col-6 px-0"> <div class="m-0 py-2">Utilities and services</div> </div> <div class="col-6 text-right px-0"> <div class="m-0 py-2 modal-fp-inclusive-rent"></div> </div> </div> <div class="row custom-border-bottom-dotted"> <div class="col-6 px-0"> <div class="m-0 py-2"> <strong>Estimated monthly cost</strong> </div> </div> <div class="col-6 text-right px-0"> <div class="m-0 py-2"> <strong class="modal-fp-total-rent"></strong> </div> </div> </div> </div> </div> </div> </div> <div class="modal-footer mb-md-4 d-flex align-items-center justify-content-center"> <a href="#" class="btn btn-primary mx-auto modal-fp-rent-estimator-url" onclick="if(typeof gtag!=='undefined'){var m=this.closest('.modal');var pn=document.querySelector('meta[name=author]').content;var params={'property_name':pn,'button_label':'Customize_cost_estimate','page_name':document.title,'page_url':window.location.href,'floorplan_name':m.dataset.fpName||'','floorplan_size':(m.dataset.fpSize||'')+' Bed(s)','square_footage':m.dataset.fpSqft||'','price':m.dataset.fpPrice||''};var un=m.dataset.unitNumber||'';if(un)params.unit_number=un;gtag('event','cost_estimate',params)}">Customize your cost estimate</a> </div> </div> </div> </div> <script> function GASubmitTrack(propertyName, calledFrom) { //add form type to ga4 cookie if (false ) { var ga4Cookie = ysi.cookie.read("ga4cookie"); if (ga4Cookie) { var jsonObj = JSON.parse(ga4Cookie); jsonObj.formType = calledFrom; ysi.cookie.create('ga4cookie', JSON.stringify(jsonObj)); } } if (typeof gtag != 'undefined') { var text = ""; switch (calledFrom) { case "availabilityalert": text = "Off"; break; case "scheduletour": text = "Schedule a Tour"; break; default: text = "Contact Us Submit"; break; } gtag('event', 'Contact Us', { 'event_category': 'Contact Us', 'event_action': text, 'event_label': propertyName }); gtag('rc.send', 'Contact Us', { 'event_category': 'Contact Us', 'event_action': text, 'event_label': propertyName }); } } </script> </div> </div> <div class="section-divider-1 row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left pt-4 col-12"> <script> ysi.registerCallback(function () { testimonialHeight = function () { var maxHeight = 10; var currentHeight; var elements = document.getElementsByClassName("testimonial-item"); //elements[i].style.cssText = "height:auto"; for (var i = 0; i < elements.length; i++) { elements[i].style.cssText = "visibility: hidden; position: absolute; display: block;"; currentHeight = elements[i].offsetHeight; if (currentHeight > maxHeight) { maxHeight = currentHeight; } } for (var i = 0; i < elements.length; i++) { elements[i].style.cssText = "height: " + maxHeight + "px"; } } testimonialHeight(); window.addEventListener('resize', testimonialHeight, true); // set accessibility const c = document.querySelectorAll('.carousel[data-gallery-type="testimonials"]'); for (let i = 0; i < c.length; ++i) { new ysiCarousel(c[i]); } }); </script> <script> const testimonialcarouselInner = document.querySelector('.testimonial-widget .carousel-inner'); const testimonialcarousel = document.querySelector('.testimonial-widget .carousel'); var activeItem; const testimonialupdateHeight = () => { if(testimonialcarouselInner){ activeItem = testimonialcarouselInner.querySelector('.testimonial-widget .carousel-item.active'); } if (activeItem) { testimonialcarouselInner.style.height = `${activeItem.offsetHeight}px`; } }; testimonialupdateHeight(); // Re-observe on slide change if(testimonialcarousel){ testimonialcarousel.addEventListener('slid.bs.carousel', () => { testimonialupdateHeight(); testimonialobserveActiveItem(); }); } const testimonialobserver = new ResizeObserver(() => testimonialupdateHeight()); const testimonialobserveActiveItem = () => { if(testimonialcarouselInner){ const activeItem = testimonialcarouselInner.querySelector('.testimonial-widget .carousel-item.active'); if (activeItem) testimonialobserver.observe(activeItem); } }; testimonialobserveActiveItem(); </script> </div> </div> <div class="pt-4 row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left col-12"> <style>ul.ysi-socialmedia-popover-icons li a,ul.ysi-socialmedia-popover-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{margin:1px 0}ul.ysi-socialmedia-icons li a,ul.ysi-socialmedia-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{margin:0}ul.ysi-socialmedia-icons,ul.ysi-socialmedia-popover-icons,.ysi-socialmedia-widget{margin-bottom:0}ul.ysi-socialmedia-icons li a,ul.ysi-socialmedia-icons p a,ul.ysi-socialmedia-popover-icons li a,ul.ysi-socialmedia-popover-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{width:40px;height:40px;display:inline-block;line-height:2.2;color:#fff;font-size:1.2rem;text-align:center}ul.ysi-socialmedia-icons li a.facebook_icon,ul.ysi-socialmedia-icons p a.facebook_icon,ul.ysi-socialmedia-popover-icons li a.facebook_icon,ul.ysi-socialmedia-popover-icons p a.facebook_icon,.ysi-socialmedia-widget li a.facebook_icon,.ysi-socialmedia-widget p a.facebook_icon{background:#3b5998;-moz-transition:background-color 1s 0.001s,color 1s;-o-transition:background-color 1s 0.001s,color 1s;-webkit-transition:background-color 1s 0.001s,color 1s;transition:background-color 1s 0.001s,color 1s}ul.ysi-socialmedia-icons li a.facebook_icon:hover,ul.ysi-socialmedia-icons p a.facebook_icon:hover,ul.ysi-socialmedia-popover-icons li a.facebook_icon:hover,ul.ysi-socialmedia-popover-icons p a.facebook_icon:hover,.ysi-socialmedia-widget li a.facebook_icon:hover,.ysi-socialmedia-widget p a.facebook_icon:hover{background:#4565ab}ul.ysi-socialmedia-icons li a.twitter_icon,ul.ysi-socialmedia-icons p a.twitter_icon,ul.ysi-socialmedia-popover-icons li a.twitter_icon,ul.ysi-socialmedia-popover-icons p a.twitter_icon,.ysi-socialmedia-widget li a.twitter_icon,.ysi-socialmedia-widget p a.twitter_icon{background:#2CAAE1;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.twitter_icon:hover,ul.ysi-socialmedia-icons p a.twitter_icon:hover,ul.ysi-socialmedia-popover-icons li a.twitter_icon:hover,ul.ysi-socialmedia-popover-icons p a.twitter_icon:hover,.ysi-socialmedia-widget li a.twitter_icon:hover,.ysi-socialmedia-widget p a.twitter_icon:hover{background:#2fb4ed}ul.ysi-socialmedia-icons li a.pinterest_icon,ul.ysi-socialmedia-icons p a.pinterest_icon,ul.ysi-socialmedia-popover-icons li a.pinterest_icon,ul.ysi-socialmedia-popover-icons p a.pinterest_icon,.ysi-socialmedia-widget li a.pinterest_icon,.ysi-socialmedia-widget p a.pinterest_icon{background:#C13238;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.pinterest_icon:hover,ul.ysi-socialmedia-icons p a.pinterest_icon:hover,ul.ysi-socialmedia-popover-icons li a.pinterest_icon:hover,ul.ysi-socialmedia-popover-icons p a.pinterest_icon:hover,.ysi-socialmedia-widget li a.pinterest_icon:hover,.ysi-socialmedia-widget p a.pinterest_icon:hover{background:#cc353a}ul.ysi-socialmedia-icons li a.instagram_icon,ul.ysi-socialmedia-icons p a.instagram_icon,ul.ysi-socialmedia-popover-icons li a.instagram_icon,ul.ysi-socialmedia-popover-icons p a.instagram_icon,.ysi-socialmedia-widget li a.instagram_icon,.ysi-socialmedia-widget p a.instagram_icon{background:#49709b;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.instagram_icon:hover,ul.ysi-socialmedia-icons p a.instagram_icon:hover,ul.ysi-socialmedia-popover-icons li a.instagram_icon:hover,ul.ysi-socialmedia-popover-icons p a.instagram_icon:hover,.ysi-socialmedia-widget li a.instagram_icon:hover,.ysi-socialmedia-widget p a.instagram_icon:hover{background:#608bba}ul.ysi-socialmedia-icons li a.linkedin_icon,ul.ysi-socialmedia-icons p a.linkedin_icon,ul.ysi-socialmedia-popover-icons li a.linkedin_icon,ul.ysi-socialmedia-popover-icons p a.linkedin_icon,.ysi-socialmedia-widget li a.linkedin_icon,.ysi-socialmedia-widget p a.linkedin_icon{background:#005a87;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.linkedin_icon:hover,ul.ysi-socialmedia-icons p a.linkedin_icon:hover,ul.ysi-socialmedia-popover-icons li a.linkedin_icon:hover,ul.ysi-socialmedia-popover-icons p a.linkedin_icon:hover,.ysi-socialmedia-widget li a.linkedin_icon:hover,.ysi-socialmedia-widget p a.linkedin_icon:hover{background:#0472a5}ul.ysi-socialmedia-icons li a.youtube_icon,ul.ysi-socialmedia-icons p a.youtube_icon,ul.ysi-socialmedia-popover-icons li a.youtube_icon,ul.ysi-socialmedia-popover-icons p a.youtube_icon,.ysi-socialmedia-widget li a.youtube_icon,.ysi-socialmedia-widget p a.youtube_icon{background:#c9322b;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.youtube_icon:hover,ul.ysi-socialmedia-icons p a.youtube_icon:hover,ul.ysi-socialmedia-popover-icons li a.youtube_icon:hover,ul.ysi-socialmedia-popover-icons p a.youtube_icon:hover,.ysi-socialmedia-widget li a.youtube_icon:hover,.ysi-socialmedia-widget p a.youtube_icon:hover{background:#dd3830}ul.ysi-socialmedia-icons li a.yelp_icon,ul.ysi-socialmedia-icons p a.yelp_icon,ul.ysi-socialmedia-popover-icons li a.yelp_icon,ul.ysi-socialmedia-popover-icons p a.yelp_icon,.ysi-socialmedia-widget li a.yelp_icon,.ysi-socialmedia-widget p a.yelp_icon{background:#DE3C43;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.yelp_icon:hover,ul.ysi-socialmedia-icons p a.yelp_icon:hover,ul.ysi-socialmedia-popover-icons li a.yelp_icon:hover,ul.ysi-socialmedia-popover-icons p a.yelp_icon:hover,.ysi-socialmedia-widget li a.yelp_icon:hover,.ysi-socialmedia-widget p a.yelp_icon:hover{background:#ea3f45}ul.ysi-socialmedia-icons li a.snapchat_icon,ul.ysi-socialmedia-icons p a.snapchat_icon,ul.ysi-socialmedia-popover-icons li a.snapchat_icon,ul.ysi-socialmedia-popover-icons p a.snapchat_icon,.ysi-socialmedia-widget li a.snapchat_icon,.ysi-socialmedia-widget p a.snapchat_icon{background:#E0E237;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.snapchat_icon:hover,ul.ysi-socialmedia-icons p a.snapchat_icon:hover,ul.ysi-socialmedia-popover-icons li a.snapchat_icon:hover,ul.ysi-socialmedia-popover-icons p a.snapchat_icon:hover,.ysi-socialmedia-widget li a.snapchat_icon:hover,.ysi-socialmedia-widget p a.snapchat_icon:hover{background:#efef39}ul.ysi-socialmedia-icons li a.more-social-icons,ul.ysi-socialmedia-icons p a.more-social-icons,ul.ysi-socialmedia-popover-icons li a.more-social-icons,ul.ysi-socialmedia-popover-icons p a.more-social-icons,.ysi-socialmedia-widget li a.more-social-icons,.ysi-socialmedia-widget p a.more-social-icons{background:#6e6e6e;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.more-social-icons:hover,ul.ysi-socialmedia-icons p a.more-social-icons:hover,ul.ysi-socialmedia-popover-icons li a.more-social-icons:hover,ul.ysi-socialmedia-popover-icons p a.more-social-icons:hover,.ysi-socialmedia-widget li a.more-social-icons:hover,.ysi-socialmedia-widget p a.more-social-icons:hover{background:#888888}.ysi-socialmedia-widget ul{padding-left:0;list-style:none}.ysi-socialmedia-widget p{margin-bottom:0}.ysi-socialmedia-widget.icon-white ul li a,.ysi-socialmedia-widget.icon-white p a{color:#fff;background:none}.ysi-socialmedia-widget.icon-white ul li a:hover,.ysi-socialmedia-widget.icon-white p a:hover{color:#f8f9fa;background:none}.ysi-socialmedia-widget.icon-light ul li a,.ysi-socialmedia-widget.icon-light p a{color:#f8f9fa;background:none}.ysi-socialmedia-widget.icon-light ul li a:hover,.ysi-socialmedia-widget.icon-light p a:hover{color:#fff;background:none}.ysi-socialmedia-widget.icon-dark ul li a,.ysi-socialmedia-widget.icon-dark p a{color:#343a40;background:none}.ysi-socialmedia-widget.icon-dark ul li a:hover,.ysi-socialmedia-widget.icon-dark p a:hover{color:#0056b3;background:none}.ysi-socialmedia-widget.icon-primary ul li a,.ysi-socialmedia-widget.icon-primary p a{color:#c03258;background:none}.ysi-socialmedia-widget.icon-primary ul li a:hover,.ysi-socialmedia-widget.icon-primary p a:hover{color:#c03258;background:none}.ysi-socialmedia-widget.icon-secondary ul li a,.ysi-socialmedia-widget.icon-secondary p a{color:#137ca8;background:none}.ysi-socialmedia-widget.icon-secondary ul li a:hover,.ysi-socialmedia-widget.icon-secondary p a:hover{color:#137ca8;background:none}.ysi-socialmedia-widget.background-light ul li a,.ysi-socialmedia-widget.background-light p a{background-color:#f8f9fa}.ysi-socialmedia-widget.background-light ul li a:hover,.ysi-socialmedia-widget.background-light p a:hover{background-color:#f8f9fa}.ysi-socialmedia-widget.background-dark ul li a,.ysi-socialmedia-widget.background-dark p a{background-color:#000}.ysi-socialmedia-widget.background-dark ul li a:hover,.ysi-socialmedia-widget.background-dark p a:hover{background-color:#000}.ysi-socialmedia-widget.background-primary ul li a,.ysi-socialmedia-widget.background-primary p a{background-color:#c03258}.ysi-socialmedia-widget.background-primary ul li a:hover,.ysi-socialmedia-widget.background-primary p a:hover{background-color:#c03258}.ysi-socialmedia-widget.background-secondary ul li a,.ysi-socialmedia-widget.background-secondary p a{background-color:#137ca8}.ysi-socialmedia-widget.background-secondary ul li a:hover,.ysi-socialmedia-widget.background-secondary p a:hover{background-color:#137ca8}.ysi-socialmedia-widget.rounded ul li a,.ysi-socialmedia-widget.rounded p a{border-radius:50px}.ysi-socialmedia-widget.square ul li a,.ysi-socialmedia-widget.square p a{border-radius:0px}.ysi-socialmedia-widget.regular ul li a,.ysi-socialmedia-widget.regular p a{font-size:1.2rem;width:45px;height:45px}.ysi-socialmedia-widget.large ul li a,.ysi-socialmedia-widget.large p a{font-size:2.5rem;width:60px;height:60px;line-height:1.5}.ysi-socialmedia-widget.horizontal ul,.ysi-socialmedia-widget.horizontal p{line-height:10px}.ysi-socialmedia-widget.horizontal ul li,.ysi-socialmedia-widget.horizontal p li{display:inline-block}.ysi-socialmedia-widget.vertical ul li,.ysi-socialmedia-widget.vertical p{margin:3px 0}.ysi-socialmedia-widget.outline-light ul li a,.ysi-socialmedia-widget.outline-light p a{border:1px solid #f8f9fa;background:none}.ysi-socialmedia-widget.outline-light ul li a:hover,.ysi-socialmedia-widget.outline-light p a:hover{border:1px solid #fff;background:none}.ysi-socialmedia-widget.outline-dark ul li a,.ysi-socialmedia-widget.outline-dark p a{border:1px solid #343a40;background:none;color:#343a40}.ysi-socialmedia-widget.outline-dark ul li a:hover,.ysi-socialmedia-widget.outline-dark p a:hover{border:1px solid #343a40;background:none;color:#343a40}.ysi-socialmedia-widget.outline-primary ul li a,.ysi-socialmedia-widget.outline-primary p a{border:1px solid #c03258}.ysi-socialmedia-widget.outline-primary ul li a:hover,.ysi-socialmedia-widget.outline-primary p a:hover{border:1px solid #c03258}.ysi-socialmedia-widget.outline-secondary ul li a,.ysi-socialmedia-widget.outline-secondary p a{border:1px solid #137ca8}.ysi-socialmedia-widget.outline-secondary ul li a:hover,.ysi-socialmedia-widget.outline-secondary p a:hover{border:1px solid #137ca8}.ysi-socialmedia-widget.left,.ysi-socialmedia-widget.right{position:fixed;z-index:5;top:0;padding:0 3px}.ysi-socialmedia-widget.left{left:0}.ysi-socialmedia-widget.right{right:0}.ysi-socialmedia-share.horizontal ul{float:inherit}.ysi-socialmedia-share.horizontal ul li{float:inherit;margin-left:0.25rem}.ysi-socialmedia-share.horizontal ul li a.more-social-icons{height:20px;line-height:1;margin:0;background:#c7c7c7;color:#6e6e6e}.ysi-socialmedia-follow.horizontal{line-height:0}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons{display:inline-flex}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons li{margin-right:0.4rem}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons li a,.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-popover-icons li a{width:auto;height:auto;line-height:initial}ul.ysi-socialmedia-icons li a.ysi-share,ul.ysi-socialmedia-popover-icons li a.ysi-share,.ysi-socialmedia-share p a.ysi-share{font:11px/18px 'Helvetica Neue', Arial, sans-serif;color:#fff;background:#6e6e6e;height:20px;line-height:18px;padding:1px 8px 1px 6px;border:none;border-radius:3px;outline:0;width:unset;height:unset}ul.ysi-socialmedia-icons li a.ysi-share:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share:hover,.ysi-socialmedia-share p a.ysi-share:hover{text-decoration:none}ul.ysi-socialmedia-icons li a.ysi-share i,ul.ysi-socialmedia-popover-icons li a.ysi-share i,.ysi-socialmedia-share p a.ysi-share i{margin-right:.3em;font-size:1.2em}ul.ysi-socialmedia-icons li a.ysi-share.facebook,ul.ysi-socialmedia-popover-icons li a.ysi-share.facebook,.ysi-socialmedia-share p a.ysi-share.facebook{background:#4267b2}ul.ysi-socialmedia-icons li a.ysi-share.facebook:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share.facebook:hover,.ysi-socialmedia-share p a.ysi-share.facebook:hover{background:#365899}ul.ysi-socialmedia-icons li a.ysi-share.twitter,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter,.ysi-socialmedia-share p a.ysi-share.twitter{background:#1b95e0}ul.ysi-socialmedia-icons li a.ysi-share.twitter:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter:hover,.ysi-socialmedia-share p a.ysi-share.twitter:hover{background:#0c7abf}ul.ysi-socialmedia-icons li a.ysi-share.twitter i,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter i,.ysi-socialmedia-share p a.ysi-share.twitter i{font-size:inherit}ul.ysi-socialmedia-icons li a.ysi-share.pinterest,ul.ysi-socialmedia-popover-icons li a.ysi-share.pinterest,.ysi-socialmedia-share p a.ysi-share.pinterest{background:#C13238}ul.ysi-socialmedia-icons li a.ysi-share.pinterest i,ul.ysi-socialmedia-popover-icons li a.ysi-share.pinterest i,.ysi-socialmedia-share p a.ysi-share.pinterest i{font-size:inherit}ul.ysi-socialmedia-icons li a.ysi-share.linkedin,ul.ysi-socialmedia-popover-icons li a.ysi-share.linkedin,.ysi-socialmedia-share p a.ysi-share.linkedin{background:#005a87}@media (max-width: 991.98px){.d-md-none-down{display:none !important}}</style> <div class="ysi-socialmedia-widget ysi-socialmedia-wrapper ysi-socialmedia-share horizontal text-right small"> <ul class="ysi-socialmedia-icons" data-selenium-id="socialmedia03"> <li class="social-media-facebook "> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse" target="_blank" rel="noopener" class="ysi-share facebook" onclick="ysi.socialmedia.popupWindow('//www.facebook.com/sharer.php?u='+window.location.href, 'facebook', 600, 300); return false;" data-selenium-id="socialmedia03FacebookShare" aria-label="Share on Facebook (opens in new tab)"> <span aria-hidden="true" class="fab fa-facebook nu nu-secondary_facebook_logo"></span> Share </a> </li> <li class="social-media-twitter "> <a href="https://twitter.com/share" target="_blank" aria-label=" Post on X (formerly Twitter) (opens in new tab)" rel="noopener" class="ysi-share twitter" onclick="ysi.socialmedia.popupWindow('//twitter.com/intent/tweet?url='+window.location.href + '&text=' + encodeURI(document.title), 'title', 600, 400); return false;" data-selenium-id="socialmedia03TwitterShare"> <span aria-hidden="true" class="fab fa-twitter nu nu-twitter_logo"></span> Share </a> </li> <li class="social-media-pinterest "> <a href="//www.pinterest.com/pin/create/button/" target="_blank" aria-label=" Pin it (opens in new tab)" rel="noopener" class="ysi-share pinterest" onclick="location.href='//pinterest.com/pin/create/button/?url='+window.location.href;" data-selenium-id="socialmedia03PinterestShare"><span aria-hidden="true" class="fab fa-pinterest-p"></span> Pin it</a> </li> </ul> </div> <div class="ysi-socialmedia-widget ysi-socialmedia-popover-wrapper d-none"> <ul class="ysi-socialmedia-popover-icons list-inline text-center list-inline"> </ul> </div> </div> </div> <div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left col-12"></div> </div> </div> </div></div></div> </main> <footer> <div class="border-secondary border-5 border-top cover center-center no-repeat text-white" data-ysi-lazyload="url('https://resource.rentcafe.com/image/upload/q_auto,f_auto/s3/themes/miera/images/bg-img-2.jpg')"><div class="container-fluid"><div class="row"> <div class="overlay-70 justify-content-start align-items-center flex-column d-flex text-center py-5 py-lg-6 col-12"> <div class="side-lines mb-3"> <h2>CONTACT US</h2> </div> <div class="ysi-address-widget ysi-address-wrapper"> <div class="d-inline-flex"> <address class="ysi-address"> <a class="address-link color-inherit d-block" href="https://maps.google.com?q=66 Execute Order Ave Coroscant, CA 90210" target="_blank" rel="noreferrer"> <div itemprop="name" data-selenium-id="address_propname">Trance Terraces</div> <div itemprop="address"> <div data-selenium-id="address_street"> 66 Execute Order Ave </div> <div> <span data-selenium-id="address_city">Coroscant</span>, <span data-selenium-id="address_state">CA</span><span data-selenium-id="address_zip"> 90210</span> </div> </div> <span class="sr-only">Opens in a new tab</span> </a> </address> </div> </div> <div data-selenium-id="address_phone_foot" class="phone-number-address ysi-phone-wrapper my-2 py-1 py-sm-0 "> <div class="d-inline-flex"> <a href="tel:(919) 123-4532" onclick="fireGaNa();" class="ysi-phone-number click-to-call-foot-href text-decoration-none color-inherit" data-selenium-id="click-to-call-foot"> <span aria-hidden="true" class="fa-flip-horizontal fas fa-phone fas fa-phone"></span><span class="sr-only">Phone Number</span> <span data-selenium-id="click_to_call_foot_span" class="click-to-call-foot ml-2 text-underline">(919) 123-4532</span> </a> </div> </div> <script> function fireGaNa() { if (typeof gtag != 'undefined') { var myPage = location.pathname.replace("/", ""); if (myPage == "") { myPage = "index"; } if (false ) { var propertyName = document.querySelector('meta[name="author"]').content; gtag('event', 'phone_call', { 'property_name': propertyName, 'page_name': document.title, 'page_url': window.location.href, 'footer_phone_number': '(919) 123-4532'}); } gtag('event', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickFooter', 'event_label': myPage }); gtag('rc.send', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickFooter', 'event_label': myPage }); } } </script> <style>ul.ysi-socialmedia-popover-icons li a,ul.ysi-socialmedia-popover-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{margin:1px 0}ul.ysi-socialmedia-icons li a,ul.ysi-socialmedia-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{margin:0}ul.ysi-socialmedia-icons,ul.ysi-socialmedia-popover-icons,.ysi-socialmedia-widget{margin-bottom:0}ul.ysi-socialmedia-icons li a,ul.ysi-socialmedia-icons p a,ul.ysi-socialmedia-popover-icons li a,ul.ysi-socialmedia-popover-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{width:40px;height:40px;display:inline-block;line-height:2.2;color:#fff;font-size:1.2rem;text-align:center}ul.ysi-socialmedia-icons li a.facebook_icon,ul.ysi-socialmedia-icons p a.facebook_icon,ul.ysi-socialmedia-popover-icons li a.facebook_icon,ul.ysi-socialmedia-popover-icons p a.facebook_icon,.ysi-socialmedia-widget li a.facebook_icon,.ysi-socialmedia-widget p a.facebook_icon{background:#3b5998;-moz-transition:background-color 1s 0.001s,color 1s;-o-transition:background-color 1s 0.001s,color 1s;-webkit-transition:background-color 1s 0.001s,color 1s;transition:background-color 1s 0.001s,color 1s}ul.ysi-socialmedia-icons li a.facebook_icon:hover,ul.ysi-socialmedia-icons p a.facebook_icon:hover,ul.ysi-socialmedia-popover-icons li a.facebook_icon:hover,ul.ysi-socialmedia-popover-icons p a.facebook_icon:hover,.ysi-socialmedia-widget li a.facebook_icon:hover,.ysi-socialmedia-widget p a.facebook_icon:hover{background:#4565ab}ul.ysi-socialmedia-icons li a.twitter_icon,ul.ysi-socialmedia-icons p a.twitter_icon,ul.ysi-socialmedia-popover-icons li a.twitter_icon,ul.ysi-socialmedia-popover-icons p a.twitter_icon,.ysi-socialmedia-widget li a.twitter_icon,.ysi-socialmedia-widget p a.twitter_icon{background:#2CAAE1;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.twitter_icon:hover,ul.ysi-socialmedia-icons p a.twitter_icon:hover,ul.ysi-socialmedia-popover-icons li a.twitter_icon:hover,ul.ysi-socialmedia-popover-icons p a.twitter_icon:hover,.ysi-socialmedia-widget li a.twitter_icon:hover,.ysi-socialmedia-widget p a.twitter_icon:hover{background:#2fb4ed}ul.ysi-socialmedia-icons li a.pinterest_icon,ul.ysi-socialmedia-icons p a.pinterest_icon,ul.ysi-socialmedia-popover-icons li a.pinterest_icon,ul.ysi-socialmedia-popover-icons p a.pinterest_icon,.ysi-socialmedia-widget li a.pinterest_icon,.ysi-socialmedia-widget p a.pinterest_icon{background:#C13238;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.pinterest_icon:hover,ul.ysi-socialmedia-icons p a.pinterest_icon:hover,ul.ysi-socialmedia-popover-icons li a.pinterest_icon:hover,ul.ysi-socialmedia-popover-icons p a.pinterest_icon:hover,.ysi-socialmedia-widget li a.pinterest_icon:hover,.ysi-socialmedia-widget p a.pinterest_icon:hover{background:#cc353a}ul.ysi-socialmedia-icons li a.instagram_icon,ul.ysi-socialmedia-icons p a.instagram_icon,ul.ysi-socialmedia-popover-icons li a.instagram_icon,ul.ysi-socialmedia-popover-icons p a.instagram_icon,.ysi-socialmedia-widget li a.instagram_icon,.ysi-socialmedia-widget p a.instagram_icon{background:#49709b;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.instagram_icon:hover,ul.ysi-socialmedia-icons p a.instagram_icon:hover,ul.ysi-socialmedia-popover-icons li a.instagram_icon:hover,ul.ysi-socialmedia-popover-icons p a.instagram_icon:hover,.ysi-socialmedia-widget li a.instagram_icon:hover,.ysi-socialmedia-widget p a.instagram_icon:hover{background:#608bba}ul.ysi-socialmedia-icons li a.linkedin_icon,ul.ysi-socialmedia-icons p a.linkedin_icon,ul.ysi-socialmedia-popover-icons li a.linkedin_icon,ul.ysi-socialmedia-popover-icons p a.linkedin_icon,.ysi-socialmedia-widget li a.linkedin_icon,.ysi-socialmedia-widget p a.linkedin_icon{background:#005a87;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.linkedin_icon:hover,ul.ysi-socialmedia-icons p a.linkedin_icon:hover,ul.ysi-socialmedia-popover-icons li a.linkedin_icon:hover,ul.ysi-socialmedia-popover-icons p a.linkedin_icon:hover,.ysi-socialmedia-widget li a.linkedin_icon:hover,.ysi-socialmedia-widget p a.linkedin_icon:hover{background:#0472a5}ul.ysi-socialmedia-icons li a.youtube_icon,ul.ysi-socialmedia-icons p a.youtube_icon,ul.ysi-socialmedia-popover-icons li a.youtube_icon,ul.ysi-socialmedia-popover-icons p a.youtube_icon,.ysi-socialmedia-widget li a.youtube_icon,.ysi-socialmedia-widget p a.youtube_icon{background:#c9322b;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.youtube_icon:hover,ul.ysi-socialmedia-icons p a.youtube_icon:hover,ul.ysi-socialmedia-popover-icons li a.youtube_icon:hover,ul.ysi-socialmedia-popover-icons p a.youtube_icon:hover,.ysi-socialmedia-widget li a.youtube_icon:hover,.ysi-socialmedia-widget p a.youtube_icon:hover{background:#dd3830}ul.ysi-socialmedia-icons li a.yelp_icon,ul.ysi-socialmedia-icons p a.yelp_icon,ul.ysi-socialmedia-popover-icons li a.yelp_icon,ul.ysi-socialmedia-popover-icons p a.yelp_icon,.ysi-socialmedia-widget li a.yelp_icon,.ysi-socialmedia-widget p a.yelp_icon{background:#DE3C43;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.yelp_icon:hover,ul.ysi-socialmedia-icons p a.yelp_icon:hover,ul.ysi-socialmedia-popover-icons li a.yelp_icon:hover,ul.ysi-socialmedia-popover-icons p a.yelp_icon:hover,.ysi-socialmedia-widget li a.yelp_icon:hover,.ysi-socialmedia-widget p a.yelp_icon:hover{background:#ea3f45}ul.ysi-socialmedia-icons li a.snapchat_icon,ul.ysi-socialmedia-icons p a.snapchat_icon,ul.ysi-socialmedia-popover-icons li a.snapchat_icon,ul.ysi-socialmedia-popover-icons p a.snapchat_icon,.ysi-socialmedia-widget li a.snapchat_icon,.ysi-socialmedia-widget p a.snapchat_icon{background:#E0E237;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.snapchat_icon:hover,ul.ysi-socialmedia-icons p a.snapchat_icon:hover,ul.ysi-socialmedia-popover-icons li a.snapchat_icon:hover,ul.ysi-socialmedia-popover-icons p a.snapchat_icon:hover,.ysi-socialmedia-widget li a.snapchat_icon:hover,.ysi-socialmedia-widget p a.snapchat_icon:hover{background:#efef39}ul.ysi-socialmedia-icons li a.more-social-icons,ul.ysi-socialmedia-icons p a.more-social-icons,ul.ysi-socialmedia-popover-icons li a.more-social-icons,ul.ysi-socialmedia-popover-icons p a.more-social-icons,.ysi-socialmedia-widget li a.more-social-icons,.ysi-socialmedia-widget p a.more-social-icons{background:#6e6e6e;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.more-social-icons:hover,ul.ysi-socialmedia-icons p a.more-social-icons:hover,ul.ysi-socialmedia-popover-icons li a.more-social-icons:hover,ul.ysi-socialmedia-popover-icons p a.more-social-icons:hover,.ysi-socialmedia-widget li a.more-social-icons:hover,.ysi-socialmedia-widget p a.more-social-icons:hover{background:#888888}.ysi-socialmedia-widget ul{padding-left:0;list-style:none}.ysi-socialmedia-widget p{margin-bottom:0}.ysi-socialmedia-widget.icon-white ul li a,.ysi-socialmedia-widget.icon-white p a{color:#fff;background:none}.ysi-socialmedia-widget.icon-white ul li a:hover,.ysi-socialmedia-widget.icon-white p a:hover{color:#f8f9fa;background:none}.ysi-socialmedia-widget.icon-light ul li a,.ysi-socialmedia-widget.icon-light p a{color:#f8f9fa;background:none}.ysi-socialmedia-widget.icon-light ul li a:hover,.ysi-socialmedia-widget.icon-light p a:hover{color:#fff;background:none}.ysi-socialmedia-widget.icon-dark ul li a,.ysi-socialmedia-widget.icon-dark p a{color:#343a40;background:none}.ysi-socialmedia-widget.icon-dark ul li a:hover,.ysi-socialmedia-widget.icon-dark p a:hover{color:#0056b3;background:none}.ysi-socialmedia-widget.icon-primary ul li a,.ysi-socialmedia-widget.icon-primary p a{color:#c03258;background:none}.ysi-socialmedia-widget.icon-primary ul li a:hover,.ysi-socialmedia-widget.icon-primary p a:hover{color:#c03258;background:none}.ysi-socialmedia-widget.icon-secondary ul li a,.ysi-socialmedia-widget.icon-secondary p a{color:#137ca8;background:none}.ysi-socialmedia-widget.icon-secondary ul li a:hover,.ysi-socialmedia-widget.icon-secondary p a:hover{color:#137ca8;background:none}.ysi-socialmedia-widget.background-light ul li a,.ysi-socialmedia-widget.background-light p a{background-color:#f8f9fa}.ysi-socialmedia-widget.background-light ul li a:hover,.ysi-socialmedia-widget.background-light p a:hover{background-color:#f8f9fa}.ysi-socialmedia-widget.background-dark ul li a,.ysi-socialmedia-widget.background-dark p a{background-color:#000}.ysi-socialmedia-widget.background-dark ul li a:hover,.ysi-socialmedia-widget.background-dark p a:hover{background-color:#000}.ysi-socialmedia-widget.background-primary ul li a,.ysi-socialmedia-widget.background-primary p a{background-color:#c03258}.ysi-socialmedia-widget.background-primary ul li a:hover,.ysi-socialmedia-widget.background-primary p a:hover{background-color:#c03258}.ysi-socialmedia-widget.background-secondary ul li a,.ysi-socialmedia-widget.background-secondary p a{background-color:#137ca8}.ysi-socialmedia-widget.background-secondary ul li a:hover,.ysi-socialmedia-widget.background-secondary p a:hover{background-color:#137ca8}.ysi-socialmedia-widget.rounded ul li a,.ysi-socialmedia-widget.rounded p a{border-radius:50px}.ysi-socialmedia-widget.square ul li a,.ysi-socialmedia-widget.square p a{border-radius:0px}.ysi-socialmedia-widget.regular ul li a,.ysi-socialmedia-widget.regular p a{font-size:1.2rem;width:45px;height:45px}.ysi-socialmedia-widget.large ul li a,.ysi-socialmedia-widget.large p a{font-size:2.5rem;width:60px;height:60px;line-height:1.5}.ysi-socialmedia-widget.horizontal ul,.ysi-socialmedia-widget.horizontal p{line-height:10px}.ysi-socialmedia-widget.horizontal ul li,.ysi-socialmedia-widget.horizontal p li{display:inline-block}.ysi-socialmedia-widget.vertical ul li,.ysi-socialmedia-widget.vertical p{margin:3px 0}.ysi-socialmedia-widget.outline-light ul li a,.ysi-socialmedia-widget.outline-light p a{border:1px solid #f8f9fa;background:none}.ysi-socialmedia-widget.outline-light ul li a:hover,.ysi-socialmedia-widget.outline-light p a:hover{border:1px solid #fff;background:none}.ysi-socialmedia-widget.outline-dark ul li a,.ysi-socialmedia-widget.outline-dark p a{border:1px solid #343a40;background:none;color:#343a40}.ysi-socialmedia-widget.outline-dark ul li a:hover,.ysi-socialmedia-widget.outline-dark p a:hover{border:1px solid #343a40;background:none;color:#343a40}.ysi-socialmedia-widget.outline-primary ul li a,.ysi-socialmedia-widget.outline-primary p a{border:1px solid #c03258}.ysi-socialmedia-widget.outline-primary ul li a:hover,.ysi-socialmedia-widget.outline-primary p a:hover{border:1px solid #c03258}.ysi-socialmedia-widget.outline-secondary ul li a,.ysi-socialmedia-widget.outline-secondary p a{border:1px solid #137ca8}.ysi-socialmedia-widget.outline-secondary ul li a:hover,.ysi-socialmedia-widget.outline-secondary p a:hover{border:1px solid #137ca8}.ysi-socialmedia-widget.left,.ysi-socialmedia-widget.right{position:fixed;z-index:5;top:0;padding:0 3px}.ysi-socialmedia-widget.left{left:0}.ysi-socialmedia-widget.right{right:0}.ysi-socialmedia-share.horizontal ul{float:inherit}.ysi-socialmedia-share.horizontal ul li{float:inherit;margin-left:0.25rem}.ysi-socialmedia-share.horizontal ul li a.more-social-icons{height:20px;line-height:1;margin:0;background:#c7c7c7;color:#6e6e6e}.ysi-socialmedia-follow.horizontal{line-height:0}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons{display:inline-flex}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons li{margin-right:0.4rem}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons li a,.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-popover-icons li a{width:auto;height:auto;line-height:initial}ul.ysi-socialmedia-icons li a.ysi-share,ul.ysi-socialmedia-popover-icons li a.ysi-share,.ysi-socialmedia-share p a.ysi-share{font:11px/18px 'Helvetica Neue', Arial, sans-serif;color:#fff;background:#6e6e6e;height:20px;line-height:18px;padding:1px 8px 1px 6px;border:none;border-radius:3px;outline:0;width:unset;height:unset}ul.ysi-socialmedia-icons li a.ysi-share:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share:hover,.ysi-socialmedia-share p a.ysi-share:hover{text-decoration:none}ul.ysi-socialmedia-icons li a.ysi-share i,ul.ysi-socialmedia-popover-icons li a.ysi-share i,.ysi-socialmedia-share p a.ysi-share i{margin-right:.3em;font-size:1.2em}ul.ysi-socialmedia-icons li a.ysi-share.facebook,ul.ysi-socialmedia-popover-icons li a.ysi-share.facebook,.ysi-socialmedia-share p a.ysi-share.facebook{background:#4267b2}ul.ysi-socialmedia-icons li a.ysi-share.facebook:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share.facebook:hover,.ysi-socialmedia-share p a.ysi-share.facebook:hover{background:#365899}ul.ysi-socialmedia-icons li a.ysi-share.twitter,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter,.ysi-socialmedia-share p a.ysi-share.twitter{background:#1b95e0}ul.ysi-socialmedia-icons li a.ysi-share.twitter:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter:hover,.ysi-socialmedia-share p a.ysi-share.twitter:hover{background:#0c7abf}ul.ysi-socialmedia-icons li a.ysi-share.twitter i,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter i,.ysi-socialmedia-share p a.ysi-share.twitter i{font-size:inherit}ul.ysi-socialmedia-icons li a.ysi-share.pinterest,ul.ysi-socialmedia-popover-icons li a.ysi-share.pinterest,.ysi-socialmedia-share p a.ysi-share.pinterest{background:#C13238}ul.ysi-socialmedia-icons li a.ysi-share.pinterest i,ul.ysi-socialmedia-popover-icons li a.ysi-share.pinterest i,.ysi-socialmedia-share p a.ysi-share.pinterest i{font-size:inherit}ul.ysi-socialmedia-icons li a.ysi-share.linkedin,ul.ysi-socialmedia-popover-icons li a.ysi-share.linkedin,.ysi-socialmedia-share p a.ysi-share.linkedin{background:#005a87}@media (max-width: 991.98px){.d-md-none-down{display:none !important}}</style> <div class="ysi-socialmedia-widget ysi-socialmedia-wrapper ysi-socialmedia-link mt-3 horizontal icon-white text-center"> <ul class="ysi-socialmedia-icons" data-selenium-id="socialmedia04"> <li class="social-media-facebook "> <a href="https://www.facebook.com/Iamaddictedtostarwars/" target="_blank" aria-label="Facebook, opens in new tab" rel="noopener" data-selenium-id="SM_FaceBookIcon" class="facebook_icon"> <span aria-hidden="true" class="nu nu-secondary_facebook_logo fab fa-facebook-f"></span> </a> </li> <li class="social-media-twitter "> <a href="https://twitter.com/starwars?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank" aria-label="X (formerly Twitter), opens in new tab" rel="noopener" data-selenium-id="SM_TwitterIcon" class="twitter_icon"> <span aria-hidden="true" class="nu nu-twitter_logo fab fa-twitter"></span> </a> </li> <li class="social-media-pinterest "> <a href="https://www.pinterest.com/explore/star-wars/?lp=true" target="_blank" aria-label="Pinterest, opens in new tab" rel="noopener" data-selenium-id="SM_PinterestIcon" class="pinterest_icon"> <span aria-hidden="true" class="fab fa-pinterest"></span> </a> </li> </ul> </div> <div class="ysi-socialmedia-widget ysi-socialmedia-popover-wrapper d-none"> <ul class="ysi-socialmedia-popover-icons list-inline text-center list-inline"> </ul> </div> </div> </div></div></div> <div style="background-color:#0e111b !important" class="pt-5 text-white se-custom-bgcolor"><div class="container-fluid"><div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-center col-12"><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/footerlinks-widget.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/footerlinks-widget.134243532220000000.css"></noscript> <ul class="ysi-footer-links list-unstyled inline text-uppercase text-xs"> <li class="py-2 py-sm-0"><a class="color-inherit" href="https://tranceterraces-thecafesandbox.securecafe.com/residentservices/trance-terraces/userlogin.aspx?dropdownlangid=999" target="_blank" data-selenium-id="SID_footer_ResidentLogin"> Resident Login <span class="sr-only">Opens in a new tab</span></a></li> <li class="py-2 py-sm-0"><a class="color-inherit" href="https://tranceterraces-thecafesandbox.securecafe.com/onlineleasing/trance-terraces/guestlogin.aspx?dropdownlangid=999" target="_blank" data-selenium-id="SID_footer_ApplicantLogin"> Applicant Login <span class="sr-only">Opens in a new tab</span></a></li> <li class="py-2 py-sm-0"> <a class="color-inherit" href="/termsandconditions" target="_blank" data-selenium-id="SID_footer_termsandconditions"> Terms and Conditions <span class="sr-only">Opens in a new tab</span> </a> </li> <li class="py-2 py-sm-0"> <a class="color-inherit" href="/privacypolicy" target="_blank" data-selenium-id="SID_footer_privacypolicy"> Privacy Policy <span class="sr-only">Opens in a new tab</span> </a> </li> <li class="py-2 py-sm-0"> <a class="color-inherit" href="/contactus" data-selenium-id="SID_footer_contactus"> Contact Us </a> </li> <li class="py-2 py-sm-0"> <a class="color-inherit" href="/accessibility" target="_blank" data-selenium-id="SID_footer_accessibility"> Accessibility Statement <span class="sr-only">Opens in a new tab</span> </a> </li> </ul> <script language="javascript"> function translatepage() { var url1 = window.location; var lang1 = (navigator.language || navigator.userLanguage); var e = (document.charset || document.characterSet); var urlf = 'https://translate.google.com/translate?prev=hp&hl=en&js=y&u=' + url1 + '&sl=' + e + '&tl=' + lang1 + '&history_state0='; window.open(urlf); } </script> </div> </div></div></div> <div style="background-color:#0e111b !important" class="text-white se-custom-bgcolor"><div class="container-fluid"><div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-center col-12"> <div class="ysi-copyright"> <svg role="img" alt="Equal housing opportunity" aria-labelledby="svgeho" focusable="false" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1em" height=".884em" viewbox="0 0 15.2 10.72"> <title id="svgeho">Equal housing opportunity</title> <defs><style> .cls-1 { fill-rule: evenodd; } </style></defs> <path class="cls-1" d="M7.54,0,0,3.72V5.46H.84V10.7H14.19V5.46h1V3.72Zm5,9.12H2.48V4.34l5.06-2.6,5,2.6Z"></path> <polygon class="cls-1" points="9.85 6.02 5.18 6.02 5.18 4.34 9.85 4.34 9.85 6.02 9.85 6.02"></polygon> <polygon class="cls-1" points="9.85 8.44 5.18 8.44 5.18 6.76 9.85 6.76 9.85 8.44 9.85 8.44"></polygon> </svg> <span id="footerText" data-selenium-id="customCopyrightText">©2026</span> <span> | <span>Powered by RentCafe </span>(© <span>2026 </span> Yardi Systems, Inc.<span> All Rights Reserved.</span>)</span> </div> </div> </div></div></div> <div style="background-color:#0e111b !important" class="pt-4 pb-5 se-custom-bgcolor"><div class="container-fluid"><div class="row justify-content-center"> <div class="justify-content-start align-items-center flex-column d-flex text-center col-12"></div> </div></div></div> </footer> <div class="container-fluid w-100 fixed-bottom nudgestrip d-none"> <div class="row bg-secondary d-block d-md-none text-center"> <div class="col p-0"> <button type="button" class="btn btn-primary btn-block" onclick="ysi.nudge.showNudge()"> This is Custom offer, please check. </button> </div> </div> </div> <div class="w-100 nudge-container"> <button id="customBtn" type="button" class="btn btn-primary d-none position-absolute" data-toggle="modal" data-target="#customNudge" onclick="opendialog('customNudgeBody')"> Launch Custom Nudge modal </button> <!-- Modal --> <div class="nudgemodal modal fade" id="customNudge" tabindex="0" role="dialog" aria-labelledby="customNudgeTitle" aria-hidden="true" aria-modal="true" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content" id="customNudgeBody"> <div class="modal-header"> <h2 class="w-100 modal-title text-center" id="customNudgeTitle">This is Custom offer, please check.</h2> <button type="button" class="close" data-dismiss="modal" data-selenium-id="customNudgeClose" aria-label="Close" onclick="ysi.nudge.closeNudge()"> <svg width="14px" height="22px" fill="#000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> <div class="modal-body text-center"> <p class="customHTML"></p> <div class="mb-3"> <a type="button" href="#" class="btn btn-light mt-3" onclick="ysi.nudge.onSubmit(); return false;" data-selenium-id="customRedirect">Show Me</a> </div> <div class="mb-3"> <a type="button" href="#" data-dismiss="modal" class="btn btn-link btn-sm mt-1 text-underline" onclick="ysi.nudge.closeNudge(); return false;" data-selenium-id="customNudgeClose">Got It</a> </div> </div> </div> </div> </div> </div> <!--END: Custom Nudge modal --> <input type="hidden" id="nudge-request-verification-token" name="nudge-request-verification-token" value="CfDJ8CtwjdPBESBMu9DVKc5_ZZ2YQZVXyvYUhQH4OxRd9U73qYhtFc2QRAmC9Xb6XPbQNJlm3FH0Y6wNhh9HDt2zAwLtnCJ3RcI162kCFU-o-z4dPpoM4XtErmnxtKitlAEkrDeeNgDmEkryc42RQHO_F6E" /> <input type="hidden" name="nudgepopid" id="nudgepopid" value=""> <input type="hidden" name="pageId" id="pageId" value="2949793"> <input type="hidden" name="requestpage" id="requestpage" value="floorplans"> <input type="hidden" name="nudgeid" id="nudgeid" value="142055"> <input type="hidden" name="nudgeUrlPattern" id="nudgeUrlPattern" value="" /> <script> ysi.registerCallback(function () { ysi.nudge && ysi.nudge.init({ propertyurl: 'tranceterraces.thecafesandbox.com', cookiekey: "nud_624396", cookievalue: "eyJwdiI6MCwiY24iOjE0MjA1NSwiYW4iOlsxNDIwNTVdLCJpYW4iOltdfQ==", playtimer: parseInt('0') * 1000, pagerequested: "floorplans", apiurl: "https://api.rentcafe.com/rentcafeapi.aspx?requestType=NudgeStatsTracker&propertyId=NjI0Mzk2-AS5AdMG%2bNnY%3d&pageId=Mjk0OTc5Mw%3d%3d-tZjEoW9LhmM%3d", campaignType: "3", isBottomLayout: false, isModestLayout: false, isCompanyNudge: false, outboundLink: "scheduletour", donottrack: false, isaddstat: true, nudgeid: 'MTQyMDU1-ZGiNOVhahFE%3d' }); let promoCode = document.getElementById("promoCode"), newCode = document.getElementById("newCode"); if (promoCode && newCode) { newCode.innerHTML = promoCode.innerHTML.split('').join(' '); } if(document.getElementById('nudgepreviousPageTitle')){ document.getElementById('nudgepreviousPageTitle').value = document.title; } }); function fireGaNudgePhone() { if (typeof gtag !== 'undefined' ) { var myPage = location.pathname.replace("/", ""); if (myPage === "") { myPage = "index"; } if (false ) { var propertyName = document.querySelector('meta[name="author"]').content; gtag('event', 'phone_call', { 'property_name': propertyName, 'page_name': document.title, 'page_url': window.location.href, 'nudge_phone_number': '(919) 123-6745'}); } gtag('event', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickNudge', 'event_label': myPage }); gtag('rc.send', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickNudge', 'event_label': myPage }); } } </script> <script> // Set visited timestamp, regardless of whether a nudge is on this page let visited = localStorage.getItem('timestamp'); if (!visited) { localStorage.setItem('timestamp', new Date().getTime()); } let innerPage = document.getElementById("innerpage"); // We check if device uses common breakpoint 767px, has touch capabilities, or supports DocumentTouch interface (supported by some older mobile browsers) let isMobileorTablet = window.matchMedia('(max-width: 767px)').mactches || ('ontouchstart' in window) || (window.DocumentTouch && document instanceof window.DocumentTouch); if (innerPage && !isMobileorTablet) { console.log('Not mobile or tablet'); let mainEle = document.querySelector("main"); let bannerImg = mainEle.previousElementSibling; if (bannerImg.classList.contains("fixed-background") && !bannerImg.classList.contains("ysi-innerpage-banner")) { console.log("No Banner Image Widget") bannerImg.classList.add("center-top"); let nudgeEle = document.getElementById("nudgeTop"); let menuEle = document.querySelector(".sticky-top"); function updateBackgroundPosition() { /* *We use the height of the nudge to correct *the position of the banner image when set to parallax */ let menuHeight = menuEle.offsetHeight; let nudgeHeight = nudgeEle.offsetHeight; bannerImg.style.backgroundPositionY = (nudgeHeight + menuHeight) + 'px'; } // Update background position updateBackgroundPosition(); // Update if window resized //window.addEventListener("resize", updateBackgroundPosition); // We chech for changes in the nudge widget let resizeObserver = new ResizeObserver(() => { updateBackgroundPosition(); }); resizeObserver.observe(nudgeEle); // We remove the classes that cause bg image to blow out bannerImg.classList.remove("cover", "center-center") }; } </script> <yardi-widget-craigslist /> <script> ysi.SiteId = 'NTQ3MQ%3d%3d-ymUavYKfd8U%3d'; ysi.registerCallback(function () { ysi.SiteId='NTQ3MQ%3d%3d-ymUavYKfd8U%3d'; if (window.location.search ) { if (window.location.search.includes("touchpoint")) { if (!ysi.cookie.read('Propleadtouchpoint_' + 624396)) { var urlParams = new URLSearchParams(window.location.search); urlParams.forEach(function (value, key) { if (key == "touchpoint" && value.length > 0) { ysi.cookie.create("Propleadtouchpoint_" + 624396, value, 0.0138889); } }); } } if (window.location.search.includes("conversationguid")) { var urlParams = new URLSearchParams(window.location.search); urlParams.forEach(function (value, key) { if (key == "conversationguid" && value.length > 0 && value.length != "undefined") { var conversationguidval = value; ysi.cookie.create("cgid", conversationguidval, 0.0138889); } }); } if (window.location.search.includes("ccpid")) { if (!ysi.cookie.read('ccpid_' + 624396)) { var urlParams = new URLSearchParams(window.location.search); urlParams.forEach(function (value, key) { if (key == "ccpid" && value.length > 0) { ysi.cookie.create("ccpid_" + 624396, value, 0.0138889); } }); } } } }); </script> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/photogallery-default-widget.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/photogallery-default-widget.134243532220000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/modal-widget.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/modal-widget.134243532220000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/ysi.datepicker.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/ysi.datepicker.134243532220000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/floorplans-optimized-layout-widget.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/floorplans-optimized-layout-widget.134243532220000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/floorplans-filter.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/floorplans-filter.134243532220000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/floorplans-optimized-image-modal.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/floorplans-optimized-image-modal.134243532220000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/prequal-widget.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/prequal-widget.134243532220000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/testimonials-widget.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/testimonials-widget.134243532220000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/address-widget.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/address-widget.134243532220000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/nudge-widget.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/nudge-widget.134243532220000000.css"></noscript> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.colors.134243530090000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/nudge-personalized.134243530060000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.bsn.134243530090000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.lib.134243530100000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.smartclasses.134243530100000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/siteeditor-preview.134243530010000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/incompatible-browser.134243529990000000.js" nomodule="nomodule"></script> <script src="https://cdngeneralmvc.rentcafe.com/admin/admin-area.js" defer="defer"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.bootstrap.carousel.134243530080000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/focus-scroll-visible.134243530040000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/socialmedia-widget.134243530080000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/floating-label-dropdown.134243530040000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/nudge-widget.134243530060000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.datepicker.134243530090000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.modal.134243530100000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/menu.134243530050000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/floorplans-widget.134243530040000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/contactus.134243530030000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/contactmodal-widget.134243530020000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/floorplan-optimized-image-modals.134243530040000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/floorplan-optimized-layout-widget.134243530040000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/recaptcha-widget.134243530060000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/modal-widget.134243530050000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/prequal-widget.134243530060000000.js"></script> <script>ysi.serviceworker={register:function(){if("serviceWorker"in navigator){let e=document.getElementById("mainCSS"),r=e?encodeURI(e.getAttribute("href")):"",i=r?r.substr(r.indexOf(".")+1,r.lastIndexOf(".")-r.indexOf(".")-1):"",s=document.querySelectorAll("[data-name=property-logo]")[0],t=s?"PICTURE"===s.tagName?s.getElementsByTagName("img")[0].src:s.src:"",o="/serviceworker.js?version="+i+"&css="+r+"&logo="+(t=t?encodeURI(t):"")+"&serviceworker=1";navigator.serviceWorker.register(o)}}},ysi.serviceworker&&ysi.serviceworker.register();</script> <!-- <yardi-add-sass path="widgets/go-to-top" async="true" /> --> <div id="goToTop" role="complementary" aria-labelledby="gototoparialabel"> <button data-selenium-id="btngototop" class="btn btn-dark border-0 "><svg width="16px" height="26px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z" /></svg><span class="sr-only" id="gototoparialabel">Go to top</span></button> </div> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/go-to-top.134243530040000000.js" defer="defer"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.localstorage.134243530100000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/adwords_gadid.134243529960000000.js"></script> <style> :root { --helpwidget-background-color: #000000; --helpwidget-outline-color: #ffffff; } </style> <div id="help-widget" class="w-100 widget-right" role="complementary" aria-label="Front desk - how can we help you?"> <input type="hidden" name="propertyid" id="propertyid" value="624396"> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/help-widget-default.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/help-widget-default.134243532220000000.css"></noscript> <!---START: Layout horizontal---> <!---NOTE: .frontdesk-animation is used for animation. Remove class if you want to remove animation---> <div id="frontDesk-widget-horizontal" class="frontDesk-widget-horizontal horizontal position-fixed d-flex frontdesk-animation"> <button id="btnFrontDesk" type="button" class="btn btn-primary hide-frontDesk-widget animation-bell bell" aria-expanded="false" data-selenium-id="showHidefrontDeskWidget"> <span class="d-block bounce-dot"></span> <span class="btn-bell d-inline-block"> <span class="fas fa-concierge-bell" aria-hidden="true"></span> <span class="sr-only">Front desk options </span> </span> </button> <div id="frontDesk-widget-wrapper" class="frontDesk-widget-wrapper close-widget"> <!-- Email Us - modal --> <button id="email-us-btn" data-modal-url="/contactus?IsDialog=1&IsFrontDesk=true" type="button" class="btn btn-primary email-us-btn widget-btns trigger-popup" data-selenium-id="emailUs" data-toggle="tooltip" data-placement="top" data-animation="true" data-title="Email Us"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" stroke-width="2"><g stroke-width="2" transform="translate(0, 0)"><polyline data-cap="butt" data-color="color-2" points="1.614 3.558 12 13 22.385 3.559" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></polyline> <rect x="1" y="3" width="22" height="18" rx="2" ry="2" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect></g></svg><span class='sr-only'>Email Us</span></button> <!-- Call Us - mobile --> <a id="call-us-btn-phone" href="tel:(919) 123-6745" onclick="callusGA4trackM();" role="button" class="btn btn-primary click-to-call-href click-to-call-title call-us-btn widget-btns d-inline-block d-md-none" data-selenium-id="callUsPhone" data-toggle="tooltip" data-placement="top" data-animation="true" data-title="Call Us at (919) 123-6745"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 48 48" stroke-width="4"><g stroke-width="4" transform="translate(0, 0)"><path d="M31.041,28.94l-3.423,4.279A36.116,36.116,0,0,1,14.782,20.384l4.279-3.423a2.908,2.908,0,0,0,.84-3.45L16,4.728a2.908,2.908,0,0,0-3.39-1.635L5.186,5.019A2.925,2.925,0,0,0,3.028,8.25,43.142,43.142,0,0,0,39.751,44.973a2.925,2.925,0,0,0,3.23-2.158l1.926-7.425A2.91,2.91,0,0,0,43.273,32l-8.782-3.9A2.907,2.907,0,0,0,31.041,28.94Z" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="4" stroke-linejoin="miter"></path></g></svg><span class='sr-only'>Call Us</span></a> <!-- Call Us - desktop --> <button id="call-us-btn" aria-label="Call Us" type="button" class="btn btn-primary click-to-call-title call-us-btn widget-btns trigger-popup d-none d-md-inline-block" data-selenium-id="callUsDesktop" data-toggle="tooltip" data-placement="top" data-animation="true" data-title="Call Us at (919) 123-6745"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 48 48" stroke-width="4"><g stroke-width="4" transform="translate(0, 0)"><path d="M31.041,28.94l-3.423,4.279A36.116,36.116,0,0,1,14.782,20.384l4.279-3.423a2.908,2.908,0,0,0,.84-3.45L16,4.728a2.908,2.908,0,0,0-3.39-1.635L5.186,5.019A2.925,2.925,0,0,0,3.028,8.25,43.142,43.142,0,0,0,39.751,44.973a2.925,2.925,0,0,0,3.23-2.158l1.926-7.425A2.91,2.91,0,0,0,43.273,32l-8.782-3.9A2.907,2.907,0,0,0,31.041,28.94Z" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="4" stroke-linejoin="miter"></path></g></svg></button> <!-- Schedule tour --> <button id="schedule-a-tour-btn" data-modal-url="/scheduletour?IsDialog=true" type="button" class="btn btn-primary schedule-a-tour-btn widget-btns trigger-popup" data-selenium-id="scheduleTour" data-toggle="tooltip" data-placement="top" data-animation="true" data-title="Schedule a Tour"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" stroke-width="2"><g stroke-width="2" transform="translate(0, 0)"><rect data-color="color-2" x="5" y="12" width="2" height="1" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="11" y="12" width="2" height="1" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="5" y="17" width="2" height="1" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="11" y="17" width="2" height="1" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="17" y="12" width="2" height="1" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <rect data-color="color-2" data-stroke="none" x="5" y="12" width="2" height="1" fill="#ffffff"></rect> <rect data-color="color-2" data-stroke="none" x="11" y="12" width="2" height="1" fill="#ffffff"></rect> <rect data-color="color-2" data-stroke="none" x="5" y="17" width="2" height="1" fill="#ffffff"></rect> <rect data-color="color-2" data-stroke="none" x="11" y="17" width="2" height="1" fill="#ffffff"></rect> <rect data-color="color-2" data-stroke="none" x="17" y="12" width="2" height="1" fill="#ffffff"></rect> <rect x="1" y="3" width="22" height="19" rx="2" ry="2" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <line x1="6" y1="1" x2="6" y2="4" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></line> <line x1="18" y1="1" x2="18" y2="4" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></line> <line x1="1" y1="8" x2="23" y2="8" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="2"></line></g></svg><span class='sr-only'>Schedule a Tour</span></button> </div> </div> <!---END: Layout horizontal---> <!--- Show/Hide aria-label for Front Desk button ---> <script> (function (d) { "use strict"; function updateBtnFrontDeskAriaLabel(btn) { if (!btn || btn.id !== "btnFrontDesk") return; var expanded = btn.getAttribute("aria-expanded"); btn.setAttribute("aria-label", expanded === "true" ? "Hide Front Desk" : "Show Front Desk"); } function init() { var btn = d.getElementById("btnFrontDesk"); if (!btn) return; updateBtnFrontDeskAriaLabel(btn); if (window.MutationObserver) { var observer = new MutationObserver(function () { updateBtnFrontDeskAriaLabel(btn); }); observer.observe(btn, { attributes: true, attributeFilter: ["aria-expanded"] }); } } if (d.readyState === "loading") d.addEventListener("DOMContentLoaded", init); else init(); })(document); </script> <style> :root { --helpwidget-window-x-offset: 0px; --helpwidget-window-y-offset: 0px; } </style> <!--START Modal: Contact Us / Email Us --> <div id="email-us-window" class="popup-widgets-window draggable scrollable "> <div class="popup-content"> <div class="popup-header modal-header"> <h2 class="m-0 text-truncate">Contact Us </h2> <button class="close" aria-label="Close this dialog window" data-selenium-id="close"> <span aria-hidden="true" class="fa fa-times"></span></button> </div> <div id="help-widget-email-modal-body" class="popup-body p-4"> </div> </div> </div> <!--END Modal: Contact Us / Email Us --> <!--START Modal: Call Us --> <div id="call-us-window" class="popup-widgets-window draggable scrollable "> <div class="popup-content"> <div class="popup-header modal-header"> <h2 class="m-0 text-truncate">Call Us</h2> <button class="close" aria-label="Close this dialog window" data-selenium-id="close"> <span aria-hidden="true" class="fa fa-times"></span></button> </div> <div class="popup-body p-4 text-center"> <strong class="text-xl mb-4 d-block"> <style>.mobile-only .click-to-call{display:none}</style> <div class="ysi-phone-widget ysi-phone-wrapper"> <div class="d-inline-flex"> <a data-selenium-id="click_to_call" onclick="fireGaPhone()" href="tel:(919) 123-6745" class="ysi-phone-number click-to-call-href text-decoration-none color-inherit " data-selenium-id="click-to-call"> <span aria-hidden="true" class="fa-flip-horizontal fas fa-phone mobile-phone-icon"></span> <span class="sr-only">Phone Number</span> <span class="click-to-call ml-2 text-underline">(919) 123-6745</span> </a> </div> </div> <script> function fireGaPhone() { if (typeof gtag != 'undefined') { var myPage = location.pathname.replace("/", ""); if (myPage == "") { myPage = "index"; } if (false ) { var propertyName = document.querySelector('meta[name="author"]').content; gtag('event', 'phone_call', { 'property_name': propertyName, 'page_name': document.title, 'page_url': window.location.href, 'header_phone_number': '(919) 123-6745'}); } gtag('event', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); gtag('rc.send', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); } } </script> </strong> <div class="ysi-office-hours-widget ysi-office-hours-wrapper"> <div class="d-inline-flex"> <div class="ysi-office-hours" data-selenium-id="SID_footer_officeHours"> <ul class="list-unstyled mb-0"> <li class=" "> <span class="office-hours-day" data-selenium-id="OHMonday">Monday: </span> <span class="office-hours-time" data-selenium-id="OHMondayTime">9:00 AM <span class="sr-only">to</span> - 6:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHTuesday">Tuesday: </span> <span class="office-hours-time" data-selenium-id="OHTuesdayTime">9:00 AM <span class="sr-only">to</span> - 6:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHWednesday">Wednesday: </span> <span class="office-hours-time" data-selenium-id="OHWednesdayTime">9:00 AM <span class="sr-only">to</span> - 6:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHThursday">Thursday: </span> <span class="office-hours-time" data-selenium-id="OHThursdayTime">9:00 AM <span class="sr-only">to</span> - 6:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHFriday">Friday: </span> <span class="office-hours-time" data-selenium-id="OHFridayTime">9:00 AM <span class="sr-only">to</span> - 6:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHSaturday">Saturday: </span> <span class="office-hours-time" data-selenium-id="OHSaturdayTime">10:00 AM <span class="sr-only">to</span> - 5:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHSunday">Sunday: </span> <span class="office-hours-time" data-selenium-id="OHSundayTime">1:00 PM <span class="sr-only">to</span> - 5:00 PM</span> </li> </ul> </div> </div> </div> </div> <div class="border-top px-4 py-4 text-center"> <div class="ysi-address-widget ysi-address-wrapper"> <div class="d-inline-flex"> <address class="ysi-address"> <a class="address-link color-inherit d-block" href="https://maps.google.com?q=66 Execute Order Ave Coroscant, CA 90210" target="_blank" rel="noreferrer"> <div itemprop="name" data-selenium-id="address_propname">Trance Terraces</div> <div itemprop="address"> <div data-selenium-id="address_street"> 66 Execute Order Ave </div> <div> <span data-selenium-id="address_city">Coroscant</span>, <span data-selenium-id="address_state">CA</span><span data-selenium-id="address_zip"> 90210</span> </div> </div> <span class="sr-only">Opens in a new tab</span> </a> </address> </div> </div> </div> </div> </div> <!--END Modal: Call Us --> <div id="schedule-a-tour-window" class="popup-widgets-window draggable scrollable "> <div class="popup-content"> <div class="popup-header modal-header"> <h2 class="m-0 text-truncate">Schedule A Tour</h2> <button class="close" aria-label="Close this dialog window" data-selenium-id="close"> <span aria-hidden="true" class="fa fa-times"></span></button> </div> <div id="help-widget-schedule-a-tour-modal-body" class="popup-body"> <!-- Modal content loaded here --> </div> </div> </div> </div> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.modal.134243530100000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/recaptcha-widget.134243530060000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/contactus.134243530030000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/contactmodal-widget.134243530020000000.js"></script> <script> function textGA4track(eventName) { if (typeof gtag != 'undefined') { gtag('event', eventName, { 'property_name': document.querySelector('meta[name="author"]').content, 'page_url': window.location.href, 'page_name': document.title, 'form_name': 'text_us', 'button_label': 'text_us' }); } } let chatBtn = document.querySelector('#rentcafe-conversations-webchat-btn'); if (chatBtn) { chatBtn.addEventListener('click', function () { if (typeof gtag != 'undefined') { gtag('event', 'rentcafe_chatbot', { 'property_name': document.querySelector('meta[name="author"]').content, 'page_url': window.location.href, 'page_name': document.title, 'form_name': 'chat', 'button_label': 'chat_with_us' }); } }); } let textUsBtn = document.querySelector('#text-us-btn'); if (textUsBtn) { textUsBtn.addEventListener('click', function () { textGA4track('front_desk'); }); } let rccTextUsBtn = document.querySelector('#rentcafe-conversations-sms-btn'); if (rccTextUsBtn) { rccTextUsBtn.addEventListener('click', function () { textGA4track('rentcafe_chatbot'); }); } let emailUsBtn = document.querySelector('#email-us-btn'); if (emailUsBtn) { emailUsBtn.addEventListener('click', function () { if (typeof gtag != 'undefined') { gtag('event', 'open_modal', { 'property_name': document.querySelector('meta[name="author"]').content, 'page_url': window.location.href, 'page_name': document.title, 'form_name': 'contact_us', 'button_label': 'email_us' }); } }); } // Desktop Call Us button let callUsDbtn = document.querySelector('#call-us-btn'); if (callUsDbtn) { callUsDbtn.addEventListener('click', function() { if (typeof gtag !== 'undefined') { gtag('event', 'open_modal', { 'property_name': document.querySelector('meta[name="author"]').content, 'page_url': window.location.href, 'page_name': document.title, 'form_name': 'call_us', 'button_label': 'call_us' }); } }); } // Schedule A Tour button let scheduleTourBtn = document.querySelector('#schedule-a-tour-btn'); if (scheduleTourBtn) { scheduleTourBtn.addEventListener('click', function() { if (typeof gtag !== 'undefined') { gtag('event', 'open_modal', { 'property_name': document.querySelector('meta[name="author"]').content, 'page_url': window.location.href, 'page_name': document.title, 'form_name': 'schedule_a_tour', 'button_label': 'schedule_a_tour' }); } }); } </script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/help-widget.134243530040000000.js"></script> <!-- Nudge positioning --> <script> ysi.helpWidgetOverlapNudge = false; </script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/help-widget-nudge-positioning.134243530040000000.js"></script> <!-- ScheduleTourEnabled --> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/ysi.datepicker.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/ysi.datepicker.134243532220000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/schedule-a-tour.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/schedule-a-tour.134243532220000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/help-widget-schedule-a-tour.134243532220000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/help-widget-schedule-a-tour.134243532220000000.css"></noscript> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.datepicker.134243530090000000.js" defer="defer"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/schedule-tour.134243530070000000.js" defer="defer"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/intltelinput.134243529990000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/inttelphoneinput.134243529990000000.js"></script> <link href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/intlTelInput.134243532220000000.css" rel="stylesheet" type="text/css" /> <link data-href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/overlayscrollbar.134243532220000000.css" rel="stylesheet" type="text/css" id="overlayScrollbarStyle" /> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.scrollbars.134243530100000000.js"></script> <script data-src="https://cdngeneralmvc.rentcafe.com/common/js/overlayscrollbars.134243530010000000.js" data-delayload="true" id="overlayScrollbarScript" data-callback="load"></script> <script type="application/ld+json"> { "@context": "https://www.schema.org", "@type": [ "LocalBusiness", "ApartmentComplex" ], "url": "https://tranceterraces.thecafesandbox.com/", "logo": "https://resource.rentcafe.com/image/upload/q_auto,f_auto/s3/3/624396/1dc2_imperial_logo_dd.jpg", "image": "", "priceRange": "$$", "petsAllowed": true, "accommodationFloorPlan": [ { "@type": "FloorPlan", "name": "Kashyyk Tree House", "numberOfBedrooms": 1, "numberOfFullBathrooms": 1.0, "floorSize": { "@type": "QuantitativeValue", "minValue": 950.0, "maxValue": 950.0 } }, { "@type": "FloorPlan", "name": "Naboo Royal Palace", "numberOfBedrooms": 3, "numberOfFullBathrooms": 3.0, "floorSize": { "@type": "QuantitativeValue", "minValue": 2000.0, "maxValue": 3000.0 } }, { "@type": "FloorPlan", "name": "Gungan Bubble Doma", "numberOfBedrooms": 2, "numberOfFullBathrooms": 2.0, "floorSize": { "@type": "QuantitativeValue", "minValue": 1300.0, "maxValue": 1300.0 } }, { "@type": "FloorPlan", "name": "Hoth Cave Den", "numberOfBedrooms": 1, "numberOfFullBathrooms": 1.0, "floorSize": { "@type": "QuantitativeValue", "minValue": 950.0, "maxValue": 1000.0 } }, { "@type": "FloorPlan", "name": "Endor Luxury Terrace", "numberOfBedrooms": 1, "numberOfFullBathrooms": 1.0, "floorSize": { "@type": "QuantitativeValue", "minValue": 900.0, "maxValue": 980.0 } }, { "@type": "FloorPlan", "name": "Dagobah Swamp Dwelling", "numberOfBedrooms": 1, "numberOfFullBathrooms": 1.0, "floorSize": { "@type": "QuantitativeValue", "minValue": 450.0, "maxValue": 600.0 } }, { "@type": "FloorPlan", "name": "CloudCitySkyHouse", "numberOfBedrooms": 2, "numberOfFullBathrooms": 2.0, "floorSize": { "@type": "QuantitativeValue", "minValue": 1010.0, "maxValue": 1010.0 } } ], "sameAs": [ "https://www.facebook.com/Iamaddictedtostarwars/", "https://twitter.com/starwars?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor", "https://www.pinterest.com/explore/star-wars/?lp=true" ], "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday" ], "opens": "09:00:00", "closes": "18:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Tuesday" ], "opens": "09:00:00", "closes": "18:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Wednesday" ], "opens": "09:00:00", "closes": "18:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Thursday" ], "opens": "09:00:00", "closes": "18:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Friday" ], "opens": "09:00:00", "closes": "18:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Saturday" ], "opens": "10:00:00", "closes": "17:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Sunday" ], "opens": "13:00:00", "closes": "17:00:00" } ], "name": "Trance Terraces", "address": { "@type": "PostalAddress", "addressLocality": "Coroscant", "addressRegion": "CA", "addressCountry": "US", "postalCode": "90210", "streetAddress": "66 Execute Order Ave" }, "telephone": "(919) 123-4532", "hasMap": "" }</script> <yardi-widget-siteeditorscript /> </body> </html>