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