<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Greenpeace</title>
  <meta name="description" content="Greenpeace">

  <script>
    window.dataLayer = window.dataLayer || [];
    dataLayer.push({
      'pageType': 'Landing Page',
    });
  </script>

  <!-- Anti-flicker snippet (recommended)  -->
  <style>.async-hide {opacity:0 !important}</style>
  <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
  h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
  (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
  })(window,document.documentElement,'async-hide','dataLayer',4000,
  {'GTM-N7SG829':true});</script>

  <!-- GPI 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);
  {color:'#205081'}})(window,document,'script','dataLayer','GTM-N7SG829');</script>

  <meta property="og:title" content="">
  <meta property="og:type" content="article">
  <meta property="og:url" content="https://www.greenpeace.org">
  <meta property="og:description" content="Together we can change the world">
  <meta property="og:image" content="https://www.greenpeace.org/global/static/img/image.jpg">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="800">
  <meta property="og:site_name" content="Greenpeace">

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="Greenpeace">
  <meta name="twitter:title" content="Greenpeace">
  <meta name="twitter:description" content="Together we can change the world">
  <meta name="twitter:image" content="https://www.greenpeace.org/global/static/img/image.jpg">

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="shortcut icon" type="image/ico" href="favicon.ico">

  <link rel='stylesheet' href='static/style.css' type='text/css' media='all'>
</head>

<body data-code="US">
  <!-- GPI Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7SG829"
  height="0" width="0" style="display:none;visibility:hidden;"></iframe></noscript>
  <!-- End GPI Google Tag Manager (noscript) -->

  <header>
    <div class="page-header-background">
      <img src="static/img/image.jpg" srcset="static/img/image.jpg 1200w, static/img/image-992w.jpg 992w, static/img/image-768w.jpg 768w, static/img/image-575w.jpg 575w, static/img/image-320w.jpg 320w" class="page-header-image">
    </div>

    <div>
      <img src="static/img/gp-logo.svg" alt="Greenpeace" class="logo">
    </div>

    <div class="heading">
      Together we can change the world
    </div>

    <div id="loading">
      <div class="three-quarters" id="spinner-people">loading...</div>
    </div>

    <div id="cta" class="cta">
      <div id="dropdown" class="dropdown">
        <a class="btn btn-primary" id="selection" href="https://www.greenpeace.org/international/">
          <span class="truncate">Go to Greenpeace <span id="country-name">International</span></span> <i id="arrow" class="arrow arrow-down"></i>
        </a>
        <div id="dropdown-group" class="dropdown-group">
        </div>
      </div>
      <span class="hidden-tall">or</span>
      <a class="btn btn-secondary hidden-tall" href="#country-list" id="country">Select another country/region</a>
    </div>
  </header>

  <div id="country-list" class="country-list"></div>

  <script src="static/main.js"></script>
</body>
</html>
