<?php
set_include_path($_SERVER['DOCUMENT_ROOT'] . '/includes');
$primary = 0;
include('header.php');
?>

<main id="main" class="animsition-overlay" data-animsition-overlay="true">
  <!-- START BANNER -->
  <header class="lazy page-header blog tall clear backstretch background" data-original="/assets/bhp/images/thinkBig/hero-img.jpg">
      <img class="vh" src="/assets/bhp/images/thinkBig/hero-img.jpg" alt="">

      <div class="container">
          <div class="wrap">
            <div class="col-3 col-l">
                  <div class="social-share with-email">
                      <button class="social-share__btn js-open-social-share">
                          <i class="icon icon-social-media"></i>
                      </button>

                      <div class="social-share with-email">
                          <button class="social-share__btn js-open-social-share">
                              <i class="icon icon-social-media"></i>
                          </button>

                          <ul>
                              <li>
                                  <button class="close-btn js-close-social-share">
                                      <i class="icon icon-cross"></i>
                                      <span class="vh">Close</span>
                                  </button>
                              </li>

                              <li>
                                  <a class="addthis_button_facebook" title="Share to Facebook" href="#">
                                      <i class="icon icon-facebook"></i>
                                      <span class="vh">Facebook</span>
                                  </a>
                              </li>

                              <li>
                                  <a class="addthis_button_twitter" title="Tweet to Twitter" href="#">
                                      <i class="icon icon-twitter"></i>
                                      <span class="vh">Twitter</span>
                                  </a>
                              </li>

                              <li>
                                  <a class="addthis_button_google_plusone_share" title="Share to Google+" target="_blank" href="#">
                                      <i class="icon icon-gplus"></i>
                                      <span class="vh">Google Plus</span>
                                  </a>
                              </li>

                              <li>
                                  <a class="addthis_button_linkedin" title="Post to LinkedIn" target="_blank" href="#">
                                      <i class="icon icon-linkedin"></i>
                                      <span class="vh">LinkedIn</span>
                                  </a>
                              </li>

                              <li>
                                  <a class="addthis_button_email" title="Email" target="_blank" href="#">
                                      <i class="icon icon-envelope"></i>
                                      <span class="vh">Email</span>
                                  </a>
                              </li>
                          </ul>
                      </div>
                      <span class="label"></span>
                  </div>
              </div>
              <div class="col col-9 col-r">
                  <nav class="breadcrumbs">
                      <ul>
                          <li>
                              <a href="/blog/detail/">Home</a>
                          </li>

                          <li>
                              <a href="/blog/detail/">Media and issues</a>
                          </li>
                      </ul>
                  </nav>
                  <h2>"Preserving the marine environment. <br/> To me that’s big.”</h2>
                  <p>Susie Bedford – Local Volunteer</p>
              </div>
          </div>
      </div>
  </header>
  <!-- END BANNER -->

  <!-- START HIGHLIGHT TEXT -->
  <div class="container placeholder">
    <div class="highlight-text full-width">
        <div class="container">
          <h3>&ldquo;To me, that&#39;s big&rdquo;</h3>
          <p>Wherever BHP operates regionally we try to ensure local businesses can build capability and capacity through the Local Buying Program,” said Kristy Marks, Specialist Local Buying for BHP. The aim of the Local Buying Program is that the whole community has the opportunity to benefit  from the outcomes and the positive force created.</p>
      </div>
    </div>
  </div>
  <!-- END HIGHLIGHT TEXT -->

  <div class="container placeholder">
      <div class="wrap">
          <div class="filter thatsBig full-width">
              <div class="container">
                  <div class="filter__wrapper">
                      <!-- <input id="landingId" type="hidden" value="" /> -->
                      <input id="landingId" type="hidden" value="L3NpdGVjb3JlL2NvbnRlbnQvQkhQIEJpbGxpdG9uL01lZGlhIGFuZCBpbnNpZ2h0cy9UaGluayBiaWc%3d-hjqgNSdIqY0%3d" />
                      <span class="copy">Filter by:</span>

                      <button class="cta js-toggle-tags">All topics</button>

                      <div class="filter__tags">
                          <ul>
                              <li><a data-id="125fc7e8-7862-4c09-836b-7bfcd8014e87">Biodiversity and Water</a></li>
                              <li><a data-id="234815b6-6da8-4732-8e05-3d1fc3a3f037">Climate Change</a></li>
                              <li><a data-id="6f17d63d-8307-4677-8864-2bd7d9151ec7">Education and Training</a></li>
                              <li><a data-id="f68a04d7-be39-402a-83b3-36a92adeaffa">Enhancing Livelihoods</a></li>
                              <li><a data-id="7d9a10b8-412c-490d-ad38-4b03559050d8">Global Outlook and Insights</a></li>
                              <li><a data-id="4eba6332-1f13-4fcd-90a5-f2672c9d4bd2">Health and Wellbeing</a></li>
                              <li><a data-id="5fc3d5a1-3e59-4b37-8c09-074bb16cb35e">Indigenous Communities</a></li>
                              <li><a data-id="dca990fc-94c1-41eb-b513-17bf78b3fab6">Productivity</a></li>
                              <li><a data-id="8008f8f6-174d-4f49-b32e-fcaa87af9995">Safety</a></li>
                              <li><a data-id="942d780b-e9ef-4886-86ec-b42fe2d00012">Social Inclusion</a></li>
                              <li><a data-id="5117ffc3-7a5b-4fd9-8eff-2a6153c87bff">Tax and Transparency</a></li>
                              <li><a data-id="9f1f2a49-eadf-4de4-b400-e66258927724">Technology and Innovation</a></li>
                          </ul>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>

  <div class="container placeholder">
      <div class="thatsBig-tiles blog-tiles">
          <div class="wrap">

          </div>

          <div class="cta-wrapper">
              <button class="cta js-load-more">Load more</button>
          </div>
      </div>

  </div>

  <!-- START VIDEO PROMO 1 -->
 <script id="listing-right" type="text/template">
     <div class="container placeholder clearfix">
         <div class="wrap">
             <div class="vlog large-promo col-12">
                <div class="backstretch lazy col col-6" data-original="" style="display: block; background-image: url(&quot;&quot;);">
                    <div class="video-controls">
                      <a href='https://www.youtube.com/embed/Ie5_KuskFfU?autoplay=1' class='play video-inline' title='' ><i class="icon icon-play"></i></a>
                      <div class="time"></div>
                    </div>
                </div>

                <div class="col col-6">
                    <h3>John Smith &mdash; Team Lead</h3>
                    <h4>Youth Involvement Council Hedland</h4>
                    <p>Here is my new Vlog. Something that ‘to me is big’ is the Youth Involvement council Hedland.  This program is very much as part of my life.  It has helped me lots and now I have the chance to help the kids of Hedland.</p>
                    <a class="cta" href="/think-big/article/">Discover more</a>
                </div>
            </div>
        </div>
    </div>
</script>
  <!-- END VIDEO PROMO 1 -->

  <!-- START VIDEO PROMO 2 -->
<script id="listing-left" type="text/template">
    <div class="container placeholder clearfix">
        <div class="wrap">
            <div class="vlog large-promo col-12">
                <div class="col col-6">
                    <h3>Jane Miller &mdash; Team Lead</h3>
                    <h4>Youth Involvement Council Hedland</h4>
                    <p>Here is my new Vlog. Something that ‘to me is big’ is the Youth Involvement council Hedland.  This program is very much as part of my life.  It has helped me lots and now I have the chance to help the kids of Hedland.</p>
                    <a class="cta" href="/think-big/article/">Discover more</a>
                </div>
                <div class="backstretch lazy col col-6" data-original="" style="display: block; background-image: url(&quot;&quot;);">
                    <div class="video-controls">
                      <a href='https://www.youtube.com/embed/Ie5_KuskFfU?autoplay=1' class='play video-inline' title='' ><i class="icon icon-play"></i></a>
                      <div class="time"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>
  <!-- END VIDEO PROMO 2 -->

  <!-- START LATEST VIDEOS -->
  <div class="container placeholder">
    <div class="wrap">
      <div class="col-12">
        <div class="component-header">
          <h3>Latest videos</h3>
          <a class="more more-videos" href="https://www.youtube.com/playlist?list=PLe_2gE0LNJMJd6Ia4Q82Enw0HiCEqbM30">
            View all
            <i class="icon icon-chevron-right"></i>
          </a>
        </div>
        <div class="image-with-text">
          <div class="wrap">
            <div class="col col-4">
              <div class="background lazy"  data-original="">
            <img src="/assets/bhp/images/bhp-placeholder-hd.jpg" alt="">
                <div class="video-controls">
                  <a class="play video-lightbox" href="https://www.youtube.com/embed/1e39halcsk4?autoplay=1"><i class="icon icon-play"></i></a>
                  <div class="time">0:00</div>
                </div>
              </div>
              <div class="image-with-text__wrapper matchHeight">
                <p>To me that's big - WA Regional</p>
              </div>
            </div>
            <div class="col col-4">
              <div class="background lazy"  data-original="">
                <img src="/assets/bhp/images/bhp-placeholder-hd.jpg" alt="">
                <div class="video-controls">
                  <a class="play video-lightbox" href="https://www.youtube.com/embed/sor3cpkpiSE?autoplay=1"><i class="icon icon-play"></i></a>
                  <div class="time">0:00</div>
                </div>
              </div>
              <div class="image-with-text__wrapper matchHeight">
                <p>To me that's big - WA MEtro</p>
              </div>
            </div>
            <div class="col col-4">
              <div class="background lazy"  data-original="">
                <img src="/assets/bhp/images/bhp-placeholder-hd.jpg" alt="">
                <div class="video-controls">
                  <a class="play video-lightbox" href="https://www.youtube.com/embed/F1PTOu1iN2w?autoplay=1"><i class="icon icon-play"></i></a>
                  <div class="time">0:00</div>
                </div>
              </div>
              <div class="image-with-text__wrapper matchHeight">
                 <p>Behind the scenes</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- END LATEST VIDEOS -->

  <!-- START SUBSCRIPTION FORM -->
  <div class="subscription-cta">
    <div class="container">
      <div class="wrap">
        <fieldset>
          <legend class="col-4 col-offset-2">
            <span>Subscribe for more</span>
          </legend>
          <div class="col-5">
            <label class="vh" for="txtEmail">email</label>
            <input id="txtEmail" type="email" placeholder="Enter your email address">
            <button id="btnSubscribe" class="subscription-cta__btn" type="button">
              <span class="vh">Submit</span>
            </button>
            <input type="hidden" id="hidListId" value="MjEwMGFiYTFjNg%3d%3d-KdhYQUMN6KI%3d">
            <input type="hidden" id="hidGroupName" value="Q29tbXVuaXR5IGFuZCBzdXN0YWluYWJpbGl0eSBuZXdz-cRqX6lteG7U%3d">
          </div>
        </fieldset>
      </div>
    </div>
  </div>
  <!-- END SUBSCRIPTION FORM -->
</main>

<?php include('footer.php'); ?>
