CINXE.COM
Events at 1% for the Planet
<!DOCTYPE html><!-- Last Published: Fri Nov 22 2024 17:29:59 GMT+0000 (Coordinated Universal Time) --> <html data-wf-domain="www.onepercentfortheplanet.org" data-wf-page="6582045fb87a7216c4c279c8" data-wf-site="6345b143630a009103bb4bdd" lang="en"> <head> <meta charset="utf-8" /> <title>Events at 1% for the Planet</title> <meta content="What’s more impactful than a single business as a force for environmental good? A whole roomful of them. Learn more about events and gatherings as part of the 1% for the Planet network." name="description" /> <meta content="Events at 1% for the Planet" property="og:title" /> <meta content="What’s more impactful than a single business as a force for environmental good? A whole roomful of them. Learn more about events and gatherings as part of the 1% for the Planet network." property="og:description" /> <meta content="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/648c86e9883c2e235ee6da8e_social%20share.png" property="og:image" /> <meta content="Events at 1% for the Planet" property="twitter:title" /> <meta content="What’s more impactful than a single business as a force for environmental good? A whole roomful of them. Learn more about events and gatherings as part of the 1% for the Planet network." property="twitter:description" /> <meta content="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/648c86e9883c2e235ee6da8e_social%20share.png" property="twitter:image" /> <meta property="og:type" content="website" /> <meta content="summary_large_image" name="twitter:card" /> <meta content="width=device-width, initial-scale=1" name="viewport" /> <link href="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/css/one-percent-for-the-planet.webflow.5b9b97b3d.min.css" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com" rel="preconnect" /> <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous" /> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script> <script type="text/javascript"> WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] } }); </script> <script src="https://use.typekit.net/xxg7ycv.js" type="text/javascript"></script> <script type="text/javascript"> try { Typekit.load(); } catch (e) {} </script> <script type="text/javascript"> ! function(o, c) { var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") }(window, document); </script> <link href="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/63ebdb24b13de0808ce86836_favicon.png" rel="shortcut icon" type="image/x-icon" /> <link href="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/63ebdb206f01c0777baea5c1_webclip.png" rel="apple-touch-icon" /><!-- Google Tag Manager --> <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-KXWMZ68Z'); </script> <!-- End Google Tag Manager --> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/6529561.js"></script> <!-- End of HubSpot Embed Code --> <!-- [Attributes by Finsweet] Disable scrolling --> <script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-scrolldisable@1/scrolldisable.js"></script> <!-- [Attributes by Finsweet] Accessibility --> <script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-a11y@1/a11y.js"></script> <style> .search-partners-link-mobile { overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } ::selection { color: #ffffff; background: #1791D1; } @view-transition { navigation: auto; } </style> </head> <body> <div class="w-embed w-iframe"><!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KXWMZ68Z" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </div><a href="#main" class="skip-link">skip to content</a> <div data-animation="over-right" class="navbar fs-scrolldisable_navbar w-nav" data-easing2="ease-in-out" fs-scrolldisable-element="smart-nav" data-easing="ease-in-out" data-collapse="all" data-w-id="9c2cc4c0-4a29-9e3f-5d6e-e7d05641a403" role="banner" data-no-scroll="1" data-duration="1000" data-doc-height="1"> <div class="nav-container w-container"><a href="/" class="brand w-nav-brand"><img width="141" data-w-id="37798d5f-5d22-d66c-3296-286e206c44ce" src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/637cf19957d0150f875c8803_1ftp_Primary_Horizontal_White.avif" loading="lazy" alt="1% for the Planet White Logo" class="nav-logo white" /><img width="141" data-w-id="9c2cc4c0-4a29-9e3f-5d6e-e7d05641a406" src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/639103fa9807240c230462ec_1ftp%20logo%20horizontal%20full%20color.avif" loading="lazy" alt="1% for the Planet Logo" class="nav-logo" /></a> <div class="nav-desktop-all-menu-items"> <div class="nav-desktop-pre-menu"><a href="/join" class="nav-desktop-pre-menu-link">Join</a><a href="/donate" class="nav-desktop-pre-menu-link">Donate</a> <div data-hover="false" data-delay="500" data-w-id="a8e764f8-3b54-ee2b-436e-bc9d16a06156" class="w-dropdown"> <div tabindex="0" class="nav-desktop-pre-menu-dropdown-toggle w-dropdown-toggle"> <div class="nav-desktop-pre-menu-dropdown-icon w-icon-dropdown-toggle"></div> <div tabindex="0" class="nav-desktop-pre-menu-link">Search the Network</div> </div> <nav data-w-id="a8e764f8-3b54-ee2b-436e-bc9d16a0615b" class="nav-desktop-pre-menu-dropdown-list w-dropdown-list"><a href="https://directories.onepercentfortheplanet.org/?accountType=business&viewMode=list" class="nav-desktop-pre-menu-link dropdown">Search Business Members</a><a href="https://directories.onepercentfortheplanet.org/?accountType=nonprofit&viewMode=list" class="nav-desktop-pre-menu-link dropdown">Search Environmental Partners</a></nav> </div><a href="https://directories.onepercentfortheplanet.org/auth" class="nav-desktop-pre-menu-link">Login</a> </div> <nav role="navigation" class="nav-menu w-nav-menu"> <div aria-label="site navigation" role="dialog" aria-modal="true" class="nav-scroll-wrap"><a href="/" class="w-inline-block"><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/637cf19957d0150f875c8803_1ftp_Primary_Horizontal_White.avif" loading="eager" width="Auto" sizes="(max-width: 479px) 0px, 100vw" alt="1% for the Planet White Logo" srcset="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/637cf19957d0150f875c8803_1ftp_Primary_Horizontal_White-p-500.avif 500w" class="hamburger-menu-logo" /></a> <div data-delay="0" data-hover="false" data-w-id="699bec52-6363-483c-f291-b0588ee8f05a" class="nav-link w-dropdown"> <div aria-haspopup="none" class="nav-dropdown w-dropdown-toggle"> <div class="nav-dropdown-icon w-icon-dropdown-toggle"></div> <div class="nav-dropdown-text">About</div> </div> <nav class="dropdown-list w-dropdown-list"><a href="/about/mission" class="nav-dropdown-link w-dropdown-link">Our Mission</a><a href="/about/story" class="nav-dropdown-link w-dropdown-link">Our Story</a><a href="/events" aria-current="page" class="nav-dropdown-link w-dropdown-link w--current">Events</a><a href="/team" class="nav-dropdown-link w-dropdown-link">Team</a></nav> </div><a href="/membership" class="nav-link a w-nav-link">Membership</a><a href="/support" class="nav-link a w-nav-link">Ways to support</a><a href="/planet-impact-fund" class="nav-link a w-nav-link">Planet Impact Fund</a><a href="/environmental-partners" class="nav-link a w-nav-link">Environmental Partners</a> <div data-delay="0" data-hover="false" class="nav-link a mobile-only-visibility w-dropdown"> <div aria-haspopup="none" class="nav-dropdown w-dropdown-toggle"> <div class="nav-dropdown-icon w-icon-dropdown-toggle"></div> <div class="nav-dropdown-text">Search the Network</div> </div> <nav class="search-the-network-dropdown-list w-dropdown-list"><a href="https://directories.onepercentfortheplanet.org/?accountType=business&viewMode=list" target="_blank" class="nav-link a mobile-only-visibility w-nav-link">Search Business Members</a><a href="https://directories.onepercentfortheplanet.org/?accountType=nonprofit&viewMode=list" target="_blank" class="nav-link a mobile-only-visibility w-nav-link">Search Environmental Partners</a></nav> </div><a href="/donate" class="nav-link a mobile-only-visibility w-nav-link">Donate</a><a href="/stories" class="nav-link a w-nav-link">Blog</a><a href="/join-control" class="nav-link a mobile-only-visibility w-nav-link">Join</a><a href="https://directories.onepercentfortheplanet.org/auth" target="_blank" class="nav-link a mobile-only-visibility w-nav-link">Login</a> </div> </nav> </div> <article aria-haspopup="none" fs-scrolldisable-element="toggle" aria-label="global" class="menu-button w-nav-button"> <div class="top-line"></div> <div class="middle-line"></div> <div class="bottom-line"></div> </article> </div> </div> <div class="pop-up-modal-container"> <div class="pop-up-modal-wrapper"> <div tabindex="0" class="pop-up-modal-close"><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/63f534b9ce0e3a620ec4a3a1_remove.avif" loading="lazy" alt="a white X" /></div> <h1 class="white font-size-24px">Question about events?</h1> </div> </div> <main id="main" class="content"> <div data-poster-url="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/65ba72c494f37e1bebeb8285_Events-WebLoop-V1-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/65ba72c494f37e1bebeb8285_Events-WebLoop-V1-transcode.mp4,https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/65ba72c494f37e1bebeb8285_Events-WebLoop-V1-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="events-video w-background-video w-background-video-atom"><video id="7de29b4c-764c-3e87-f3b4-964c2155d7c9-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/65ba72c494f37e1bebeb8285_Events-WebLoop-V1-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/65ba72c494f37e1bebeb8285_Events-WebLoop-V1-transcode.mp4" data-wf-ignore="true" /> <source src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/65ba72c494f37e1bebeb8285_Events-WebLoop-V1-transcode.webm" data-wf-ignore="true" /> </video> <div class="events-hero-wrapper"> <h1 class="header-small marigold">events</h1> <h2 class="centered-heading white">Getting together. Doing good.</h2> <div class="button-wrapper flex---centered-button display-none"><a href="https://hopin.com/events/global-summit-2023/registration" class="button-white font-20px no-margin w-button">Get the details</a></div> <div class="hero-paragraph-no-image font-weight-medium white display-none"><span class="global-summit-span">What's more impactful than a single business as a force for environmental good? A whole roomful of them.</span></div> <div class="scroll-down-wrapper"><a href="#scroll" aria-label="scroll-down" class="scroll-down w-inline-block"><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6452bf9b3c1d69988c0bf92b_chevron%20down%20marigold.avif" loading="lazy" width="40" alt="" /></a></div> </div><noscript> <style> [data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } } </style><img data-wf-bgvideo-fallback-img="true" src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/65ba72c494f37e1bebeb8285_Events-WebLoop-V1-poster-00001.jpg" alt="" /> </noscript> <div aria-live="polite"><button type="button" data-w-bg-video-control="true" aria-controls="7de29b4c-764c-3e87-f3b4-964c2155d7c9-video" class="w-backgroundvideo-backgroundvideoplaypausebutton w-background-video--control"><span><img src="https://cdn.prod.website-files.com/6022af993a6b2191db3ed10c/628299f8aa233b83918e24fd_Pause.svg" loading="lazy" alt="Pause video" /></span><span hidden=""><img loading="lazy" alt="Play video" src="https://cdn.prod.website-files.com/6022af993a6b2191db3ed10c/628298b20ae0236682d4b87f_Play-24.svg" /></span></button></div> </div> <div class="container"></div> <div id="scroll" class="container"> <div class="w-layout-grid press-kit-3x1-grid"> <div id="w-node-b918a15b-b442-4c0b-0a21-1ab87845af83-c4c279c8" class="donate-grid-gard-container"><img loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 95vw, (max-width: 991px) 88vw, (max-width: 1919px) 84vw, 1100px" srcset="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6581bc73212fe6c3bc7c30e2_Global%20Summit%20Card%20Image%20copy-p-500.webp 500w, https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6581bc73212fe6c3bc7c30e2_Global%20Summit%20Card%20Image%20copy.webp 600w" alt="speakers on stage at global summit" src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6581bc73212fe6c3bc7c30e2_Global%20Summit%20Card%20Image%20copy.webp" class="donate-grid-card-image" /> <div class="donate-card-text-container"> <h3 class="donate-card-title">Global Summit</h3> <p class="donate-card-paragraph">Our epic membership gathering where our network comes together to exchange ideas and learn from each other. <br /></p><a aria-label="Global Summit" href="/global-summit" class="button-white w-button">Global Summit 2024</a> </div> </div> <div id="w-node-b918a15b-b442-4c0b-0a21-1ab87845af8c-c4c279c8" class="donate-grid-gard-container"><img loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 95vw, (max-width: 991px) 88vw, (max-width: 1919px) 84vw, 1100px" srcset="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6581bc735e494ef36fe68bc2_Sessions%20Card%20Image%20copy-p-500.webp 500w, https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6581bc735e494ef36fe68bc2_Sessions%20Card%20Image%20copy.webp 600w" alt="guests speaking at a sessions event" src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6581bc735e494ef36fe68bc2_Sessions%20Card%20Image%20copy.webp" class="donate-grid-card-image" /> <div class="donate-card-text-container"> <h3 class="donate-card-title">Sessions</h3> <p class="donate-card-paragraph">Intimate, pop-up style events at member locations throughout the world.<sub></sub><br /></p><a aria-label="Browse the Sessions Schedule" href="/sessions" class="button-white w-button">Browse the Schedule</a> </div> </div> <div id="w-node-b918a15b-b442-4c0b-0a21-1ab87845af99-c4c279c8" class="donate-grid-gard-container"><img loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 95vw, (max-width: 991px) 88vw, (max-width: 1919px) 84vw, 1100px" srcset="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6581bc7407ea94b2c8fe633b_Kiera%20Logo%20Card%20Image%20copy-p-500.webp 500w, https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6581bc7407ea94b2c8fe633b_Kiera%20Logo%20Card%20Image%20copy.webp 600w" alt="1% for the Planet employee hosting a table at an event" src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6581bc7407ea94b2c8fe633b_Kiera%20Logo%20Card%20Image%20copy.webp" class="donate-grid-card-image" /> <div class="donate-card-text-container"> <h3 class="donate-card-title">Hosting an event?</h3> <p class="donate-card-paragraph">Wanna host a 1% for the Planet hang? We'll help you dial it in with promotional assets and how-tos.<br /></p> <div class="modal-component"><a aria-label="Request the toolkit" data-w-id="b918a15b-b442-4c0b-0a21-1ab87845afa1" href="#" class="button-white w-button">Request the Toolkit</a> <div aria-labelledby="speaker-request-form-button" role="dialog" aria-modal="true" style="opacity:0" class="modal-wrapper"> <div id="w-node-_78fd7e2e-ccf8-57d0-16a8-8020b6f08c4e-c4c279c8" style="-webkit-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="modal-container"> <h2 class="white font-size-24px">Request an events toolkit</h2> <div class="modal-pop-up-form w-form"> <form id="wf-form-Request-an-events-toolkit-form" name="wf-form-Request-an-events-toolkit-form" data-name="Request an events toolkit form" method="get" data-wf-page-id="6582045fb87a7216c4c279c8" data-wf-element-id="78fd7e2e-ccf8-57d0-16a8-8020b6f08c52"><input class="business-as-usual-form-field w-input" autocomplete="name" autofocus="true" maxlength="256" name="Name" data-name="Name" placeholder="" type="text" id="events-toolkit-name" /><label for="events-toolkit-email" class="white">Name</label><input class="business-as-usual-form-field w-input" autocomplete="email" maxlength="256" name="Email" data-name="Email" placeholder="" type="email" id="events-toolkit-email" required="" /><label for="Events-Toolkit-Description" class="white">Email Address</label><textarea id="Events-Toolkit-Description" name="Events-Toolkit-Description" maxlength="5000" data-name="Events Toolkit Description" placeholder="" class="business-as-usual-form-field w-input"></textarea><label for="field-3" class="white margin-bottom-24px">describe your event :) Please include location, number of guests, time of year</label><input type="submit" data-wait="Please wait..." class="button-white w-button" value="Submit" /></form> <div class="w-form-done"> <div>Thank you! Your submission has been received!</div> </div> <div class="w-form-fail"> <div>Oops! Please make sure to fill out the email field.</div> </div> </div><a role="button" href="#" class="modal-close_btn"><span class="sr-only">Close Modal</span><span aria-hidden="true">×</span></a> </div> <div aria-hidden="true" tabindex="-1" id="w-node-_78fd7e2e-ccf8-57d0-16a8-8020b6f08c68-c4c279c8" class="modal-close_area"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h2>Other events-y things...</h2> <div class="w-layout-grid events-cards-grid"> <div id="w-node-_538238a7-e250-6068-3137-2aed03e17462-c4c279c8" class="event-card-container"> <div class="event-card-image-wrapper"><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/64935b42cf33c2b3eb187d2c_Sponsorship%20Thumbnail.jpeg" loading="lazy" alt="kate williams in front of a slide with our event sponsors at global summit" class="width-100" /></div> <div class="event-card-text-container"> <div class="event-card-text-wrapper"> <h3 class="event-card-heading">Want to sponsor?</h3> </div> <div class="modal-component"><a href="#" role="button" data-w-id="538238a7-e250-6068-3137-2aed03e1746a" class="button-primary modal-open_btn no-right-margin w-button">Inquire about sponsorship</a> <div aria-labelledby="speaker-request-form-button" role="dialog" aria-modal="true" style="opacity:0" class="modal-wrapper"> <div id="w-node-_538238a7-e250-6068-3137-2aed03e1746d-c4c279c8" style="-webkit-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="modal-container"> <h2 class="white font-size-24px">Sponsorship inquiry</h2> <div class="modal-pop-up-form w-form"> <form id="wf-form-Sponsorship-Inquiry-Form" name="wf-form-Sponsorship-Inquiry-Form" data-name="Sponsorship Inquiry Form" method="get" data-wf-page-id="6582045fb87a7216c4c279c8" data-wf-element-id="538238a7-e250-6068-3137-2aed03e17471"><input class="business-as-usual-form-field w-input" autocomplete="name" autofocus="true" maxlength="256" name="Sponsor-Name" data-name="Sponsor Name" placeholder="" type="text" id="Sponsor-Name" /><label for="Sponsor-Email-2" class="white">Name</label><input class="business-as-usual-form-field w-input" autocomplete="email" maxlength="256" name="Sponsor-Email" data-name="Sponsor Email" placeholder="" type="email" id="Sponsor-Email-2" required="" /><label for="Sponsor-Text-Field" class="white">Email Address</label><textarea id="Sponsor-Text-Field" name="Sponsor-Text-Field" maxlength="5000" data-name="Sponsor Text Field" placeholder="" class="business-as-usual-form-field w-input"></textarea><label for="field" class="white margin-bottom-24px">Let us know what event you're looking to sponsor or general questions about sponsoring a 1% for the Planet event.</label><input type="submit" data-wait="Please wait..." class="button-white w-button" value="Submit" /></form> <div class="w-form-done"> <div>Thank you! Your submission has been received!</div> </div> <div class="w-form-fail"> <div>Oops! Please make sure to fill out the email field.</div> </div> </div><a role="button" href="#" class="modal-close_btn"><span class="sr-only">Close Modal</span><span aria-hidden="true">×</span></a> </div> <div aria-hidden="true" tabindex="-1" id="w-node-_538238a7-e250-6068-3137-2aed03e17487-c4c279c8" class="modal-close_area"></div> </div> </div> </div> </div> <div id="w-node-_0f731b48-1f08-2afe-764b-0af41b6fa86b-c4c279c8" class="event-card-container"> <div class="event-card-image-wrapper"><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6452a887e1447f53f514bc30_20220315_1-Percent-Summit-Day-1-Cam-B_0505%20(1)%201.avif" loading="lazy" alt="Kate Williams speaking at global summit" class="width-100" /></div> <div class="event-card-text-container"> <div class="event-card-text-wrapper"> <h3 class="event-card-heading">Speaker requests?</h3> </div><a href="https://wkf.ms/3r5NTaP" role="button" target="_blank" class="button-primary no-right-margin display-none-dt-flex-mlm w-button">Fill out our request form</a> <div class="modal-component"><a href="#" id="speaker-request-form-button" role="button" data-w-id="1df89030-1dde-a7ee-6340-0843b1d74fe5" class="button-primary modal-open_btn no-right-margin display-dt-none-m w-button">Fill out our request form</a> <div aria-labelledby="speaker-request-form-button" role="dialog" aria-modal="true" style="opacity:0" class="modal-wrapper"> <div id="w-node-_1df89030-1dde-a7ee-6340-0843b1d74fe8-c4c279c8" style="-webkit-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="modal-container"> <div class="w-embed w-iframe"> <style> .form-wrapper-component .form-content-component { width: 100% !important; } .form-content-component .form-date-input-wrapper .form-date-input, .enforced-item-creation-form .form-date-input-wrapper .form-date-input { min-width: 100px; } </style><iframe src="https://forms.monday.com/forms/embed/929f8cb9911140a7e2681722501c26b5?r=use1" width="100%" height="500" style="border: 0; box-shadow: 5px 5px 56px 0px rgba(0,0,0,0.25); padding:5px"></iframe> </div> <h2 class="white font-size-24px display-none">Looking to request a speaker from 1% for the Planet?</h2> <div class="modal-pop-up-form display-none w-form"> <form id="wf-form-Request-a-Speaker-Form" name="wf-form-Request-a-Speaker-Form" data-name="Request a Speaker Form" method="get" data-wf-page-id="6582045fb87a7216c4c279c8" data-wf-element-id="92c79fae-e9b1-1036-6e8d-f875f1ef2a1c"><input class="business-as-usual-form-field w-input" autocomplete="name" autofocus="true" maxlength="256" name="name" data-name="Name" placeholder="" type="text" id="name" /><label for="email" class="white">Name</label><input class="business-as-usual-form-field w-input" autocomplete="email" maxlength="256" name="email" data-name="Email" placeholder="" type="email" id="email" required="" /><label for="speaker-request-text" class="white">Email Address</label><textarea class="business-as-usual-form-field w-input" autocomplete="off" maxlength="5000" name="Speaker-Request-Text" data-name="Speaker Request Text" placeholder="Example Text" id="speaker-request-text"></textarea><label for="field-3" class="white margin-bottom-24px">What's your topic area and event date and location? Please provide as much information as possible.</label><input type="submit" data-wait="Please wait..." class="button-white w-button" value="Submit" /></form> <div class="w-form-done"> <div>Thank you! Your submission has been received!</div> </div> <div class="w-form-fail"> <div>Oops! Something went wrong while submitting the form.</div> </div> </div><a role="button" href="#" class="modal-close_btn"><span class="sr-only">Close Modal</span><span aria-hidden="true">×</span></a> </div> <div aria-hidden="true" tabindex="-1" id="w-node-_1df89030-1dde-a7ee-6340-0843b1d74ff4-c4c279c8" class="modal-close_area"></div> </div> </div> </div> </div> <div id="w-node-b745ea7f-2d55-e823-0f47-9bac5b3ca558-c4c279c8" class="event-card-container"> <div class="event-card-image-wrapper"><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/6452a90cff1f79cc6aab8302_Global%20Summit%20Table%20Gathering.avif" loading="lazy" alt="Attendees gathered at a Global Summit table" class="width-100" /></div> <div class="event-card-text-container"> <div class="event-card-text-wrapper"> <h3 class="event-card-heading">Have questions?</h3> </div> <div class="modal-component"><a href="#" role="button" data-w-id="78fd7e2e-ccf8-57d0-16a8-8020b6f08c4b" class="button-primary modal-open_btn no-right-margin w-button">Contact the events team</a> <div aria-labelledby="speaker-request-form-button" role="dialog" aria-modal="true" style="opacity:0" class="modal-wrapper"> <div id="w-node-_2f584449-f8d5-9df7-21a1-70eebeb0a3d0-c4c279c8" style="-webkit-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="modal-container"> <h2 class="white font-size-24px">Questions about events?</h2> <div class="modal-pop-up-form w-form"> <form id="wf-form-Contact-Events-Team-Form" name="wf-form-Contact-Events-Team-Form" data-name="Contact Events Team Form" method="get" data-wf-page-id="6582045fb87a7216c4c279c8" data-wf-element-id="2f584449-f8d5-9df7-21a1-70eebeb0a3d4"><input class="business-as-usual-form-field w-input" autocomplete="name" autofocus="true" maxlength="256" name="Name" data-name="Name" placeholder="" type="text" id="events-name" /><label for="events-email" class="white">Name</label><input class="business-as-usual-form-field w-input" autocomplete="email" maxlength="256" name="Email" data-name="Email" placeholder="" type="email" id="events-email" required="" /><label for="Events-Question-Events-Page-2" class="white">Email Address</label><textarea id="Events-Question-Events-Page-2" name="Events-Question-Events-Page" maxlength="5000" data-name="Events Question Events Page" placeholder="" required="" class="business-as-usual-form-field w-input"></textarea><label for="field" class="white margin-bottom-24px">What's your question?</label><input type="submit" data-wait="Please wait..." class="button-white w-button" value="Submit" /></form> <div class="w-form-done"> <div>Thank you! Your submission has been received!</div> </div> <div class="w-form-fail"> <div>Oops! Please make sure to fill out the email field.</div> </div> </div><a role="button" href="#" class="modal-close_btn"><span class="sr-only">Close Modal</span><span aria-hidden="true">×</span></a> </div> <div aria-hidden="true" tabindex="-1" id="w-node-_2f584449-f8d5-9df7-21a1-70eebeb0a3ea-c4c279c8" class="modal-close_area"></div> </div> </div> </div> </div> </div> </div> </main> <div data-w-id="3821b4ea-5ff3-ea30-216c-a5cbb0b19bea" class="footer"> <footer id="footer-content" class="footer-section-content mod--footer w-clearfix"><a href="#footer-policies" class="footer-skip-link w-inline-block"> <div>Skip to footer policies</div> </a> <div data-w-id="3821b4ea-5ff3-ea30-216c-a5cbb0b19bec" class="footer-content-wrapper mod--footer w-clearfix"> <div class="footer-columns-wrapper mod--1"> <div class="footer-column footer-email-sign-up-container"><a href="/" class="logo-link-footer mod--footer w-inline-block"><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/637cf544d59e223359361578_1ftp_Primary_Vertical_White-1.avif" loading="eager" width="179" alt="1% for the Planet White Veritcal Logo" class="footer-logo" /></a> <div class="footer__form-wrap"> <div> <h2 id="subscribe-footer" class="footer__form-title">Subscribe to our newsletter:</h2> <div class="footer__form-block w-form"> <form id="wf-form-Footer" name="wf-form-Footer" data-name="Footer" method="get" data-webflow-hubspot-api-form-url="https://hubspotonwebflow.com/api/forms/8be4d011-390c-4802-9fd3-aeeaf04e8865" class="modal-pop-up-form" data-wf-page-id="6582045fb87a7216c4c279c8" data-wf-element-id="3821b4ea-5ff3-ea30-216c-a5cbb0b19bf5"><input class="footer__form---input w-input" data-wfhsfieldname="FormTextInput-2" autocomplete="email" maxlength="256" name="email-field" data-name="email field" aria-labelledby="subscribe-footer" placeholder="Email address" type="email" id="email-field" required="" /> <div class="form__btn"> <div form-submitted="anim" class="overflow-hidden mod--submit active"> <div data-anim="arrows" class="form__btn-arrows"><img alt="" loading="eager" src="https://cdn.prod.website-files.com/633acc23fe06891a04039e96/633acc23fe0689891a039eb8_arrow-btn.svg" class="form__btn-arrow mod--2" /><img alt="" loading="eager" src="https://cdn.prod.website-files.com/633acc23fe06891a04039e96/633acc23fe0689891a039eb8_arrow-btn.svg" class="form__btn-arrow" /></div> </div> <div class="form__submit-result-wrap"> <div form-submitted="anim" class="form__submit-result active"><img src="https://cdn.prod.website-files.com/633acc23fe06891a04039e96/633acc23fe0689cbfe039ecd_ico-cheked.svg" loading="lazy" alt="" class="form__submit-result-ico" /></div> </div><input type="submit" data-wait="Please wait..." class="form__submit w-button" value="Submit" /> </div><input type="hidden" name="hutk" value="" /><input type="hidden" name="ipAddress" value="" /><input type="hidden" name="pageUri" value="" /><input type="hidden" name="pageId" value="" /><input type="hidden" name="pageName" value="" /> </form> <div class="footer__form-success w-form-done"> <div>Thanks! We think our newsletters are great. Hope you do too!</div> </div> <div class="error-message w-form-fail"> <div>Invalid email. Required format: email@email.com</div> </div> </div> </div> </div> </div> <div class="footer-column mod--2"> <div class="footer-rotate-wrap"> <div class="footer-rotate-words-intro-wrap"> <div class="footer-rotate-words-intro">Joining helps</div> </div> <div class="footer-rotate-words-container"> <div class="footer-rotate-words-wrap"> <div data-w-id="38360479-1bbe-9c32-4a18-67919c6db051" class="footer-rotate-words-first-word">people</div> <div data-w-id="7e366f2e-0d24-4860-7ccc-0a77738325f8" class="footer-rotate-words">the planet</div> <div data-w-id="21cb646d-1879-290e-5333-5033b6f87029" class="footer-rotate-words">future generations</div> <div data-w-id="63f83b02-8603-1fe2-3674-ff705ea7a961" class="footer-rotate-words">your business</div> </div> <div class="footer-rotate-word-alternate-wrapper"> <div class="footer-rotate-words">us all.</div> </div> <div class="footer-button-wrapper"><a aria-label="pause animation" data-w-id="94e4884e-9ac8-3735-59ef-adb23f6a135e" href="#" class="hide-animation-button w-button"></a><a aria-label="play animation" data-w-id="ab9db5db-b018-473b-9e38-f746ee622b12" href="#" class="play-animation-button w-button">▸<br /></a></div> </div> </div> <div class="footer-inside-columns footer-inside-columns-grid"> <div class="footer-inside-column-link-grid mod--1"> <h2 class="footer__list-title">Join</h2> <div class="w-layout-grid footer-grid-link-list"><a href="/join-control" id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c19-b0b19bea" class="footer__nav-link w-inline-block"> <div id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c1d-b0b19bea" class="footer__nav-link">join as a business</div> </a><a id="w-node-_2cc1fb59-b4e7-17b0-1d28-5098ee97e66e-b0b19bea" href="/membership#how-it-works" class="footer__nav-link w-inline-block"> <div class="footer__nav-link">How it works</div> </a></div> </div> <div class="footer-inside-column-link-grid mod--1"> <h2 class="footer__list-title">Donate</h2> <div class="w-layout-grid footer-grid-link-list"><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c26-b0b19bea" href="/donate" class="footer__nav-link w-inline-block"> <div id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c27-b0b19bea" class="footer__nav-link">Donate today</div> </a><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c2c-b0b19bea" href="/planet-impact-fund" class="footer__nav-link w-inline-block"> <div id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c2d-b0b19bea" class="footer__nav-link">planet impact fund</div> </a><a id="w-node-_337adc68-f59e-cdfe-44d7-9e235f478d28-b0b19bea" href="/support" class="footer__nav-link w-inline-block"> <div id="w-node-_337adc68-f59e-cdfe-44d7-9e235f478d29-b0b19bea" class="footer__nav-link">Ways to support</div> </a><a id="w-node-_8a5e4743-5337-9520-b578-c56a860854d5-b0b19bea" href="/donor-advised-funds" class="footer__nav-link w-inline-block"> <div id="w-node-_8a5e4743-5337-9520-b578-c56a860854d6-b0b19bea" class="footer__nav-link">Donor Advised Funds</div> </a></div> </div> <div class="footer-inside-column-link-grid mod--1"> <h2 class="footer__list-title">Learn</h2> <div class="w-layout-grid footer-grid-link-list grid-1x5"><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c33-b0b19bea" href="/about/mission" class="footer__nav-link w-inline-block"> <div id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c34-b0b19bea" class="footer__nav-link">Our Mission</div> </a><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c36-b0b19bea" href="/about/story" class="footer__nav-link w-inline-block"> <div id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c37-b0b19bea" class="footer__nav-link">Our STory</div> </a><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c39-b0b19bea" href="/stories" class="footer__nav-link w-inline-block"> <div id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c3a-b0b19bea" class="footer__nav-link">Stories of impact</div> </a><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c3c-b0b19bea" href="/team" class="footer__nav-link w-inline-block"> <div id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c3d-b0b19bea" class="footer__nav-link">Our team</div> </a><a id="w-node-_3aae7968-928a-611d-ab38-27db2b90f1ae-b0b19bea" href="/founders-board" class="footer__nav-link w-inline-block"> <div id="w-node-_3aae7968-928a-611d-ab38-27db2b90f1af-b0b19bea" class="footer__nav-link">FOUNDERS & BOARD</div> </a><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c3f-b0b19bea" href="/frequently-asked-questions" class="footer__nav-link w-inline-block"> <div id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c40-b0b19bea" class="footer__nav-link">FAQs</div> </a></div> </div> <div id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c42-b0b19bea" class="footer-inside-column-link-grid mod--1"> <h2 class="footer__list-title">Connect</h2> <div class="w-layout-grid footer-grid-link-list"><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c46-b0b19bea" href="/contact" class="footer__nav-link w-inline-block"> <div id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c47-b0b19bea" class="footer__nav-link">Contact Us</div> </a><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c49-b0b19bea" href="/careers" class="footer__nav-link w-inline-block"> <div id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c4a-b0b19bea" class="footer__nav-link">Jobs </div> <div class="footer__nav-link left-margin-5px marigold-highlight display-none"> We're Hiring!</div> </a><a id="w-node-_85c4a113-f3fc-ee5d-f487-3ff8a72365be-b0b19bea" href="/annual-reports" class="footer__nav-link w-inline-block"> <div id="w-node-_85c4a113-f3fc-ee5d-f487-3ff8a72365bf-b0b19bea" class="footer__nav-link">Annual Reports</div> </a><a id="w-node-_40d4792c-349e-cf38-e1ef-7e3332592092-b0b19bea" href="/press-kit" class="footer__nav-link w-inline-block"> <div id="w-node-_40d4792c-349e-cf38-e1ef-7e3332592093-b0b19bea" class="footer__nav-link">Press & Media Kit</div> </a><a id="w-node-ba572be1-3961-aa6e-0d38-1acfed87e0c8-b0b19bea" href="https://directories.onepercentfortheplanet.org/?viewMode=map" class="footer__nav-link w-inline-block"> <div id="w-node-ba572be1-3961-aa6e-0d38-1acfed87e0c9-b0b19bea" class="footer__nav-link">Map</div> </a></div> </div> </div> </div> </div> <div class="footer-columns-wrapper footer__social"> <div class="footer-column social-media-container"> <div class="w-layout-grid social-media-grid"><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c57-b0b19bea" href="http://instagram.com/1percentftp" class="sm-icon-link w-inline-block"><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/63b5e11ac65da24fc3be9a25_Instagram.svg" loading="lazy" alt="Instagram" class="sm-icon" /> <div class="sm-text sm-text-light">Instagram</div> </a><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c5b-b0b19bea" href="http://linkedin.com/company/422477/" class="sm-icon-link w-inline-block"><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/63b5e11ac65da20a2cbe9a2a_LinkedIn.svg" loading="lazy" alt="LinkedIn" class="sm-icon" /> <div class="sm-text sm-text-light">LinkedIn</div> </a><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c5f-b0b19bea" href="https://vimeo.com/onepercent" class="sm-icon-link w-inline-block"><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/63b5e11ac65da2e941be9a2f_Vimeo.svg" loading="lazy" alt="Vimeo" class="sm-icon" /> <div class="sm-text sm-text-light">Vimeo</div> </a><a id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c63-b0b19bea" href="https://www.youtube.com/channel/UCt7Vb_t-ATwvYHTqs4Q2frQ" class="sm-icon-link w-inline-block"><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/63b5e11ac65da2407fbe9a35_YouTube.svg" loading="lazy" alt="YouTube" class="sm-icon" /> <div class="sm-text sm-text-light">YouTube</div> </a></div> </div> </div> <div class="footer-columns-wrapper footer__social"> <div class="footer-column"> <div class="w-layout-grid footer-certifications-grid"> <div id="w-node-_562d30e3-95a1-14c7-f84b-b1027d290466-b0b19bea" class="footer-certification"> <div id="w-node-f2643c8a-b5a9-0aa0-28c0-305d9ee39e9c-b0b19bea" class="w-embed"><a href="https://www.guidestar.org/profile/shared/d72fb4a7-fc32-4fc3-acc4-0a59c5e8afb2" target="_blank"><img src="https://widgets.guidestar.org/TransparencySeal/8357061" alt="platinum transparency candid badge" lang="en" /></a></div> </div><img src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/63939012163d96183dc9a73c_SupporterLogos-01%20(2)-1.avif" loading="lazy" id="w-node-_3821b4ea-5ff3-ea30-216c-a5cbb0b19c6c-b0b19bea" alt="Good Well Certified Logo " class="footer-certification" /> <div id="w-node-_3510ded8-fd2b-9d68-e738-220273949f40-b0b19bea" class="footer-certification"> <div class="w-embed"><a href="https://www.charitynavigator.org/ein/912151932" target="_blank"> <img src="https://charitynavigator.org/content/dam/cn/cn/badges/Four-StarRatingBadge-FullColor.png" alt="Charity Navigator Four-Star Rating" /> </a></div> </div> </div> <div id="footer-policies" class="footer-policies-container"><a href="/privacy-policy" class="footer__nav-link centered">Privacy Policy</a> <div class="footer-policies-divider"> | </div><a href="/accessibility-statement" class="footer__nav-link centered">Accessibility Statement</a> <div class="footer-policies-divider"> | </div><a href="/terms-of-use" class="footer__nav-link centered">Terms of Use</a> </div> <div class="footer-policies-container"> <div class="footer-copyright-text">Copyright <span class="demo-7_year">2024</span>. 1% for the Planet® is a 501(c)(3). All rights reserved. <br />1% for the Planet<sup>SM</sup> and the 1% for the Planet<sup>SM</sup> logo are trademarks of 1% for the Planet and are registered in the U.S.<br />EIN: 91-2151932</div> </div> </div> </div> </div> </footer> </div> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6345b143630a009103bb4bdd" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://cdn.prod.website-files.com/6345b143630a009103bb4bdd/js/webflow.984506f6d.js" type="text/javascript"></script> <script type="text/javascript"> _linkedin_partner_id = "6523436"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script> <script type="text/javascript"> (function(l) { if (!l) { window.lintrk = function(a, b) { window.lintrk.q.push([a, b]) }; window.lintrk.q = [] } var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=6523436&fmt=gif" /> </noscript> <!-- Load Cookies.js Library --> <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.1/js.cookie.min.js" defer></script> <!-- Banner JavaScript --> <script> document.addEventListener("DOMContentLoaded", function() { var cookieName = 'announcementClosed'; // Check if the cookie exists, if it does, hide the announcement bar if (typeof Cookies.get(cookieName) !== 'undefined') { document.querySelector('.announcement-bar').style.display = 'none'; } // When the "X" button is clicked, set the cookie and hide the announcement bar document.querySelector('.announcement-x-button').addEventListener('click', function() { Cookies.set(cookieName, 'ok', { expires: 7 }); // Cookie expires in 7 days document.querySelector('.announcement-bar').style.display = 'none'; // Hide the announcement bar }); }); </script> <!-- Make modals accessible with trapped focus and ESC key to close --> <script> $(document).ready(function() { var buttonThatOpenedModal; var findModal = function(elem) { var tabbable = elem.find('select, input, textarea, button, a').filter(':visible'); var firstTabbable = tabbable.first(); var lastTabbable = tabbable.last(); /*set focus on first input*/ firstTabbable.focus(); /*redirect last tab to first input*/ lastTabbable.on('keydown', function(e) { if ((e.which === 9 && !e.shiftKey)) { e.preventDefault(); firstTabbable.focus(); } }); /*redirect first shift+tab to last input*/ firstTabbable.on('keydown', function(e) { if ((e.which === 9 && e.shiftKey)) { e.preventDefault(); lastTabbable.focus(); } }); /* allow escape key to close insiders div */ elem.on('keydown', function(e) { if (e.keyCode === 27) { $(elem).find('.modal-close_btn').click(); }; }); }; var modalOpenButton = $('.modal-open_btn'); modalOpenButton.on('keydown', function(e) { // Only activate on spacebar and enter if (e.which !== 13 && e.which !== 32) { return; } e.preventDefault(); // Simulate a mouseclick to trigger Webflow's IX2/Interactions var evt = document.createEvent("MouseEvents"); evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); $(this).get(0).dispatchEvent(evt); }); modalOpenButton.on('click', function() { $(this).next().show(); findModal($(this).next()); buttonThatOpenedModal = $(this); }); var modalCloseButton = $('.modal-close_btn, .modal-close_area'); modalCloseButton.on('keydown', function(e) { // Only activate on spacebar and enter if (e.which !== 13 && e.which !== 32) { return; } e.preventDefault(); // Simulate a mouseclick to trigger Webflow's IX2/Interactions var evt = document.createEvent("MouseEvents"); evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); $(this).get(0).dispatchEvent(evt); }); modalCloseButton.on('click', function() { $(this).closest('.modal-wrapper').hide(); if (buttonThatOpenedModal) { buttonThatOpenedModal.focus(); buttonThatOpenedModal = null; } }); }); </script> <script src="https://hubspotonwebflow.com/assets/js/form-124.js" type="text/javascript" integrity="sha384-bjyNIOqAKScdeQ3THsDZLGagNN56B4X2Auu9YZIGu+tA/PlggMk4jbWruG/P6zYj" crossorigin="anonymous"></script> </body> </html>