templates/corporate-responsibility/carbon-offsetting.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}Carbon Offsetting Project{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     {{ encore_entry_link_tags('corporate-responsibility') }}
  8. {% endblock %}
  10. {% block javascripts %}
  11.     {{ parent() }}
  12.     {{ encore_entry_script_tags('vimeo') }}
  13. {% endblock %}
  15. {% block body %}
  16.     <div id="carbon-offsetting-background">
  17.         <h1 class="dark-green mb-0 mt-xl-5 py-5 text-center">Carbon Offsetting Project<span class="yellow">.</span></h1>
  18.         <div class="container-fluid d-flex pb-7 text-center">
  19.             <div class="col-xl-3"></div>
  20.             <div class="col-xl-6 col-12">
  21.                 <p class="dark-green fs-5">The Group is committed to minimising the environmental impact of both its manufacturing processes and its products. However, even with the most responsible approach, some carbon dioxide (CO₂) will be released into the atmosphere as an indirect result of factory and selling activities and customers’ use of luminaires.</p>
  22.                 <p class="dark-green fs-5">In 2009, FW Thorpe designed an ambitious carbon-offsetting scheme to help compensate for these emissions. We have chosen to plant trees. Why trees? Trees and other plants absorb CO₂ during photosynthesis. One tree grown to maturity in open space can absorb approximately 1 tonne of CO₂ over its lifetime. A forest covering many acres can effectively lock up CO₂, creating a ‘carbon sink’.</p>
  23.                 <p class="dark-green fs-5 pb-4">The scheme is now accredited under the Woodland Carbon Code.</p>
  24.                 <div class="bg-mid-green carbon-offsetting-circle d-inline-block m-3 position-relative text-white">
  25.                     <div class="position-absolute top-50 start-50 translate-middle">
  26.                         <h3 class="fs-1">Devauden</h3>
  27.                         <p class="fs-5">Monmouthshire, UK</p>
  28.                     </div>
  29.                 </div>
  30.                 <div class="bg-light-green carbon-offsetting-circle d-inline-block m-3 position-relative text-white">
  31.                     <div class="position-absolute top-50 start-50 translate-middle">
  32.                         <h3 class="fs-1">179,412</h3>
  33.                         <p class="fs-5">trees planted<br>since 2009</p>
  34.                     </div>
  35.                 </div>
  36.                 <div class="mt-5 overflow-hidden position-relative rounded-6 video-banner">
  37.                     <div class="position-absolute start-50 top-50 translate-middle video-wrapper" id="carbon-offsetting-video-wrapper">
  38.                         <video class="video-preview" muted autoplay loop poster="{{ asset('build/images/responsibility/carbon-offsetting-poster.webp') }}">
  39.                             <source src="{{ asset('build/images/responsibility/carbon-offsetting-video-preview.mp4') }}" title="Carbon Offsetting Video" type="video/mp4">
  40.                             <p>Sorry but your browser doesn't support HTML5 video, please update to a modern web browser.</p>
  41.                         </video>
  42.                         <div class="video-poster"></div>
  43.                         <div class="play-link position-absolute start-50 top-50 translate-middle">
  44.                             <a href="#" class="white vimeo-overlay-video" data-autoplay="1" data-vimeo-uri="376393862">
  45.                                 <img src="{{ asset('build/images/play.svg') }}" alt="Play"> </a>
  46.                         </div>
  47.                     </div>
  48.                 </div>
  49.                 <div class="col-xl-3"></div>
  50.             </div>
  51.         </div>
  52.     </div>
  53. {% endblock %}