templates/frontend/block/how_it_works.html.twig line 1

  1. <div class="block block-how-it-works container">
  2.     <h2 class="block-part-title">Jak to funguje</h2>
  4.     <div class="block-part-columns" data-scroll="{{
  5.         {
  6.             'action': 'addClass',
  7.             'options': {
  8.                 'cssClassName': 'visible',
  9.                 'target': 'children',
  10.                 'selector': '.column',
  11.             },
  12.         }|json_encode|escape('html') }}" data-splide="{{
  13.         {
  14.             'type': 'slide',
  15.             'pagination': true,
  16.             'arrows': false,
  17.             'perPage': 1,
  18.             'gap': '1rem',
  19.             'mediaQuery': 'min',
  20.             'breakpoints': {
  21.                 'low_end_smartphone': {
  22.                     'destroy': true,
  23.                 },
  24.             },
  25.         }|json_encode|escape('html') }}">
  26.     {% for column in block.columns %}
  27.         <div class="column" style="--icon-margin:{{ [0,1,2,1][loop.index0 % 4] }}rem;">
  28.         {% if column.icon is defined %}
  29.             {{ app_image_html(column.icon.id_file, { 'class': 'column-icon' }) }}
  30.         {% endif %}
  31.             <span class="column-title">{{ column.title }}</span>
  32.         {% if column.description|default %}
  33.             <p class="column-description">{{ column.description }}</p>
  34.         {% endif %}
  35.         </div>
  36.     {% endfor %}
  37.     </div>
  38. </div>