<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/library.css">
<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/13#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 thư viện -->
    <nav class="side-nav d-none d-md-block">        <ul class="nav-items">
            <li class="nav-item" id="nav-images-item">
                <a href="#" onclick="goToLibrarySection(event, 'images')">Hình ảnh</a>
            </li>
            <li class="nav-item" id="nav-video-item">
                <a href="#" onclick="goToLibrarySection(event, 'video')">Video</a>
            </li>
            <li class="nav-item" id="nav-resources-item" onclick="ndmshowlink('https://green-skyline.net/tien-do')">
                <a href="#" onclick="ndmshowlink('https://green-skyline.net/tien-do')">Tài nguyên khác</a>
            </li>
        </ul>
    </nav>

    <!-- MAIN WRAPPER -->
    <div id="library-wrapper">

        <!-- SECTION 1: HÌNH ẢNH -->
        <section id="section-images" class="library-section">
            <div class="library-bg bg-images"></div>

            <div class="library-content">
                <div class="media-panel">
                    <div class="media-card image-card">
                        <!-- Carousel Container -->
                        <div class="image-carousel">
                            <div class="carousel-track">
                                <!-- Slide 1 -->
                                <div class="carousel-slide active">
                                    <div class="media-main">
                                        <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/thuvien/thuvien1.png" alt="Master Plan Green Skyline">
                                    </div>
                                    <div class="media-overlay"></div>
                                    <div class="media-text">
                                        <h3 class="media-heading">
                                            TỔ CHỨC ĐÀO TẠO CHUYÊN SÂU DỰ ÁN GREEN SKYLINE: ĐỒNG BỘ TƯ DUY – CHUẨN HÓA "GIÁ TRỊ THẬT"
                                        </h3>
                                        <p class="media-description">
                                            Chương trình đào tạo không chỉ dừng lại ở việc cung cấp thông tin, mà là hành trình "giải mã"
                                            chi tiết từng lợi thế của dự án một cách toàn diện. Đại diện TBS Land đã đi sâu phân tích các
                                            thông số kỹ thuật, quy hoạch chi tiết nhằm đảm bảo mỗi chuyên viên tư vấn đều trở thành một
                                            "đại sứ thông tin" chuẩn mực, truyền tải trung thực và trọn vẹn tâm huyết của chủ đầu tư TBS
                                            Group đến tay khách hàng.
                                        </p>
                                        <button class="media-btn" onclick="ndmshowlink('https://www.facebook.com/tbslandofficial/posts/pfbid02gdWZmRMaBa6jt7VNnjU9zj9mYNV6fNDRrxB5Bu46qSxEK5j9SVY8jwmr7GyXvRTUl')">
                                            Xem thêm →
                                        </button>
                                    </div>
                                </div>
                                <!-- Slide 2 -->
                                <div class="carousel-slide">
                                    <div class="media-main">
                                        <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/thuvien/thuvien2.jpg" alt="Shophouse Green Skyline">
                                    </div>
                                    <div class="media-overlay"></div>
                                    <div class="media-text">
                                        <h3 class="media-heading">
                                            CHỌN ĐÚNG KHÔNG GIAN - BẬT PHONG CÁCH SỐNG”: GREEN SKYLINE THU HÚT ĐÔNG ĐẢO KHÁCH HÀNG & NHÀ ĐẦU TƯ
                                        </h3>
                                        <p class="media-description">
                                            Trong không khí sôi động trước thềm năm mới, sự kiện “Chọn đúng không gian - Bật phong cách sống” cùng Green Skyline đã diễn ra trong không khí ấm áp và đầy cảm xúc, thu hút đông đảo khách hàng và nhà đầu tư đến tham quan, trải nghiệm.
                                        </p>
                                        <button class="media-btn" onclick="ndmshowlink('https://www.facebook.com/tbslandofficial/posts/pfbid0gGm8W8rZDvJjFpon4csXKdtG6UsS8Vvb6iV6xYPz6rJvRTdH3mpnRmiW4WtxiV9tl');" >
                                            Xem thêm →
                                        </button>
                                    </div>
                                </div>
                                <!-- Slide 3 -->
                                <div class="carousel-slide">
                                    <div class="media-main">
                                        <img al="Green Skyline" fetchpriority="high" src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/thuvien/thuvien3.jpg" alt="Tầng 4 Green Skyline">
                                    </div>
                                    <div class="media-overlay"></div>
                                    <div class="media-text">
                                        <h3 class="media-heading">
                                            TẦNG 4 - KHÔNG GIAN SỐNG XANH
                                        </h3>
                                        <p class="media-description">
                                            Tầng 4 được thiết kế với không gian mở, hài hòa với thiên nhiên. Mỗi căn hộ đều được tối ưu hóa 
                                            để đón ánh sáng tự nhiên và gió mát, mang đến cảm giác thư thái và gần gũi với thiên nhiên.
                                        </p>
                                        <button class="media-btn"  onclick="ndmshowlink('https://www.facebook.com/tbslandofficial/posts/pfbid0Kfg7379iEhnW3PaUfXuJMrNEr6FF33h7MfSY2y3HQgi37vujtEtfA9LFwpYVZjvwl');"thuvien>
                                            Xem thêm →
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Carousel Navigation -->
                        <button class="carousel-arrow carousel-arrow-prev" onclick="prevImageSlide()">‹</button>
                        <button class="carousel-arrow carousel-arrow-next" onclick="nextImageSlide()">›</button>
                        <!-- Carousel Pagination -->
                        <div class="carousel-pagination">
                            <span class="pagination-dot active" data-slide="0"></span>
                            <span class="pagination-dot" data-slide="1"></span>
                            <span class="pagination-dot" data-slide="2"></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- SECTION 2: VIDEO -->
        <section id="section-video" class="library-section">
            <div class="library-bg bg-video"></div>

            <div class="library-content">
                <div class="media-panel">
                    <div class="media-card video-card">
                        <!-- Video Carousel Container -->
                        <div class="video-carousel">
                            <div class="carousel-track">
                                <!-- Slide 1 -->
                                <div class="carousel-slide active">
                                    <div class="media-main video-wrapper">
                                        <div class="youtube-wrapper">
                                            <iframe class="youtube-iframe" src="https://www.youtube.com/embed/LAiyGYQCzBw?si=fpNBL97GzVRyrky9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                        </div>
                                    </div>
                                    <div class="media-overlay"></div>
                                    <div class="media-text">
                                        <h3 class="media-heading">
                                            TBS LAND: DI SẢN 36 NĂM TỪ TBS GROUP, TỰ HÀO VƯƠN TẦM KIẾN TẠO ĐƯỜNG CHÂN TRỜI CỦA TƯƠNG LAI
                                        </h3>
                                        <p class="media-description">
                                            Năm 1989, từ một xưởng giày nhỏ được gây dựng bởi những người lính trở về sau chiến tranh, 
                                            TBS Group khởi đầu hành trình phát triển với một niềm tin giản dị nhưng bền bỉ: 
                                            “Thế giới làm được, ắt ta làm được”. 
                                        </p>
                                        <button class="media-btn"  onclick="ndmshowlink('https://www.youtube.com/@TBSTV-pl6lp')">
                                            Xem thêm →
                                        </button>
                                    </div>
                                </div>
                                <!-- Slide 2 -->
                                <div class="carousel-slide">
                                    <div class="media-main video-wrapper">
                                        <div class="youtube-wrapper">
                                            <iframe class="youtube-iframe" src="https://www.youtube.com/embed/lyXJ-cLCImI?si=8onyVQ36lo6Y411O" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                        </div>
                                    </div>
                                    <div class="media-overlay"></div>
                                    <div class="media-text">
                                        <h3 class="media-heading">
                                            NHỮNG GÓC XANH “CHILL” SỐNG ĐỘNG TẠI GREEN SKYLINE
                                        </h3>
                                        <p class="media-description">
                                            Giữa nhịp sống đô thị sôi động, Green Skyline mở ra một chuẩn mực sống City Resort đúng nghĩa 
                                            khi thiên nhiên trở thành một phần trong nhịp sống thường nhật, len lỏi vào từng khoảnh khắc 
                                            cuộc sống hàng ngày của cư dân
                                        </p>
                                        <button class="media-btn"  onclick="ndmshowlink('https://www.youtube.com/@TBSTV-pl6lp')">
                                            Xem thêm →
                                        </button>
                                    </div>
                                </div>
                                <!-- Slide 3 -->
                                <div class="carousel-slide">
                                    <div class="media-main video-wrapper">
                                        <div class="youtube-wrapper">
                                            <video id="video-element" poster="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/thuvien/thuvien1.png">
                                                <source src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/assets/thuvien/video1.mp4" type="video/mp4">
                                                Your browser does not support the video tag.
                                            </video>
                                        </div>
                                    </div>
                                    <div class="media-overlay"></div>
                                    <div class="media-text">
                                        <h3 class="media-heading">
                                            GREEN SKYLINE - HỢP LỰC BỨT PHÁ, KIẾN TẠO CHÂN TRỜI XANH
                                        </h3>
                                        <p class="media-description">
                                            Sự kiện Kick-off dự án Green Skyline đã diễn ra thành công rực rỡ, ghi dấu khoảnh khắc 19 hệ thống đại lý & 
                                            liên minh phân phối cùng hội tụ - đồng lực - đồng tâm - đồng hành. 
                                        </p>
                                        <button class="media-btn"  onclick="ndmshowlink('https://www.youtube.com/@TBSTV-pl6lp')">
                                            Xem thêm →
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Video Carousel Navigation -->
                        <button class="carousel-arrow carousel-arrow-prev" onclick="prevVideoSlide()">‹</button>
                        <button class="carousel-arrow carousel-arrow-next" onclick="nextVideoSlide()">›</button>
                        <!-- Video Carousel Pagination -->
                        <div class="carousel-pagination">
                            <span class="pagination-dot active" data-slide="0"></span>
                            <span class="pagination-dot" data-slide="1"></span>
                            <span class="pagination-dot" data-slide="2"></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <!-- Script thư viện -->
    <script src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/js/library.js"></script>
    <script src="https://green-skyline.net/wp-content/themes/ndmfullpage/assets/js/menu.js"></script>
</body>{"id":13,"date":"2026-02-04T11:43:31","date_gmt":"2026-02-04T11:43:31","guid":{"rendered":"https:\/\/tbs1.green-skyline.net\/?page_id=13"},"modified":"2026-02-04T11:43:31","modified_gmt":"2026-02-04T11:43:31","slug":"thu-vien","status":"publish","type":"page","link":"https:\/\/green-skyline.net\/en\/thu-vien\/","title":{"rendered":"Library"},"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-13","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/pages\/13","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=13"}],"version-history":[{"count":0,"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"wp:attachment":[{"href":"https:\/\/green-skyline.net\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}