{"id":4558,"date":"2026-05-11T09:27:23","date_gmt":"2026-05-11T01:27:23","guid":{"rendered":"https:\/\/www.ukm.my\/i-kom\/?page_id=4558"},"modified":"2026-05-15T12:56:37","modified_gmt":"2026-05-15T04:56:37","slug":"santuni-madani","status":"publish","type":"page","link":"https:\/\/www.ukm.my\/i-kom\/santuni-madani\/","title":{"rendered":"SANTUNI MADANI"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n Santuni MADANI | Program Satu Pemimpin Satu Kampung<\/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: #1e2f2c;\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, #1A5F7A 0%, #2E8B57 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: #e0f0e8;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .content-section {\n padding: 2rem;\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 \/* Setiap set tabs ada margin bawah *\/\n .tabs-set {\n margin-bottom: 2.5rem;\n }\n\n .tabs-set h3 {\n color: #1A5F7A;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n padding-bottom: 0.5rem;\n border-bottom: 2px solid #e2dcd0;\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: 1rem;\n }\n\n .tab-btn {\n background: none;\n border: none;\n padding: 10px 20px;\n font-size: 0.95rem;\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: #1A5F7A;\n background: #e8f0ee;\n }\n\n .tab-btn.active {\n color: #1A5F7A;\n background: #fefaf5;\n border-bottom: 3px solid #2E8B57;\n }\n\n .tab-content {\n display: none;\n background: #fefaf5;\n padding: 1.2rem 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 h4 {\n color: #1A5F7A;\n margin-bottom: 1rem;\n font-size: 1.2rem;\n }\n\n .tab-content p {\n margin-bottom: 0.8rem;\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: #2E8B57;\n }\n\n .highlight-box {\n background: #e8f5ef;\n border-left: 5px solid #2E8B57;\n padding: 1rem;\n margin-top: 1rem;\n border-radius: 0 12px 12px 0;\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: #1A5F7A;\n }\n\n .stat-label {\n font-size: 0.85rem;\n color: #5a7c6e;\n }\n\n .gallery-section {\n padding: 2rem;\n background: #e8f5ef;\n margin: 1rem 0 2rem 0;\n border-radius: 24px;\n }\n\n .gallery-section h3 {\n color: #1A5F7A;\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 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: #1A5F7A;\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: 6px 12px;\n font-size: 0.8rem;\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><h1><a href="/">集美麻豆</a></h1><script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(bp, s); })(); </script>\n<div class=\"container\">\n <div class=\"hero\">\n <h1>Program Santuni MADANI<\/h1>\n <p>Satu Pemimpin Satu Kampung \u00b7 Memperkasa Komuniti Pulau Pangkor<\/p>\n <\/div>\n\n <div class=\"content-section\">\n <!-- Gambar Kampung Telok Kechil \/ Pulau Pangkor -->\n <div class=\"feature-image\">\n <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2025-02-15-at-17.36.01-1.jpeg\" alt=\"Kampung Telok Kechil, Pulau Pangkor\">\n <div class=\"feature-caption\">Kampung Telok Kechil, Pulau Pangkor, Perak<\/div>\n <\/div>\n\n <!-- ========== SET TAB 1: LATAR BELAKANG PROGRAM ========== -->\n <div class=\"tabs-set\">\n <h3>Latar Belakang Program<\/h3>\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" data-set=\"set1\" data-tab=\"tab1_1\">Tujuan Program<\/button>\n <button class=\"tab-btn\" data-set=\"set1\" data-tab=\"tab1_2\">Pemimpin Terlibat<\/button>\n <button class=\"tab-btn\" data-set=\"set1\" data-tab=\"tab1_3\">Tanggungjawab Pemimpin<\/button>\n <\/div>\n\n <div id=\"tab1_1\" class=\"tab-content active\">\n <h4>Tujuan Program<\/h4>\n <p>Program Satu Pemimpin Satu Kampung (Santuni MADANI) merupakan satu kaedah Kerajaan untuk meningkatkan potensi kampung dan keupayaan masyarakat melalui:<\/p>\n <ul>\n <li>Pemantauan secara langsung<\/li>\n <li>Libat urus oleh pemimpin sebagai penasihat dan pemudah cara<\/li>\n <\/ul>\n <\/div>\n\n <div id=\"tab1_2\" class=\"tab-content\">\n <h4>Pemimpin yang Terlibat<\/h4>\n <p>Program ini melibatkan pemimpin terdiri daripada:<\/p>\n <ul>\n <li>Ahli Jemaah Menteri<\/li>\n <li>Timbalan Menteri<\/li>\n <li>Ketua Setiausaha Kementerian<\/li>\n <li>Ketua Jabatan\/Agensi Persekutuan<\/li>\n <li>Ketua Pegawai Eksekutif Badan-badan Berkanun<\/li>\n <li>Syarikat Berkaitan Kerajaan (GLC)<\/li>\n <li>Syarikat Pelaburan Berkaitan Kerajaan (GLIC) Persekutuan<\/li>\n <\/ul>\n <\/div>\n\n <div id=\"tab1_3\" class=\"tab-content\">\n <h4>Tanggungjawab Pemimpin<\/h4>\n <p>Pemimpin perlu:<\/p>\n <ul>\n <li>Mengenal pasti isu sosioekonomi setempat<\/li>\n <li>Mencadangkan kaedah penyelesaian bagi keperluan penduduk setempat<\/li>\n <li>Bertindak tanpa mengira perbezaan fahaman politik, agama dan kaum<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- ========== SET TAB 2: PROJEK HIDROPONIK ========== -->\n <div class=\"tabs-set\">\n <h3>Projek Penanaman Sayuran Hidroponik<\/h3>\n <div class=\"tabs-header\">\n <button class=\"tab-btn active\" data-set=\"set2\" data-tab=\"tab2_1\">Latar Belakang Projek<\/button>\n <button class=\"tab-btn\" data-set=\"set2\" data-tab=\"tab2_2\">Objektif<\/button>\n <button class=\"tab-btn\" data-set=\"set2\" data-tab=\"tab2_3\">Peruntukan<\/button>\n <\/div>\n\n <div id=\"tab2_1\" class=\"tab-content active\">\n <h4>Latar Belakang Projek<\/h4>\n <p>Pada tahun <strong>2025<\/strong>, 集美麻豆 telah memilih <strong>Kampung Telok Kechil, Pulau Pangkor, Perak<\/strong> bagi pelaksanaan Projek Penanaman Sayuran Hidroponik untuk Keterjaminan Makanan.<\/p>\n <p>Inisiatif ini dirangka khusus untuk menangani isu bekalan sayur-sayuran yang tidak konsisten akibat <strong>kekangan keluasan tanah pertanian di kawasan pulau<\/strong>.<\/p>\n <\/div>\n\n <div id=\"tab2_2\" class=\"tab-content\">\n <h4>Objektif<\/h4>\n <p>Melalui integrasi kepakaran akademik dan teknologi pertanian moden, projek ini bertujuan:<\/p>\n <ul>\n <li>Memperkasakan komuniti setempat dengan ilmu agroteknologi hidroponik<\/li>\n <li>Memastikan penghasilan sumber makanan yang lebih mapan dan berkualiti<\/li>\n <li>Memenuhi permintaan tinggi penduduk setempat secara berterusan<\/li>\n <\/ul>\n <\/div>\n\n <div id=\"tab2_3\" class=\"tab-content\">\n <h4>Peruntukan<\/h4>\n <p>Inisiatif ini disokong dengan peruntukan universiti sebanyak <strong>RM43,150.00<\/strong> dengan kerjasama <strong>Fakulti Sains dan Teknologi (FST)<\/strong>.<\/p>\n <div class=\"highlight-box\">\n <p><strong>Key Takeaway:<\/strong> Projek hidroponik di Kampung Telok Kechil adalah contoh nyata bagaimana kepakaran universiti (FST 集美麻豆) dapat menyelesaikan cabaran geografi tempatan \u2014 mengubah kekangan tanah menjadi peluang pertanian moden untuk kesejahteraan komuniti pulau.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Statistik Cards -->\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">2024<\/div>\n <div class=\"stat-label\">Mesyuarat Jemaah Menteri meluluskan program<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">2025<\/div>\n <div class=\"stat-label\">Tahun pelaksanaan 集美麻豆<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">RM43,150<\/div>\n <div class=\"stat-label\">Peruntukan 集美麻豆<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">FST 集美麻豆<\/div>\n <div class=\"stat-label\">Fakulti Sains dan Teknologi<\/div>\n <\/div>\n <\/div>\n\n <!-- Gallery Section -->\n <div class=\"gallery-section\">\n <h3>Galeri Program Santuni 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-2025-02-15-at-17.36.08-1.jpeg\" alt=\"Santuni MADANI 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-2025-02-15-at-17.35.59-2.jpeg\" alt=\"Santuni MADANI 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-2025-02-15-at-17.36.08.jpeg\" alt=\"Santuni MADANI 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-2025-02-15-at-17.36.01-2.jpeg\" alt=\"Santuni MADANI 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\/WhatsApp-Image-2025-02-15-at-17.36.07-1.jpeg\" alt=\"Santuni MADANI activity 5\">\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-2025-02-15-at-17.36.07.jpeg\" alt=\"Santuni MADANI activity 6\">\n <\/div>\n <\/div>\n <\/div>\n\n <!-- SDG Section -->\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\/Sustainable_Development_Goal_02ZeroHunger.svg.png\" alt=\"SDG 2 - Zero Hunger\">\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 Santuni MADANI \u2014 集美麻豆 \u00b7 Kementerian Kewangan Malaysia\n <\/footer>\n<\/div>\n\n<script>\n \/\/ JavaScript untuk mengendalikan dua set tabs secara berasingan\n document.querySelectorAll('.tab-btn').forEach(button => {\n button.addEventListener('click', () => {\n const tabId = button.getAttribute('data-tab');\n const setId = button.getAttribute('data-set');\n \n \/\/ Untuk set yang sama, remove active class dari semua button dan content\n document.querySelectorAll(`.tab-btn[data-set=\"${setId}\"]`).forEach(btn => btn.classList.remove('active'));\n document.querySelectorAll(`.tab-content[id^=\"${setId}\"]`).forEach(content => content.classList.remove('active'));\n \n \/\/ Add active class to current button and tab\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>Santuni MADANI | Program Satu Pemimpin Satu Kampung Program Santuni MADANI Satu Pemimpin Satu Kampung \u00b7 Memperkasa Komuniti Pulau Pangkor Kampung Telok Kechil, Pulau Pangkor,<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/i-kom\/santuni-madani\/\"> …<\/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-4558","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/pages\/4558","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=4558"}],"version-history":[{"count":16,"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/pages\/4558\/revisions"}],"predecessor-version":[{"id":4727,"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/pages\/4558\/revisions\/4727"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/media?parent=4558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}