templates/front/JobOffer/list.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'JobOffer' %}
  4. {% block body %}
  5.     {{ parent() }}
  6.     <div class="emploi-list">
  7.         <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') }}">
  8.             <p class="bc"><a href="{{ path('app_homepage')}}" title="Accueil"><i class="fa-solid fa-house-chimney"></i></a> > Recrutement</p>
  9.             <h1 class="title">{{ 'title'|trans|raw }}</h1>
  10.         </div>
  11.         <svg class="vector" xmlns="http://www.w3.org/2000/svg" width="493" height="637" viewBox="0 0 493 637" fill="none">
  12.             <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"/>
  13.         </svg>
  14.         <div class="container">
  15.             <h2 class="title-blue little replaceStars" data-splitting>{{page.presentationTitle}}</h2>
  16.             <p class="text">{{ 'presentation_paragraph'|trans|raw }}</p>
  17.             {% if jobOffers == [] %}
  18.                 <div class="tile">
  19.                     <div class="row d-flex align-items-center">
  20.                         <div class="col-2">
  21.                             <img src="{{ asset('build/images/no-img-job.jpg') }}" alt="{{ 'no_img_alt'|trans({}, 'messages') }}"/>
  22.                         </div>
  23.                         <div class="col-10">
  24.                             <p class="title-caps-blue">Noocarb</p>
  25.                             <h3 class="title-job">Aucune offre d’emploi disponible pour le moment, revenez plus tard !</h3>
  26.                         </div>
  27.                     </div>
  28.                 </div>
  29.             {% else %}
  30.             <div class="row">
  31.                 {% for jobOffer in jobOffers %}
  32.                     <div class="col-lg-6 d-flex flex-wrap" data-link>
  33.                         <div class="tile">
  34.                             <div class="row">
  35.                                 <div class="col-xxl-3 col-lg-4 col-md-3 col-sm-3 col-4 d-none-sm">
  36.                                     {% if jobOffer.visuelOtherPageName %}
  37.                                         <picture>
  38.                                             <source srcset="{{ asset(vich_uploader_asset(jobOffer, 'visuelOtherPageFile'))| imagine_filter('recrutement_logo_webp') }}" type="image/webp">
  39.                                             <img src="{{ asset(vich_uploader_asset(jobOffer, 'visuelOtherPageFile'))| imagine_filter('recrutement_logo') }}" alt="{{ jobOffer.visuelOtherPageAlt }}"/>
  40.                                         </picture>
  41.                                     {% else %}
  42.                                         <img src="{{ asset('build/images/no-img-job.jpg') }}" alt="{{ 'no_img_alt'|trans({}, 'messages') }}"/>
  43.                                     {% endif %}
  44.                                 </div>
  45.                                 <div class="col-xxl-9 col-lg-8 col-md-9 col-sm-9 col-8">
  46.                                     <p class="title-caps-blue">Noocarb</p>
  47.                                     <a href="{{ path('app_job_offer_show', {slug: jobOffer.slug}) }}" title="{{ jobOffer.title }}"><h3 class="title-job">{{ jobOffer.title }}</h3></a>
  48.                                     <p class="details"><span><i class="fa-solid fa-location-dot"></i> {{ jobOffer.city }}</span><span><i class="fa-solid fa-clock"></i> {{ jobOffer.type.title }}</span></p>
  49.                                 </div>
  50.                                 <div class="col-12">
  51.                                     <p class="text-job">{{ jobOffer.resume }}</p>
  52.                                     <p class="button blue">Voir l'offre <i data-feather="arrow-up-right"></i></p>
  53.                                 </div>
  54.                             </div>
  55.                         </div>
  56.                     </div>
  57.                 {% endfor %}
  58.             </div>
  59.             {% endif %}
  60.         </div>
  61.         <div class="question">
  62.             <div class="container">
  63.                 <div class="row">
  64.                     <div class="col-lg-7">
  65.                         <p class="uppercase">{{ 'candidature_spontanee_sub_title'|trans|raw }}</p>
  66.                         <p class="title-blue little mb-4" data-splitting>{{ 'candidature_spontanee_title'|trans|raw }}</p>
  67.                         <p>{{ 'candidature_spontanee_paragraph'|trans|raw }}</p>
  68.                     </div>
  69.                     <div class="col-lg-5 d-flex align-items-end justify-content-end">
  70.                         <a class="button blue" target="_blank" href="{{"recrutement@noocarb.com"|mailto(true)}}">Déposer votre CV <i data-feather="arrow-up-right"></i></a>
  71.                     </div>
  72.                 </div>
  73.                 <svg class="vector" xmlns="http://www.w3.org/2000/svg" width="522" height="637" viewBox="0 0 522 637" fill="none">
  74.                     <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="#0357A0"/>
  75.                 </svg>
  76.             </div>
  77.         </div>
  78.         <div class="presentation">
  79.             <svg class="vector" xmlns="http://www.w3.org/2000/svg" width="491" height="637" viewBox="0 0 491 637" fill="none">
  80.                 <path opacity="0.04" d="M146.989 0.0521716C123.27 0.0521716 99.7763 2.34766 76.7333 6.78214C62.0286 9.86019 47.4365 13.5643 47.4365 13.5643C33.3516 8.86895 -14.0302 -4.33014 -85.0746 2.452C-92.6805 3.13022 -100.399 4.06929 -107.949 5.21704C-119.724 6.93866 -131.611 9.12981 -143.274 11.7383C-147.499 12.5209 -174.43 17.9988 -216.91 40.119C-326.716 96.0456 -395 202.838 -395 318.813C-395 494.105 -241.023 636.687 -51.7215 636.687C-18.3683 636.687 14.6468 632.253 46.3661 623.488L47.1549 623.279C79.4376 632.357 113.072 637 147.045 637C336.685 637 491 494.105 491 318.5C491 142.895 336.685 0 147.045 0L146.989 0.0521716ZM-51.7779 612.636C-226.713 612.636 -369.084 480.854 -369.084 318.813C-369.084 211.655 -305.983 112.949 -204.346 61.1437C-164.288 40.2755 -139.048 35.4758 -138.034 35.2672L-137.583 35.1628C-126.372 32.6586 -115.047 30.5718 -103.836 28.9024C-96.737 27.8068 -89.5818 26.9721 -82.5394 26.346C-70.201 25.1461 -57.8625 24.5722 -45.8622 24.5722C-24.9601 24.5722 -7.38211 26.346 6.42114 28.5894L48.7887 40.3798C269.866 125.261 260.401 311.666 259.838 319.648V320.274C259.838 322.413 259.725 324.552 259.556 326.586C256.007 368.949 219.555 402.703 174.708 406.929C174.258 406.929 173.863 406.981 173.412 407.033C171.553 407.19 169.694 407.242 167.835 407.294C167.215 407.294 166.652 407.294 166.032 407.294C118.03 407.294 77.5783 374.009 72.0007 329.56C71.6627 327.317 70.0852 315.787 69.8598 314.013C68.0569 292.31 59.2115 252.348 20.6751 226.732C-13.1851 204.247 -47.5524 202.838 -69.2432 205.186C-78.0885 206.073 -84.9056 207.638 -88.8494 208.681L-89.7509 208.942C-90.8213 209.307 -91.9481 209.673 -93.0749 210.038C-138.654 223.133 -166.655 252.974 -176.345 298.675C-177.81 305.666 -178.88 312.918 -179.444 320.222C-181.19 342.603 -178.373 366.392 -171.444 387.052L-170.937 388.982C-163.5 419.919 -146.429 455.917 -120.174 495.931C-115.104 503.705 -109.301 511.478 -102.934 518.991L-99.6104 523.321C-99.6104 523.321 -89.8073 535.998 -74.8209 551.284C-62.9895 563.857 -49.975 575.283 -36.2281 585.143C-30.7068 589.16 -25.1291 592.916 -19.6641 596.203L-18.143 596.985C-10.7625 601.368 -3.71997 605.124 2.8718 608.254C-15.157 611.176 -33.4111 612.636 -51.8342 612.636H-51.7779ZM146.989 612.949C114.65 612.949 82.6489 608.463 51.9437 599.542L51.324 599.385C39.6617 596.725 -21.0726 580.082 -69.9192 516.643L-70.6517 515.756C-80.8492 505.218 -89.6946 494.21 -97.0188 482.993C-121.752 445.222 -137.752 411.676 -144.626 383.296C-144.964 381.783 -145.246 380.739 -145.471 380.218L-145.696 379.487C-150.373 365.506 -157.133 337.073 -149.978 303.318C-142.147 266.434 -120.738 243.427 -84.4549 232.993C-82.9337 232.523 -81.4689 232.054 -80.1731 231.636C-77.2435 230.854 -72.4546 229.81 -66.3699 229.132C-66.2572 229.132 -66.1445 229.132 -66.0319 229.132C-65.0741 229.028 -64.06 228.924 -63.0458 228.871C-45.8622 227.567 -20.4529 229.706 4.84366 246.453C34.9855 266.434 41.8589 298.78 43.2675 316.309V316.778C43.2675 316.778 45.183 330.76 45.521 332.899C52.6198 389.139 104.114 431.553 165.299 431.553C169.412 431.553 173.469 431.345 177.525 430.979C238.541 425.658 286.543 378.079 286.712 320.274C287.388 308.588 294.656 128.6 94.5366 32.763H94.8747L91.7196 31.4587C90.2548 30.7805 88.8463 30.0501 87.3251 29.3719C106.931 25.9287 126.932 24.1549 147.045 24.1549C322.375 24.1549 464.971 156.25 464.971 318.552C464.971 480.854 322.319 612.949 147.045 612.949H146.989Z" fill="#0357A0"/>
  81.             </svg>
  82.             <div class="container">
  83.                 <div class="row d-flex justify-content-around align-items-center">
  84.                     <div class="col-xl-5 col-lg-6">
  85.                         <img class="img-round" src="{{ asset('upload/ingenierie-en-decarbonation-04-65648a549da08435456743.jpg') }}" alt="">
  86.                     </div>
  87.                     <div class="col-xl-5 col-lg-6">
  88.                         <p class="uppercase">Présentation</p>
  89.                         <h2 class="title-blue little replaceStars" data-splitting>Le partenaire de votre transition <em>énergétique</em></h2>
  90.                         <p>noocarb est une entreprise engagée dans la transition énergétique qui offre des solutions clés en main pour réduire l'empreinte carbone, améliorer l'efficacité énergétique et promouvoir les énergies renouvelables. Notre expertise technologique et engagement pour la durabilité aident nos clients à atteindre leurs objectifs environnementaux tout en maintenant des investissements raisonnés. L'ambition de noocarb est de démocratiser les solutions de décarbonation pragmatiques pour agir rapidement sur la transition énergétique.</p>
  91.                         <a href="{{path('app_presentation_index')}}" class="link" title="Découvrez NOOCARB">Découvrez NOOCARB <i data-feather="arrow-up-right"></i></a>
  92.                     </div>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </div>
  97. {% endblock %}