templates/equipe/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ settings[0].siteName }} : l'Equipe{% endblock %}
  5. {% block body %}
  7. <div class="container-fluid position-relative px-0 pb-5">
  9.     <div class="position-absolute h-100 equipe-bg-mobile" style="z-index: -1;">
  10.         <img src="{{ asset('assets/img/equipe-bg.jpg') }}" alt="bg équipe" style="width: 60%; height: 100%; object-fit: cover;">
  11.     </div>
  13.     <div class="container pt-5">
  14.         <div class="row mb-1">
  15.             <div class="col text-center">
  16.                 <h2>{{ settings[0].pageEquipetitle }}</h2>
  17.                 <p class="fs-6">{{ settings[0].pageEquipesubtitle|replace({'<div>': '', '</div>': '', '<p>': '', '</p>': '',})|raw }}</p>
  18.             </div>
  19.         </div>
  20.     </div>
  22.     <div class="container mt-4">
  23.         {% for equipe in equipeAssocies %}
  24.             <div class="row g-4 mt-3">
  25.                 <div class="col-lg-3 col-sm-12">
  26.                     {% if loop.index == 1 %}
  27.                         <button class="button-equipe-responsive mb-5">
  28.                             {{ equipeAssocies|length }}
  30.                             {% if (equipeAssocies|length) > 1 %}
  31.                                 {{ statusEquipeAssocie[0] }}s
  32.                             {% else %}
  33.                                 {{ statusEquipeAssocie[0] }}
  34.                             {% endif %}
  35.                         </button>
  36.                     {% endif %}
  37.                     <img src="{{ asset('assets/img/equipe/' ~ equipe.image ) }}"
  38.                         alt="{{ equipe.firstname }} {{ equipe.lastname }}" class="img-fluid ps-5"
  39.                         style="max-width: 300px; width: 100%;">
  40.                 </div>
  41.                 <div class="col-lg-5 col-sm-12 ps-5">
  42.                     {% if loop.index == 1 %}
  43.                         <button class="button-equipe mb-5">
  44.                             {{ equipeAssocies|length }}
  46.                             {% if (equipeAssocies|length) > 1 %}
  47.                                 {{ statusEquipeAssocie[0] }}s
  48.                             {% else %}
  49.                                 {{ statusEquipeAssocie[0] }}
  50.                             {% endif %}
  51.                         </button>
  52.                     {% endif %}
  53.                     <h4 class="color text-uppercase fw-bold">{{ equipe.firstname }} {{ equipe.lastname }}</h4>
  54.                     <p>
  55.                         {{ equipe.presentation|raw }}
  56.                     </p>
  57.                 </div>
  58.             </div>
  59.         {% endfor %}
  60.     </div>
  62.     <div class="container mt-5">
  63.         {% for equipe in equipeCommerciaux %}
  64.             <div class="row g-4 mt-3">
  65.                 <div class="col-lg-3 col-sm-12">
  66.                     {% if loop.index == 1 %}
  67.                         <button class="button-equipe-responsive mb-5">
  68.                             {{ equipeCommerciaux|length }} commerciaux
  69.                         </button>
  70.                     {% endif %}
  71.                     <img src="{{ asset('assets/img/equipe/' ~ equipe.image ) }}"
  72.                         alt="{{ equipe.firstname }} {{ equipe.lastname }}" class="img-fluid ps-5"
  73.                         style="max-width: 300px; width: 100%;">
  74.                 </div>
  75.                 <div class="col-lg-5 col-sm-12 ps-5">
  76.                     {% if loop.index == 1 %}
  77.                         <button class="button-equipe mb-5">
  78.                             {{ equipeCommerciaux|length }}
  80.                             {% if (equipeCommerciaux|length) > 1 %}
  81.                                 commerciaux
  82.                             {% else %}
  83.                                 commercial
  84.                             {% endif %}
  85.                         </button>
  86.                     {% endif %}
  87.                     <h4 class="color text-uppercase fw-bold">{{ equipe.firstname }} {{ equipe.lastname }}</h4>
  88.                     <p>
  89.                         {{ equipe.presentation|raw }}
  90.                     </p>
  91.                 </div>
  92.             </div>
  93.         {% endfor %}
  94.     </div>
  96.     {% if equipeApprentis != null %}
  97.         <div class="container mt-5">
  98.             {% for equipe in equipeApprentis %}
  99.                 <div class="row g-4 mt-4">
  100.                     <div class="col-lg-3 col-sm-12">
  101.                         {% if loop.index == 1 %}
  102.                             <button class="button-equipe-responsive mb-5">
  103.                                 {{ equipeApprentis|length }}
  105.                                 {% if (equipeApprentis|length) > 1 %}
  106.                                     {{ statusEquipeApprenti[0] }}s
  107.                                 {% else %}
  108.                                     {{ statusEquipeApprenti[0] }}
  109.                                 {% endif %}
  110.                             </button>
  111.                         {% endif %}
  112.                         <img src="{{ asset('assets/img/equipe/' ~ equipe.image ) }}"
  113.                             alt="{{ equipe.firstname }} {{ equipe.lastname }}" class="img-fluid ps-5"
  114.                             style="max-width: 300px; width: 100%;">
  115.                     </div>
  116.                     <div class="col-lg-5 col-sm-12 ps-5">
  117.                         {% if loop.index == 1 %}
  118.                             <button class="button-equipe mb-5">
  119.                                 {{ equipeApprentis|length }} apprenti
  120.                             </button>
  121.                         {% endif %}
  122.                         <h4 class="color text-uppercase fw-bold">{{ equipe.firstname }} {{ equipe.lastname }}</h4>
  123.                         <p>
  124.                             {{ equipe.presentation|raw }}
  125.                         </p>
  126.                     </div>
  127.                 </div>
  128.             {% endfor %}
  129.         </div>
  130.     {% endif %}
  132. </div>
  134. {% endblock %}