templates/group-companies/portland-traffic.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Portland Lighting{% 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="portland-traffic-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/portland-traffic-colour.svg') }}" alt="Portland Traffic" title="Portland Traffic">
  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-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">Walsall, 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://portlandtraffic.co.uk/" class="d-inline dark-green fs-5 hover-yellow ms-1 text-decoration-none" rel="noopener">www.portlandtraffic.co.uk</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/infrastructure-icon.svg') }}" alt="Infrastructure icon">
  39.                     <p class="d-inline fs-5">Infrastructure</p>
  40.                 </li>
  41.             </ul>
  42.             <h4 class="mid-green text-start">Key Products</h4>
  43.             <ul class="dark-green ps-4 text-start">
  44.                 <li>
  45.                     <p class="fs-5">Lighting for road safety</p>
  46.                 </li>
  47.             </ul>
  48.         </div>
  49.         <div class="col-1 d-xl-none"></div>
  50.         <div class="col-xl-6 col-12 mid-green ms-xl-3 px-sm-5 px-xl-0">
  51.             <p class="fs-5">Portland Traffic has evolved from Portland Lighting and is focused solely on the traffic lighting market. Created by a team with a combined 100 years’ experience in road traffic safety, the company is focused on designing and manufacturing value engineered products utilising the latest technology and manufacturing techniques.</p>
  52.             <p class="fs-5">The company operates from a modern 1394m² facility in Walsall, West Midlands, which was purposely designed to enable the fast turnaround of customer orders.</p>
  53.         </div>
  54.         <div class="col-xl-1"></div>
  55.     </div>
  56. {% endblock %}