templates/web/components/inner/header-slider.html.twig line 1

Open in your IDE?
  1. <!-- Header-Slider -->
  2. <div class="bgImages">
  3.     <div class="swiper-container" data-loop="1">
  4.         <div class="arrowWrapper">
  5.             <div class="swiper-button-prev hidden-xs hidden-sm spin spin2">
  6.                 <img class="arrowShortcode" src="{{ asset('img/left-hover-arrow.png') }}" alt="">
  7.             </div>
  8.             <div class="swiper-button-next hidden-xs hidden-sm spin spin2">
  9.                 <img class="arrowShortcode" src="{{ asset('img/right-hover-arrow.png') }}" alt="">
  10.             </div>
  11.         </div>
  12.         <div class="swiper-wrapper">
  13.             <!-- Slide-1 -->
  14.             {% for cat in category %}
  15.             <div class="swiper-slide opacityLayer" style="background-image: url({{ uploads ~ "/" ~ cat.image }}); background-position: 50% 50%; background-size: cover;">
  16.                 <div class="container">
  17.                     <div class="cell-view tableCellVH">
  18.                         <div class="emptySpace150"></div>
  19.                         <div class="row">
  20.                             <div class="col-md-8 col-md-offset-2">
  21.                                 <div class="big titleShortcode">
  22.                                     <h3 class="h3">{{ cat.title }}</h3>
  23.                                     <div class="emptySpace5"></div>
  24.                                     <p>{{ cat.shortText|raw }}</p>
  25.                                     <div class="emptySpace55 emptySpace-xs25"></div>
  26.                                     <a href="{{ path('web_category', {'slug': cat.slug}) }}" class="button">Pogledajte naše proizvode</a>
  27.                                 </div>
  28.                             </div>
  29.                         </div>
  30.                         <div class="emptySpace150"></div>
  31.                     </div>
  32.                 </div>
  33.             </div>
  34.             {% endfor %}
  35.         </div>
  36.         <div class="swiper-pagination swiper-pagination-white"></div>
  37.     </div>
  38. </div>
  39. <div class="emptySpace-xs60 emptySpace120"></div>