templates/themes/theme/sectors/article.html.twig line 1

Open in your IDE?
  1. <script type="application/ld+json">
  2.     {
  3.         "@context": "https://schema.org",
  4.         "@type": "Service",
  5.         "name": "{{ sitename }}",
  6.         "serviceType": "{{ sector.title }}",
  7.         "provider": {
  8.             "@type": "LocalBusiness",
  9.             "name": "{{ sitename }}",
  10.             "url": "{{ siteurl }}"
  11.         },
  12.         "areaServed": [
  13.             {
  14.             "@type": "Place",
  15.             "name": "London"
  16.             },
  17.             {
  18.             "@type": "Place",
  19.             "name": "Esssex"
  20.             },
  21.             {
  22.             "@type": "Place",
  23.             "name": "Kent"
  24.             },
  25.             {
  26.             "@type": "Place",
  27.             "name": "Cambridge"
  28.             },
  29.             {
  30.             "@type": "Place",
  31.             "name": "Oxford"
  32.             }
  33.         ],
  34.         "description": "{{ sector.kicker|raw|striptags }}",
  35.         "url": "{{ siteurl }}{{ generatePath(app.request, sector.linkedPageId, {sector_slug: sector.slug}) }}"
  36.     }
  37. </script>
  42. {% if sector.image %}
  43.     <div class="banner-image banner-image--gradient" style="background-image:url('{{ imageCache('/'~ sector.getFullImagePath, 'zoomCrop', 3200, 1680) }}');"></div>
  44. {% endif %}
  46. <section class="page-content{% if sector.image == null %} pt-[148px] md:pt-[163px]{% endif %}">
  47.     <div class="container">
  48.         <div class="bg-primary text-center text-white p-10 relative z-20 mb-12 {% if sector.image != null %} -mt-12 sm:-mt-24 md:-mt-52{% else %}mt-12{% endif %}">
  49.             {% if sector.icon %}
  50.                 <span class="text-5xl mb-6 block">{{ sector.icon|raw }}</span>
  51.             {% endif %}
  52.             <h1 class="text-white">{{ allowInlineEditor(sector, 'title')|raw }}</h1>
  53.             {% if sector.subtitle %}
  54.                 <h3 class="text-white">{{ allowInlineEditor(sector, 'subtitle')|raw }}</h3>
  55.             {% endif %}
  56.             {% if sector.kicker %}
  57.                 {{ allowInlineEditor(sector, 'kicker')|raw }}
  58.             {% endif %}
  59.         </div>
  60.         {% if sector.content or sector.content2 %}
  61.             <div class="row cms-area mb-12">
  62.                 <div class="md:col-6 text-2xl font-bold mb-6 md:mb-0">
  63.                     {{ allowInlineEditor(sector, 'content')|raw }}
  64.                 </div>
  65.                 <div class="md:col-6">
  66.                     {{ allowInlineEditor(sector, 'content2')|raw }}
  67.                 </div>
  68.             </div>
  69.         {% endif %}
  70.         {% if sector.content3 %}
  71.             <div class="row cms-area mb-12">
  72.                 <div class="md:col-12">
  73.                     {{ allowInlineEditor(sector, 'content3')|raw }}
  74.                 </div>
  75.             </div>
  76.         {% endif %}
  77.         {% if sector.image2 or sector.image3 or sector.image4 %}
  78.             <div class="row mb-12">
  79.                 {% if sector.image2 %}
  80.                     <div class="{% if sector.image4 %}md:col-3{% else %} md:col-6{% endif %} sm:col-6 mb-8 md:mb-0">
  81.                         <img src="{{ imageCache('/'~ sector.getFullImage2Path, 'zoomCrop', 540, 640) }}" width="370" height="438" alt="{{ sector.title }}" loading="lazy" />
  82.                     </div>
  83.                 {% endif %}
  84.                 {% if sector.image3 %}
  85.                     <div class="{% if sector.image4 %}md:col-3{% else %} md:col-6{% endif %} sm:col-6 mb-8 md:mb-0">
  86.                         <img src="{{ imageCache('/'~ sector.getFullImage3Path, 'zoomCrop', 540, 640) }}" width="370" height="438" alt="{{ sector.title }}" loading="lazy" />
  87.                     </div>
  88.                 {% endif %}
  89.                 {% if sector.image4 %}
  90.                     <div class="md:col-6">
  91.                         <img src="{{ imageCache('/'~ sector.getFullImage4Path, 'zoomCrop', 1130, 640) }}" width="670" height="380" alt="{{ sector.title }}" loading="lazy" />
  92.                     </div>
  93.                 {% endif %}
  94.             </div>
  95.         {% endif %}
  96.          {% if sector.content4 %}
  97.             <div class="row cms-area mb-12">
  98.                 <div class="md:col-12">
  99.                     {{ allowInlineEditor(sector, 'content4')|raw }}
  100.                 </div>
  101.             </div>
  102.         {% endif %}
  103.     </div>
  104. </section>
  106. {% if sector.gallery and sector.gallery.galleryImages|length > 0 %}
  107.     <div class="container mb-4">
  108.         <div class="row">
  109.             <div class="col-12 text-center">
  110.                 <h3 class="text-green mb-8 mt-0">Sector Gallery</h3>
  111.                 {% if sector.gallery.content %}
  112.                     <div class="mb-12">
  113.                         {{ allowInlineEditor(sector.gallery, 'content')|raw }}
  114.                     </div>
  115.                 {% endif %}
  116.             </div>
  117.         </div>
  118.         <div class="row">
  119.             {% for image in sector.gallery.galleryImages %}
  120.                 {% if image.file %}
  121.                     <div class="lg:col-6 mb-8">
  122.                         <video class="w-full h-auto" src="{{ image.getFileUrl() }}" controls></video>
  123.                     </div>
  124.                 {% else %}
  125.                 <div class="lg:col-6 mb-8">
  126.                     <img class="max-w-full h-auto" src="{{ imageCache('/'~ image.getFullImagePath, 'zoomCrop', 1140, 640) }}" alt="{{ image.title }}" loading="lazy" />
  127.                 </div>
  128.                 {% endif %}
  129.             {% endfor %}
  130.         </div>
  131.     </div>
  132. {% endif %}