templates/themes/theme/templates/cmspage-kicker.html.twig line 1

Open in your IDE?
  1. {% extends '@theme/base.html.twig' %}
  2. {% block metatitle %}{{page.metatitle}}{% endblock %}
  3. {% block metadescription %}{{page.metadescription|striptags|slice(0, 160)}}{% endblock %}
  5. {% block body %}
  7. {% if page.image %}
  8. <div class="banner-image banner-image--gradient lazyBackgroundImage" data-mobile="{{ imageCache('/'~ page.getFullImagePath, 'zoomCrop', 1566, 822) }}" data-desktop="{{ imageCache('/'~ page.getFullImagePath, 'zoomCrop', 3200, 1680) }}"></div>
  9. {% endif %}
  11. <section class="page-content{% if page.image == null %} pt-[148px] md:pt-[163px]{% endif %}">
  12. <div class="container">
  13. <div class="bg-primary text-center text-white px-10 py-12 relative z-20 mb-12 {% if page.image != null %} -mt-12 sm:-mt-24 md:-mt-52{% else %}mt-12{% endif %}">
  14. <h1 class="text-white">{{ replaceIfComponentDataExists(pageComponents, "title", page.title) }}</h1>
  15. {% if page.subtitle %}
  16. <h3 class="text-white">{{ allowInlineEditor(page, 'subtitle')|striptags }}</h3>
  17. {% endif %}
  18. {% if page.kicker %}
  19. {{ allowInlineEditor(page, 'kicker')|raw }}
  20. {% endif %}
  21. </div>
  22. {% if page.content %}
  23. <div class="row cms-area mb-12">
  24. <div class="md:col-10 md:offset-1 green-title">
  25. {{ allowInlineEditor(page, 'content')|raw }}
  26. {% if page.file %}
  27. <video src="{{ page.getFileUrl }}" controls></video>
  28. {% endif %}
  29. </div>
  30. </div>
  31. {% endif %}
  32. {% if page.image2 or page.image3 %}
  33. <div class="row mb-12">
  34. {% if page.image2 %}
  35. <div class="sm:col-6 mb-8 sm:mb-0">
  36. <img src="{{ imageCache('/'~ page.getFullImage2Path, 'zoomCrop', 1140, 1040) }}" width="670" height="612" alt="{{ page.title }}" loading="lazy" />
  37. </div>
  38. {% endif %}
  39. {% if page.image3 %}
  40. <div class="sm:col-6">
  41. <img src="{{ imageCache('/'~ page.getFullImage3Path, 'zoomCrop', 1140, 1040) }}" width="670" height="612" alt="{{ page.title }}" loading="lazy" />
  42. </div>
  43. {% endif %}
  44. </div>
  45. {% endif %}
  46. {% if page.content2 %}
  47. <div class="row cms-area mb-12 green-title">
  48. <div class="md:col-10 md:offset-1">
  49. {{ allowInlineEditor(page, 'content2')|raw }}
  50. </div>
  51. </div>
  52. {% endif %}
  53. </div>
  54. </section>
  56. {{ renderComponents('Block 1', pageComponents)|raw }}
  58. {{ renderComponents('Block 2', pageComponents)|raw }}
  60. {{ renderComponents('Block 3', pageComponents)|raw }}
  62. {% if page.id == 19 %}
  63. {% include '@theme/common/company-info.html.twig' %}
  64. {% endif %}
  66. {% endblock %}
  68. {% block stylesheets %}
  69. {% endblock %}