templates/front/home/slides.html.twig line 1

Open in your IDE?
  1. <section class="main-slider style1">
  2.     <div class="slider-box">
  3.         <!-- Banner Carousel -->
  4.         <div class="banner-carousel owl-theme owl-carousel">
  5.             {% for slide in slides %}
  6.                 {% if 'iPhone' in app.request.headers.get('User-Agent')
  7.                     or 'iPod' in app.request.headers.get('User-Agent')
  8.                     or 'iPad' in app.request.headers.get('User-Agent')
  9.                     or 'Android' in app.request.headers.get('User-Agent')
  10.                     or 'BlackBerry' in app.request.headers.get('User-Agent')
  11.                 %}
  12.                     {% set slideWith = '' %}
  13.                     {% set image = asset(slide_images_directory ~ '/' ~ slide.mobileImage) %}
  14.                 {% else %}
  15.                     {% set slideWith = 'width: 1920px' %}
  16.                     {% set image = asset(slide_images_directory ~ '/' ~ slide.image) | imagine_filter('size_slider') %}
  17.                 {% endif %}
  18.                 <!-- Slide -->
  19.                 <div class="slide" style="height:1080px;{{ slideWith }}">
  20.                     <div class="image-layer" style="background-image:url('{{ image }}'"></div>
  21.                     <div class="auto-container">
  22.                         <div class="content" style="text-align: {{ slide.direction }}">
  23.                             <h5>{{ slide.title }}</h5>
  24.                             <div class="border-box"></div>
  25.                             <h2>{{ slide.subTitle }}</h2>
  26.                             {% if slide.button is not empty %}
  27.                                 <div class="btns-box">
  28.                                     <a class="btn-one" href="{{ slide.link }}">
  29.                                         <span class="txt">{{ slide.button }}</span>
  30.                                     </a>
  31.                                 </div>
  32.                             {% endif %}
  33.                         </div>
  34.                     </div>
  35.                 </div>
  36.             {% endfor %}
  37.         </div>
  39.         <div class="slider-social-links">
  40.             <ul>
  41.                 <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
  42.                 <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
  43.                 <li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
  44.                 <li><a href="#"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li>
  45.             </ul>
  46.         </div>
  47.     </div>
  48. </section>