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. "areaServed": [
  8. {
  9. "@type": "Place",
  10. "name": "London"
  11. },
  12. {
  13. "@type": "Place",
  14. "name": "Esssex"
  15. },
  16. {
  17. "@type": "Place",
  18. "name": "Kent"
  19. },
  20. {
  21. "@type": "Place",
  22. "name": "Cambridge"
  23. },
  24. {
  25. "@type": "Place",
  26. "name": "Oxford"
  27. }
  28. ],
  29. "hasOfferCatalog": {
  30. "@type": "OfferCatalog",
  31. "name": "Our Scaffolding Services",
  32. "itemListElement": [
  33. {% for sectors in sectorChunks %}
  34. {% for sector in sectors %}
  35. {
  36. "@type": "Offer",
  37. "itemOffered": {
  38. "@type": "Service",
  39. "name": "{{ sector.title }}",
  40. "description": "{{ sector.kicker|raw|striptags }}"
  41. }
  42. }{% if loop.last == false %},{% endif %}
  43. {% endfor %}
  44. {% if loop.last == false %},{% endif %}
  45. {% endfor %}
  46. ]
  47. }
  48. }
  49. </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>