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

  1. <div class="block block-clients">
  2.     <div class="block-part-background">
  3.         {{ app_static_image_html('img/homepage/client/background.jpg') }}
  4.     </div>
  6.     <div class="block-part-content container">
  7.         <div class="block-part-header">
  8.             <h2 class="block-part-title">Co říkají naši klietni</h2>
  9.             <a href="https://www.car-advisor.cz/provozovna/auto-i-s-r/CZ-2298" class="button" target="_blank"><span>Car Advisor recenze</span></a>
  10.             <a href="https://www.google.com/maps/place/auto+I.S.R.+a.s./@50.0047836,14.5695883,18.37z/data=!4m8!3m7!1s0x470b8e741a85c58f:0x67ca86498295aaa1!8m2!3d50.0049209!4d14.5698298!9m1!1b1!16s%2Fg%2F1tffhh4v" class="button" target="_blank"><span>Google recenze</span></a>
  11.         </div>
  13.         <div class="block-part-clients" data-splide="{{
  14.             {
  15.                 'type': 'slide',
  16.                 'pagination': true,
  17.                 'arrows': false,
  18.                 'perPage': 4,
  19.                 'gap': '1rem',
  20.                 'breakpoints': {
  21.                     'compact': {
  22.                         'perPage': 3,
  23.                     },
  24.                     'tablet': {
  25.                         'perPage': 2,
  26.                     },
  27.                     'low_end_smartphone': {
  28.                         'perPage': 1,
  29.                     },
  30.                 },
  31.             }|json_encode|escape('html') }}">
  32.         {% for client in app_clients() %}
  33.             <div class="client">
  34.                 {{ app_image_html(client.photo, { 'class': 'client-image' }) }}
  35.                 <span class="client-name">{{ client.fullName }}</span>
  36.                 <span class="client-occupation">{{ client.occupation }}</span>
  37.                 <p class="client-text">{{ client.content }}</p>
  38.             </div>
  39.         {% endfor %}
  40.         </div>
  41.     </div>
  42. </div>