CINXE.COM
Join
<!DOCTYPE html> <html data-locale="en" lang="en"> <head> <meta charset="UTF-8"/> <title>Join</title> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <script src="//assets.adobedtm.com/319a89832256/ba3867ba79b2/launch-b0d412373461.min.js" async></script> <link rel="stylesheet" href="/etc.clientlibs/amazonclimatepledge/clientlibs/clientlib-base.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/amazonclimatepledge/clientlibs/clientlib-site.min.css" type="text/css"> <link rel="apple-touch-icon" sizes="57x57" href="/content/dam/amazonclimatepledge/admin/favicon/apple-icon-57x57.png"/> <link rel="apple-touch-icon" sizes="60x60" href="/content/dam/amazonclimatepledge/admin/favicon/apple-icon-60x60.png"/> <link rel="apple-touch-icon" sizes="72x72" href="/content/dam/amazonclimatepledge/admin/favicon/apple-icon-72x72.png"/> <link rel="apple-touch-icon" sizes="76x76" href="/content/dam/amazonclimatepledge/admin/favicon/apple-icon-76x76.png"/> <link rel="apple-touch-icon" sizes="114x114" href="/content/dam/amazonclimatepledge/admin/favicon/apple-icon-114x114.png"/> <link rel="apple-touch-icon" sizes="120x120" href="/content/dam/amazonclimatepledge/admin/favicon/apple-icon-120x120.png"/> <link rel="apple-touch-icon" sizes="144x144" href="/content/dam/amazonclimatepledge/admin/favicon/apple-icon-144x144.png"/> <link rel="apple-touch-icon" sizes="152x152" href="/content/dam/amazonclimatepledge/admin/favicon/apple-icon-152x152.png"/> <link rel="apple-touch-icon" sizes="180x180" href="/content/dam/amazonclimatepledge/admin/favicon/apple-icon-180x180.png"/> <link rel="icon" type="image/png" sizes="192x192" href="/content/dam/amazonclimatepledge/admin/favicon/android-icon-192x192.png"/> <link rel="icon" type="image/png" sizes="32x32" href="/content/dam/amazonclimatepledge/admin/favicon/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="96x96" href="/content/dam/amazonclimatepledge/admin/favicon/favicon-96x96.png"/> <link rel="icon" type="image/png" sizes="16x16" href="/content/dam/amazonclimatepledge/admin/favicon/favicon-16x16.png"/> <link rel="manifest" crossorigin="use-credentials" href="/content/dam/amazonclimatepledge/admin/favicon/manifest.json"/> <meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileImage" content="/content/dam/amazonclimatepledge/admin/favicon/ms-icon-144x144.png"/> <meta name="theme-color" content="#ffffff"/> <meta property='og:title'/> <meta property='og:description'/> <meta property='og:image'/> <meta property='og:url'/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title"/> <meta name="twitter:description"/> <meta name="twitter:url"/> <meta name="twitter:image"/> </head> <body> <div id="app"> <div data-component="app-root" class="app-root black-theme" data-page-id="/content/amazonclimatepledge/us/en/join/jcr:content"> <section data-component="video-modal" class="video-modal"> <div class="background js-background"></div> <div class="player-wrapper"> <button class="close-button js-close-button"> <span data-component="icon" data-icon="close"></span> </button> <div class="video-player" style="opacity: 0; position:absolute; left: 200vw;"> <video class="video js-video-player" playsinline autoplay controls></video> </div> </div> </section> <section data-component="modal" class="modal"> <div class="background toast-background"></div> <div data-component="c70-toast" class="c70-toast" data-scroll-component> <div class="text-wrapper"> <p class="title body-bold"></p> <p class="copy body-regular"></p> </div> <div class="cta-wrapper"> <button class="toast-cta call-to-action close-button"></button> </div> </div> </section> <section data-component="c34-toast" data-scroll-component> <div class="toast-wrap"> <div class="toast-text-wrap text-content"> <p class="body-bold title"></p> <p class="body-regular copy"></p> </div> <div class="toast-buttons-wrap"> <span class="secondary-cta-wrapper"></span> <button type="button" data-component="a11-primary-button" class="primary-cta close-button light-variation "> <div class="inner-wrapper"> <span class="call-to-action primary-button-copy"></span> <span data-component="icon" class="primary-button-arrow" data-icon="arrow-internal"></span> </div> </button> </div> </div> </section> <div class="app-scroll-wrapper"> <div class="app-content" app-content-wrapper> <div class="experiencefragment_header experiencefragment"> <div class="cmp-experiencefragment cmp-experiencefragment--header---private-page"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="s04-progress-navigation-wrapper aem-GridColumn aem-GridColumn--default--12"> <div data-component="s04-progress-navigation" data-hide="true" class="s04-progress-navigation " role="banner" data-scroll-component> <div class="content-wrapper nav-wrapper"> <div class="logo-company-name-wrapper"> <a href="https://www.theclimatepledge.com/" target="_blank"> <picture class="logo"> <img class="logo-color" src="/content/dam/amazonclimatepledge/onboarding-tools-assets/template-letter/logo-small-v1.svg" alt="The climate pledge"/> <img class="logo-white" src="/content/dam/amazonclimatepledge/onboarding-tools-assets/video-pitch-page/logo-grouped.svg" alt="The climate pledge"/> </picture> </a> </div> <div class="language-wrapper" data-hide="true"> <div data-component="a09-a11y-dropdown-button" id="m01-language-selector"> <select class="dropdown-native-select"> <option class="native-option" value="/us/en"> <span class="lang-copy">English</span> <span class="lang-abbreviation">En</span> </option> <option class="native-option" value="/es/es"> <span class="lang-copy">Español</span> <span class="lang-abbreviation">Es</span> </option> <option class="native-option" value="/pt/pt"> <span class="lang-copy">Portuguese</span> <span class="lang-abbreviation">Pt</span> </option> <option class="native-option" value="/it/it"> <span class="lang-copy">Italiano</span> <span class="lang-abbreviation">It</span> </option> <option class="native-option" value="/de/de"> <span class="lang-copy">Deutsch</span> <span class="lang-abbreviation">De</span> </option> <option class="native-option" value="/fr/fr"> <span class="lang-copy">Français</span> <span class="lang-abbreviation">Fr</span> </option> </select> <button class="dropdown-button" type="button" data-toggle="dropdown" aria-expanded="false"> <span class="sr-only">language selector</span> <span data-element="button-copy" class="button-copy call-to-action"></span> <span class="lang-anchor"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 7" xml:space="preserve"> <path fill="currentColor" d="M12,1.3L7.9,6C7.7,6.3,7.4,6.6,7.1,6.7C6.8,6.9,6.4,7,6,7C5.6,7,5.2,6.9,4.9,6.7C4.6,6.5,4.3,6.3,4,6L0,1.3L1.6,0l4.1,4.9 C5.8,4.9,5.9,5,6,5c0.1,0,0.1,0,0.2,0c0.1,0,0.1-0.1,0.1-0.1L10.4,0L12,1.3z"/> </svg> </span> </button> <ul class="dropdown-menu" role="listbox" aria-label="Language Selector"> <li tabindex="-1" class="list-item" role="option"> <a class="dropdown-item" href="/us/en/join" aria-label="english" data-value="/us/en" data-index="0"> <span class="lang-copy">English</span> <span class="lang-abbreviation">En</span> </a> </li> <li tabindex="-1" class="list-item" role="option"> <a class="dropdown-item" href="/es/es/join" aria-label="español" data-value="/es/es" data-index="1"> <span class="lang-copy">Español</span> <span class="lang-abbreviation">Es</span> </a> </li> <li tabindex="-1" class="list-item" role="option"> <a class="dropdown-item" href="/pt/pt/join" aria-label="portuguese" data-value="/pt/pt" data-index="2"> <span class="lang-copy">Portuguese</span> <span class="lang-abbreviation">Pt</span> </a> </li> <li tabindex="-1" class="list-item" role="option"> <a class="dropdown-item" href="/it/it/join" aria-label="italiano" data-value="/it/it" data-index="3"> <span class="lang-copy">Italiano</span> <span class="lang-abbreviation">It</span> </a> </li> <li tabindex="-1" class="list-item" role="option"> <a class="dropdown-item" href="/de/de/join" aria-label="deutsch" data-value="/de/de" data-index="4"> <span class="lang-copy">Deutsch</span> <span class="lang-abbreviation">De</span> </a> </li> <li tabindex="-1" class="list-item" role="option"> <a class="dropdown-item" href="/fr/fr/join" aria-label="français" data-value="/fr/fr" data-index="5"> <span class="lang-copy">Français</span> <span class="lang-abbreviation">Fr</span> </a> </li> </ul> </div> </div> </div> </div></div> </div> </div></div> </div> <div role="main"> <div class="responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="c80-pitch-video-wrapper aem-GridColumn aem-GridColumn--default--12"> <div data-component="c80-pitch-video" class="c80-pitch-video" data-success-url="/us/en/onboarding-tool/join-us-form" data-scroll-component data-primary-cta="Okay" data-copy="Next, you’ll be directed to a short questionnaire." data-title="Your download started successfully!"> <h1 class="main-title heading-3 content-wrapper">Join the Pledge</h1> <div class="main-content-wrapper content-wrapper"> <div class="videos-wrapper"> <div class="video-preview-wrapper"> <div class="cursor call-to-action" data-cursor>Play video</div> <div class="preview-wrapper"> <video class="video-preview button-element" autoplay playsinline muted loop> <source src="/content/dam/amazonclimatepledge/onboarding-tools-assets/video-pitch-page/TCP%20Pitch%20Explainer-v3-eng-10s.mp4" type="video/mp4"/> </video> <div class="preview-item-overlay"></div> <div class="buttons-preview-wrapper"> <div class="call-to-action button-label"> <div data-component="play-button" class="play-button" tabindex="0" data-scroll-component> <span class="play-button-icon"> <span data-component="icon" data-icon="play"></span> </span> </div> <div class="cta-play-button"> <span class="video-duration"></span> </div> </div> <button type="button" data-component="a13-text-link-button" class="video-thumbnail-control dark-variation " data-is-playing="false"> <div class="inner-wrapper"> <span class="text-link-button-copy call-to-action cta-label-pause"> Pause </span> <span class="text-link-button-copy call-to-action cta-label-play"> Play </span> </div> </button> </div> </div> <div data-component="video-player-rebranding" class="video-player-rebranding" data-scroll-component> <video class="main-video js-video-player" playsinline controls> <source src="/content/dam/amazonclimatepledge/onboarding-tools-assets/video-pitch-page/TCP%20Pitch%20Explainer-v2-eng.mp4" type="video/mp4"/> <track kind="captions" src="/content/dam/amazonclimatepledge/onboarding-tools-assets/video-pitch-page/tcp-pitch-explainer-eng.vtt" default/> </video> </div> </div> </div> <div class="copy-wrapper"> <h2 class="intro body-large-bold">Step One: Get to know The Climate Pledge</h2> <p class="description body-regular">Watch this short video to learn more about the commitments of the Pledge—and get inspired to join the leading companies that are taking action to reach net-zero carbon emissions by 2040. Then click “continue” to move onto the next step.</p> <div class="progress-button-download-wrapper"> <div class="desktop-progress-button" data-progress-label="Continue"> <div data-component="progress-button" class="progress-button pitch-video"> <a class="button-wrapper" aria-describedby="progressTooltip" aria-label="Continue"> <span class="video-progress"></span> <span class="button-label-wrapper"> <p class="button-label call-to-action">Continue</p> <span data-component="icon" class="primary-button-icon" data-icon="arrow-internal"></span> </span> </a> <div class="tool-tip-wrapper" id="progressTooltip"> <p class="tool-tip-copy call-to-action">Watch the video or download the transcript to continue.</p> <p class="tool-tip-button call-to-action">Okay</p> </div> </div> </div> <a href="/content/dam/amazonclimatepledge/onboarding-tools-assets/video-pitch-page/The%20Climate%20Pledge%20_%20Welcome%20Video%20Transcript%20v1.0-EN.pdf" data-component="a13-text-link-button" class="download-toast-trigger with-icon secondary "> <div class="inner-wrapper"> <span class="text-link-button-copy call-to-action">Download transcript</span> <span data-component="icon" class="text-link-button-icon" data-icon="download"></span> </div> </a> </div> </div> <div class="mobile-progress-button"> <div data-component="progress-button" class="progress-button pitch-video"> <a class="button-wrapper" aria-describedby="progressTooltip" aria-label="Continue"> <span class="video-progress"></span> <span class="button-label-wrapper"> <p class="button-label call-to-action">Continue</p> <span data-component="icon" class="primary-button-icon" data-icon="arrow-internal"></span> </span> </a> <div class="tool-tip-wrapper" id="progressTooltip"> <p class="tool-tip-copy call-to-action">Watch the video or download the transcript to continue.</p> <p class="tool-tip-button call-to-action">Okay</p> </div> </div> </div> </div> <div class="server-error hidden content-wrapper"> <div data-component="c78-text"> <p class="title heading-2"></p> <div class="message-wrapper"> <div class="circle-wrapper"> <span data-component="icon" class="svg-circle" data-icon="quarter-circle"></span> </div> <div class="copy-wrapper"> <p class="message heading-5"></p> </div> </div> </div> </div> </div></div> <div class="c83-see-you-soon aem-GridColumn aem-GridColumn--default--12"> <div data-component="c83-see-you-soon" class="c83-see-you-soon hidden"> <div class="server-error toast-trigger hidden content-wrapper"> <div data-component="c78-text"> <p class="title heading-2"></p> <div class="message-wrapper"> <div class="circle-wrapper"> <span data-component="icon" class="svg-circle" data-icon="quarter-circle"></span> </div> <div class="copy-wrapper"> <p class="message heading-5"></p> </div> </div> </div> </div> <div class="contact-us hidden content-wrapper"> <div data-component="c78-text"> <p class="title heading-2"></p> <div class="message-wrapper"> <div class="circle-wrapper"> <span data-component="icon" class="svg-circle" data-icon="quarter-circle"></span> </div> <div class="copy-wrapper"> <p class="message heading-5"></p> </div> </div> </div> </div> </div></div> </div> </div> </div> <div role="contentinfo"> <div class="experiencefragment_footer experiencefragment"> <div class="cmp-experiencefragment cmp-experiencefragment--footer---private-page"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="s05-simplified-footer-wrapper aem-GridColumn aem-GridColumn--default--12"> <section data-component="s05-simplified-footer" class="s05-simplified-footer" data-scroll-component> <div class="background"></div> <div class="content-inner content-wrapper"> <div class="links links-1"> <ul class="link-list"> <li class="link-list-item call-to-action"> <div data-component="secondary-button" class="secondary-button cta "> <a class="button button-element" rel="noreferrer noopener" data-label="The Climate Pledge" target="_blank" href="https://www.theclimatepledge.com/"> <span class="label copy-m"> The Climate Pledge <span class="sr-only">opens in a new tab</span> <span class="line"></span> <span class="highlight"></span> </span> <span class="external-icon"> <span data-component="icon" data-icon="external-link"></span> </span> </a> </div> </li> <li class="link-list-item call-to-action"> <div data-component="secondary-button" class="secondary-button cta "> <a class="button button-element" rel="noreferrer noopener" data-label="FAQ" target="_blank" href="/us/en/the-pledge/FAQ"> <span class="label copy-m"> FAQ <span class="sr-only">opens in a new tab</span> <span class="line"></span> <span class="highlight"></span> </span> <span class="external-icon"> <span data-component="icon" data-icon="external-link"></span> </span> </a> </div> </li> <li class="link-list-item call-to-action"> <div data-component="secondary-button" class="secondary-button cta "> <a class="button button-element" rel="noreferrer noopener" data-label="Contact" target="_blank" href="https://www.theclimatepledge.com/us/en/contact"> <span class="label copy-m"> Contact <span class="sr-only">opens in a new tab</span> <span class="line"></span> <span class="highlight"></span> </span> <span class="external-icon"> <span data-component="icon" data-icon="external-link"></span> </span> </a> </div> </li> </ul> </div> <div class="links links-2"> <ul class="link-list"> <li class="link-list-item call-to-action"> <div data-component="secondary-button" class="secondary-button cta "> <a class="button button-element" rel="noreferrer noopener" data-label="Privacy Policy" target="_blank" href="https://www.amazon.com/gp/help/customer/display.html?nodeId=GX7NJQ4ZB8MHFRNJ"> <span class="label copy-m"> Privacy Policy <span class="sr-only">opens in a new tab</span> <span class="line"></span> <span class="highlight"></span> </span> <span class="external-icon"> <span data-component="icon" data-icon="external-link"></span> </span> </a> </div> </li> <li class="link-list-item call-to-action"> <div data-component="secondary-button" class="secondary-button cta "> <a class="button button-element" rel="noreferrer noopener" data-label="Terms & Conditions" target="_blank" href="https://www.amazon.com/gp/help/customer/display.html?nodeId=201909000"> <span class="label copy-m"> Terms & Conditions <span class="sr-only">opens in a new tab</span> <span class="line"></span> <span class="highlight"></span> </span> <span class="external-icon"> <span data-component="icon" data-icon="external-link"></span> </span> </a> </div> </li> <li class="link-list-item call-to-action"> <div data-component="secondary-button" class="secondary-button cta "> <a class="button button-element" rel="noreferrer noopener" data-label="Cookie Policy" target="_blank" href="https://www.amazon.com/gp/help/customer/display.html/?nodeId=GVASXV5UZ64R4Y25"> <span class="label copy-m"> Cookie Policy <span class="sr-only">opens in a new tab</span> <span class="line"></span> <span class="highlight"></span> </span> <span class="external-icon"> <span data-component="icon" data-icon="external-link"></span> </span> </a> </div> </li> </ul> </div> <span data-component="a06-image-line" class="is-horizontal is-white"></span> </div> </section></div> </div> </div></div> </div> </div> </div> <div data-component="c81-rotate-the-screen"> <div class="content"> <img class="rotate-image" src="/etc.clientlibs/amazonclimatepledge/clientlibs/clientlib-site/resources/asset/image/rotate-device.svg"/> <p class="copy body-bold">Please rotate your device and enjoy the experience!</p> </div> </div> </div> </div> </div> <script src="/etc.clientlibs/amazonclimatepledge/clientlibs/clientlib-base.min.js"></script> <script src="/etc.clientlibs/amazonclimatepledge/clientlibs/clientlib-site.min.js"></script> </body> </html>