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 %}