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.     {% endembed %}
  18. {% endblock body_header %}
  20. {% block body %}
  22.     <div id="hero_header" class="hero-header hero-five-scene section panel overflow-hidden">
  23.         <div class="position-cover bg-gradient-to-t from-secondary to-white dark:from-gray-800 dark:to-gray-900"></div>
  24.         <div class="section-outer panel pb-6 sm:pb-8 pt-9 xl:pt-10 xl:pb-9">
  25.             <div class="container max-w-xl">
  26.                 <div class="section-inner panel">
  27.                     <div class="row child-cols-12 justify-center lg:justify-between items-center g-6 lg:g-0">
  28.                         <div class="sm:col-8 lg:col-5">
  29.                             <div class="panel vstack gap-2 text-center lg:text-start rtl:lg:text-end xl:me-4" data-anime="targets: &gt;*; translateY: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(100, {start: 200});">
  30.                                 <h1 class="h2 sm:display-6 xl:display-4 fw-light mb-1 xl:mb-2">
  31.                                     Dépose ton CV gratuitement
  32.                                 </h1>
  33.                                 <p class="fs-6 xl:fs-4">
  34.                                     Avant de commencer, il est indispensable de créer un compte utilisateur. Vous pourrez ainsi gérer votre CV, télécharger des modèles et échanger avec les recruteurs et les entreprises. Le tout, totalement gratuit !
  35.                                 </p>
  37.                                     {{ form_start(form,{'attr':{'class':'row child-cols g-1'}}) }}
  38.                                     {{ form_errors(form) }}
  40.                                     <div class="vstack gap-1 mt-2 xl:mt-4">
  42.                                         <div>
  43.                                             <div class="form-group inline-block">
  44.                                                 {{ form_widget(form.email,{'attr':{'placeholder':'prenom.nom@mail.fr','class':'form-control rounded-default h-48px w-full text-black bg-white'}}) }}
  45.                                             </div>
  46.                                         </div>
  48.                                         <div class="row child-cols-12 md:child-cols-6 g-2" style="margin-top:2px;">
  49.                                             <div>
  50.                                                 {{ form_widget(form.password.first,{'attr':{'placeholder':'Mot de passe','class':'form-control'}}) }}
  51.                                             </div>
  52.                                             <div>
  53.                                                 {{ form_widget(form.password.second,{'attr':{'placeholder':'Confirmer le mot de passe','class':'form-control'}}) }}
  54.                                             </div>
  55.                                         </div>
  57.                                         <div>
  58.                                             <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>
  59.                                         </div>
  60.                                         <div>
  61.                                             {{ form_widget(form.recaptcha) }}
  62.                                         </div>
  63.                                         <div class="col-12 sm:col-auto">
  64.                                             <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>
  65.                                         </div>
  66.                                     </div>
  68.                                     {{ form_rest(form) }}
  69.                                     {{ form_end(form) }}
  71.                                 <div class="vstack md:hstack justify-center">
  73.                                     <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;">
  74.                                         Télécharger sur iOS
  75.                                         <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
  76.                                         <svg fill="#000000" width="25px" height="25px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  77.                                             <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"/>
  78.                                         </svg>
  79.                                     </a>
  81.                                     <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;">
  82.                                         Télécharger sur Android
  83.                                         <?xml version="1.0" encoding="iso-8859-1"?>
  84.                                         <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"
  85.                                              viewBox="0 0 512 512"  xml:space="preserve">
  86.                                                 <g>
  87.                                                     <g>
  88.                                                         <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
  89.                                                             C0.087,470.305,0,468.91,0,467.518V44.499c0-9.488,2.873-18.02,7.574-24.987L225.656,256.052z"/>
  90.                                                         <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"
  91.                                                         />
  92.                                                         <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
  93.                                                             L320.811,152.8l70.518,40.745l41.614,24.026C448.178,226.366,455.579,241.861,455.056,257.27z"/>
  94.                                                         <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
  95.                                                             L7.591,492.492z"/>
  96.                                                     </g>
  97.                                                     <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
  98.                                                         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
  99.                                                         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
  100.                                                         C323.988,277.849,391.567,264.55,454.067,246.447z"/>
  101.                                                 </g>
  102.                                             </svg>
  103.                                     </a>
  107.                                 </div>
  110.                                 {#
  111.                                 <div class="vstack md:hstack justify-center lg:justify-start gap-2 mt-2 xl:mt-4" style="transform: translateY(0px); opacity: 1;">
  112.                                     <div class="hstack justify-center gap-0">
  113.                                         <img src="/assets/lexend/images/avatars/02.jpg" alt="Avatar-image" class="w-40px h-40px rounded-circle border border-1 border-secondary dark:border-gray-900">
  114.                                         <img src="/assets/lexend/images/avatars/05.png" alt="Avatar-image" class="w-40px h-40px rounded-circle border border-1 border-secondary dark:border-gray-900 ms-n2">
  115.                                         <img src="/assets/lexend/images/avatars/02.png" alt="Avatar-image" class="w-40px h-40px rounded-circle border border-1 border-secondary dark:border-gray-900 ms-n2">
  116.                                         <img src="/assets/lexend/images/avatars/01.jpg" alt="Avatar-image" class="w-40px h-40px rounded-circle border border-1 border-secondary dark:border-gray-900 ms-n2">
  117.                                     </div>
  118.                                     <div class="panel">
  119.                                         <ul class="nav-x justify-center md:justify-start gap-0">
  120.                                             <li><img src="/assets/lexend/images/common/star-rating.svg" alt="star-rating" class="w-20px text-yellow" data-uc-svg=""></li>
  121.                                             <li><img src="/assets/lexend/images/common/star-rating.svg" alt="star-rating" class="w-20px text-yellow" data-uc-svg=""></li>
  122.                                             <li><img src="/assets/lexend/images/common/star-rating.svg" alt="star-rating" class="w-20px text-yellow" data-uc-svg=""></li>
  123.                                             <li><img src="/assets/lexend/images/common/star-rating.svg" alt="star-rating" class="w-20px text-yellow" data-uc-svg=""></li>
  124.                                             <li><img src="/assets/lexend/images/common/star-rating.svg" alt="star-rating" class="w-20px text-yellow" data-uc-svg=""></li>
  125.                                             <li><span class="fs-8 fw-medium ms-narrow">5.0</span></li>
  126.                                         </ul>
  127.                                         <span class="fs-7 fw-medium">Based on 200+ reviews</span>
  128.                                     </div>
  129.                                 </div>
  130.                                 #}
  131.                             </div>
  132.                         </div>
  133.                         <div class="sm:col-auto">
  134.                             <div class="hero-scroll-scene panel sm:w-550px sm:h-600px lg:w-450px lg:h-500px xl:w-600px xl:h-650px" data-anime="translateX: [48, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 500; delay: anime.stagger(100, {start: 200});">
  135.                                 <figure class="featured-image m-0 rounded ratio ratio-1x1 rounded-3 h-100 overflow-hidden">
  136.                                     <img class="media-cover image" src="/images/interview-recruiter.jpg" title="Entretien entre un candidat et un recruteur" alt="Entretien entre un candidat et un recruteur" />
  137.                                 </figure>
  138.                                 {#
  139.                                 <div class="hero-five-contries position-absolute sm:w-300px lg:w-250px xl:w-350px d-none sm:d-block" data-anime="translateY: [24, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 750; delay: 750;" style="top: 20%; transform: translateY(0px); opacity: 1;">
  140.                                     <img src="/uploads/no_avatar.png" alt="Avatar" data-anime="onscroll: .hero-scroll-scene; onscroll-offset: -200; onscroll-trigger: 0; onscroll-duration: 400%; translateY: [-100, 0];" style="transform: translateY(-56.8202px);">
  141.                                 </div>
  142.                                 <div class="hero-five-account position-absolute sm:w-250px lg:w-200px xl:w-300px d-none sm:d-block" data-anime="translateY: [24, 0]; opacity: [0, 1]; easing: easeOutCubic; duration: 750; delay: 750;" style="bottom: 20%; transform: translateY(0px); opacity: 1;">
  143.                                     <img src="/uploads/no_avatar.png" alt="Avatar" data-anime="onscroll: .hero-scroll-scene; onscroll-offset: -200; onscroll-trigger: 0; onscroll-duration: 400%; translateY: [100, 0];" style="transform: translateY(56.8202px);">
  144.                                 </div>
  145.                                 #}
  146.                             </div>
  147.                         </div>
  148.                     </div>
  149.                 </div>
  150.             </div>
  151.         </div>
  152.     </div>
  154. {% endblock body %}