templates/front/bloc/isHeader.html.twig line 1

Open in your IDE?
  1.     <div class="container reveal">
  2.         <div
  3.             class=" is_header row align-items-center  slider-agence-section {{ bloc.classe }}" data-class="{{ bloc.classe }}">
  4.                 {% set media = bloc.medias | first %}
  5.                 {% if  bloc.positionImage ==  constant('App\\Entity\\medias\\Media::POSITION_RIGHT') %}
  6.                     <div class="row ">
  7.                         <div class="col-md-5  align-self-center box-win visible-mobile orderBox1 order-lg-0 order-1 "> {#{{ bloc.colTxt }}#}
  8.                             <div class="text-bloc">
  9.                                 {% if bloc.isShowTitle  %}
  10.                                     {{ bloc.title | raw  }}
  11.                                 {% endif %}
  12.                                 <div class="prg{{ loop.index }}">
  13.                                     {{ bloc.description | raw }}</div>
  14.                             </div>
  15.                         </div>
  16.                         <div class="col-md-7 align-self-center bloc-mobile orderBox2 order-lg-1 order-0 "> {#{{ bloc.colImage }}#}
  17.                             <div class="img-mobile wp">
  18.                                 <div class="section-experience-content is_header_content">
  19.                                         <div class="container-solution">
  20.                                                 <div class="content">
  21.                                                         <div class="carrousel-experience">
  22.                                                             <div class="{% if bloc.carrousel |length > 1 %}owl-carousel owl-theme{% endif %}">
  23.                                                                 {% for carrousel in bloc.carrousel %}
  24.                                                                   {% if  carrousel.media_carrouselCarrousel_path %}
  25.                                                                     <div class="item text-center">
  26.                                                                         <div class="row align-items-center">
  27.                                                                             <div class="col-lg-12 col-md-12 col-12 text-center">
  28.                                                                                 {# {{ dump(carrousel) }} #}
  29.                                                                                 <div class="img-box" 
  30.                                                                                 {% if carrousel.media_carrouselCarrousel_extension != "mp4" %}
  31.                                                                                     style="background:url('{{ asset(uploads_directory ~ carrousel.media_carrouselCarrousel_path ~ '/' ~ carrousel.media_carrouselCarrousel_file) }}'); background-size: cover; background-position: center; background-repeat: no-repeat;"
  32.                                                                                 {% endif %}    
  33.                                                                                 >
  34.                                                                                     {% if carrousel.media_carrouselCarrousel_extension == "mp4" %}
  35.                                                                                         <video class="video video-bloc-right" controls>
  36.                                                                                             <source style="background-position: center; background-repeat: no-repeat;" src="{{asset(uploads_directory ~ carrousel.media_carrouselCarrousel_path ~ '/' ~ carrousel.media_carrouselCarrousel_file ) }}" type="video/mp4">
  37.                                                                                         </video>
  38.                                                                                         
  39.                                                                                     {% endif %}
  40.                                                                                     {# <span class="d-lg-block d-md-none d-none">{{ transformInteger(loop.index) }}<sup>/ {{ transformInteger(bloc.carrousel|length) }}</sup>
  41.                                                                                     </span>
  42.                                                                                     <h5 class="d-lg-none d-md-block d-block">{{carrousel.carrousel_carrousel_title_mobile}}</h5> #}
  43.                                                                                     {% if carrousel.carrousel_carrousel_description %} 
  44.                                                                                         {{ carrousel.carrousel_carrousel_description|raw }} 
  45.                                                                                     {% endif %}                                                                             
  46.                                                                                 </div>
  47.                                                                             </div>
  48.                                                                             {# <div class="col-lg-12 col-md-12 col-12 bloc-margin-top">
  49.                                                                                 {{ carrousel.carrousel_carrousel_description|raw }}
  50.                                                                             </div> #}
  51.                                                                         </div>
  52.                                                                     </div>
  53.                                                                     {% endif %}
  54.                                                                 {% endfor %}
  55.                                                 
  56.                                                             </div>
  57.                                                         </div>
  58.                                                 </div>
  59.                                             </div>
  60.                                         </div>
  61.                                 </div>
  62.                             </div>
  63.                         </div>
  64.                     </div>    
  65.                 {% elseif  bloc.positionImage ==  constant('App\\Entity\\medias\\Media::POSITION_LEFT') %}
  66.                     <div class="row "> 
  67.                         <div class="col-md-6 align-self-center bloc-mobile orderBox2"> {#{{ bloc.colImage }}#}
  68.                             <div class="img-mobile wp">
  69.                                 <div class="section-experience-content is_header_content">
  70.                                     <div class="row align-items-center">
  71.                                         <div class="container-solution">
  72.                                                 <div class="content row align-items-center">
  73.                                                     <div class="row align-items-center">
  74.                                                         <div class="carrousel-experience">
  75.                                                             <div class="{% if bloc.carrousel |length > 1 %}owl-carousel owl-theme{% endif %}">
  76.                                                                 {% for carrousel in bloc.carrousel %}
  77.                                                                 
  78.                                                                     <div class="item text-center">
  79.                                                                         <div class="row align-items-center">
  80.                                                                             <div class="col-lg-12 col-md-12 col-12 text-center">
  81.                                                                                 <div class="img-box"  
  82.                                                                                     {% if carrousel.media_carrouselCarrousel_extension != "mp4" %}
  83.                                                                                         style="background:url('{{ asset(uploads_directory ~ carrousel.media_carrouselCarrousel_path ~ '/' ~ carrousel.media_carrouselCarrousel_file) }}'); background-size: cover; background-position: center; background-repeat: no-repeat;"
  84.                                                                                     {% endif %}
  85.                                                                                     
  86.                                                                                     >
  87.                                                                                     {% if carrousel.media_carrouselCarrousel_extension == "mp4" %}
  88.                                                                                         <video id="video" class="video video-bloc-right" controls>
  89.                                                                                             <source style="background-size: cover; background-position: center; background-repeat: no-repeat;" src="{{ asset(uploads_directory ~ carrousel.media_carrouselCarrousel_path ~ '/' ~ carrousel.media_carrouselCarrousel_file ) }}" type="video/mp4">
  90.                                                                                         </video>
  91.                                                                                     {% endif %}
  92.                                                                                     <span class="d-lg-block d-md-none d-none">{#{{ transformInteger(loop.index) }}<sup>/ {{ transformInteger(bloc.carrousel|length) }}#}</sup>
  93.                                                                                     </span>
  94.                                                                                     <h5 class="d-lg-none d-md-block d-block">{{carrousel.carrousel_carrousel_title_mobile}}</h5>
  95.                                                                                 </div>
  96.                                                                             </div>
  97.                                                                             <div class="col-lg-6 col-md-12 col-12 bloc-margin-top offset-lg-1">
  98.                                                                                 {{ carrousel.carrousel_carrousel_description|raw }}
  99.                                                                             </div>
  100.                                                                         </div>
  101.                                                                     </div>
  102.                                                                 {% endfor %}
  103.                                                             </div>
  104.                                                         </div>
  105.                                                     </div>
  106.                                                 </div>
  107.                                             </div>
  108.                                         </div>
  109.                                     </div>
  110.                                 </div>
  111.                             </div>
  112.                          <div class="col-md-6  align-self-center box-win visible-mobile orderBox1"> {#{{ bloc.colTxt }}#}
  113.                             <div class="text-bloc">
  114.                                 {% if bloc.isShowTitle  %}
  115.                                     {{ bloc.title | raw  }}
  116.                                 {% endif %}
  117.                                 <div class="prg{{ loop.index }}">
  118.                                     {{ bloc.description | raw }}
  119.                                 </div>
  120.                             </div>
  121.                         </div>   
  122.                     </div>
  123.                 {% endif %}
  124.         </div>
  125.     </div>