templates/includes/blocks/projectSingleParamsSection.html.twig line 1

Open in your IDE?
  1. <section class="pb-14 lg:pb-16"
  2.   section-shade="light">
  3.   <div class="big-container">
  4.     {# Description Items wrapper #}
  5.     <div class="flex flex-wrap xl:justify-between border border-gray divide-y md:divide-y-0 md:divide-x divide-gray"
  6.       style="background-image: repeating-linear-gradient(0deg, #F0F0F0, #F0F0F0 1px, transparent 2px, transparent 109px)"
  7.       batch-wrapp>
  8.       
  10.     {% for item in content.parametres %}
  12.       {% if item.parametresType == 'numberOfLots' %}
  13.       <div
  14.         class="flex items-center md:justify-center h-[109px] xl:justify-start w-full xl:w-fit lg:max-w-[50%] 2lg:max-w-[50%] 2xl:max-w-[25%] gap-4 px-8 py-6 md:py-7"
  15.         fade
  16.         fade-trigger="batch">
  17.         <svg class="shrink-0 w-8 h-8">
  18.           <use xlink:href="#lots"></use>
  19.         </svg>
  21.         <div>
  22.           <p class="text-sm font-medium opacity-70">
  23.             {{ item.parametresTitle }}
  24.           </p>
  26.           <p class="text-2xl md:whitespace-nowrap">{{item.parametresDetails | raw}}</p>
  27.         </div>
  28.       </div>
  29.       {% endif %}
  30.       
  31.       {% if item.parametresType == 'architect' %}
  32.       <div
  33.         class="flex items-center md:justify-center h-[109px] xl:justify-start w-full md:w-1/2 xl:w-fit lg:max-w-[50%] 2xl:max-w-[25%] gap-4 px-8 py-6 md:py-7 md:-order-1 xl:order-none md:!border-b xl:!border-b-0 md:border-gray"
  34.         fade
  35.         fade-trigger="batch">
  36.         <svg class="shrink-0 w-8 h-8">
  37.           <use xlink:href="#architect"></use>
  38.         </svg>
  40.         <div>
  41.           <p class="text-sm font-medium opacity-70">
  42.             {{ item.parametresTitle }}
  43.           </p>
  45.           <p class="text-2xl md:whitespace-nowrap">{{item.parametresDetails | raw}}</p>
  46.         </div>
  47.       </div>
  48.       {% endif %}
  49.     
  50.       {% if item.parametresType == 'entrepriseGenerale' %}
  51.       <div
  52.         class="flex items-center md:justify-center h-[109px] xl:justify-start w-full md:w-1/2 xl:w-fit lg:max-w-[50%] 2xl:max-w-[25%] gap-4 px-8 py-6 md:py-7 md:-order-1 xl:order-none md:!border-b xl:!border-b-0 md:border-gray"
  53.         fade
  54.         fade-trigger="batch">
  55.         <svg class="shrink-0 w-8 h-8">
  56.           <use xlink:href="#status"></use>
  57.         </svg>
  59.         <div>
  60.           <p class="text-sm font-medium opacity-70">
  61.             {{ item.parametresTitle }}
  62.           </p>
  64.           <p class="text-2xl md:whitespace-nowrap">{{item.parametresDetails | raw}}</p>
  65.         </div>
  66.       </div>
  67.       {% endif %}
  69.       {% if item.parametresType == 'surface' %}
  70.       <div
  71.         class="flex items-center md:justify-center h-[109px] xl:justify-start w-full xl:w-fit lg:max-w-[50%] 2lg:max-w-[50%] 2xl:max-w-[25%] gap-4 px-8 py-6 md:py-7"
  72.         fade
  73.         fade-trigger="batch">
  74.         <svg class="shrink-0 w-8 h-8">
  75.           <use xlink:href="#surface"></use>
  76.         </svg>
  78.         <div>
  79.           <p class="text-sm font-medium opacity-70">
  80.             {{ item.parametresTitle }}
  81.           </p>
  83.           <p class="text-2xl md:whitespace-nowrap">{{item.parametresDetails | raw}}
  84.             m<sup>2</sup>
  85.           </p>
  86.         </div>
  87.       </div>
  88.       {% endif %}
  90.       {% if item.parametresType == 'parkingNumbers' %}
  91.       <div
  92.         class="flex items-center md:justify-center h-[109px] xl:justify-start w-full xl:w-fit lg:max-w-[50%] 2lg:max-w-[50%] 2xl:max-w-[25%] gap-4 px-8 py-6 md:py-7"
  93.         fade
  94.         fade-trigger="batch">
  95.         <svg class="shrink-0 w-8 h-8">
  96.           <use xlink:href="#parking"></use>
  97.         </svg>
  99.         <div>
  100.           <p class="text-sm font-medium opacity-70">
  101.             {{ item.parametresTitle }}
  102.           </p>
  104.           <p class="text-2xl md:whitespace-nowrap">{{item.parametresDetails | raw}}</p>
  105.         </div>
  106.       </div>
  107.       {% endif %}
  108.     
  109.       {% endfor %}
  111.       </div>
  112.   </div>
  113. </section>