Mise en place candidature video Design V2

2020-07-06 16:12:06 +02:00
parent d564ca1b85
commit 305bf4deb3
24 changed files with 1034 additions and 40 deletions
@@ -2,7 +2,7 @@
 <html lang="fr">
 <head>
  <!-- Title -->
-  <title>Creative Agency | Space - Responsive Website Template</title>
+  <title>Talents Tube : Le 1er job board 100% vidéo</title>

  <!-- Required Meta Tags Always Come First -->
  <meta charset="utf-8">
@@ -1,5 +1,5 @@
 <!-- Accueil Photo Haut Section -->
-  <div class="bg-img-hero-center" style="background-image: url({{ asset('v2/img/1920x800/recrutement-video.jpg')}} ">
+  <div class="bg-img-hero-center" style="background-image: url({{ asset(urlImage)}} ">
    <div class="container space-2 space-5-top--lg space-4-bottom--lg">
      <div class="w-md-75">
        <!-- Title -->
@@ -6,7 +6,7 @@
          <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
          <div class="mb-6">
            <h2 class="h3"> Recrutez avec des offres d’emploi vidéo</h2>
-            <p> alents Tube peut vous accompagner dans la réalisation de vidéos d’offres d’emploi captivantes et à votre
+            <p> Talents Tube peut vous accompagner dans la réalisation de vidéos d’offres d’emploi captivantes et à votre
              image.

              L’offre d’emploi en vidéo, média engageant, vous donne l’opportunité de recruter les meilleurs talents. Le
@@ -50,7 +50,7 @@
          <p class="text-white-70 mb-4">Guillaume Lesdos, Co-fondateur et Président</p>

          <a class="js-fancybox text-white" href="javascript:;"
-            data-src="https://www.youtube.com/watch?v=Em3niStNutA?autoplay=1" data-speed="700"
+            data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t" data-speed="700"
            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Tropical Experiences with Space">
            Voir le témoignage
            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
@@ -4,7 +4,7 @@

 {% block content %}
 <main id="content">
-  {% include 'defaultv2/accueil/blocPhoto.html.twig' %}
+  {% include 'defaultv2/accueil/blocPhoto.html.twig' with {'urlImage': 'v2/img/1920x800/recrutement-video.jpg'} %}
  
  {% include 'defaultv2/accueil/blocDegrade.html.twig' %}
      
@@ -0,0 +1,43 @@
+<!-- Plateforme DEBUT -->
+  <div class=" accueilFondBlanc">
+    <div class="container space-2  ">
+       <!-- Video Section -->
+    <div class="">
+      <div class="container space-2-bottom space-3-bottom--lg">
+        <div class=" text-center mx-auto">
+          <!-- Video Block -->
+          <div id="youTubeVideoPlayer" class="u-video-player mb-7">
+            <!-- Cover Image -->
+            <img class="img-fluid u-video-player__preview" src="{{ asset('v2/img/1920x800/tutoriel-video-de-motivation-cv-video.jpg')}} " alt="Image">
+            <!-- End Cover Image -->
+
+            <!-- Play Button -->
+            <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t"
+            data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
+            data-caption="Tropical Experiences with Space">
+              <span class="u-video-player__icon">
+                <i class="fa fa-play u-video-player__icon-inner"></i>
+              </span>
+            </a>
+            <!-- End Play Button -->
+
+            <!-- Video Iframe -->
+            <div class="embed-responsive embed-responsive-16by9">
+             
+            </div>
+            <!-- End Video Iframe -->
+          </div>
+          <!-- End Video Block -->
+
+          <!-- Title -->
+          <h2 class="h3">Accompagnement candidats</h2>
+          <p>Suivez nos conseils pour postuler simplement aux offres d’emploi.</p>
+          <!-- End Title -->
+        </div>
+      </div>
+    </div>
+    <!-- End Video Section -->
+    </div>
+  </div>
+
+  <!-- Plateforme FIN -->
@@ -0,0 +1,28 @@
+<!-- Recrutez DEBUT -->
+  <div class="space1-bottom accueilFondBleute">
+    <div class="container space-2 ">
+      <div class="row align-items-lg-center">
+        <div class="col-md-6 order-md-2 mb-5 mb-md-0">
+          <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
+          <div class="mb-6">
+            <h2 class="h3"> Découvrez les candidats autrement</h2>
+            <p> Ces dernières années, les recruteurs ont vu apparaître de nouvelles formes de candidatures inédites. Les candidats révolutionnent le recrutement en optant pour de nouvelles tendances : profil Linkedin, pitch Mail, profil vidéo ou encore CV vidéo. La vidéo a également pris une place importante dans notre société.
+
+La candidature en vidéo ou vidéo de motivation s’avère être un outil performant qui répond parfaitement à vos attentes. Elle propose une approche plus humaine du recrutement et dévoile ce qui ne se voit pas sur le papier.
+
+En plus des savoirs et savoir-faire, la candidature vidéo met en lumière le savoir-être et le savoir devenir des candidats. Vous pouvez cerner la personnalité du candidat et son projet professionnel en quelques instants.
+            </p>
+            <a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
+
+          </div>
+        </div>
+
+        <div class="col-md-6 order-md-1">
+          <div class="mb-6">
+            <img class="img-fluid" src="{{ asset('v2/png/offres-emploi-en-video.png') }}" alt="Image Description">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Recrutez FIN -->
@@ -0,0 +1,29 @@
+<!-- Plateforme DEBUT -->
+  <div class=" accueilFondBleute">
+    <div class="container space-2  ">
+      <div class="row row justify-content-lg-end ">
+        <div class="col-md-6 ">
+          <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
+          <div class="mb-6">
+            <h2 class="h3"> Le CV classique : la fin d’un modèle</h2>
+            <p> Dans un monde où les technologies, les compétences techniques ou hard skills évoluent très rapidement, le savoir-faire n’est plus le principal critère de sélection des candidats.
+
+Aujourd’hui, votre entreprise recherche de plus en plus des compétences comportementales ou communément appelées “soft skills”. Il est difficile, voire impossible pour le candidat de communiquer ses qualités humaines à travers son CV.
+
+Vous éprouvez des difficultés à détecter le talent qu’il vous faut ? Le CV papier ne vous suffit plus ? Vous souhaitez en savoir plus sur le candidat avant de faire votre choix ? Nous réinventons pour vous, la mise en relation pour l’emploi.
+            </p>
+            <a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
+
+          </div>
+        </div>
+
+        <div class="col-md-6 align-right paddintRight">
+          <div class="mb-6">
+            <img class="img-fluid" src="{{ asset('v2/png/plateforme-de-recrutement-en-video.png') }}"
+              alt="Image Description">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Plateforme FIN -->
@@ -0,0 +1,89 @@
+<!-- Recrutez DEBUT -->
+  <div class="space1-bottom accueilFondBleute">
+    <!-- Gallery -->
+    <div class="container space-1 space-2--sm space-3-bottom--lg">
+      <div class="row mb-7">
+        <!-- Gallery Heading -->
+        <div class="col-lg-5">
+          <h2 class="font-weight-normal">Exemple de<br class="d-none d-xl-inline-block"> vidéos de présentation</h2>
+        </div>
+        <!-- End Gallery Heading -->
+
+        <!-- Gallery Description -->
+        <div class="col-lg-5 ml-lg-auto text-muted">
+          Ils ont postulé aux offres d'emploi vidéo
+        </div>
+        <!-- End Gallery Description -->
+      </div>
+
+      <!-- Slick Carousel -->
+      <div class="js-slick-carousel js-slick-gallery u-slick u-slick--equal-height u-slick--blurex u-slick--center-mode-right u-slick--gutters-3"
+           data-infinite="true"
+           data-slides-show="4"
+           data-center-mode="true"
+           data-center-padding="150px"
+           data-arrows-classes="u-slick__arrow-classic u-slick__arrow-classic--lg u-slick__arrow-centered--y rounded-circle"
+           data-arrow-left-classes="fa fa-arrow-left u-slick__arrow-classic-inner bg-white opacity opacity-default--hover text-dark u-slick__arrow-classic-inner--left left-3 left-sm-7 opacity-0"
+           data-arrow-right-classes="fa fa-arrow-right u-slick__arrow-classic-inner bg-white opacity opacity-default--hover text-dark u-slick__arrow-classic-inner--right right-3 right-sm-7"
+           data-responsive='[{
+             "breakpoint": 992,
+             "settings": {
+               "slidesToShow": 3
+             }
+           }, {
+             "breakpoint": 768,
+             "settings": {
+               "slidesToShow": 2
+             }
+           }, {
+             "breakpoint": 300,
+             "settings": {
+               "slidesToShow": 1
+             }
+           }]'>
+        <div class="js-slide my-3 lift-lg shadow-2-sm-hover">
+          <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-1.jpg') }});">
+            <div class="mt-auto text-center">
+              <h5 class="font-weight-normal">Swimming Pool</h5>
+            </div>
+          </a>
+        </div>
+
+        <div class="js-slide my-3 lift-lg shadow-2-sm-hover">
+          <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-2.jpg') }});">
+            <div class="mt-auto text-center">
+              <h5 class="font-weight-normal">Restaurants</h5>
+            </div>
+          </a>
+        </div>
+
+        <div class="js-slide my-3 lift-lg shadow-2-sm-hover">
+          <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-3.jpg') }});">
+            <div class="mt-auto text-center">
+              <h5 class="font-weight-normal">Sunset</h5>
+            </div>
+          </a>
+        </div>
+
+        <div class="js-slide my-3 lift-lg shadow-2-sm-hover">
+          <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-4.jpg') }});">
+            <div class="mt-auto text-center">
+              <h5 class="font-weight-normal">Gym</h5>
+            </div>
+          </a>
+        </div>
+
+        <div class="js-slide my-3 lift-lg shadow-2-sm-hover">
+          <a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-5.jpg') }});">
+            <div class="mt-auto text-center">
+              <h5 class="font-weight-normal">Spa/Massage</h5>
+            </div>
+          </a>
+        </div>
+      </div>
+      <!-- End Slick Carousel -->
+    </div>
+
+    <!-- End Gallery -->
+  </div>
+  <!-- Recrutez FIN -->
@@ -0,0 +1,21 @@
+<!-- Degradé avec Stats Section -->
+  <div class="gradient-overlay-half-primary-v1">
+    <div class="container text-center space-2-top space-3-top--lg space-3-bottom">
+      <div class="w-md-80 w-lg-60 text-center mx-auto">
+        <!-- SVG Quote -->
+        <figure class="mx-auto mb-4" style="width: 50px;">
+          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+             viewBox="0 0 8 8" style="enable-background:new 0 0 8 8;" xml:space="preserve">
+            <path fill="#e3e6f0" d="M3,1.3C2,1.7,1.2,2.7,1.2,3.6c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5
+              C1.4,6.9,1,6.6,0.7,6.1C0.4,5.6,0.3,4.9,0.3,4.5c0-1.6,0.8-2.9,2.5-3.7L3,1.3z M7.1,1.3c-1,0.4-1.8,1.4-1.8,2.3
+              c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5c-0.7,0-1.1-0.3-1.4-0.8
+              C4.4,5.6,4.4,4.9,4.4,4.5c0-1.6,0.8-2.9,2.5-3.7L7.1,1.3z"/>
+          </svg>
+        </figure>
+          <h2 class="text-white text-center">Fini le papier, faîtes place à la vidéo !</h2>
+        </div>
+      </div>
+      
+    </div>
+  </div>
+  <!-- Degradé avec Stats FIN-->
@@ -0,0 +1,93 @@
+<!-- Plateforme DEBUT -->
+  <div class=" accueilFondBlanc">
+    <div class="container space-2  ">
+      <div class="card-deck d-block d-lg-flex">
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/consult-cyan-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Multi-support</h4>
+                <p class="mb-0">Smartphone, tablette ou ordinateur.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/plan-brown-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Outil d’enregistrement vidéo</h4>
+                <p>Simple, rapide, gratuit et confidentiel.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/create-blue-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Candidature vidéo</h4>
+                <p>Réponse à vos offres d’emploi vidéo ou candidature spontanée.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+      </div>
+
+      <div class="card-deck d-block d-lg-flex">
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/develop-purple-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Tutoriel vidéo</h4>
+                <p>Pour la réalisation, les candidats disposent de vidéos conseils.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/rocket-red-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Les plus de la vidéo de motivation</h4>
+                <p>Personnalité, motivation et projet professionnel.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/data-analysis-dark-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Traitement des candidatures</h4>
+                <p>Réponses aux candidats depuis l’outil : écrite ou en vidéo.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Plateforme FIN -->
@@ -0,0 +1,20 @@
+<!-- Accueil Photo Haut Section -->
+  <div class="bg-img-hero-center" style="background-image: url({{ asset('v2/img/1920x800/recrutement-video.jpg')}} ">
+    <div class="container space-2 space-5-top--lg space-4-bottom--lg">
+      <div class="w-md-75">
+        <!-- Title -->
+        <div class="mb-7">
+          <span class="d-block text-white text-uppercase mb-2">Talents tube</span>
+          <h1 class="display-4 font-size-48--md-down text-white mb-4">
+            <strong class="u-text-animation u-text-animation--typing"></strong>
+            <br>avec la vidéo
+          </h1>
+
+        </div>
+        <!-- End Title -->
+      </div>
+
+
+    </div>
+  </div>
+  <!-- End Accueil Photo Haut Section -->
@@ -0,0 +1,27 @@
+<!-- Degradé avec Stats Section -->
+  <div class="gradient-overlay-half-primary-v1">
+    <div class="container text-center space-2-top space-3-top--lg space-2-bottom">
+      <div class=" text-center ">
+        <!-- SVG Quote -->
+        <figure class="mx-auto mb-4" style="width: 50px;">
+          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+             viewBox="0 0 8 8" style="enable-background:new 0 0 8 8;" xml:space="preserve">
+            <path fill="#e3e6f0" d="M3,1.3C2,1.7,1.2,2.7,1.2,3.6c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5
+              C1.4,6.9,1,6.6,0.7,6.1C0.4,5.6,0.3,4.9,0.3,4.5c0-1.6,0.8-2.9,2.5-3.7L3,1.3z M7.1,1.3c-1,0.4-1.8,1.4-1.8,2.3
+              c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5c-0.7,0-1.1-0.3-1.4-0.8
+              C4.4,5.6,4.4,4.9,4.4,4.5c0-1.6,0.8-2.9,2.5-3.7L7.1,1.3z"/>
+          </svg>
+        </figure>
+          <h2 class="text-white text-center"> De nombreuses entreprises utilisent notre solution de recrutement, alors pourquoi pas vous ?</h2>
+        </div>
+      </div>
+      <div class=" text-center space-3-bottom">
+      <a class="btn btn-sm btn-contact" href="#signupModal" role="button" data-modal-target="#signupModal" data-overlay-color="#151b26">
+                  <i class="fa fa-user-circle mr-1"></i>
+                  Contactez nous
+                </a>
+      </div>
+      
+    </div>
+  </div>
+  <!-- Degradé avec Stats FIN-->
@@ -0,0 +1,632 @@
+{% extends 'basev2.html.twig' %}
+
+{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+
+{% block content %}
+<main id="content">
+  {% include 'defaultv2/accueil/blocPhoto.html.twig' with {'urlImage': 'v2/img/1920x800/candidature-offre-emploi-video.jpg'} %}
+      
+  {% include 'defaultv2/candidatures/blocCvClassique.html.twig' %}
+
+  {% include 'defaultv2/candidatures/blocFinCv.html.twig' %}
+  
+  {% include 'defaultv2/candidatures/blocCandidatureAutrement.html.twig' %}
+  
+  {% include 'defaultv2/candidatures/blocGrille.html.twig' %}
+  
+  {% include 'defaultv2/candidatures/blocExempleMotivation.html.twig' %}
+
+  {% include 'defaultv2/candidatures/blocAccompagnement.html.twig' %}
+
+  {% include 'defaultv2/candidatures/blocPourquoiPasVous.html.twig' %}
+</main>
+<!-- ========== END MAIN CONTENT ========== -->
+
+<!-- ========== FOOTER ========== -->
+<footer class="bg-dark">
+  <div class="container space-2">
+    <div class="row justify-content-md-between">
+      <div class="col-6 col-md-3 col-lg-2 order-lg-3 mb-7 mb-lg-0">
+        <h3 class="h6 text-white mb-3">About</h3>
+
+        <!-- List Group -->
+        <div class="list-group list-group-flush list-group-transparent">
+          
+        </div>
+        <!-- End List Group -->
+      </div>
+
+      <div class="col-6 col-md-3 col-lg-2 order-lg-4 mb-7 mb-lg-0">
+        <h3 class="h6 text-white mb-3">Company</h3>
+
+        <!-- List Group -->
+        <div class="list-group list-group-flush list-group-transparent">
+         
+        </div>
+        <!-- End List Group -->
+      </div>
+
+      <div class="col-6 col-md-3 col-lg-2 order-lg-5 mb-7 mb-lg-0">
+        <h3 class="h6 text-white mb-3">Blog</h3>
+
+        <!-- List Group -->
+        <div class="list-group list-group-flush list-group-transparent">
+          
+        </div>
+        <!-- End List Group -->
+      </div>
+
+      <div class="col-6 col-md-3 col-lg-2 order-lg-6 mb-7 mb-lg-0">
+        <h3 class="h6 text-white mb-3">Social</h3>
+
+        <!-- List -->
+        <div class="list-group list-group-flush list-group-transparent">
+          <a class="list-group-item list-group-item-action" href="#">
+            <i class="fab fa-facebook-f min-width-3 text-center mr-2"></i>
+            Facebook
+          </a>
+          
+        </div>
+        <!-- End List -->
+      </div>
+
+      <div class="col-lg-4 order-lg-1 d-flex align-items-start flex-column">
+        <!-- Logo -->
+        <a class="d-inline-block mb-5" href="index.html" aria-label="Space">
+          <img src="{{ asset('v2/svg/logos/talentstube-logo-mobile.svg') }}" alt="Logo" style="width: 40px; max-width: 100%;">
+        </a>
+        <!-- End Logo -->
+
+
+
+        <p class="small text-muted">Tous droits réservés. &copy; Space. 2020 Talents Tube.</p>
+      </div>
+    </div>
+  </div>
+</footer>
+<!-- ========== END FOOTER ========== -->
+
+<!-- ========== SECONDARY CONTENTS ========== -->
+<!-- Panel Sidebar Navigation -->
+<aside id="sidebarContent" class="u-sidebar u-unfold--css-animation u-unfold--hidden"
+  aria-labelledby="sidebarNavToggler">
+  <div class="u-sidebar__scroller">
+    <div class="u-sidebar__container">
+      <div class="u-sidebar--panel__footer-offset">
+        <!-- Toggle Button -->
+        <div class="d-flex align-items-center border-bottom py-4 px-5">
+          <h4 class="h5 mb-0">Mon compte</h4>
+
+          <button type="button" class="close u-sidebar__close ml-auto" aria-controls="sidebarContent"
+            aria-haspopup="true" aria-expanded="false" data-unfold-event="click" data-unfold-hide-on-scroll="false"
+            data-unfold-target="#sidebarContent" data-unfold-type="css-animation" data-unfold-animation-in="fadeInRight"
+            data-unfold-animation-out="fadeOutRight" data-unfold-duration="500">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <!-- End Toggle Button -->
+
+        <!-- Content -->
+        <div class="js-scrollbar u-sidebar__body">
+          <div class="u-sidebar__content py-5">
+            <!-- Title -->
+            <div class="py-2 px-5">
+              <h4 class="text-uppercase text-muted font-size-13 mb-0">Mon menu</h4>
+            </div>
+            <!-- End Title -->
+
+            <!-- List -->
+            <ul class="list-unstyled font-size-14 mb-5">
+              <li>
+                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
+                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/finance-dark-icon.svg') }}"
+                    alt="Image Description">
+                  <div class="media-body">
+                    <span>Dashboard</span>
+                  </div>
+                </a>
+              </li>
+              <li>
+                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
+                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/touch-dark-icon.svg') }}"
+                    alt="Image Description">
+                  <div class="media-body">
+                    <span>Activity</span>
+                  </div>
+                </a>
+              </li>
+              <li>
+                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
+                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/team-dark-icon.svg') }}"
+                    alt="Image Description">
+                  <div class="media-body">
+                    <span>Team</span>
+                  </div>
+                </a>
+              </li>
+              <li>
+                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
+                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/email-dark-icon.svg') }}"
+                    alt="Image Description">
+                  <div class="media-body">
+                    <span>Mailbox</span>
+                  </div>
+                </a>
+              </li>
+              <li>
+                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
+                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/projects-dark-icon.svg') }}"
+                    alt="Image Description">
+                  <div class="media-body">
+                    <span>Projects</span>
+                  </div>
+                </a>
+              </li>
+            </ul>
+            <!-- End List -->
+
+            <!-- Title -->
+            <div class="py-2 px-5">
+              <h4 class="text-uppercase text-muted font-size-13 mb-0">Sub level</h4>
+            </div>
+            <!-- End Title -->
+
+            <!-- List -->
+            <ul class="list-unstyled font-size-14 mb-0">
+              <li>
+                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
+                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/calendar-dark-icon.svg') }}"
+                    alt="Image Description">
+                  <div class="media-body">
+                    <span>Calendar</span>
+                  </div>
+                </a>
+              </li>
+              <li>
+                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
+                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/cog-dark-icon.svg') }}"
+                    alt="Image Description">
+                  <div class="media-body">
+                    <span>Tools</span>
+                  </div>
+                </a>
+              </li>
+              <li>
+                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
+                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/archive-dark-icon.svg') }}"
+                    alt="Image Description">
+                  <div class="media-body">
+                    <span>Archive</span>
+                  </div>
+                </a>
+              </li>
+            </ul>
+            <!-- End List -->
+          </div>
+        </div>
+        <!-- End Content -->
+      </div>
+
+      <!-- Footer -->
+      <footer class="u-sidebar__footer u-sidebar__footer--panel py-4 px-5">
+        <!-- List -->
+        <ul class="list-inline font-size-14 mb-0">
+          <li class="list-inline-item">
+            <a class="u-sidebar--panel__link pr-2" href="../pages/privacy.html">Privacy</a>
+          </li>
+          <li class="list-inline-item">
+            <a class="u-sidebar--panel__link px-2" href="../pages/terms.html">Terms</a>
+          </li>
+          <li class="list-inline-item">
+            <a class="u-sidebar--panel__link pl-2" href="../pages/help.html">
+              <i class="fa fa-info-circle"></i>
+            </a>
+          </li>
+        </ul>
+        <!-- End List -->
+      </footer>
+      <!-- End Footer -->
+    </div>
+  </div>
+</aside>
+<!-- End Panel Sidebar Navigation -->
+
+<!-- Signup Modal Window -->
+<div id="signupModal" class="js-signup-modal u-modal-window" style="width: 500px;">
+  <!-- Modal Close Button -->
+  <button class="btn btn-sm btn-icon btn-text-secondary u-modal-window__close" type="button"
+    onclick="Custombox.modal.close();">
+    <i class="fas fa-times"></i>
+  </button>
+  <!-- End Modal Close Button -->
+
+  <!-- Content -->
+  <div class="p-5 bg-white rounded">
+    <form class="js-validate">
+      <!-- Signin -->
+      <div id="signin" data-target-group="idForm">
+        <!-- Title -->
+        <header class="text-center mb-5">
+          <h2 class="h4 mb-0">Please sign in</h2>
+          <p>Signin to manage your account.</p>
+        </header>
+        <!-- End Title -->
+
+        <!-- Input -->
+        <div class="js-form-message mb-3">
+          <div class="js-focus-state input-group form">
+            <div class="input-group-prepend form__prepend">
+              <span class="input-group-text form__text">
+                <i class="fa fa-user form__text-inner"></i>
+              </span>
+            </div>
+            <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+              aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+              data-success-class="u-has-success">
+          </div>
+        </div>
+        <!-- End Input -->
+
+        <!-- Input -->
+        <div class="js-form-message mb-3">
+          <div class="js-focus-state input-group form">
+            <div class="input-group-prepend form__prepend">
+              <span class="input-group-text form__text">
+                <i class="fa fa-lock form__text-inner"></i>
+              </span>
+            </div>
+            <input type="password" class="form-control form__input" name="password" required placeholder="Password"
+              aria-label="Password" data-msg="Your password is invalid. Please try again."
+              data-error-class="u-has-error" data-success-class="u-has-success">
+          </div>
+        </div>
+        <!-- End Input -->
+
+        <div class="row mb-3">
+          <div class="col-6">
+            <!-- Checkbox -->
+            <div class="custom-control custom-checkbox d-flex align-items-center text-muted">
+              <input type="checkbox" class="custom-control-input" id="rememberMeCheckbox">
+              <label class="custom-control-label" for="rememberMeCheckbox">
+                Remember Me
+              </label>
+            </div>
+            <!-- End Checkbox -->
+          </div>
+
+          <div class="col-6 text-right">
+            <a class="js-animation-link float-right" href="javascript:;" data-target="#forgotPassword"
+              data-link-group="idForm" data-animation-in="fadeIn">Mot de passe oublié?</a>
+          </div>
+        </div>
+
+        <div class="mb-3">
+          <button type="submit" class="btn btn-block btn-primary">Connexion</button>
+        </div>
+
+        <div class="text-center mb-3">
+          <p class="text-muted">
+            Do not have an account?
+            <a class="js-animation-link" href="javascript:;" data-target="#signup" data-link-group="idForm"
+              data-animation-in="fadeIn">Signup
+            </a>
+          </p>
+        </div>
+
+        <!-- Divider -->
+        <div class="text-center u-divider-wrapper my-3">
+          <span class="u-divider u-divider--xs u-divider--text">OR</span>
+        </div>
+        <!-- End Divider -->
+
+        <!-- Signin Social Buttons -->
+        <div class="row mx-gutters-2 mb-4">
+          <div class="col-sm-6 mb-2 mb-sm-0">
+            <button type="button" class="btn btn-block btn-facebook text-nowrap">
+              <i class="fab fa-facebook-f mr-2"></i>
+              Signin with Facebook
+            </button>
+          </div>
+          <div class="col-sm-6">
+            <button type="button" class="btn btn-block btn-twitter">
+              <i class="fab fa-twitter mr-2"></i>
+              Signin with Twitter
+            </button>
+          </div>
+        </div>
+        <!-- End Signin Social Buttons -->
+      </div>
+      <!-- End Signin -->
+
+      <!-- Signup -->
+      <div id="signup" style="display: none; opacity: 0;" data-target-group="idForm">
+        <!-- Title -->
+        <header class="text-center mb-5">
+          <h2 class="h4 mb-0">Please sign up</h2>
+          <p>Fill out the form to get started.</p>
+        </header>
+        <!-- End Title -->
+
+        <!-- Input -->
+        <div class="js-form-message mb-3">
+          <div class="js-focus-state input-group form">
+            <div class="input-group-prepend form__prepend">
+              <span class="input-group-text form__text">
+                <i class="fa fa-user form__text-inner"></i>
+              </span>
+            </div>
+            <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+              aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+              data-success-class="u-has-success">
+          </div>
+        </div>
+        <!-- End Input -->
+
+        <!-- Input -->
+        <div class="js-form-message mb-3">
+          <div class="js-focus-state input-group form">
+            <div class="input-group-prepend form__prepend">
+              <span class="input-group-text form__text">
+                <i class="fa fa-lock form__text-inner"></i>
+              </span>
+            </div>
+            <input type="password" class="form-control form__input" name="password" id="password" required
+              placeholder="Password" aria-label="Password" data-msg="Your password is invalid. Please try again."
+              data-error-class="u-has-error" data-success-class="u-has-success">
+          </div>
+        </div>
+        <!-- End Input -->
+
+        <!-- Input -->
+        <div class="js-form-message mb-3">
+          <div class="js-focus-state input-group form">
+            <div class="input-group-prepend form__prepend">
+              <span class="input-group-text form__text">
+                <i class="fa fa-key form__text-inner"></i>
+              </span>
+            </div>
+            <input type="password" class="form-control form__input" name="confirmPassword" required
+              placeholder="Confirm Password" aria-label="Confirm Password"
+              data-msg="Password does not match the confirm password." data-error-class="u-has-error"
+              data-success-class="u-has-success">
+          </div>
+        </div>
+        <!-- End Input -->
+
+        <div class="mb-3">
+          <button type="submit" class="btn btn-block btn-primary">Signup</button>
+        </div>
+
+        <div class="text-center mb-3">
+          <p class="text-muted">
+            Have an account?
+            <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
+              data-animation-in="fadeIn">Conenxion Recruteur
+            </a>
+          </p>
+        </div>
+
+        <!-- Divider -->
+        <div class="text-center u-divider-wrapper my-3">
+          <span class="u-divider u-divider--xs u-divider--text">OR</span>
+        </div>
+        <!-- End Divider -->
+
+        <!-- Signup Social Buttons -->
+        <div class="row mx-gutters-2 mb-4">
+          <div class="col-sm-6 mb-2 mb-sm-0">
+            <button type="button" class="btn btn-block btn-facebook text-nowrap">
+              <i class="fab fa-facebook-f mr-2"></i>
+              Signup with Facebook
+            </button>
+          </div>
+          <div class="col-sm-6">
+            <button type="button" class="btn btn-block btn-twitter">
+              <i class="fab fa-twitter mr-2"></i>
+              Signup with Twitter
+            </button>
+          </div>
+        </div>
+        <!-- End Signup Social Buttons -->
+      </div>
+      <!-- End Signup -->
+
+      <!-- Forgot Password -->
+      <div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
+        <!-- Title -->
+        <header class="text-center mb-5">
+          <h2 class="h4 mb-0">Recover account</h2>
+          <p>Enter your email address and an email with instructions will be sent to you.</p>
+        </header>
+        <!-- End Title -->
+
+        <!-- Input -->
+        <div class="js-form-message mb-3">
+          <div class="js-focus-state input-group form">
+            <div class="input-group-prepend form__prepend">
+              <span class="input-group-text form__text">
+                <i class="fa fa-user form__text-inner"></i>
+              </span>
+            </div>
+            <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+              aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+              data-success-class="u-has-success">
+          </div>
+        </div>
+        <!-- End Input -->
+
+        <div class="mb-3">
+          <button type="submit" class="btn btn-block btn-primary">Recover Account</button>
+        </div>
+        <div class="text-center mb-3">
+          <p class="text-muted">
+            Have an account?
+            <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
+              data-animation-in="fadeIn">Contactez nous
+            </a>
+          </p>
+        </div>
+        <div class="text-center mb-3">
+          <p class="text-muted">
+            Have an account?
+            <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
+              data-animation-in="fadeIn">Connexion Recruteur.
+            </a>
+          </p>
+        </div>
+      </div>
+      <!-- End Forgot Password -->
+    </form>
+  </div>
+  <!-- End Content -->
+</div>
+<!-- End Signup Modal Window -->
+<!-- ========== END SECONDARY CONTENTS ========== -->
+
+
+
+
+
+
+<!-- Go to Top -->
+<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
+  data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
+  <i class="fa fa-arrow-up u-go-to__inner"></i>
+</a>
+<!-- End Go to Top -->
+
+<!-- JS Global Compulsory -->
+<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
+
+<!-- JS Implementing Plugins -->
+<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
+<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
+<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
+<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
+
+<!-- JS Space -->
+<script src="{{ asset('v2/js/hs.core.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
+<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
+<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
+ <script src="{{ asset('v2/js/components/hs.video-player.js') }}"></script>
+
+  
+
+<!-- JS Plugins Init. -->
+<script>
+  // initialization of google map
+  {# function initMap() {
+    $.HSCore.components.HSGMap.init('.js-g-map');
+  } #}
+
+  $(window).on('load', function () {
+    // initialization of HSMegaMenu component
+    $('.js-mega-menu').HSMegaMenu({
+      event: 'hover',
+      pageContainer: $('.container'),
+      breakpoint: 767,
+      hideTimeOut: 0
+    });
+  });
+
+  $(document).on('ready', function () {
+    // initialization of header
+    $.HSCore.components.HSHeader.init($('#header'));
+
+    // initialization of fancybox
+    $.HSCore.components.HSFancyBox.init('.js-fancybox');
+
+    // initialization of unfold component
+    $.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
+      afterOpen: function () {
+        if (!$('body').hasClass('IE11')) {
+          $(this).find('input[type="search"]').focus();
+        }
+      }
+    });
+
+    // initialization of form validation
+    $.HSCore.components.HSValidation.init('.js-validate', {
+      rules: {
+        confirmPassword: {
+          equalTo: '#password'
+        }
+      }
+    });
+
+    // initialization of forms
+    $.HSCore.helpers.HSFocusState.init();
+
+    // initialization of malihu scrollbar
+    $.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
+
+    // initialization of autonomous popups
+    $.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
+      autonomous: true
+    });
+
+    // initialization of show animations
+    $.HSCore.components.HSShowAnimation.init('.js-animation-link');
+
+    // initialization of slick carousel
+    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
+
+     // initialization of video player
+      $.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');
+
+    // initialization of text animation (typing)
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Recevez des candidatures "],
+      typeSpeed: 60,
+      loop: true,
+      backSpeed: 25,
+      backDelay: 3000
+    });
+
+    // initialization of cubeportfolio
+    $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+    // initialization of go to
+    $.HSCore.components.HSGoTo.init('.js-go-to');
+
+    
+  });
+
+
+  $(document).ready(function () {
+    $(window).scroll(function () { // check if scroll event happened
+      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
+        $("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color","#fff");
+      } else {
+        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+        $("#sidebarNavToggler").css("color", "#000");
+      }
+    });
+  });
+</script>
+
+{% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+<script src="https://player.vimeo.com/api/player.js"></script>
+{% endblock %}
@@ -66,50 +66,62 @@ class DefaultController extends Controller
    public function homepagev2Action()
    {
        $em = $this->getDoctrine()->getManager();
-        $ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "emphasis" => true, "isPromoted" => false), array('emphasisOrder' => 'DESC'));
-        if (!$ads) {
-            $ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "isPromoted" => false), array('id' => 'DESC'));
-        }
-        $talents = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TALENT", "emphasis" => true), array('emphasisOrder' => 'DESC'));
-        $companies = $em->getRepository('AppBundle:Company')->findBy(array("type" => "COMPANY", "emphasis" => true), array('emphasisOrder' => 'DESC'));
-        $territories = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TERRITORY", "emphasis" => true), array('emphasisOrder' => 'ASC'));
+        // $ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "emphasis" => true, "isPromoted" => false), array('emphasisOrder' => 'DESC'));
+        // if (!$ads) {
+        //     $ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "isPromoted" => false), array('id' => 'DESC'));
+        // }
+        //$talents = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TALENT", "emphasis" => true), array('emphasisOrder' => 'DESC'));
+        //$companies = $em->getRepository('AppBundle:Company')->findBy(array("type" => "COMPANY", "emphasis" => true), array('emphasisOrder' => 'DESC'));
+        //$territories = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TERRITORY", "emphasis" => true), array('emphasisOrder' => 'ASC'));

-        $arrayTalents = array();
-        foreach ($talents as $talent) {
-            if ($talent->getPresentationVideo()) {
-                $arrayTalents[] = $talent;
-            }
-        }
+        // $arrayTalents = array();
+        // foreach ($talents as $talent) {
+        //     if ($talent->getPresentationVideo()) {
+        //         $arrayTalents[] = $talent;
+        //     }
+        // }

-        $arrayCompany = array();
-        foreach ($companies as $company) {
-            if ($company->getPresentationVideo()) {
-                $arrayCompany[] = $company;
-            }
-        }
+        // $arrayCompany = array();
+        // foreach ($companies as $company) {
+        //     if ($company->getPresentationVideo()) {
+        //         $arrayCompany[] = $company;
+        //     }
+        // }

-        $mediaManager = $this->get('media_manager');
-        foreach ($ads as $ad) {
-            $mediaManager->getThumbnails($ad);
-        }
+        // $mediaManager = $this->get('media_manager');
+        // foreach ($ads as $ad) {
+        //     $mediaManager->getThumbnails($ad);
+        // }

-        foreach ($companies as $company) {
-            $mediaManager->getThumbnails($company);
-        }
+        // foreach ($companies as $company) {
+        //     $mediaManager->getThumbnails($company);
+        // }

-        foreach ($territories as $t) {
-            $mediaManager->getThumbnails($t);
-        }
+        // foreach ($territories as $t) {
+        //     $mediaManager->getThumbnails($t);
+        // }

-        $form = $this->createForm(AdSearchType::class);
+        // $form = $this->createForm(AdSearchType::class);

        return $this->render(
            'defaultv2/accueil/index.html.twig', [
-                'ads' => $ads,
-                'companies' => $arrayCompany,
-                'talents' => $arrayTalents,
-                'territories' => $territories,
-                'searchform' => $form->createView(),
+                //'ads' => $ads,
+                //'companies' => $arrayCompany,
+                //'talents' => $arrayTalents,
+                //'territories' => $territories,
+                //'searchform' => $form->createView(),
+            ]
+        );
+    }
+
+     /**
+     * @Route("/candidatures-cv-video", name="candidaturesVideo")
+     */
+    public function candidaturesVideoAction()
+    {
+        return $this->render(
+            'defaultv2/candidatures/index.html.twig', [
+                
            ]
        );
    }