templates/application/whileresume/website/candidates/resume_fr.html.twig line 1

Open in your IDE?
  1. {% extends 'vitrine/lexend/layout.html.twig' %}
  3. {% block title %}{{ page.shortTitle }}{% endblock title %}
  4. {% block description %}{{ page.shortDescription }}{% endblock description %}
  5. {% block robots %}{{ page.robots }}{% endblock robots %}
  7. {% block meta_social %}{{ parent() }}{% endblock meta_social %}
  8. {% block meta %}{{ parent() }}{% endblock meta %}
  10. {% block canonical %}{% include "/vitrine/lexend/components/pages/canonical.html.twig" with {'page':page} %}{% endblock canonical %}
  12. {% block body_header %}
  13.     {% embed "/vitrine/lexend/components/header.html.twig" with {'navcolor':page.navbarBG,'navtype':page.navbar} %}
  14.         {% block header_content %}
  15.             {% include "/vitrine/lexend/components/pages/languages.html.twig" %}
  16.         {% endblock %}
  17.         {% block header_content2 %}
  18.             {% include "/vitrine/lexend/components/pages/languages_mobile.html.twig" %}
  19.         {% endblock %}
  20.     {% endembed %}
  21. {% endblock body_header %}
  23. {% block body %}
  25.     <div id="hero_header" class="hero-header section panel overflow-hidden">
  26.         <div class="position-absolute top-0 start-0 end-0 h-screen bg-secondary dark:bg-gray-300 dark:bg-opacity-15 rounded-bottom-2 lg:rounded-bottom-5"></div>
  27.         <div class="section-outer panel py-8 lg:py-9 xl:py-10">
  28.             <div class="container">
  29.                 <div class="section-inner panel">
  30.                     <div class="d-none xl:d-block">
  31.                         <div class="position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block" style="top: 5%; left: 5%" data-anime="translateY: [0, 10]; easing: linear; loop: true; direction: alternate; delay: 0;"><img class="p-narrow rounded-circle" src="/uploads/no_avatar.png" alt="Candidat anonyme"></div>
  32.                         <div class="position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block" style="top: 20%; left: 10%" data-anime="translateY: [0, 15]; easing: linear; loop: true; direction: alternate; delay: 25;"><img class="p-narrow rounded-circle" src="/uploads/no_avatar.png" alt="Candidat anonyme"></div>
  33.                         <div class="position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block" style="top: 35%; left: 0%" data-anime="translateY: [0, 5]; easing: linear; loop: true; direction: alternate; delay: 25;"><img class="p-narrow rounded-circle" src="/uploads/no_avatar.png" alt="Candidat anonyme"></div>
  34.                         <div class="position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block" style="top: 5%; right: 5%" data-anime="translateY: [0, 10]; easing: linear; loop: true; direction: alternate; delay: 0;"><img class="p-narrow rounded-circle" src="/uploads/no_avatar.png" alt="Candidat anonyme"></div>
  35.                         <div class="position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block" style="top: 20%; right: 10%" data-anime="translateY: [0, 15]; easing: linear; loop: true; direction: alternate; delay: 25;"><img class="p-narrow rounded-circle" src="/uploads/no_avatar.png" alt="Candidat anonyme"></div>
  36.                         <div class="position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block" style="top: 35%; right: 0%" data-anime="translateY: [0, 5]; easing: linear; loop: true; direction: alternate; delay: 25;"><img class="p-narrow rounded-circle" src="/uploads/no_avatar.png" alt="Candidat anonyme"></div>
  37.                     </div>
  38.                     <div class="row child-cols-12 justify-center items-center g-8">
  39.                         <div class="lg:col-12">
  40.                             <div class="panel vstack gap-4 lg:gap-8">
  41.                                 <div class="panel vstack justify-center items-center gap-2 px-2 pt-4 text-center">
  43.                                     <h1 class="h4 lg:display-5 m-0">Publiez votre profil, <br> recevez des <span class="text-primary dark:text-tertiary">offres ciblées</span></h1>
  45.                                     <p class="fs-6 xl:fs-4 xl:px-10 dark:text-white text-opacity-70">
  46.                                         Dépose ton CV, notre IA résume ton profil en quelques secondes. Découvre des offres qui te correspondent, like celles qui t'intéressent pour affiner tes recommandations — et laisse les entreprises venir directement à toi.
  47.                                     </p>
  49.                                     <div class="vstack md:hstack justify-center">
  51.                                         <a href="{{ ios_fr }}" class="btn btn-md btn-outline-primary dark:border-tertiary dark:text-tertiary dark:hover:bg-tertiary dark:hover:text-primary-700 border-2 px-3 w-auto" style="margin-top:10px;">
  52.                                             Télécharger sur iOS
  53.                                             <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
  54.                                             <svg fill="#000000" width="25px" height="25px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  55.                                                 <path d="M18.71 19.5C17.88 20.74 17 21.95 15.66 21.97C14.32 22 13.89 21.18 12.37 21.18C10.84 21.18 10.37 21.95 9.09997 22C7.78997 22.05 6.79997 20.68 5.95997 19.47C4.24997 17 2.93997 12.45 4.69997 9.39C5.56997 7.87 7.12997 6.91 8.81997 6.88C10.1 6.86 11.32 7.75 12.11 7.75C12.89 7.75 14.37 6.68 15.92 6.84C16.57 6.87 18.39 7.1 19.56 8.82C19.47 8.88 17.39 10.1 17.41 12.63C17.44 15.65 20.06 16.66 20.09 16.67C20.06 16.74 19.67 18.11 18.71 19.5ZM13 3.5C13.73 2.67 14.94 2.04 15.94 2C16.07 3.17 15.6 4.35 14.9 5.19C14.21 6.04 13.07 6.7 11.95 6.61C11.8 5.46 12.36 4.26 13 3.5Z"/>
  56.                                             </svg>
  57.                                         </a>
  59.                                         <a href="{{ android_fr }}" class="btn btn-md btn-outline-primary dark:border-tertiary dark:text-tertiary dark:hover:bg-tertiary dark:hover:text-primary-700 border-2 px-3 w-auto" style="margin-top:10px; margin-left:10px;">
  60.                                             Télécharger sur Android
  61.                                             <?xml version="1.0" encoding="iso-8859-1"?>
  62.                                             <svg height="20px" width="20px" version="1.1" id="_x36_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  63.                                                  viewBox="0 0 512 512"  xml:space="preserve">
  64.                                                 <g>
  65.                                                     <g>
  66.                                                         <path style="fill:#3A9BC8;" d="M225.656,256.052L14.016,485.451l-6.442,7.052c-4.005-5.919-6.704-12.972-7.313-20.806
  67.                                                             C0.087,470.305,0,468.91,0,467.518V44.499c0-9.488,2.873-18.02,7.574-24.987L225.656,256.052z"/>
  68.                                                         <path style="fill:#9BCD83;" d="M320.811,152.8l-95.155,103.253L7.574,19.512C19.936,1.405,45.183-6.342,66.6,6.02L320.811,152.8z"
  69.                                                         />
  70.                                                         <path style="fill:#EEB84C;" d="M455.056,257.27c-0.348,14.453-7.748,28.904-22.113,37.174l-112.132,64.771l-95.155-103.163
  71.                                                             L320.811,152.8l70.518,40.745l41.614,24.026C448.178,226.366,455.579,241.861,455.056,257.27z"/>
  72.                                                         <path style="fill:#B43F70;" d="M7.591,492.492c12.368,18.116,37.599,25.838,58.976,13.496L320.775,359.22l-95.156-103.209
  73.                                                             L7.591,492.492z"/>
  74.                                                     </g>
  75.                                                     <path style="opacity:0.2;fill:#FFFFFF;" d="M454.067,246.447c-2.453-11.518-9.483-22.156-21.124-28.876l-41.614-24.026
  76.                                                         L320.811,152.8L66.6,6.02C45.183-6.342,19.936,1.405,7.574,19.512C2.873,26.479,0,35.011,0,44.499v243.72
  77.                                                         c36.681,3.114,74.226,4.746,112.451,4.746c47.984,0,94.85-2.644,140.318-7.505l-27.027-29.314l27.038,29.314
  78.                                                         C323.988,277.849,391.567,264.55,454.067,246.447z"/>
  79.                                                 </g>
  80.                                             </svg>
  81.                                         </a>
  83.                                     </div>
  86.                                 </div>
  87.                                 <div class="hero-scroll-scene panel max-w-500px mx-auto">
  89.                                     <div style="background-color:white; border-radius:40px; padding:30px;">
  91.                                         <h2 style="font-size:22px !important;">Créer mon profil candidat</h2>
  93.                                         {{ form_start(form,{'attr':{'class':'row child-cols g-1'}}) }}
  94.                                         {{ form_errors(form) }}
  96.                                         {% for message in app.flashes('danger') %}
  97.                                             <div style="background-color:#98121B; color:white; border-radius:40px; padding:7px; margin-top:10px; margin-bottom:10px;">
  98.                                                 {{ message }}
  99.                                             </div>
  100.                                         {% endfor %}
  102.                                         <div class="vstack gap-1 mt-2 xl:mt-4">
  104.                                             <div>
  105.                                                 <div class="form-group inline-block">
  106.                                                     {{ form_widget(form.email,{'attr':{'placeholder':'prenom.nom@mail.fr','class':'form-control'}}) }}
  107.                                                 </div>
  108.                                             </div>
  110.                                             <div class="row child-cols-12 md:child-cols-6 g-2" style="margin-top:2px;">
  111.                                                 <div>
  112.                                                     {{ form_widget(form.password.first,{'attr':{'placeholder':'Mot de passe','class':'form-control'}}) }}
  113.                                                 </div>
  114.                                                 <div>
  115.                                                     {{ form_widget(form.password.second,{'attr':{'placeholder':'Confirmer le mot de passe','class':'form-control'}}) }}
  116.                                                 </div>
  117.                                             </div>
  119.                                             <div style="text-align:left; margin-top:14px; margin-bottom:14px;">
  120.                                                 <p class="fs-7 text-dark dark:text-white text-opacity-70">{{ form_widget(form.acceptTerm) }} J'accepte la <a href="/fr/protections-donnees-candidats" class="uc-link text-underline dark:text-secondary">politique de protection des données</a>.</p>
  121.                                             </div>
  123.                                             <div style="text-align:left; margin-top:14px; margin-bottom:14px;">
  124.                                                 {{ form_widget(form.recaptcha) }}
  125.                                             </div>
  127.                                             <div class="col-12 sm:col-auto" style="margin-bottom:14px;">
  128.                                                 <button class="btn btn-md btn-primary rounded-default h-48px w-100 lg:min-w-150px text-white" type="submit">Commencer l'aventure</button>
  129.                                             </div>
  130.                                         </div>
  132.                                         {{ form_rest(form) }}
  133.                                         {{ form_end(form) }}
  136.                                     </div>
  138.                                 </div>
  140.                             </div>
  141.                         </div>
  142.                     </div>
  143.                 </div>
  144.             </div>
  145.         </div>
  146.     </div>
  148. {% endblock body %}