templates/_numbers.html.twig line 1

Open in your IDE?
  1. {% set numbersContent1 = content('Home', 'Chiffres-1') %}
  2. {% set numbersContent2 = content('Home', 'Chiffres-2') %}
  3. {% set numbersContent3 = content('Home', 'Chiffres-3') %}
  4. {% set numbersContent4 = content('Home', 'Chiffres-4') %}
  6. <div class="col-lg-8 mx-auto div-svg-header" style="display: flex;">
  7.     <div class="col-lg-8">
  8.         <svg xmlns="http://www.w3.org/2000/svg" width="9.089" height="14.77" viewBox="0 0 9.089 14.77">
  9.             <path id="Tracé_76" data-name="Tracé 76" d="M682.759,232.441h-9.089v14.77l9.089-1.931Z" transform="translate(-673.669 -232.441)" fill="#f6a400"/>
  10.         </svg>
  11.         {% if numbersContent1.name is defined %}<h1 class="property-name">{{ numbersContent1.name }}</h1>{% else %}<h1 class="property-name">QUELQUES CHIFFRES</h1>{% endif %}
  12.     </div>
  13. </div>
  14. <div class="col-lg-8 mx-auto div-svg-header" style="display: flex; align-items: center">
  15.     <div id="flick1" class="flicking-viewport" style="display: flex; justify-content: center">
  16.         <div class="flicking-camera" style="align-items: flex-start; justify-content: flex-start;">
  17.             {% if numbersContent1.content is defined %}
  18.                 <div class="number-content constr" style="display: flex; flex-direction: column; align-items: center; justify-content: center">
  19.                     {{ numbersContent1.content|raw }}
  20.                 </div>
  21.             {% else %}
  22.                 <div class="number-content comm" style="display: flex; flex-direction: column; align-items: center; justify-content: center">
  23.                     <p>Environ</p>
  24.                     <h2><strong class="count">0</strong></h2>
  25.                     <p>logements</p>
  26.                     <p><strong>commercialisés </strong>(par an)</p>
  27.                 </div>
  28.             {% endif %}
  29.             {% if numbersContent1.content is defined %}
  30.                 <div class="separator"></div>
  31.                 <div class="number-content comm"  style="display: flex; flex-direction: column; align-items: center; justify-content: center">
  32.                     {{ numbersContent2.content|raw }}
  33.                 </div>
  34.             {% else %}
  35.                 <div class="separator"></div>
  36.                 <div class="number-content comm" style="display: flex; flex-direction: column; align-items: center; justify-content: center">
  37.                     <p>Environ</p>
  38.                     <h2><strong class="count">0</strong></h2>
  39.                     <p>logements</p>
  40.                     <p><strong>commercialisés </strong>(par an)</p>
  41.                 </div>
  42.             {% endif %}
  43.             {% if numbersContent1.content is defined %}
  44.                 <div class="separator"></div>
  45.                 <div class="number-content porte"  style="display: flex; flex-direction: column; align-items: center; justify-content: center">
  46.                     {{ numbersContent3.content|raw }}
  47.                 </div>
  48.             {% else %}
  49.                 <div class="separator"></div>
  50.                 <div class="number-content comm" style="display: flex; flex-direction: column; align-items: center; justify-content: center">
  51.                     <p>Environ</p>
  52.                     <h2><strong class="count">0</strong></h2>
  53.                     <p>logements</p>
  54.                     <p><strong>commercialisés </strong>(par an)</p>
  55.                 </div>
  56.             {% endif %}
  57.             {% if numbersContent1.content is defined %}
  58.                 <div class="separator"></div>
  59.                 <div class="number-content coll"  style="display: flex; flex-direction: column; align-items: center; justify-content: center">
  60.                     {{ numbersContent4.content|raw }}
  61.                 </div>
  62.             {% else %}
  63.                 <div class="separator"></div>
  64.                 <div class="number-content comm" style="display: flex; flex-direction: column; align-items: center; justify-content: center">
  65.                     <p>Environ</p>
  66.                     <h2><strong class="count">0</strong></h2>
  67.                     <p>logements</p>
  68.                     <p><strong>commercialisés </strong>(par an)</p>
  69.                 </div>
  70.             {% endif %}
  71.         </div>
  72.     </div>
  73. </div>