templates/investor-relations/key-figures.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block title %}Key Figures{% endblock %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     {{ encore_entry_link_tags('investor-relations') }}
  6. {% endblock %}
  7. {% block javascripts %}
  8.     {{ parent() }}
  9. {% endblock %}
  10. {% block body %}
  11.     <div class="bg-mid-green overflow-hidden pt-xl-5 text-white">
  12.         <h1 class="mb-0 pb-5 pt-xl-7 pt-5 text-center">Key Figures<span class="yellow">.</span></h1>
  13.         <div class="d-flex flex-row flex-wrap gap-5 justify-content-center key-figs-charts mx-auto pb-5 px-3 text-center" id="charts-wrapper">
  14.             <div class="chart-container mt-5">
  15.                 <h4 class="mb-3">Revenue (£m)</h4>
  16.                 <div class="chart-box mx-auto text-center">
  17.                     <canvas class="img-fluid" id="revenueChart">
  18.                         <p>Your browser does not support the canvas element.</p>
  19.                     </canvas>
  20.                 </div>
  21.             </div>
  22.             <div class="chart-container mt-5">
  23.                 <h4 class="mb-3">Operating Profit (£m)</h4>
  24.                 <div class="chart-box mx-auto text-center">
  25.                     <canvas class="img-fluid" id="operatingProfitChart">
  26.                         <p>Your browser does not support the canvas element.</p>
  27.                     </canvas>
  28.                 </div>
  29.                 <p class="ps-2 text-left text-white">
  30.                     <span class="bold">2021</span> excludes exceptional item in respect of Lightronics fire</p>
  31.             </div>
  32.             <div class="chart-container mt-5">
  33.                 <h4 class="mb-3">Basic Earnings per Share (pence)</h4>
  34.                 <div class="chart-box mx-auto text-center">
  35.                     <canvas class="img-fluid" id="basicEarningsChart">
  36.                         <p>Your browser does not support the canvas element.</p>
  37.                     </canvas>
  38.                 </div>
  39.             </div>
  40.             <div class="chart-container mt-5">
  41.                 <h4 class="mb-3">Dividend per Share (pence)</h4>
  42.                 <div class="chart-box mx-auto text-center">
  43.                     <canvas class="img-fluid" id="dividendChart">
  44.                         <p>Your browser does not support the canvas element.</p>
  45.                     </canvas>
  46.                 </div>
  47.             </div>
  48.         </div>
  49.         <div class="container-fluid d-flex">
  50.             <div class="col-md-1"></div>
  51.             <div class="col-md-10 col-12">
  52.                 <h3 class="py-4 text-center white">5 Year Highlights</h3>
  53.                 <div class="table-responsive rounded-6">
  54.                     <table class="bg-light-grey dark-green key-figures-tabletext-center w-100">
  55.                         <tr class="bg-mid-grey dark-grey">
  56.                             <th class="px-2 py-4">12 months ended 30 June</th>
  57.                             <th class="px-2 py-4">2024<br><span>continuing</span></th>
  58.                             <th class="px-2 py-4">2023<br><span>continuing</span></th>
  59.                             <th class="px-2 py-4">2022<br><span>continuing</span></th>
  60.                             <th class="px-2 py-4">2021<br><span>continuing</span></th>
  61.                             <th class="px-2 py-4">2020<br><span>continuing</span></th>
  62.                         </tr>
  63.                         <tr>
  64.                             <th class="bg-mid-grey dark-grey px-2 py-4 text-left">Revenue (£'000)</th>
  65.                             <td class="px-2 py-4">175,798</td>
  66.                             <td class="px-2 py-4">176,749</td>
  67.                             <td class="px-2 py-4">143,715</td>
  68.                             <td class="px-2 py-4">117,875</td>
  69.                             <td class="px-2 py-4">113,342</td>
  70.                         </tr>
  71.                         <tr>
  72.                             <th class="bg-mid-grey dark-grey px-2 py-4 text-left">Operating profit (£'000) *</th>
  73.                             <td class="px-2 py-4">30,631</td>
  74.                             <td class="px-2 py-4">27,832</td>
  75.                             <td class="px-2 py-4">24,715</td>
  76.                             <td class="px-2 py-4">20,793</td>
  77.                             <td class="px-2 py-4">16,332</td>
  78.                         </tr>
  79.                         <tr>
  80.                             <th class="bg-mid-grey dark-grey px-2 py-4 text-left">Profit before income tax (£'000) *</th>
  81.                             <td class="px-2 py-4">29,873</td>
  82.                             <td class="px-2 py-4">26,934</td>
  83.                             <td class="px-2 py-4">24,103</td>
  84.                             <td class="px-2 py-4">20,141</td>
  85.                             <td class="px-2 py-4">15,943</td>
  86.                         </tr>
  87.                         <tr>
  88.                             <th class="bg-mid-grey dark-grey px-2 py-4 text-left">Profit for the year (£'000) *</th>
  89.                             <td class="px-2 py-4">24,313</td>
  90.                             <td class="px-2 py-4">21,934</td>
  91.                             <td class="px-2 py-4">20,073</td>
  92.                             <td class="px-2 py-4">15,812</td>
  93.                             <td class="px-2 py-4">13,314</td>
  94.                         </tr>
  95.                         <tr>
  96.                             <th class="bg-mid-grey dark-grey px-2 py-4 text-left">Net assets (£'000)</th>
  97.                             <td class="px-2 py-4">176,762</td>
  98.                             <td class="px-2 py-4">160,341</td>
  99.                             <td class="px-2 py-4">145,353</td>
  100.                             <td class="px-2 py-4">136,993</td>
  101.                             <td class="px-2 py-4">128,302</td>
  102.                         </tr>
  103.                         <tr>
  104.                             <th class="bg-mid-grey dark-grey px-2 py-4 text-left">EPS-ordinary (p)<br>(rebased)</th>
  105.                             <td class="px-2 py-4">20.73</td>
  106.                             <td class="px-2 py-4">18.72</td>
  107.                             <td class="px-2 py-4">17.16</td>
  108.                             <td class="px-2 py-4">13.57</td>
  109.                             <td class="px-2 py-4">11.45</td>
  110.                         </tr>
  111.                         <tr>
  112.                             <th class="bg-mid-grey dark-grey px-2 py-4 text-left">Dividends - interim paid per share (p)<br>(rebased)
  113.                             </th>
  114.                             <td class="px-2 py-4">1.70</td>
  115.                             <td class="px-2 py-4">1.62</td>
  116.                             <td class="px-2 py-4">1.54</td>
  117.                             <td class="px-2 py-4">1.49</td>
  118.                             <td class="px-2 py-4">1.46</td>
  119.                         </tr>
  120.                         <tr>
  121.                             <th class="bg-mid-grey dark-grey px-2 py-4 text-left">Dividends - final proposed per share (p)<br>(rebased)
  122.                             </th>
  123.                             <td class="px-2 py-4">5.08</td>
  124.                             <td class="px-2 py-4">4.84</td>
  125.                             <td class="px-2 py-4">4.61</td>
  126.                             <td class="px-2 py-4">4.31</td>
  127.                             <td class="px-2 py-4">4.20</td>
  128.                         </tr>
  129.                         <tr>
  130.                             <th class="bg-mid-grey dark-grey px-2 py-4 text-left">Dividends – special per share (p)<br>(rebased)
  131.                             </th>
  132.                             <td class="px-2 py-4">2.50</td>
  133.                             <td class="px-2 py-4">-</td>
  134.                             <td class="px-2 py-4">2.27</td>
  135.                             <td class="px-2 py-4">2.20</td>
  136.                             <td class="px-2 py-4">-</td>
  137.                         </tr>
  138.                     </table>
  139.                 </div>
  140.                 <p class="fst-italic left small white">* 2021 figures include £1,566k profit from insurance claims from the Lightronics fire</p>
  141.             </div>
  142.             <div class="col-md-1"></div>
  143.         </div>
  144.         <div class="container-fluid d-flex py-5">
  145.             <div class="col-xl-3 col-md-1"></div>
  146.             <div class="col-xl-6 col-md-10 col-12">
  147.                 <h3 class="py-4 text-center">Interim Results Highlights</h3>
  148.                 <div class="table-responsive rounded-6">
  149.                     <table class="bg-light-grey dark-green key-figures-table text-center w-100">
  150.                         <tr class="bg-mid-grey headings dark-grey">
  151.                             <th class="px-2 py-4">Six months ended 31 December</th>
  152.                             <th class="px-2 py-4">2023<br><span>continuing</span></th>
  153.                             <th class="px-2 py-4">2022<br><span>continuing</span></th>
  154.                             <th class="px-2 py-4">2021<br><span>continuing</span></th>
  155.                             <th class="px-2 py-4">2020<br><span>continuing</span></th>
  156.                             <th class="px-2 py-4">2019<br><span>continuing</span></th>
  157.                         </tr>
  158.                         <tr>
  159.                             <th class="bg-mid-grey dark-grey px-2 py-4">Revenue (£'000)</th>
  160.                             <td class="px-2 py-4">82,593</td>
  161.                             <td class="px-2 py-4">81,853</td>
  162.                             <td class="px-2 py-4">63,507</td>
  163.                             <td class="px-2 py-4">56,374</td>
  164.                             <td class="px-2 py-4">57,412</td>
  165.                         </tr>
  166.                         <tr>
  167.                             <th class="bg-mid-grey dark-grey px-2 py-4">Operating Profit (£'000)</th>
  168.                             <td class="px-2 py-4">11,203</td>
  169.                             <td class="px-2 py-4">10,979</td>
  170.                             <td class="px-2 py-4">8,836</td>
  171.                             <td class="px-2 py-4">7,653</td>
  172.                             <td class="px-2 py-4">7,489</td>
  173.                         </tr>
  174.                         <tr>
  175.                             <th class="bg-mid-grey dark-grey px-2 py-4">Profit before tax expense (£'000)</th>
  176.                             <td class="px-2 py-4">10,718</td>
  177.                             <td class="px-2 py-4">10,620</td>
  178.                             <td class="px-2 py-4">8,496</td>
  179.                             <td class="px-2 py-4">7,367</td>
  180.                             <td class="px-2 py-4">7,364</td>
  181.                         </tr>
  182.                         <tr>
  183.                             <th class="bg-mid-grey dark-grey px-2 py-4">Profit for the period (£'000)</th>
  184.                             <td class="px-2 py-4">8,570</td>
  185.                             <td class="px-2 py-4">8,380</td>
  186.                             <td class="px-2 py-4">6,900</td>
  187.                             <td class="px-2 py-4">5,878</td>
  188.                             <td class="px-2 py-4">5,859</td>
  189.                         </tr>
  190.                     </table>
  191.                 </div>
  192.                 <p class="mt-1 white">Interim results are unaudited.</p>
  193.             </div>
  194.             <div class="col-xl-4 col-md-1"></div>
  195.         </div>
  196.     </div>
  197. {% endblock %}