private\home\counters.twig line 1

  1. <div id="counters" class="container">
  2.     <h2>
  3.         <b>VACAF en chiffres</b>
  4.     </h2>
  6.     <div class="grid text-center counters-contain flex-lg-nowrap d-lg-flex justify-content-lg-evenly" style="--bs-gap:0; row-gap: 10px;">
  7.         <div class="counter g-col-12 g-col-lg-2 g-col-md-3 g-col-sm-4" data-aos="zoom-in" data-aos-id="counters" data-aos-once="true" data-aos-offset="0" data-aos-anchor-placement="bottom-bottom" data-aos-delay="0">
  8.             <span style="color:#E36A7D" data-duration="3000" data-start="0" data-end="{{nbCafAdherentes}}">&nbsp;</span>
  9.             <div>CAF adhérentes<br>à VACAF </div>
  10.         </div>
  12.         <div class="counter g-col-12 g-col-lg-2 g-col-md-3 g-col-sm-4" data-aos="zoom-in" data-aos-id="counters" data-aos-once="true" data-aos-offset="0" data-aos-anchor-placement="bottom-bottom" data-aos-delay="400">
  13.             <span style="color:#0F63AE" data-duration="3000" data-start="0" data-end="7375">&nbsp;</span>
  14.             <div>Partenaires labellisés<br>par VACAF en {{ PRECEDENT_YEAR }}</div>
  15.         </div>
  17.         <div class="counter g-col-12 g-col-lg-2 g-col-md-3 g-col-sm-4" data-aos="zoom-in" data-aos-id="counters" data-aos-once="true" data-aos-offset="0" data-aos-anchor-placement="bottom-bottom" data-aos-delay="800">
  18.             <span style="color:#ADCD65" data-duration="3000" data-start="0" data-end="115956">&nbsp;</span>
  19.             <div>Séjours familles<br>en {{ PRECEDENT_YEAR }}</div>
  20.         </div>
  21.         <div class="counter g-col-12 g-col-lg-2 g-col-md-3 g-col-sm-4" data-aos="zoom-in" data-aos-id="counters" data-aos-once="true" data-aos-offset="0" data-aos-anchor-placement="bottom-bottom" data-aos-delay="1200">
  22.             <span style="color:#E36A7D" data-duration="3000" data-start="0" data-end="78567">&nbsp;</span>
  23.             <div>Départs enfants<br>en {{ PRECEDENT_YEAR }}</div>
  24.         </div>
  26.         <div class="counter g-col-12 g-col-lg-2 g-col-md-3 g-col-sm-4" data-aos="zoom-in" data-aos-id="counters" data-aos-once="true" data-aos-offset="0" data-aos-anchor-placement="bottom-bottom" data-aos-delay="400">
  27.             <span style="color:#0F63AE" data-duration="3000" data-start="0" data-end="{{ nbPartenaires }}">&nbsp;</span>
  28.             <div>Partenaires labellisés<br>par VACAF en {{ THIS_YEAR }}</div>
  29.         </div>
  31.         {% if nbSejoursEnfants > 200 and  nbSejoursFamilles > 200 %}
  32.             <div class="counter g-col-12 g-col-lg-2 g-col-md-3 g-col-sm-4" data-aos="zoom-in" data-aos-id="counters" data-aos-once="true" data-aos-offset="0" data-aos-anchor-placement="bottom-bottom" data-aos-delay="1600">
  33.                 <span style="color:#0F63AE" data-duration="3000" data-start="0" data-end="{{ nbSejoursFamilles }}">&nbsp;</span>
  34.                 <div>Séjours familles<br>en {{ THIS_YEAR }}</div>
  35.             </div>
  36.             <div class="counter g-col-12 g-col-lg-2 g-col-md-3 g-col-sm-4" data-aos="zoom-in" data-aos-id="counters" data-aos-once="true" data-aos-offset="0" data-aos-anchor-placement="bottom-bottom" data-aos-delay="2000">
  37.                 <span style="color:#ADCD65" data-duration="3000" data-start="0" data-end="{{ nbSejoursEnfants }}">&nbsp;</span>
  38.                 <div>Départs enfants<br>en {{ THIS_YEAR }}</div>
  39.             </div>
  40.         {% endif %}
  41.     </div>
  42. </div>