templates/group-companies/thorlux.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}Thorlux Lighting{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     {{ encore_entry_link_tags('group-companies') }}
  8. {% endblock %}
  10. {% block javascripts %}
  11.     {{ parent() }}
  12.     {{ encore_entry_script_tags('vimeo') }}
  13. {% endblock %}
  15. {% block body %}
  16.     <div class="group-company-top-banner position-relative w-100" id="thorlux-top-banner">
  17.         <div class="gc-banner-media-wrap w-100">
  18.             <iframe class="group-company-top-video position-absolute" src="https://player.vimeo.com/video/726751653?background=1&amp;controls=0&amp;quality=1080p" allow="autoplay; fullscreen" rel="nofollow noopener"></iframe>
  19.         </div>
  20.         <div class="bg-white-90 inner-circle position-absolute start-50 translate-middle">
  21.             <img class="position-absolute start-50 top-50 translate-middle wider-gc-logo" src="{{ asset('build/images/group-logos/thorlux-colour.svg') }}" alt="Thorlux Lighting" title="Thorlux Lighting">
  22.         </div>
  23.         <img class="bottom-0 d-xl-block d-none position-absolute start-0 w-100" id="white-curves" src="{{ asset('build/images/white-curves.svg') }}" alt="white curves">
  24.         <a href="#company-info" rel="nofollow"><img src="{{ asset('build/images/yellow-down-arrow.svg') }}" alt="Yellow arrow" class="bottom-0 position-absolute start-50 translate-middle yellow-down-arrow z-index-1"></a>
  25.     </div>
  26.     <div class="bg-white container-fluid d-flex flex-column-reverse flex-xl-row py-5 py-xl-7" id="company-info">
  27.         <div class="col-1"></div>
  28.         <div class="col-xl-3 col-12 px-sm-5 px-xl-0">
  29.             <ul class="list-unstyled pb-xl-5 pt-xl-0 py-5">
  30.                 <li>
  31.                     <h3 class="mid-green">Information</h3>
  32.                 </li>
  33.                 <li class="my-1">
  34.                     <img class="d-inline gc-info-icons me-2" src="{{ asset('build/images/group-companies/location.svg') }}" alt="Location Pin">
  35.                     <p class="d-inline dark-green fs-5">Redditch, United Kingdom</p>
  36.                 </li>
  37.                 <li class="my-1">
  38.                     <img class="d-inline gc-info-icons me-2" src="{{ asset('build/images/group-companies/web-icon.svg') }}" alt="Website Icon"><a href="https://www.thorlux.com" class="d-inline dark-green fs-5 hover-yellow ms-1 text-decoration-none" rel="noopener">www.thorlux.com</a>
  39.                 </li>
  40.             </ul>
  41.             <h4 class="mid-green text-start">Market Sectors</h4>
  42.             <ul class="dark-green list-unstyled pb-5 text-start">
  43.                 <li class="my-1">
  44.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/commercial-icon.svg') }}" alt="Commercial icon">
  45.                     <p class="d-inline fs-5">Commercial</p></li>
  46.                 <li class="my-1">
  47.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/industrial-icon.svg') }}" alt="Industrial icon">
  48.                     <p class="d-inline fs-5">Industrial</p></li>
  49.                 <li class="my-1">
  50.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/education-icon.svg') }}" alt="Education icon">
  51.                     <p class="d-inline fs-5">Education</p></li>
  52.                 <li class="my-1">
  53.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/healthcare-icon.svg') }}" alt="Healthcare icon">
  54.                     <p class="d-inline fs-5">Healthcare</p>
  55.                 </li>
  56.                 <li class="my-1">
  57.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/manufacturing-icon.svg') }}" alt="Manufacturing icon">
  58.                     <p class="d-inline fs-5">Manufacturing</p>
  59.                 </li>
  60.             </ul>
  61.             <h4 class="mid-green text-start">Key Products</h4>
  62.             <ul class="dark-green ps-4 text-start">
  63.                 <li>
  64.                     <p class="fs-5">Recessed, surface and suspended luminaires</p>
  65.                 </li>
  66.                 <li>
  67.                     <p class="fs-5">Emergency lighting systems</p>
  68.                 </li>
  69.                 <li>
  70.                     <p class="fs-5">Hazardous area lighting</p>
  71.                 </li>
  72.                 <li>
  73.                     <p class="fs-5">High and low bay luminaires</p>
  74.                 </li>
  75.                 <li>
  76.                     <p class="fs-5">Lighting controls</p>
  77.                 </li>
  78.                 <li>
  79.                     <p class="fs-5">Exterior lighting</p>
  80.                 </li>
  81.             </ul>
  82.         </div>
  83.         <div class="col-1 d-xl-none"></div>
  84.         <div class="col-xl-6 col-12 mid-green ms-xl-3 px-sm-5 px-xl-0">
  85.             <p class="fs-5">The Thorlux range of luminaires is designed, manufactured and distributed by Thorlux Lighting, a division of FW Thorpe Plc. Thorlux luminaires have been manufactured continuously since 1936, the year Frederick William Thorpe founded the company.</p>
  86.             <p class="fs-5">The company now operates from the Group’s modern 16,882m² self-contained factory in Redditch, Worcestershire, central England. Thorlux is well known throughout the world and provides a comprehensive range of professional lighting and control systems for a wide variety of applications.</p>
  87.             <div class="py-5 video-wrapper w-100" title="Thorlux Lighting Overview">
  88.                 <div class="mb-3 position-relative rounded-4 vimeo-box vimeo-overlay-video" data-autoplay="1" data-vimeo-uri="726751653">
  89.                     <img class="w-100" src="{{ vimeoThumbnail('726751653', true) }}" alt="Play">
  90.                 </div>
  91.                 <h4>Thorlux Lighting Overview</h4>
  92.             </div>
  93.         </div>
  94.         <div class="col-xl-1"></div>
  95.     </div>
  96. {% endblock %}