{"id":5933,"date":"2026-08-05T13:20:58","date_gmt":"2026-08-05T05:20:58","guid":{"rendered":"https:\/\/dressgreen.org\/?page_id=5933"},"modified":"2026-10-13T10:51:11","modified_gmt":"2026-10-13T02:51:11","slug":"corp-solution-workshop","status":"publish","type":"page","link":"https:\/\/dressgreen.org\/cn\/our-service-corporate-solutions\/corp-solution-workshop\/","title":{"rendered":"Corporate Upcycling Workshops | Dress Green"},"content":{"rendered":"\n
\"\"<\/span>
\n

WORKSHOP<\/p>\n<\/div><\/div>\n\n\n\n

<\/div>\n\n\n\n

Upcycling Workshop<\/strong><\/p>\n\n\n\n

Give old textiles a brand-new purpose. Our upcycling workshop empowers participants to craft beautiful, practical items from unworn clothing. Attendees are welcome to bring discarded garments from home or work with pre-sorted, reclaimed fabrics supplied by Dress Green.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

Since 2021, We…<\/strong><\/p>\n\n\n\n

\n
\n
\n

Hosted<\/p>\n\n\n\n

90+<\/strong><\/h3>\n\n\n\n

Upcycling Workshops<\/p>\n<\/div>\n\n\n\n

\n

Delivered<\/p>\n\n\n\n

140+<\/strong><\/h3>\n\n\n\n

Hours of Upcycling Workshops<\/p>\n<\/div>\n\n\n\n

\n

Reached<\/p>\n\n\n\n

5,500+<\/strong><\/h3>\n\n\n\n

Workshop Participants<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Featured Projects<\/strong><\/p>\n\n\n\n

\n\n \n Featured Projects Carousel<\/title>\n\n <!-- Performance & Preconnect Hints -->\n <link rel=\"preconnect\" href=\"https:\/\/cdn.tailwindcss.com\" crossorigin=\"\">\n <link rel=\"preconnect\" href=\"https:\/\/dressgreen.org\" crossorigin=\"\">\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/Untitled-design-54.png\" fetchpriority=\"high\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brandGreen: {\n 800: '#144d34 ',\n 900: '#1c6a49 ',\n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n .angled-banner {\n transform: skewX(-8deg);\n transform-origin: bottom left;\n }\n .angled-banner-content {\n transform: skewX(8deg);\n }\n\n #featured-modal.hidden,\n #featured-modal[style*=\"display: none\"] {\n display: none !important;\n }\n\n #featured-projects-block * {\n -webkit-tap-highlight-color: transparent;\n }\n\n #featured-projects-block button:focus,\n #featured-projects-block div:focus {\n outline: none !important;\n box-shadow: none !important;\n }\n\n \/* Native Media Queries to ensure overlay renders instantly without CDN delays *\/\n .desktop-banner-overlay {\n display: none;\n }\n\n .mobile-title-card {\n display: block;\n }\n\n @media (min-width: 768px) {\n .desktop-banner-overlay {\n display: block !important;\n }\n .mobile-title-card {\n display: none !important;\n }\n }\n <\/style>\n\n\n\n<!-- ================================================================= -->\n<!-- FEATURED PROJECTS CAROUSEL BLOCK (Max Width 1280px) -->\n<!-- ================================================================= -->\n<div id=\"featured-projects-block\" class=\"max-w-[1280px] mx-auto px-0 sm:px-6 my-8 font-sans select-none\">\n \n <!-- Main Carousel Wrapper -->\n <div class=\"relative group\" id=\"featured-carousel-wrapper\">\n \n <!-- Track Container -->\n <div id=\"featured-carousel-container\" class=\"overflow-hidden bg-gray-900 border-0 sm:border sm:border-gray-100 sm:rounded-none\">\n <div id=\"featured-track\" class=\"flex transition-transform duration-500 cubic-bezier(0.25, 1, 0.5, 1) w-full\">\n <!-- Slides rendered dynamically -->\n <\/div>\n <\/div>\n\n <!-- Desktop Pagination Dots -->\n <div id=\"featured-dots-desktop\" class=\"hidden md:flex absolute bottom-4 right-6 z-20 items-center space-x-2\">\n <!-- Desktop dots generated dynamically -->\n <\/div>\n\n <\/div>\n\n <!-- POP-OUT \/ MODAL FOR FEATURED DETAILS -->\n <div id=\"featured-modal\" class=\"hidden fixed inset-0 z-[99999] items-center justify-center p-4 bg-black\/50 backdrop-blur-sm opacity-0 pointer-events-none transition-all duration-300\">\n <!-- Overlay Click Area -->\n <div class=\"absolute inset-0\" onclick=\"closeFeaturedModal()\"><\/div>\n\n <!-- Modal Content Container -->\n <div class=\"relative bg-white rounded-2xl max-w-2xl w-full max-h-[85vh] flex flex-col overflow-hidden shadow-xl transform scale-95 transition-transform duration-300 z-10\" id=\"featured-modal-box\">\n \n <!-- Close Button -->\n <button onclick=\"closeFeaturedModal()\" class=\"absolute top-4 right-4 z-30 w-9 h-9 rounded-full bg-black\/40 hover:bg-black\/70 text-white flex items-center justify-center transition-colors focus:outline-none shadow-md cursor-pointer\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path>\n <\/svg>\n <\/button>\n\n <!-- FIXED MODAL IMAGE GALLERY HEADER -->\n <div class=\"relative aspect-[16\/9] w-full bg-gray-900 overflow-hidden group\/modal flex-shrink-0\" id=\"modal-gallery-container\">\n <div id=\"modal-image-track\" class=\"flex transition-transform duration-500 ease-out h-full w-full\">\n <!-- Gallery slides injected dynamically -->\n <\/div>\n\n <!-- Gradient Overlay -->\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/40 via-transparent to-transparent pointer-events-none z-10\"><\/div>\n\n <!-- Frameless Modal Image Nav Arrows -->\n <button id=\"modal-prev-btn\" onclick=\"prevModalImage()\" class=\"absolute left-2 sm:left-4 top-1\/2 -translate-y-1\/2 z-20 bg-transparent border-0 outline-none p-0 focus:outline-none text-white\/90 hover:text-white transition-all duration-200 hover:scale-125 active:scale-95 drop-shadow-[0_2px_6px_rgba(0,0,0,0.8)] cursor-pointer\">\n <svg class=\"w-7 h-7 sm:w-8 sm:h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M15 18L9 12L15 6\"><\/path>\n <\/svg>\n <\/button>\n <button id=\"modal-next-btn\" onclick=\"nextModalImage()\" class=\"absolute right-2 sm:right-4 top-1\/2 -translate-y-1\/2 z-20 bg-transparent border-0 outline-none p-0 focus:outline-none text-white\/90 hover:text-white transition-all duration-200 hover:scale-125 active:scale-95 drop-shadow-[0_2px_6px_rgba(0,0,0,0.8)] cursor-pointer\">\n <svg class=\"w-7 h-7 sm:w-8 sm:h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M9 18L15 12L9 6\"><\/path>\n <\/svg>\n <\/button>\n\n <!-- Modal Gallery Pagination Dots -->\n <div id=\"modal-image-dots\" class=\"absolute bottom-3 left-1\/2 -translate-x-1\/2 z-20 flex items-center space-x-1.5\">\n <!-- Modal dots injected dynamically -->\n <\/div>\n <\/div>\n\n <!-- SCROLLABLE TEXT CONTENT -->\n <div class=\"p-6 sm:p-8 space-y-4 overflow-y-auto flex-1\">\n <div>\n <h3 id=\"modal-title\" class=\"text-2xl font-bold text-gray-900 leading-snug\"><\/h3>\n <p id=\"modal-location\" class=\"text-sm font-medium text-brandGreen-900 mt-1\"><\/p>\n <\/div>\n\n <div class=\"pt-2 border-t border-gray-100\">\n <h4 class=\"text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2\">Project Highlights & Overview<\/h4>\n <p id=\"modal-description\" class=\"text-sm text-gray-600 leading-relaxed\"><\/p>\n <\/div>\n\n <div class=\"pt-4 flex justify-end\">\n <button onclick=\"closeFeaturedModal()\" class=\"px-5 py-2.5 bg-brandGreen-900 hover:bg-brandGreen-800 text-white font-medium text-sm rounded-lg transition-colors focus:outline-none cursor-pointer\">\n Close Overview\n <\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n<\/div>\n\n<!-- JAVASCRIPT LOGIC -->\n<script>\n const FEATURED_PROJECTS = [\n {\n id: 'feat-1',\n title: 'Hot-stamp Embroidery Event',\n location: '@Swire Coca-Cola',\n images: [\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/Untitled-design-54.png',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/38.png'\n ],\n description: 'Dress Green had the privilege of partnering with Coca-Cola to deliver an interactive, custom hot stamping and embroidery experience. Combining precise craftsmanship with brand activation, attendees were invited to personalize their own textile merchandise on the spot. From vibrant custom foil stamping to intricate embroidery details, this event highlighted how corporate sustainability initiatives can engage audiences through high-quality, memorable hands-on branding experiences.'\n },\n {\n id: 'feat-2',\n title: 'UNI Bear Bowtie Workshops',\n location: '@Kerry Properties',\n images: [\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20221220_131223.jpg',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20221216_123237.jpg',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/08\/image-2.jpeg',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/IMG_9667.jpg',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/f0911ef5-6c36-413f-a1ad-3fbf4ac7ece2.jpg',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/Untitled-design-55.png'\n ],\n description: 'Our ongoing partnership with Kerry Properties highlights the versatility and heart of upcycling across different communities:<br><br>2022 Christmas (Employee Engagement): Kerry Properties staff brought in their own uniforms and personal wear to handcraft custom outfits and bowties for UNI Bear.<br><br>2023 Valentine\u2019s Day (Client Experience): Valued clients created personalized bowties using their own garments paired with our upcycled fabrics.<br><br>2024 Happy Maid Happy Family Project (Community Impact): Hosting two special workshops for foreign domestic helpers in Hong Kong. Participants upcycled their clothing and team fabrics to create one-of-a-kind UNI Bears to send back to their families overseas as meaningful tokens of love and comfort.<br><br>A truly heartwarming journey of sustainability, connection, and gratitude!'\n },\n {\n id: 'feat-3',\n title: 'Tote Bag & Ukulele workshop',\n location: '@Pernod Ricard',\n images: [\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/Untitled-design-57.png',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/Untitled-design-56.png',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/IMG_8559.jpg',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/IMG_8579.jpg'\n ],\n description: 'Our team-building collaboration with Pernod Ricard brought together team members from Hong Kong and Taiwan for an inspiring, hands-on day of sustainability and connection:<br><br><strong>Upcycled Tote Bag Creation:<\/strong> Employees upcycled their own pre-loved clothing into durable, custom-designed tote bags, turning personal textiles into practical eco-friendly keepsakes.<br><br><strong>Interactive Ukulele Experience:<\/strong> To elevate energy and foster creative team engagement, we featured a guest ukulele tutor. Every participant received their own personal ukulele to learn, strum, and celebrate together!'\n },\n {\n id: 'feat-4',\n title: 'Upcycled Cup Holder & Pet Bowtie Workshops',\n location: '@JLL x Hang Seng',\n images: [\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/86507faa-8a7d-45b8-9b95-71b804572507.jpg',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/3e49454d-c70c-4e5a-92ae-8a202588064f.jpg',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/IMG_3451.jpeg',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/IMG_3737.jpg',\n 'https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/IMG_3754.jpg'\n ],\n description: 'A two-day sustainability engagement series co-organized with JLL at Hang Seng Bank, bringing staff together to explore creative upcycling through hands-on crafting:<br><br><strong>Day 1 \u2013 Upcycled Denim Cup Sleeves & Holders:<\/strong> Participants transformed discarded denim jeans into stylish, reusable beverage holders, repurposing durable textiles into functional everyday accessories.<br><br><strong>Day 2 \u2013 Upcycled Pet Bowties:<\/strong> Using surplus fabrics and pre-loved garments, staff handcrafted adorable, custom-tailored bowties for their pets, blending employee wellness with circular design.<br><br>A rewarding corporate engagement initiative driving environmental awareness, textile reduction, and team creativity!'\n }\n ];\n\n let currentFeaturedIndex = 0;\n let currentModalImageIndex = 0;\n let currentModalProjectImages = [];\n let featuredAutoplayTimer = null;\n\n let trackEl, desktopDotsContainerEl, modalEl, modalBoxEl, modalTrackEl, modalDotsEl, modalPrevBtn, modalNextBtn;\n\n const PLACEHOLDER_IMG = 'https:\/\/placehold.co\/800x450\/111827\/ffffff?text=Image+Unavailable';\n\n function preloadImage(url) {\n if (!url) return;\n const img = new Image();\n img.src = url;\n }\n\n function initFeaturedCarousel() {\n trackEl = document.getElementById('featured-track');\n desktopDotsContainerEl = document.getElementById('featured-dots-desktop');\n modalEl = document.getElementById('featured-modal');\n modalBoxEl = document.getElementById('featured-modal-box');\n modalTrackEl = document.getElementById('modal-image-track');\n modalDotsEl = document.getElementById('modal-image-dots');\n modalPrevBtn = document.getElementById('modal-prev-btn');\n modalNextBtn = document.getElementById('modal-next-btn');\n\n if (!trackEl) return;\n\n trackEl.innerHTML = FEATURED_PROJECTS.map((item, idx) => {\n const isFirst = idx === 0;\n const imgSrc = item.images[0] || PLACEHOLDER_IMG;\n \n const imgAttrs = isFirst \n ? 'fetchpriority=\"high\" decoding=\"async\"' \n : 'loading=\"lazy\" decoding=\"async\"';\n\n return `\n <div class=\"w-full flex-shrink-0 cursor-pointer group focus:outline-none select-none\" tabindex=\"-1\" onclick=\"openFeaturedModal(${idx})\">\n <div class=\"relative w-full aspect-[16\/9] md:aspect-auto md:h-[500px] bg-black overflow-hidden\">\n <img decoding=\"async\" \n src=\"${imgSrc}\" \n alt=\"${item.title}\" \n class=\"w-full h-full object-cover object-center transition-transform duration-700 ease-out group-hover:scale-105\"\n ${imgAttrs}\n onerror=\"this.onerror=null; this.src='${PLACEHOLDER_IMG}';\"\n \/>\n\n <!-- Main Carousel Nav Arrows -->\n <button onclick=\"event.stopPropagation(); prevFeaturedSlide()\" class=\"absolute left-2 sm:left-5 top-1\/2 -translate-y-1\/2 z-20 cursor-pointer bg-transparent border-0 outline-none p-0 focus:outline-none text-white\/90 hover:text-white transition-all duration-200 hover:scale-125 active:scale-95 drop-shadow-[0_2px_6px_rgba(0,0,0,0.8)]\" aria-label=\"Previous Featured Project\" tabindex=\"-1\">\n <svg class=\"w-7 h-7 sm:w-11 sm:h-11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M15 18L9 12L15 6\"><\/path>\n <\/svg>\n <\/button>\n\n <button onclick=\"event.stopPropagation(); nextFeaturedSlide()\" class=\"absolute right-2 sm:right-5 top-1\/2 -translate-y-1\/2 z-20 cursor-pointer bg-transparent border-0 outline-none p-0 focus:outline-none text-white\/90 hover:text-white transition-all duration-200 hover:scale-125 active:scale-95 drop-shadow-[0_2px_6px_rgba(0,0,0,0.8)]\" aria-label=\"Next Featured Project\" tabindex=\"-1\">\n <svg class=\"w-7 h-7 sm:w-11 sm:h-11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M9 18L15 12L9 6\"><\/path>\n <\/svg>\n <\/button>\n\n <!-- DESKTOP BANNER OVERLAY (Uses CSS Media Query) -->\n <div class=\"desktop-banner-overlay absolute bottom-8 left-8 max-w-[70%] z-10\">\n <div class=\"angled-banner bg-black\/60 backdrop-blur-md px-6 py-3.5 border-l-4 border-brandGreen-900 rounded-r-md\">\n <div class=\"angled-banner-content\">\n <h3 class=\"text-white font-bold text-xl md:text-2xl leading-tight truncate\">\n ${item.title}\n <\/h3>\n <p class=\"text-gray-200 text-sm font-medium mt-0.5 truncate\">\n ${item.location}\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- MOBILE DEDICATED TITLE CARD (Uses CSS Media Query) -->\n <div class=\"mobile-title-card bg-white p-4 border-b border-gray-100 shadow-sm\">\n <div class=\"flex items-start justify-between gap-3\">\n <div class=\"min-w-0 flex-1\">\n <h3 class=\"text-gray-900 font-bold text-base leading-snug truncate\">\n ${item.title}\n <\/h3>\n <p class=\"text-brandGreen-900 text-xs font-semibold mt-0.5 truncate\">\n ${item.location}\n <\/p>\n <\/div>\n \n <!-- Mobile Pagination Dots Container -->\n <div class=\"flex items-center space-x-1.5 pt-1 flex-shrink-0\">\n ${FEATURED_PROJECTS.map((_, dotIdx) => `\n <div class=\"h-1.5 rounded-full transition-all duration-300 ${dotIdx === idx ? 'w-4 bg-brandGreen-900' : 'w-1.5 bg-gray-300'}\"><\/div>\n `).join('')}\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n `;\n }).join('');\n\n if (desktopDotsContainerEl) {\n desktopDotsContainerEl.innerHTML = FEATURED_PROJECTS.map((_, idx) => `\n <button \n onclick=\"event.stopPropagation(); goToFeaturedSlide(${idx})\" \n class=\"w-2.5 h-2.5 rounded-full transition-all duration-300 focus:outline-none cursor-pointer ${idx === 0 ? 'bg-white w-7' : 'bg-white\/50 hover:bg-white\/80'}\"\n aria-label=\"Slide ${idx + 1}\"\n ><\/button>\n `).join('');\n }\n\n setupTouchGestures();\n\n const wrapper = document.getElementById('featured-carousel-wrapper');\n if (wrapper) {\n wrapper.addEventListener('mouseenter', pauseFeaturedAutoplay, { passive: true });\n wrapper.addEventListener('mouseleave', startFeaturedAutoplay, { passive: true });\n }\n\n document.addEventListener('visibilitychange', () => {\n if (document.hidden) {\n pauseFeaturedAutoplay();\n } else {\n startFeaturedAutoplay();\n }\n });\n\n if (window.requestIdleCallback) {\n requestIdleCallback(() => preloadImage(FEATURED_PROJECTS[1]?.images[0]));\n } else {\n setTimeout(() => preloadImage(FEATURED_PROJECTS[1]?.images[0]), 1000);\n }\n\n startFeaturedAutoplay();\n }\n\n function updateFeaturedSlide() {\n if (trackEl) {\n trackEl.style.transform = `translateX(-${currentFeaturedIndex * 100}%)`;\n }\n\n const desktopDots = document.querySelectorAll('#featured-dots-desktop button');\n desktopDots.forEach((dot, idx) => {\n if (idx === currentFeaturedIndex) {\n dot.className = 'w-7 h-2.5 rounded-full bg-white transition-all duration-300 focus:outline-none cursor-pointer';\n } else {\n dot.className = 'w-2.5 h-2.5 rounded-full bg-white\/50 hover:bg-white\/80 transition-all duration-300 focus:outline-none cursor-pointer';\n }\n });\n\n const nextIdx = (currentFeaturedIndex + 1) % FEATURED_PROJECTS.length;\n if (FEATURED_PROJECTS[nextIdx]?.images[0]) {\n preloadImage(FEATURED_PROJECTS[nextIdx].images[0]);\n }\n }\n\n function nextFeaturedSlide() {\n currentFeaturedIndex = (currentFeaturedIndex + 1) % FEATURED_PROJECTS.length;\n updateFeaturedSlide();\n resetFeaturedAutoplay();\n }\n\n function prevFeaturedSlide() {\n currentFeaturedIndex = (currentFeaturedIndex - 1 + FEATURED_PROJECTS.length) % FEATURED_PROJECTS.length;\n updateFeaturedSlide();\n resetFeaturedAutoplay();\n }\n\n function goToFeaturedSlide(index) {\n currentFeaturedIndex = index;\n updateFeaturedSlide();\n resetFeaturedAutoplay();\n }\n\n function startFeaturedAutoplay() {\n if (!featuredAutoplayTimer && FEATURED_PROJECTS.length > 1) {\n featuredAutoplayTimer = setInterval(nextFeaturedSlide, 5000);\n }\n }\n\n function pauseFeaturedAutoplay() {\n if (featuredAutoplayTimer) {\n clearInterval(featuredAutoplayTimer);\n featuredAutoplayTimer = null;\n }\n }\n\n function resetFeaturedAutoplay() {\n pauseFeaturedAutoplay();\n startFeaturedAutoplay();\n }\n\n function setupTouchGestures() {\n let touchStartX = 0;\n let touchEndX = 0;\n\n const container = document.getElementById('featured-carousel-container');\n if (!container) return;\n\n container.addEventListener('touchstart', (e) => {\n touchStartX = e.changedTouches[0].screenX;\n }, { passive: true });\n\n container.addEventListener('touchend', (e) => {\n touchEndX = e.changedTouches[0].screenX;\n handleSwipe();\n }, { passive: true });\n\n function handleSwipe() {\n const swipeThreshold = 40;\n if (touchStartX - touchEndX > swipeThreshold) {\n nextFeaturedSlide();\n } else if (touchEndX - touchStartX > swipeThreshold) {\n prevFeaturedSlide();\n }\n }\n }\n\n function renderModalGallery(images) {\n currentModalProjectImages = (images && images.length > 0) ? images : [PLACEHOLDER_IMG];\n currentModalImageIndex = 0;\n\n if (!modalTrackEl || !modalDotsEl) return;\n\n modalTrackEl.innerHTML = currentModalProjectImages.map((imgUrl, i) => `\n <div class=\"min-w-full flex-shrink-0 h-full w-full flex items-center justify-center bg-black\">\n <img \n src=\"${imgUrl}\" \n alt=\"Project preview\" \n class=\"w-full h-full object-cover\" \n ${i === 0 ? 'decoding=\"async\"' : 'loading=\"lazy\" decoding=\"async\"'}\n onerror=\"this.onerror=null; this.src='${PLACEHOLDER_IMG}';\"\n \/>\n <\/div>\n `).join('');\n\n if (currentModalProjectImages.length > 1) {\n modalPrevBtn.style.display = 'block';\n modalNextBtn.style.display = 'block';\n modalDotsEl.innerHTML = currentModalProjectImages.map((_, idx) => `\n <button \n onclick=\"goToModalImage(${idx})\" \n class=\"w-2 h-2 rounded-full transition-all duration-300 focus:outline-none cursor-pointer ${idx === 0 ? 'bg-white w-5' : 'bg-white\/50 hover:bg-white\/80'}\"\n ><\/button>\n `).join('');\n } else {\n modalPrevBtn.style.display = 'none';\n modalNextBtn.style.display = 'none';\n modalDotsEl.innerHTML = '';\n }\n\n updateModalImageSlide();\n }\n\n function updateModalImageSlide() {\n if (modalTrackEl) {\n modalTrackEl.style.transform = `translateX(-${currentModalImageIndex * 100}%)`;\n }\n\n const dots = document.querySelectorAll('#modal-image-dots button');\n dots.forEach((dot, idx) => {\n if (idx === currentModalImageIndex) {\n dot.className = 'w-5 h-2 rounded-full bg-white transition-all duration-300 focus:outline-none cursor-pointer';\n } else {\n dot.className = 'w-2 h-2 rounded-full bg-white\/50 hover:bg-white\/80 transition-all duration-300 focus:outline-none cursor-pointer';\n }\n });\n }\n\n function nextModalImage() {\n if (currentModalProjectImages.length <= 1) return;\n currentModalImageIndex = (currentModalImageIndex + 1) % currentModalProjectImages.length;\n updateModalImageSlide();\n }\n\n function prevModalImage() {\n if (currentModalProjectImages.length <= 1) return;\n currentModalImageIndex = (currentModalImageIndex - 1 + currentModalProjectImages.length) % currentModalProjectImages.length;\n updateModalImageSlide();\n }\n\n function goToModalImage(index) {\n currentModalImageIndex = index;\n updateModalImageSlide();\n }\n\n function openFeaturedModal(index) {\n const project = FEATURED_PROJECTS[index];\n if (!project) return;\n\n document.getElementById('modal-title').innerText = project.title;\n document.getElementById('modal-location').innerText = project.location;\n document.getElementById('modal-description').innerHTML = project.description;\n\n renderModalGallery(project.images);\n\n modalEl.classList.remove('hidden');\n modalEl.classList.add('flex');\n\n requestAnimationFrame(() => {\n modalEl.classList.remove('opacity-0', 'pointer-events-none');\n modalBoxEl.classList.remove('scale-95');\n modalBoxEl.classList.add('scale-100');\n });\n\n pauseFeaturedAutoplay();\n }\n\n function closeFeaturedModal() {\n modalEl.classList.add('opacity-0', 'pointer-events-none');\n modalBoxEl.classList.remove('scale-100');\n modalBoxEl.classList.add('scale-95');\n\n setTimeout(() => {\n modalEl.classList.remove('flex');\n modalEl.classList.add('hidden');\n }, 300);\n\n startFeaturedAutoplay();\n }\n\n document.addEventListener('keydown', (e) => {\n if (!modalEl || modalEl.classList.contains('hidden')) return;\n if (e.key === 'Escape') closeFeaturedModal();\n if (e.key === 'ArrowRight') nextModalImage();\n if (e.key === 'ArrowLeft') prevModalImage();\n });\n\n document.addEventListener('DOMContentLoaded', initFeaturedCarousel);\n<\/script>\n<\/div>\n\n\n\n<div style=\"height:34px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center has-contrast-color has-text-color has-link-color has-body-font-family has-large-font-size wp-elements-8 wp-block-paragraph\"><strong>Explore More Workshop Cases<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Past Work Showcase<\/title>\n\n<!-- Speed up DNS & TLS lookup for asset domains -->\n<link rel=\"preconnect\" href=\"https:\/\/dressgreen.org\" crossorigin=\"\">\n<link rel=\"dns-prefetch\" href=\"https:\/\/dressgreen.org\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n\n<!-- Non-blocking font load -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" media=\"print\" onload=\"this.media='all'\">\n\n<style>\n \/* Scoped custom variables *\/\n :root {\n --brand-green-900: #1b5e20;\n --brand-green-hover: #15803d;\n --text-gray-900: #111827;\n --text-gray-500: #6b7280;\n --border-gray-100: #f3f4f6;\n }\n\n body {\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\n background-color: #ffffff;\n color: #1f2937;\n margin: 0;\n padding: 0;\n }\n\n \/* Container layout *\/\n .showcase-container {\n max-width: 1280px;\n margin-left: auto;\n margin-right: auto;\n padding: 2rem 1rem;\n }\n @media (min-width: 640px) {\n .showcase-container {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n }\n\n \/* Filters row *\/\n .filter-wrapper {\n margin-bottom: 2.5rem;\n border-bottom: 1px solid var(--border-gray-100);\n padding-bottom: 0.5rem;\n }\n .filter-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n overflow-x: auto;\n }\n @media (min-width: 640px) {\n .filter-container {\n gap: 2.5rem;\n }\n }\n\n .filter-btn {\n position: relative;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n font-size: 0.875rem;\n font-weight: 600;\n background: transparent;\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n cursor: pointer;\n white-space: nowrap;\n color: var(--text-gray-500);\n transition: color 0.2s ease;\n }\n\n .filter-btn::before,\n .filter-btn::after,\n .filter-btn .indicator::before,\n .filter-btn .indicator::after {\n display: none !important;\n content: none !important;\n }\n\n @media (min-width: 640px) {\n .filter-btn {\n font-size: 1rem;\n }\n }\n .filter-btn:hover, .filter-btn.active {\n color: var(--brand-green-900);\n }\n .filter-btn .indicator {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 2.5px;\n background-color: var(--brand-green-900);\n border-radius: 9999px;\n border: none !important;\n }\n\n \/* Workshop Grid layout *\/\n .cases-grid {\n display: grid;\n grid-template-columns: repeat(1, minmax(0, 1fr));\n column-gap: 1.5rem;\n row-gap: 2.5rem;\n min-height: 400px;\n }\n @media (min-width: 640px) {\n .cases-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n }\n @media (min-width: 768px) {\n .cases-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n }\n @media (min-width: 1024px) {\n .cases-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n }\n\n \/* Slider track & slides *\/\n .case-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .card-image-wrapper {\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1;\n overflow: hidden;\n background-color: #f3f4f6;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n margin-bottom: 0.75rem;\n }\n\n .slider-track {\n display: flex;\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n width: 100%;\n height: 100%;\n will-change: transform;\n }\n\n .slider-slide {\n flex: 0 0 100%;\n width: 100%;\n height: 100%;\n position: relative;\n background-color: #e5e7eb;\n }\n\n .slider-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n backface-visibility: hidden;\n transform: translateZ(0);\n transition: opacity 0.2s ease-in-out;\n }\n\n \/* Utility Helpers *\/\n .hidden { display: none !important; }\n .no-scrollbar::-webkit-scrollbar { display: none; }\n .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n\n \/* Green Arrow Buttons *\/\n .green-arrow-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: transparent !important;\n border: none !important;\n outline: none !important;\n box-shadow: none !important;\n filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.4));\n transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), filter 0.2s ease;\n transform-origin: center center;\n padding: 0.375rem;\n z-index: 10;\n cursor: pointer;\n }\n .green-arrow-btn.left-btn { left: 0.5rem; }\n .green-arrow-btn.right-btn { right: 0.5rem; }\n\n .green-arrow-btn:hover {\n transform: translateY(-50%) scale(1.22) !important;\n filter: drop-shadow(0px 2px 5px rgba(0,0,0,0.6));\n }\n .green-arrow-btn:active {\n transform: translateY(-50%) scale(0.95) !important;\n }\n\n .card-meta {\n text-align: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n .card-title {\n font-weight: 700;\n color: var(--text-gray-900);\n font-size: 0.875rem;\n line-height: 1.375;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0;\n }\n @media (min-width: 640px) {\n .card-title { font-size: 15px; }\n }\n .card-location {\n font-size: 0.75rem;\n color: var(--text-gray-500);\n font-weight: 400;\n margin-top: 0.125rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 0;\n }\n\n .counter-footer {\n margin-top: 3rem;\n text-align: center;\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--text-gray-500);\n }\n .highlight-text {\n color: var(--brand-green-900);\n font-weight: 700;\n }\n<\/style>\n\n\n\n<!-- MAIN SHOWCASE CONTAINER -->\n<div class=\"showcase-container\">\n \n <!-- TEXT FILTER SECTION -->\n <div class=\"filter-wrapper\">\n <div id=\"filter-container\" class=\"filter-container no-scrollbar\">\n <!-- Filter items populated dynamically by JS -->\n <\/div>\n <\/div>\n\n <!-- WORKSHOP CASES GRID -->\n <div id=\"cases-grid\" class=\"cases-grid\">\n <!-- Cases cards injected by JavaScript -->\n <\/div>\n\n <!-- NO RESULTS PLACEHOLDER -->\n <div id=\"no-results\" class=\"hidden\" style=\"padding-top: 4rem; padding-bottom: 4rem; text-align: center; color: var(--text-gray-500); font-weight: 500;\">\n No workshop projects found in this category.\n <\/div>\n\n <div class=\"counter-footer\">\n Showing <span id=\"showing-count\" class=\"highlight-text\">0<\/span> of <span id=\"total-count\" class=\"highlight-text\">0<\/span> past workshop projects\n <\/div>\n\n<\/div>\n\n<script>\n const CATEGORIES = [\n \"All\",\n \"ESG\",\n \"Employee Engagement\",\n \"Guest Activities\",\n \"Public Workshop\",\n \"Sustainability Week\",\n \"Team Building\",\n \"Volunteer Day\"\n ];\n\n const CASES_DATA = [\n { id: 1, title: \"UNI Bear Bowtie Workshop\", location: \"@Green Little\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/96-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/97-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/98.png\"] },\n { id: 2, title: \"Penholder Workshop\", location: \"@Swap Party - Wan Chai Blue House\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/101-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/100-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/99.png\"] },\n { id: 3, title: \"Cardholder Workshop\", location: \"@AISEC\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/102-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/103-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/104-1.png\"] },\n { id: 4, title: \"Mother Day Workshop\", location: \"@MCP\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/105-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/106.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/107.png\"] },\n { id: 5, title: \"Tote Bag & Ukulele Workshop\", location: \"@Pernod Ricard\", category: \"Team Building\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/109-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/108-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/Untitled-design-2-1.png\"] },\n { id: 6, title: \"Cardholder Workshop\", location: \"@McKinsey\", category: \"Volunteer Day\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/111-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/112-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/113-1.png\"] },\n { id: 7, title: \"Online Drawstring Bag Workshop\", location: \"@Adidas\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/114-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/115-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/116-1.png\"] },\n { id: 8, title: \"Cardholder Workshop & Climate Fresk\", location: \"@KPMG International Limited\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/117-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/118-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/119-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/120-1.png\"] },\n { id: 9, title: \"Hair Tie Workshop\", location: \"@Hung Fook Tong\", category: [\"ESG\",\"Employee Engagement\"], images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/121-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/122-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/123-1.png\"] },\n { id: 10, title: \"Christmas UNI Bear Bowtie Workshop\", location: \"@Kerry Properties\", category: \"ESG\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/124-2.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/125-2.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/126.png\"] },\n { id: 11, title: \"Valentine Day UNI Bear Bowtie Workshop\", location: \"@Kerry Properties\", category: [\"Guest Activities\",\"ESG\"], images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/127.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/128.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/129.png\"] },\n { id: 12, title: \"Bowtie Workshop\", location: \"@LINKS\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/131.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/132.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/130.png\"] },\n { id: 13, title: \"Tote Bag Workshop\", location: \"@Jardine\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/28-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/29-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/30-1.png\"] },\n { id: 14, title: \"Hand Strap Workshop\", location: \"@Kwun Tong Recycling Station\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/133.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/134.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/135.png\"] }, \n { id: 15, title: \"Drawstring Bag Workshop\", location: \"@BODW\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/136.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/137.png\"] },\n { id: 16, title: \"Pencil Holder Workshop\", location: \"@Central Market x HK Electric\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/08\/e89ea2e5b995e688aae59c96-2024-08-26-e4b88be58d884.00.04.png?w=690\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2024\/10\/tlp08431-1.jpg\"] },\n { id: 17, title: \"Drawstring Pencil Holder Workshop\", location: \"@Zurich\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/138.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/139.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/140.png\"] },\n { id: 18, title: \"Denim Cardholder Workshop\", location: \"@HK Express\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/141.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/142.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/143.png\"] },\n { id: 53, title: \"Bowtie Workshop\", location: \"@Kerry Properties\", category: \"Guest Activities\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/84.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/85.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/86.png\"] },\n { id: 54, title: \"Bowtie Workshop\", location: \"@Kerry Properties\", category: \"Guest Activities\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/87.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/88.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/10\/89.png\"] },\n { id: 19, title: \"Cup Holder Workshop\", location: \"@JLL x Hang Seng\", category: \"Guest Activities\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/86507faa-8a7d-45b8-9b95-71b804572507.jpg\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/IMG_3347-rotated.jpeg\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/IMG_3300.jpeg\"] },\n { id: 20, title: \"Pet Bowtie Workshop\", location: \"@JLL x Hang Seng\", category: \"Guest Activities\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/3e49454d-c70c-4e5a-92ae-8a202588064f.jpg\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/IMG_3716.jpg\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/IMG_3711.jpg\"] },\n { id: 21, title: \"Coffee Cup Holder Workshop\", location: \"@Cathay Subsidiary Service\", category: \"Employee Engagement\", images : [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/Untitled-design-45.png\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20240717_133959.jpg\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20240717_133956.jpg\"] },\n { id: 22, title: \"Cardholder Workshop\", location: \"@Otto\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/7.png\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/5.png\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/6.png\"] },\n { id: 23, title: \"Cardholder Workshop\", location: \"@Good Chain\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/9.png\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/8.png\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/10.png\"] },\n { id: 24, title: \"Cardholder Workshop\", location: \"@Wofoo\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20241102_150934.jpg\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20241102_170855.jpg\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20241102_155350.jpg\"] },\n { id: 25, title: \"Penholder Workshop\", location: \"@HKNewLife\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/423738093_438481351861057_7528604829346122449_n.jpg\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/421231967_413825584413589_289264991784116231_n-1.jpg\", \"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/421098486_888298303039500_1904047425752966369_n.jpg\"] },\n { id: 26, title: \"UNI Bear Workshop\", location: \"@Hong Kong Single Parents Association\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20241102_113409.jpg\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20241102_105928.jpg\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20241116_121709-rotated.jpg\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20241116_123151-rotated.jpg\"] },\n { id: 27, title: \"Tote Bag & Eco-Friendly Greeting Card Workshop\", location: \"@HAECO\", category: \"Sustainability Week\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/2.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/3.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20241128_021942925_iOS.jpg\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20241127_040134309_iOS.jpg\"] },\n { id: 28, title: \"Pet Bowtie Workshop\", location: \"@Rise Wise Foundation\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20250411_111419.jpg\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/IMG_4993.jpg\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20250411_115357.jpg\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20250411_114708-1.jpg\"] },\n { id: 29, title: \"Cardholder Workshop\", location: \"@China State Construction\", category: \"Team Building\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20250429_144053.jpg\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20250429_144028-rotated.jpg\"] },\n { id: 30, title: \"Bowtie Workshop\", location: \"@JCI Hong Kong Jayceettes\", category: \"Guest Activities\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20250504_154517.jpg\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20250504_145114.jpg\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20250504_150001-rotated.jpg\"] },\n { id: 31, title: \"Bowtie Workshop\", location: \"@AIA Hong Kong\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/1-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/2-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/3-1.png\"] },\n { id: 32, title: \"Cardholder Workshop\", location: \"@AIRSIDE\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/4.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/5-1.png\"] },\n { id: 33, title: \"Denim Cardholder Workshop\", location: \"@Schneider Electric\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/6-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/7-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/8-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/9-1.png\"] },\n { id: 34, title: \"Lunch Box Knot Workshop\", location: \"@Gammon\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/10-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/12-1.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/13-1.png\"] },\n { id: 35, title: \"Phone Strap Workshop\", location: \"@HK Tramways\", category: \"Guest Activities\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/17.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/16.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/18.png\"] },\n { id: 36, title: \"Bowtie Workshop\", location: \"@ICBC\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/21.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/19.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/22.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/20.png\"] },\n { id: 37, title: \"Bowtie Workshop\", location: \"@Octopus Hong Kong\", category: \"Team Building\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/25.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/24.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/23.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/26.png\"] },\n { id: 38, title: \"Tote Bag Workshop\", location: \"@Hong Kong Single Parents Association\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/Untitled-design-58.png\"] },\n { id: 39, title: \"Linko Bear Workshop\", location: \"@Meat the Next\", category: \"Guest Activities\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/31.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/32.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/33.png\"] },\n { id: 40, title: \"Sew UNI Bear Portrait Workshop\", location: \"@Self-organized Parents' Group\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/34.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/35.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/36.png\"] },\n { id: 41, title: \"Hot Stamp Embroidery Event\", location: \"@Swire Coca-Cola\", category: \"Guest Activities\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/37.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/38.png\"] },\n { id: 42, title: \"Linko Bear Workshop\", location: \"@Conard\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/39.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/40.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/41.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/42.png\"] },\n { id: 43, title: \"Cardholder Workshop\", location: \"@Tzu Chi Foundation Hong Kong\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/43.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/44.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/45.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/46.png\"] },\n { id: 44, title: \"Linko Bear Workshop\", location: \"@Henderson Land\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/50.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/49.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/48.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/47.png\"] },\n { id: 45, title: \"Bowtie Workshop\", location: \"@T-Park\", category: \"Guest Activities\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/51.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/52.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/53.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/54.png\"] },\n { id: 46, title: \"Bowtie Workshop\", location: \"@Discovery Bay\", category: \"Guest Activities\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/55.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/56.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/57.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/58.png\"] },\n { id: 47, title: \"Phone Strap Workshop\", location: \"@JLL\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/59.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/60.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/61.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/62.png\"] },\n { id: 48, title: \"Denim Cardholder Workshop\", location: \"@Wilson Group\", category: \"Employee Engagement\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/63.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/64.png\"] },\n { id: 49, title: \"Cardholder Workshop\", location: \"@HKFYG\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/65.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/66.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/67.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/68.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/69.png\"] },\n { id: 50, title: \"Cardholder & Umbrella Case Workshop\", location: \"@HKFYG\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/70.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/71.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/72.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/73.png\"] },\n { id: 51, title: \"Cardholder Workshop\", location: \"@HKFYG\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/74.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/75.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/76.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/77.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/78.png\"] },\n { id: 52, title: \"Linko Bear Workshop\", location: \"@The Mills\", category: \"Public Workshop\", images: [\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/81.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/82.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/79.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/80.png\",\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/09\/83.png\"] }\n ];\n\n let activeCategory = \"All\";\n const slideState = {};\n\n CASES_DATA.forEach(item => {\n slideState[item.id] = 0;\n });\n\n document.addEventListener(\"DOMContentLoaded\", () => {\n renderFilters();\n renderInitialGrid();\n updateFilterCounts();\n });\n\n function renderFilters() {\n const container = document.getElementById(\"filter-container\");\n container.innerHTML = CATEGORIES.map(category => {\n const isActive = category === activeCategory;\n return `\n <button \n type=\"button\"\n data-category=\"${category}\"\n onclick=\"setFilter('${category}')\" \n class=\"filter-btn ${isActive ? 'active' : ''}\"\n >\n ${category}\n <span class=\"indicator ${isActive ? '' : 'hidden'}\"><\/span>\n <\/button>\n `;\n }).join('');\n }\n\n function setFilter(category) {\n if (activeCategory === category) return;\n activeCategory = category;\n\n const buttons = document.querySelectorAll('.filter-btn');\n buttons.forEach(btn => {\n const btnCat = btn.getAttribute('data-category');\n const indicator = btn.querySelector('.indicator');\n if (btnCat === category) {\n btn.classList.add('active');\n if (indicator) indicator.classList.remove('hidden');\n } else {\n btn.classList.remove('active');\n if (indicator) indicator.classList.add('hidden');\n }\n });\n\n filterCases();\n }\n\n function renderInitialGrid() {\n const grid = document.getElementById(\"cases-grid\");\n \n grid.innerHTML = CASES_DATA.map((item, itemIdx) => {\n const hasMultipleImages = item.images && item.images.length > 1;\n const categoryStr = Array.isArray(item.category) ? item.category.join('||') : item.category;\n\n return `\n <div id=\"case-card-${item.id}\" data-category=\"${categoryStr}\" class=\"case-card\" onmouseenter=\"preloadCardImages(${item.id})\">\n <div class=\"card-image-wrapper\">\n <div id=\"slider-track-${item.id}\" class=\"slider-track\" style=\"transform: translateX(0%);\">\n ${item.images.map((imgUrl, idx) => {\n const isFirstSlide = idx === 0;\n \n if (isFirstSlide) {\n return `\n <div class=\"slider-slide\">\n <img loading=\"lazy\" \n src=\"${imgUrl}\" \n alt=\"${item.title} image${idx + 1}\"\n width=\"600\"\n height=\"570\"\n decoding=\"async\"\n style=\"opacity: 0;\"\n onload=\"this.style.opacity=1\"\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x550\/e2e8f0\/1e293b?text=Workshop+Image'; this.style.opacity=1;\"\n \/>\n <\/div>\n `;\n } else {\n return `\n <div class=\"slider-slide\">\n <img \n data-src=\"${imgUrl}\" \n alt=\"${item.title} image${idx + 1}\"\n width=\"600\"\n height=\"570\"\n decoding=\"async\"\n style=\"opacity: 0;\"\n onload=\"this.style.opacity=1\"\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x550\/e2e8f0\/1e293b?text=Workshop+Image'; this.style.opacity=1;\"\n \/>\n <\/div>\n `;\n }\n }).join('')}\n <\/div>\n\n ${hasMultipleImages ? `\n <button \n type=\"button\"\n onclick=\"prevSlide(${item.id},${item.images.length})\" \n class=\"green-arrow-btn left-btn\"\n aria-label=\"Previous image\"\n >\n <svg style=\"width: 1.5rem; height: 1.5rem;\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M15 18L9 12L15 6\" stroke=\"#ffffff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M15 18L9 12L15 6\" stroke=\"#ffffff\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/button>\n\n <button \n type=\"button\"\n onclick=\"nextSlide(${item.id},${item.images.length})\" \n class=\"green-arrow-btn right-btn\"\n aria-label=\"Next image\"\n >\n <svg style=\"width: 1.5rem; height: 1.5rem;\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M9 18L15 12L9 6\" stroke=\"#ffffff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M9 18L15 12L9 6\" stroke=\"#ffffff\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/button>\n ` : ''}\n <\/div>\n\n <div class=\"card-meta\">\n <h3 class=\"card-title\" title=\"${item.title}\">\n ${item.title}\n <\/h3>\n <p class=\"card-location\" title=\"${item.location}\">\n ${item.location}\n <\/p>\n <\/div>\n <\/div>\n `;\n }).join('');\n }\n\n function preloadCardImages(caseId) {\n const track = document.getElementById(`slider-track-${caseId}`);\n if (!track) return;\n const lazyImgs = track.querySelectorAll('img[data-src]');\n lazyImgs.forEach(img => {\n img.src = img.getAttribute('data-src');\n img.removeAttribute('data-src');\n });\n }\n\n function filterCases() {\n const cards = document.querySelectorAll('.case-card');\n let showingCount = 0;\n\n cards.forEach(card => {\n const categories = card.getAttribute('data-category').split('||');\n const isMatch = activeCategory === \"All\" || categories.includes(activeCategory);\n\n if (isMatch) {\n card.classList.remove('hidden');\n showingCount++;\n } else {\n card.classList.add('hidden');\n }\n });\n\n document.getElementById(\"showing-count\").innerText = showingCount;\n document.getElementById(\"total-count\").innerText = CASES_DATA.length;\n\n const noResultsEl = document.getElementById(\"no-results\");\n if (showingCount === 0) {\n noResultsEl.classList.remove(\"hidden\");\n } else {\n noResultsEl.classList.add(\"hidden\");\n }\n }\n\n function updateFilterCounts() {\n document.getElementById(\"showing-count\").innerText = CASES_DATA.length;\n document.getElementById(\"total-count\").innerText = CASES_DATA.length;\n }\n\n function prevSlide(caseId, totalImages) {\n preloadCardImages(caseId);\n if (!slideState[caseId]) {\n slideState[caseId] = 0;\n }\n slideState[caseId] = (slideState[caseId] - 1 + totalImages) % totalImages;\n updateSlidePosition(caseId);\n }\n\n function nextSlide(caseId, totalImages) {\n preloadCardImages(caseId);\n if (slideState[caseId] === undefined) {\n slideState[caseId] = 0;\n }\n slideState[caseId] = (slideState[caseId] + 1) % totalImages;\n updateSlidePosition(caseId);\n }\n\n function updateSlidePosition(caseId) {\n const track = document.getElementById(`slider-track-${caseId}`);\n if (track) {\n const currentIndex = slideState[caseId];\n track.style.transform = `translateX(-${currentIndex * 100}%)`;\n }\n }\n<\/script>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Upcycling Workshop Give old textiles a brand-new purpose. Our upcycling workshop empowers participants to craft beautiful, practical items from unworn clothing. Attendees are welcome to bring discarded garments from home or work with pre-sorted, reclaimed fabrics supplied by Dress Green. Since 2021, We… Hosted 90+ Upcycling Workshops Delivered 140+ Hours of Upcycling Workshops Reached 5,500+ […]<\/p>\n","protected":false},"author":260225860,"featured_media":0,"parent":1772,"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,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-5933","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Corporate Upcycling Workshops | Dress Green - Dress Green | Design x Sustainability<\/title>\n<meta name=\"description\" content=\"Dress Green offers tailored corporate upcycling workshops in Hong Kong. Transform fabric waste into meaningful souvenirs, like custom UNI Bears, tote bags, and cardholders. Perfect for ESG initiatives, team building, and CSR events. Contact us to book your workshop!\" \/>\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\/our-service-corporate-solutions\/corp-solution-workshop\/\" \/>\n<meta property=\"og:locale\" content=\"zh_HK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Corporate Upcycling Workshops | Dress Green - Dress Green | Design x Sustainability\" \/>\n<meta property=\"og:description\" content=\"Dress Green offers tailored corporate upcycling workshops in Hong Kong. Transform fabric waste into meaningful souvenirs, like custom UNI Bears, tote bags, and cardholders. Perfect for ESG initiatives, team building, and CSR events. Contact us to book your workshop!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dressgreen.org\/cn\/our-service-corporate-solutions\/corp-solution-workshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Dress Green | Design x Sustainability\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T02:51:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20240717_135023.jpg\" \/>\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=\"18 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dressgreen.org\\\/our-service-corporate-solutions\\\/corp-solution-workshop\\\/\",\"url\":\"https:\\\/\\\/dressgreen.org\\\/our-service-corporate-solutions\\\/corp-solution-workshop\\\/\",\"name\":\"Corporate Upcycling Workshops | Dress Green - Dress Green | Design x Sustainability\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dressgreen.org\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dressgreen.org\\\/our-service-corporate-solutions\\\/corp-solution-workshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dressgreen.org\\\/our-service-corporate-solutions\\\/corp-solution-workshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dressgreen.org\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/20240717_135023.jpg\",\"datePublished\":\"2026-08-05T05:20:58+00:00\",\"dateModified\":\"2026-10-13T02:51:11+00:00\",\"description\":\"Dress Green offers tailored corporate upcycling workshops in Hong Kong. Transform fabric waste into meaningful souvenirs, like custom UNI Bears, tote bags, and cardholders. Perfect for ESG initiatives, team building, and CSR events. Contact us to book your workshop!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dressgreen.org\\\/our-service-corporate-solutions\\\/corp-solution-workshop\\\/#breadcrumb\"},\"inLanguage\":\"zh-HK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dressgreen.org\\\/our-service-corporate-solutions\\\/corp-solution-workshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-HK\",\"@id\":\"https:\\\/\\\/dressgreen.org\\\/our-service-corporate-solutions\\\/corp-solution-workshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/dressgreen.org\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/20240717_135023.jpg\",\"contentUrl\":\"https:\\\/\\\/dressgreen.org\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/20240717_135023.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dressgreen.org\\\/our-service-corporate-solutions\\\/corp-solution-workshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dressgreen.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Innovative Recycling Solutions for Businesses\",\"item\":\"https:\\\/\\\/dressgreen.org\\\/our-service-corporate-solutions\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Corporate Upcycling Workshops | Dress Green\"}]},{\"@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":"Corporate Upcycling Workshops | Dress Green - Dress Green | Design x Sustainability","description":"Dress Green offers tailored corporate upcycling workshops in Hong Kong. Transform fabric waste into meaningful souvenirs, like custom UNI Bears, tote bags, and cardholders. Perfect for ESG initiatives, team building, and CSR events. Contact us to book your workshop!","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\/our-service-corporate-solutions\/corp-solution-workshop\/","og_locale":"zh_HK","og_type":"article","og_title":"Corporate Upcycling Workshops | Dress Green - Dress Green | Design x Sustainability","og_description":"Dress Green offers tailored corporate upcycling workshops in Hong Kong. Transform fabric waste into meaningful souvenirs, like custom UNI Bears, tote bags, and cardholders. Perfect for ESG initiatives, team building, and CSR events. Contact us to book your workshop!","og_url":"https:\/\/dressgreen.org\/cn\/our-service-corporate-solutions\/corp-solution-workshop\/","og_site_name":"Dress Green | Design x Sustainability","article_modified_time":"2026-10-13T02:51:11+00:00","og_image":[{"url":"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20240717_135023.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u8a08\u95b1\u8b80\u6642\u9593":"18 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dressgreen.org\/our-service-corporate-solutions\/corp-solution-workshop\/","url":"https:\/\/dressgreen.org\/our-service-corporate-solutions\/corp-solution-workshop\/","name":"Corporate Upcycling Workshops | Dress Green - Dress Green | Design x Sustainability","isPartOf":{"@id":"https:\/\/dressgreen.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dressgreen.org\/our-service-corporate-solutions\/corp-solution-workshop\/#primaryimage"},"image":{"@id":"https:\/\/dressgreen.org\/our-service-corporate-solutions\/corp-solution-workshop\/#primaryimage"},"thumbnailUrl":"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20240717_135023.jpg","datePublished":"2026-08-05T05:20:58+00:00","dateModified":"2026-10-13T02:51:11+00:00","description":"Dress Green offers tailored corporate upcycling workshops in Hong Kong. Transform fabric waste into meaningful souvenirs, like custom UNI Bears, tote bags, and cardholders. Perfect for ESG initiatives, team building, and CSR events. Contact us to book your workshop!","breadcrumb":{"@id":"https:\/\/dressgreen.org\/our-service-corporate-solutions\/corp-solution-workshop\/#breadcrumb"},"inLanguage":"zh-HK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dressgreen.org\/our-service-corporate-solutions\/corp-solution-workshop\/"]}]},{"@type":"ImageObject","inLanguage":"zh-HK","@id":"https:\/\/dressgreen.org\/our-service-corporate-solutions\/corp-solution-workshop\/#primaryimage","url":"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20240717_135023.jpg","contentUrl":"https:\/\/dressgreen.org\/wp-content\/uploads\/2026\/07\/20240717_135023.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/dressgreen.org\/our-service-corporate-solutions\/corp-solution-workshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dressgreen.org\/"},{"@type":"ListItem","position":2,"name":"Innovative Recycling Solutions for Businesses","item":"https:\/\/dressgreen.org\/our-service-corporate-solutions\/"},{"@type":"ListItem","position":3,"name":"Corporate Upcycling Workshops | Dress Green"}]},{"@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-1xH","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/pages\/5933","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=5933"}],"version-history":[{"count":101,"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/pages\/5933\/revisions"}],"predecessor-version":[{"id":8225,"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/pages\/5933\/revisions\/8225"}],"up":[{"embeddable":true,"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/pages\/1772"}],"wp:attachment":[{"href":"https:\/\/dressgreen.org\/cn\/wp-json\/wp\/v2\/media?parent=5933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}