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

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}Ratio EV Charging{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     {{ encore_entry_link_tags('group-companies') }}
  8. {% endblock %}
  10. {% block body %}
  11.     <div class="group-company-top-banner position-relative w-100" id="ratio-top-banner">
  12.         <div class="bg-white-90 inner-circle position-absolute start-50 translate-middle">
  13.             <img class="position-absolute start-50 top-50 translate-middle wider-gc-logo" src="{{ asset('build/images/group-logos/ratio-colour.svg') }}" alt="Ratio EV Charging" title="Ratio EV Charging">
  14.         </div>
  15.         <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">
  16.         <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>
  17.     </div>
  18.     <div class="bg-white container-fluid d-flex flex-column-reverse flex-xl-row py-5 py-xl-7" id="company-info">
  19.         <div class="col-xl-1"></div>
  20.         <div class="col-xl-3 col-12 px-sm-5 px-xl-0">
  21.             <ul class="list-unstyled pb-xl-5 pt-xl-0 py-5">
  22.                 <li>
  23.                     <h3 class="mid-green">Information</h3>
  24.                 </li>
  25.                 <li class="my-1">
  26.                     <img class="d-inline gc-info-icons me-2" src="{{ asset('build/images/group-companies/location.svg') }}" alt="Location Pin">
  27.                     <p class="d-inline dark-green fs-5">Nijkerk, Netherlands</p>
  28.                 </li>
  29.                 <li class="mb-4 mt-1">
  30.                     <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.ratio.nl/" class="d-inline dark-green fs-5 hover-yellow ms-1 text-decoration-none" rel="noopener">www.ratio.nl</a>
  31.                 </li>
  32.                 <li class="mb-1">
  33.                     <img class="d-inline gc-info-icons me-2" src="{{ asset('build/images/group-companies/location.svg') }}" alt="Location Pin">
  34.                     <p class="d-inline dark-green fs-5">Redditch, United Kingdom</p>
  35.                 </li>
  36.                 <li class="my-1">
  37.                     <img class="d-inline gc-info-icons me-2" src="{{ asset('build/images/group-companies/web-icon.svg') }}" alt="Website Icon"><a href="https://ratioev.uk/" class="d-inline dark-green fs-5 hover-yellow ms-1 text-decoration-none">www.ratioev.uk</a>
  38.                 </li>
  39.             </ul>
  40.             <h4 class="mid-green text-start">Market Sectors</h4>
  41.             <ul class="dark-green list-unstyled pb-5 text-start">
  42.                 <li class="my-1">
  43.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/housing-icon.svg') }}" alt="Housing icon">
  44.                     <p class="d-inline fs-5">Residential</p>
  45.                 </li>
  46.                 <li class="my-1">
  47.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/commercial-icon.svg') }}" alt="Commercial icon">
  48.                     <p class="d-inline fs-5">Commercial</p>
  49.                 </li>
  50.                 <li class="my-1">
  51.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/industrial-icon.svg') }}" alt="Industrial icon">
  52.                     <p class="d-inline fs-5">Industrial</p>
  53.                 </li>
  54.             </ul>
  55.             <h4 class="mid-green text-start">Key Products</h4>
  56.             <ul class="dark-green ps-4 text-start">
  57.                 <li>
  58.                     <p class="fs-5">EV chargers and cables</p>
  59.                 </li>
  60.                 <li>
  61.                     <p class="fs-5">Office and data centre power systems</p>
  62.                 </li>
  63.                 <li>
  64.                     <p class="fs-5">Marine power systems</p>
  65.                 </li>
  66.             </ul>
  67.         </div>
  68.         <div class="col-1 d-xl-none"></div>
  69.         <div class="col-xl-6 col-12 mid-green px-sm-5 px-xl-0">
  70.             <p class="fs-5">Ratio Electric designs, develops and manufactures electrical power connection and distribution systems from its base in the Netherlands. Established in 1980, Ratio has built a reputation for reliable and affordable products in the key areas of electric vehicle (EV) charging, marine power systems and distribution systems for data centre and office applications.</p>
  71.             <p class="fs-5">Ratio EV Charging is a collaboration between FW Thorpe Plc and Ratio Electric. Ratio EV Charging designs and manufactures EV charging products at its factory in Redditch specifically to serve the UK market.</p>
  72.         </div>
  73.         <div class="col-xl-1"></div>
  74.     </div>
  75. {% endblock %}