templates/front/front_blocks/bloc-chiffres_cles.html.twig line 1

Open in your IDE?
  1. <section data-bs-version="5.1" class="numbers01 cid-sZ7VhSNzs4 {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }}"
  2.          id="numbers01-4d">
  5.     <div class="container">
  6.         {% if bloc.bloc_titre %}
  7.             <h3 class="mbr-section-title mbr-fonts-style display-2 text-center">
  8.                 <strong>{{ bloc.bloc_titre }}</strong>
  9.             </h3>
  10.         {% endif %}
  11.         {% if bloc.bloc_sstitre %}
  12.             <h4 class="mbr-section-subtitle mbr-fonts-style display-5 text-center mb-5">
  13.                 {{ bloc.bloc_sstitre }}
  14.             </h4>
  15.         {% endif %}
  16.         <div class="row justify-content-center mt-5 chiffreCle">
  18.             {% for i in 1..4 %}
  19.                 {% if (attribute(bloc, 'bloc_chiffre' ~ i) and attribute(bloc, 'bloc_chiffre' ~ i) != "") or (attribute(bloc, 'bloc_texte_chiffre' ~ i) and attribute(bloc, 'bloc_texte_chiffre' ~ i) != "") %}
  20.                     <div class="card md-pb col-12 col-md-6 col-lg-4">
  21.                         <div class="card-wrapper d-flex flex-column justify-content-center align-items-center">
  22.                             <div class="icon-wrapper">
  23.                                 <span class="mbr-iconfont m-auto mobi-mbri-up mobi-mbri"></span>
  24.                             </div>
  25.                             <div class="card-box">
  26.                                 <h4 class="card-title mbr-fonts-style mb-1 display-1">
  27.                                     <strong>{{ attribute(bloc, 'bloc_chiffre' ~ i) }}</strong></h4>
  28.                                 <h5 class="card-text mbr-fonts-style display-7">{{ attribute(bloc, 'bloc_symbole' ~ i) }}</h5>
  29.                                 <p>{{ attribute(bloc, 'bloc_texte_chiffre' ~ i) }}</p>
  30.                             </div>
  31.                         </div>
  32.                     </div>
  33.                 {% endif %}
  34.             {% endfor %}
  35.         </div>
  36.     </div>
  37. </section>