{"id":2215,"date":"2026-02-06T10:45:07","date_gmt":"2026-02-06T02:45:07","guid":{"rendered":"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/e-learning-space\/"},"modified":"2026-02-06T10:45:07","modified_gmt":"2026-02-06T02:45:07","slug":"e-learning-space","status":"publish","type":"page","link":"https:\/\/sgps.visibleone.dev\/tc\/bssc-in-data-science-and-policy-studies-dsps\/e-learning-space\/","title":{"rendered":"E-Learning Space"},"content":{"rendered":"\n<section block-name=\"banner\" class=\"relative\">\n    <div class=\"bg-banner-gradient w-full h-full absolute left-0 top-0 z-[1]\"><\/div>\n\n    <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/images\/our-mission\/mission-banner.png\" alt=\"BSSc in Data Science and Policy Studies (DSPS)\"\n        class=\"w-full aspect-[1920\/480] object-cover min-h-[400px]\" \/>\n\n    <div class=\"container py-5 md:py-10 lg:py-[60px] w-full h-full flex items-end absolute left-0 bottom-0 z-[2]\">\n        <div class=\"container-lg\">\n            <h1 class=\"heading1 text-white pb-4 lg:pb-6\">\n                BSSc in Data Science and Policy Studies (DSPS)            <\/h1>\n\n            <div class=\"flex items-center flex-wrap breadcrumbs-row gap-3\">\n                <a href=\"https:\/\/sgps.visibleone.dev\/tc\/\" class=\"opacity-60 [&#038;.active]:opacity-100\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path\n                            d=\"M9.99863 19V14H13.9986V19C13.9986 19.55 14.4486 20 14.9986 20H17.9986C18.5486 20 18.9986 19.55 18.9986 19V12H20.6986C21.1586 12 21.3786 11.43 21.0286 11.13L12.6686 3.59997C12.2886 3.25997 11.7086 3.25997 11.3286 3.59997L2.96863 11.13C2.62863 11.43 2.83863 12 3.29863 12H4.99863V19C4.99863 19.55 5.44863 20 5.99863 20H8.99863C9.54863 20 9.99863 19.55 9.99863 19Z\"\n                            fill=\"white\" \/>\n                    <\/svg>\n                <\/a>\n\n                                    \n                        <svg class=\"opacity-60 [&#038;.active]:opacity-100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\n                            viewBox=\"0 0 20 20\" fill=\"none\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                                d=\"M5.83594 15L10.8359 9.99996L5.83594 4.99996L7.5026 3.33329L14.1693 9.99996L7.5026 16.6666L5.83594 15Z\"\n                                fill=\"white\" \/>\n                        <\/svg>\n\n                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/\"\n                            class=\"text-body-1 text-white opacity-60 [&#038;.active]:opacity-100 hover:opacity-100\"\n                            target=\"_self\">\n                            BSSc in Data Science and Policy Studies (DSPS)                        <\/a>\n                                        \n                <svg class=\"opacity-60 [&#038;.active]:opacity-100 active\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n                    height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                        d=\"M5.83594 15L10.8359 9.99996L5.83594 4.99996L7.5026 3.33329L14.1693 9.99996L7.5026 16.6666L5.83594 15Z\"\n                        fill=\"white\" \/>\n                <\/svg>\n\n                <p class=\"text-body-1 text-white opacity-100 active\">\n                    E-Learning Space                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<style>\n    .sidebar-wrapper ul,\n    .sidebar-wrapper li {\n        list-style: none !important;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n\n    .sidebar-wrapper li::before,\n    .sidebar-wrapper li::after {\n        display: none !important;\n        content: none !important;\n    }\n\n    .sidebar-link.active {\n        background-color: #D1F0E9;\n        color: var(--wp--preset--color--primary, #005A54);\n    }\n\n    .sidebar-toggle.active-parent,\n    .sidebar-sub-toggle.active-parent {\n        background-color: var(--wp--preset--color--primary, #005A54);\n        color: white;\n    }\n\n    .sidebar-toggle img,\n    .sidebar-sub-toggle img {\n        transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease;\n    }\n\n    .sidebar-toggle.active-parent>img,\n    .sidebar-sub-toggle.active-parent>img {\n        filter: brightness(0) invert(1);\n        transform: rotate(180deg);\n        opacity: 1;\n    }\n<\/style>\n\n<section  class=\"programme-container container py-[60px] md:py-[100px]\">\n    <div class=\"container-lg\">\n        <div class=\"flex flex-col md:flex-row gap-10 xl:gap-20\">\n\n            <div class=\"md:flex-[0_1_25%] md:max-w-[25%]\">\n                <div\n                    class=\"bg-[#F9F9F7] sidebar-wrapper sticky top-24 transition-all duration-300 rounded-sm overflow-hidden shadow-sm\">\n\n                    <div class=\"p-5 bg-grey border-b border-primary\">\n                        <h6 class=\"heading6 text-secondary font-bold leading-tight\">\n                            BSSc in Data Science and Policy Studies (DSPS)                        <\/h6>\n                    <\/div>\n\n                                            <ul class=\"flex flex-col w-full\">\n                            \n                                                                    <li class=\"hasAccordion group border-b border-gray-200 last:border-0 w-full block\">\n                                        <button type=\"button\" data-href=\"#\" aria-expanded=\"false\" aria-controls=\"sidebar-menu-0\" class=\"sidebar-toggle w-full px-5 py-4 flex items-center justify-between transition-all duration-200 cursor-pointer text-dark hover:bg-light-green hover:text-primary\">\n                                            <span class=\"heading6 font-bold text-left pointer-events-none\">Why DSPS<\/span>\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/arrow-down.svg\" alt=\"\" class=\"w-4 h-4 object-contain opacity-60 pointer-events-none\">\n                                        <\/button>\n\n                                        <ul id=\"sidebar-menu-0\" class=\"sidebar-sub-menu bg-light-grey hidden w-full pb-2\">\n                                            \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/programme-overview\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            Programme Overview                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/partners\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            Partner                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                                                        <\/ul>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/news-and-events\/?event_view=list&#038;event_cat%5B%5D=news&#038;prog%5B%5D=bssc_in_data_science_and_policy_studies\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">News &amp; Events<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"hasAccordion group border-b border-gray-200 last:border-0 w-full block\">\n                                        <button type=\"button\" data-href=\"#\" aria-expanded=\"false\" aria-controls=\"sidebar-menu-2\" class=\"sidebar-toggle w-full px-5 py-4 flex items-center justify-between transition-all duration-200 cursor-pointer text-dark hover:bg-light-green hover:text-primary\">\n                                            <span class=\"heading6 font-bold text-left pointer-events-none\">Programme<\/span>\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/arrow-down.svg\" alt=\"\" class=\"w-4 h-4 object-contain opacity-60 pointer-events-none\">\n                                        <\/button>\n\n                                        <ul id=\"sidebar-menu-2\" class=\"sidebar-sub-menu bg-light-grey hidden w-full pb-2\">\n                                            \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/academic-staff\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            Management and Academic Staff                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/curriculum-for-major-students\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            Curriculum for Major Students                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/dsps-courses\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            DSPS Courses                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/experiential-learning\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            Experiential Learning                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                                                        <\/ul>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/admission\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">Admission<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/research\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">Research<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/e-learning-space\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">E-Learning Space<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/faq\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">FAQ<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/contact\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">Contact<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                                        <\/ul>\n                                    <\/div>\n            <\/div>\n\n            <div class=\"md:flex-[0_1_75%] md:max-w-[75%]\">\n                <div class=\"acf-innerblocks-container\">\n\n<section block-name=\"video-resources\">\n\n    \n\n    <div class=\"container py-[60px] md:py-[100px]\">\n        <div class=\"container-lg\">\n\n            <div class=\"lg:max-w-[1000px] mx-auto text-center pb-10 lg:pb-[60px]\">\n                <h2 class=\"heading2 text-secondary pb-4\">\n                    E-Learning Space                <\/h2>\n                                    <div class=\"text-body-1 text-secondary\">\n                        <p>The DSPS Programme has prepared a series of short videos to help students learn foundational data science skills more effectively.<\/p>\n                    <\/div>\n                            <\/div>\n\n                            <div class=\"flex flex-col sm:flex-row sm:flex-wrap justify-center gap-5 3xl:gap-10\">\n\n                                            \n                        <div class=\"sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_30.33%] lg:max-w-[30.33%] 5xl:flex-[0_1_31.33%] 5xl:max-w-[31.33%]\">\n\n                            <h5 class=\"heading5 text-dark pb-5 min-h-[4rem]\">\n                                Descriptive Statistics                            <\/h5>\n\n                                                            <div\n                                    class='embed-container relative overflow-hidden w-full h-0 pb-[56.25%] bg-black rounded-lg\n                                    [&#038;_iframe]:absolute [&#038;_iframe]:top-0 [&#038;_iframe]:left-0 [&#038;_iframe]:w-full [&#038;_iframe]:h-full'\n                                >\n                                    <iframe title=\"E-Learning Space - Descriptive Statistics\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/QeaU_MOUdaY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>                                <\/div>\n                            \n\n                            <div class=\"pt-5\">\n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/descriptive_statistics_ppt.pdf\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Powerpoint Slides (PDF)                                                 <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/descriptive_statistics_codes.pdf\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    STATA Codes (PDF)                                                <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                                            \n                        <div class=\"sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_30.33%] lg:max-w-[30.33%] 5xl:flex-[0_1_31.33%] 5xl:max-w-[31.33%]\">\n\n                            <h5 class=\"heading5 text-dark pb-5 min-h-[4rem]\">\n                                Confidence Interval                            <\/h5>\n\n                                                            <div\n                                    class='embed-container relative overflow-hidden w-full h-0 pb-[56.25%] bg-black rounded-lg\n                                    [&#038;_iframe]:absolute [&#038;_iframe]:top-0 [&#038;_iframe]:left-0 [&#038;_iframe]:w-full [&#038;_iframe]:h-full'\n                                >\n                                    <iframe title=\"E-Learning Space - Confidence Interval\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/w-OwzOol2wU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>                                <\/div>\n                            \n\n                            <div class=\"pt-5\">\n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/confidence_interval_ppt.pdf\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Powerpoint Slides (PDF                                                <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/confidence_interval_codes.pdf\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    STATA Codes (PDF)                                                <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/confidence_interval_sample_data-1.xlsx\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Sample Data (Excel)                                                <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                                            \n                        <div class=\"sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_30.33%] lg:max-w-[30.33%] 5xl:flex-[0_1_31.33%] 5xl:max-w-[31.33%]\">\n\n                            <h5 class=\"heading5 text-dark pb-5 min-h-[4rem]\">\n                                Hypothesis Testing                            <\/h5>\n\n                                                            <div\n                                    class='embed-container relative overflow-hidden w-full h-0 pb-[56.25%] bg-black rounded-lg\n                                    [&#038;_iframe]:absolute [&#038;_iframe]:top-0 [&#038;_iframe]:left-0 [&#038;_iframe]:w-full [&#038;_iframe]:h-full'\n                                >\n                                    <iframe title=\"Hypothesis Testing\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/9BG5L5dZ_pk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>                                <\/div>\n                            \n\n                            <div class=\"pt-5\">\n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/hypothesis_testing_ppt.pdf\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Powerpoint Slides (PDF)                                                 <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/hnb0tr_j.pdf\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    STATA Codes (PDF)                                                <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/hypothesis_testing_sample_data-1.xlsx\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Sample Data (Excel)                                                <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                                            \n                        <div class=\"sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_30.33%] lg:max-w-[30.33%] 5xl:flex-[0_1_31.33%] 5xl:max-w-[31.33%]\">\n\n                            <h5 class=\"heading5 text-dark pb-5 min-h-[4rem]\">\n                                Correlation                            <\/h5>\n\n                                                            <div\n                                    class='embed-container relative overflow-hidden w-full h-0 pb-[56.25%] bg-black rounded-lg\n                                    [&#038;_iframe]:absolute [&#038;_iframe]:top-0 [&#038;_iframe]:left-0 [&#038;_iframe]:w-full [&#038;_iframe]:h-full'\n                                >\n                                    <iframe title=\"Correlation\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/xGVf_Gn_uI4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>                                <\/div>\n                            \n\n                            <div class=\"pt-5\">\n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/correlation_ppt.pdf\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Powerpoint Slides (PDF)                                                 <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/correlation_sample_data.xlsx\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Sample Data (Excel)                                                <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                                            \n                        <div class=\"sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_30.33%] lg:max-w-[30.33%] 5xl:flex-[0_1_31.33%] 5xl:max-w-[31.33%]\">\n\n                            <h5 class=\"heading5 text-dark pb-5 min-h-[4rem]\">\n                                Basic Data Visualization using R                            <\/h5>\n\n                                                            <div\n                                    class='embed-container relative overflow-hidden w-full h-0 pb-[56.25%] bg-black rounded-lg\n                                    [&#038;_iframe]:absolute [&#038;_iframe]:top-0 [&#038;_iframe]:left-0 [&#038;_iframe]:w-full [&#038;_iframe]:h-full'\n                                >\n                                    <iframe title=\"Basic Data Visualization using R\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/KZY0cjfGPgU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>                                <\/div>\n                            \n\n                            <div class=\"pt-5\">\n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/basic_data_visualization_using_r_ppt.pdf\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Powerpoint Slides (PDF)                                                <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                                                                                <a href=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/basic_data_visualization_using_r_sample_data.xlsx\" target=\"_blank\" download class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Sample Data (Excel)                                                <\/p>\n                                                <span class=\"group-hover:translate-y-1 transition-transform duration-300\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <path d=\"M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z\" fill=\"#086C6A\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                    \n                <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section block-name=\"learning-resources\">\n\n    \n\n    <div class=\"container py-[60px] md:py-[100px]\">\n        <div class=\"container-lg\">\n\n            <div class=\"lg:max-w-[1000px] mx-auto text-center pb-10 lg:pb-[60px]\">\n                <h2 class=\"heading2 text-secondary pb-4\">\n                    Other Learning Resources                <\/h2>\n                            <\/div>\n\n                            <div class=\"flex flex-col sm:flex-row sm:flex-wrap justify-center gap-5 3xl:gap-10\">\n\n                                            \n                        <div class=\"sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_30.33%] lg:max-w-[30.33%] 5xl:flex-[0_1_31.33%] 5xl:max-w-[31.33%]\">\n\n                            <h5 class=\"heading5 text-dark pb-5 min-h-[3rem]\">\n                                Datacamp                            <\/h5>\n\n                                                            <div class=\"overflow-hidden rounded-lg bg-gray-100 border border-stroke\">\n                                    <img decoding=\"async\" width=\"768\" height=\"403\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/datacamp-768x403.png\" class=\"aspect-[493\/277] object-cover w-full hover:scale-105 transition-transform duration-500\" alt=\"\" srcset=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/datacamp-768x403.png 768w, https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/datacamp-300x158.png 300w, https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/datacamp-1024x538.png 1024w, https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/datacamp.png 1455w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <div class=\"pt-5\">\n                                                                    <div class=\"pb-5 text-body-1 text-slateTeal-700\">\n                                        DataCamp is a excellent self-study platform for data science students. It offers online courses in Python, SQL, R, Tableau, and other popular topics including AI. These courses cater to all levels &#8211; from beginners to advanced learners. It&#039;s a great place to learn at your own pace.                                     <\/div>\n                                \n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                                                                <a href=\"https:\/\/www.datacamp.com\/\" target=\"_blank\" class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\" rel=\"noopener\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Datacamp Website                                                <\/p>\n                                                <span class=\"group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform duration-300\">\n                                                    <!-- External Link Icon -->\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                        <path d=\"M15.8327 4.16669L4.16602 15.8334M15.8327 4.16669H5.83268M15.8327 4.16669V14.1667\" stroke=\"#086C6A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                                                                                <a href=\"http:\/\/easyaccess1.lib.cuhk.edu.hk\/limited\/datacamp.htm\" target=\"_blank\" class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\" rel=\"noopener\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Registration Guideline                                                <\/p>\n                                                <span class=\"group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform duration-300\">\n                                                    <!-- External Link Icon -->\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                        <path d=\"M15.8327 4.16669L4.16602 15.8334M15.8327 4.16669H5.83268M15.8327 4.16669V14.1667\" stroke=\"#086C6A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                                            \n                        <div class=\"sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_30.33%] lg:max-w-[30.33%] 5xl:flex-[0_1_31.33%] 5xl:max-w-[31.33%]\">\n\n                            <h5 class=\"heading5 text-dark pb-5 min-h-[3rem]\">\n                                W3Schools                            <\/h5>\n\n                                                            <div class=\"overflow-hidden rounded-lg bg-gray-100 border border-stroke\">\n                                    <img decoding=\"async\" width=\"768\" height=\"452\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/w3school-768x452.png\" class=\"aspect-[493\/277] object-cover w-full hover:scale-105 transition-transform duration-500\" alt=\"\" srcset=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/w3school-768x452.png 768w, https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/w3school-300x177.png 300w, https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/w3school.png 881w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <div class=\"pt-5\">\n                                                                    <div class=\"pb-5 text-body-1 text-slateTeal-700\">\n                                        W3Schools provides comprehensive tutorials on programming languages, including python and SQL. The interactive coding examples provide hands-on experience, making it an excellent resource for you to expand coding skills.                                      <\/div>\n                                \n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                                                                <a href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\" rel=\"noopener\">\n                                                <p class=\"text-button text-secondary\">\n                                                    W3Schools Website                                                <\/p>\n                                                <span class=\"group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform duration-300\">\n                                                    <!-- External Link Icon -->\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                        <path d=\"M15.8327 4.16669L4.16602 15.8334M15.8327 4.16669H5.83268M15.8327 4.16669V14.1667\" stroke=\"#086C6A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                                            \n                        <div class=\"sm:flex-[0_1_48%] sm:max-w-[48%] lg:flex-[0_1_30.33%] lg:max-w-[30.33%] 5xl:flex-[0_1_31.33%] 5xl:max-w-[31.33%]\">\n\n                            <h5 class=\"heading5 text-dark pb-5 min-h-[3rem]\">\n                                Kaggle                            <\/h5>\n\n                                                            <div class=\"overflow-hidden rounded-lg bg-gray-100 border border-stroke\">\n                                    <img decoding=\"async\" width=\"768\" height=\"540\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/kaggle-768x540.png\" class=\"aspect-[493\/277] object-cover w-full hover:scale-105 transition-transform duration-500\" alt=\"\" srcset=\"https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/kaggle-768x540.png 768w, https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/kaggle-300x211.png 300w, https:\/\/sgps.visibleone.dev\/wp-content\/uploads\/2026\/02\/kaggle.png 881w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <div class=\"pt-5\">\n                                                                    <div class=\"pb-5 text-body-1 text-slateTeal-700\">\n                                        Kaggle is a dynamic online community for data scientists and machine learners. It provides a platform where you can find and share datasets, explore and build models, and even participate in data science challenges.                                      <\/div>\n                                \n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                                                                <a href=\"https:\/\/www.kaggle.com\/\" target=\"_blank\" class=\"px-5 py-4 2xl:px-[30px] 2xl:py-[17px] flex items-center justify-between border-2 border-secondary hover:bg-light-green hover:border-light-green transition-hover duration-300 ease-out rounded-[6px] group\" rel=\"noopener\">\n                                                <p class=\"text-button text-secondary\">\n                                                    Kaggle Website                                                <\/p>\n                                                <span class=\"group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform duration-300\">\n                                                    <!-- External Link Icon -->\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                                                        <path d=\"M15.8327 4.16669L4.16602 15.8334M15.8327 4.16669H5.83268M15.8327 4.16669V14.1667\" stroke=\"#086C6A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                    <\/svg>\n                                                <\/span>\n                                            <\/a>\n                                                                            <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                    \n                <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const allToggles = document.querySelectorAll(\".sidebar-toggle, .sidebar-sub-toggle\");\n        const allLinks = document.querySelectorAll(\".sidebar-link\");\n        const tabContents = document.querySelectorAll(\".program-tab-content\");\n\n        function resetLinks() {\n            allLinks.forEach(l => {\n                l.classList.remove(\"active\", \"text-primary\");\n                l.classList.add(\"text-dark\");\n\n                const dot = l.querySelector(\".dot-indicator, span.rounded-full\");\n                if (dot) {\n                    dot.classList.remove(\"bg-primary\");\n                    if (l.closest('.sidebar-grand-menu')) {\n                        dot.classList.add(\"bg-transparent\", \"border\", \"border-dark\");\n                    } else {\n                        dot.classList.add(\"bg-dark\");\n                    }\n                }\n\n                if (l.parentElement.classList.contains('border-b')) {\n                    l.classList.remove(\"bg-primary\", \"text-white\");\n                }\n            });\n        }\n\n        function activateLink(linkElement) {\n            resetLinks();\n            linkElement.classList.add(\"active\");\n            linkElement.classList.remove(\"text-dark\");\n\n            const dot = linkElement.querySelector(\".dot-indicator, span.rounded-full\");\n            if (dot) {\n                dot.classList.remove(\"bg-dark\", \"bg-transparent\", \"border\", \"border-dark\");\n                dot.classList.add(\"bg-primary\");\n            }\n\n            if (linkElement.parentElement.classList.contains('border-b')) {\n                linkElement.classList.add(\"bg-primary\", \"text-white\");\n            }\n        }\n\n        function openAccordion(btn) {\n            const menu = btn.nextElementSibling;\n            if (!menu) return;\n\n            const parentUl = btn.closest('ul');\n            if (parentUl) {\n                const siblingButtons = Array.from(parentUl.children).map(li => li.querySelector('button')).filter(b => b && b !== btn);\n                siblingButtons.forEach(otherBtn => {\n                    closeAccordion(otherBtn);\n                });\n            }\n\n            btn.classList.add(\"active-parent\", \"text-white\");\n            btn.classList.remove(\"text-dark\");\n\n            const dot = btn.querySelector('.dot-indicator');\n            if (dot) { dot.classList.replace('bg-dark', 'bg-white'); }\n\n            btn.setAttribute(\"aria-expanded\", \"true\");\n            menu.classList.remove(\"hidden\");\n        }\n\n        function closeAccordion(btn) {\n            if (!btn) return;\n            const menu = btn.nextElementSibling;\n            if (!menu) return;\n\n            btn.classList.remove(\"active-parent\", \"text-white\");\n            btn.classList.add(\"text-dark\");\n\n            const dot = btn.querySelector('.dot-indicator');\n            if (dot) { dot.classList.replace('bg-white', 'bg-dark'); }\n\n            btn.setAttribute(\"aria-expanded\", \"false\");\n            menu.classList.add(\"hidden\");\n        }\n\n        function switchTab(targetId) {\n            if (!targetId || targetId === '#' || !targetId.startsWith('#')) return;\n\n            tabContents.forEach(content => content.classList.add('hidden'));\n\n            try {\n                const targetContent = document.querySelector(targetId);\n                if (targetContent) {\n                    targetContent.classList.remove('hidden');\n\n                    allLinks.forEach(l => {\n                        if (l.getAttribute('href') === targetId) {\n                            activateLink(l);\n\n                            let parent = l.parentElement;\n                            while (parent) {\n                                if (parent.classList.contains('sidebar-sub-menu') || parent.classList.contains('sidebar-grand-menu')) {\n                                    const toggleBtn = parent.previousElementSibling;\n                                    if (toggleBtn && (toggleBtn.classList.contains('sidebar-toggle') || toggleBtn.classList.contains('sidebar-sub-toggle'))) {\n                                        toggleBtn.classList.add(\"active-parent\", \"text-white\");\n                                        toggleBtn.classList.remove(\"text-dark\");\n                                        const dot = toggleBtn.querySelector('.dot-indicator');\n                                        if (dot) dot.classList.replace('bg-dark', 'bg-white');\n                                        toggleBtn.setAttribute(\"aria-expanded\", \"true\");\n                                        parent.classList.remove(\"hidden\");\n                                    }\n                                }\n                                parent = parent.parentElement;\n                                if (parent.classList.contains('sidebar-wrapper')) break;\n                            }\n                        }\n                    });\n                }\n            } catch (e) { console.error(\"Tab switch error:\", e); }\n        }\n\n        allToggles.forEach((btn) => {\n            btn.addEventListener(\"click\", function (e) {\n                const href = this.getAttribute(\"data-href\");\n                const isAnchor = href && href.startsWith(\"#\");\n                const menu = this.nextElementSibling;\n\n                if (menu) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    const isOpen = this.getAttribute(\"aria-expanded\") === \"true\";\n\n                    if (isOpen) {\n                        closeAccordion(this);\n                    } else {\n                        openAccordion(this);\n                        if (isAnchor) switchTab(href);\n                    }\n                }\n                else if (isAnchor) {\n                    e.preventDefault();\n                    switchTab(href);\n                    allToggles.forEach(b => {\n                        b.classList.remove(\"active-parent\", \"text-white\");\n                        const d = b.querySelector('.dot-indicator');\n                        if (d) d.classList.replace('bg-white', 'bg-dark');\n                    });\n                    this.classList.add(\"active-parent\", \"text-white\");\n                }\n            });\n        });\n\n        allLinks.forEach((link) => {\n            link.addEventListener(\"click\", function (e) {\n                const href = this.getAttribute(\"href\");\n                if (href && href.startsWith(\"#\")) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    switchTab(href);\n                    history.pushState(null, null, href);\n                }\n            });\n        });\n\n        const hash = window.location.hash;\n        if (hash && hash !== '#') {\n            switchTab(hash);\n        } else {\n            const hasActivePHP = document.querySelector('.sidebar-link.active') || document.querySelector('.sidebar-toggle.active-parent');\n            if (!hasActivePHP && tabContents.length > 0) {\n                const firstAnchorLink = Array.from(allLinks).find(l => l.getAttribute('href') && l.getAttribute('href').startsWith('#'));\n                if (firstAnchorLink) {\n                    firstAnchorLink.click();\n                }\n            }\n        }\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":2200,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-2215","page","type-page","status-publish","hentry"],"acf":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/sgps.visibleone.dev\/tc\/wp-json\/wp\/v2\/pages\/2215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sgps.visibleone.dev\/tc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sgps.visibleone.dev\/tc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sgps.visibleone.dev\/tc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgps.visibleone.dev\/tc\/wp-json\/wp\/v2\/comments?post=2215"}],"version-history":[{"count":0,"href":"https:\/\/sgps.visibleone.dev\/tc\/wp-json\/wp\/v2\/pages\/2215\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sgps.visibleone.dev\/tc\/wp-json\/wp\/v2\/pages\/2200"}],"wp:attachment":[{"href":"https:\/\/sgps.visibleone.dev\/tc\/wp-json\/wp\/v2\/media?parent=2215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}