src/Notaris/FrontendBundle/Resources/views/module/banner.html.twig line 1

Open in your IDE?
  1. <!-- BANNER -->
  2. <div class="c-banner c-banner--large u-hidden@mobile u-margin-bottom-small">
  3.     <div data-gallerytime="10000" class="c-gallery c-gallery--large js-gallery js-timer" data-active="0">
  4.         <div class="c-gallery__wrapper">
  5.             {% for key, banner in banners %}
  6.                 {% if banner %}
  7.                     <div class="c-gallery__item o-object-fit">
  8.                         {% if banner.link|length > 0 %}
  9.                             <a class="c-gallery__homebanner__link"{% if banner.id == 119 or banner.id == 118 %} target="_blank"{% endif%} href="{{ banner.link }}" title="{{ banner.headline1 }}"><span class="u-hidden">{{ banner.headline1 }}</span></a>
  10.                         {% endif %}
  11.                         <div class="o-flex o-flex--column c-gallery__content">
  12.                             <div class="c-gallery__item__title o-layout o-layout--flush o-flex__remaining o-flex o-flex--end-items">
  13.                                 <div class="o-layout__item u-2/7 u-padding-none">&nbsp;</div>
  14.                                 <p class="u-h2 u-color-white o-layout__item u-4/7 u-padding-none">{{ banner.headline1 }}</p>
  15.                                 <div class="o-layout__item u-1/7 u-padding-none">&nbsp;</div>
  16.                             </div>
  17.                             <div class="c-gallery__item__subtitle o-layout o-layout--flush u-padding-top-tiny{% if banner.subline|length == 0 %} c-gallery__item__subtitle--nobackground{% endif %}">
  18.                                 <div class="o-layout__item u-2/7 u-padding-none"><button class="c-gallery__prev c-gallery__prev--large c-btn--empty js-gallery-prev u-margin-left-small"></button></div>
  19.                                 <p class="u-color-white o-layout__item u-4/7 u-margin-none">{{ banner.subline }}</p>
  20.                                 <div class="o-layout__item u-1/7 u-padding-none"><button class="c-gallery__next c-gallery__next--large c-btn--empty js-gallery-next u-margin-right-small"></button></div>
  21.                             </div>
  22.                             <div class="c-gallery__item__empty {% if banner.subline|length == 0 %} c-gallery__item__empty--nobackground{% endif %}">&nbsp;</div>
  23.                         </div>
  25.                         {% if banner.asset.assetImages | length > 0 %}
  26.                             {% set image_path = 'uploads/'~ locale ~ '/' ~  banner.asset.assetImages[0].image.filename %}
  28.                             <img src="{{ image_path }}" class="c-gallery__item__image" />
  29.                             {# {{ image_path | imagine_filter('home_banner_image')|replace({'http:': app.request.scheme()~':'}) }} #}
  31.                             {#{{ image_path | responsive_image_source([960, 740], {'filterset': 'responsive_article_image', 'sizes': '(min-width: 960px) 960px, (min-width: 768px and max-width: 960px) 740px'}, 'c-gallery__item__image') }}#}
  32.                         {% endif %}
  33.                     </div>
  34.                 {% endif %}
  35.             {% endfor %}
  36.         </div>
  37.     </div>
  38. </div>