Zendesk Tech for Good

<!DOCTYPE html> <html class="h-full no-js" lang="en-US" dir="ltr"> <head> <style>[x-cloak] { display: none !important; }</style> <script type="module">(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" /> <meta name="referrer" content="origin-when-cross-origin" /> <meta property="og:see_also" content="https://www.instagram.com/zendesk/"> <meta property="og:see_also" content="https://www.linkedin.com/company/zendesk/"> <meta property="og:see_also" content="https://www.facebook.com/zendesk/"> <meta property="og:see_also" content="https://twitter.com/Zendesk"> <link rel="dns-prefetch" href="//d1eipm3vz40hy0.cloudfront.net"> <link rel="dns-prefetch" href="//d16cvnquvjw7pr.cloudfront.net"> <link rel="mask-icon" href="https://d1eipm3vz40hy0.cloudfront.net/images/logos/zendesk-favicon.svg" color="#03363d"> <link rel="shortcut icon" href="https://d1eipm3vz40hy0.cloudfront.net/images/logos/favicons/favicon.ico"> <link rel="shortcut icon" href="https://d1eipm3vz40hy0.cloudfront.net/images/logos/zendesk-favicon.svg"> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="//d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk152.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="//d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk144.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="//d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk120.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="//d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk114.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="//d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk72.png"> <link rel="apple-touch-icon-precomposed" href="//d26a57ydsghvgx.cloudfront.net/www/public/assets/images/logos/zendesk57.png"> <script> dataLayer = []; </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KFSZWML');</script>  <style type="text/css"> @font-face { font-family: 'Proxima Nova'; src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.eot"); src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.woff2") format("woff2"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNR.svg##{$font_shortname}") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; } </style><style type="text/css"> @font-face { font-family: 'Proxima Nova'; src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNRI.eot"); src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNRI.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNRI.woff2") format("woff2"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNRI.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNRI.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNRI.svg##{$font_shortname}") format("svg"); font-weight: 400; font-style: italic; font-stretch: normal; } </style><style type="text/css"> @font-face { font-family: 'Proxima Nova'; src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNB.eot"); src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNB.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNB.woff2") format("woff2"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNB.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNB.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNB.svg##{$font_shortname}") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; } </style><style type="text/css"> @font-face { font-family: 'Proxima Nova'; src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBI.eot"); src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBI.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBI.woff2") format("woff2"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBI.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBI.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBI.svg##{$font_shortname}") format("svg"); font-weight: 700; font-style: italic; font-stretch: normal; } </style><style type="text/css"> @font-face { font-family: 'Proxima Nova'; src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBL.eot"); src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBL.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBL.woff2") format("woff2"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBL.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBL.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/PNBL.svg##{$font_shortname}") format("svg"); font-weight: 900; font-style: normal; font-stretch: normal; } </style><style type="text/css"> @font-face { font-family: 'Sharp Sans'; src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.eot"); src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.woff2") format("woff2"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNMedium.svg##{$font_shortname}") format("svg"); font-weight: 500; font-style: normal; font-stretch: normal; } </style><style type="text/css"> @font-face { font-family: 'Sharp Sans'; src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.eot"); src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.woff2") format("woff2"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSN.svg##{$font_shortname}") format("svg"); font-weight: 600; font-style: normal; font-stretch: normal; } </style><style type="text/css"> @font-face { font-family: 'Sharp Sans'; src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNBold.eot"); src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNBold.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNBold.woff2") format("woff2"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNBold.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNBold.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SHSNBold.svg##{$font_shortname}") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; } </style><style type="text/css"> @font-face { font-family: 'Sharp Sans'; src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SharpSansNo1-Extrabold.eot"); src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SharpSansNo1-Extrabold.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SharpSansNo1-Extrabold.woff2") format("woff2"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SharpSansNo1-Extrabold.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SharpSansNo1-Extrabold.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/SharpSansNo1-Extrabold.svg##{$font_shortname}") format("svg"); font-weight: 800; font-style: normal; font-stretch: normal; } </style><style type="text/css"> @font-face { font-family: 'League Mono'; src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/leaguemono-regular.eot"); src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/leaguemono-regular.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/leaguemono-regular.woff2") format("woff2"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/leaguemono-regular.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/leaguemono-regular.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/leaguemono-regular.svg##{$font_shortname}") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; } </style><style type="text/css"> @font-face { font-family: 'League Mono'; src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/LeagueMono-SemiBold.eot"); src: url("https://d1eipm3vz40hy0.cloudfront.net/fonts/LeagueMono-SemiBold.eot?#iefix") format("embedded-opentype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/LeagueMono-SemiBold.woff2") format("woff2"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/LeagueMono-SemiBold.woff") format("woff"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/LeagueMono-SemiBold.ttf") format("truetype"), url("https://d1eipm3vz40hy0.cloudfront.net/fonts/LeagueMono-SemiBold.svg##{$font_shortname}") format("svg"); font-weight: 600; font-style: normal; font-stretch: normal; } </style> <script> var APP = window.APP || {}; APP.debug = false; APP.environment = 'production'; APP.isMobileBrowser = false; </script> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script>!function(){var e=document.createElement("script");if(!("noModule"in e)&&"onbeforeload"in e){var t=!1;document.addEventListener("beforeload",(function(n){if(n.target===e)t=!0;else if(!n.target.hasAttribute("nomodule")||!t)return;n.preventDefault()}),!0),e.type="module",e.src=".",document.head.appendChild(e),e.remove()}}();</script> <script src="https://helpers.zendesk.com/dist/assets/polyfills-legacy.e2d4b743.js" nomodule onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'vite/legacy-polyfills'}});document.dispatchEvent(e);"></script> <script type="module" src="https://helpers.zendesk.com/dist/assets/techForGood/app.308472ba.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/techForGood/js/app.js'}});document.dispatchEvent(e);"></script> <link href="https://helpers.zendesk.com/dist/assets/vendor.cc0a903b.js" rel="modulepreload" crossorigin> <link href="https://helpers.zendesk.com/dist/assets/techForGood/app.cfa840a6.css" rel="stylesheet"> <script src="https://helpers.zendesk.com/dist/assets/techForGood/app-legacy.11279216.js" nomodule onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/techForGood/js/app-legacy.js'}});document.dispatchEvent(e);"></script> <title>Zendesk Tech for Good | Homepage</title><meta name="generator" content="SEOmatic"> <meta name="description" content="The Zendesk Tech for Good program provides free software and expertise to nonprofit organizations that address a wide range of social problems."> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="none"> <meta content="en_US" property="og:locale"> <meta content="Zendesk Tech for Good" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://helpers.zendesk.com/techforgood/" property="og:url"> <meta content="Homepage" property="og:title"> <meta content="The Zendesk Tech for Good program provides free software and expertise to nonprofit organizations that address a wide range of social problems." property="og:description"> <meta content="https://discreet-onager.transforms.svdcdn.com/production/Tech-for-good/Zendesk-Tech-For-Good-Share.jpg?w=1200&h=630&q=82&auto=format&fit=crop&dm=1637062475&s=ce7d86f73b59a8edd94fdfab024ecf4d" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <link href="https://helpers.zendesk.com/techforgood" rel="home"></head> <body class="antialiased font-normal bg-tofu font-sharp theme" x-cloak x-data="{ showAccessibilitySplash: $persist(true).as('showAccessibilitySplash'), accessibilityMode: $persist(true).as('accessibilityMode'), overflowHidden: false }" @lock-scroll.window="overflowHidden = $event.detail.open" x-init="overflowHidden = showAccessibilitySplash" :class="{ 'theme-mono': accessibilityMode, 'theme-color': !accessibilityMode, 'overflow-hidden': overflowHidden, }" >  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KFSZWML" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="hidden md:block"> <a class="fixed top-0 left-0 z-40 m-8 transition-colors duration-150 ease-in-out theme-nav" href="https://helpers.zendesk.com/techforgood/"> <svg class="fill-current" width="148" height="41" viewBox="0 0 148 41" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 144px; margin-top: 8px;"> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.0168 2.40611C19.5894 2.40611 18.2915 3.50402 18.2915 5.24896L18.2895 5.25502C18.2895 6.99389 19.6177 8.09787 21.0046 8.09787C21.354 8.10077 21.6994 8.02459 22.015 7.87506C22.3306 7.72553 22.6082 7.50653 22.8269 7.2345V7.98464H23.983V0H22.8269V3.225C22.6041 2.96392 22.3263 2.75516 22.0134 2.61362C21.7006 2.47207 21.3602 2.40121 21.0168 2.40611ZM22.7432 4.5865C22.8349 4.79423 22.8846 5.01797 22.8896 5.24492C22.8972 5.47588 22.8583 5.70602 22.7752 5.92169C22.6921 6.13737 22.5665 6.33419 22.4058 6.50049C22.2451 6.66679 22.0526 6.79919 21.8398 6.88985C21.6269 6.98051 21.398 7.02758 21.1666 7.02827C20.7155 7.02627 20.2829 6.84848 19.9611 6.53276C19.6393 6.21704 19.4536 5.78833 19.4436 5.33792C19.4363 5.11097 19.4739 4.88481 19.5543 4.67239C19.6346 4.45997 19.7561 4.26546 19.9118 4.1C20.0676 3.93454 20.2544 3.80138 20.4617 3.70813C20.6691 3.61489 20.8928 3.56339 21.12 3.55659C21.3473 3.55122 21.5734 3.59066 21.7854 3.67263C21.9973 3.7546 22.191 3.87751 22.3554 4.03432C22.5198 4.19114 22.6515 4.37877 22.7432 4.5865ZM29.5881 6.40566C29.1831 6.78984 28.6423 6.99844 28.0838 6.98596L28.0939 7.00618C27.12 7.00618 26.5632 6.50272 26.4134 5.71214H30.6855C30.7766 3.80747 29.7501 2.43457 27.942 2.43457H27.8448C27.1068 2.44892 26.4046 2.75499 25.8922 3.28564C25.3798 3.81629 25.099 4.52821 25.1115 5.26529C25.1115 6.88284 26.2858 8.096 28.1081 8.096C29.1589 8.096 29.8412 7.72195 30.3352 7.21444L29.5881 6.40566ZM27.9441 3.50215C28.8289 3.50215 29.2703 4.04606 29.3857 4.78609H26.4032C26.448 4.41634 26.6323 4.07759 26.9187 3.83898C27.205 3.60037 27.5718 3.47989 27.9441 3.50215ZM3.25572 3.63582L0 6.93765V7.99513H4.80868V6.95787H1.51042L4.76412 3.65806V2.60059H0.0789666V3.63582H3.25572ZM8.60992 6.98596C9.16773 6.9979 9.70767 6.78934 10.1122 6.40566L10.8594 7.21444C10.3674 7.72195 9.68302 8.096 8.63219 8.096C6.80995 8.096 5.63764 6.88284 5.63764 5.26529C5.62463 4.5284 5.90492 3.81648 6.417 3.28576C6.92908 2.75505 7.6311 2.44892 8.36897 2.43457H8.46615C10.2742 2.43457 11.3008 3.80747 11.2096 5.71214H6.93751C7.08937 6.50272 7.64412 7.00618 8.618 7.00618L8.60992 6.98596ZM9.90977 4.78609C9.79436 4.04606 9.35298 3.50215 8.46818 3.50215C8.0959 3.47989 7.72915 3.60037 7.4428 3.83898C7.15645 4.07759 6.9721 4.41634 6.92738 4.78609H9.90977ZM31.5598 6.83096L32.5721 6.28503C32.7036 6.53043 32.9004 6.73472 33.1409 6.87532C33.3814 7.01592 33.6562 7.08734 33.9348 7.08168C34.5746 7.08168 34.9046 6.74401 34.9046 6.36187C34.9046 5.9496 34.3633 5.83821 33.7305 5.70797L33.6169 5.68452C32.7139 5.48232 31.7744 5.18307 31.7744 4.06696C31.7744 3.20359 32.5721 2.40695 33.8275 2.41908C34.8175 2.41908 35.5525 2.82347 35.9716 3.47656L35.0241 4.01237C34.8961 3.8145 34.719 3.65313 34.51 3.54398C34.301 3.43484 34.0672 3.38166 33.8315 3.38962C33.2241 3.38962 32.9163 3.69493 32.9163 4.04472C32.9163 4.4356 33.4009 4.54539 34.1636 4.71821L34.1717 4.72005C35.0443 4.92225 36.0344 5.21138 36.0344 6.3376C36.0344 7.08977 35.3966 8.10276 33.8842 8.09265C32.7787 8.09265 32.0012 7.63569 31.5537 6.82893L31.5598 6.83096ZM38.2625 6.5677L39.1736 5.56684L40.8561 7.97901H42.158L39.9876 4.87129L42.1034 2.54606H40.7023L38.2625 5.24131V0.04694H37.1125V7.97901H38.2625V6.5677ZM14.6606 2.41016C13.2438 2.41058 12.072 3.29611 12.072 4.76572V7.91995H13.2868V4.9113C13.2868 4.02569 13.8112 3.49594 14.7041 3.49594C15.597 3.49594 16.0465 4.02569 16.0465 4.9113V7.91995H17.2492V4.76572C17.2492 3.29611 16.0633 2.41058 14.6606 2.41016ZM14.6606 2.41016C14.6609 2.41016 14.6613 2.41016 14.6616 2.41016H14.6596C14.6599 2.41016 14.6603 2.41016 14.6606 2.41016ZM36.4899 34.3764H39.925V27.5406C39.925 25.4373 41.0031 24.5359 42.307 24.5359C43.8365 24.5359 44.6137 25.5124 44.6137 27.2151V34.3764H48.099V26.7394C48.099 23.5093 46.3187 21.6063 43.3601 21.6063C41.9309 21.6063 40.7273 22.2323 39.8999 23.2339V16.0977H36.4899V34.3764ZM0 24.9365H2.13125V28.9428C2.13125 33.0242 3.43508 34.3764 7.42178 34.3764H7.92325V31.1713C5.81707 31.1713 5.56634 30.8709 5.56634 28.9178V24.9365H7.92325V21.8567H5.56634V17.0492L2.13125 18.9271V21.8567H0V24.9365ZM15.309 34.6268C18.0922 34.6268 20.073 33.2496 21.1511 31.2965L18.4181 29.669C17.8665 30.8709 16.7131 31.622 15.3341 31.622C13.5288 31.622 12.4005 30.7206 11.9993 29.3435H21.6777V28.0915C21.6777 24.4858 19.045 21.6063 15.2087 21.6063C11.5981 21.6063 8.68956 24.5109 8.68956 28.1165C8.68956 31.7222 11.3975 34.6268 15.309 34.6268ZM15.2338 24.611C16.688 24.611 17.7662 25.2871 18.2175 26.5891H12.1497C12.6763 25.4123 13.7795 24.611 15.2338 24.611ZM35.2323 30.6705C34.2544 32.9992 32.048 34.6268 29.1896 34.6268C25.579 34.6268 22.6955 31.7222 22.6955 28.1165C22.6955 24.5109 25.579 21.6063 29.1896 21.6063C32.048 21.6063 34.2544 23.2339 35.2323 25.5625L32.1733 26.8646C31.6969 25.6877 30.5435 24.8614 29.2146 24.8614C27.4093 24.8614 26.0052 26.3137 26.0052 28.1165C26.0052 29.9194 27.4093 31.3716 29.2146 31.3716C30.5435 31.3716 31.6969 30.5453 32.1733 29.3685L35.2323 30.6705ZM56.4165 24.9365H54.2853V21.8567H56.4165V21.5312C56.4165 17.4498 57.7454 16.0977 61.9327 16.0977H62.2085V19.3027C60.1024 19.3027 59.8516 19.6032 59.8516 21.5562V21.8567H62.2085V24.9365H59.8516V34.3764H56.4165V24.9365ZM69.0771 34.6268C72.6877 34.6268 75.5712 31.7222 75.5712 28.1165C75.5712 24.5109 72.6877 21.6063 69.0771 21.6063C65.4665 21.6063 62.5831 24.5109 62.5831 28.1165C62.5831 31.7222 65.4665 34.6268 69.0771 34.6268ZM69.0771 31.3716C67.2969 31.3716 65.9429 29.8943 65.9429 28.1165C65.9429 26.3387 67.2969 24.8614 69.0771 24.8614C70.8323 24.8614 72.2364 26.3387 72.2364 28.1165C72.2364 29.8943 70.8323 31.3716 69.0771 31.3716ZM80.3757 34.3764H76.9406V21.8567H80.3507V23.9099C80.9775 22.6079 82.1058 21.8567 83.8108 21.8567H85.0645V25.1869H83.0085C81.1781 25.1869 80.3757 26.1384 80.3757 28.4671V34.3764ZM96.956 34.6268C98.5858 34.6268 99.9147 33.9507 100.742 32.9742V34.151C100.742 35.7786 99.5637 37.2308 97.7082 37.2308C96.0283 37.2308 94.8749 36.4045 94.223 35.1025L91.1891 36.8052C92.192 38.7582 94.5239 40.4108 97.7082 40.4108C101.946 40.4108 104.177 37.5564 104.177 34.0258V21.8567H100.742V23.2088C99.9147 22.2824 98.636 21.6063 97.0062 21.6063C94.1729 21.6063 90.9133 23.6846 90.9133 28.1165C90.9133 32.5235 94.2982 34.6268 96.956 34.6268ZM97.633 31.4718C95.7274 31.4718 94.2731 30.0195 94.2731 28.0915C94.2731 26.1635 95.7274 24.7362 97.633 24.7362C99.4885 24.7362 100.842 26.2386 100.842 28.0915C100.842 29.9444 99.4885 31.4718 97.633 31.4718ZM118.544 28.1165C118.544 31.7222 115.661 34.6268 112.05 34.6268C108.439 34.6268 105.556 31.7222 105.556 28.1165C105.556 24.5109 108.439 21.6063 112.05 21.6063C115.661 21.6063 118.544 24.5109 118.544 28.1165ZM108.916 28.1165C108.916 29.8943 110.27 31.3716 112.05 31.3716C113.805 31.3716 115.209 29.8943 115.209 28.1165C115.209 26.3387 113.805 24.8614 112.05 24.8614C110.27 24.8614 108.916 26.3387 108.916 28.1165ZM126.154 34.6268C129.764 34.6268 132.648 31.7222 132.648 28.1165C132.648 24.5109 129.764 21.6063 126.154 21.6063C122.543 21.6063 119.66 24.5109 119.66 28.1165C119.66 31.7222 122.543 34.6268 126.154 34.6268ZM126.154 31.3716C124.374 31.3716 123.02 29.8943 123.02 28.1165C123.02 26.3387 124.374 24.8614 126.154 24.8614C127.909 24.8614 129.313 26.3387 129.313 28.1165C129.313 29.8943 127.909 31.3716 126.154 31.3716ZM143.593 32.9742C142.765 33.9507 141.436 34.6268 139.806 34.6268C137.149 34.6268 133.764 32.5235 133.764 28.1165C133.764 23.6846 137.023 21.6063 139.857 21.6063C141.486 21.6063 142.765 22.2073 143.593 23.0836V16.0977H147.028V34.3764H143.593V32.9742ZM137.124 28.0915C137.124 30.0195 138.578 31.4718 140.483 31.4718C142.339 31.4718 143.693 29.9444 143.693 28.0915C143.693 26.2386 142.339 24.7362 140.483 24.7362C138.578 24.7362 137.124 26.1635 137.124 28.0915Z" fill="currentColor"/> </svg> <span class="sr-only">Home</span> </a> <a href="https://helpers.zendesk.com/techforgood/films" class="fixed top-0 right-0 z-40 m-8 theme-nav text-15 font-bold leading-tight tracking-widest uppercase transition-colors duration-150 ease-in-out"> Watch films </a> </div> <nav x-data="{ open: false, scrollAtTop: 1}" @scroll.window="scrollAtTop = (window.pageYOffset > 75) ? false : true" class="fixed top-0 z-40 w-full md:hidden" :class="open && 'h-full'" > <div class="flex items-center justify-between p-4 overflow-hidden duration-300 ease-in-out transition-color" :class="{ 'bg-transparent': scrollAtTop, 'bg-ditto': open && !accessibilityMode, 'bg-tofu': !open && (scrollAtTop && accessibilityMode), 'bg-white': !scrollAtTop || open || accessibilityMode, }" > <a class="relative text-kale" href="https://helpers.zendesk.com/techforgood/" style="width: 148px; height: 41px;"> <svg class="absolute inset-0 w-full h-full fill-current" width="148" height="41" viewBox="0 0 148 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.0168 2.40611C19.5894 2.40611 18.2915 3.50402 18.2915 5.24896L18.2895 5.25502C18.2895 6.99389 19.6177 8.09787 21.0046 8.09787C21.354 8.10077 21.6994 8.02459 22.015 7.87506C22.3306 7.72553 22.6082 7.50653 22.8269 7.2345V7.98464H23.983V0H22.8269V3.225C22.6041 2.96392 22.3263 2.75516 22.0134 2.61362C21.7006 2.47207 21.3602 2.40121 21.0168 2.40611ZM22.7432 4.5865C22.8349 4.79423 22.8846 5.01797 22.8896 5.24492C22.8972 5.47588 22.8583 5.70602 22.7752 5.92169C22.6921 6.13737 22.5665 6.33419 22.4058 6.50049C22.2451 6.66679 22.0526 6.79919 21.8398 6.88985C21.6269 6.98051 21.398 7.02758 21.1666 7.02827C20.7155 7.02627 20.2829 6.84848 19.9611 6.53276C19.6393 6.21704 19.4536 5.78833 19.4436 5.33792C19.4363 5.11097 19.4739 4.88481 19.5543 4.67239C19.6346 4.45997 19.7561 4.26546 19.9118 4.1C20.0676 3.93454 20.2544 3.80138 20.4617 3.70813C20.6691 3.61489 20.8928 3.56339 21.12 3.55659C21.3473 3.55122 21.5734 3.59066 21.7854 3.67263C21.9973 3.7546 22.191 3.87751 22.3554 4.03432C22.5198 4.19114 22.6515 4.37877 22.7432 4.5865ZM29.5881 6.40566C29.1831 6.78984 28.6423 6.99844 28.0838 6.98596L28.0939 7.00618C27.12 7.00618 26.5632 6.50272 26.4134 5.71214H30.6855C30.7766 3.80747 29.7501 2.43457 27.942 2.43457H27.8448C27.1068 2.44892 26.4046 2.75499 25.8922 3.28564C25.3798 3.81629 25.099 4.52821 25.1115 5.26529C25.1115 6.88284 26.2858 8.096 28.1081 8.096C29.1589 8.096 29.8412 7.72195 30.3352 7.21444L29.5881 6.40566ZM27.9441 3.50215C28.8289 3.50215 29.2703 4.04606 29.3857 4.78609H26.4032C26.448 4.41634 26.6323 4.07759 26.9187 3.83898C27.205 3.60037 27.5718 3.47989 27.9441 3.50215ZM3.25572 3.63582L0 6.93765V7.99513H4.80868V6.95787H1.51042L4.76412 3.65806V2.60059H0.0789666V3.63582H3.25572ZM8.60992 6.98596C9.16773 6.9979 9.70767 6.78934 10.1122 6.40566L10.8594 7.21444C10.3674 7.72195 9.68302 8.096 8.63219 8.096C6.80995 8.096 5.63764 6.88284 5.63764 5.26529C5.62463 4.5284 5.90492 3.81648 6.417 3.28576C6.92908 2.75505 7.6311 2.44892 8.36897 2.43457H8.46615C10.2742 2.43457 11.3008 3.80747 11.2096 5.71214H6.93751C7.08937 6.50272 7.64412 7.00618 8.618 7.00618L8.60992 6.98596ZM9.90977 4.78609C9.79436 4.04606 9.35298 3.50215 8.46818 3.50215C8.0959 3.47989 7.72915 3.60037 7.4428 3.83898C7.15645 4.07759 6.9721 4.41634 6.92738 4.78609H9.90977ZM31.5598 6.83096L32.5721 6.28503C32.7036 6.53043 32.9004 6.73472 33.1409 6.87532C33.3814 7.01592 33.6562 7.08734 33.9348 7.08168C34.5746 7.08168 34.9046 6.74401 34.9046 6.36187C34.9046 5.9496 34.3633 5.83821 33.7305 5.70797L33.6169 5.68452C32.7139 5.48232 31.7744 5.18307 31.7744 4.06696C31.7744 3.20359 32.5721 2.40695 33.8275 2.41908C34.8175 2.41908 35.5525 2.82347 35.9716 3.47656L35.0241 4.01237C34.8961 3.8145 34.719 3.65313 34.51 3.54398C34.301 3.43484 34.0672 3.38166 33.8315 3.38962C33.2241 3.38962 32.9163 3.69493 32.9163 4.04472C32.9163 4.4356 33.4009 4.54539 34.1636 4.71821L34.1717 4.72005C35.0443 4.92225 36.0344 5.21138 36.0344 6.3376C36.0344 7.08977 35.3966 8.10276 33.8842 8.09265C32.7787 8.09265 32.0012 7.63569 31.5537 6.82893L31.5598 6.83096ZM38.2625 6.5677L39.1736 5.56684L40.8561 7.97901H42.158L39.9876 4.87129L42.1034 2.54606H40.7023L38.2625 5.24131V0.04694H37.1125V7.97901H38.2625V6.5677ZM14.6606 2.41016C13.2438 2.41058 12.072 3.29611 12.072 4.76572V7.91995H13.2868V4.9113C13.2868 4.02569 13.8112 3.49594 14.7041 3.49594C15.597 3.49594 16.0465 4.02569 16.0465 4.9113V7.91995H17.2492V4.76572C17.2492 3.29611 16.0633 2.41058 14.6606 2.41016ZM14.6606 2.41016C14.6609 2.41016 14.6613 2.41016 14.6616 2.41016H14.6596C14.6599 2.41016 14.6603 2.41016 14.6606 2.41016ZM36.4899 34.3764H39.925V27.5406C39.925 25.4373 41.0031 24.5359 42.307 24.5359C43.8365 24.5359 44.6137 25.5124 44.6137 27.2151V34.3764H48.099V26.7394C48.099 23.5093 46.3187 21.6063 43.3601 21.6063C41.9309 21.6063 40.7273 22.2323 39.8999 23.2339V16.0977H36.4899V34.3764ZM0 24.9365H2.13125V28.9428C2.13125 33.0242 3.43508 34.3764 7.42178 34.3764H7.92325V31.1713C5.81707 31.1713 5.56634 30.8709 5.56634 28.9178V24.9365H7.92325V21.8567H5.56634V17.0492L2.13125 18.9271V21.8567H0V24.9365ZM15.309 34.6268C18.0922 34.6268 20.073 33.2496 21.1511 31.2965L18.4181 29.669C17.8665 30.8709 16.7131 31.622 15.3341 31.622C13.5288 31.622 12.4005 30.7206 11.9993 29.3435H21.6777V28.0915C21.6777 24.4858 19.045 21.6063 15.2087 21.6063C11.5981 21.6063 8.68956 24.5109 8.68956 28.1165C8.68956 31.7222 11.3975 34.6268 15.309 34.6268ZM15.2338 24.611C16.688 24.611 17.7662 25.2871 18.2175 26.5891H12.1497C12.6763 25.4123 13.7795 24.611 15.2338 24.611ZM35.2323 30.6705C34.2544 32.9992 32.048 34.6268 29.1896 34.6268C25.579 34.6268 22.6955 31.7222 22.6955 28.1165C22.6955 24.5109 25.579 21.6063 29.1896 21.6063C32.048 21.6063 34.2544 23.2339 35.2323 25.5625L32.1733 26.8646C31.6969 25.6877 30.5435 24.8614 29.2146 24.8614C27.4093 24.8614 26.0052 26.3137 26.0052 28.1165C26.0052 29.9194 27.4093 31.3716 29.2146 31.3716C30.5435 31.3716 31.6969 30.5453 32.1733 29.3685L35.2323 30.6705ZM56.4165 24.9365H54.2853V21.8567H56.4165V21.5312C56.4165 17.4498 57.7454 16.0977 61.9327 16.0977H62.2085V19.3027C60.1024 19.3027 59.8516 19.6032 59.8516 21.5562V21.8567H62.2085V24.9365H59.8516V34.3764H56.4165V24.9365ZM69.0771 34.6268C72.6877 34.6268 75.5712 31.7222 75.5712 28.1165C75.5712 24.5109 72.6877 21.6063 69.0771 21.6063C65.4665 21.6063 62.5831 24.5109 62.5831 28.1165C62.5831 31.7222 65.4665 34.6268 69.0771 34.6268ZM69.0771 31.3716C67.2969 31.3716 65.9429 29.8943 65.9429 28.1165C65.9429 26.3387 67.2969 24.8614 69.0771 24.8614C70.8323 24.8614 72.2364 26.3387 72.2364 28.1165C72.2364 29.8943 70.8323 31.3716 69.0771 31.3716ZM80.3757 34.3764H76.9406V21.8567H80.3507V23.9099C80.9775 22.6079 82.1058 21.8567 83.8108 21.8567H85.0645V25.1869H83.0085C81.1781 25.1869 80.3757 26.1384 80.3757 28.4671V34.3764ZM96.956 34.6268C98.5858 34.6268 99.9147 33.9507 100.742 32.9742V34.151C100.742 35.7786 99.5637 37.2308 97.7082 37.2308C96.0283 37.2308 94.8749 36.4045 94.223 35.1025L91.1891 36.8052C92.192 38.7582 94.5239 40.4108 97.7082 40.4108C101.946 40.4108 104.177 37.5564 104.177 34.0258V21.8567H100.742V23.2088C99.9147 22.2824 98.636 21.6063 97.0062 21.6063C94.1729 21.6063 90.9133 23.6846 90.9133 28.1165C90.9133 32.5235 94.2982 34.6268 96.956 34.6268ZM97.633 31.4718C95.7274 31.4718 94.2731 30.0195 94.2731 28.0915C94.2731 26.1635 95.7274 24.7362 97.633 24.7362C99.4885 24.7362 100.842 26.2386 100.842 28.0915C100.842 29.9444 99.4885 31.4718 97.633 31.4718ZM118.544 28.1165C118.544 31.7222 115.661 34.6268 112.05 34.6268C108.439 34.6268 105.556 31.7222 105.556 28.1165C105.556 24.5109 108.439 21.6063 112.05 21.6063C115.661 21.6063 118.544 24.5109 118.544 28.1165ZM108.916 28.1165C108.916 29.8943 110.27 31.3716 112.05 31.3716C113.805 31.3716 115.209 29.8943 115.209 28.1165C115.209 26.3387 113.805 24.8614 112.05 24.8614C110.27 24.8614 108.916 26.3387 108.916 28.1165ZM126.154 34.6268C129.764 34.6268 132.648 31.7222 132.648 28.1165C132.648 24.5109 129.764 21.6063 126.154 21.6063C122.543 21.6063 119.66 24.5109 119.66 28.1165C119.66 31.7222 122.543 34.6268 126.154 34.6268ZM126.154 31.3716C124.374 31.3716 123.02 29.8943 123.02 28.1165C123.02 26.3387 124.374 24.8614 126.154 24.8614C127.909 24.8614 129.313 26.3387 129.313 28.1165C129.313 29.8943 127.909 31.3716 126.154 31.3716ZM143.593 32.9742C142.765 33.9507 141.436 34.6268 139.806 34.6268C137.149 34.6268 133.764 32.5235 133.764 28.1165C133.764 23.6846 137.023 21.6063 139.857 21.6063C141.486 21.6063 142.765 22.2073 143.593 23.0836V16.0977H147.028V34.3764H143.593V32.9742ZM137.124 28.0915C137.124 30.0195 138.578 31.4718 140.483 31.4718C142.339 31.4718 143.693 29.9444 143.693 28.0915C143.693 26.2386 142.339 24.7362 140.483 24.7362C138.578 24.7362 137.124 26.1635 137.124 28.0915Z" fill="currentColor"/> </svg> </a> <button class="relative h-5 focus:outline-none w-7 text-kale" @click="open = !open, $dispatch('lock-scroll', { open: open })" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 18" class="absolute inset-0" x-show="!open" x-transition > <g fill="currentColor" fill-rule="nonzero"> <path d="M28 16v2H0v-2zM28 8v2H0V8zM28 0v2H0V0z"/> </g> </svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 18" class="absolute inset-0" x-show="open" x-transition > <path fill="currentColor" fill-rule="nonzero" d="M26.414 0l1.414 1.414-7.999 8 8 8-1.415 1.414-8-7.999-8 8L9 17.413l8-8-8-8L10.414 0l8 8z"/> </svg> </button> </div> <div class="flex flex-col items-center h-full p-4 overflow-y-auto" :class="{ 'bg-ditto': open && !accessibilityMode, 'bg-white': open && accessibilityMode, }" x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <ul class="text-center duration-150 ease-in-out border-b border-kale text-kale border-opacity-40 py-9"> <li> <a class="font-extrabold tracking-wide hover:underline text-34 theme- " :class="accessibilityMode ? 'text-bubbles underline' : 'text-wilma underline'" href="https://helpers.zendesk.com/techforgood/" >Home</a> </li> <li> <a class="font-extrabold tracking-wide text-34 hover:underline theme- hover:text-bulbasaur" href="https://helpers.zendesk.com/techforgood/films" >Watch films</a> </li> </ul> <ul class="text-center duration-150 ease-in-out py-9 text-kale"> <li> <a class="font-extrabold tracking-wide text-22 hover:underline theme- hover:text-bulbasaur" href="https://helpers.zendesk.com/techforgood/ameelio">Ameelio</a> </li> <li> <a class="font-extrabold tracking-wide text-22 hover:underline theme- hover:text-bulbasaur" href="https://helpers.zendesk.com/techforgood/signpost">Signpost</a> </li> <li> <a class="font-extrabold tracking-wide text-22 hover:underline theme- hover:text-bulbasaur" href="https://helpers.zendesk.com/techforgood/givedirectly">GiveDirectly</a> </li> <li> <a class="font-extrabold tracking-wide text-22 hover:underline theme- hover:text-bulbasaur" href="https://helpers.zendesk.com/techforgood/kindwork">KindWork</a> </li> </ul> <button class="block w-full py-10 mt-auto mb-14 theme-" :class="accessibilityMode ? 'bg-ditto' : 'bg-white'" @click="accessibilityMode = !accessibilityMode, open = false, $dispatch('lock-scroll', { open: open })" > <div class="font-bold tracking-widest uppercase" :class="accessibilityMode ? 'text-wilma' : 'text-pale-kale'" >Site accessibility</div> <div class="font-extrabold tracking-wide text-kale text-22"> <span x-show="accessibilityMode">Swap to full color</span> <span x-show="!accessibilityMode">Swap to high contrast</span> </div> </button> </div> </nav> <main class="relative"> <section class="relative theme-bg" x-data="intersectTheme" x-init="intersectionObserverWatcher($el)" data-theme='{ "--zen-bg-color": "--color-ditto", "--zen-text-color": "--color-ditto", "--zen-accent-color": "--color-bubbles", "--zen-nav-color": "--color-kale", "--zen-nav-mono": "--color-kale", "--zen-bg-mono": "--color-tofu", "--zen-text-mono": "--color-white", "--zen-accent-mono": "--color-kale" }' > <div x-data="activeVideo" class="md:h-screenh" > <template x-if="!accessibilityMode"> <video x-show="activeVideo == 10736 && !accessibilityMode" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute inset-0 hidden object-cover w-full h-full md:block" :preload="accessibilityMode ? 'none' : 'auto'" loop muted autoplay > <source src="https://servd-discreet-onager.b-cdn.net/production/Videos/Signpost/ZD-TG-Signpost-WP2.mp4" type="video/mp4"></source> </video> </template> <template x-if="!accessibilityMode"> <video x-show="activeVideo == 10737 && !accessibilityMode" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute inset-0 hidden object-cover w-full h-full md:block" :preload="accessibilityMode ? 'none' : 'auto'" loop muted autoplay > <source src="https://servd-discreet-onager.b-cdn.net/production/Videos/Signpost/ZD-TG-Signpost-WP4.mp4" type="video/mp4"></source> </video> </template> <template x-if="!accessibilityMode"> <video x-show="activeVideo == 10738 && !accessibilityMode" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute inset-0 hidden object-cover w-full h-full md:block" :preload="accessibilityMode ? 'none' : 'auto'" loop muted autoplay > <source src="https://servd-discreet-onager.b-cdn.net/production/Videos/Signpost/ZD-TG-Signpost-WP3.mp4" type="video/mp4"></source> </video> </template> <template x-if="!accessibilityMode"> <video x-show="activeVideo == 10739 && !accessibilityMode" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute inset-0 hidden object-cover w-full h-full md:block" :preload="accessibilityMode ? 'none' : 'auto'" loop muted autoplay > <source src="https://servd-discreet-onager.b-cdn.net/production/Videos/Signpost/ZD-TG-Signpost-WP1.mp4" type="video/mp4"></source> </video> </template> <template x-if="!accessibilityMode"> <video x-show="activeVideo == 20573 && !accessibilityMode" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute inset-0 hidden object-cover w-full h-full md:block" :preload="accessibilityMode ? 'none' : 'auto'" loop muted autoplay > <source src="https://servd-discreet-onager.b-cdn.net/production/Videos/Signpost/ZD-TG-Signpost-WP2.mp4" type="video/mp4"></source> </video> </template> <div class="relative px-4 pb-12 md:px-5 pt-17 md:py-26 xl:py-12 md:flex md:items-center md:h-full"> <div class="mx-auto max-w-1070 md:flex-1 short:max-w-910"> <div class="grid grid-cols-2 md:grid-cols-3" x-data="{ mouseOver: false }" > <div class="col-span-1"> <div class="aspect-w-1 aspect-h-1"> <div class="pt-2 md:pt-3 theme-" :class="accessibilityMode ? 'bg-kale text-white' : 'bg-wilma text-ernie'" style="border-radius: 100% 0 0 0;" > <svg class="pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 359 359"> <path fill="currentColor" fill-rule="nonzero" d="M196.568 170.81v-40.823h12.96V118.25h-38.304v11.736h13.104v40.824h12.24zm24.192.72c8.496 0 13.824-3.96 17.136-9.071l-9.792-4.896c-1.368 2.448-3.888 4.104-7.128 4.104-3.6 0-6.336-1.728-7.56-4.824h26.064v-4.176c0-10.584-7.704-18.576-18.792-18.576-10.944 0-18.936 8.424-18.936 18.72 0 10.44 7.272 18.72 19.008 18.72zm6.84-23.4h-13.896c1.296-2.663 3.816-4.247 7.056-4.247s5.688 1.44 6.84 4.248zm33.048 23.4c8.928 0 15.48-5.111 18.072-12.095l-11.304-4.176c-1.008 2.952-3.528 4.896-6.552 4.896-4.032 0-7.056-3.168-7.056-7.344 0-4.248 3.024-7.416 7.056-7.416 3.096 0 5.76 1.872 6.624 4.896l11.16-3.816c-2.448-7.344-9.216-12.456-18-12.456-11.016 0-18.936 8.424-18.936 18.792 0 10.368 7.848 18.72 18.936 18.72zm32.4-.72v-19.8c0-4.32 2.016-6.335 4.824-6.335 3.168 0 4.68 2.088 4.68 5.832v20.304h12.456v-22.968c0-8.712-5.04-13.752-12.744-13.752-3.888 0-7.2 1.8-9.36 4.752V118.25h-12.096v52.56h12.24zm-50.112 70v-25.2h6.192v-10.8h-6.192v-.575c0-3.744.504-4.176 6.192-4.176V188.25h-1.296c-12.744 0-16.92 4.32-16.92 16.56h-5.328v10.8h5.328v25.2h12.024zm25.776.72c11.016 0 18.936-8.351 18.936-18.72 0-10.367-8.136-18.72-18.936-18.72-11.016 0-18.936 8.353-18.936 18.72 0 10.369 7.92 18.72 18.936 18.72zm0-11.375c-3.96 0-6.912-3.168-6.912-7.344s2.952-7.416 6.912-7.416 6.984 3.24 6.984 7.416-3.024 7.344-6.984 7.344zm33.624 10.656v-15.984c0-5.616 2.16-7.92 6.84-7.92h6.192V204.81h-3.528c-4.896 0-7.92 2.376-9.576 6.264v-6.264h-11.88v36h11.952zM169.28 311.53c15.192 0 25.488-11.952 25.488-25.848v-5.976h-28.224v11.664h14.616c-1.8 5.184-6.048 8.208-12.096 8.208-8.712 0-14.832-6.12-14.832-15.048 0-8.64 6.48-15.12 14.616-15.12 5.832 0 10.296 2.664 12.744 7.344l11.088-6.12c-4.536-7.632-12.888-13.104-23.904-13.104-15.84 0-27.072 11.736-27.072 27 0 14.544 10.44 27 27.576 27zm46.656 0c11.016 0 18.936-8.352 18.936-18.72 0-10.368-8.136-18.72-18.936-18.72-11.016 0-18.936 8.352-18.936 18.72 0 10.368 7.92 18.72 18.936 18.72zm0-11.376c-3.96 0-6.912-3.168-6.912-7.344s2.952-7.416 6.912-7.416 6.984 3.24 6.984 7.416-3.024 7.344-6.984 7.344zm40.032 11.376c11.016 0 18.936-8.352 18.936-18.72 0-10.368-8.136-18.72-18.936-18.72-11.016 0-18.936 8.352-18.936 18.72 0 10.368 7.92 18.72 18.936 18.72zm0-11.376c-3.96 0-6.912-3.168-6.912-7.344s2.952-7.416 6.912-7.416 6.984 3.24 6.984 7.416-3.024 7.344-6.984 7.344zm37.296 11.376c4.32 0 7.632-1.728 9.72-4.824v4.104h12.024v-52.56h-12.096v20.232c-2.016-2.736-5.112-4.392-9.432-4.392-8.496 0-16.344 7.128-16.344 18.72 0 11.736 7.92 18.72 16.128 18.72zm3.168-11.304c-4.104 0-7.2-3.168-7.2-7.488 0-4.248 3.096-7.488 7.2-7.488s7.056 3.312 7.056 7.488-2.952 7.488-7.056 7.488z"/> </svg> <h1 class="sr-only">Tech for Good</h1> </div> </div> </div> <div class="relative col-span-1 "> <div class="aspect-w-1 aspect-h-1"> <button class="cursor-default"> <svg class="w-full transition-colors duration-300 ease-in-out stroke-current md:stroke-3" :class="(mouseOver && !accessibilityMode && activeVideo != `10736`) ? 'md:text-kale' : 'text-transparent'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 359 359" > <clipPath id="circle"> <ellipse id="a" cx="179.11" cy="179.25" rx="179.11" ry="179.25" /> </clipPath> <ellipse fill="none" cx="179.11" cy="179.25" rx="177.61" ry="177.75" /> <image class="transition-opacity duration-300 ease-in-out cursor-pointer w-full h-full object-cover" :class="(mouseOver && !accessibilityMode && activeVideo != `10736`) && 'md:opacity-0 md:cursor-pointer'" data-video="10736" @mouseover="getVideoId($el), mouseOver = true" @mouseleave="activeVideo = null, mouseOver = false" xlink:href="https://discreet-onager.transforms.svdcdn.com/production/Tech-for-good/Homepage/Signpost-Circle_HiRes.jpg?w=1074&auto=compress%2Cformat&fit=crop&dm=1634219976&s=d1d3f8703a2608b055a8091a5548fd58" clip-path="url(#circle)" width="1074" height="1074" /> </svg> </button> </div> </div> <div class="relative col-span-1 hidden md:block md:z-10"> <div class="aspect-w-1 aspect-h-1"> <button class="cursor-default"> <svg class="w-full -ml-1 transition-colors duration-300 ease-in-out stroke-current md:stroke-3" :class="(mouseOver && !accessibilityMode && activeVideo != `10737`) ? 'md:text-kale' : 'text-transparent'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 359 359" > <clipPath id="dome"> <path id="a" d="M357.54 296.94h0c-40.5 40-93.4 60-146.3 60-53.3 0-106.6-20.4-147.3-61.1-40.7-40.7-61-94.1-61-147.4 0-52.9 20-105.8 60-146.4l294.6 294.9z" /> </clipPath> <path fill="none" d="M357.54 296.94h0c-40.5 40-93.4 60-146.3 60-53.3 0-106.6-20.4-147.3-61.1-40.7-40.7-61-94.1-61-147.4 0-52.9 20-105.8 60-146.4l294.6 294.9z" /> <image class="transition-opacity duration-300 ease-in-out cursor-pointer w-full h-full object-cover" :class="(mouseOver && !accessibilityMode && activeVideo != `10737`) && 'md:opacity-0 md:cursor-pointer'" data-video="10737" @mouseover="getVideoId($el), mouseOver = true" @mouseleave="activeVideo = null, mouseOver = false" xlink:href="https://discreet-onager.transforms.svdcdn.com/production/Tech-for-good/Homepage/Signpost-Half-Circle_HiRes.jpg?w=1074&auto=compress%2Cformat&fit=crop&dm=1634219990&s=cef114f39d7543f91dbd2c44c8c475a9" clip-path="url(#dome)" width="1074" height="1074" /> </svg> </button> </div> </div> <div class="relative col-span-1 "> <div class="aspect-w-1 aspect-h-1"> <button class="cursor-default"> <svg class="w-full transition-colors duration-300 ease-in-out stroke-current md:stroke-3" :class="(mouseOver && !accessibilityMode && activeVideo != `10738`) ? 'md:text-kale' : 'text-transparent'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 359 359" > <clipPath id="halfcircle"> <path d="M358.22 358.5H0V179.25C0 80.255 80.188 0 179.11 0c98.919 0 179.11 80.255 179.11 179.25V358.5z" /> </clipPath> <path fill="none" d="M179.11 2c49.045 0 93.448 19.896 125.589 52.062 32.142 32.167 52.022 76.604 52.022 125.688h0V357.5H1.5V179.75c0-49.084 19.88-93.522 52.021-125.69C85.662 21.896 130.064 2 179.111 2z" /> <image class="-ml-1 transition-opacity duration-300 ease-in-out cursor-pointer w-full h-full object-cover" :class="(mouseOver && !accessibilityMode && activeVideo != `10738`) && 'md:opacity-0 md:cursor-pointer'" data-video="10738" @mouseover="getVideoId($el), mouseOver = true" @mouseleave="activeVideo = null, mouseOver = false" xlink:href="https://discreet-onager.transforms.svdcdn.com/production/Tech-for-good/Homepage/Signpost-Arch_HiRes.jpg?w=1074&auto=compress%2Cformat&fit=crop&dm=1634219962&s=f1c8a0bf3ceb0291720530ed79fdfafc" clip-path="url(#halfcircle)" width="1074" height="1074" /> </svg> </button> </div> </div> <div class="relative col-span-1 "> <div class="aspect-w-1 aspect-h-1"> <button class="cursor-default"> <svg class="w-full transition-colors duration-300 ease-in-out stroke-current md:stroke-3" :class="(mouseOver && !accessibilityMode && activeVideo != `10739`) ? 'md:text-kale' : 'text-transparent'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 359 359" > <clipPath id="triangle"> <path id="a" d="M0 0v358.5h358.22z" /> </clipPath> <path fill="none" d="M1.5 3.623L354.601 357H1.5V3.623z" /> <image class="transition-opacity duration-300 ease-in-out cursor-pointer w-full h-full object-cover" :class="(mouseOver && !accessibilityMode && activeVideo != `10739`) && 'md:opacity-0 md:cursor-pointer'" data-video="10739" @mouseover="getVideoId($el), mouseOver = true" @mouseleave="activeVideo = null, mouseOver = false" xlink:href="https://discreet-onager.transforms.svdcdn.com/production/Tech-for-good/Homepage/Signpost-Triangle_HiRes.jpg?w=1074&auto=compress%2Cformat&fit=crop&dm=1634220003&s=dcedae8ad45f0e437e71fe3ecf6cb5f7" clip-path="url(#triangle)" width="1074" height="1074" /> </svg> </button> </div> </div> <div class="relative col-span-1 hidden md:block md:z-10"> <div class="aspect-w-1 aspect-h-1"> <button class="cursor-default"> <svg class="w-full transition-colors duration-300 ease-in-out stroke-current md:stroke-3" :class="(mouseOver && !accessibilityMode && activeVideo != `20573`) ? 'md:text-kale' : 'text-transparent'" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 359 359" > <clipPath id="square"> <rect id="a" x="0" y="0" width="359" height="359" /> </clipPath> <rect fill="none" x="2" y="2" width="355" height="355" /> <image class="transition-opacity duration-300 ease-in-out cursor-pointer w-full h-full object-cover" :class="(mouseOver && !accessibilityMode && activeVideo != `20573`) && 'md:opacity-0 md:cursor-pointer'" data-video="20573" @mouseover="getVideoId($el), mouseOver = true" @mouseleave="activeVideo = null, mouseOver = false" xlink:href="https://discreet-onager.transforms.svdcdn.com/production/Tech-for-good/Signpost-Square_HiRes.jpg?w=1074&auto=compress%2Cformat&fit=crop&dm=1648738119&s=d6af0ba2a1c839cad1aa28df12b79d63" clip-path="url(#square)" width="1074" height="1074" /> </svg> </button> </div> <button class="absolute right-12 -bottom-14" :class="accessibilityMode ? 'text-bubbles' : 'text-black'" @click="$scroll(window.innerHeight)" type="button" > <svg class="fill-current stroke-current w-11 h-24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 100"> <g fill="none" fill-rule="evenodd"> <path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M37.31 2c1.816 14.76.897 26.908-2.757 36.448C27.08 57.958-1.4 56.892 2.203 36.935c4.064-22.52 39.742-5.695 43.356 15.23C48.253 67.765 47.17 81.377 42.31 93"/> <path fill="currentColor" d="M38.762 99.494l.451-10.906 7.865 3.836z"/> </g> </svg> </button> </div> </div> </div> </div> </div> </section> <section style=" --zen-bg-color: var(--color-popeye); --zen-text-color: var(--color-ditto); --zen-accent-color: var(--color-ditto); --zen-cta-bg-color: var(--color-tofu); --zen-cta-text-color: var(--color-pale-kale); --zen-play-bg-color: var(--color-tofu); --zen-play-icon-color: var(--color-pale-kale); --zen-stamp-color: var(--color-kale); --zen-nav-color: var(--color-kale); --zen-bg-mono: var(--color-tofu); --zen-text-mono: var(--color-pale-kale); --zen-accent-mono: var(--color-kale); --zen-cta-bg-mono: var(--color-pale-kale); --zen-cta-text-mono: var(--color-white); --zen-play-bg-mono: var(--color-pale-kale); --zen-play-icon-mono: var(--color-white); --zen-stamp-mono: var(--color-kale); --zen-nav-mono: var(--color-kale); " class="px-4 pt-15 md:px-5 theme-bg theme-text pb-17 md:py-26 space-y-16 md:space-y-40" > <div class="mx-auto max-w-1070 md:flex md:flex-col md:justify-center md:min-h-screenh-1/2"> <div class="pt-6 font-extrabold leading-tight md:pt-0 md:leading-none text-32 md:text-44 xl:text-56 text-center"> <p>We really believe that technology can change lives – especially for our most vulnerable populations. That’s why we partner with nonprofits to give them Zendesk software for free.</p> </div> </div> </section> <section style=" " x-data="intersectTheme" x-init="intersectionObserverWatcher($el)" data-theme='{ "--zen-bg-color": "--color-ditto", "--zen-text-color": "--color-kale", "--zen-accent-color": "--color-popeye", "--zen-cta-bg-color": "--color-kale", "--zen-cta-text-color": "--color-white", "--zen-play-bg-color": "--color-tofu", "--zen-play-icon-color": "--color-pale-kale", "--zen-stamp-color": "--color-kale", "--zen-nav-color": "--color-kale", "--zen-bg-mono": "--color-tofu", "--zen-text-mono": "--color-pale-kale", "--zen-accent-mono": "--color-kale", "--zen-cta-bg-mono": "--color-tofu", "--zen-cta-text-mono": "--color-pale-kale", "--zen-play-bg-mono": "--color-tofu", "--zen-play-icon-mono": "--color-pale-kale", "--zen-stamp-mono": "--color-kale", "--zen-nav-mono": "--color-kale" }' class="px-4 pt-15 md:px-5 theme-bg theme-text pb-17 md:py-26 space-y-16 md:space-y-40" > <div class="mx-auto max-w-1070 "> <div class="grid items-center grid-cols-4 md:grid-cols-10 gap-x-4 md:gap-x-5"> <div class="mt-17 md:mt-0 col-span-4 md:row-start-1 "> <p class="mb-4 font-bold tracking-widest uppercase text-14">Zendesk Tech for Good</p> <div class="mb-8 font-extrabold leading-tight md:leading-none theme-accent text-32 md:text-44 xl:text-60 text-left"> <p>Way more than philanthropy</p> </div> <div class="font-sans leading-normal text-16"> <p>When we choose to partner with a nonprofit organization, we commit completely to their success. We spend time understanding their challenges, and by providing a mix of software, time, and financial support, we strengthen their mission.</p> </div> <a class="md:border-none md:theme-cta-bg md:theme-cta-text px-6 py-3 leading-snug block text-center md:inline-block text-18 font-semibold mt-8 md:mt-6 transition-colors ease-in-out duration-150" href="https://techforgood.zendesk.com/hc/en-us" title="Learn more" :class="accessibilityMode ? "theme-cta-outline border" : "theme-cta-bg theme-cta-text"">Learn more</a> </div> <div class="relative mt-14 md:mt-0 mx-4 md:mx-0 col-span-full md:col-span-5 row-start-1 md:col-start-6"> <div class="aspect-w-1 aspect-h-1"> <img class="object-cover" src="https://discreet-onager.transforms.svdcdn.com/production/Tech-for-good/4-Up-image.png?w=1024&h=1024&auto=compress%2Cformat&fit=crop&dm=1627405742&s=b103f5ae68da3e84a8146eaf33243184" width="1024" height="1024" alt="4 Up image"> </div> </div> </div> </div> </section> <section style=" --zen-bg-color: var(--color-nessie); --zen-text-color: var(--color-kale); --zen-accent-color: var(--color-popeye); --zen-cta-bg-color: var(--color-pale-kale); --zen-cta-text-color: var(--color-white); --zen-play-bg-color: var(--color-tofu); --zen-play-icon-color: var(--color-pale-kale); --zen-stamp-color: var(--color-kale); --zen-nav-color: var(--color-kale); --zen-bg-mono: var(--color-tofu); --zen-text-mono: var(--color-pale-kale); --zen-accent-mono: var(--color-kale); --zen-cta-bg-mono: var(--color-tofu); --zen-cta-text-mono: var(--color-pale-kale); --zen-play-bg-mono: var(--color-tofu); --zen-play-icon-mono: var(--color-pale-kale); --zen-stamp-mono: var(--color-kale); --zen-nav-mono: var(--color-kale); " class="px-4 pt-15 md:px-5 theme-bg theme-text pb-17 md:py-26 space-y-16 md:space-y-40" > <div class="mx-auto max-w-1070 "> <div class="grid items-center grid-cols-4 md:grid-cols-10 gap-x-4 md:gap-x-5"> <div class="mt-17 md:mt-0 col-span-4 md:row-start-1 "> <p class="mb-4 font-bold tracking-widest uppercase text-14">Zendesk Job Training Program</p> <div class="mb-8 font-extrabold leading-tight md:leading-none theme-accent text-32 md:text-44 xl:text-60 text-left"> <p>Training the next generation of CX Leaders</p> </div> <div class="font-sans leading-normal text-16"> <p>Tech for Good partners with organizations that provide upskilling and job training services to create greater access to sustainable careers.</p> </div> </div> <div class="relative mt-14 md:mt-0 mx-4 md:mx-0 col-span-full md:col-span-5 row-start-1 md:col-start-6"> <div class="aspect-w-1 aspect-h-1"> <img class="object-cover" src="https://discreet-onager.transforms.svdcdn.com/production/Tech-for-good/Training/img-foundation-story06-desktop-1x.png?w=1024&h=1024&auto=compress%2Cformat&fit=crop&dm=1664438050&s=dbca0179fd87f59fc95d15a297348c58" width="1024" height="1024" alt="Img foundation story06 desktop 1x"> </div> </div> </div> </div> <div class="mx-auto max-w-1070 "> <div class="-mx-4 overflow-hidden md:mx-0"> <div class="focus:outline-none" style=" --zen-stat-bg-color: var(--color-white); --zen-stat-accent-color: var(--color-popeye); --zen-stat-text-color: var(--color-kale); --zen-stat-bg-mono: var(--color-kale); --zen-stat-accent-mono: var(--color-white); --zen-stat-text-mono: var(--color-white); " x-data="flickity({ cellAlign: 'center', cellSelector: '[data-slide]', contain: true, draggable: true, pageDots: false, prevNextButtons: false, wrapAround: false, selectedAttraction: 0.1, friction: 0.8, })" x-init="draggable = (window.innerWidth >= 768) ? false : true" @resize.window.throttle="options.draggable = (window.innerWidth >= 768) ? false : true" > <div class="px-2 min-w-3/5 md:min-w-auto md:w-1/3 md:px-5" data-slide> <div class="flex flex-col h-full p-5 text-center border-b-2 theme-stat-bg theme-stat-text justify-evenly" :style="accessibilityMode ? 'border-color: var(--color-bubbles);' : 'border-color: var(--zen-stat-accent-color);'" > <h3 class="mb-3 font-bold leading-none text-32 theme-stat-accent whitespace-nowrap"> CX Skills Learning<br>Pathway </h3> <p class="font-semibold leading-snug text-12">Curriculum and\ncertification exam</p> </div> </div> <div class="px-2 min-w-3/5 md:min-w-auto md:w-1/3 md:px-5" data-slide> <div class="flex flex-col h-full p-5 text-center border-b-2 theme-stat-bg theme-stat-text justify-evenly" :style="accessibilityMode ? 'border-color: var(--color-bubbles);' : 'border-color: var(--zen-stat-accent-color);'" > <h3 class="mb-3 font-bold leading-none text-32 theme-stat-accent whitespace-nowrap"> Grants<br>& Partnership </h3> <p class="font-semibold leading-snug text-12">Financial support and\nproduct donations</p> </div> </div> <div class="px-2 min-w-3/5 md:min-w-auto md:w-1/3 md:px-5" data-slide> <div class="flex flex-col h-full p-5 text-center border-b-2 theme-stat-bg theme-stat-text justify-evenly" :style="accessibilityMode ? 'border-color: var(--color-bubbles);' : 'border-color: var(--zen-stat-accent-color);'" > <h3 class="mb-3 font-bold leading-none text-32 theme-stat-accent whitespace-nowrap"> Zendesk<br>Expertise </h3> <p class="font-semibold leading-snug text-12">Mock interviews, job shadowing, resume reviews, and more</p> </div> </div> </div> </div> </div> </section> <section style=" --zen-bg-color: var(--color-ernie); --zen-text-color: var(--color-pale-kale); --zen-accent-color: var(--color-wilma); --zen-cta-bg-color: var(--color-pale-kale); --zen-cta-text-color: var(--color-white); --zen-play-bg-color: var(--color-tofu); --zen-play-icon-color: var(--color-pale-kale); --zen-stamp-color: var(--color-kale); --zen-nav-color: var(--color-kale); --zen-bg-mono: var(--color-tofu); --zen-text-mono: var(--color-pale-kale); --zen-accent-mono: var(--color-kale); --zen-cta-bg-mono: var(--color-pale-kale); --zen-cta-text-mono: var(--color-white); --zen-play-bg-mono: var(--color-pale-kale); --zen-play-icon-mono: var(--color-white); --zen-stamp-mono: var(--color-kale); --zen-nav-mono: var(--color-kale); " class="px-4 pt-15 md:px-5 theme-bg theme-text pb-17 md:py-26 space-y-16 md:space-y-40" > <div class="mx-auto max-w-1070 "> <div class="grid items-center grid-cols-4 md:grid-cols-10 gap-x-4 md:gap-x-5"> <div class="mt-17 md:mt-0 col-span-4 md:row-start-1 "> <p class="mb-4 font-bold tracking-widest uppercase text-14">Serving more people, creating more impact</p> <div class="mb-8 font-extrabold leading-tight md:leading-none theme-accent text-32 md:text-44 xl:text-60 text-left"> <p>Announcing the 2022 Impact Awards Winners!</p> </div> <div class="font-sans leading-normal text-16"> <p>Zendesk Foundation's Tech for Good program has awarded 25 organizations with $500K in grants and more than $1.2M in product donations. Learn more about our winners <a href="https://www.zendesk.com/newsroom/articles/zendesk-2022-tech-for-good-impact-award-recipients/" target="_blank" rel="noreferrer noopener" class="underline">here</a>.</p> </div> <a class="md:border-none md:theme-cta-bg md:theme-cta-text px-6 py-3 leading-snug block text-center md:inline-block text-18 font-semibold mt-8 md:mt-6 transition-colors ease-in-out duration-150" href="https://www.zendesk.com/newsroom/articles/zendesk-2022-tech-for-good-impact-award-recipients/" title="Meet our winners" :class="accessibilityMode ? "theme-cta-outline border" : "theme-cta-bg theme-cta-text"">Meet our winners</a> </div> <div class="relative mt-14 md:mt-0 mx-4 md:mx-0 col-span-full md:col-span-5 row-start-1 md:col-start-6"> <div class="aspect-w-1 aspect-h-1"> <img class="object-cover" src="https://discreet-onager.transforms.svdcdn.com/production/Tech-for-good/img-foundation-hero-desktop-1x.png?w=1024&h=1024&auto=compress%2Cformat&fit=crop&dm=1662732684&s=6f3b2e021255a408784f8e8dd7d52e9f" width="1024" height="1024" alt="Img foundation hero desktop 1x"> </div> </div> </div> </div> </section> <section style=" --zen-bg-color: var(--color-nessie); --zen-text-color: var(--color-kale); --zen-accent-color: var(--color-popeye); --zen-cta-bg-color: var(--color-pale-kale); --zen-cta-text-color: var(--color-white); --zen-play-bg-color: var(--color-tofu); --zen-play-icon-color: var(--color-pale-kale); --zen-stamp-color: var(--color-kale); --zen-nav-color: var(--color-kale); --zen-bg-mono: var(--color-kale); --zen-text-mono: var(--color-tofu); --zen-accent-mono: var(--color-karl); --zen-cta-bg-mono: var(--color-oat-milk); --zen-cta-text-mono: var(--color-kale); --zen-play-bg-mono: var(--color-oat-milk); --zen-play-icon-mono: var(--color-kale); --zen-stamp-mono: var(--color-wilma); --zen-nav-mono: var(--color-kale); " class="px-4 pt-15 md:px-5 theme-bg theme-text pb-17 md:py-26 space-y-16 md:space-y-40" > <div class="mx-auto max-w-1070 "> <div class="grid items-center grid-cols-4 md:grid-cols-10 gap-x-4 md:gap-x-5"> <div class="mt-17 md:mt-0 col-span-4 md:row-start-1 md:col-start-7"> <p class="mb-4 font-bold tracking-widest uppercase text-14">Tech for Good at Zendesk</p> <div class="mb-8 font-extrabold leading-tight md:leading-none theme-accent text-32 md:text-44 xl:text-60 text-left"> <p>How this all got started</p> </div> <div class="font-sans leading-normal text-16"> <p>As a technology company, Zendesk recognizes its role in shaping economies, and its obligation to help promote opportunity and equality.</p> <p class="mt-4">While we have given community grants and volunteer time away for years, our Tech for Good program had a modest start in 2016. In 2019, the program grew rapidly into what it is today: a comprehensive program donating both software, time, and money to organizations tackling a wide range of social causes. We have donated over $7M in product to over 110 nonprofits globally. During the COVID-19 pandemic, our tools provided critical support as over 350,000 users opened tickets through donated Zendesk software. When our tools make a difference for our customers, we’re thrilled. When they’re put to work for a community in crisis, we’re humbled.</p> </div> <a class="md:border-none md:theme-cta-bg md:theme-cta-text px-6 py-3 leading-snug block text-center md:inline-block text-18 font-semibold mt-8 md:mt-6 transition-colors ease-in-out duration-150" href="https://techforgood.zendesk.com/hc/en-us" title="Find out more" :class="accessibilityMode ? "theme-cta-outline border" : "theme-cta-bg theme-cta-text"">Find out more</a> </div> <div class="relative mt-14 md:mt-0 mx-4 md:mx-0 col-span-full md:col-span-5 row-start-1 md:col-start-1"> <div class="aspect-w-1 aspect-h-1"> <img class="object-cover" src="https://discreet-onager.transforms.svdcdn.com/production/Tech-for-good/social-impact.jpg?w=1024&h=1024&auto=compress%2Cformat&fit=crop&dm=1627392403&s=c446b1ed3f364c7b2feea5bec94b7488" width="1024" height="1024" alt="Social impact" style="border-radius: 100%"> </div> </div> </div> </div> </section> </main> <div class="sticky bottom-0 z-50 hidden px-8 pb-8 md:flex md:justify-between md:-mt-22"> <a class="hidden md:block theme-nav text-15 font-bold leading-tight tracking-widest uppercase transition-colors duration-150 ease-in-out" :class="{ 'pointer-events-none opacity-10' : showAccessibilitySplash, }" href="https://helpers.zendesk.com/techforgood/about"> <span class="inline-block"> About </span> </a> <div class="relative hidden md:block"> <div x-show="showAccessibilitySplash" x-transition.opacity class="absolute z-40 w-64 font-extrabold cursor-default right-2 text-20 text-kale -top-20" > <div class="relative"> <span>Change at any time by clicking the colour wheel</span> <div class="absolute right-0 top-5 w-11"> <svg class="pointer-events-none fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 46"> <g fill="none" fill-rule="evenodd"> <path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M1.163 1.209c24.28.272 36.129 18.132 36.129 35.212"/> <path fill="currentColor" d="M37.352 45.856l-4.386-9.971h8.771z"/> </g> </svg> </div> </div> </div> <div class="flex items-center" :class="showAccessibilitySplash ? 'pointer-events-none' : 'group'"> <div class="hidden mr-3 font-bold leading-tight tracking-widest uppercase transition-opacity duration-150 ease-in-out opacity-0 cursor-default md:block theme-nav text-14 group-hover:opacity-100"> <span x-show="!accessibilityMode">High contrast</span> <span x-show="accessibilityMode">Full color</span> </div> <button x-data @click="accessibilityMode = !accessibilityMode" class="relative overflow-hidden border rounded-full w-30px h-30px border-kale group"> <div class="absolute top-0 left-0 w-1/2 transition-colors duration-150 ease-in-out h-1/2" :class="accessibilityMode ? 'bg-wilma' : 'bg-kale'" ></div> <div class="absolute top-0 right-0 w-1/2 transition-colors duration-150 ease-in-out h-1/2" :class="accessibilityMode ? 'bg-ernie' : 'bg-kale'" ></div> <div class="absolute bottom-0 right-0 w-1/2 transition-colors duration-150 ease-in-out h-1/2" :class="accessibilityMode ? 'bg-popeye' : 'bg-white'" ></div> <div class="absolute bottom-0 left-0 w-1/2 transition-colors duration-150 ease-in-out h-1/2" :class="accessibilityMode ? 'bg-ditto' : 'bg-white'" ></div> <span class="sr-only">Switch Accessibility Mode <span x-text="accessibilityMode"></span></span> </button> </div> </div> </div> <div x-cloak x-show="showAccessibilitySplash" x-transition.duration.300ms class="z-40 fixed inset-0 flex flex-col items-center justify-center text-kale bg-tofu bg-opacity-90" > <h2 class="font-extrabold leading-tight text-center text-32 md:text-56 text-kale max-w-70 md:max-w-full">How would you like to view the site?</h2> <div class="flex flex-col items-center mt-8 md:flex-row md:mt-9"> <button class="md:w-75 md:h-75 md:m-7 w-68 group" @click=" accessibilityMode = false; showAccessibilitySplash = false; $dispatch('lock-scroll', { open: false }); " type="button" > <div class="md:aspect-w-1 md:aspect-h-1"> <div class="flex flex-col items-center justify-center py-8 transition-all duration-300 ease-in-out md:py-0 md:rounded-1/2 bg-ditto group-hover:rounded-none"> <div class="transition-transform duration-300 ease-in-out md:translate-y-8 md:transform group-hover:translate-y-0"> <h3 class="font-extrabold leading-none text-center text-24 md:text-32 text-wilma">Full color</h3> <p class="mt-4 font-mono leading-normal text-center md:leading-tight text-12 md:text-14 text-kale max-w-47">Choose this for the full site experience, with more colour and video effects.</p> </div> <div class="px-5 py-3 mt-4 font-semibold leading-none transition-all ease-out bg-white md:leading-tight md:pt-2 md:pb-3 md:duration-200 md:delay-150 md:transform md:opacity-0 group-hover:translate-y-2 text-kale md:bg-kale md:text-white group-hover:opacity-100">Enter site</div> </div> </div> </button> <button class="mt-6 md:w-75 md:h-75 md:m-7 w-68 group" @click=" accessibilityMode = true; showAccessibilitySplash = false; $dispatch('lock-scroll', { open: false }); " type="button" > <div class="md:aspect-w-1 md:aspect-h-1"> <div class="flex flex-col items-center justify-center py-8 transition-all duration-300 ease-in-out md:py-0 md:rounded-1/2 bg-pale-kale group-hover:rounded-none"> <div class="transition-transform duration-300 ease-in-out md:translate-y-8 md:transform group-hover:translate-y-0"> <h3 class="font-extrabold leading-none text-center text-white text-24 md:text-32">High contrast</h3> <p class="mt-4 font-mono leading-normal text-center text-white md:leading-tight text-12 md:text-14 max-w-47">Choose this if you have a slow connection or prefer easier to read, high contrast text.</p> </div> <div class="px-5 py-3 mt-4 font-semibold leading-none transition-all ease-out bg-white md:duration-200 md:pt-2 md:pb-3 md:leading-tight md:transform md:opacity-0 text-kale group-hover:translate-y-2 group-hover:opacity-100 md:delay-150">Enter site</div> </div> </div> </button> </div> </div> <footer class="relative p-8 md:py-14 bg-tofu"> <div class="mx-auto w-full"> <div class="flex flex-col items-center justify-between md:flex-row"> <a href="https://www.zendesk.com/" class="transition-colors duration-150 ease-in-out text-kale hover:text-bulbasaur"> <svg class="pointer-events-none fill-current h-5" viewBox="0 0 200 38" xmlns="http://www.w3.org/2000/svg"> <path d="M139.052 22.358c-.539-3.466-2.634-6.02-6.826-6.02-3.893 0-6.587 2.188-7.304 6.02h14.13zm-6.167 10.34c3.293 0 5.688-1.337 7.125-2.737l3.532 3.772c-2.335 2.373-5.567 4.137-10.597 4.137-8.623 0-14.191-5.657-14.191-13.321 0-7.605 5.869-13.323 13.411-13.323 8.562 0 13.413 6.447 12.994 15.39h-20.237c.717 3.711 3.352 6.083 7.963 6.083zM0 32.421l15.578-15.658H.365V11.85h22.43v5.015L7.219 32.523h15.786v4.913H0zm46.66-10.063c-.54-3.466-2.635-6.02-6.827-6.02-3.893 0-6.586 2.188-7.304 6.02h14.13zm-6.168 10.34c3.293 0 5.688-1.337 7.125-2.737l3.533 3.772c-2.336 2.373-5.568 4.137-10.597 4.137-8.623 0-14.192-5.657-14.192-13.321 0-7.605 5.869-13.323 13.411-13.323 8.563 0 13.413 6.447 12.994 15.39H32.529c.718 3.711 3.352 6.083 7.963 6.083zm67.818-8.185c0-4.554-3.479-8.29-8.204-8.29-4.623 0-8.205 3.633-8.205 8.29 0 4.657 3.582 8.341 8.205 8.341 4.725 0 8.204-3.736 8.204-8.341m-21.913.051c0-8.188 6.178-13.306 12.98-13.306 3.429 0 6.7 1.485 8.62 3.84V0h5.506v37.358h-5.506v-3.532c-1.972 2.508-5.243 4.043-8.671 4.043-6.594 0-12.929-5.168-12.929-13.305m62.345 7.369 4.983-2.559c1.404 2.354 3.689 3.735 6.648 3.735 3.115 0 4.725-1.584 4.725-3.377 0-2.047-3.011-2.508-6.282-3.172-4.415-.922-8.984-2.355-8.984-7.624 0-4.044 3.893-7.78 10.022-7.728 4.828 0 8.412 1.893 10.437 4.964l-4.622 2.508c-1.194-1.793-3.219-2.918-5.815-2.918-2.96 0-4.465 1.433-4.465 3.07 0 1.843 2.388 2.354 6.127 3.173 4.258.922 9.086 2.303 9.086 7.626 0 3.53-3.114 8.29-10.49 8.238-5.399 0-9.19-2.148-11.37-5.936m36.807-5.936-4.362 4.709v6.652h-5.503V0h5.503v24.46l11.683-12.69h6.7l-10.127 10.952 10.386 14.636h-6.231zM69.765 11.254c-6.542 0-12.02 4.196-12.02 11.156v14.947h5.608V23.102c0-4.196 2.438-6.707 6.591-6.707 4.155 0 6.234 2.511 6.234 6.707v14.255h5.608V22.41c0-6.96-5.479-11.156-12.021-11.156"/> </svg> <span class="sr-only">Zendesk</span> </a> <ul class="flex flex-wrap justify-center mt-6 md:space-x-7 md:mt-0"> <li class="text-center md:w-auto"> <a href="https://www.zendesk.com/company/customers-partners/terms-of-use/" target="_blank" class="m-2 font-sans transition-colors duration-150 ease-in-out md:m-0 text-13 text-totoro hover:text-bulbasaur">Terms of Use</a> </li> <li class="text-center md:w-auto"> <a href="https://www.zendesk.com/company/customers-partners/privacy-policy/" target="_blank" class="m-2 font-sans transition-colors duration-150 ease-in-out md:m-0 text-13 text-totoro hover:text-bulbasaur">Privacy Policy</a> </li> <li class="text-center md:w-auto"> <a href="https://www.zendesk.com/company/policies-procedures/cookie-policy/" target="_blank" class="m-2 font-sans transition-colors duration-150 ease-in-out md:m-0 text-13 text-totoro hover:text-bulbasaur">Cookie Policy</a> </li> <li class="text-center md:w-auto"> <span class="m-2 font-sans md:m-0 text-13 text-totoro"> ©Zendesk 2024 </span> </li> </ul> </div> </div> </footer> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebPage","author":{"@id":"https://www.zendesk.com/#identity"},"copyrightHolder":{"@id":"https://www.zendesk.com/#identity"},"copyrightYear":"2021","creator":{"@id":"https://www.zendesk.com/#creator"},"dateModified":"2022-10-21T17:29:42+00:00","datePublished":"2021-07-19T10:54:00+00:00","description":"The Zendesk Tech for Good program provides free software and expertise to nonprofit organizations that address a wide range of social problems.","headline":"Homepage","image":{"@type":"ImageObject","url":"https://discreet-onager.transforms.svdcdn.com/production/Tech-for-good/Zendesk-Tech-For-Good-Share.jpg?w=1200&h=630&q=82&auto=format&fit=crop&dm=1637062475&s=ce7d86f73b59a8edd94fdfab024ecf4d"},"inLanguage":"en-us","mainEntityOfPage":"https://helpers.zendesk.com/techforgood/","name":"Homepage","publisher":{"@id":"https://www.zendesk.com/#creator"},"url":"https://helpers.zendesk.com/techforgood"},{"@id":"https://www.zendesk.com/#identity","@type":"Organization","image":{"@type":"ImageObject","height":"600","url":"https://optimise2.assets-servd.host/discreet-onager/production/Zendesk-logo.png?w=600&auto=compress,format&fit=crop&fp-x=0.5&fp-y=0.5&dm=1605283212&s=768f6aeccb098b970851af46a9ac59fc","width":"600"},"logo":{"@type":"ImageObject","height":"60","url":"https://discreet-onager.transforms.svdcdn.com/production/Zendesk-logo.png?w=600&h=60&q=82&fm=png&fit=clip&dm=1605283212&s=93dca3fd6a541d261f2377676950ead0","width":"60"},"name":"Zendesk","url":"https://www.zendesk.com"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://helpers.zendesk.com/techforgood","name":"Homepage","position":1}],"name":"Breadcrumbs"}]}</script></body> </html>

CINXE.COM

Zendesk Tech for Good | Homepage