{"id":20,"date":"2023-01-05T16:13:20","date_gmt":"2023-01-05T08:13:20","guid":{"rendered":"https:\/\/www.ukm.my\/i-kom\/?page_id=20"},"modified":"2026-05-15T16:15:41","modified_gmt":"2026-05-15T08:15:41","slug":"360-kampung-angkat-ukm","status":"publish","type":"page","link":"https:\/\/www.ukm.my\/i-kom\/360-kampung-angkat-ukm\/","title":{"rendered":"KAMPUNG ANGKAT MADANI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e1ff35 e-flex e-con-boxed e-con e-parent\" data-id=\"1e1ff35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-feb5cc3 elementor-widget elementor-widget-text-editor\" data-id=\"feb5cc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ms\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Kampung Angkat MADANI | KAM UKM<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\n            background-color: #f5f5f0;\n            color: #2d4a3e;\n            line-height: 1.6;\n        }\n\n        .container {\n            max-width: 1280px;\n            margin: 0 auto;\n            background: white;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        }\n\n        .hero {\n            background: linear-gradient(135deg, #2D6A4F 0%, #1B4D3E 100%);\n            color: white;\n            padding: 2rem 2rem;\n            text-align: center;\n        }\n\n        .hero h1 {\n            font-size: 2.5rem;\n            font-weight: 600;\n            margin-bottom: 0.5rem;\n            color: white;\n        }\n\n        .hero p {\n            font-size: 1.2rem;\n            color: #e0e0d0;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        .content-section {\n            padding: 2rem;\n        }\n\n        .intro-text {\n            margin-bottom: 2rem;\n        }\n\n        .intro-text p {\n            margin-bottom: 1rem;\n            text-align: justify;\n        }\n\n        .feature-image {\n            margin-bottom: 1.5rem;\n            text-align: center;\n        }\n\n        .feature-image img {\n            max-width: 100%;\n            border-radius: 20px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        }\n\n        .feature-caption {\n            font-size: 0.75rem;\n            color: #5a7c6e;\n            margin-top: 0.5rem;\n            text-align: center;\n        }\n\n        .stats-grid {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            margin: 2rem 0;\n            justify-content: center;\n        }\n\n        .stat-card {\n            flex: 1;\n            min-width: 180px;\n            background: #fefaf5;\n            border-radius: 16px;\n            padding: 1.2rem;\n            text-align: center;\n            border: 1px solid #e2dcd0;\n        }\n\n        .stat-number {\n            font-size: 2rem;\n            font-weight: bold;\n            color: #2D6A4F;\n        }\n\n        .stat-label {\n            font-size: 0.85rem;\n            color: #5a7c6e;\n        }\n\n        .tabs-container {\n            margin: 2rem 0;\n        }\n\n        .tabs-header {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.5rem;\n            border-bottom: 2px solid #e2dcd0;\n            margin-bottom: 1.5rem;\n        }\n\n        .tab-btn {\n            background: none;\n            border: none;\n            padding: 12px 24px;\n            font-size: 1rem;\n            font-weight: 600;\n            color: #5a7c6e;\n            cursor: pointer;\n            border-radius: 30px 30px 0 0;\n            transition: all 0.3s ease;\n        }\n\n        .tab-btn:hover {\n            color: #2D6A4F;\n            background: #f0f5e8;\n        }\n\n        .tab-btn.active {\n            color: #2D6A4F;\n            background: #fefaf5;\n            border-bottom: 3px solid #D4A373;\n        }\n\n        .tab-content {\n            display: none;\n            background: #fefaf5;\n            padding: 1.5rem;\n            border-radius: 16px;\n            animation: fadeIn 0.3s ease;\n        }\n\n        .tab-content.active {\n            display: block;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .tab-content h3 {\n            color: #2D6A4F;\n            margin-bottom: 1rem;\n            font-size: 1.5rem;\n        }\n\n        .tab-content ul {\n            list-style: none;\n            padding-left: 0;\n        }\n\n        .tab-content li {\n            padding: 0.5rem 0;\n            padding-left: 1.8rem;\n            position: relative;\n        }\n\n        .tab-content li::before {\n            content: \"\ud83c\udf3f\";\n            position: absolute;\n            left: 0;\n            color: #D4A373;\n        }\n\n        \/* Gallery Section - Sama seperti AYVP dan SAM (tanpa caption) *\/\n        .gallery-section {\n            padding: 2rem;\n            background: #fefaf5;\n            margin: 1rem 0 2rem 0;\n            border-radius: 24px;\n            border: 1px solid #e2dcd0;\n        }\n\n        .gallery-section h3 {\n            color: #2D6A4F;\n            font-size: 1.5rem;\n            text-align: center;\n            margin-bottom: 1.5rem;\n        }\n\n        .gallery-grid {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n            justify-content: center;\n        }\n\n        .gallery-item {\n            width: calc(33.33% - 1rem);\n            min-width: 200px;\n            background: white;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.1);\n        }\n\n        .gallery-item img {\n            width: 100%;\n            height: 180px;\n            object-fit: cover;\n            display: block;\n        }\n\n        \/* SDG Section *\/\n        .sdg-section {\n            background: #eaf4e8;\n            padding: 1.5rem;\n            border-radius: 20px;\n            margin: 2rem 0;\n            text-align: center;\n        }\n\n        .sdg-section h3 {\n            color: #2D6A4F;\n            margin-bottom: 1rem;\n        }\n\n        .sdg-icons {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 1.5rem;\n        }\n\n        .sdg-icons img {\n            max-width: 100px;\n            height: auto;\n            transition: transform 0.2s ease;\n        }\n\n        .sdg-icons img:hover {\n            transform: scale(1.05);\n        }\n\n        footer {\n            background: #f0f4ef;\n            text-align: center;\n            padding: 1.5rem;\n            font-size: 0.85rem;\n            color: #2f5e4c;\n            border-top: 1px solid #dde4da;\n        }\n\n        @media (max-width: 780px) {\n            .hero h1 {\n                font-size: 1.8rem;\n            }\n            .tab-btn {\n                padding: 8px 16px;\n                font-size: 0.85rem;\n            }\n            .stats-grid {\n                flex-direction: column;\n            }\n            .gallery-item {\n                width: calc(50% - 1rem);\n            }\n            .sdg-icons img {\n                max-width: 70px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n    <div class=\"hero\">\n        <h1>Program Kampung Angkat MADANI<\/h1>\n        <p>Pemerkasaan Komuniti Orang Asli Pos Brooke \u00b7 Gua Musang, Kelantan<\/p>\n    <\/div>\n\n    <div class=\"content-section\">\n        <!-- Gambar Kampung Pos Brooke -->\n        <div class=\"feature-image\">\n            <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/images-2.jpg\" alt=\"Kampung Pos Brooke, Gua Musang\">\n            <div class=\"feature-caption\">Kampung Pos Brooke, Gua Musang, Kelantan<\/div>\n        <\/div>\n\n        <!-- Intro Text -->\n        <div class=\"intro-text\">\n            <p>Program Kampung Angkat MADANI (KAM) diperkenalkan dalam <strong>Belanjawan 2024<\/strong> bagi menentukan penanda aras terbaik dalam memastikan capaian liputan kemudahan asas \u2014 <strong>air, elektrik, jalan, lampu jalan, kemudahan masyarakat dan capaian internet<\/strong> \u2014 dapat dipertingkatkan melalui pendekatan <strong>Whole of Government<\/strong>.<\/p>\n            \n            <p>UKM telah mendapat kelulusan daripada <strong>Kementerian Kewangan Malaysia<\/strong> untuk menjadikan <strong>Kampung Orang Asli Pos Brooke<\/strong> di Gua Musang, Kelantan, sebagai Kampung Angkat MADANI UKM bagi tahun 2025.<\/p>\n            \n            <p>Pos Brooke merupakan sebuah lembah tanah tinggi Lojing yang dikelilingi oleh bukit dan hutan semula jadi. Kampung Orang Asli ini juga terkenal dengan kebudayaan dan tradisi masyarakat Orang Asli yang unik. Bagi memelihara warisan ini, projek ini memberi tumpuan kepada <strong>tiga komponen utama<\/strong> di bawah.<\/p>\n        <\/div>\n\n        <!-- Statistik Cards -->\n        <div class=\"stats-grid\">\n            <div class=\"stat-card\">\n                <div class=\"stat-number\">43 kampung<\/div>\n                <div class=\"stat-label\">Manfaat KAM 2024<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div class=\"stat-number\">200 kampung<\/div>\n                <div class=\"stat-label\">Sasaran KAM 2025<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div class=\"stat-number\">RM200 juta<\/div>\n                <div class=\"stat-label\">Peruntukan 2025<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div class=\"stat-number\">RM1 juta<\/div>\n                <div class=\"stat-label\">Had maksimum per kampung<\/div>\n            <\/div>\n        <\/div>\n\n        <!-- TABS untuk 3 Komponen Utama - Tiada Emoji -->\n        <h2 style=\"color: #2D6A4F; margin-bottom: 1rem;\">Tiga Komponen Utama Projek<\/h2>\n        \n        <div class=\"tabs-container\">\n            <div class=\"tabs-header\">\n                <button class=\"tab-btn active\" data-tab=\"tab1\">Infrastruktur Fizikal<\/button>\n                <button class=\"tab-btn\" data-tab=\"tab2\">Fasiliti Sukan<\/button>\n                <button class=\"tab-btn\" data-tab=\"tab3\">Pembangunan Komuniti<\/button>\n            <\/div>\n\n            <div id=\"tab1\" class=\"tab-content active\">\n                <h3>Penaiktarafan Infrastruktur Fizikal<\/h3>\n                <ul>\n                    <li>Pemasangan lampu solar untuk pencahayaan kampung<\/li>\n                    <li>Pembinaan dan baik pulih dewan balai raya<\/li>\n                    <li>Pembinaan dan baik pulih dewan kebudayaan (Dewan Sewang)<\/li>\n                    <li>Pembinaan dan naik taraf sistem perparitan<\/li>\n                <\/ul>\n            <\/div>\n\n            <div id=\"tab2\" class=\"tab-content\">\n                <h3>Fasiliti Sukan<\/h3>\n                <ul>\n                    <li>Menaik taraf padang sedia ada untuk kegunaan komuniti<\/li>\n                    <li>Menyediakan ruang selamat untuk aktiviti sukan belia dan komuniti<\/li>\n                    <li>Menggalakkan gaya hidup sihat dalam kalangan penduduk<\/li>\n                <\/ul>\n            <\/div>\n\n            <div id=\"tab3\" class=\"tab-content\">\n                <h3>Pembangunan Komuniti<\/h3>\n                <ul>\n                    <li>Pelaksanaan semua projek secara gotong-royong<\/li>\n                    <li>Memperkasa semangat kebersamaan antara warga universiti dan penduduk setempat<\/li>\n                    <li>Memastikan rasa pemilikan terhadap projek oleh komuniti<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- Gallery Section - Sebelum SDG -->\n        <div class=\"gallery-section\">\n            <h3>Galeri Program Kampung Angkat MADANI<\/h3>\n            <div class=\"gallery-grid\">\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-15-at-4.07.02-PM-1.jpeg\" alt=\"KAM activity 1\">\n                <\/div>\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-15-at-4.07.02-PM.jpeg\" alt=\"KAM activity 2\">\n                <\/div>\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-15-at-4.07.01-PM-1.jpeg\" alt=\"KAM activity 3\">\n                <\/div>\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-15-at-4.07.01-PM.jpeg\" alt=\"KAM activity 4\">\n                <\/div>\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/Picture1.jpg\" alt=\"KAM activity 5\">\n                <\/div>\n               \n            <\/div>\n        <\/div>\n\n        <!-- SDG Section - Ruang untuk paste image SDG box -->\n        <div class=\"sdg-section\">\n            <h3>Penjajaran Matlamat Pembangunan Mampan (SDG)<\/h3>\n            <div class=\"sdg-icons\">\n                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/SDG-7.png\" alt=\"SDG 7 - Tenaga Bersih\">\n                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/SDG-11.png\" alt=\"SDG 11 - Komuniti Lestari\">\n                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/SDG-17.png\" alt=\"SDG 17 - Perkongsian\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <footer>\n        Program Kampung Angkat MADANI (KAM) \u2014 Universiti Kebangsaan Malaysia (UKM) \u00b7 Kementerian Kewangan Malaysia\n    <\/footer>\n<\/div>\n\n<script>\n    document.querySelectorAll('.tab-btn').forEach(button => {\n        button.addEventListener('click', () => {\n            const tabId = button.getAttribute('data-tab');\n            \n            document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\n            document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\n            \n            button.classList.add('active');\n            document.getElementById(tabId).classList.add('active');\n        });\n    });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kampung Angkat MADANI | KAM UKM Program Kampung Angkat MADANI Pemerkasaan Komuniti Orang Asli Pos Brooke \u00b7 Gua Musang, Kelantan Kampung Pos Brooke, Gua Musang,<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/i-kom\/360-kampung-angkat-ukm\/\"> &#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":32,"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":4754,"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/pages\/20\/revisions\/4754"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}