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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Solite Europe{% 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="solite-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/solite-colour.svg') }}" alt="Solite Europe" title="Solite Europe">
  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">
  17.             <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">
  18.         </a>
  19.     </div>
  20.     <div class="bg-white container-fluid d-flex flex-column-reverse flex-xl-row py-5 py-xl-7" id="company-info">
  21.         <div class="col-xl-1"></div>
  22.         <div class="col-xl-3 col-12 px-sm-5 px-xl-0">
  23.             <ul class="list-unstyled pb-xl-5 pt-xl-0 py-5">
  24.                 <li>
  25.                     <h3 class="mid-green">Information</h3>
  26.                 </li>
  27.                 <li class="my-1">
  28.                     <img class="d-inline gc-info-icons me-2" src="{{ asset('build/images/group-companies/location.svg') }}" alt="Location Pin">
  29.                     <p class="d-inline dark-green fs-5">Stockport, United Kingdom</p>
  30.                 </li>
  31.                 <li class="my-1">
  32.                     <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.solite-europe.com/" class="d-inline dark-green fs-5 hover-yellow ms-1 text-decoration-none" rel="noopener">www.solite-europe.com</a>
  33.                 </li>
  34.             </ul>
  35.             <h4 class="mid-green text-start">Market Sectors</h4>
  36.             <ul class="dark-green list-unstyled pb-5 text-start">
  37.                 <li class="my-1">
  38.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/pharmaceutical-icon.svg') }}" alt="Pharmaceutical icon">
  39.                     <p class="d-inline fs-5">Pharmaceutical</p></li>
  40.                 <li class="my-1">
  41.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/healthcare-icon.svg') }}" alt="Healthcare icon">
  42.                     <p class="d-inline fs-5">Healthcare</p></li>
  43.                 <li class="my-1">
  44.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/education-icon.svg') }}" alt="Education icon">
  45.                     <p class="d-inline fs-5">Education/Research</p></li>
  46.                 <li class="my-1">
  47.                     <img class="d-inline gc-market-icons me-2" src="{{ asset('build/images/group-companies/retail-icon.svg') }}" alt="Retail icon">
  48.                     <p class="d-inline fs-5">Retail & Hospitality</p></li>
  49.             </ul>
  50.             <h4 class="mid-green text-start">Key Products</h4>
  51.             <ul class="dark-green ps-4 text-start">
  52.                 <li>
  53.                     <p class="fs-5">Cleanroom luminaires</p>
  54.                 </li>
  55.                 <li>
  56.                     <p class="fs-5">Emergency lighting systems</p>
  57.                 </li>
  58.             </ul>
  59.         </div>
  60.         <div class="col-xl-1 d-xl-none"></div>
  61.         <div class="col-xl-6 col-12 mid-green ms-xl-3 px-sm-5 px-xl-0">
  62.             <p class="fs-5">Solite Europe is a leading manufacturer and supplier of cleanroom lighting equipment and luminaires within the UK and Europe.</p>
  63.             <p class="fs-5">It provides luminaires for laboratories, pharmaceutical and semiconductor manufacturing areas including hospitals, kitchens and food preparation applications.</p>
  64.             <div class="py-5 video-wrapper w-100" title="Solite Europe Overview">
  65.                 <div class="mb-3 position-relative rounded-4 vimeo-box vimeo-overlay-video" data-autoplay="1" data-vimeo-uri="425081462">
  66.                     <img class="w-100" src="{{ vimeoThumbnail('425081462', true) }}" alt="Play">
  67.                 </div>
  68.                 <h4>Solite Europe Overview</h4>
  69.             </div>
  70.         </div>
  71.         <div class="col-xl-1"></div>
  72.     </div>
  73. {% endblock %}