templates/about/timeline.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}Our Timeline{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     {{ encore_entry_link_tags('about') }}
  8. {% endblock %}
  10. {% block body %}
  11.     <div class="bg-white pt-5" id="timeline-container">
  12.         <h1 class="dark-green mb-0 mt-xl-5 pb-7 py-5 text-center">Our Timeline<span class="yellow">.</span>
  13.         </h1>
  14.         <div class="container-xxl pt-5 px-0 px-1-xxl" id="timeline">
  15.             <div class="bg-white date-circle left-side light-green-line p-3 ps-5 p-0-xxl">
  16.                 <div class="mid-green">
  17.                     <h2 class="dark-green">1936</h2>
  18.                     <p>Established by Frederick William Thorpe and his son Ernest Thorpe.</p>
  19.                     <p>Spinning circular reflectors</p>
  20.                 </div>
  21.             </div>
  22.             <div class="shadow-inset history-image-circle right-side-image" id="history-image-1"></div>
  23.             <div class="bg-white date-circle light-green-line p-3 ps-5 p-0-xxl right-side">
  24.                 <div class="mid-green">
  25.                     <h2 class="dark-green">1940 <span class="light-green">-</span> 1960</h2>
  26.                     <p>Moved to larger premises twice to cope with the expansion into linear fluorescent luminaires, and to enter the exterior and hazardous markets</p>
  27.                 </div>
  28.             </div>
  30.             <div class="bg-white dark-green-line date-circle p-3 ps-5 p-0-xxl left-side">
  31.                 <div class="mid-green">
  32.                     <h2 class="dark-green">1965</h2>
  33.                     <p>Floated on the London Stock Exchange</p>
  34.                 </div>
  35.             </div>
  36.             <div class="shadow-inset history-image-circle left-side-image" id="history-image-2"></div>
  37.             <div class="bg-white dark-green-line date-circle p-3 ps-5 p-0-xxl right-side">
  38.                 <div class="mid-green">
  39.                     <h2 class="dark-green">1989</h2>
  40.                     <p>Moved to our Redditch headquarters</p>
  41.                 </div>
  42.             </div>
  43.             <div class="bg-white dark-green-line date-circle p-3 ps-5 p-0-xxl left-side">
  44.                 <div class="mid-green">
  45.                     <h2 class="dark-green">1990 <span class="light-green">-</span> 1996</h2>
  46.                     <p>First acquisition – Mackwell Electronics</p>
  47.                     <p>Start-up in retail and display lighting</p>
  48.                     <p>Acquired Philip Payne emergency exit signs</p>
  49.                 </div>
  50.             </div>
  51.             <div class="shadow-inset history-image-circle right-side-image" id="history-image-3"></div>
  52.             <div class="bg-white dark-green-line date-circle p-3 ps-5 p-0-xxl right-side">
  53.                 <div class="mid-green">
  54.                     <h2 class="dark-green">2005</h2>
  55.                     <p>Transferred to AIM</p>
  56.                 </div>
  57.             </div>
  58.             <div class="bg-white dark-green-line date-circle p-3 ps-5 p-0-xxl left-side">
  59.                 <div class="mid-green">
  60.                     <h2 class="dark-green">2009 <span class="light-green">-</span> 2011</h2>
  61.                     <p>Acquired Solite Europe Lighting for clean rooms</p>
  62.                     <p>Acquisition of Portland Lighting</p>
  63.                     <p>Mackwell Electronics disposal</p>
  64.                 </div>
  65.             </div>
  66.             <div class="shadow-inset history-image-circle left-side-image" id="history-image-4"></div>
  67.             <div class="bg-white dark-green-line date-circle p-3 ps-5 p-0-xxl right-side">
  68.                 <div class="mid-green">
  69.                     <h2 class="dark-green">2013 <span class="light-green">-</span> 2014</h2>
  70.                     <p>Start-up company TRT Lighting – entering street lighting market</p>
  71.                     <p>Creation of in‑house LED printed circuit board production</p>
  72.                 </div>
  73.             </div>
  74.             <div class="bg-white date-circle left-side light-green-line p-3 ps-5 p-0-xxl">
  75.                 <div class="mid-green">
  76.                     <h2 class="dark-green">2015</h2>
  77.                     <p>Acquisition of Lightronics – Netherlands</p>
  78.                     <p>Develop European market</p>
  79.                     <p>Sugg Lighting disposal</p>
  80.                 </div>
  81.             </div>
  82.             <div class="shadow-inset history-image-circle right-side-image" id="history-image-5"></div>
  83.             <div class="bg-white date-circle light-green-line p-3 ps-5 p-0-xxl right-side">
  84.                 <div class="mid-green">
  85.                     <h2 class="dark-green">2016</h2>
  86.                     <p>Minority investment in Spain</p>
  87.                     <p>Target Spanish market and acquire lens specialism</p>
  88.                 </div>
  89.             </div>
  90.             <div class="bg-white date-circle left-side light-green-line p-3 ps-5 p-0-xxl">
  91.                 <div class="mid-green">
  92.                     <h2 class="dark-green">2017</h2>
  93.                     <p>Acquired remaining share capital in Thorlux Australasia</p>
  94.                     <p>Target Australian market, improve performance</p>
  95.                 </div>
  96.             </div>
  97.             <div class="shadow-inset history-image-circle left-side-image" id="history-image-6"></div>
  98.             <div class="bg-white date-circle light-green-line p-3 ps-5 p-0-xxl right-side">
  99.                 <div class="mid-green">
  100.                     <h2 class="dark-green">2018</h2>
  101.                     <p>Acquired Famostar – Netherlands</p>
  102.                     <p>Improved emergency lighting product offering</p>
  103.                 </div>
  104.             </div>
  105.             <div class="bg-white date-circle left-side light-green-line p-3 ps-5 p-0-xxl">
  106.                 <div class="mid-green">
  107.                     <h2 class="dark-green">2020</h2>
  108.                     <p>All operating businesses housed in Group-owned property</p>
  109.                     <p>Maintained operations during COVID-19 pandemic</p>
  110.                 </div>
  111.             </div>
  112.             <div class="shadow-inset history-image-circle right-side-image" id="history-image-7"></div>
  113.             <div class="bg-white date-circle light-green-line p-3 ps-5 p-0-xxl right-side">
  114.                 <div class="mid-green">
  115.                     <h2 class="dark-green">2021</h2>
  116.                     <p>Lightronics recovers from factory fire with improved results</p>
  117.                     <p>Sustainability focus</p>
  118.                     <p>Acquired Electrozemper – Spain</p>
  119.                 </div>
  120.             </div>
  121.             <div class="bg-white date-circle left-side light-green-line p-3 ps-5 p-0-xxl">
  122.                 <div class="mid-green">
  123.                     <h2 class="dark-green">2022</h2>
  124.                     <p>Acquired SchahlLED – Germany</p>
  125.                     <p>Joint venture investment with Ratio Electric – electric vehicle charging products</p>
  126.                 </div>
  127.             </div>
  128.             <div class="shadow-inset history-image-circle left-side-image" id="history-image-8"></div>
  129.         </div>
  130.     </div>
  131. {% endblock %}