{"id":4792,"date":"2026-05-26T11:48:59","date_gmt":"2026-05-26T03:48:59","guid":{"rendered":"https:\/\/www.ukm.my\/i-kom\/?page_id=4792"},"modified":"2026-06-10T11:04:23","modified_gmt":"2026-06-10T03:04:23","slug":"ayvp-2024-afrina","status":"publish","type":"page","link":"https:\/\/www.ukm.my\/i-kom\/ayvp-2024-afrina\/","title":{"rendered":"AYVP 2024- AFRINA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4792\" class=\"elementor elementor-4792\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f3b831 e-flex e-con-boxed e-con e-parent\" data-id=\"3f3b831\" 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-e5984b9 elementor-widget elementor-widget-text-editor\" data-id=\"e5984b9\" 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>AYVP Malaysia 2024 | Planetary Health<\/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, #2A9D6E 0%, #1A5F7A 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 .theme {\n            font-size: 1.3rem;\n            font-weight: 500;\n            margin-bottom: 0.5rem;\n            color: #e0f0e8;\n        }\n\n        .hero .date-location {\n            font-size: 1rem;\n            color: #d0e8dc;\n            margin-top: 0.5rem;\n        }\n\n        .content-section {\n            padding: 2rem;\n        }\n\n        .exec-summary {\n            background: #fefaf5;\n            padding: 1.5rem;\n            border-radius: 20px;\n            margin-bottom: 2rem;\n            border: 1px solid #e2dcd0;\n        }\n\n        .exec-summary h2 {\n            color: #2A9D6E;\n            margin-bottom: 1rem;\n            font-size: 1.6rem;\n        }\n\n        .exec-summary p {\n            text-align: justify;\n            margin-bottom: 0.8rem;\n        }\n\n        .day-section {\n            margin-bottom: 2.5rem;\n        }\n\n        .day-header {\n            background: #e8f5ef;\n            padding: 1rem 1.5rem;\n            border-radius: 16px;\n            margin-bottom: 1rem;\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            flex-wrap: wrap;\n            justify-content: space-between;\n        }\n\n        .day-title {\n            font-size: 1.5rem;\n            font-weight: bold;\n            color: #1A5F7A;\n        }\n\n        .day-date {\n            font-size: 1rem;\n            color: #5a7c6e;\n        }\n\n        \/* ========== GRID UNTUK ZIG-ZAG YANG PASTI JADI ========== *\/\n        .day-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1.5rem;\n            align-items: start;\n        }\n\n        \/* Day ganjil (1,3,5) : image di kiri, text di kanan *\/\n        .day-grid.image-left {\n            grid-template-areas: \"image text\";\n        }\n\n        \/* Day genap (2,4,6) : text di kiri, image di kanan *\/\n        .day-grid.image-right {\n            grid-template-areas: \"text image\";\n        }\n\n        .grid-image {\n            grid-area: image;\n        }\n\n        .grid-text {\n            grid-area: text;\n        }\n\n        .day-text {\n            text-align: justify;\n        }\n\n        .day-text p {\n            margin-bottom: 0.8rem;\n        }\n\n        \/* CAROUSEL STYLING *\/\n        .carousel-container {\n            background: #e8f5ef;\n            border-radius: 16px;\n            padding: 0.5rem;\n            position: relative;\n        }\n\n        .carousel-slides {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n            border-radius: 12px;\n        }\n\n        .carousel-images {\n            display: flex;\n            transition: transform 0.5s ease;\n        }\n\n        .carousel-images img {\n            width: 100%;\n            flex-shrink: 0;\n            border-radius: 12px;\n            object-fit: cover;\n            max-height: 280px;\n        }\n\n        .carousel-btn {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(0,0,0,0.6);\n            color: white;\n            border: none;\n            font-size: 1.5rem;\n            cursor: pointer;\n            padding: 0.3rem 0.8rem;\n            border-radius: 50%;\n            z-index: 10;\n            transition: background 0.2s;\n        }\n\n        .carousel-btn:hover {\n            background: rgba(0,0,0,0.9);\n        }\n\n        .btn-prev {\n            left: 5px;\n        }\n\n        .btn-next {\n            right: 5px;\n        }\n\n        .carousel-dots {\n            text-align: center;\n            margin-top: 8px;\n        }\n\n        .dot {\n            display: inline-block;\n            width: 8px;\n            height: 8px;\n            background-color: #bbb;\n            border-radius: 50%;\n            margin: 0 4px;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n\n        .dot.active {\n            background-color: #1A5F7A;\n        }\n\n        .caption {\n            font-size: 0.7rem;\n            color: #5a7c6e;\n            margin-top: 0.5rem;\n            text-align: center;\n        }\n\n        .gallery-section {\n            padding: 2rem;\n            background: #fef8f0;\n            margin: 2rem 0;\n            border-radius: 24px;\n        }\n\n        .gallery-section h3 {\n            color: #2A9D6E;\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: #2A9D6E;\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        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            .day-grid, .day-grid.image-left, .day-grid.image-right {\n                grid-template-columns: 1fr;\n                grid-template-areas: \"image\" \"text\";\n            }\n            .gallery-item {\n                width: calc(50% - 1rem);\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n    <div class=\"hero\">\n        <h1>AYVP Malaysia 2024<\/h1>\n        <div class=\"theme\">Theme: Planetary Health<\/div>\n        <div class=\"date-location\">2 &#8211; 15 December 2024 | Kuala Lumpur &#038; Johor, Malaysia<\/div>\n    <\/div>\n\n    <div class=\"content-section\">\n        <div class=\"exec-summary\">\n            <h2>Executive Summary<\/h2>\n            <p>The ASEAN Youth Volunteer Programme (AYVP) Malaysia 2024 successfully brought together 50 young volunteers from seven ASEAN Member States \u2014 Cambodia, Indonesia, Malaysia, Myanmar, the Philippines, Thailand, and Vietnam \u2014 for a transformative hybrid experience centered on the theme of Planetary Health. The programme commenced virtually from 2nd to 6th December 2024, with an official opening ceremony featuring addresses from key leadership at UKM and LESTARI. The physical component ran from 7th to 15th December 2024, beginning in Kuala Lumpur and continuing at the Marine Ecosystem Research Centre (EKOMAR) UKM in Mersing, Johor.<\/p>\n            <p>Over the course of the on-ground activities, volunteers engaged in marine conservation fieldwork, cultural immersion, community service, and leadership development. Key highlights included tidal flats exploration and midwater trawling for marine ecosystem education, traditional Malaysian cooking and craft-making, beach cleanup efforts, and learning Zapin dance and Silat. The programme culminated in a Cultural Exchange night and community-facing performances that celebrated ASEAN\u2019s rich socio-cultural diversity.<\/p>\n        <\/div>\n\n        <!-- DAY 1: IMAGE KIRI, TEXT KANAN (image-left) -->\n        <div class=\"day-section\">\n            <div class=\"day-header\">\n                <span class=\"day-title\">Day 1 : Arrival of Volunteers<\/span>\n                <span class=\"day-date\">7 December 2024 | Kuala Lumpur<\/span>\n            <\/div>\n            <div class=\"day-grid image-left\">\n                <div class=\"grid-image\">\n                    <div class=\"carousel-container\" id=\"carousel1\">\n                        <div class=\"carousel-slides\">\n                            <div class=\"carousel-images\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/06\/photo_6131687975872565474_x.jpg \" alt=\"Orientation 1\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/06\/photo_6131687975872565475_x.jpg\" alt=\"Orientation 2\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_8144.jpg\" alt=\"Orientation 3\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_8238.jpg\" alt=\"Orientation 4\">\n                            <\/div>\n                            <button class=\"carousel-btn btn-prev\">\u276e<\/button>\n                            <button class=\"carousel-btn btn-next\">\u276f<\/button>\n                        <\/div>\n                        <div class=\"carousel-dots\"><\/div>\n                        \n                    <\/div>\n                <\/div>\n                <div class=\"grid-text\">\n                    <div class=\"day-text\">\n                        <p>On 7th December 2024, volunteers from across the ASEAN region began arriving at Kuala Lumpur International Airport (KLIA), marking the official start of the physical component of AYVP Malaysia 2024. Upon arrival, each volunteer was warmly welcomed by the programme secretariat and received their programme kits. The atmosphere was filled with energy and anticipation as participants, many meeting in person for the first time, began forming connections that would grow throughout the week ahead.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- DAY 2: TEXT KIRI, IMAGE KANAN (image-right) -->\n        <div class=\"day-section\">\n            <div class=\"day-header\">\n                <span class=\"day-title\">Day 2 : Journey to Mersing<\/span>\n                <span class=\"day-date\">8 December 2024 | Johor<\/span>\n            <\/div>\n            <div class=\"day-grid image-right\">\n                <div class=\"grid-text\">\n                    <div class=\"day-text\">\n                        <p>The second day saw the entire cohort travel to Mersing, Johor, where the main on-ground activities would take place. The journey was filled with excitement as volunteers looked forward to the days ahead. Upon arrival, icebreaker sessions were conducted by facilitators and secretariat members, helping to break down barriers and build a spirit of teamwork and camaraderie. These activities set a positive and collaborative tone for the immersive experiences to come.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"grid-image\">\n                    <div class=\"carousel-container\" id=\"carousel2\">\n                        <div class=\"carousel-slides\">\n                            <div class=\"carousel-images\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_8420.jpg\" alt=\"Workshop 1\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_8144.jpg\" alt=\"Workshop 2\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_8349.jpg\" alt=\"Workshop 3\">\n<img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/06\/photo_6131687975872565477_x.jpg\" alt=\"Workshop 4\">\n                            <\/div>\n                            <button class=\"carousel-btn btn-prev\">\u276e<\/button>\n                            <button class=\"carousel-btn btn-next\">\u276f<\/button>\n                        <\/div>\n                        <div class=\"carousel-dots\"><\/div>\n                      \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- DAY 3: IMAGE KIRI, TEXT KANAN (image-left) -->\n        <div class=\"day-section\">\n            <div class=\"day-header\">\n                <span class=\"day-title\">Day 3 : Marine Conservation in Action<\/span>\n                <span class=\"day-date\">9 December 2024 | Johor<\/span>\n            <\/div>\n            <div class=\"day-grid image-left\">\n                <div class=\"grid-image\">\n                    <div class=\"carousel-container\" id=\"carousel3\">\n                        <div class=\"carousel-slides\">\n                            <div class=\"carousel-images\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9221-1.jpg\" alt=\"Community 1\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_8703.jpg\" alt=\"Community 2\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/06\/photo_6131687975872565486_x.jpg\" alt=\"Community 3\">\n                                <img src=http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/06\/photo_6131687975872565488_x.jpg\" alt=\"Community 4\">\n                            <\/div>\n                            <button class=\"carousel-btn btn-prev\">\u276e<\/button>\n                            <button class=\"carousel-btn btn-next\">\u276f<\/button>\n                        <\/div>\n                        <div class=\"carousel-dots\"><\/div>\n                        <div class=\"caption\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"grid-text\">\n                    <div class=\"day-text\">\n                        <p>Day three focused on hands-on marine conservation. Volunteers explored the tidal flats of Pulau Mawar, gaining direct exposure to coastal ecosystems. Later in the day, the group took part in a midwater trawling activity at Tanjung Resang Beach. These practical learning sessions equipped participants with new skills and insights into marine biodiversity and the importance of protecting ocean environments. The day was widely regarded as a turning point for many volunteers, deepening their understanding of the programme&#8217;s planetary health theme.\n\n<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- DAY 4: TEXT KIRI, IMAGE KANAN (image-right) -->\n        <div class=\"day-section\">\n            <div class=\"day-header\">\n                <span class=\"day-title\">Day 4 : Culture, Creativity, and Cleanup<\/span>\n                <span class=\"day-date\">10 December 2024 | Johor<\/span>\n            <\/div>\n            <div class=\"day-grid image-right\">\n                <div class=\"grid-text\">\n                    <div class=\"day-text\">\n                        <p>The fourth day blended cultural heritage with environmental action. Volunteers participated in making Keropok Lekor, a traditional Malaysian fish cracker, and engaged in crafting picture frames using local materials. The day also included a beach cleanup at Tanjung Resang Beach, where teamwork and sustainability took centre stage. Through these activities, volunteers experienced how local traditions and environmental stewardship can come together meaningfully.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"grid-image\">\n                    <div class=\"carousel-container\" id=\"carousel4\">\n                        <div class=\"carousel-slides\">\n                            <div class=\"carousel-images\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_8917.jpg\" alt=\"Project 1\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9015.jpg\" alt=\"Project 2\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9078.jpg\" alt=\"Project 3\">\n\n<img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9092.jpg\" alt=\"Project 4\">\n\n<img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9162-1.jpg\" alt=\"Project 4\">\n                       \n<img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9221-1.jpg\" alt=\"Project 4\">\n     <\/div>\n                            <button class=\"carousel-btn btn-prev\">\u276e<\/button>\n                            <button class=\"carousel-btn btn-next\">\u276f<\/button>\n                        <\/div>\n                        <div class=\"carousel-dots\"><\/div>\n                        <div class=\"caption\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- DAY 5: IMAGE KIRI, TEXT KANAN (image-left) -->\n        <div class=\"day-section\">\n            <div class=\"day-header\">\n                <span class=\"day-title\">Day 5: Cultural Immersion and Exchange<\/span>\n                <span class=\"day-date\">11 December 2024 | Johor<\/span>\n            <\/div>\n            <div class=\"day-grid image-left\">\n                <div class=\"grid-image\">\n                    <div class=\"carousel-container\" id=\"carousel5\">\n                        <div class=\"carousel-slides\">\n                            <div class=\"carousel-images\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/20241211_121057-scaled.jpg\" alt=\"Closing 1\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9636.jpg\" alt=\"Closing 2\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9599.jpg\" alt=\"Closing 3\">\n<img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9599.jpg\" alt=\"Closing 3\">\n                            <\/div>\n                            <button class=\"carousel-btn btn-prev\">\u276e<\/button>\n                            <button class=\"carousel-btn btn-next\">\u276f<\/button>\n                        <\/div>\n                        <div class=\"carousel-dots\"><\/div>\n                        <div class=\"caption\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"grid-text\">\n                    <div class=\"day-text\">\n                        <p>Day five was dedicated entirely to cultural immersion. Volunteers learned two traditional Malaysian art forms: the graceful Zapin dance and the disciplined martial art of Silat. The evening culminated in a Cultural Exchange night, where volunteers showcased their own ASEAN traditions through performances that drew applause and admiration from the entire group. It was a powerful celebration of ASEAN&#8217;s diverse identities and a highlight of the programme&#8217;s socio-cultural objectives.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n<!-- DAY 2: TEXT KIRI, IMAGE KANAN (image-right) -->\n        <div class=\"day-section\">\n            <div class=\"day-header\">\n                <span class=\"day-title\">Day 6 : Community, Cooking, and Closing Performances<\/span>\n                <span class=\"day-date\">12 December 2024 | Johor<\/span>\n            <\/div>\n            <div class=\"day-grid image-right\">\n                <div class=\"grid-text\">\n                    <div class=\"day-text\">\n                        <p>On the sixth day, volunteers took their learning to the local community by cooking Malaysian dishes for residents. This act of service and sharing deepened the bond between participants and their host community. That evening, volunteers delivered their final performances of Silat and Zapin in front of an appreciative crowd. The night was filled with love, cheers, and a sense of accomplishment, bringing the on-ground activities of AYVP Malaysia 2024 to a memorable close.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"grid-image\">\n                    <div class=\"carousel-container\" id=\"carousel2\">\n                        <div class=\"carousel-slides\">\n                            <div class=\"carousel-images\">\n                                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-10-at-10.02.38-AM.jpeg\" alt=\"Workshop 1\">\n                                <\/div>\n                      \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n      \n        <!-- Gallery Section -->\n        <div class=\"gallery-section\">\n            <h3>Gallery: AYVP Malaysia 2024<\/h3>\n            <div class=\"gallery-grid\">\n                <div class=\"gallery-item\"><img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9751.jpg\" alt=\"\"><\/div>\n                <div class=\"gallery-item\"><img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9004.jpg\" alt=\"\"><\/div>\n                <div class=\"gallery-item\"><img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_8472.jpg\" alt=\"\"><\/div>\n                <div class=\"gallery-item\"><img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_0303.jpg\" alt=\"\"><\/div>\n                <div class=\"gallery-item\"><img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_0357.jpg\" alt=\"\"><\/div>\n                <div class=\"gallery-item\"><img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_0572-1.jpg\" alt=\"\"><\/div>\n  <div class=\"gallery-item\"><img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_9657.jpg\" alt=\"\"><\/div>\n  <div class=\"gallery-item\"><img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_0870.jpg\" alt=\"\"><\/div>\n  <div class=\"gallery-item\"><img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2025\/01\/IMG_0007.jpg\" alt=\"\"><\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- SDG Section -->\n        <div class=\"sdg-section\">\n            <h3>Alignment with Sustainable Development Goals (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_03GoodHealth.svg.png\" alt=\"SDG 3\">\n                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/images.png\" alt=\"SDG 13\">\n                <img decoding=\"async\" src=\"http:\/\/www.ukm.my\/i-kom\/wp-content\/uploads\/2026\/05\/images-1.png\" alt=\"SDG 15\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <footer>\n        ASEAN Youth Volunteer Programme (AYVP) Malaysia 2024 \u2014 Planetary Health \u00b7 UKM \u00b7 Ministry of Youth &#038; Sports Malaysia\n    <\/footer>\n<\/div>\n\n<script>\n    function initCarousel(carouselId) {\n        const container = document.getElementById(carouselId);\n        if (!container) return;\n\n        const imagesContainer = container.querySelector('.carousel-images');\n        const images = container.querySelectorAll('.carousel-images img');\n        const prevBtn = container.querySelector('.btn-prev');\n        const nextBtn = container.querySelector('.btn-next');\n        const dotsContainer = container.querySelector('.carousel-dots');\n\n        if (!images.length) return;\n\n        let currentIndex = 0;\n        const totalImages = images.length;\n\n        dotsContainer.innerHTML = '';\n        for (let i = 0; i < totalImages; i++) {\n            const dot = document.createElement('span');\n            dot.classList.add('dot');\n            if (i === 0) dot.classList.add('active');\n            dot.addEventListener('click', () => goToImage(i));\n            dotsContainer.appendChild(dot);\n        }\n\n        function updateCarousel() {\n            const width = images[0].clientWidth;\n            imagesContainer.style.transform = `translateX(-${currentIndex * width}px)`;\n            document.querySelectorAll(`#${carouselId} .dot`).forEach((dot, idx) => {\n                if (idx === currentIndex) dot.classList.add('active');\n                else dot.classList.remove('active');\n            });\n        }\n\n        function goToImage(index) {\n            if (index < 0) index = 0;\n            if (index >= totalImages) index = totalImages - 1;\n            currentIndex = index;\n            updateCarousel();\n        }\n\n        function nextImage() {\n            if (currentIndex + 1 < totalImages) {\n                currentIndex++;\n                updateCarousel();\n            }\n        }\n\n        function prevImage() {\n            if (currentIndex - 1 >= 0) {\n                currentIndex--;\n                updateCarousel();\n            }\n        }\n\n        prevBtn.addEventListener('click', prevImage);\n        nextBtn.addEventListener('click', nextImage);\n        window.addEventListener('resize', updateCarousel);\n        updateCarousel();\n    }\n\n    initCarousel('carousel1');\n    initCarousel('carousel2');\n    initCarousel('carousel3');\n    initCarousel('carousel4');\n    initCarousel('carousel5');\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>AYVP Malaysia 2024 | Planetary Health AYVP Malaysia 2024 Theme: Planetary Health 2 &#8211; 15 December 2024 | Kuala Lumpur &#038; Johor, Malaysia Executive Summary<a class=\"ut-readmore\" href=\"https:\/\/www.ukm.my\/i-kom\/ayvp-2024-afrina\/\"> &#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-4792","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/pages\/4792","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=4792"}],"version-history":[{"count":17,"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/pages\/4792\/revisions"}],"predecessor-version":[{"id":4851,"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/pages\/4792\/revisions\/4851"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/i-kom\/wp-json\/wp\/v2\/media?parent=4792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}