<link rel="stylesheet" href="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/css/style.css">
<link rel="stylesheet" href="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/css/tienich.css">
<script type="text/javascript" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/js/tienich.js"></script>
<script type="text/javascript" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/js/menu.js"></script>
<body>
    <style>
    a.alang{font-size:20px; text-decoration: none;color:#000;}
    span.alang{font-size: 20px;color: #000;color:#000;}
    body.nav-dark a.alang, body.nav-dark span.alang{color:#fff;}
    .menu-benph{text-align: right;padding-right: 20px;}
</style>
<div class="loader">
    <div class="loader-bg"></div>
    <div class="loader-logo">
        <img al="Green Skyline" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/index/logo-trang.png" alt="Green Skyline">
    </div>
</div>
<!-- Header -->
<header class="d-flex">
    <div class="logo-wrapper">
        <a href="https://green-skyline.net" class="logo">
            <img al="Green Skyline" class="imglogo" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/index/logo-xanh.png" alt="Green Skyline">
        </a>
    </div>
    <div class="menu-benph">
        <!--<div class="menu-lang">
            <p><a class="alang" href="https://green-skyline.net" aria-label="Vietnamese" lang="vi">VI</a> 
                <span class="alang">|</span> 
                <a class="alang" href="https://green-skyline.net/en" aria-label="English" lang="en-US">EN</a></p>
        </div>-->
        <div class="trp-shortcode-switcher__wrapper"
     style="--bg:#ffffff82;--bg-hover:#0000000d;--text:#143852;--text-hover:#1d2327;--border:1px solid #1438521a;--border-width:1px;--border-color:#1438521a;--border-radius:50px;--flag-radius:2px;--flag-size:18px;--aspect-ratio:4/3;--font-size:14px;--transition-duration:0.2s"
     role="group"
     data-open-mode="hover">

    
        <!-- Opposite mode: render ONLY the in-flow (relative) element so it holds space -->
        <div class="trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-hover trp-opposite-button"
             role="navigation"
             aria-label="Website language selector"
             data-no-translation>
                <div class="trp-current-language-item__wrapper trp-hide-arrow">
        <a class="trp-language-item trp-language-item__default" data-no-translation href="https://green-skyline.net/en/wp-json/wp/v2/pages/26#TRPLINKPROCESSED" title="VI"><img src="https://green-skyline.net/wp-content/plugins/translatepress-multilingual/assets/flags/4x3/vi.svg" class="trp-flag-image" alt="" role="presentation" loading="lazy" /><span class="trp-language-item-name">VI</span></a>            </div>
            </div>

    </div>
        <div class="menu-btn1">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
</header>    <!-- Fullscreen Menu Overlay -->
<div class="menu-overlay" id="menuOverlay">
    <div class="menu-btn2">
        <span></span>
        <span></span>
        <span></span>
    </div>
    <div class="menu-content">
        <div class="menu-left">
            <div class="menu-logo-wrapper">
                <img al="Green Skyline" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/index/logo-trang.png" alt="Green Skyline" class="menu-logo">
                <!--<h2 class="menu-brand-title">Green SkyLine</h2>-->
            </div>
        </div>
        <div class="menu-right">
            <nav class="menu-nav">
                <ul class="menu-nav-list">
                    <li><a href="https://green-skyline.net">
                            <span class="menu-text">Trang chủ</span>
                        </a></li>
                    <li><a href="https://green-skyline.net/gioi-thieu">
                            <span class="menu-text">Giới thiệu</span>
                        </a>
                    </li>
                    <li><a href="https://green-skyline.net/vi-tri">
                            <span class="menu-text">Vị trí</span>
                        </a>
                    </li>
                    <li><a href="https://green-skyline.net/tien-ich" >
                            <span class="menu-text">Tiện ích</span>
                        </a>
                    </li>
                    <li><a href="https://green-skyline.net/mat-bang">
                            <span class="menu-text">Mặt bằng</span>
                        </a>
                    </li>
                    <!--<li><a href="https://green-skyline.net/thu-vien"><span class="menu-text">Thư viện</span>
                        </a></li>-->
                    <li><a href="https://green-skyline.net/tin-tuc" >
                            <span class="menu-text">Tin tức</span></a>
                    </li>
                    <li>
                        <a href="https://green-skyline.net/tien-do"><span class="menu-text">Tiến độ</span>
                        </a>
                    </li>
                    <li><a href="https://green-skyline.net/lien-he">
                            <span class="menu-text">Liên hệ</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://phieutinhgia.green-skyline.net/" target="_blank" rel="noopener noreferrer">
                            <span class="menu-text">Phiếu tính giá</span>
                        </a>
                    </li>
                  	<li>
                        <a href="https://moonwebhub.online/vr360_tbsnew/staging/" target="_blank" rel="noopener noreferrer">
                            <span class="menu-text">360° View</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <div class="menu-background-image"></div>
    <div class="menu-overlay-image"></div>
</div>
    <!-- Side Navigation (Unified - Single List) - DESKTOP ONLY -->
    <nav class="side-nav d-none d-md-block">       
        <ul class="nav-items">
            <li class="nav-item active" id="nav-tang1-item" >
                <a href="#" onclick="goToHomeSection(event, 'tang1')">Tầng 1</a>
            </li>
            <li class="nav-item" id="nav-tang2-item">
                <a href="#" onclick="goToHomeSection(event, 'tang2')">Tầng 2</a>
            </li>
            <li class="nav-item" id="nav-tang3-item">
                <a href="#" onclick="goToHomeSection(event, 'tang3')">Tầng 3</a>
            </li>
            <li class="nav-item" id="nav-tang20-item">
                <a href="#" onclick="goToHomeSection(event, 'tang20')">Tầng 20</a>
            </li>
        </ul>
    </nav>

    <!-- MAIN SCROLL WRAPPER -->
    <div id="home-wrapper">

        <!-- =============================================
             SECTION 1: MASTER PLAN
             ============================================= -->
        <section id="section-tang1">
            <div class="map-area" id="tang1-map-area">
                <div class="map-info-container">
                    <div class="menuleft">
                        <div class="litem" datati="1" datasec="tang1">
                            <div class="litem_num">01</div>
                            <div class="litem_text">Trạm sạc ô tô điện</div>
                        </div>
                        <div class="litem" datati="2" datasec="tang1">
                            <div class="litem_num">02</div>
                            <div class="litem_text">Sân chơi trẻ em</div>
                        </div>
                        <div class="litem" datati="3" datasec="tang1">
                            <div class="litem_num">03</div>
                            <div class="litem_text">Khu thể dục ngoài trời</div>
                        </div>
                        <div class="litem" datati="4" datasec="tang1">
                            <div class="litem_num ">04</div>
                            <div class="litem_text">Phố đi bộ / mua sắm</div>
                        </div>
                        <div class="litem" datati="5" datasec="tang1">
                            <div class="litem_num">05</div>
                            <div class="litem_text">Nhà trẻ</div>
                        </div>                        
                    </div>
                </div>
                <div class="map-image-container" id="svg_tang1">
                    <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/tienich/tienich1.png" alt="Master Plan Perspective" class="map-image">
                    <svg class="map-svg" id="svgmaptang1" viewBox="0 0 750 887" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
                    <g class="master-label" datati="1">
                    <rect x="300" y="565" width="31.204" height="31.204" rx="15.602" fill="#000" stroke="#000" stroke-width="1"></rect>
                    <text x="315" y="585" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">01</text>
                    </g>
                    <g class="master-label" datati="2">
                    <rect x="370" y="565" width="31.204" height="31.204" rx="15.602" fill="#000" stroke="#000" stroke-width="1"></rect>
                    <text x="385" y="585" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">02</text>
                    </g>
                    <g class="master-label" datati="3">
                    <rect x="75" y="455" width="31.204" height="31.204" rx="15.602" fill="#000" stroke="#000" stroke-width="1"></rect>
                    <text x="90" y="475" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">03</text>
                    </g>
                    <g class="master-label" datati="4">
                    <rect x="371" y="227" width="31.204" height="31.204" rx="15.602" fill="#000" stroke="#000" stroke-width="1"></rect>
                    <text x="386" y="247" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">04</text>
                    </g>
                    <g class="master-label" datati="5">
                    <rect x="363" y="468" width="31.204" height="31.204" rx="15.602" fill="#000" stroke="#000" stroke-width="1"></rect>
                    <text x="378" y="486" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">05</text>
                    </g>
                    </svg>
                </div>
            </div>
            <div class="tooltip" id="tooltip-tang1" data-motion="fade-in" data-delay="0.8" 
                 style="opacity: 1; position: fixed; left: 996.859px; top: 153.306px; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">
                <img al="Green Skyline" fetchpriority="high" src="">
            </div>

        </section>

        <!-- =============================================
             SECTION 2: tang2
             ============================================= -->
        <section id="section-tang2">
            <div class="map-area" id="tang2-map-area"> <!-- Added ID -->
                <div class="map-info-container">
                    <div class="menuleft">
                        <div class="litem" datati="1" datasec="tang2">
                            <div class="litem_num">01</div>
                            <div class="litem_text">Khu vui chơi trẻ em</div>
                        </div>
                        <div class="litem" datati="2" datasec="tang2">
                            <div class="litem_num">02</div>
                            <div class="litem_text">Billiards</div>
                        </div>
                        <div class="litem" datati="3" datasec="tang2">
                            <div class="litem_num">03</div>
                            <div class="litem_text">Bóng bàn</div>
                        </div>                    
                    </div>
                </div>
                <div class="map-image-container" id="svg_tang2">
                    <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/tienich/tienich2.png" alt="Master Plan Perspective" class="map-image">
                    <svg class="map-svg" id="svgmaptang2" viewBox="0 0 783 872" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
                    <g class="master-label" datati="1">
                    <rect x="150" y="337" width="31" height="31" rx="21" fill="#000" stroke="#000" stroke-width="1"></rect>
                    <text x="165" y="355" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">01</text>
                    </g>
                    <g class="master-label" datati="2">
                    <rect x="180" y="337" width="31" height="31" rx="21" fill="#000" stroke="#000" stroke-width="1"></rect>
                    <text x="195" y="355" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">02</text>
                    </g>
                    <g class="master-label" datati="3">
                    <rect x="210" y="337" width="31" height="31" rx="21" fill="#000" stroke="#000" stroke-width="1"></rect>
                    <text x="225" y="355" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">03</text>
                    </g>
                    </svg>
                </div>
            </div>

            <!-- Tooltip -->
            <div class="tooltip" id="tooltip-tang2" data-motion="fade-in" data-delay="0.8" 
                 style="opacity: 1; position: fixed; left: 996.859px; top: 153.306px; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">
                <img al="Green Skyline" fetchpriority="high" src="">
            </div>
        </section>

        <!-- =============================================
                 SECTION 3: tang
                 ============================================= -->
        <section id="section-tang3">
            <div class="map-area" id="tang3-map-area">
                <div class="map-info-container">
                    <div class="menuleft">
                        <div class="litem" datati="1" datasec="tang3">
                            <div class="litem_num">01</div>
                            <div class="litem_text">Chòi nghỉ tổ chim</div>
                        </div>
                        <div class="litem" datati="2" datasec="tang3">
                            <div class="litem_num">02</div>
                            <div class="litem_text">Khuôn viên đọc sách</div>
                        </div>
                        <div class="litem" datati="3" datasec="tang3">
                            <div class="litem_num">03</div>
                            <div class="litem_text">Đường dạo bộ</div>
                        </div>
                        <div class="litem" datati="4" datasec="tang3">
                            <div class="litem_num">04</div>
                            <div class="litem_text">Hồ tiểu cảnh</div>
                        </div>
                        <div class="litem" datati="5" datasec="tang3">
                            <div class="litem_num">05</div>
                            <div class="litem_text">Khu vực BBQ</div>
                        </div>
                        <div class="litem" datati="6" datasec="tang3">
                            <div class="litem_num">06</div>
                            <div class="litem_text">Hồ bơi trẻ em</div>
                        </div>
                        <div class="litem" datati="7" datasec="tang3">
                            <div class="litem_num">07</div>
                            <div class="litem_text">Sân chơi trẻ em</div>
                        </div>
                        <div class="litem" datati="8" datasec="tang3">
                            <div class="litem_num">08</div>
                            <div class="litem_text">Hồ bơi tiêu chuẩn Resort</div>
                        </div>
                        <div class="litem" datati="9" datasec="tang3">
                            <div class="litem_num">09</div>
                            <div class="litem_text">Khu thể thao ngoài trời</div>
                        </div>
                        <div class="litem" datati="10" datasec="tang3">
                            <div class="litem_num">10</div>
                            <div class="litem_text">Vườn thư giãn</div>
                        </div>
                        <div class="litem" datati="11" datasec="tang3">
                            <div class="litem_num">11</div>
                            <div class="litem_text">Khu cà phê / Nhà hàng</div>
                        </div>
                        <div class="litem" datati="12" datasec="tang3">
                            <div class="litem_num">12</div>
                            <div class="litem_text">Phòng YOGA</div>
                        </div>
                        <div class="litem" datati="13" datasec="tang3">
                            <div class="litem_num">13</div>
                            <div class="litem_text">Phòng GYM</div>
                        </div>
                        <div class="litem" datati="14" datasec="tang3">
                            <div class="litem_num">14</div>
                            <div class="litem_text">Sauna</div>
                        </div>
                        <div class="litem" datati="15" datasec="tang3">
                            <div class="litem_num">15</div>
                            <div class="litem_text">Thư viện</div>
                        </div>
                    </div>
                </div>
                <div class="map-image-container"  id="svg_tang3">
                    <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/tienich/tienich3.png" alt="Master Plan Perspective" class="map-image">
                    <svg class="map-svg" viewBox="0 0 757 819" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
                        <!-- Label 01 -->
                        <g class="master-label" datati="1">
                            <rect x="399.94" y="116.03" width="23" height="23" rx="9.52" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="411.46" y="131.99" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">01</text>
                        </g>
                        <!-- Label 02 -->
                        <g class="master-label" datati="2">
                            <rect x="418.46" y="204.91" width="23" height="23" rx="9.52" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="429.98" y="220.87" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">02</text>
                        </g>
                        <!-- Label 03 -->
                        <g class="master-label" datati="3">
                            <rect x="283.91" y="317.24" width="23" height="23" rx="9.52" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="295.43" y="333.20" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">03</text>
                        </g>
                        <!-- Label 04 -->
                        <g class="master-label" datati="4">
                            <rect x="325.88" y="327.11" width="23" height="23" rx="9.52" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="337.40" y="343.07" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">04</text>
                        </g>
                        <!-- Label 05 -->
                        <g class="master-label" datati="5">
                            <rect x="332.05" y="391.30" width="23" height="23" rx="9.52" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="343.57" y="407.26" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">05</text>
                        </g>
                        <!-- Label 06 -->
                        <g class="master-label" datati="6">
                            <rect x="402.41" y="304.89" width="23" height="23" rx="9.52" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="413.93" y="320.85" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">06</text>
                        </g>
                        <!-- Label 07 -->
                        <g class="master-label" datati="7">
                            <rect x="502.40" y="323.41" width="23" height="23" rx="9.52" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="513.92" y="339.37" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">07</text>
                        </g>
                        <!-- Label 08 -->
                        <g class="master-label" datati="8">
                            <rect x="403.65" y="424.63" width="23" height="23" rx="9.52" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="415.17" y="440.59" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">08</text>
                        </g>
                        <!-- Label 09 -->
                        <g class="master-label" datati="9">
                            <rect x="288.85" y="587.57" width="23" height="23" rx="9.52" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="300.37" y="603.53" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">09</text>
                        </g>
                        <!-- Label 10 -->
                        <g class="master-label" datati="10">
                            <rect x="338.22" y="606.09" width="23" height="23" rx="9.52" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="349.74" y="622.05" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">10</text>
                        </g>
                        <!-- Label 11 -->
                        <g class="master-label" datati="11">
                            <rect x="217.25" y="313.54" width="23" height="23" rx="9.875" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="229.13" y="329.79" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">11</text>
                        </g>
                        <!-- Label 12 -->
                        <g class="master-label" datati="12">
                            <rect x="132.08" y="419.69" width="23" height="23" rx="9.875" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="143.96" y="435.94" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">12</text>
                        </g>
                        <g class="master-label" datati="13">
                            <rect x="613.49" y="340.69" width="23" height="23" rx="9.875" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="625.37" y="356.94" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">13</text>
                        </g>
                        <!-- Label 14 -->
                        <g class="master-label" datati="14">
                            <rect x="577.70" y="298.72" width="23" height="23" rx="9.875" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="589.58" y="314.97" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">14</text>
                        </g>
                        <!-- Label 15 -->
                        <g class="master-label" datati="15">
                            <rect x="187.63" y="418.46" width="23" height="23" rx="9.875" fill="#21362C" stroke="#21362C" stroke-width="1"></rect>
                            <text x="199.51" y="434.71" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#FFF">15</text>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="tooltip" id="tooltip-tang3" data-motion="fade-in" data-delay="0.8" 
                 style="opacity: 1; position: fixed; left: 996.859px; top: 153.306px; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">
                <img al="Green Skyline" fetchpriority="high" src="">
            </div>
        </section>
        <!-- =============================================
                 SECTION 4: tang
                 ============================================= -->
        <section id="section-tang20">
            <div class="map-area" id="tang20-map-area">
                <div class="map-info-container">
                    <div class="menuleft">
                        <div class="litem" datati="1" datasec="tang20">
                            <div class="litem_num">01</div>
                            <div class="litem_text">Khu tập YOGA ngoài trời</div>
                        </div>
                        <div class="litem" datati="2" datasec="tang20">
                            <div class="litem_num">02</div>
                            <div class="litem_text">Khu thư giãn ngắm cảnh</div>
                        </div>
                        <div class="litem" datati="3" datasec="tang20">
                            <div class="litem_num">03</div>
                            <div class="litem_text">Khu tập dưỡng sinh</div>
                        </div>
                        <div class="litem" datati="4" datasec="tang20">
                            <div class="litem_num">04</div>
                            <div class="litem_text">Đài quan sát</div>
                        </div>
                        <div class="litem" datati="5" datasec="tang20">
                            <div class="litem_num">05</div>
                            <div class="litem_text">Vườn thiền</div>
                        </div>
                        <div class="litem" datati="6" datasec="tang20">
                            <div class="litem_num">06</div>
                            <div class="litem_text">Cầu kính vọng cảnh</div>
                        </div>
                        <div class="litem" datati="7" datasec="tang20">
                            <div class="litem_num">07</div>
                            <div class="litem_text">Khu vực đọc sách thư giãn</div>
                        </div>
                        <div class="lipar" style="margin-top:10px;">
                            <p style="margin-bottom: 10px;font-size: 18px;">TIỆN ÍCH KHÁC</p>
                        </div>
                        <div class="litem"  datati="8" datasec="tang20">
                            <div class="litem_num">08</div>
                            <div class="litem_text">Hệ thống camera an ninh 4 lớp</div>
                        </div>
                        <div class="litem" datati="9" datasec="tang20">
                            <div class="litem_num">09</div>
                            <div class="litem_text">Hệ thống khoá vân tay/thẻ từ</div>
                        </div>
                    </div>
                </div>
                <div class="map-image-container"  id="svg_tang20">
                    <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/tienich/tang20.png" alt="Master Plan Perspective" class="map-image">
                    <svg class="map-svg" viewBox="0 0 733 850" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
                        <!-- Label 01 -->
                        <g class="master-label" datati="1">
                            <rect x="147.74" y="124.45" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="159.86" y="140.45" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">01</text>
                        </g>
                        <!-- Label 02 - vị trí 1 -->
                        <g class="master-label" datati="2">
                            <rect x="189.93" y="125.62" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="202.05" y="141.62" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">02</text>
                        </g>
                        <!-- Label 02 - vị trí 2-->
                        <g class="master-label" datati="2">
                            <rect x="225.08" y="125.62" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="237.20" y="141.62" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">02</text>
                        </g>
                        <!-- Label 03 -->
                        <g class="master-label" datati="3">
                            <rect x="316.49" y="124.45" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="328.61" y="140.45" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">03</text>
                        </g>
                        <!-- Label 07 - vị trí 1 -->
                        <g class="master-label" datati="7">
                            <rect x="464.14" y="124.45" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="476.26" y="140.45" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">07</text>
                        </g>
                        <!-- Label 07 - vị trí 2 -->
                        <g class="master-label" datati="7">
                            <rect x="466.49" y="174.84" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="478.61" y="190.84" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">07</text>
                        </g>
                        <!-- Label 04 -->
                        <g class="master-label" datati="4">
                            <rect x="514.53" y="124.45" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="526.65" y="140.45" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">04</text>
                        </g>
                        <!-- Label 02 - vị trí 3 -->
                        <g class="master-label" datati="2">
                            <rect x="594.22" y="124.45" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="606.34" y="140.45" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">02</text>
                        </g>
                        <!-- Label 05 -->
                        <g class="master-label" datati="5">
                            <rect x="600.08" y="143.20" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="612.20" y="159.20" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">05</text>
                        </g>
                        <!-- Label 06 -->
                        <g class="master-label" datati="6">
                            <rect x="174.69" y="144.37" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="186.81" y="160.37" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">06</text>
                        </g>
                        <!-- Label 08 - vị trí 1 -->
                        <!--<g class="master-label" datati="8">
                            <rect x="220.39" y="174.84" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="232.51" y="190.84" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">08</text>
                        </g>-->
                        <!-- Label 09 - vị trí 1 -->
                        <!--<g class="master-label" datati="9">
                            <rect x="275.47" y="174.84" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="287.59" y="190.84" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">09</text>
                        </g>-->
                        <!-- Label 09 - vị trí 2 -->
                        <!-- <g class="master-label" datati="9">
                            <rect x="507.50" y="174.84" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="519.62" y="190.84" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">09</text>
                        </g>-->
                        <!-- Label 08 - vị trí 2 -->
                        <!-- <g class="master-label" datati="8">
                            <rect x="562.58" y="174.84" width="23" height="23" rx="23" fill="#D3B367" stroke="#D3B367" stroke-width="1"></rect>
                            <text x="574.70" y="190.84" text-anchor="middle" font-family="Poppins" font-size="14" font-weight="500" fill="#21362C">08</text>
                        </g>-->
                    </svg>
                </div>
            </div>
            <div class="tooltip" id="tooltip-tang20" data-motion="fade-in" data-delay="0.8" 
                 style="opacity: 1; position: fixed; left: 996.859px; top: 153.306px; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">
                <img al="Green Skyline" fetchpriority="high" src="">
            </div>
        </section>
    </div>    
    <!-- tang1 POPUP HTML -->
    <div id="tang-popup">
        <div class="tang-popup-overlay"></div>
        <div class="tang-popup-container">
            <div class="tang-popup-close" onclick="event.preventDefault(); window.TangPopup.close();">
            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M18 6L6 18" stroke="#FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
            <path d="M6 6L18 18" stroke="#FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
        </div>
            <img al="Green Skyline" fetchpriority="high" id="tang_img" src="" alt="">
        </div>
        <!-- Close Button (Moved out) -->
        
    </div>
    <script src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/js/tienich/tang1-map.js"></script>
    <script src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/js/tienich/tang1-popup.js"></script>

</body>{"id":26,"date":"2026-02-11T07:25:29","date_gmt":"2026-02-11T07:25:29","guid":{"rendered":"https:\/\/tbs1.green-skyline.net\/?page_id=26"},"modified":"2026-02-11T07:25:39","modified_gmt":"2026-02-11T07:25:39","slug":"tien-ich","status":"publish","type":"page","link":"https:\/\/green-skyline.net\/en\/tien-ich\/","title":{"rendered":"Amenities"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":0,"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"wp:attachment":[{"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}