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

Open in your IDE?
  1. <script type="application/ld+json">
  2.     {
  3.         "@context": "https://schema.org",
  4.         "@type": "LocalBusiness",
  5.         "name": "{{ sitename }}",
  6.         "url": "{{ siteurl }}",
  7.         "serviceType": "Scaffolding Services",
  8.         "areaServed": [
  9.             {
  10.             "@type": "Place",
  11.             "name": "London"
  12.             },
  13.             {
  14.             "@type": "Place",
  15.             "name": "Esssex"
  16.             },
  17.             {
  18.             "@type": "Place",
  19.             "name": "Kent"
  20.             },
  21.             {
  22.             "@type": "Place",
  23.             "name": "Cambridge"
  24.             },
  25.             {
  26.             "@type": "Place",
  27.             "name": "Oxford"
  28.             }
  29.         ],
  30.         "hasOfferCatalog": {
  31.             "@type": "OfferCatalog",
  32.             "name": "Our Services",
  33.             {% for sectors in sectorChunks %}
  34.             {% for sector in sectors %}
  36.             "itemListElement": [
  37.                 {
  38.                     "@type": "Offer",
  39.                     "itemOffered": {
  40.                     "@type": "Service",
  41.                     "name": "{{ sector.title }}",
  42.                     "description": "{{ sector.kicker|raw|striptags }}"
  43.                     }
  44.                 }
  45.             ]{% if loop.last == false %},{% endif %}
  46.             {% endfor %}
  47.             {% endfor %}
  48.         }
  49.     }
  50. </script>
  52. <div class="container mb-4">
  53.     {% for sectors in sectorChunks %}
  54.     <div class="sector-grid mb-8">
  55.         {% for sector in sectors %}
  56.             <a class="sector-grid--item {% if loop.first or loop.index0 is divisible by(3) %}before{% elseif loop.index is divisible by(3) %}after{% else %}center{% endif %}" style="background-image:url('{{ imageCache('/'~ sector.getFullImagePath, 'zoomCrop', 1040, 640) }}');" href="{{ generatePath(app.request, sector.linkedPageId, {sector_slug: sector.slug}) }}">
  57.                 <img class="max-w-full h-auto md:hidden" src="{{ imageCache('/'~ sector.getFullImagePath, 'zoomCrop', 1040, 640) }}" alt="{{ sector.title }}">
  58.                 <div class="sector-grid--info text-sm md:text-base">
  59.                     {{ sector.icon|raw }}
  60.                     <h3>{{ sector.title }}</h3>
  61.                     {{ sector.kicker|raw }}
  62.                     <span>Read More</span>
  63.                 </div>
  64.             </a>
  65.         {% endfor %}
  66.     </div>
  67.     {% endfor %}
  68. </div>