{"id":5699,"date":"2026-07-16T17:43:54","date_gmt":"2026-07-16T09:43:54","guid":{"rendered":"https:\/\/dressgreen.org\/?page_id=5699"},"modified":"2026-08-06T09:30:33","modified_gmt":"2026-08-06T01:30:33","slug":"engaging-students-in-sustainability-the-uni-green-school-program","status":"publish","type":"page","link":"https:\/\/dressgreen.org\/cn\/engaging-students-in-sustainability-the-uni-green-school-program\/","title":{"rendered":"Engaging Students in Sustainability: The UNI Green School Program"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light\" style=\"min-height:380px;aspect-ratio:unset;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"4032\" height=\"3024\" data-attachment-id=\"1783\" data-permalink=\"https:\/\/dressgreen.org\/cn\/?attachment_id=1783\" data-orig-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20241025_152058.jpg?fit=4032%2C3024&amp;ssl=1\" data-orig-size=\"4032,3024\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;2.2&quot;,&quot;camera&quot;:&quot;SM-G9910&quot;,&quot;created_timestamp&quot;:&quot;1729869658&quot;,&quot;focal_length&quot;:&quot;2.2&quot;,&quot;iso&quot;:&quot;125&quot;,&quot;shutter_speed&quot;:&quot;0.02&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"20241025_152058\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20241025_152058.jpg?fit=1024%2C768&amp;ssl=1\" class=\"wp-block-cover__image-background wp-image-1783 size-large\" alt=\"\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20241025_152058.jpg?resize=4032%2C3024&#038;ssl=1\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#969086\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-base-2-color has-text-color has-link-color wp-elements-1 wp-block-paragraph\" style=\"font-size:clamp(20px, 1.25rem + ((1vw - 3.2px) * 1.25), 32px);\">UNI GREEN SCHOOL PROGRAM<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-accent-5-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-36f65c2d wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-a0d91a25 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<div class=\"wp-block-jetpack-tiled-gallery aligncenter is-style-rectangular\"><div class=\"\"><div class=\"tiled-gallery__gallery\"><div class=\"tiled-gallery__row\"><div class=\"tiled-gallery__col\" style=\"flex-basis:66.79482%\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" data-attachment-id=\"1781\" data-permalink=\"https:\/\/dressgreen.org\/cn\/?attachment_id=1781\" data-orig-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_155416-ped-4.jpg?fit=4032%2C3024&amp;ssl=1\" data-orig-size=\"4032,3024\" data-comments-opened=\"1\" data-image-title=\"20231010_155416 ped\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_155416-ped-4.jpg?fit=1024%2C768&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"Open image 1 of 3 in full-screen\" srcset=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_155416-ped-4.jpg?strip=info&#038;w=600&#038;ssl=1 600w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_155416-ped-4.jpg?strip=info&#038;w=900&#038;ssl=1 900w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_155416-ped-4.jpg?strip=info&#038;w=1200&#038;ssl=1 1200w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_155416-ped-4.jpg?strip=info&#038;w=1500&#038;ssl=1 1500w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_155416-ped-4.jpg?strip=info&#038;w=1800&#038;ssl=1 1800w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_155416-ped-4.jpg?strip=info&#038;w=2000&#038;ssl=1 2000w\" alt=\"\" data-height=\"3024\" data-id=\"1781\" data-link=\"https:\/\/dressgreen.org\/?attachment_id=1781\" data-url=\"https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_155416-ped-4.jpg?w=1024\" data-width=\"4032\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_155416-ped-4.jpg?ssl=1\" data-amp-layout=\"responsive\"\/><\/figure><\/div><div class=\"tiled-gallery__col\" style=\"flex-basis:33.20518%\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" data-attachment-id=\"1782\" data-permalink=\"https:\/\/dressgreen.org\/cn\/?attachment_id=1782\" data-orig-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_164841-13.jpg?fit=4032%2C3024&amp;ssl=1\" data-orig-size=\"4032,3024\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;1.7&quot;,&quot;camera&quot;:&quot;SM-A7050&quot;,&quot;created_timestamp&quot;:&quot;1696956521&quot;,&quot;focal_length&quot;:&quot;3.92&quot;,&quot;iso&quot;:&quot;100&quot;,&quot;shutter_speed&quot;:&quot;0.02&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"20231010_164841\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_164841-13.jpg?fit=1024%2C768&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"Open image 2 of 3 in full-screen\" srcset=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_164841-13.jpg?strip=info&#038;w=600&#038;ssl=1 600w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_164841-13.jpg?strip=info&#038;w=900&#038;ssl=1 900w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_164841-13.jpg?strip=info&#038;w=1200&#038;ssl=1 1200w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_164841-13.jpg?strip=info&#038;w=1500&#038;ssl=1 1500w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_164841-13.jpg?strip=info&#038;w=1800&#038;ssl=1 1800w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_164841-13.jpg?strip=info&#038;w=2000&#038;ssl=1 2000w\" alt=\"\" data-height=\"3024\" data-id=\"1782\" data-link=\"https:\/\/dressgreen.org\/?attachment_id=1782\" data-url=\"https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_164841-13.jpg?w=1024\" data-width=\"4032\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_164841-13.jpg?ssl=1\" data-amp-layout=\"responsive\"\/><\/figure><figure class=\"tiled-gallery__item\"><img decoding=\"async\" data-attachment-id=\"1784\" data-permalink=\"https:\/\/dressgreen.org\/cn\/?attachment_id=1784\" data-orig-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/02-2.jpg?fit=4032%2C3024&amp;ssl=1\" data-orig-size=\"4032,3024\" data-comments-opened=\"1\" data-image-title=\"02\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/02-2.jpg?fit=1024%2C768&amp;ssl=1\" role=\"button\" tabindex=\"0\" aria-label=\"Open image 3 of 3 in full-screen\" srcset=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/02-2.jpg?strip=info&#038;w=600&#038;ssl=1 600w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/02-2.jpg?strip=info&#038;w=900&#038;ssl=1 900w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/02-2.jpg?strip=info&#038;w=1200&#038;ssl=1 1200w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/02-2.jpg?strip=info&#038;w=1500&#038;ssl=1 1500w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/02-2.jpg?strip=info&#038;w=1800&#038;ssl=1 1800w,https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/02-2.jpg?strip=info&#038;w=2000&#038;ssl=1 2000w\" alt=\"\" data-height=\"3024\" data-id=\"1784\" data-link=\"https:\/\/dressgreen.org\/?attachment_id=1784\" data-url=\"https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/02-2.jpg?w=1024\" data-width=\"4032\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/02-2.jpg?ssl=1\" data-amp-layout=\"responsive\"\/><\/figure><\/div><\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<h3 class=\"wp-block-heading has-text-align-center has-contrast-color has-text-color has-link-color has-large-font-size wp-elements-2\">UNI Green School Program<\/h3>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">UNI Green School Program is a fun and eco-friendly event. \u201cUNI\u201d stands for Uniform and Unique. The goal is to get students involved in sustainability by making products from recycled materials.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">During this program, students will use things like old clothes, uniforms, and food waste to join fun DIY workshops. This hands-on experience teaches them the importance of caring for the environment through creativity.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UNI Green raises awareness about environmental issues and gives students a chance to learn uniquely. By creating items themselves, they can express their creativity, develop practical skills, and learn more about sustainable development.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-0aa01211 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-align-center has-small-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/www.canva.com\/design\/DAGexKvaAdk\/E45pyFk87E0MQeOj2use5g\/view?utm_content=DAGexKvaAdk&amp;utm_campaign=designshare&amp;utm_medium=link2&amp;utm_source=uniquelinks&amp;utlId=hede8a7287a\" style=\"border-radius:100px;padding-right:34px;padding-left:34px\"><strong>Download Our Program Deck<\/strong><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n\/* 1. The outer box that clips the images and houses the buttons *\/\n.gallery-container {\n    position: relative !important;\n    width: 100% !important;\n    height: 220px !important; \n    overflow: hidden !important;\n    border-top-left-radius: 12px !important;\n    border-top-right-radius: 12px !important;\n}\n\n\/* 2. The horizontal strip that holds all slides side-by-side *\/\n.card-image-gallery {\n    display: flex !important;\n    width: 100% !important;\n    height: 100% !important;\n    transition: transform 0.4s ease-in-out !important; \/* Smooth sliding transition *\/\n}\n\n\/* 3. Each individual image slide *\/\n.gallery-slide {\n    flex: 0 0 100% !important;\n    width: 100% !important;\n    height: 100% !important;\n    background-size: cover !important;\n    background-repeat: no-repeat !important;\n    background-position: center center;\n}\n\n\/* 4. The navigation arrow buttons *\/\n.gallery-nav {\n    position: absolute !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n    background: rgba(27, 77, 62, 0.8) !important; \/* Forest green *\/\n    color: #ffffff !important;\n    border: none !important;\n    width: 32px !important;\n    height: 32px !important;\n    border-radius: 50% !important;\n    cursor: pointer !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    font-size: 14px !important;\n    z-index: 10 !important;\n    transition: background 0.2s ease, opacity 0.2s ease !important;\n    opacity: 0; \/* Hidden until hover *\/\n    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;\n}\n\n\/* Show the arrows when hovering *\/\n.gallery-container:hover .gallery-nav {\n    opacity: 1;\n}\n\n.gallery-nav:hover {\n    background: rgba(27, 77, 62, 1) !important;\n}\n\n.gallery-nav.prev {\n    left: 8px !important;\n}\n\n.gallery-nav.next {\n    right: 8px !important;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ Wrap the entire script to ensure the HTML elements exist before the script runs\nfunction initGalleries() {\n    const galleries = document.querySelectorAll('.gallery-container');\n\n    galleries.forEach(container => {\n        const galleryTrack = container.querySelector('.card-image-gallery');\n        const prevBtn = container.querySelector('.gallery-nav.prev');\n        const nextBtn = container.querySelector('.gallery-nav.next');\n        const slides = container.querySelectorAll('.gallery-slide');\n        \n        if (!galleryTrack || slides.length <= 1) {\n            if (prevBtn) prevBtn.style.display = 'none';\n            if (nextBtn) nextBtn.style.display = 'none';\n            return;\n        }\n\n        let currentIndex = 0;\n        const totalSlides = slides.length;\n\n        function slideTo(index) {\n            if (index >= totalSlides) index = 0;\n            if (index < 0) index = totalSlides - 1;\n            currentIndex = index;\n            \n            galleryTrack.style.transform = `translateX(-${currentIndex * 100}%)`;\n        }\n\n        if (prevBtn) {\n            prevBtn.addEventListener('click', function(e) {\n                e.preventDefault();\n                e.stopPropagation(); \n                slideTo(currentIndex - 1);\n                resetAutoplay();\n            });\n        }\n\n        if (nextBtn) {\n            nextBtn.addEventListener('click', function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n                slideTo(currentIndex + 1);\n                resetAutoplay();\n            });\n        }\n\n        let autoplayInterval = setInterval(() => {\n            slideTo(currentIndex + 1);\n        }, 4000);\n\n        function resetAutoplay() {\n            clearInterval(autoplayInterval);\n            autoplayInterval = setInterval(() => {\n                slideTo(currentIndex + 1);\n            }, 4000);\n        }\n    });\n}\n\n\/\/ Fallback safety system to catch the HTML element readiness state\nif (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initGalleries);\n} else {\n    \/\/ If the browser already parsed the HTML, run it immediately\n    initGalleries();\n}\n<\/script>\n\n<div class=\"dg-wide-wrapper\">\n\n    <!-- FILTER INTERFACE -->\n    <div id=\"dg-filter-container\">\n        <!-- Merged Creative Studio directly into the Age Group category under a new name -->\n        <div class=\"filter-group\">\n            <span class=\"filter-label\">Age Group:<\/span>\n            <button class=\"filter-btn active\" data-filter=\"all\">All<\/button>\n            <button class=\"filter-btn\" data-filter=\"kindergarten\">Kindergarten<\/button>\n            <button class=\"filter-btn\" data-filter=\"primary\">Primary<\/button>\n            <button class=\"filter-btn\" data-filter=\"secondary\">Secondary \/ Tertiary<\/button>\n            <button class=\"filter-btn\" data-filter=\"design\">Secondary (Creative Studio)<\/button>\n        <\/div>\n        \n        <div class=\"filter-group\">\n            <span class=\"filter-label\">Theme:<\/span>\n            <button class=\"filter-btn active\" data-theme=\"all\">All Themes<\/button>\n            <button class=\"filter-btn\" data-theme=\"craft\">Upcycling &amp; Craft<\/button>\n            <button class=\"filter-btn\" data-theme=\"social\">Social &amp; Community<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- CARDS GRID -->\n    <div id=\"dg-grid-container\">\n        \n        <!-- CARD 1: DIY Pen Holders -->\n        <div class=\"dg-card\" data-ages=\"kindergarten,primary\" data-themes=\"craft\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    \n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d883.54.06.png'); background-position: center 65%;\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88ae58d8810.15.01.png');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20241004_143059.jpg');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Kindergarten \/ Primary<\/span>\n                    <span class=\"badge theme-badge\">Upcycling &amp; Craft<\/span>\n                <\/div>\n                <h3 class=\"card-title\">DIY Pen Holders<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1 Hour<\/span>\n                    <span>\ud83d\udc65 10-20 pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Transform discarded school uniform fabrics and used tin cans into beautifully personalized, practical desktop pen holders.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Develop fine motor skills by cutting and gluing fabrics.<\/li>\n                        <li>Learn the practical concepts of upcycling daily objects.<\/li>\n                        <li>Explore three-dimensional spatial design.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 2: Eco-friendly Fashion Designer -->\n        <div class=\"dg-card\" data-ages=\"kindergarten,primary\" data-themes=\"craft\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/09\/438884357_843343514501136_7492525875405467247_n.jpg');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/09\/439411152_843343544501133_3213772634370152880_n-edited.jpg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('333');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Kindergarten \/ Primary<\/span>\n                    <span class=\"badge theme-badge\">Upcycling &amp; Craft<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Eco-friendly Fashion Designer<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1 Hour<\/span>\n                    <span>\ud83d\udc65 10-20 pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Step into the shoes of a fashion designer by using collage techniques to dress mini cardboard dolls with uniform fabric scraps.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Enhance creative coordination through fabric collaging.<\/li>\n                        <li>Nurture early design thinking and spatial arrangement skills.<\/li>\n                        <li>Understand the environmental footprint of fashion materials.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 3: Fabric Weaving Art -->\n        <div class=\"dg-card\" data-ages=\"kindergarten,primary\" data-themes=\"craft\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/03\/WechatIMG1897.png'); background-position: center 20%;\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20241018_162027.jpg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20241018_162959.jpg');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Kindergarten \/ Primary<\/span>\n                    <span class=\"badge theme-badge\">Upcycling &amp; Craft<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Fabric Weaving Art<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1 Hour<\/span>\n                    <span>\ud83d\udc65 10-20 pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Discover the fundamental art of weaving by interlacing colorful textile uniform strips to create gorgeous textured tapestries.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Understand basic loom structures and fabric geometry.<\/li>\n                        <li>Promote patience, coordination, and color-matching aesthetics.<\/li>\n                        <li>Repurpose thin fabric scraps into structured interior art pieces.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 4: Sew a UNI Bear Portrait -->\n        <div class=\"dg-card\" data-ages=\"kindergarten,primary\" data-themes=\"craft\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/IMG_2969.jpg');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/IMG_2977.jpg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/IMG_2994.jpg');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Kindergarten \/ Primary<\/span>\n                    <span class=\"badge theme-badge\">Upcycling &amp; Craft<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Sew a UNI Bear Portrait<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1 Hour<\/span>\n                    <span>\ud83d\udc65 10-20 pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Create a charming bear portrait. Combine fabric collage with safe, mini-sewing-machine sewing to assemble a textured masterpiece.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Introduce basic machine stitching safely under guidance.<\/li>\n                        <li>Learn layering techniques using diverse uniform textiles.<\/li>\n                        <li>Express campus-identity memories through creative crafts.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 5: UNI Bear Workshop -->\n        <div class=\"dg-card\" data-ages=\"primary,secondary\" data-themes=\"craft\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/09\/20211009_12407_p00.jpg');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.00.32.png'); background-position: center 35%;\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20250330_101530.jpg'); background-position: center 35%;\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Primary \/ Secondary<\/span>\n                    <span class=\"badge theme-badge\">Upcycling &amp; Craft<\/span>\n                <\/div>\n                <h3 class=\"card-title\">UNI Bear Workshop<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1 Hour<\/span>\n                    <span>\ud83d\udc65 15-20 pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Keep school memories alive by custom designing and hand-cutting mini uniform garments to fit a physical, upcycled plush bear.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Analyze custom pattern designs and construct fabrics to fit objects.<\/li>\n                        <li>Exercise sewing and stitching coordination skills.<\/li>\n                        <li>Practice conscious upcycling habits while turning uniforms into keepsakes.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 6: Bowtie Accessory Workshop -->\n        <div class=\"dg-card\" data-ages=\"primary,secondary\" data-themes=\"craft\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/09\/e89ea2e5b995e688aae59c96-2024-09-24-e4b88be58d883.57.56.png');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20231010_164841-13.jpg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/08\/untitled-2-2.png');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Primary \/ Secondary<\/span>\n                    <span class=\"badge theme-badge\">Upcycling &amp; Craft<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Bowtie Accessory Workshop<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1 Hour<\/span>\n                    <span>\ud83d\udc65 15-20 pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Repurpose unwanted school uniforms into elegant bowties, hair ties, or collar pins through precision stitching and folding.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Acquire basic stitching, measuring, and tailoring techniques.<\/li>\n                        <li>Gain coordination skills while utilizing recycled hardware.<\/li>\n                        <li>Learn principles of circular design by deconstructing school apparel.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 7: Tote Bag Workshop -->\n        <div class=\"dg-card\" data-ages=\"primary,secondary\" data-themes=\"craft\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20250108_043720076_iOS.jpg'); background-position: center 22%\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.21.44.png');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/08\/untitled-2-1.jpg');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Primary \/ Secondary<\/span>\n                    <span class=\"badge theme-badge\">Upcycling &amp; Craft<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Tote Bag Workshop<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1 Hour<\/span>\n                    <span>\ud83d\udc65 10-20 pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Stitch up a durable, eco-friendly shopping tote bag utilizing the structural patterns and fabrics of your old school uniforms.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Identify fabric types, durability parameters, and load-bearing designs.<\/li>\n                        <li>Develop skills in sewing seams and attaching secure bag straps.<\/li>\n                        <li>Promote conscious plastic-free habits daily.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 8: Card Holder Workshop -->\n        <div class=\"dg-card\" data-ages=\"primary,secondary\" data-themes=\"craft\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/10\/img_3713.jpg');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/10\/20231020_162216.jpg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/Image-48-rotated.jpg'); background-position: center 32%;\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Primary \/ Secondary<\/span>\n                    <span class=\"badge theme-badge\">Upcycling &amp; Craft<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Card Holder Workshop<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1 Hour<\/span>\n                    <span>\ud83d\udc65 10-20 pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Construct a sleek, functional multi-slot card holder out of scrap materials from shirts, jackets, and school ties.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Apply precision measurement skills to create multi-slot pockets.<\/li>\n                        <li>Understand internal stabilizers and rigid lining construction.<\/li>\n                        <li>Practice basic leatherwork concepts adapted to sturdy uniform fabrics.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 9: Food Waste Tie-Dye -->\n        <div class=\"dg-card\" data-ages=\"primary,secondary\" data-themes=\"craft\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/wechatimg1851.png');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/03\/WechatIMG1899.png');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('333');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Primary \/ Secondary<\/span>\n                    <span class=\"badge theme-badge\">Upcycling &amp; Craft<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Food Waste Tie-Dye<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1 Hour<\/span>\n                    <span>\ud83d\udc65 15-20 pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Extract organic pigments from kitchen waste (onion skins, coffee grounds) to tie-dye and color beautiful textiles.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Explore biochemistry concepts by extracting natural pigments.<\/li>\n                        <li>Apply folding, binding, and resist-dye pattern-making styles.<\/li>\n                        <li>Examine daily domestic food waste from an upcycled lens.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 10: School Uniform Makeover (Mapped to 'design' age class) -->\n        <div class=\"dg-card\" data-ages=\"design\" data-themes=\"craft\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/08\/untitled-2-3.jpg');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/08\/20240820_154606-1.jpg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/08\/untitled-2-2.jpg');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Secondary (Creative Studio)<\/span>\n                    <span class=\"badge theme-badge\">Upcycling &amp; Craft<\/span>\n                <\/div>\n                <h3 class=\"card-title\">School Uniform Makeover<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 3-5 Lessons<\/span>\n                    <span>\ud83d\udc65 15+ pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">A multi-session immersive course where students brainstorm, design, measure, and reconstruct their own outgrown uniforms.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Gain proficiency in measuring, drafting, and scale conversions.<\/li>\n                        <li>Integrate math concepts like area, proportions, and symmetry.<\/li>\n                        <li>Hone problem-solving skills via peer workshops and sketch revisions.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 11: Sustainable Fashion Runway (Mapped to 'design' age class) -->\n        <div class=\"dg-card\" data-ages=\"design\" data-themes=\"craft\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/W3536_007.jpg');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/Team-photo-in-UST.jpg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('333');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Secondary (Creative Studio)<\/span>\n                    <span class=\"badge theme-badge\">Upcycling &amp; Craft<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Sustainable Fashion Runway<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 3-5 Lessons<\/span>\n                    <span>\ud83d\udc65 30+ pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">The ultimate fashion experience. Students construct elaborate garments from scratch and display them on a real school runway.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Master clothing pattern design, joining, and complex garment crafting.<\/li>\n                        <li>Cultivate teamwork by organizing show roles (models, designers, tech).<\/li>\n                        <li>Build public speaking and stage confidence showing off sustainable art.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 12: Visit to Sheltered Workshop -->\n        <div class=\"dg-card\" data-ages=\"primary,secondary\" data-themes=\"social\">\n                <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/03\/APKTC-r-01-1.jpg');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/03\/Image.jpeg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/03\/Image-2.jpeg');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Primary \/ Secondary \/ Tertiary<\/span>\n                    <span class=\"badge theme-badge\">Social &amp; Community<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Visit to Sheltered Workshop<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1 Hour<\/span>\n                    <span>\ud83d\udc65 10+ pax (Off-site)<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Visit a local sheltered workshop training platform. Engage in real interactions and support vulnerable community members.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Explore the operational structures of local social welfare facilities.<\/li>\n                        <li>Develop social empathy, active listening, and open communication skills.<\/li>\n                        <li>Participate directly in helping marginalized communities integrate.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 13: The Mills Heritage Tour -->\n        <div class=\"dg-card\" data-ages=\"primary,secondary\" data-themes=\"social\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/09\/img_1009.jpg');background-position: center 65%;\">&#8220;&gt;<\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/09\/img_0983.jpg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/09\/img_1012.jpg');background-position: center 65%;\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Primary \/ Secondary \/ Tertiary<\/span>\n                    <span class=\"badge theme-badge\">Social &amp; Community<\/span>\n                <\/div>\n                <h3 class=\"card-title\">The Mills Heritage Tour<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1.5 Hours<\/span>\n                    <span>\ud83d\udc65 15+ pax (Off-site)<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Take a historical tour of The Mills (Tsuen Wan) to analyze Hong Kong\u2019s transition from industrial manufacturing to sustainability hubs.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Grasp the developmental history of Hong Kong&#8217;s 1950s textile era.<\/li>\n                        <li>Analyze architectural conservation and modern space repurposing.<\/li>\n                        <li>Reflect on shifting societal values regarding garment manufacturing.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 14: Hello Founders -->\n        <div class=\"dg-card\" data-ages=\"primary,secondary\" data-themes=\"social\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.03.57.png');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/09\/img_6024-1.jpg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.19.04.png');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Primary \/ Secondary \/ Tertiary<\/span>\n                    <span class=\"badge theme-badge\">Social &amp; Community<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Hello Founders<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~1 Hour<\/span>\n                    <span>\ud83d\udc65 15+ pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Dialogue with the founders of Dress Green on social entrepreneurship, careers in sustainable industries, and community impact.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Differentiate social entrepreneurship models from standard business formats.<\/li>\n                        <li>Explore emerging career opportunities in the green economy and CSR.<\/li>\n                        <li>Nurture creative pathways for solving sustainability problems.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 15: Social Enterprise in Practice -->\n        <div class=\"dg-card\" data-ages=\"secondary\" data-themes=\"social\">\n    <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/05.png'); background-position: center 27%;\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.35.19.png');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88ae58d8810.00.10.png');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Secondary \/ Tertiary<\/span>\n                    <span class=\"badge theme-badge\">Social &amp; Community<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Social Enterprise in Practice<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~3 Hours<\/span>\n                    <span>\ud83d\udc65 5-8 pax (Off-site)<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Visit the Dress Green headquarters for deep workplace shadowing, active operational training, and direct career navigation.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Gain inside access to design-driven social enterprise operations.<\/li>\n                        <li>Experience hands-on industry techniques and professional workflows.<\/li>\n                        <li>Reflect on personal skill match-ups to map clear career blueprints.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 16: Climate Fresk Gaming -->\n        <div class=\"dg-card\" data-ages=\"secondary\" data-themes=\"social\">\n                <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20220915_145220.jpg');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/09\/20240913_152027.jpg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20220923_153657.jpg');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Secondary \/ Tertiary<\/span>\n                    <span class=\"badge theme-badge\">Social &amp; Community<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Climate Fresk Gaming<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~3 Hours<\/span>\n                    <span>\ud83d\udc65 6-12 pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">A cooperative, card-mapping workshop based on IPCC reports that challenges students to assemble complex climate cause-and-effect lines.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Grasp the scientific root causes and immediate impacts of climate systems.<\/li>\n                        <li>Build system-thinking capabilities through active team negotiation.<\/li>\n                        <li>Formulate constructive, collective solutions for regional climate plans.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CARD 17: Teacher Development Program -->\n        <div class=\"dg-card\" data-ages=\"secondary\" data-themes=\"social\">\n                <!-- PASTE THIS NEW STRUCTURE INSTEAD -->\n<div class=\"gallery-container\">\n    <!-- Left Arrow Button -->\n    <button class=\"gallery-nav prev\" aria-label=\"Previous Image\">\u276e<\/button>\n    <!-- The sliding image track -->\n    <div class=\"card-image-gallery\">\n        <!-- Photo 1 -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/09\/441439223_1998048483923938_4305432015043830592_n.jpg');\"><\/div>\n        \n        <!-- Photo 2 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/01\/20220930_090845-1.jpg');\"><\/div>\n        \n        <!-- Photo 3 (Change to your next photo URL) -->\n        <div class=\"gallery-slide\" style=\"background-image: url('https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/schoo2.jpg');\"><\/div>\n    <\/div>\n    \n    <!-- Right Arrow Button -->\n    <button class=\"gallery-nav next\" aria-label=\"Next Image\">\u276f<\/button>\n<\/div>\n            <div class=\"card-content\">\n                <div class=\"badge-row\">\n                    <span class=\"badge age-badge\">Educators \/ Principals<\/span>\n                    <span class=\"badge theme-badge\">Social &amp; Community<\/span>\n                <\/div>\n                <h3 class=\"card-title\">Teacher Development Program<\/h3>\n                <div class=\"stats-row\">\n                    <span>\ud83d\udd52 ~3 Hours<\/span>\n                    <span>\ud83d\udc65 5-20 pax<\/span>\n                <\/div>\n                <p class=\"card-teaser\">Equip school leaders and educators with practical tools and insights to successfully launch environmental programs in school.<\/p>\n                <button class=\"details-toggle-btn\">View Details &amp; Objectives<\/button>\n                <div class=\"expanded-details\">\n                    <strong>Learning Objectives:<\/strong>\n                    <ul>\n                        <li>Understand structural curriculum modules designed around environmental studies.<\/li>\n                        <li>Coordinate collaborative design-thinking models in public classrooms.<\/li>\n                        <li>Establish active campus frameworks to launch local carbon footprint programs.<\/li>\n                    <\/ul>\n                    <a href=\"\/contact-us\/\" class=\"card-contact-btn\">Contact to Book<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n\n\n<!-- STYLES -->\n<style>\n:root {\n    --dg-forest-green: #1b4d3e;\n    --dg-gold: #c5a059;\n    --dg-gold-light: #fdfaf4;\n    --dg-text: #2f3e36;\n    --dg-gray-light: #f8f8f8;\n    --dg-border: #e2edea;\n}\n\n\/* \n  BRUTE FORCE BREAKOUT \n  This aggressively overrides parent constraints and forces a wide desktop canvas.\n*\/\n.dg-wide-wrapper {\n    width: 100% !important;\n    max-width: 1200px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    margin-top: 40px !important;\n    margin-bottom: 40px !important;\n    box-sizing: border-box !important;\n}\n\n#dg-filter-container {\n    margin-bottom: 35px;\n    padding: 24px;\n    background: var(--dg-gold-light);\n    border-radius: 12px;\n    border: 1px solid var(--dg-gold);\n}\n.filter-group {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n.filter-group:last-child { margin-bottom: 0; }\n.filter-label {\n    font-weight: 700;\n    font-size: 0.95rem;\n    min-width: 110px;\n    color: var(--dg-forest-green);\n}\n.filter-btn {\n    padding: 8px 18px;\n    border: 1px solid var(--dg-forest-green);\n    background: transparent;\n    color: var(--dg-forest-green);\n    border-radius: 20px;\n    cursor: pointer;\n    font-weight: 500;\n    font-size: 0.85rem;\n    transition: all 0.3s ease;\n}\n.filter-btn:hover, .filter-btn.active {\n    background: var(--dg-forest-green);\n    color: #fff;\n}\n\n\/* \n  STRICT 3-COLUMN DESKTOP FORCE\n  This tells the browser to ignore the theme's squeezed width and stay in 3 columns.\n*\/\n#dg-grid-container {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; \n    gap: 24px !important;\n}\n\n\/* TABLET: Drop to 2 columns ONLY when the browser screen is physically under 1024px *\/\n@media (max-width: 1024px) {\n    #dg-grid-container {\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n        gap: 20px !important;\n    }\n    .dg-wide-wrapper {\n        width: 95vw !important;\n        margin-left: calc(-47.5vw + 50%) !important;\n        margin-right: calc(-47.5vw + 50%) !important;\n    }\n}\n\n\/* MOBILE: Drop to 1 column on smartphones *\/\n@media (max-width: 600px) {\n    #dg-grid-container {\n        grid-template-columns: 1fr !important;\n        gap: 16px !important;\n    }\n}\n\n.dg-card {\n    background: #fff;\n    border: 1px solid var(--dg-border);\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.04);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    display: flex;\n    flex-direction: column;\n}\n.dg-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 10px 24px rgba(0,0,0,0.08);\n}\n.card-content {\n    padding: 20px; \n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n}\n.badge-row {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 12px;\n    flex-wrap: wrap;\n}\n.badge {\n    font-size: 0.7rem;\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-weight: 600;\n    letter-spacing: 0.3px;\n}\n.age-badge { background: #e2edea; color: var(--dg-forest-green); }\n.theme-badge { background: #f6efe2; color: var(--dg-gold); }\n\n.card-title {\n    margin: 0 0 10px 0;\n    font-size: 1.15rem; \n    font-weight: 700;\n    color: var(--dg-forest-green);\n    line-height: 1.3;\n}\n.stats-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.78rem;\n    color: #666;\n    margin-bottom: 14px;\n    border-bottom: 1px dashed var(--dg-border);\n    padding-bottom: 10px;\n}\n.card-teaser {\n    font-size: 0.85rem;\n    color: var(--dg-text);\n    line-height: 1.45;\n    margin-bottom: 16px;\n    flex-grow: 1;\n}\n\n.details-toggle-btn {\n    width: 100%;\n    padding: 10px 12px;\n    background: var(--dg-gray-light);\n    border: 1px solid var(--dg-border);\n    border-radius: 6px;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--dg-forest-green);\n    transition: background 0.2s ease;\n    margin-bottom: 10px;\n}\n.details-toggle-btn:hover { background: #eaeaea; }\n\n.expanded-details {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), padding 0.3s ease;\n    background: #fafafa;\n    border-radius: 6px;\n}\n.expanded-details.open {\n    max-height: 600px;\n    padding: 12px;\n    border: 1px solid var(--dg-border);\n    margin-bottom: 10px;\n    transition: max-height 0.4s cubic-bezier(1, 0, 1, 0);\n}\n.expanded-details ul {\n    margin: 6px 0 12px 12px;\n    padding: 0;\n    font-size: 0.8rem;\n    color: var(--dg-text);\n}\n.expanded-details li { margin-bottom: 4px; }\n\n.card-contact-btn {\n    display: block;\n    text-align: center;\n    background: var(--dg-gold);\n    color: white;\n    padding: 10px 12px;\n    border-radius: 6px;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 0.85rem;\n    transition: background 0.3s ease;\n}\n.card-contact-btn:hover { background: #b08d4b; }\n<\/style>\n\n<!-- FUNCTIONALITY JAVASCRIPT -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    const ageButtons = document.querySelectorAll('#dg-filter-container button[data-filter]');\n    const themeButtons = document.querySelectorAll('#dg-filter-container button[data-theme]');\n    const cards = document.querySelectorAll('.dg-card');\n    const toggles = document.querySelectorAll('.details-toggle-btn');\n\n    let currentAgeFilter = 'all';\n    let currentThemeFilter = 'all';\n\n    function filterCards() {\n        cards.forEach(card => {\n            const cardAges = card.getAttribute('data-ages').split(',');\n            const cardThemes = card.getAttribute('data-themes').split(',');\n\n            const matchesAge = (currentAgeFilter === 'all' || cardAges.includes(currentAgeFilter));\n            const matchesTheme = (currentThemeFilter === 'all' || cardThemes.includes(currentThemeFilter));\n\n            if (matchesAge && matchesTheme) {\n                card.style.display = 'flex';\n            } else {\n                card.style.display = 'none';\n            }\n        });\n    }\n\n    ageButtons.forEach(btn => {\n        btn.addEventListener('click', () => {\n            ageButtons.forEach(b => b.classList.remove('active'));\n            btn.classList.add('active');\n            currentAgeFilter = btn.getAttribute('data-filter');\n            filterCards();\n        });\n    });\n\n    themeButtons.forEach(btn => {\n        btn.addEventListener('click', () => {\n            themeButtons.forEach(b => b.classList.remove('active'));\n            btn.classList.add('active');\n            currentThemeFilter = btn.getAttribute('data-theme');\n            filterCards();\n        });\n    });\n\n    toggles.forEach(toggle => {\n        toggle.addEventListener('click', function () {\n            const targetDetails = this.nextElementSibling;\n            targetDetails.classList.toggle('open');\n            \n            if (targetDetails.classList.contains('open')) {\n                this.textContent = 'Hide Details';\n                targetDetails.style.maxHeight = targetDetails.scrollHeight + \"px\";\n            } else {\n                this.textContent = 'View Details & Objectives';\n                targetDetails.style.maxHeight = \"0\";\n            }\n        });\n    });\n});\n<\/script><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-contrast-color has-text-color has-link-color has-large-font-size wp-elements-3 wp-block-paragraph\"><strong>Past Work<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-313efa99 wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-jetpack-slideshow aligncenter is-style-rounded\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1200\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-370\" data-id=\"370\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/08\/untitled-1-1.jpg?resize=1600%2C1200&#038;ssl=1\"\/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1147\" height=\"773\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-791\" data-id=\"791\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.50.57.png?resize=1147%2C773&#038;ssl=1\"\/><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-5a45e1ec wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><strong><a href=\"https:\/\/dressgreen.org\/school-workshop_\/\">Design and Production of 50th anniversary bear<\/a>&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">@Holy Cross Lutheran School<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-jetpack-slideshow aligncenter is-style-rounded\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1200\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-370\" data-id=\"370\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/08\/untitled-1-1.jpg?resize=1600%2C1200&#038;ssl=1\"\/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1147\" height=\"773\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-791\" data-id=\"791\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.50.57.png?resize=1147%2C773&#038;ssl=1\"\/><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-435112bf wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><strong>Wallet&nbsp;Workshop<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">@Holy Cross Lutheran School<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-jetpack-slideshow aligncenter is-style-rounded\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1200\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-371\" data-id=\"371\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/08\/untitled-2-1.jpg?resize=1600%2C1200&#038;ssl=1\"\/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"527\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-768\" data-id=\"768\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.15.01.png?resize=638%2C527&#038;ssl=1\"\/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"504\" height=\"428\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-792\" data-id=\"792\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.51.33.png?resize=504%2C428&#038;ssl=1\"\/><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-435112bf wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><strong>Tote Bag&nbsp;Workshop<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">@Baptist Rainbow Primary School<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-313efa99 wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-jetpack-slideshow aligncenter is-style-rounded\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1200\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-372\" data-id=\"372\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/08\/untitled-3-1.jpg?resize=1600%2C1200&#038;ssl=1\"\/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"551\" height=\"414\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-767\" data-id=\"767\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.14.15.png?resize=551%2C414&#038;ssl=1\"\/><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-5a45e1ec wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><strong><a href=\"https:\/\/dressgreen.org\/school-workshop_fishman-hat-workshop\/\">Fishman Hat Workshop<\/a><\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">@Cheung Cheuk Shan College<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-jetpack-slideshow aligncenter is-style-rounded\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1140\" height=\"855\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-1764\" data-id=\"1764\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/school1-1.png?resize=1140%2C855&#038;ssl=1\"\/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1140\" height=\"855\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-1765\" data-id=\"1765\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/school4.jpg?resize=1140%2C855&#038;ssl=1\"\/><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-5a45e1ec wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><strong>Seminar&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">@Cheung Cheuk Shan College<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-jetpack-slideshow aligncenter is-style-rounded\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1200\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-374\" data-id=\"374\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/08\/untitled-5-1.jpg?resize=1600%2C1200&#038;ssl=1\"\/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"560\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-793\" data-id=\"793\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.53.23.png?resize=819%2C560&#038;ssl=1\"\/><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-435112bf wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><strong>Hello Founders X YWCA<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">@Ying Wa College<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-313efa99 wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-jetpack-slideshow aligncenter is-style-rounded\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1195\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-385\" data-id=\"385\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/08\/untitled-8.png?resize=1600%2C1195&#038;ssl=1\"\/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"4032\" height=\"3024\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-785\" data-id=\"785\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/10\/img_0965.jpg?resize=4032%2C3024&#038;ssl=1\"\/><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-5a45e1ec wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><strong><a href=\"https:\/\/dressgreen.org\/school-workshop_the-mills-tour\/\">The Mills Tou<\/a>r<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">@Cheung Chuk Shan College<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-jetpack-slideshow aligncenter is-style-rounded\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1140\" height=\"855\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-387\" data-id=\"387\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/08\/untitled-2-2.png?resize=1140%2C855&#038;ssl=1\"\/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"758\" height=\"578\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-778\" data-id=\"778\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2024\/10\/e89ea2e5b995e688aae59c96-2024-10-08-e4b88be58d884.23.03.png?resize=758%2C578&#038;ssl=1\"\/><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-5a45e1ec wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><strong>Bowtie&nbsp;Workshop<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">@Kwong Ming Ying Lio School<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-jetpack-slideshow aligncenter is-style-rounded\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1140\" height=\"855\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-1767\" data-id=\"1767\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/school3.jpg?resize=1140%2C855&#038;ssl=1\"\/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1140\" height=\"855\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-1766\" data-id=\"1766\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/schoo2.jpg?resize=1140%2C855&#038;ssl=1\"\/><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-435112bf wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><strong>Student Sharing<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">@Hong Kong Baptist University<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--50)\">Additional Information<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-5d5993d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-7ede0afc wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-bottom:0\">\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"250\" data-attachment-id=\"2726\" data-permalink=\"https:\/\/dressgreen.org\/cn\/?attachment_id=2726\" data-orig-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-34-1.png?fit=450%2C250&amp;ssl=1\" data-orig-size=\"450,250\" data-comments-opened=\"1\" data-image-title=\"Frame 34\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-34-1.png?fit=450%2C250&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-34-1.png?resize=450%2C250&#038;ssl=1\" alt=\"\" class=\"wp-image-2726\" srcset=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-34-1.png?w=450&amp;ssl=1 450w, https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-34-1.png?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-34-1.png?resize=18%2C10&amp;ssl=1 18w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><strong><a href=\"https:\/\/ewavqugajhj8g8cuocwret08vql.sharepoint.com\/:b:\/s\/DressGreen2\/EQpxPwzTiQtKhAXDD_vv00oBH5lLvj0lrTtSzj4nUJ0U8A?e=CH0pKn\">Download Program Deck\u200b<\/a><\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-c6aab7f7 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"250\" data-attachment-id=\"2727\" data-permalink=\"https:\/\/dressgreen.org\/cn\/?attachment_id=2727\" data-orig-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-33-1.png?fit=450%2C250&amp;ssl=1\" data-orig-size=\"450,250\" data-comments-opened=\"1\" data-image-title=\"Frame 33\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-33-1.png?fit=450%2C250&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-33-1.png?resize=450%2C250&#038;ssl=1\" alt=\"\" class=\"wp-image-2727\" srcset=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-33-1.png?w=450&amp;ssl=1 450w, https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-33-1.png?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-33-1.png?resize=18%2C10&amp;ssl=1 18w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong><a href=\"https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/03\/Dress-Green-Education-Program-form-v1.0-20250331.pdf\">Online Application Form<\/a><\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-c6aab7f7 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"250\" data-attachment-id=\"2728\" data-permalink=\"https:\/\/dressgreen.org\/cn\/?attachment_id=2728\" data-orig-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-30-1.png?fit=450%2C250&amp;ssl=1\" data-orig-size=\"450,250\" data-comments-opened=\"1\" data-image-title=\"Frame 30\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-30-1.png?fit=450%2C250&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-30-1.png?resize=450%2C250&#038;ssl=1\" alt=\"\" class=\"wp-image-2728\" srcset=\"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-30-1.png?w=450&amp;ssl=1 450w, https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-30-1.png?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/04\/Frame-30-1.png?resize=18%2C10&amp;ssl=1 18w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Contact Us\u200b<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">Have questions about UNI Green School Program?<br>Please send an email to<br><a href=\"#\" target=\"_blank\" rel=\"noreferrer noopener\">info@dressgreen.org<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>UNI Green School Program UNI Green School Program is a fun and eco-friendly event. \u201cUNI\u201d stands for Uniform and Unique. The goal is to get students involved in sustainability by making products from recycled materials. During this program, students will use things like old clothes, uniforms, and food waste to join fun DIY workshops. This [&hellip;]<\/p>\n","protected":false},"author":260225860,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"footnotes":""},"class_list":["post-5699","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Engaging Students in Sustainability: The UNI Green School Program - Dress Green | Design x Sustainability<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dressgreen.org\/cn\/engaging-students-in-sustainability-the-uni-green-school-program\/\" \/>\n<meta property=\"og:locale\" content=\"zh_HK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Engaging Students in Sustainability: The UNI Green School Program - Dress Green | Design x Sustainability\" \/>\n<meta property=\"og:description\" content=\"UNI Green School Program UNI Green School Program is a fun and eco-friendly event. \u201cUNI\u201d stands for Uniform and Unique. The goal is to get students involved in sustainability by making products from recycled materials. During this program, students will use things like old clothes, uniforms, and food waste to join fun DIY workshops. This [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dressgreen.org\/cn\/engaging-students-in-sustainability-the-uni-green-school-program\/\" \/>\n<meta property=\"og:site_name\" content=\"Dress Green | Design x Sustainability\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-06T01:30:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20241025_152058.jpg?w=1024\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u8a08\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dressgreen.org\\\/engaging-students-in-sustainability-the-uni-green-school-program\\\/\",\"url\":\"https:\\\/\\\/dressgreen.org\\\/engaging-students-in-sustainability-the-uni-green-school-program\\\/\",\"name\":\"Engaging Students in Sustainability: The UNI Green School Program - Dress Green | Design x Sustainability\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dressgreen.org\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dressgreen.org\\\/engaging-students-in-sustainability-the-uni-green-school-program\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dressgreen.org\\\/engaging-students-in-sustainability-the-uni-green-school-program\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dressgreen.org\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/20241025_152058.jpg?w=1024\",\"datePublished\":\"2026-07-16T09:43:54+00:00\",\"dateModified\":\"2026-08-06T01:30:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dressgreen.org\\\/engaging-students-in-sustainability-the-uni-green-school-program\\\/#breadcrumb\"},\"inLanguage\":\"zh-HK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dressgreen.org\\\/engaging-students-in-sustainability-the-uni-green-school-program\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-HK\",\"@id\":\"https:\\\/\\\/dressgreen.org\\\/engaging-students-in-sustainability-the-uni-green-school-program\\\/#primaryimage\",\"url\":\"https:\\\/\\\/dressgreen.org\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/20241025_152058.jpg?w=1024\",\"contentUrl\":\"https:\\\/\\\/dressgreen.org\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/20241025_152058.jpg?w=1024\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dressgreen.org\\\/engaging-students-in-sustainability-the-uni-green-school-program\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dressgreen.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Engaging Students in Sustainability: The UNI Green School Program\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dressgreen.org\\\/#website\",\"url\":\"https:\\\/\\\/dressgreen.org\\\/\",\"name\":\"Dress Green | Design x Sustainability\",\"description\":\"Unleash your uniform waste\",\"publisher\":{\"@id\":\"https:\\\/\\\/dressgreen.org\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dressgreen.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-HK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dressgreen.org\\\/#organization\",\"name\":\"Dress Green | Design x Sustainability\",\"url\":\"https:\\\/\\\/dressgreen.org\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-HK\",\"@id\":\"https:\\\/\\\/dressgreen.org\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/dressgreen.org\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/dress-green-for-patent_2022.11.28_e5b7a5e4bd9ce58d80e59f9f-1-e8a487e69cac-31-e589afe69cac-1.png?fit=3949%2C3070&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/dressgreen.org\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/dress-green-for-patent_2022.11.28_e5b7a5e4bd9ce58d80e59f9f-1-e8a487e69cac-31-e589afe69cac-1.png?fit=3949%2C3070&ssl=1\",\"width\":3949,\"height\":3070,\"caption\":\"Dress Green | Design x Sustainability\"},\"image\":{\"@id\":\"https:\\\/\\\/dressgreen.org\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Engaging Students in Sustainability: The UNI Green School Program - Dress Green | Design x Sustainability","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dressgreen.org\/cn\/engaging-students-in-sustainability-the-uni-green-school-program\/","og_locale":"zh_HK","og_type":"article","og_title":"Engaging Students in Sustainability: The UNI Green School Program - Dress Green | Design x Sustainability","og_description":"UNI Green School Program UNI Green School Program is a fun and eco-friendly event. \u201cUNI\u201d stands for Uniform and Unique. The goal is to get students involved in sustainability by making products from recycled materials. During this program, students will use things like old clothes, uniforms, and food waste to join fun DIY workshops. This [&hellip;]","og_url":"https:\/\/dressgreen.org\/cn\/engaging-students-in-sustainability-the-uni-green-school-program\/","og_site_name":"Dress Green | Design x Sustainability","article_modified_time":"2026-08-06T01:30:33+00:00","og_image":[{"url":"https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20241025_152058.jpg?w=1024","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u8a08\u95b1\u8b80\u6642\u9593":"6 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dressgreen.org\/engaging-students-in-sustainability-the-uni-green-school-program\/","url":"https:\/\/dressgreen.org\/engaging-students-in-sustainability-the-uni-green-school-program\/","name":"Engaging Students in Sustainability: The UNI Green School Program - Dress Green | Design x Sustainability","isPartOf":{"@id":"https:\/\/dressgreen.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dressgreen.org\/engaging-students-in-sustainability-the-uni-green-school-program\/#primaryimage"},"image":{"@id":"https:\/\/dressgreen.org\/engaging-students-in-sustainability-the-uni-green-school-program\/#primaryimage"},"thumbnailUrl":"https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20241025_152058.jpg?w=1024","datePublished":"2026-07-16T09:43:54+00:00","dateModified":"2026-08-06T01:30:33+00:00","breadcrumb":{"@id":"https:\/\/dressgreen.org\/engaging-students-in-sustainability-the-uni-green-school-program\/#breadcrumb"},"inLanguage":"zh-HK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dressgreen.org\/engaging-students-in-sustainability-the-uni-green-school-program\/"]}]},{"@type":"ImageObject","inLanguage":"zh-HK","@id":"https:\/\/dressgreen.org\/engaging-students-in-sustainability-the-uni-green-school-program\/#primaryimage","url":"https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20241025_152058.jpg?w=1024","contentUrl":"https:\/\/dressgreen.org\/wp-content\/uploads\/2025\/02\/20241025_152058.jpg?w=1024"},{"@type":"BreadcrumbList","@id":"https:\/\/dressgreen.org\/engaging-students-in-sustainability-the-uni-green-school-program\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dressgreen.org\/"},{"@type":"ListItem","position":2,"name":"Engaging Students in Sustainability: The UNI Green School Program"}]},{"@type":"WebSite","@id":"https:\/\/dressgreen.org\/#website","url":"https:\/\/dressgreen.org\/","name":"Dress Green | Design x Sustainability","description":"Unleash your uniform waste","publisher":{"@id":"https:\/\/dressgreen.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dressgreen.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-HK"},{"@type":"Organization","@id":"https:\/\/dressgreen.org\/#organization","name":"Dress Green | Design x Sustainability","url":"https:\/\/dressgreen.org\/","logo":{"@type":"ImageObject","inLanguage":"zh-HK","@id":"https:\/\/dressgreen.org\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/dress-green-for-patent_2022.11.28_e5b7a5e4bd9ce58d80e59f9f-1-e8a487e69cac-31-e589afe69cac-1.png?fit=3949%2C3070&ssl=1","contentUrl":"https:\/\/i0.wp.com\/dressgreen.org\/wp-content\/uploads\/2025\/02\/dress-green-for-patent_2022.11.28_e5b7a5e4bd9ce58d80e59f9f-1-e8a487e69cac-31-e589afe69cac-1.png?fit=3949%2C3070&ssl=1","width":3949,"height":3070,"caption":"Dress Green | Design x Sustainability"},"image":{"@id":"https:\/\/dressgreen.org\/#\/schema\/logo\/image\/"}}]}},"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PfXnBq-1tV","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/pages\/5699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/users\/260225860"}],"replies":[{"embeddable":true,"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/comments?post=5699"}],"version-history":[{"count":70,"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/pages\/5699\/revisions"}],"predecessor-version":[{"id":7094,"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/pages\/5699\/revisions\/7094"}],"wp:attachment":[{"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/media?parent=5699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}