templates/themesWebsite/cvs/website/homepage_recruiter.html.twig line 1

Open in your IDE?
  1. {% extends 'themesWebsite/blog_cvs/base.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() }}{% include "/themesWebsite/blog_cpn/components/socialmedia.html.twig" with { 'page':page,'social_type':'website' } %}{% endblock meta_social %}
  8. {% block meta %}{{ parent() }}{% include "/themesWebsite/blog_cpn/components/author.html.twig" with {'page':page } %}{% endblock meta %}
  10. {% block body %}
  11.     <div class="image-cover hero-header gray-simple pb-lg-5 pb-0">
  12.         <div class="container d-flex flex-column justify-content-center position-relative zindex-2 pt-sm-3 pt-md-4 pt-xl-5">
  14.             <div class="row justify-content-between align-items-center">
  15.                 <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 pe-xl-4 pe-lg-3">
  16.                     <h6 class="text-primary bg-light-primary py-2 px-3 rounded-5 fw-medium d-inline-flex align-items-center mb-3">
  17.                         <span class="primary-2-bg w-5 h-05 me-2"></span>
  18.                         Transformez vos candidatures
  19.                     </h6>
  21.                     <h1 class="mb-4">
  22.                         Le recrutement objectif commence ici
  23.                     </h1>
  25.                     <p class="fs-5">Adoptez le CV anonyme et révélez les vrais potentiels 🔍✨</p>
  27.                     <p class="fs-5"><i class="fa fa-circle" style="font-size:10px;"></i> Créez des liens authentiques pour mieux évaluer leur potentiel</p>
  29.                     <p class="fs-5"><i class="fa fa-circle" style="font-size:10px;"></i> Invitez-les à compléter leurs CVs anonyme & classique</p>
  31.                     <p class="fs-5"><i class="fa fa-circle" style="font-size:10px;"></i> Trouvez le candidat idéal grâce à des filtres avancés</p>
  33.                     <div class="d-flex align-items-center mt-5">
  34.                         <div class="position-relative">
  35.                             <a href="{{ path('cvs_website_candidates') }}" class="btn btn-primary fw-medium px-4">Explorer les candidats</a>
  36.                         </div>
  37.                         <div class="position-relative ms-4">
  38.                             ou &nbsp; &nbsp;
  39.                             <a href="#avantages" class="fw-medium">
  40.                                 Avantages d'un CV anonyme
  41.                             </a>
  42.                         </div>
  43.                     </div>
  45.                     <div class="d-block mt-5 mb-5">
  46.                         <div class="exs-los mb-4">
  47.                             <h6 class="fw-medium">Soutenu par</h6>
  48.                         </div>
  49.                         <div class="row align-items-center justify-content-start row-cols-xl-5 row-cols-lg-5 row-cols-md-3 row-cols-3 gx-4 gy-3">
  50.                             <div class="col ps-0">
  51.                                 <figure class="single-brand thumb-figure">
  52.                                     <a href="https://mirtillo.fr/" target="_blank">
  53.                                         <img src="/uploads/logo-mirtillo.png" class="img-fluid" alt="Mirtillo" loading="lazy" />
  54.                                     </a>
  55.                                 </figure>
  56.                             </div>
  57.                             <div class="col ps-0">
  58.                                 <figure class="single-brand thumb-figure">
  59.                                     <a href="https://whileproject.com/" target="_blank">
  60.                                     <img src="/uploads/logo-whileproject.png" style="width: 200px; height:40px;" alt="Whileproject" loading="lazy" />
  61.                                     </a>
  62.                                 </figure>
  63.                             </div>
  64.                         </div>
  65.                     </div>
  66.                 </div>
  67.                 <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 d-xl-none">
  68.                     <img src="/uploads/person-11.png" class="img-fluid" loading="lazy">
  69.                 </div>
  70.             </div>
  72.         </div>
  73.         <div class="d-xl-block d-lg-none d-none position-absolute end-0 bottom-0 pe-5">
  74.             <div class="square--80 circle bg-white shadow position-absolute start-0 top-0 mt-5 ms-5 animate-bounce">
  75.                 <img src="/uploads/no_avatar.png" class="img-fluid" width="80" alt="CV classique" style="border-radius: 40px;">
  76.             </div>
  77.             <div class="square--80 circle bg-white shadow position-absolute end-0 top-0 mt-5 me-5 animate-bounce">
  78.                 <img src="/uploads/no_avatar.png" class="img-fluid" width="80" alt="CV anonyme" style="border-radius: 40px;">
  79.             </div>
  80.             <div class="position-absolute end-0 bottom-0 mb-5 me-5">
  81.                 <div class="d-inline-flex align-items-center py-3 px-3 rounded-2 animate-leftright">
  82.                     {% if app.user is null %}
  83.                         <div>
  84.                             <a href="{{ path('app_register') }}" class="btn btn-primary fw-medium px-4">Je m'inscris</a>
  85.                         </div>
  86.                     {% else %}
  87.                         <div>
  88.                             <a href="{{ path('app_register') }}" class="btn btn-primary fw-medium px-4">Explorer les candidats</a>
  89.                         </div>
  90.                     {% endif %}
  91.                 </div>
  92.             </div>
  93.             <img src="/uploads/person-11.png" class="img-fluid clios-img" loading="lazy">
  94.         </div>
  95.     </div>
  97.     <section class="primary-bg-dark py-4">
  98.         <div class="container">
  100.             <div class="row align-items-center justify-content-center gx-3 gy-3">
  102.                 <div class="col-xl-3 col-lg-3 col-md-6 col-12">
  103.                     <div class="d-flex align-items-center justify-content-start">
  104.                         <div class="tryui-pos"><h2 class="display-4 fw-medium text-light m-0"><span class="ctr">73</span>%</h2></div>
  105.                         <div class="exploi ps-3">
  106.                             <p class="m-0 text-light lh-base">des entreprises ont utilisé les réseaux sociaux pour au moins un recrutement.</p>
  107.                         </div>
  108.                     </div>
  109.                 </div>
  111.                 <div class="col-xl-3 col-lg-3 col-md-6 col-12">
  112.                     <div class="d-flex align-items-center justify-content-start">
  113.                         <div class="tryui-pos"><h2 class="display-4 fw-medium text-light m-0"><span class="ctr">61</span>%</h2></div>
  114.                         <div class="exploi ps-3">
  115.                             <p class="m-0 text-light lh-base">des recrutements sont jugés "difficiles".</p>
  116.                         </div>
  117.                     </div>
  118.                 </div>
  120.                 <div class="col-xl-3 col-lg-3 col-md-6 col-12">
  121.                     <div class="d-flex align-items-center justify-content-start">
  122.                         <div class="tryui-pos"><h2 class="display-4 fw-medium text-light m-0"><span class="ctr">76</span>%</h2></div>
  123.                         <div class="exploi ps-3">
  124.                             <p class="m-0 text-light lh-base">des recruteurs citent le faible nombre de candidatures reçues comme la difficulté.</p>
  125.                         </div>
  126.                     </div>
  127.                 </div>
  129.                 <div class="col-xl-3 col-lg-3 col-md-6 col-12">
  130.                     <div class="d-flex align-items-center justify-content-start">
  131.                         <div class="tryui-pos"><h2 class="display-4 fw-medium text-light m-0"><span class="ctr">45</span>%</h2></div>
  132.                         <div class="exploi ps-3">
  133.                             <p class="m-0 text-light lh-base">des recruteurs affirment passer le plus de temps sur le tri des candidatures.</p>
  134.                         </div>
  135.                     </div>
  136.                 </div>
  138.             </div>
  140.         </div>
  141.     </section>
  142.     <div class="clearfix"></div>
  144.     <section>
  145.         <div class="container">
  147.             <div class="row justify-content-center">
  148.                 <div class="col-xl-6 col-lg-7 col-md-10 text-center">
  149.                     <div class="sec-heading center">
  150.                         <h2>Quelle est la suite ? notre roadmap</h2>
  151.                     </div>
  152.                 </div>
  153.             </div>
  155.             <div class="row align-items-center gx-4 gy-4">
  157.                 <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
  158.                     <div class="jobstock-posted-box-y78 colored">
  159.                         <div class="jobstock-posted-body-y78">
  160.                             <div class="serv-ctr-title"><h2 class="primary-2-cl">Jan. 2025</h2></div>
  161.                             <div class="serv-ctr-subtitle"><h5>Nouvelle fonctionnalité</h5></div>
  162.                             <p>Une nouvelle façon d'utiliser l'IA au coeur de nos services</p>
  163.                         </div>
  164.                     </div>
  165.                 </div>
  167.                 <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
  168.                     <div class="jobstock-posted-box-y78 colored">
  169.                         <div class="jobstock-posted-body-y78">
  170.                             <div class="serv-ctr-title"><h2 class="primary-2-cl">Ju. 2025</h2></div>
  171.                             <div class="serv-ctr-subtitle"><h5>Nouvelle fonctionnalité</h5></div>
  172.                             <p>L'automatisation de vos processus permet un gain de temps.</p>
  173.                         </div>
  174.                     </div>
  175.                 </div>
  177.                 <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
  178.                     <div class="jobstock-posted-box-y78 colored">
  179.                         <div class="jobstock-posted-body-y78">
  180.                             <div class="serv-ctr-title"><h2 class="primary-2-cl">Sept. 2025</h2></div>
  181.                             <div class="serv-ctr-subtitle"><h5>Nouvelle fonctionnalité</h5></div>
  182.                             <p>iOS & Android, une application utile dans le recrutement.</p>
  183.                         </div>
  184.                     </div>
  185.                 </div>
  187.             </div>
  189.         </div>
  190.     </section>
  192.     <section id="avantages">
  193.         <div class="container">
  195.             <div class="row justify-content-center">
  196.                 <div class="col-xl-6 col-lg-7 col-md-10">
  197.                     <div class="sec-heading center">
  198.                         <h2>Avantages d'un CV anonyme</h2>
  199.                         <p>Un CV anonyme présente de nombreux avantages, tant pour les recruteurs que pour les candidats, en contribuant à une démarche de recrutement plus équitable et objective.</p>
  200.                     </div>
  201.                 </div>
  202.             </div>
  204.             <div class="row justify-content-center gx-xl-4 gx-lg-4">
  206.                 <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 order-xl-1 order-lg-1 order-md-1">
  207.                     <div class="work-process mb-5">
  208.                         <div class="work-process-caption">
  209.                             <h4>En tant que recruteur</h4>
  210.                         </div>
  211.                     </div>
  213.                     <div class="work-process mb-5">
  214.                         <div class="work-process-icon"><span><i class="fa-solid fa-file-shield text-primary"></i></span></div>
  215.                         <div class="work-process-caption">
  216.                             <h4>Moins de biais</h4>
  217.                             <p>Avec le CV anonyme, seuls vos compétences comptent, ce qui limite les jugements non conscients.</p>
  218.                         </div>
  219.                     </div>
  221.                     <div class="work-process mb-5">
  222.                         <div class="work-process-icon"><span><i class="fa-solid fa-paste text-primary"></i></span></div>
  223.                         <div class="work-process-caption">
  224.                             <h4>Plus de diversité</h4>
  225.                             <p>En se concentrant sur le mérite, on encourage une diversité accrue parmi les candidats.</p>
  226.                         </div>
  227.                     </div>
  229.                     <div class="work-process mb-5">
  230.                         <div class="work-process-icon"><span><i class="fa-solid fa-unlock text-primary"></i></span></div>
  231.                         <div class="work-process-caption">
  232.                             <h4>Image d'équité</h4>
  233.                             <p>Renforcez la réputation de votre entreprise en tant qu'employeur équitable et inclusif.</p>
  234.                         </div>
  235.                     </div>
  237.                     <div class="work-process">
  238.                         <div class="work-process-icon"><span><i class="fa-solid fa-user-clock text-primary"></i></span></div>
  239.                         <div class="work-process-caption">
  240.                             <h4>Choix plus juste</h4>
  241.                             <p>Le CV anonyme aide à sélectionner les candidats les plus compétents sans préjugés.</p>
  242.                         </div>
  243.                     </div>
  244.                 </div>
  246.                 <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 order-xl-2 order-lg-3 order-md-3">
  247.                     <div class="eslio-pincc m-auto">
  248.                         <img src="/uploads/phone-02.png" class="img-fluid" alt="">
  249.                     </div>
  250.                 </div>
  252.                 <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 order-xl-3 order-lg-2 order-md-2">
  253.                     <div class="work-process mb-5">
  254.                         <div class="work-process-caption">
  255.                             <h4>En tant que candidat</h4>
  256.                         </div>
  257.                     </div>
  259.                     <div class="work-process mb-5">
  260.                         <div class="work-process-icon"><span><i class="fa-solid fa-laptop-file text-primary"></i></span></div>
  261.                         <div class="work-process-caption">
  262.                             <h4>Égalité des chances</h4>
  263.                             <p>Soyez évalué uniquement sur vos compétences et expériences, sans risque de discrimination.</p>
  264.                         </div>
  265.                     </div>
  267.                     <div class="work-process mb-5">
  268.                         <div class="work-process-icon"><span><i class="fa-solid fa-business-time text-primary"></i></span></div>
  269.                         <div class="work-process-caption">
  270.                             <h4>Moins de stress</h4>
  271.                             <p>Savoir que votre candidature sera évaluée de manière impartiale vous apaise.</p>
  272.                         </div>
  273.                     </div>
  275.                     <div class="work-process mb-5">
  276.                         <div class="work-process-icon"><span><i class="fa-solid fa-sack-dollar text-primary"></i></span></div>
  277.                         <div class="work-process-caption">
  278.                             <h4>Se concentrer sur l'essentiel</h4>
  279.                             <p>Le CV anonyme vous pousse à mettre en avant vos compétences les plus pertinentes.</p>
  280.                         </div>
  281.                     </div>
  283.                     <div class="work-process">
  284.                         <div class="work-process-icon"><span><i class="fa-regular fa-face-laugh-wink text-primary"></i></span></div>
  285.                         <div class="work-process-caption">
  286.                             <h4>Opportunités équitables</h4>
  287.                             <p>Maximisez vos chances d'être sélectionné, peu importe votre profil personnel.</p>
  288.                         </div>
  289.                     </div>
  290.                 </div>
  293.             </div>
  295.         </div>
  297.     </section>
  299. {% endblock body %}