templates/pages/homepage.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block content %}
  4.     {% if content.bannieres|length %}
  5.         <div class="container-fluid">
  6.             <div class="row">
  7.                 <div class="col-12 swiper swiper-banner" {{ content.bannieres|length > 1 ? 'data-loop="true"' : '' }}>
  8.                     <div class="swiper-wrapper">
  9.                         {% set firstCaption = null %}
  10.                         {% for ban in content.bannieres  %}
  11.                             {% set banIndex = loop.index0 %}
  12.                             {% set caption %}
  13.                                 <div class="container h-100">
  14.                                     <div class="row h-100 align-items-end">
  15.                                         <div class="col-lg-5 my-5"> 
  16.                                             {% if ban.picto %}
  17.                                                 <i class="picto {{ ban.picto }}" ></i>
  18.                                             {% endif %}                          
  19.                                             <h2>{{ ban.titre|raw }}</h2>
  20.                                             <h3>{{ ban.description|raw }}</h3>
  21.                                         </div>
  22.                                     </div>
  23.                                 </div>
  24.                             {% endset %}
  25.                             {% if not firstCaption %}
  26.                                 {% set firstCaption = caption %}
  27.                             {% endif %}
  28.                             {% for img in ban.image %}
  29.                                 <div class="swiper-slide d-flex bg-overlay" data-caption='{{ {html:caption|spaceless}|json_encode|raw }}' data-parent="ban_{{ banIndex }}" >
  30.                                     <img src="{{ img.formats['banner-1600x'] }}" class="img-cover img-bg">
  31.                                 </div>
  32.                             {% endfor %}
  33.                         {% endfor %}
  34.                     </div>
  35.                     <div class="caption home-banner">
  36.                         {{ firstCaption }}
  37.                     </div>
  38.                 </div>
  39.             </div>
  40.         </div>
  41.     {% endif %}
  42.     <div class="container">
  43.         <div class="row justify-content-center assistense-info">
  44.             <div class="col-lg-6 mb-3 intro pt-5 pb-3">
  45.                 {{ content.intro|raw }}
  46.             </div>
  47.         </div>
  48.     </div>
  49.     
  50.     {% set groupe = sulu_content_load('fe636747-6382-44fe-840a-c6130f1a1428',{'societes' : 'societes'}) %}    
  51.     
  52.     <div class="accounts pb-0 pb-lg-5">
  53.         <div class="container">
  54.             <div class="row justify-content-center g-lg-3">
  55.                 {% set logoAlt = {1:109,2:110,3:111,4:110} %}
  56.                 {% set bgLogo = {1:99,2:97,3:98,4:142} %}
  57.                 
  58.                 {% for societe in groupe.content.societes %}  
  59.                     {% set image = sulu_resolve_media(bgLogo[societe.account.id],'fr') %}
  60.                     <div class="col-lg-3 mb-3 mb-lg-0 account-{{ societe.account.id }}">
  61.                         <div class="item p-4 h-100">
  62.                             {% if image %}
  63.                             <img src="{{ image.thumbnails['sulu-400x400'] }}" class="img-cover img-bg">    
  64.                             {% endif %}                
  65.                             <div class="infos">
  67.                                 {% set logo = sulu_resolve_media(logoAlt[societe.account.id],'fr') ? sulu_resolve_media(logoAlt[societe.account.id],'fr') : sulu_resolve_media(societe.account.entity.logo,'fr') %}
  68.                                
  69.                                 {% if logo|default(null) %}
  70.                                     <div class="logo-wrapper d-flex align-items-center justify-content-center text-center">
  71.                                         <img src="{{ logo.thumbnails['logo-x600'] }}" class="account-logo">
  72.                                     </div>
  73.                                 {% endif %}
  74.                                 <h3>{{ societe.emplacement }}</h3>
  75.                                 <div>{{ societe.titre }}</div>
  76.                             </div>
  77.                         </div>
  78.                     </div>
  79.                 {% endfor %}
  80.             </div>
  81.         </div>
  82.     </div>
  83.     <div class="engagements my-0 my-lg-5">
  84.         <div class="container">
  85.             <div class="row gx-lg-5">
  86.                 <div class="col-lg-6 py-4 mb-5 mb-lg-5">
  87.                     {% if content.service_image %}
  88.                         <img src="{{ content.service_image.formats['media-960x540'] }}" class="img-fluid img-intro mb-3">
  89.                     {% endif %}
  90.                     {{ content.service_description|raw }}
  91.                 </div>
  92.                 <div class="col-lg-6 mb-5 mb-lg-0">
  93.                     <div class="engagements-list bg-overlay p-3 p-lg-5">
  94.                         <div class="engagements-head-title">{{ content.engagements_description|raw }}</div>
  95.                         <ul class="m-0 p-0">
  96.                             {% if content.engagements|length %}
  97.                                 {% for engagement in content.engagements %}
  98.                                     <li class="mt-5 py-3 px-4">
  99.                                         {% if engagement.picto %}
  100.                                             <i class="picto {{ engagement.picto }}" ></i>
  101.                                         {% endif %}
  102.                                         <div>
  103.                                             <h4>{{ engagement.titre }}</h4>
  104.                                             <div class="engagements-list-short">{{ engagement.description|raw }}</div>
  105.                                         </div>
  106.                                     </li>
  107.                                 {% endfor %}
  108.                             {% endif %}
  109.                         </ul>
  110.                         {% if content.engagements_image %}
  111.                             <img src="{{ content.engagements_image.formats['sulu-large'] }}" class="img-bg img-cover">
  112.                         {% endif %}
  113.                     </div>
  114.                 </div>
  115.             </div>
  116.         </div>
  117.     </div>
  118. {% endblock %}