templates/front/Solution/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'Solution' %}
  4. {% block title %}
  5.     {% set title = siteSettings.defaultTitle %}
  6.     {% if SEOPage is defined and SEOPage and SEOPage.metaTitle %}
  7.         {% set title = SEOPage.metaTitle %}
  8.     {% elseif page is defined %}
  9.         {% if page.metaTitle is defined and page.metaTitle is not empty %}
  10.             {% set title = page.metaTitle %}
  11.         {% elseif page.name is not empty %}
  12.             {% set title = page.name %}
  13.         {% endif %}
  14.     {% endif %}
  15.     {{ title }}
  16. {% endblock %}
  19. {% block metaDescription %}
  20.     {% set metaDesc = siteSettings.defaultMetaDesc %}
  21.     {% if SEOPage is defined and SEOPage and SEOPage.metaDescription %}
  22.         {% set metaDesc = SEOPage.metaDescription %}
  23.     {% elseif page is defined and page %}
  24.         {% if page.metaDescription is defined and page.metaDescription is not empty  %}
  25.             {% set metaDesc = page.metaDescription %}
  26.         {% elseif page.section1Paragraphe is not empty %}
  27.             {% set metaDesc = page.section1Paragraphe %}
  28.         {% endif %}
  29.     {% endif %}
  30.     {{ metaDesc }}
  31. {% endblock %}
  33. {% block body %}
  34.     {{ parent() }}
  35.     <div class="solution-show">
  36.         <div class="bandeau d-flex justify-content-center align-items-center flex-column img-animation" data-bg="{{ asset(vich_uploader_asset(page, 'coverFile'))| imagine_filter('banner_hero')  }}">
  37.             <p class="bc"><a href="{{ path('app_homepage')}}" title="Accueil"><i class="fa-solid fa-house-chimney"></i></a> > <a href="{{ path('app_solution_page_index')}}" title="Solutions">Solutions</a> > {{ page.name }}</p>
  38.             <p class="title">{{ page.name }}</p> 
  39.         </div>
  40.         <svg class="vector" xmlns="http://www.w3.org/2000/svg" width="493" height="637" viewBox="0 0 493 637" fill="none">
  41.             <path opacity="0.04" d="M148.989 0.0521716C125.27 0.0521716 101.776 2.34766 78.7333 6.78214C64.0286 9.86019 49.4365 13.5643 49.4365 13.5643C35.3516 8.86895 -12.0302 -4.33014 -83.0746 2.452C-90.6805 3.13022 -98.3991 4.06929 -105.949 5.21704C-117.724 6.93866 -129.611 9.12981 -141.274 11.7383C-145.499 12.5209 -172.43 17.9988 -214.91 40.119C-324.716 96.0456 -393 202.838 -393 318.813C-393 494.105 -239.023 636.687 -49.7215 636.687C-16.3683 636.687 16.6468 632.253 48.3661 623.488L49.1549 623.279C81.4376 632.357 115.072 637 149.045 637C338.685 637 493 494.105 493 318.5C493 142.895 338.685 0 149.045 0L148.989 0.0521716ZM-49.7779 612.636C-224.713 612.636 -367.084 480.854 -367.084 318.813C-367.084 211.655 -303.983 112.949 -202.346 61.1437C-162.288 40.2755 -137.048 35.4758 -136.034 35.2672L-135.583 35.1628C-124.372 32.6586 -113.047 30.5718 -101.836 28.9024C-94.737 27.8068 -87.5818 26.9721 -80.5394 26.346C-68.201 25.1461 -55.8625 24.5722 -43.8622 24.5722C-22.9601 24.5722 -5.38211 26.346 8.42114 28.5894L50.7887 40.3798C271.866 125.261 262.401 311.666 261.838 319.648V320.274C261.838 322.413 261.725 324.552 261.556 326.586C258.007 368.949 221.555 402.703 176.708 406.929C176.258 406.929 175.863 406.981 175.412 407.033C173.553 407.19 171.694 407.242 169.835 407.294C169.215 407.294 168.652 407.294 168.032 407.294C120.03 407.294 79.5783 374.009 74.0007 329.56C73.6627 327.317 72.0852 315.787 71.8598 314.013C70.0569 292.31 61.2115 252.348 22.6751 226.732C-11.1851 204.247 -45.5524 202.838 -67.2432 205.186C-76.0885 206.073 -82.9056 207.638 -86.8494 208.681L-87.7509 208.942C-88.8213 209.307 -89.9481 209.673 -91.0749 210.038C-136.654 223.133 -164.655 252.974 -174.345 298.675C-175.81 305.666 -176.88 312.918 -177.444 320.222C-179.19 342.603 -176.373 366.392 -169.444 387.052L-168.937 388.982C-161.5 419.919 -144.429 455.917 -118.174 495.931C-113.104 503.705 -107.301 511.478 -100.934 518.991L-97.6104 523.321C-97.6104 523.321 -87.8073 535.998 -72.8209 551.284C-60.9895 563.857 -47.975 575.283 -34.2281 585.143C-28.7068 589.16 -23.1291 592.916 -17.6641 596.203L-16.143 596.985C-8.76248 601.368 -1.71997 605.124 4.8718 608.254C-13.157 611.176 -31.4111 612.636 -49.8342 612.636H-49.7779ZM148.989 612.949C116.65 612.949 84.6489 608.463 53.9437 599.542L53.324 599.385C41.6617 596.725 -19.0726 580.082 -67.9192 516.643L-68.6517 515.756C-78.8492 505.218 -87.6946 494.21 -95.0188 482.993C-119.752 445.222 -135.752 411.676 -142.626 383.296C-142.964 381.783 -143.246 380.739 -143.471 380.218L-143.696 379.487C-148.373 365.506 -155.133 337.073 -147.978 303.318C-140.147 266.434 -118.738 243.427 -82.4549 232.993C-80.9337 232.523 -79.4689 232.054 -78.1731 231.636C-75.2435 230.854 -70.4546 229.81 -64.3699 229.132C-64.2572 229.132 -64.1445 229.132 -64.0319 229.132C-63.0741 229.028 -62.06 228.924 -61.0458 228.871C-43.8622 227.567 -18.4529 229.706 6.84366 246.453C36.9855 266.434 43.8589 298.78 45.2675 316.309V316.778C45.2675 316.778 47.183 330.76 47.521 332.899C54.6198 389.139 106.114 431.553 167.299 431.553C171.412 431.553 175.469 431.345 179.525 430.979C240.541 425.658 288.543 378.079 288.712 320.274C289.388 308.588 296.656 128.6 96.5366 32.763H96.8747L93.7196 31.4587C92.2548 30.7805 90.8463 30.0501 89.3251 29.3719C108.931 25.9287 128.932 24.1549 149.045 24.1549C324.375 24.1549 466.971 156.25 466.971 318.552C466.971 480.854 324.319 612.949 149.045 612.949H148.989Z" fill="#0357A0"/>
  42.         </svg>
  43.         <div class="approche">
  44.             <div class="container">
  45.                 <div class="row d-flex justify-content-around">
  46.                     <div class="col-xxl-5 col-lg-5 d-none d-lg-flex justify-content-end align-items-end">
  47.                         <picture class="img-left">
  48.                             <source type="image/webp" srcset="{{ asset(vich_uploader_asset(page, 'section1VisuelLeftFile'))| imagine_filter('hp_presentation_left_webp') }}">
  49.                             <img class="img-round" src="{{ asset(vich_uploader_asset(page, 'section1VisuelLeftFile'))| imagine_filter('hp_presentation_left') }}" alt="{{ page.section1VisuelLeftAlt }}">
  50.                         </picture>
  51.                     </div>
  52.                     <div class="col-xxl-5 col-lg-6 pb-30">
  53.                         <p class="uppercase">{{ page.section1SubTitle }}</p>
  54.                         <h1 class="title-blue little replaceStars" data-splitting>{{ page.section1Title }}</h1>
  55.                         <p>{{ page.section1Paragraphe | raw }}</p>
  56.                     </div>
  57.                     <picture class="img-bottom">
  58.                         <source type="image/webp" srcset="{{ asset(vich_uploader_asset(page, 'section1VisuelBottomFile'))| imagine_filter('hp_presentation_bottom_webp') }}">
  59.                         <img class="img-round " src="{{ asset(vich_uploader_asset(page, 'section1VisuelBottomFile'))| imagine_filter('hp_presentation_bottom') }}" alt="{{ page.section1VisuelBottomAlt }}">
  60.                     </picture>
  61.                 </div>
  62.             </div>
  63.         </div>
  64.         <div class="diagnostic" data-bg="{{ asset('build/images/bg-citation.png') }}">
  65.             <div class="container">
  66.                 <div class="row">
  67.                     <div class="col-lg-5 offset-lg-2">
  68.                         <p class="uppercase">{{ page.section2SubTitle }}</p>
  69.                         <h2 class="title-blue little replaceStars" data-splitting>{{ page.section2Title }}</h2>
  70.                         <p>{{ page.section2Paragraphe | raw }}</p>
  71.                     </div>
  72.                     <div class="col-lg-4 offset-lg-1">
  73.                         <picture>
  74.                             <source type="image/webp" srcset="{{ asset(vich_uploader_asset(page, 'section2VisuelFile'))| imagine_filter('paragraph_image_crop_webp') }}">
  75.                             <img class="img-round img-animation" src="{{ asset(vich_uploader_asset(page, 'section2VisuelFile'))| imagine_filter('paragraph_image_crop') }}" alt="{{ page.section2VisuelAlt }}">
  76.                         </picture>
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.         <svg class="vector2" xmlns="http://www.w3.org/2000/svg" width="522" height="637" viewBox="0 0 522 637" fill="none">
  82.             <path opacity="0.04" d="M541.989 0.0521716C518.27 0.0521716 494.776 2.34766 471.733 6.78214C457.029 9.86019 442.437 13.5643 442.437 13.5643C428.352 8.86895 380.97 -4.33014 309.925 2.452C302.319 3.13022 294.601 4.06929 287.051 5.21704C275.276 6.93866 263.389 9.12981 251.726 11.7383C247.501 12.5209 220.57 17.9988 178.09 40.119C68.2838 96.0456 0 202.838 0 318.813C0 494.105 153.977 636.687 343.279 636.687C376.632 636.687 409.647 632.253 441.366 623.488L442.155 623.279C474.438 632.357 508.072 637 542.045 637C731.685 637 886 494.105 886 318.5C886 142.895 731.685 0 542.045 0L541.989 0.0521716ZM343.222 612.636C168.287 612.636 25.9163 480.854 25.9163 318.813C25.9163 211.655 89.0169 112.949 190.654 61.1437C230.712 40.2755 255.952 35.4758 256.966 35.2672L257.417 35.1628C268.628 32.6586 279.953 30.5718 291.164 28.9024C298.263 27.8068 305.418 26.9721 312.461 26.346C324.799 25.1461 337.137 24.5722 349.138 24.5722C370.04 24.5722 387.618 26.346 401.421 28.5894L443.789 40.3798C664.866 125.261 655.401 311.666 654.838 319.648V320.274C654.838 322.413 654.725 324.552 654.556 326.586C651.007 368.949 614.555 402.703 569.708 406.929C569.258 406.929 568.863 406.981 568.412 407.033C566.553 407.19 564.694 407.242 562.835 407.294C562.215 407.294 561.652 407.294 561.032 407.294C513.03 407.294 472.578 374.009 467.001 329.56C466.663 327.317 465.085 315.787 464.86 314.013C463.057 292.311 454.212 252.348 415.675 226.732C381.815 204.247 347.448 202.838 325.757 205.186C316.911 206.073 310.094 207.638 306.151 208.681L305.249 208.942C304.179 209.307 303.052 209.673 301.925 210.038C256.346 223.133 228.345 252.974 218.655 298.675C217.19 305.666 216.12 312.918 215.556 320.222C213.81 342.603 216.627 366.392 223.556 387.052L224.063 388.982C231.5 419.919 248.571 455.917 274.826 495.931C279.896 503.705 285.699 511.478 292.066 518.991L295.39 523.321C295.39 523.321 305.193 535.998 320.179 551.284C332.01 563.857 345.025 575.282 358.772 585.143C364.293 589.16 369.871 592.916 375.336 596.203L376.857 596.985C384.238 601.368 391.28 605.124 397.872 608.254C379.843 611.176 361.589 612.636 343.166 612.636H343.222ZM541.989 612.949C509.65 612.949 477.649 608.463 446.944 599.542L446.324 599.385C434.662 596.725 373.927 580.082 325.081 516.643L324.348 515.756C314.151 505.218 305.305 494.21 297.981 482.993C273.248 445.222 257.248 411.676 250.374 383.296C250.036 381.783 249.754 380.739 249.529 380.218L249.304 379.487C244.627 365.506 237.867 337.073 245.022 303.318C252.853 266.434 274.262 243.427 310.545 232.993C312.066 232.523 313.531 232.054 314.827 231.636C317.757 230.854 322.545 229.81 328.63 229.132C328.743 229.132 328.855 229.132 328.968 229.132C329.926 229.028 330.94 228.924 331.954 228.871C349.138 227.567 374.547 229.706 399.844 246.453C429.985 266.434 436.859 298.78 438.267 316.309V316.778C438.267 316.778 440.183 330.76 440.521 332.899C447.62 389.139 499.114 431.553 560.299 431.553C564.412 431.553 568.469 431.345 572.525 430.979C633.541 425.658 681.543 378.079 681.712 320.274C682.388 308.588 689.656 128.6 489.537 32.763H489.875L486.72 31.4587C485.255 30.7805 483.846 30.0501 482.325 29.3719C501.931 25.9287 521.932 24.1549 542.045 24.1549C717.375 24.1549 859.971 156.25 859.971 318.552C859.971 480.854 717.319 612.949 542.045 612.949H541.989Z" fill="#0357A0"/>
  83.         </svg>
  84.         <div class="bloc-citation">
  85.             <p class="title-citation">{{ page.citationsubTitle }}</p>
  86.             <p class="citation">“{{ page.citation }}“</p>
  87.             <p class="author">{{ page.author }}</p>
  88.         </div>
  89.         <div class="calcul text-center">
  90.             <div class="container">
  91.                 <p class="uppercase white">{{ page.sectionBlueSubTitle }}</p>
  92.                 <h2 class="title-white replaceStars" data-splitting>{{ page.sectionBlueTitle }}</h2>
  93.                 <div class="row text-start d-flex justify-content-around">
  94.                     <div class="col-lg-5">
  95.                         <p>{{ page.sectionBlueParagraphe1 | raw }}</p>
  96.                     </div>
  97.                     <div class="col-lg-5">
  98.                         <p>{{ page.sectionBlueParagraphe2 | raw }}</p>
  99.                     </div>
  100.                 </div>
  101.             </div>
  102.         </div>
  103.         <svg class="vector3" xmlns="http://www.w3.org/2000/svg" width="493" height="637" viewBox="0 0 493 637" fill="none">
  104.             <path opacity="0.04" d="M148.989 0.0521716C125.27 0.0521716 101.776 2.34766 78.7333 6.78214C64.0286 9.86019 49.4365 13.5643 49.4365 13.5643C35.3516 8.86895 -12.0302 -4.33014 -83.0746 2.452C-90.6805 3.13022 -98.3991 4.06929 -105.949 5.21704C-117.724 6.93866 -129.611 9.12981 -141.274 11.7383C-145.499 12.5209 -172.43 17.9988 -214.91 40.119C-324.716 96.0456 -393 202.838 -393 318.813C-393 494.105 -239.023 636.687 -49.7215 636.687C-16.3683 636.687 16.6468 632.253 48.3661 623.488L49.1549 623.279C81.4376 632.357 115.072 637 149.045 637C338.685 637 493 494.105 493 318.5C493 142.895 338.685 0 149.045 0L148.989 0.0521716ZM-49.7779 612.636C-224.713 612.636 -367.084 480.854 -367.084 318.813C-367.084 211.655 -303.983 112.949 -202.346 61.1437C-162.288 40.2755 -137.048 35.4758 -136.034 35.2672L-135.583 35.1628C-124.372 32.6586 -113.047 30.5718 -101.836 28.9024C-94.737 27.8068 -87.5818 26.9721 -80.5394 26.346C-68.201 25.1461 -55.8625 24.5722 -43.8622 24.5722C-22.9601 24.5722 -5.38211 26.346 8.42114 28.5894L50.7887 40.3798C271.866 125.261 262.401 311.666 261.838 319.648V320.274C261.838 322.413 261.725 324.552 261.556 326.586C258.007 368.949 221.555 402.703 176.708 406.929C176.258 406.929 175.863 406.981 175.412 407.033C173.553 407.19 171.694 407.242 169.835 407.294C169.215 407.294 168.652 407.294 168.032 407.294C120.03 407.294 79.5783 374.009 74.0007 329.56C73.6627 327.317 72.0852 315.787 71.8598 314.013C70.0569 292.31 61.2115 252.348 22.6751 226.732C-11.1851 204.247 -45.5524 202.838 -67.2432 205.186C-76.0885 206.073 -82.9056 207.638 -86.8494 208.681L-87.7509 208.942C-88.8213 209.307 -89.9481 209.673 -91.0749 210.038C-136.654 223.133 -164.655 252.974 -174.345 298.675C-175.81 305.666 -176.88 312.918 -177.444 320.222C-179.19 342.603 -176.373 366.392 -169.444 387.052L-168.937 388.982C-161.5 419.919 -144.429 455.917 -118.174 495.931C-113.104 503.705 -107.301 511.478 -100.934 518.991L-97.6104 523.321C-97.6104 523.321 -87.8073 535.998 -72.8209 551.284C-60.9895 563.857 -47.975 575.283 -34.2281 585.143C-28.7068 589.16 -23.1291 592.916 -17.6641 596.203L-16.143 596.985C-8.76248 601.368 -1.71997 605.124 4.8718 608.254C-13.157 611.176 -31.4111 612.636 -49.8342 612.636H-49.7779ZM148.989 612.949C116.65 612.949 84.6489 608.463 53.9437 599.542L53.324 599.385C41.6617 596.725 -19.0726 580.082 -67.9192 516.643L-68.6517 515.756C-78.8492 505.218 -87.6946 494.21 -95.0188 482.993C-119.752 445.222 -135.752 411.676 -142.626 383.296C-142.964 381.783 -143.246 380.739 -143.471 380.218L-143.696 379.487C-148.373 365.506 -155.133 337.073 -147.978 303.318C-140.147 266.434 -118.738 243.427 -82.4549 232.993C-80.9337 232.523 -79.4689 232.054 -78.1731 231.636C-75.2435 230.854 -70.4546 229.81 -64.3699 229.132C-64.2572 229.132 -64.1445 229.132 -64.0319 229.132C-63.0741 229.028 -62.06 228.924 -61.0458 228.871C-43.8622 227.567 -18.4529 229.706 6.84366 246.453C36.9855 266.434 43.8589 298.78 45.2675 316.309V316.778C45.2675 316.778 47.183 330.76 47.521 332.899C54.6198 389.139 106.114 431.553 167.299 431.553C171.412 431.553 175.469 431.345 179.525 430.979C240.541 425.658 288.543 378.079 288.712 320.274C289.388 308.588 296.656 128.6 96.5366 32.763H96.8747L93.7196 31.4587C92.2548 30.7805 90.8463 30.0501 89.3251 29.3719C108.931 25.9287 128.932 24.1549 149.045 24.1549C324.375 24.1549 466.971 156.25 466.971 318.552C466.971 480.854 324.319 612.949 149.045 612.949H148.989Z" fill="#0357A0"/>
  105.         </svg>
  106.         <div class="appr">
  107.             <div class="container">
  108.                 <div class="row d-flex justify-content-around">
  109.                     <div class="col-xxl-5 col-lg-6 solution-txt-appr">
  110.                         <p class="uppercase">{{ page.section4SubTitle }}</p>
  111.                         <h2 class="title-blue little replaceStars" data-splitting>{{ page.section4Title }}</h2>
  112.                         <p>{{ page.section4Paragraphe | raw }}</p>
  113.                     </div>
  114.                     <div class="col-xxl-5 col-lg-5 d-none d-lg-block">
  115.                         <picture class="img-left">
  116.                             <source type="image/webp" srcset="{{ asset(vich_uploader_asset(page, 'Section4VisuelRightFile'))| imagine_filter('hp_presentation_left_webp') }}">
  117.                             <img class="img-round" src="{{ asset(vich_uploader_asset(page, 'Section4VisuelRightFile'))| imagine_filter('hp_presentation_left') }}" alt="{{ page.Section4VisuelRightAlt }}">
  118.                         </picture>
  119.                     </div>
  120.                     <picture class="img-bottom">
  121.                         <source type="image/webp" srcset="{{ asset(vich_uploader_asset(page, 'Section4VisuelBottomFile'))| imagine_filter('hp_presentation_bottom_webp') }}">
  122.                         <img class="img-round" src="{{ asset(vich_uploader_asset(page, 'Section4VisuelBottomFile'))| imagine_filter('hp_presentation_bottom') }}" alt="{{ page.Section4VisuelBottomAlt }}">
  123.                     </picture>
  124.                 </div>
  125.             </div>
  126.         </div>
  127.         <svg class="vector4" xmlns="http://www.w3.org/2000/svg" width="522" height="637" viewBox="0 0 522 637" fill="none">
  128.             <path opacity="0.04" d="M541.989 0.0521716C518.27 0.0521716 494.776 2.34766 471.733 6.78214C457.029 9.86019 442.437 13.5643 442.437 13.5643C428.352 8.86895 380.97 -4.33014 309.925 2.452C302.319 3.13022 294.601 4.06929 287.051 5.21704C275.276 6.93866 263.389 9.12981 251.726 11.7383C247.501 12.5209 220.57 17.9988 178.09 40.119C68.2838 96.0456 0 202.838 0 318.813C0 494.105 153.977 636.687 343.279 636.687C376.632 636.687 409.647 632.253 441.366 623.488L442.155 623.279C474.438 632.357 508.072 637 542.045 637C731.685 637 886 494.105 886 318.5C886 142.895 731.685 0 542.045 0L541.989 0.0521716ZM343.222 612.636C168.287 612.636 25.9163 480.854 25.9163 318.813C25.9163 211.655 89.0169 112.949 190.654 61.1437C230.712 40.2755 255.952 35.4758 256.966 35.2672L257.417 35.1628C268.628 32.6586 279.953 30.5718 291.164 28.9024C298.263 27.8068 305.418 26.9721 312.461 26.346C324.799 25.1461 337.137 24.5722 349.138 24.5722C370.04 24.5722 387.618 26.346 401.421 28.5894L443.789 40.3798C664.866 125.261 655.401 311.666 654.838 319.648V320.274C654.838 322.413 654.725 324.552 654.556 326.586C651.007 368.949 614.555 402.703 569.708 406.929C569.258 406.929 568.863 406.981 568.412 407.033C566.553 407.19 564.694 407.242 562.835 407.294C562.215 407.294 561.652 407.294 561.032 407.294C513.03 407.294 472.578 374.009 467.001 329.56C466.663 327.317 465.085 315.787 464.86 314.013C463.057 292.311 454.212 252.348 415.675 226.732C381.815 204.247 347.448 202.838 325.757 205.186C316.911 206.073 310.094 207.638 306.151 208.681L305.249 208.942C304.179 209.307 303.052 209.673 301.925 210.038C256.346 223.133 228.345 252.974 218.655 298.675C217.19 305.666 216.12 312.918 215.556 320.222C213.81 342.603 216.627 366.392 223.556 387.052L224.063 388.982C231.5 419.919 248.571 455.917 274.826 495.931C279.896 503.705 285.699 511.478 292.066 518.991L295.39 523.321C295.39 523.321 305.193 535.998 320.179 551.284C332.01 563.857 345.025 575.282 358.772 585.143C364.293 589.16 369.871 592.916 375.336 596.203L376.857 596.985C384.238 601.368 391.28 605.124 397.872 608.254C379.843 611.176 361.589 612.636 343.166 612.636H343.222ZM541.989 612.949C509.65 612.949 477.649 608.463 446.944 599.542L446.324 599.385C434.662 596.725 373.927 580.082 325.081 516.643L324.348 515.756C314.151 505.218 305.305 494.21 297.981 482.993C273.248 445.222 257.248 411.676 250.374 383.296C250.036 381.783 249.754 380.739 249.529 380.218L249.304 379.487C244.627 365.506 237.867 337.073 245.022 303.318C252.853 266.434 274.262 243.427 310.545 232.993C312.066 232.523 313.531 232.054 314.827 231.636C317.757 230.854 322.545 229.81 328.63 229.132C328.743 229.132 328.855 229.132 328.968 229.132C329.926 229.028 330.94 228.924 331.954 228.871C349.138 227.567 374.547 229.706 399.844 246.453C429.985 266.434 436.859 298.78 438.267 316.309V316.778C438.267 316.778 440.183 330.76 440.521 332.899C447.62 389.139 499.114 431.553 560.299 431.553C564.412 431.553 568.469 431.345 572.525 430.979C633.541 425.658 681.543 378.079 681.712 320.274C682.388 308.588 689.656 128.6 489.537 32.763H489.875L486.72 31.4587C485.255 30.7805 483.846 30.0501 482.325 29.3719C501.931 25.9287 521.932 24.1549 542.045 24.1549C717.375 24.1549 859.971 156.25 859.971 318.552C859.971 480.854 717.319 612.949 542.045 612.949H541.989Z" fill="#0357A0"/>
  129.         </svg>
  130.         <div class="objectifs">
  131.             <div class="container">
  132.                 <div class="row">
  133.                     <div class="col-xl-4">
  134.                         <p class="uppercase">{{ page.objectifSubTitle }}</p>
  135.                         <h2 class="title-blue replaceStars little" data-splitting>{{ page.objectifTitle }}</h2>
  136.                     </div>
  137.                     <div class="col-xl-8">
  138.                         <div class="row">
  139.                             {% for solution in page.solutionObjectifs %}
  140.                                 <div class="col-xl-1 col-2">
  141.                                     {% if solution.iconName %}
  142.                                         <span class="svgFile icon" data-alt="{{solution.iconAlt}}" data-svgfile="{{ vich_uploader_asset(solution, 'iconFile')}}"></span>
  143.                                     {% else %}
  144.                                         <span class="svgFile icon" data-alt="icon check" data-svgfile="{{ asset('build/images/icon-solution.svg') }}"></span>
  145.                                     {% endif %}
  146.                                 </div>
  147.                                 <div class="col-xl-5 col-10">
  148.                                     <h3 class="title-uppercase-blue">{{solution.title}}</h3>
  149.                                     <p>{{solution.resume}}</p>
  150.                                 </div>
  151.                             {% endfor %}
  152.                         </div>
  153.                     </div>
  154.                 </div>
  155.             </div>
  156.         </div>
  157.         <div class="references">
  158.             <svg class="vector5" xmlns="http://www.w3.org/2000/svg" width="493" height="505" viewBox="0 0 493 505" fill="none">
  159.                 <path opacity="0.04" d="M148.989 -131.948C125.27 -131.948 101.776 -129.652 78.7333 -125.218C64.0286 -122.14 49.4365 -118.436 49.4365 -118.436C35.3516 -123.131 -12.0302 -136.33 -83.0746 -129.548C-90.6805 -128.87 -98.3991 -127.931 -105.949 -126.783C-117.724 -125.061 -129.611 -122.87 -141.274 -120.262C-145.499 -119.479 -172.43 -114.001 -214.91 -91.881C-324.716 -35.9544 -393 70.8383 -393 186.813C-393 362.105 -239.023 504.687 -49.7215 504.687C-16.3683 504.687 16.6468 500.253 48.3661 491.488L49.1549 491.279C81.4376 500.357 115.072 505 149.045 505C338.685 505 493 362.105 493 186.5C493 10.8946 338.685 -132 149.045 -132L148.989 -131.948ZM-49.7779 480.636C-224.713 480.636 -367.084 348.854 -367.084 186.813C-367.084 79.6551 -303.983 -19.0512 -202.346 -70.8563C-162.288 -91.7245 -137.048 -96.5242 -136.034 -96.7328L-135.583 -96.8372C-124.372 -99.3414 -113.047 -101.428 -101.836 -103.098C-94.737 -104.193 -87.5818 -105.028 -80.5394 -105.654C-68.201 -106.854 -55.8625 -107.428 -43.8622 -107.428C-22.9601 -107.428 -5.38211 -105.654 8.42114 -103.411L50.7887 -91.6202C271.866 -6.73898 262.401 179.666 261.838 187.648V188.274C261.838 190.413 261.725 192.552 261.556 194.586C258.007 236.949 221.555 270.703 176.708 274.929C176.258 274.929 175.863 274.981 175.412 275.033C173.553 275.19 171.694 275.242 169.835 275.294C169.215 275.294 168.652 275.294 168.032 275.294C120.03 275.294 79.5783 242.009 74.0007 197.56C73.6627 195.317 72.0852 183.787 71.8598 182.013C70.0569 160.31 61.2115 120.348 22.6751 94.7324C-11.1851 72.247 -45.5524 70.8383 -67.2432 73.186C-76.0885 74.0729 -82.9056 75.638 -86.8494 76.6814L-87.7509 76.9423C-88.8213 77.3075 -89.9481 77.6727 -91.0749 78.0379C-136.654 91.1326 -164.655 120.974 -174.345 166.675C-175.81 173.666 -176.88 180.918 -177.444 188.222C-179.19 210.603 -176.373 234.392 -169.444 255.052L-168.937 256.982C-161.5 287.919 -144.429 323.917 -118.174 363.931C-113.104 371.705 -107.301 379.478 -100.934 386.991L-97.6104 391.321C-97.6104 391.321 -87.8073 403.998 -72.8209 419.284C-60.9895 431.857 -47.975 443.283 -34.2281 453.143C-28.7068 457.16 -23.1291 460.916 -17.6641 464.203L-16.143 464.985C-8.76248 469.368 -1.71997 473.124 4.8718 476.254C-13.157 479.176 -31.4111 480.636 -49.8342 480.636H-49.7779ZM148.989 480.949C116.65 480.949 84.6489 476.463 53.9437 467.542L53.324 467.385C41.6617 464.725 -19.0726 448.082 -67.9192 384.643L-68.6517 383.756C-78.8492 373.218 -87.6946 362.21 -95.0188 350.993C-119.752 313.222 -135.752 279.676 -142.626 251.296C-142.964 249.783 -143.246 248.739 -143.471 248.218L-143.696 247.487C-148.373 233.506 -155.133 205.073 -147.978 171.318C-140.147 134.434 -118.738 111.427 -82.4549 100.993C-80.9337 100.523 -79.4689 100.054 -78.1731 99.6364C-75.2435 98.8538 -70.4546 97.8104 -64.3699 97.1322C-64.2572 97.1322 -64.1445 97.1322 -64.0319 97.1322C-63.0741 97.0279 -62.06 96.9235 -61.0458 96.8714C-43.8622 95.5671 -18.4529 97.7061 6.84366 114.453C36.9855 134.434 43.8589 166.78 45.2675 184.309V184.778C45.2675 184.778 47.183 198.76 47.521 200.899C54.6198 257.139 106.114 299.553 167.299 299.553C171.412 299.553 175.469 299.345 179.525 298.979C240.541 293.658 288.543 246.079 288.712 188.274C289.388 176.588 296.656 -3.40007 96.5366 -99.237H96.8747L93.7196 -100.541C92.2548 -101.219 90.8463 -101.95 89.3251 -102.628C108.931 -106.071 128.932 -107.845 149.045 -107.845C324.375 -107.845 466.971 24.2502 466.971 186.552C466.971 348.854 324.319 480.949 149.045 480.949H148.989Z" fill="white"/>
  160.             </svg>
  161.             <h2 class="title-white text-center replaceStars little mb-5" data-splitting>Ils nous font <em>confiance</em></h2>
  162.             <div class="container">
  163.                 <div class="swiper slider-expertises-references">
  164.                     <div class="swiper-wrapper cursor-slider">
  165.                         {% for ref in page.solutionReferences  %}
  166.                             {% if ref.referencePublic %}
  167.                                 {% set refpublic = ref.referencePublic %}
  168.                                 <div class="swiper-slide actu" data-link>
  169.                                     <div class="bloc-img">
  170.                                         <picture class="">
  171.                                             <source type="image/webp" srcset="{{ asset(vich_uploader_asset(refpublic, 'coverFile'))| imagine_filter('hp_actuality_webp') }}">
  172.                                             <img class="img-round" src="{{ asset(vich_uploader_asset(refpublic, 'coverFile'))| imagine_filter('hp_actuality') }}" alt="{{ refpublic.coverAlt }}">
  173.                                         </picture>
  174.                                         <p class="category">{{ refpublic.city.title }}</p>
  175.                                     </div>
  176.                                     <div class="bloc-text">
  177.                                         <p class="date"> {{ refpublic.firmName }}</p>
  178.                                         <a href="{{ path('app_reference_public_show', {slug: refpublic.slug}) }}">
  179.                                             <h3 class="title-actu">{{ refpublic.title }}</h3>
  180.                                         </a>
  181.                                     </div>
  182.                                 </div>
  183.                             {% elseif ref.referencePrivate %}
  184.                                 {% set refprive = ref.referencePrivate %}
  185.                                 <div class="swiper-slide actu" data-link>
  186.                                     <div class="bloc-img">
  187.                                         <picture>
  188.                                             <source type="image/webp" srcset="{{ asset(vich_uploader_asset(refprive, 'coverFile'))| imagine_filter('hp_actuality_webp') }}">
  189.                                             <img class="img-round" src="{{ asset(vich_uploader_asset(refprive, 'coverFile'))| imagine_filter('hp_actuality') }}" alt="{{ refprive.coverAlt }}">
  190.                                         </picture>
  191.                                         <p class="category">{{ refprive.city.title }}</p>
  192.                                     </div>
  193.                                     <div class="bloc-text">
  194.                                         <p class="date"> {{ refprive.firmName }}</p>
  195.                                         <a href="{{ path('app_reference_prive_show', {slug: refprive.slug}) }}">
  196.                                             <h3 class="title-actu">{{ refprive.title }}</h3>
  197.                                         </a>
  198.                                     </div>
  199.                                 </div>
  200.                             {% endif %}
  202.                         {% endfor %}
  203.                     </div>
  204.                     <div class="swiper-pagination"></div>
  205.                 </div>
  206.             </div>
  207.         </div>
  208.         <div class="contact-solutions text-center" data-bg="{{ asset('build/images/bg-recrutement.jpg') }}">
  209.             <svg class="vector6" xmlns="http://www.w3.org/2000/svg" width="522" height="637" viewBox="0 0 522 637" fill="none">
  210.                 <path opacity="0.04" d="M541.989 0.0521716C518.27 0.0521716 494.776 2.34766 471.733 6.78214C457.029 9.86019 442.437 13.5643 442.437 13.5643C428.352 8.86895 380.97 -4.33014 309.925 2.452C302.319 3.13022 294.601 4.06929 287.051 5.21704C275.276 6.93866 263.389 9.12981 251.726 11.7383C247.501 12.5209 220.57 17.9988 178.09 40.119C68.2838 96.0456 0 202.838 0 318.813C0 494.105 153.977 636.687 343.279 636.687C376.632 636.687 409.647 632.253 441.366 623.488L442.155 623.279C474.438 632.357 508.072 637 542.045 637C731.685 637 886 494.105 886 318.5C886 142.895 731.685 0 542.045 0L541.989 0.0521716ZM343.222 612.636C168.287 612.636 25.9163 480.854 25.9163 318.813C25.9163 211.655 89.0169 112.949 190.654 61.1437C230.712 40.2755 255.952 35.4758 256.966 35.2672L257.417 35.1628C268.628 32.6586 279.953 30.5718 291.164 28.9024C298.263 27.8068 305.418 26.9721 312.461 26.346C324.799 25.1461 337.137 24.5722 349.138 24.5722C370.04 24.5722 387.618 26.346 401.421 28.5894L443.789 40.3798C664.866 125.261 655.401 311.666 654.838 319.648V320.274C654.838 322.413 654.725 324.552 654.556 326.586C651.007 368.949 614.555 402.703 569.708 406.929C569.258 406.929 568.863 406.981 568.412 407.033C566.553 407.19 564.694 407.242 562.835 407.294C562.215 407.294 561.652 407.294 561.032 407.294C513.03 407.294 472.578 374.009 467.001 329.56C466.663 327.317 465.085 315.787 464.86 314.013C463.057 292.31 454.212 252.348 415.675 226.732C381.815 204.247 347.448 202.838 325.757 205.186C316.911 206.073 310.094 207.638 306.151 208.681L305.249 208.942C304.179 209.307 303.052 209.673 301.925 210.038C256.346 223.133 228.345 252.974 218.655 298.675C217.19 305.666 216.12 312.918 215.556 320.222C213.81 342.603 216.627 366.392 223.556 387.052L224.063 388.982C231.5 419.919 248.571 455.917 274.826 495.931C279.896 503.705 285.699 511.478 292.066 518.991L295.39 523.321C295.39 523.321 305.193 535.998 320.179 551.284C332.01 563.857 345.025 575.283 358.772 585.143C364.293 589.16 369.871 592.916 375.336 596.203L376.857 596.985C384.238 601.368 391.28 605.124 397.872 608.254C379.843 611.176 361.589 612.636 343.166 612.636H343.222ZM541.989 612.949C509.65 612.949 477.649 608.463 446.944 599.542L446.324 599.385C434.662 596.725 373.927 580.082 325.081 516.643L324.348 515.756C314.151 505.218 305.305 494.21 297.981 482.993C273.248 445.222 257.248 411.676 250.374 383.296C250.036 381.783 249.754 380.739 249.529 380.218L249.304 379.487C244.627 365.506 237.867 337.073 245.022 303.318C252.853 266.434 274.262 243.427 310.545 232.993C312.066 232.523 313.531 232.054 314.827 231.636C317.757 230.854 322.545 229.81 328.63 229.132C328.743 229.132 328.855 229.132 328.968 229.132C329.926 229.028 330.94 228.924 331.954 228.871C349.138 227.567 374.547 229.706 399.844 246.453C429.985 266.434 436.859 298.78 438.267 316.309V316.778C438.267 316.778 440.183 330.76 440.521 332.899C447.62 389.139 499.114 431.553 560.299 431.553C564.412 431.553 568.469 431.345 572.525 430.979C633.541 425.658 681.543 378.079 681.712 320.274C682.388 308.588 689.656 128.6 489.537 32.763H489.875L486.72 31.4587C485.255 30.7805 483.846 30.0501 482.325 29.3719C501.931 25.9287 521.932 24.1549 542.045 24.1549C717.375 24.1549 859.971 156.25 859.971 318.552C859.971 480.854 717.319 612.949 542.045 612.949H541.989Z" fill="white"/>
  211.             </svg>
  212.             <div class="container">
  213.                 <p class="uppercase white">formulaire de contact</p>
  214.                 <h2 class="title-white little" data-splitting>{{ page.contactTitle }}</h2>
  215.                 <p>{{ page.contactParagraphe }}</p>
  216.                 <a href="{{path('app_contact_page_index')}}" title="Contactez Noocarb" class="button white">Contactez-nous <i data-feather="arrow-up-right"></i></a>
  217.             </div>
  218.         </div>
  219.         <div class="solutions">
  220.             <svg class="vector7" xmlns="http://www.w3.org/2000/svg" width="522" height="637" viewBox="0 0 522 637" fill="none">
  221.                 <path opacity="0.04" d="M177.989 0.0521716C154.27 0.0521716 130.776 2.34766 107.733 6.78214C93.0286 9.86019 78.4365 13.5643 78.4365 13.5643C64.3516 8.86895 16.9698 -4.33014 -54.0746 2.452C-61.6805 3.13022 -69.3991 4.06929 -76.9486 5.21704C-88.7236 6.93866 -100.611 9.12981 -112.274 11.7383C-116.499 12.5209 -143.43 17.9988 -185.91 40.119C-295.716 96.0456 -364 202.838 -364 318.813C-364 494.105 -210.023 636.687 -20.7215 636.687C12.6317 636.687 45.6468 632.253 77.3661 623.488L78.1549 623.279C110.438 632.357 144.072 637 178.045 637C367.685 637 522 494.105 522 318.5C522 142.895 367.685 0 178.045 0L177.989 0.0521716ZM-20.7779 612.636C-195.713 612.636 -338.084 480.854 -338.084 318.813C-338.084 211.655 -274.983 112.949 -173.346 61.1437C-133.288 40.2755 -108.048 35.4758 -107.034 35.2672L-106.583 35.1628C-95.3718 32.6586 -84.0475 30.5718 -72.8358 28.9024C-65.737 27.8068 -58.5818 26.9721 -51.5394 26.346C-39.201 25.1461 -26.8626 24.5722 -14.8622 24.5722C6.03989 24.5722 23.6179 26.346 37.4211 28.5894L79.7887 40.3798C300.866 125.261 291.401 311.666 290.838 319.648V320.274C290.838 322.413 290.725 324.552 290.556 326.586C287.007 368.949 250.555 402.703 205.708 406.929C205.258 406.929 204.863 406.981 204.412 407.033C202.553 407.19 200.694 407.242 198.835 407.294C198.215 407.294 197.652 407.294 197.032 407.294C149.03 407.294 108.578 374.009 103.001 329.56C102.663 327.317 101.085 315.787 100.86 314.013C99.057 292.311 90.2115 252.348 51.6751 226.732C17.8149 204.247 -16.5523 202.838 -38.2432 205.186C-47.0885 206.073 -53.9056 207.638 -57.8494 208.681L-58.7509 208.942C-59.8213 209.307 -60.9481 209.673 -62.0749 210.038C-107.654 223.133 -135.655 252.974 -145.345 298.675C-146.81 305.666 -147.88 312.918 -148.444 320.222C-150.19 342.603 -147.373 366.392 -140.444 387.052L-139.937 388.982C-132.5 419.919 -115.429 455.917 -89.1744 495.931C-84.1039 503.705 -78.3008 511.478 -71.9344 518.991L-68.6104 523.321C-68.6104 523.321 -58.8073 535.998 -43.8209 551.284C-31.9895 563.857 -18.9749 575.282 -5.22806 585.143C0.293274 589.16 5.87091 592.916 11.3359 596.203L12.857 596.985C20.2375 601.368 27.2801 605.124 33.8718 608.254C15.843 611.176 -2.41107 612.636 -20.8342 612.636H-20.7779ZM177.989 612.949C145.65 612.949 113.649 608.463 82.9437 599.542L82.324 599.385C70.6617 596.725 9.9274 580.082 -38.9192 516.643L-39.6517 515.756C-49.8492 505.218 -58.6946 494.21 -66.0188 482.993C-90.7519 445.222 -106.752 411.676 -113.626 383.296C-113.964 381.783 -114.246 380.739 -114.471 380.218L-114.696 379.487C-119.373 365.506 -126.133 337.073 -118.978 303.318C-111.147 266.434 -89.7378 243.427 -53.4549 232.993C-51.9337 232.523 -50.4689 232.054 -49.1731 231.636C-46.2434 230.854 -41.4546 229.81 -35.3699 229.132C-35.2572 229.132 -35.1445 229.132 -35.0319 229.132C-34.0741 229.028 -33.06 228.924 -32.0458 228.871C-14.8622 227.567 10.5471 229.706 35.8437 246.453C65.9854 266.434 72.8589 298.78 74.2675 316.309V316.778C74.2675 316.778 76.183 330.76 76.521 332.899C83.6198 389.139 135.114 431.553 196.299 431.553C200.412 431.553 204.469 431.345 208.525 430.979C269.541 425.658 317.543 378.079 317.712 320.274C318.388 308.588 325.656 128.6 125.537 32.763H125.875L122.72 31.4587C121.255 30.7805 119.846 30.0501 118.325 29.3719C137.931 25.9287 157.932 24.1549 178.045 24.1549C353.375 24.1549 495.971 156.25 495.971 318.552C495.971 480.854 353.319 612.949 178.045 612.949H177.989Z" fill="#0357A0"/>
  222.             </svg>
  223.             <div class="container">
  224.                 <div class="row d-flex justify-content-between">
  225.                     <p class="uppercase">Solutions</p>
  226.                     <div class="col-xxl-5 col-lg-6">
  227.                         <h3 class="title-blue replaceStars" data-splitting>Vous accompagner dans votre <em>transition énergétique</em> </h3>
  228.                     </div>
  229.                     <div class="col-lg-6">
  230.                         <p>Grâce à ses expertises sur les secteurs clés de la transition énergétique (mobilité, énergie, industrie, agriculture, gestion des déchets), noocarb a développé un large panel de solutions pour vous accompagner efficacement dans votre stratégie de décarbonation.</p>
  231.                         <a class="button blue" href="{{path('app_solution_page_index')}}" title="Toutes les solutions">Voir toutes nos solutions <i data-feather="arrow-up-right"></i></a>
  232.                     </div>
  233.                 </div>
  234.             </div>
  235.             <div class="wide">
  236.                 <div class="swiper slider-solutions">
  237.                     <div class="swiper-wrapper">
  238.                         {% for solution in solutions %}
  239.                             <div class="swiper-slide" data-link>
  240.                                 <picture>
  241.                                     <source type="image/webp" srcset="{{ asset(vich_uploader_asset(solution, 'coverFile'))| imagine_filter('hp_solution_webp') }}">
  242.                                     <img class="img-round" src="{{ asset(vich_uploader_asset(solution, 'coverFile'))| imagine_filter('hp_solution') }}" alt="{{ solution.coverAlt }}">
  243.                                 </picture>
  244.                                 <h4 class="title-solution">{{ solution.name }}</h4>
  245.                                 <a href="{{ path('app_solution_show', {slug: solution.slug}) }}" title="{{ solution.name }}">En savoir plus <i data-feather="arrow-up-right"></i></a>
  246.                             </div>
  247.                         {% endfor %}
  248.                     </div>
  249.                 </div>
  250.             </div>
  251.         </div>
  252.     </div>
  253. {% endblock %}