<!-- Shared menu/header styles from main site -->
<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/home.css">
<link rel="stylesheet" href="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/css/progress.css">
<body class="nav-dark">
    <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/10#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>        <!-- Main Container -->
    <main class="main-container">
        <!-- Background -->
        <div class="bg-image"></div>
        <div class="bg-overlay"></div>
        <div class="ani-item">
            <h2 class="text-ani-item show" style="">Tháng 12 &#8211; 2025</h2>
        </div>
        <div class="seltg">
            <div class="select-header">
                <span class="but" onclick="ndmseltg()"><i class="fa fa-chevron-down" style="font-size: 20px;margin-left: 2px;margin-top: 2px;"></i></span>
                <input type="hidden" id="seltgshow" val="0">
                <h3>Tháng 12 &#8211; 2025</h3>
            </div>
            <div class="select-box" style="opacity: 0;">
                <ul>   
                    <li>
                                <a href="https://green-skyline.net/tien-do/?id=186">Tháng 12 - 2025</a>
                            </li><li>
                                <a href="https://green-skyline.net/tien-do/?id=137">Tháng 03 - 2026</a>
                            </li><li>
                                <a href="https://green-skyline.net/tien-do/?id=142">Tháng 05 - 2026</a>
                            </li> 
                </ul></div>
        </div>
        <!-- Carousel Container -->
        <div class="carousel-container">
            <!-- Navigation Buttons -->
            <button class="nav-btn prev-btn" aria-label="Previous">
                <i class="fas fa-chevron-left"></i>
            </button>
            <button class="nav-btn next-btn" aria-label="Next">
                <i class="fas fa-chevron-right"></i>
            </button>

            <!-- Carousel Track -->
            <div class="carousel-track">
                <!-- Slide 2 (duplicate for demo) -->
                <div class="carousel-slide active">
                            <div class="grid-container"><div class="card">
                                    <div class="card-image">
                                        <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/uploads/2026/05/tiendo-01.webp" alt="Tiến độ cảnh quan và tiện ích tại tầng 3">

                                    </div>
                                    <div class="card-content">
                                        <!--<div class="card-badge"></div>-->
                                        <p class="card-description">Tiến độ cảnh quan và tiện ích tại tầng 3</p>
                                    </div>
                                </div><div class="card">
                                    <div class="card-image">
                                        <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/uploads/2026/05/tiendo-02.webp" alt="Tiến độ cảnh quan và tiện ích tại tầng 3">

                                    </div>
                                    <div class="card-content">
                                        <!--<div class="card-badge"></div>-->
                                        <p class="card-description">Tiến độ cảnh quan và tiện ích tại tầng 3</p>
                                    </div>
                                </div><div class="card">
                                    <div class="card-image">
                                        <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/uploads/2026/05/tiendo-03.webp" alt="Tiến độ cảnh quan và tiện ích tại tầng 3">

                                    </div>
                                    <div class="card-content">
                                        <!--<div class="card-badge"></div>-->
                                        <p class="card-description">Tiến độ cảnh quan và tiện ích tại tầng 3</p>
                                    </div>
                                </div><div class="card">
                                    <div class="card-image">
                                        <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/uploads/2026/05/tiendo-04.webp" alt="Tiến độ cảnh quan và tiện ích tại tầng 3">

                                    </div>
                                    <div class="card-content">
                                        <!--<div class="card-badge"></div>-->
                                        <p class="card-description">Tiến độ cảnh quan và tiện ích tại tầng 3</p>
                                    </div>
                                </div><div class="card">
                                    <div class="card-image">
                                        <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/uploads/2026/05/tiendo-05.webp" alt="Tiến độ cảnh quan và tiện ích tại tầng 3">

                                    </div>
                                    <div class="card-content">
                                        <!--<div class="card-badge"></div>-->
                                        <p class="card-description">Tiến độ cảnh quan và tiện ích tại tầng 3</p>
                                    </div>
                                </div><div class="card">
                                    <div class="card-image">
                                        <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/uploads/2026/05/tiendo-06.webp" alt="Tổng thể mặt ngoài Green Skyline">

                                    </div>
                                    <div class="card-content">
                                        <!--<div class="card-badge"></div>-->
                                        <p class="card-description">Tổng thể mặt ngoài Green Skyline</p>
                                    </div>
                                </div></div></div><div class="carousel-slide active">
                            <div class="grid-container"><div class="card">
                                    <div class="card-image">
                                        <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/uploads/2026/05/tiendo-07.webp" alt="Tổng thể mặt ngoài Green Skyline">

                                    </div>
                                    <div class="card-content">
                                        <!--<div class="card-badge"></div>-->
                                        <p class="card-description">Tổng thể mặt ngoài Green Skyline</p>
                                    </div>
                                </div><div class="card">
                                    <div class="card-image">
                                        <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/uploads/2026/05/tiendo-08.webp" alt="Tổng thể mặt ngoài Green Skyline">

                                    </div>
                                    <div class="card-content">
                                        <!--<div class="card-badge"></div>-->
                                        <p class="card-description">Tổng thể mặt ngoài Green Skyline</p>
                                    </div>
                                </div></div></div>            </div>

            <!-- Pagination Dots -->
            <div class="pagination">
                <div class="dot active" data-index="0"></div>
                <div class="dot" data-index="1"></div>
            </div>
            
        </div>
        <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>
    </main>
    <script src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/js/progress-carousel.js"></script>
<script src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/js/tiendo.js"></script>
<script src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/js/menu.js"></script>
</body>{"id":10,"date":"2026-02-04T11:34:38","date_gmt":"2026-02-04T11:34:38","guid":{"rendered":"https:\/\/tbs1.green-skyline.net\/?page_id=10"},"modified":"2026-02-11T07:31:46","modified_gmt":"2026-02-11T07:31:46","slug":"tien-do","status":"publish","type":"page","link":"https:\/\/green-skyline.net\/en\/tien-do\/","title":{"rendered":"Progress"},"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-10","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/pages\/10","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=10"}],"version-history":[{"count":0,"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"wp:attachment":[{"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}