templates/application/whileresume/website/candidates/resume_en.html.twig line 3

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.                                     Upload Your CV for Free
  32.                                 </h1>
  33.                                 <p class="fs-6 xl:fs-4">
  34.                                     Before getting started, it’s essential to create a user account. This will allow you to manage your CV, download templates, and connect with recruiters and companies. And it’s completely free!
  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">
  41.                                         <div>
  42.                                             <div class="form-group inline-block">
  43.                                                 {{ form_widget(form.email,{'attr':{'placeholder':'firstname.lastname@mail.com','class':'form-control rounded-default h-48px w-full text-black bg-white'}}) }}
  44.                                             </div>
  45.                                         </div>
  46.                                         <div class="row child-cols-12 md:child-cols-6 g-2" style="margin-top:2px;">
  47.                                             <div>
  48.                                                 {{ form_widget(form.password.first,{'attr':{'placeholder':'Password','class':'form-control'}}) }}
  49.                                             </div>
  50.                                             <div>
  51.                                                 {{ form_widget(form.password.second,{'attr':{'placeholder':'Confirm password','class':'form-control'}}) }}
  52.                                             </div>
  53.                                         </div>
  54.                                         <div>
  55.                                             <p class="fs-7 text-dark dark:text-white text-opacity-70">
  56.                                                 {{ form_widget(form.acceptTerm) }} I accept the
  57.                                                 <a href="/candidate-data-protection" class="uc-link text-underline dark:text-secondary">data protection policy</a>.
  58.                                             </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">
  65.                                                 Get started now
  66.                                             </button>
  67.                                         </div>
  68.                                     </div>
  70.                                     {{ form_rest(form) }}
  71.                                     {{ form_end(form) }}
  73.                                     <div class="vstack md:hstack justify-center">
  74.                                     <a href="{{ ios_us }}" 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;">
  75.                                         Download for iOS
  76.                                         <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
  77.                                         <svg fill="#000000" width="25px" height="25px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  78.                                             <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"/>
  79.                                         </svg>
  80.                                     </a>
  81.                                     <a href="{{ android_us }}" 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.                                         Download for 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>
  104.                                 </div>
  106.                             </div>
  107.                         </div>
  108.                         <div class="sm:col-auto">
  109.                             <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});">
  110.                                 <figure class="featured-image m-0 rounded ratio ratio-1x1 rounded-3 h-100 overflow-hidden">
  111.                                     <img class="media-cover image" src="/images/interview-recruiter.jpg" title="Interview between a candidate and a recruiter" alt="Interview between a candidate and a recruiter" />
  112.                                 </figure>
  113.                             </div>
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.         </div>
  119.     </div>
  121. {% endblock body %}