Prise en compte remarques suite Pre prod V2

Modif du referencement pour priorise Web app
referencement espace recruteur
2020-08-17 18:34:48 +02:00 · 2020-08-17 11:29:31 +02:00 · 2020-08-13 17:30:23 +02:00 · 2020-08-13 17:13:40 +02:00 · 2020-08-13 11:38:17 +02:00 · 2020-08-11 17:33:11 +02:00
58 changed files with 2235 additions and 606 deletions
@@ -0,0 +1,173 @@
+{% extends 'basev2.html.twig' %}
+
+{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% trans_default_domain 'FOSUserBundle' %}
+{% block content %}
+<div class="text-center mb-4">
+      <h1 class="h3 mb-0"></h1>
+      <p></p>
+    </div>
+    <!-- End Title -->
+<div class="container contentWrapper">
+    <div class="row">
+        <div class="col push-s3 s6">
+            <h1 class="m-t-20 alttitle center-align">{{'user.register.title'|trans({},"messages") }}</h1>
+            <p>{{ 'registration.check_email'|trans({'%email%': user.email}) }}</p>
+        </div>
+    </div>
+</div>
+<!-- ========== END MAIN CONTENT ========== -->
+
+{% include 'defaultv2/accueil/footer.html.twig' %}
+
+
+
+<!-- Begin Panel Login -->
+{% include 'defaultv2/accueil/blocLogin.html.twig'
+with {
+    'csrf_token': csrf_token,
+    'error' : error
+  } %}
+
+<!-- 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>
+
+  
+
+<!-- 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');
+
+    $('.u-text-animation.u-text-animation').html("");
+    // initialization of text animation (typing)
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Recrutez les candidats", "Boostez vos recrutements", "Valorisez vos collaborateurs"],
+      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 %}
+
+
+
@@ -10,7 +10,7 @@
    {% endif %}
    <div id="fairlane-cookie-consent" {% if fairlane_cookie_consent.useBootstrap == true %}class="navbar navbar-fixed-top"{% endif %}>
        <div class="container">
-            <div class="row">
+            <div class="">
                <div class="col s8">
                    <p>{{ text_info }}
                    {% if fairlane_cookie_consent.twig.url_additional_info| length > 1 and text_additional_info_link | length > 1 %}
@@ -3,6 +3,7 @@
 <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="robots" content="noindex,nofollow">
    <title>TT | Admin</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="{{ asset('css/admin.css') }}">
@@ -12,18 +12,21 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/64189815.js"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="robots" content="noindex,nofollow">
    <title>{% block title %}Talents Tube : La 1ère plateforme pour l’emploi 100% vidéo{% endblock %}</title>

    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
-    {% block metarobot %}<meta name="robots" content="index,follow">{% endblock %}
+    {% block metarobot %} <meta name="robots" content="noindex,nofollow">{% endblock %}
    <meta name="description" content="{% block description %}
    Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !
 {% endblock %}">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta name="robots" content="index,follow">
    {# OG et TC #}
    {% if app.request.attributes.get('_route') != null %}
        {% block ogtc %}
            {#Twitter Card data pour les données enrichies sur Twitter#}
+            
            <meta name="twitter:card" content="summary">
            <meta name="twitter:site" content="@TalentsTube">
            <meta name="twitter:title" content="Talents Tube : Le 1er job board 100% vidéo">
@@ -15,7 +15,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    <title>{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}</title>

    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
-    <meta name="robots" content="index,follow">
+    <meta name="robots" content="noindex,nofollow">
    <meta name="description" content="{% block description %}
    Talents Tube est la première plateforme réservée aux offres d'emploi et aux CV vidéos. Découvrez un nouvelle méthode de recrutement !
 {% endblock %}">
@@ -2,11 +2,14 @@
 <html lang="fr">
 <head>
  <!-- Title -->
-  <title>Talents Tube : Le 1er job board 100% vidéo</title>
+  <title>{% block title %}{% endblock %}</title>

  <!-- Required Meta Tags Always Come First -->
  <meta charset="utf-8">
+  <meta name="robots" content="noindex,nofollow">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  {% block meta %}
+  {% endblock %}
    <!-- Google Fonts -->
    <link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">

@@ -15,14 +15,14 @@

              <strong>Découvrez la personnalité du candidat et son projet professionnel en quelques instants.</strong>
            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="candidatures-cv-video">En savoir plus</a>
+            <a class="btn btn-sm btn-primary btn-wide" href="candidatures-video">En savoir plus</a>

          </div>
        </div>

        <div class="col-md-6 order-md-1">
          <div class="pr-lg-4">
-            <a href="candidatures-cv-video"><img class="img-fluid" src="{{ asset('v2/png/candidature-en-video.png') }}" alt="Candidature en vidéo"></a>
+            <a href="candidatures-video"><img class="img-fluid" src="{{ asset('v2/png/candidature-en-video.png') }}" alt="Candidature en vidéo"></a>
          </div>
        </div>
      </div>
@@ -1,6 +1,6 @@
 <!-- Degradé avec Stats Section -->
  <div class="gradient-overlay-half-primary-v1">
-    <div class="bg-img-hero" style="background-image: url({{ asset('v2/img/bg/bg2.png')}} ">
+    <div class="bg-img-hero" style=>
      <div class="container space-2  ">
        <div class="container z-index-2 containerStat">
          <div class=" shadow-lg rounded mt-n9">
@@ -57,7 +57,7 @@
            <!-- Icon Blocks -->
            <div class="text-center px-lg-3">
              <img src="{{ asset('v2/svg/components/Diffusion-offres-emploi-video-marque-employeur.svg') }}" alt="Logo">
-              <h3 class="h4 text-white">Diffusez vos offres d'emploi et marque employeur en <a href="#">vidéo</a></h3>
+              <h3 class="h4 text-white text300">Diffusez vos offres d'emploi et marque employeur en <a href="#">vidéo</a></h3>
            </div>
            <!-- End Icon Blocks -->
          </div>
@@ -66,7 +66,7 @@
            <!-- Icon Blocks -->
            <div class="text-center px-lg-3">
              <img src="{{ asset('v2/svg/components/candidature-en-video.svg') }}" alt="Logo">
-              <h3 class="h4 text-white">Recevez les candidatures en <a href="#">vidéo</a></h3>
+              <h3 class="h4 text-white text300">Recevez les candidatures en <a href="#">vidéo</a></h3>
            </div>
            <!-- End Icon Blocks -->
          </div>
@@ -75,7 +75,7 @@
            <!-- Icon Blocks -->
            <div class="text-center px-lg-3">
              <img src="{{ asset('v2/svg/components/Gestion-des-candidatures-video.svg') }}" alt="Logo">
-              <h3 class="h4 text-white">Gérez vos candidatures en <a href="#">vidéo</a></h3>
+              <h3 class="h4 text-white text300">Gérez vos candidatures en <a href="#">vidéo</a></h3>
            </div>
            <!-- End Icon Blocks -->
          </div>
@@ -16,14 +16,14 @@
                communication
                et de votre gestion des ressources humaines.</strong>
            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="marque-employeur-en-video">En savoir plus</a>
+            <a class="btn btn-sm btn-primary btn-wide" href="marque-employeur-video">En savoir plus</a>

          </div>
        </div>

        <div class="col-md-6 order-md-1">
          <div class="pr-lg-4">
-            <a href="marque-employeur-en-video"><img class="img-fluid" src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo"></a>
+            <a href="marque-employeur-video"><img class="img-fluid" src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo"></a>
          </div>
        </div>
      </div>
@@ -4,7 +4,7 @@
      <div class="w-md-75">
        <!-- Title -->
        <div class="mb-7">
-          <span class="d-block text-white text-uppercase mb-2">Talents tube</span>
+          {# <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">{{textParDefaut}}</strong>
            <br>{{textVideo}}
@@ -4,9 +4,10 @@
  <div class="container">
    <!-- Title -->
    <div class="w-md-80 w-lg-60 mx-md-auto text-md-center mb-8">
+      <h2 class="text-lh-xs mb-0">Témoignages de nos clients</h2>
      <h6 class="text-uppercase text-gray-700 font-weight-medium letter-spacing-0_06 mb-3"> Ils ont choisi Talents Tube
        pour recruter différemment.</h6>
-      <h2 class="text-lh-xs mb-0">Témoignages de nos clients</h2>
+      
    </div>
    <!-- End Title -->

@@ -19,7 +20,7 @@
      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
        style="background-image: url({{ asset('v2/temoignages/mgdis-temoignage-image.jpg') }});">
        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
-          <h3 class="h2 text-lh-SMGDIS</h3>
+          <h3 class="h2 text-lh-xs mb-4">MGDIS</h3>
          <p class="text-white-70 mb-4">Simona Vasile-Martin, Responsable Marketing</p>

          <a class="js-fancybox text-white" href="javascript:;"
@@ -10,7 +10,7 @@
           <!-- Links -->
            <ul class="list-unstyled">
                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="/">Espace recruteurs</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="https://app.talentstube.com" target="_blank">Jobs</a></li>
+                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="https://www.talentstube.com/" target="_blank">Jobs</a></li>
                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="#"  target="_blank">CV Vidéothèque (En cours)</a></li>
            </ul>
            <!-- End Links -->
@@ -25,10 +25,11 @@
        <div class="list-group list-group-flush list-group-transparent">
             <!-- Links -->
            <ul class="list-unstyled">
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="mentions">Mentions légales</a></li>
+                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="mentions-legales">Mentions légales</a></li>
                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="cgu">CGU</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="confidentialite">Politique de confidentialité</a></li>
-                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="contact">Contact</a></li>
+                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="politique-confidentialite">Politique de confidentialité</a></li>
+                <li><a class="nav-link u-header__sub-menu-nav-link px-0" href="https://blog.talentstube.com/contact.html
+">Contact</a></li>
            </ul>
            <!-- End Links -->
        </div>
@@ -1,7 +1,24 @@
 {% extends 'basev2.html.twig' %}

-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% block title %}Talents Tube - Solution de recrutement en vidéo{% endblock %}
+{% block meta %}
+  <meta name="description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Talents Tube - Solution de recrutement en vidéo">
+  <meta name="twitter:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">

+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Talents Tube - Solution de recrutement en vidéo" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo." />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+  
+{% endblock %}
 {% block content %}
 <main id="content">
  {% include 'defaultv2/accueil/blocPhoto.html.twig' 
@@ -30,150 +47,7 @@

 {% include 'defaultv2/accueil/footer.html.twig' %}

-<!-- ========== 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 -->

 <!-- Begin Panel Login -->
 {% include 'defaultv2/accueil/blocLogin.html.twig'
@@ -12,7 +12,7 @@ Aujourd’hui, votre entreprise recherche de plus en plus des compétences compo

 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>
+            <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/">Voir la plateforme</a>

          </div>
        </div>
@@ -2,10 +2,10 @@
  <div class="space1-bottom accueilFondBleute">
    <!-- Gallery -->
    <div class="container space-1 space-2--sm space-3-bottom--lg">
-      <div class="row mb-7">
+      <div class="row mb-12">
        <!-- 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 class="col-lg-12">
+          <h2 class="font-weight-normal">Exemples de vidéos de présentation</h2>
        </div>
        <!-- End Gallery Heading -->

@@ -42,43 +42,138 @@
             }
           }]'>
        <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 class="js-fancybox text-white" href="javascript:;"
+            data-src="https://youtu.be/wl-6iDQI-Ls?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+           <img src="{{ asset('v2/img/exemplesCandidats/video-de-reponse-offre-emploi-1.jpg') }}">
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
          </a>
+          {# <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">Candidat</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 class="js-fancybox text-white" href="javascript:;"
+            data-src="https://youtu.be/Vc_MxwbnRoM?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+           <img src="{{ asset('v2/img/exemplesCandidats/video-de-reponse-offre-emploi-2.jpg') }}">
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
          </a>
+          {# <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">Candidat</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 class="js-fancybox text-white" href="javascript:;"
+            data-src="https://youtu.be/vsTgLzjfpQo?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+           <img src="{{ asset('v2/img/exemplesCandidats/video-de-reponse-offre-emploi-4.jpg') }}">
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
          </a>
+          {# <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">Candidat</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 class="js-fancybox text-white" href="javascript:;"
+            data-src="https://youtu.be/18FOPnQBtFk?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+           <img src="{{ asset('v2/img/exemplesCandidats/video-de-reponse-offre-emploi-5.jpg') }}">
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
          </a>
+          {# <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">Candidat</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 class="js-fancybox text-white" href="javascript:;"
+            data-src="https://youtu.be/Qzyp0K9orUk?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+           <img src="{{ asset('v2/img/exemplesCandidats/video-de-reponse-offre-emploi-6.jpg') }}">
+            <i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
+              <i class="u-icon__inner svg-icon svg-icon-xs text-white">
+                <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink">
+                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <rect x="0" y="0" width="24" height="24"></rect>
+                    <path
+                      d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
+                      fill="#000000"></path>
+                  </g>
+                </svg>
+              </i>
+            </i>
          </a>
+          {# <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">Candidat</h5>
+            </div>
+          </a> #}
        </div>
      </div>
      <!-- End Slick Carousel -->
@@ -4,8 +4,7 @@
      <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">
+         <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>
@@ -3,20 +3,12 @@
    <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>
+
+          <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">
+      <a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact.html" target="_blank" role="button" >
                  <i class="fa fa-user-circle mr-1"></i>
                  Contactez nous
                </a>
@@ -1,6 +1,23 @@
 {% extends 'basev2.html.twig' %}

-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% block title %}Candidature vidéo - Découvrez les talents autrement - Talents Tube{% endblock %}
+{% block meta %}
+  <meta name="description" content="Découvrez le savoir-faire, le savoir-être et les motivations des candidats en vidéo. Gagnez du temps et optimisez votre processus de recrutement.">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Candidature vidéo - Découvrez les talents autrement - Talents Tube">
+  <meta name="twitter:description" content="Découvrez le savoir-faire, le savoir-être et les motivations des candidats en vidéo. Gagnez du temps et optimisez votre processus de recrutement.">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Candidature vidéo - Découvrez les talents autrement - Talents Tube" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Découvrez le savoir-faire, le savoir-être et les motivations des candidats en vidéo. Gagnez du temps et optimisez votre processus de recrutement." />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+{% endblock %}

 {% block content %}
 <main id="content">
@@ -145,7 +162,7 @@ with {
    $('.u-text-animation.u-text-animation').html("");
    // initialization of text animation (typing)
    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
-      strings: ["Recevez des candidatures "],
+      strings: ["Recevez des candidatures", "Découvrez le potentiel des candidats", "Recevez des candidatures"],
      typeSpeed: 60,
      loop: true,
      backSpeed: 25,
@@ -71,7 +71,7 @@
                <a href="https://www.bretagne.bzh/"><img src="{{ asset('img/RB_monochrome_blanc.svg')}}" alt="Region Bretagne"></a><br>
            </div>
            <div class="col s12 center-align m-t-30">
-                <a class="text-center white-text" href="https://www.e-declic.com" target="_blank" title="Agence Web">&copy;&nbsp;2018 Talents Tube</a>
+                <a class="text-center white-text" href="https://www.e-declic.com" target="_blank" title="Agence Web">&copy;&nbsp;2020 Talents Tube</a>
            </div>
        </div>
    </div>
@@ -1,6 +1,6 @@
 {% extends 'basev2.html.twig' %}

-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% block title %}Talents Tube : Conditions générales d’utilisation - {% endblock %}

 {% block content %}
 <main id="content">
@@ -1,6 +1,6 @@
 {% extends 'basev2.html.twig' %}

-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% block title %}Mentions légales - Talents Tube{% endblock %}

 {% block content %}
 <main id="content">
@@ -1,7 +1,7 @@
 <!-- Skippy -->
  <a id="skippy" class="sr-only sr-only-focusable u-skippy" href="#content">
    <div class="container">
-      <span class="u-skiplink-text">Skip to main content</span>
+      <span class="u-skiplink-text"></span>
    </div>
  </a>
  <!-- End Skippy -->
@@ -14,7 +14,7 @@
        <nav class="js-mega-menu navbar navbar-expand-lg u-header__navbar">
          <!-- Logo -->
          <div class="u-header__navbar-brand-wrapper">
-            <a class="navbar-brand u-header__navbar-brand" href="indexv2" aria-label="TT">
+            <a class="navbar-brand u-header__navbar-brand" href="/" aria-label="TT">
              <img class="u-header__navbar-brand-default" src="{{ asset('v2/svg/logos/talents-tube-logo.svg') }}" alt="Logo">
              <img class="u-header__navbar-brand-mobile" src="{{ asset('v2/svg/logos/talentstube-logo-mobile.svg') }}" alt="Logo">
              <img class="u-header__navbar-brand-on-scroll" src="{{ asset('v2/svg/logos/talents-tube-logo.svg') }}" alt="Logo">
@@ -29,7 +29,7 @@
                  aria-controls="navBar"
                  data-toggle="collapse"
                  data-target="#navBar">
-            <span class="d-none d-sm-inline-block">Menu</span>
+            
            <span id="hamburgerTrigger" class="u-hamburger__box ml-3">
              <span class="u-hamburger__inner"></span>
            </span>
@@ -53,7 +53,7 @@

              <!-- Pages -->
              <li class="nav-item  u-header__nav-item">
-                <a id="PagesMegaMenu" class="nav-link u-header__nav-link" href="marque-employeur-en-video"
+                <a id="PagesMegaMenu" class="nav-link u-header__nav-link" href="marque-employeur-video"
                   aria-haspopup="true"
                   aria-expanded="false">
                  La Marque employeur
@@ -67,7 +67,7 @@
                  data-event="hover"
                  data-animation-in="fadeInUp"
                  data-animation-out="fadeOut">
-                <a id="worksMegaMenu" class="nav-link u-header__nav-link" href="candidatures-cv-video">
+                <a id="worksMegaMenu" class="nav-link u-header__nav-link" href="candidatures-video">
                  La Candidature
                  
                </a>
@@ -93,11 +93,9 @@
              
               <!-- Button -->
              <li class="nav-item u-header__nav-item-btn">
-                <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 class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact.html" target="_blank" role="button">
+                  {# <i class="fa fa-user-circle mr-1"></i> #}
+                  Contactez-nous
                </a>
              </li>
              <!-- End Button -->
@@ -106,7 +104,7 @@
                <a class="btn btn-sm btn-primary" href="#signupModal" role="button"
                   data-modal-target="#signupModal"
                   data-overlay-color="#151b26">
-                  <i class="fa fa-user-circle mr-1"></i>
+                  {# <i class="fa fa-user-circle mr-1"></i> #}
                  Connexion recruteurs
                </a>
              </li>
@@ -120,30 +118,11 @@
          <ul class="navbar-nav flex-row u-header__secondary-nav">
            

-            <!-- Account Signin -->
-            <li class="nav-item u-header__navbar-icon">
-              <!-- Account Sidebar Toggle Button -->
-              <a id="sidebarNavToggler" class="btn btn-xs btn-icon btn-text-dark" href="javascript:;" role="button"
-                 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">
-                <i class="fa fa-bars btn-icon__inner font-size-13"></i>
-              </a>
-              <!-- End Account Sidebar Toggle Button -->
-            </li>
-            <!-- End Account Signin -->
+
          </ul>
        </nav>
        <!-- End Nav -->
      </div>
    </div>
  </header>
-  <!-- ========== END HEADER ========== --> 
-  
+  <!-- ========== END HEADER ========== --> 
@@ -1,242 +0,0 @@
-{% extends 'base.html.twig' %}
-
-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
-
-{% block content %}
-    <div id="wrapper" class="no-padding-top no-padding-bottom">
-        <div class="fluid-container">
-            <div class="row flexcontainer row-noMargin">
-                {# VIDEO #}
-                <div class="col l12 m12 s12 home-content col-noPadding">
-                    <div id="homeTeaser" class="valign-wrapper">
-                        <h1 class="white-text center-align">1ère plateforme pour l’emploi
-                            <span>100% vidéo</span></h1><br/>
-                        <div class="link-home-head">
-                            <a data-target="modal_concept" href="#!" class="btn btn-default btn-round btn-concept modal-trigger">
-                                Le concept en vidéo &nbsp;&nbsp;&nbsp;
-                                <img src="{{asset('img/bouton-play.png')}}"/>
-                            </a>
-                        </div>
-                        <div class="header-video-inner">
-                            <video loop="" preload="metadata" autoplay="" id="vid" muted="muted">
-                                 <source src="/img/home_video.mp4" type="video/mp4">
-                            </video>
-                        </div>
-
-                    </div>
-                    {# RECHERCHE #}
-                    <div class="fluid-container bg-grey-3 homeSearchWrapper">
-                        <div id="homeSearch" class="container">
-                            {% include 'form/search_form.html.twig' with {
-                                'searchform' : searchform
-                            } %}
-                        </div>
-                    </div>
-                    {# BLOC OFFRE EMPLOI CARDS #}
-                    <div id="liste-jobs" class="fuild-container bg-grey-3 button-plus">
-                        <div class="container">
-                            <div class="row center-align">
-                                <div class="col s12">
-                                    <h2 class="blue-text no-margin-top">Les offres d'emploi</h2>
-                                    <h3 class="subtitles-homepage">Postulez en CV vidéo ou vidéo de motivation</h3>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="col s12 col-noPadding">
-                                    <div class="owl-carousel owl-carousel-home">
-                                        {% if ads | length > 0 %}
-                                            {% include 'default/ad_card.html.twig' with {
-                                                'ads' : ads
-                                            } %}
-                                        {% endif %}
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row center-align">
-                                <div class="col s12">
-                                    <a href="{{ path('ad_search_result') }}" title="Découvrir toutes les offres d'emploi" class="btn btn-default btn-round btn-all-jobs">Voir les offres
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    {# COMPANY #}
-
-                    <div id="liste-company" class="bg-white button-plus">
-                        <div class="container">
-                            <div class="row center-align">
-                                <div class="col s12">
-                                    <h2 class="blue-text no-margin-top">Ils recrutent</h2>
-                                    <h3 class="subtitles-homepage">Ils méritent votre candidature spontanée, découvrez leur réalité, leur marque employeur.</h3>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="col s12 col-noPadding">
-                                    <div class="owl-carousel owl-carousel-home home-company-carousel">
-                                        {% if companies | length > 0 %}
-                                            {% include 'default/company_card.html.twig' with {
-                                                'companies' : companies
-                                            } %}
-                                        {% endif %}
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row center-align">
-                                <div class="col s12">
-                                    <a href="{{ path('company_list') }}" title="Toutes les entreprise" class="btn btn-default btn-round btn-all-talents">Voir les entreprises</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        {# TALENTS #}
-        <div id="liste-talents" class="bg-dark2 button-plus">
-            <div class="container">
-                <div class="row center-align">
-                    <div class="col s12">
-                        <h2 class="blue-text no-margin-top">Les talents à la une</h2>
-                    </div>
-                    <h3 class="subtitles-homepage">Découvrez leur CV vidéo et vidéo de motivation.</h3>
-                </div>
-                <div class="row">
-                    <div class="owl-carousel owl-carousel-home home-talent-carousel">
-                        {% if talents | length > 0 %}
-                            {% include 'default/talent_card.html.twig' with {
-                                'talents' : talents
-                            } %}
-                        {% endif %}
-                    </div>
-                </div>
-                <div class="row center-align">
-                    <h2>Rejoignez une communauté de plus de <strong>1000</strong> candidats</h2>
-                    <div class="col s12 m-t-50">
-                        <a href="#!" title="Créer Mon profil" class="btn btn-default btn-round btn-create-account">Créer mon profil</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-        {# TERRITOIRE #}
-        <div id="liste-territoires" class="bg-dark1 button-plus">
-            <div class="container">
-                <div class="row center-align">
-                    <div class="col s12">
-                        <h2 class="blue-text no-margin-top">Les territoires</h2>
-                        <h3 class="subtitles-homepage">Venez vivre et travailler chez nous.</h3>
-                        {% if territories %}
-                            <div class="owl-carousel owl-carousel-home territory-carousel">
-                                {% for t in territories if t.presentationVideo and t.isPrivate != true %}
-                                    <div class="item">
-                                        {% if t.presentationVideo.thumbnails.0. sizes is defined %}
-                                            <a href="{{ path('territory_show',{'alias': t.alias }) }}" title="{{ t.brandname }}">
-                                                <img src="{{ t.presentationVideo.thumbnails.0.sizes.4.link }}" alt="{{ t.brandName }}" class="overlay-hover"/>
-                                                <span class="playerbtn" style="margin-top: -55px;"></span>
-                                            </a>
-                                        {% endif %}
-                                        {% if t.extra.terType is defined %}
-                                        <div class="m-t-15 fs-12 text-100">{{ t.extra.terType|upper }}</div>
-                                        {% endif %}
-                                        <div class="m-t-5 hover-none">
-                                            <a href="{{ path('territory_show',{'alias': t.alias }) }}" class="color-white td-none">{{ t.brandName|upper }}</a>
-                                        </div>
-                                    </div>
-                                {% endfor %}
-                            </div>
-                            <div class="m-t-30">
-                                <a title="Voir les territoires" class="btn btn-default" href="{{ path('territory_list') }}">
-                                    <span>
-                                        Voir les territoires</span>
-                                </a>
-                            </div>
-                        {% endif %}
-                    </div>
-                </div>
-            </div>
-        </div>
-        {# BLOC contenu vidéo  #}
-        <div class="fluid-container bg-grey-3">
-            <div class="container">
-                <div class="blocs-texte-video">
-                    <div class="row center-align">
-                        <div class="col s12">
-                            <h2 class="blue-text no-margin-top no-margin-bottom">Les conseils de votre
-                                <span>talentstubeuse</span></h2>
-                        </div>
-                    </div>
-                    <div class="row flexcontainer row-bloc-video-1 row-noMargin">
-                        <div class="col l6 m12 s12 col-noPadding">
-                            <a href="#!" data-video="#video2" class="img_content embed-responsive embed-responsive-16by9" style="background:url(/img-cnt/cv_video.jpg);background-size:cover;">
-                                <span class="playerbtn"></span>
-                            </a>
-                            <iframe style="display:block;" class="hide" id="video2" src="https://player.vimeo.com/video/286344340?title=0&byline=0&portrait=0" width="100%" height="344" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
-                        </div>
-                        <div class="col l6 m12 s12 valign-wrapper">
-                            <div class="inside-m valign">
-                                <h2 class="no-margin-top">CV vidéo
-                                </h2>
-                                <p>Devenez acteur de vos talents, montrez qui vous êtes !</p>
-                            </div>
-                        </div>
-                        <div class="clearfix"></div>
-                    </div>
-                    <div class="row flexcontainer row-bloc-video-2 row-noMargin">
-                        <div class="col l6 m12 s12 valign-wrapper">
-                            <div class="inside-m valign">
-                                <h2 class="no-margin-top">
-                                    Marque Employeur et Offre d'emploi en vidéo
-                                </h2>
-                                <p>Développez votre Marque Employeur !</p>
-                            </div>
-                        </div>
-                        <div class="col l6 m12 s12 col-noPadding">
-                            <a href="#!" data-video="#video1" class="img_content embed-responsive embed-responsive-16by9" style="background:url(/img-cnt/offre_emploi.jpg);background-size:cover;">
-                                <span class="playerbtn"></span>
-                            </a>
-                            <iframe style="display:block;" class="hide" id="video1" src="https://player.vimeo.com/video/215657499?title=0&byline=0&portrait=0" width="100%" height="344" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
-                        </div>
-                        <div class="clearfix"></div>
-                    </div>
-                    <div class="row flexcontainer row-bloc-video-3 row-noMargin">
-                        <div class="col l6 m12 s12 col-noPadding">
-                            <a href="#!" data-video="#video3" class="img_content embed-responsive embed-responsive-16by9" style="background:url(https://i.vimeocdn.com/video/653721887_1024x573.jpg);background-size:cover;">
-                                <span class="playerbtn"></span>
-                            </a>
-                            <iframe style="display:block;" class="hide" id="video3" src="https://player.vimeo.com/video/232618030" width="100%" height="344" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
-                        </div>
-                        <div class="col l6 m12 s12 valign-wrapper">
-                            <div class="inside-m valign">
-                                <h2 class="no-margin-top">
-                                    Le territoire en vidéo
-                                </h2>
-                                <p>Développez votre Marque Territoire !</p>
-                            </div>
-                        </div>
-                        <div class="clearfix"></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        {% include 'testimony/testimony_list.html.twig' %}
-    </div>
-    <div id="modal_concept" class="modal modal-fixed-footer">
-        <div class="modal-content">
-            <div class="video-container">
-                <iframe id="iframe_concept" src="https://player.vimeo.com/video/215638758?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
-            </div>
-        </div>
-        <div class="modal-footer">
-            <a href="#!" class="modal-action modal-close btn btn-default button-round-small">Fermer</a>
-        </div>
-    </div>
-    
-
-{% endblock %}
-
-{% block javascripts %}
-    {{ parent() }}
-    <script src="https://player.vimeo.com/api/player.js"></script>
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
-{% endblock %}
@@ -0,0 +1,76 @@
+<!-- Plateforme DEBUT -->
+<div class=" accueilFondBlanc">
+  <!-- Features Section -->
+  <div class="container space-2 space-3--lg">
+    <!-- Title -->
+    <div class="w-md-80 w-lg-60 text-center mx-md-auto mb-9">
+      <h2 class="h3">Pourquoi la marque employeur ?</h2>
+    </div>
+    <!-- End Title -->
+
+    <div class="row">
+      <div class="col-lg-8">
+        <div class="row">
+          <div class="col-sm-6 mb-7">
+            <!-- Icon Blocks -->
+            <div class="media pr-lg-2">
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/search-browser-primary-icon.svg') }}
+                alt="Image Description">
+              <div class="media-body">
+                <h3 class="h6"> Dévoilez l’ADN de votre entreprise</h3>
+                <p class="mb-0">Ses atouts, ses valeurs, ses savoirs-faire et sa richesse humaine.</p>
+              </div>
+            </div>
+            <!-- End Icon Blocks -->
+          </div>
+
+          <div class="col-sm-6 mb-7 mb-sm-0">
+            <!-- Icon Blocks -->
+            <div class="media pr-lg-2">
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/genious-purple-icon.svg') }}
+                alt="Image Description">
+              <div class="media-body">
+                <h3 class="h6">Recrutez mieux, fidélisez plus</h3>
+                <p class="mb-0">Attirez les talents, valorisez et gardez vos compétences.</p>
+              </div>
+            </div>
+            <!-- End Icon Blocks -->
+          </div>
+
+          <div class="col-sm-6 mb-7 mb-sm-0">
+            <!-- Icon Blocks -->
+            <div class="media pr-lg-2">
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/analytics-blue-icon.svg') }}
+                alt="Image Description">
+              <div class="media-body">
+                <h3 class="h6">Offres d’emploi & marque employeur</h3>
+                <p class="mb-0">Les associer pour un recrutement optimal.</p>
+              </div>
+            </div>
+            <!-- End Icon Blocks -->
+          </div>
+
+          <div class="col-sm-6">
+            <!-- Icon Blocks -->
+            <div class="media pr-lg-2">
+            
+              <img class="max-width-7 mr-3" src={{ asset('v2/svg/components/documentation-red-icon.svg') }}
+                alt="Image Description">
+              <div class="media-body">
+                <h3 class="h6">Ouvrez les portes de votre univers</h3>
+                <p class="mb-0">Organisation, cadre de travail, bien-être en entreprise.</p>
+              </div>
+            </div>
+            <!-- End Icon Blocks -->
+          </div>
+        </div>
+      </div>
+
+      <div class="col-lg-4 d-none d-lg-block">
+        <img class="img-fluid" src={{ asset('v2/svg/components/startup-life-illustration.svg') }} alt="Image Description">
+      </div>
+    </div>
+  </div>
+  <!-- End Features Section -->
+</div>
+<!-- Plateforme FIN -->
@@ -0,0 +1,45 @@
+<!-- Plateforme DEBUT -->
+  <div class="space1-bottom accueilFondBleute">
+    <div class="container space-2 ">
+      <div class="row align-items-lg-center">
+       
+
+          <!-- Icon Blocks Section -->
+        <div class="container space-2 space-3--lg">
+          <div class="row">
+            <div class="col-md-4 mb-7 mb-md-0">
+              <!-- Icon Blocks -->
+              <div class="text-center px-lg-3">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/trophy-purple-icon.svg') }}" alt="Image Description">
+                <h3 class="h4">Valorisez votre implantation territoire</h3>
+                <p class="mb-0">Les talents sont sensibles à l’équilibre vie professionnelle et vie privée, la situation géographique de vos sites est un atout.</p>
+              </div>
+              <!-- End Icon Blocks -->
+            </div>
+
+            <div class="col-md-4 mb-7 mb-md-0">
+              <!-- Icon Blocks -->
+              <div class="text-center px-lg-3">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/idea-primary-icon.svg') }}" alt="Image Description">
+                <h3 class="h4">Donnez la parole à vos collaborateurs</h3>
+                <p class="mb-0">Ce sont ceux qui le vivent qui en parlent le mieux. Soyez authentique, montrez les évolutions de carrière et donnez du sens à vos emplois.</p>
+              </div>
+              <!-- End Icon Blocks -->
+            </div>
+
+            <div class="col-md-4">
+              <!-- Icon Blocks -->
+              <div class="text-center px-lg-3">
+                <img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/rocket-red-icon.svg') }}" alt="Image Description">
+                <h3 class="h4">Boostez votre identité digitale</h3>
+                <p class="mb-0">Avec la vidéo, 1er média sur le web, propulsez votre image de marque employeur et gagnez en notoriété.</p>
+              </div>
+              <!-- End Icon Blocks -->
+            </div>
+          </div>
+        </div>
+        <!-- End Icon Blocks Section -->
+      </div>
+    </div>
+  </div>
+  <!-- Plateforme FIN -->
@@ -0,0 +1,101 @@
+<!-- Plateforme DEBUT -->
+  <div class="space1-bottom accueilFondBleute">
+    <!-- Features Section -->
+    <div class="container space-2 space-3--lg">
+      <!-- Title -->
+      <div class="w-md-80 w-lg-60 text-center mx-md-auto mb-9">
+        <span class="u-label u-label--sm u-label--purple mb-3">Key features</span>
+        <h2 class="h3">Comment ça fonctionne ?</h2>
+        <p>Vous ne savez pas comment réaliser votre vidéo et vous avez besoin d’accompagnement ? 
+Nos équipes sont là pour construire avec vous le projet qui vous correspond. Avec nos prestataires audiovisuels, choisis et formés, nous pilotons le tournage et le montage de votre vidéo. 
+Sinon, passez directement à l’étape diffusion et bénéficiez des services de Talents Tube :</p>
+      </div>
+      <!-- End Title -->
+
+      <div class="row justify-content-lg-between align-items-lg-center">
+        <div class="col-lg-5 mb-7 mb-lg-0">
+          <!-- Slick Carousel - Features Main -->
+          <div id="featuresSlickNavMain" class="js-slick-carousel u-slick u-slick--pagination-simple u-slick--transform-off"
+               data-infinite="true"
+               data-autoplay="true"
+               data-speed="7000"
+               data-slides-show="3"
+               data-adaptive-height="true"
+               data-vertical="true"
+               data-vertical-swiping="true"
+               data-focus-on-select="true"
+               data-nav-for="#featuresSlickNavThumb">
+            <!-- Slide Item -->
+            <div class="js-slide u-slick--pagination-simple__item">
+              <div class="media">
+                <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
+                  <span class="u-slick--pagination-simple__icon-inner">1</span>
+                </span>
+                <div class="media-body">
+                  <h3 class="h6 u-slick--pagination-simple__title">Les candidatures spontanées en vidéo </h3>
+                  <p class="u-slick--pagination-simple__text">Vous êtes ouvert à tous types de profils ? Le rôle de la marque employeur est de donner envie à des talents de rejoindre vos équipes. Ils peuvent postuler en envoyant une candidature spontanée en vidéo ! </p>
+                </div>
+              </div>
+            </div>
+            <!-- End Slide Item -->
+
+            <!-- Slide Item -->
+            <div class="js-slide u-slick--pagination-simple__item">
+              <div class="media">
+                <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
+                  <span class="u-slick--pagination-simple__icon-inner">2</span>
+                </span>
+                <div class="media-body">
+                  <h4 class="h6 u-slick--pagination-simple__title">Le recrutement optimal</h4>
+                  <p class="u-slick--pagination-simple__text">Pour un recrutement optimisé, optez pour une vidéo marque employeur qui présente votre entreprise dans sa globalité et des vidéos d’offres d’emploi explicites qui présentent vos différents métiers.
+</p>
+                </div>
+              </div>
+            </div>
+            <!-- End Slide Item -->
+
+            <!-- Slide Item -->
+            <div class="js-slide u-slick--pagination-simple__item">
+              <div class="media">
+                <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
+                  <span class="u-slick--pagination-simple__icon-inner">3</span>
+                </span>
+                <div class="media-body">
+                  <h4 class="h6 u-slick--pagination-simple__title">La page entreprise parfaite</h4>
+                  <p class="u-slick--pagination-simple__text">Misez sur votre image dynamique, attrayante et référencée pour solutionner vos problématiques de recrutement. Gagnez du temps et assurez le matching avec vos talents. </p>
+                </div>
+              </div>
+            </div>
+            <!-- End Slide Item -->
+          </div>
+          <!-- End Slick Carousel - Features Main -->
+        </div>
+
+        <div class="col-lg-6">
+          <!-- Slick Carousel - Features Main -->
+          <div id="featuresSlickNavThumb" class="js-slick-carousel u-slick"
+               data-infinite="true"
+               data-autoplay="true"
+               data-speed="7000"
+               data-fade="true"
+               data-is-thumbs="true"
+               data-nav-for="#featuresSlickNavMain">
+            <div class="js-slide">
+              <object type="image/svg+xml" data="{{ asset('v2/svg/mockups/laptop-mockup-1.svg') }}"></object>
+            </div>
+
+            <div class="js-slide">
+              <object type="image/svg+xml" data="{{ asset('v2/svg/mockups/laptop-mockup-2.svg') }}"></object>
+            </div>
+
+            <div class="js-slide">
+              <object type="image/svg+xml" data="{{ asset('v2/svg/mockups/laptop-and-phone-2.svg') }}"></object>
+            </div>
+          </div>
+          <!-- End Slick Carousel - Features Main -->
+        </div>
+      </div>
+    </div>
+    <!-- End Features Section -->
+  </div>
+  <!-- Plateforme FIN -->
@@ -0,0 +1,18 @@
+<!-- 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 -->
+        
+          <h2 class="text-white text-center"> Envie de dévoiler votre marque employeur en vidéo ? </h2>
+        </div>
+        <a class="btn btn-sm btn-contact" href="#" 
+                   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,58 @@
+<!-- Plateforme DEBUT -->
+<div class=" accueilFondBlanc">
+  <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"> Qu’est-ce que la marque employeur ?</h2>
+          <p> La marque employeur est l’image de marque que vous renvoyez auprès de vos candidats, vos collaborateurs,
+            vos anciens salariés et même vos clients. La mission de votre entreprise, ses métiers, ses expertises, ses
+            valeurs, sa politique RH et sociale, sa réputation employeur sont autant d’éléments qui définissent votre
+            marque employeur.
+
+            Le développement de la marque employeur augmente l’attractivité de l’entreprise, la qualité des candidatures
+            reçues et les chances d’obtenir du personnel qualifié en accord avec les valeurs de l’entreprise.
+          </p>
+          <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/Entreprises" target="_blank">Voir la plateforme</a>
+
+        </div>
+      </div>
+
+      <div class="col-md-6 align-right paddintRight">
+        <div class="mb-6">
+
+
+          <!-- 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/marque/marque-employeur-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=1bOrktLebt4&t=78s" data-speed="700" data-animate-in="zoomIn"
+              data-animate-out="zoomOut" data-caption="Témoignage">
+              <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 -->
+
+
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- Plateforme FIN -->
@@ -0,0 +1,48 @@
+<!-- Candidat DEBUT -->
+<div class="space-1-bottom accueilFondNoir">
+  <div class="container space-2 ">
+    <div class="row justify-content-lg-end">
+      <div class="col-md-6 order-md-2 mb-5 mb-md-0">
+        <!-- Title -->
+        <div class="mb-4">
+          <h2 class="h3"> Pourquoi révéler votre marque employeur en vidéo ?</h2>
+          <p> Recruter, fidéliser, rayonner sont des bénéfices directs de la diffusion de votre marque employeur en
+            vidéo. Mettre en image vos locaux et votre organisation est une véritable plus value pour vos candidats
+            potentiels qui pourront se projeter dans l’entreprise.
+
+            Diffusez votre vidéo sur Talents Tube vous permet de cibler votre audience et de générer des candidatures
+            spontanées, en vidéo!
+          </p>
+          <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/Entreprises" target="_blank">En savoir plus</a>
+
+        </div>
+      </div>
+
+      <div class="col-md-6 order-md-1">
+        <div id="youTubeVideoPlayer" class="u-video-player mb-7">
+          <!-- Cover Image -->
+          <img class="img-fluid u-video-player__preview"
+            src="{{ asset('v2/img/marque/temoignage-marque-employeur-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=lheAXL8U9cU&t" data-speed="700" data-animate-in="zoomIn"
+            data-animate-out="zoomOut" data-caption="Témoignage">
+            <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>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- Candidat FIN -->
@@ -0,0 +1,202 @@
+{% extends 'basev2.html.twig' %}
+
+{% block title %}Marque Employeur - Attirez des candidats en vidéo - Talents Tube{% endblock %}
+{% block meta %}
+  <meta name="description" content="Révélez votre marque employeur en vidéo pour attirer, convertir, recruter et fidéliser les meilleurs talents.
+">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Marque Employeur - Attirez des candidats en vidéo - Talents Tube">
+  <meta name="twitter:description" content="Révélez votre marque employeur en vidéo pour attirer, convertir, recruter et fidéliser les meilleurs talents.
+">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Marque Employeur - Attirez des candidats en vidéo - Talents Tube" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Révélez votre marque employeur en vidéo pour attirer, convertir, recruter et fidéliser les meilleurs talents.
+" />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+{% endblock %}
+
+{% block content %}
+<main id="content">
+  {% include 'defaultv2/accueil/blocPhoto.html.twig' 
+  with {
+    'urlImage': 'v2/img/1920x800/video-marque-employeur.jpg',
+    'textParDefaut' : 'Révélez votre marque employeur ',
+    'textVideo' : 'avec la vidéo'
+  } %}
+  
+  {% include 'defaultv2/marque/blocMarqueEmployeur.html.twig' %}
+
+  {% include 'defaultv2/marque/bloc4Textes.html.twig' %}
+  
+  {% include 'defaultv2/marque/blocPourquoiMarque.html.twig' %}
+
+  {% include 'defaultv2/marque/blocAvantages.html.twig' %}
+
+  {% include 'defaultv2/marque/blocComment.html.twig' %}
+
+  {% include 'defaultv2/marque/blocEnvie.html.twig' %}
+
+</main>
+<!-- ========== END MAIN CONTENT ========== -->
+
+{% include 'defaultv2/accueil/footer.html.twig' %}
+
+<!-- Begin Panel Login -->
+{% include 'defaultv2/accueil/blocLogin.html.twig'
+with {
+    'csrf_token': csrf_token,
+    'error' : error
+  } %}
+<!-- End Panel Login -->
+
+<!-- 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)
+     $('.u-text-animation.u-text-animation').html("");
+   
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Révélez votre marque employeur", "Montrez vos valeurs", "Développez votre notoriété"],
+      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 %}
@@ -1,81 +1,105 @@
 <!-- Plateforme DEBUT -->
-  <div class=" accueilFondBlanc">
-    <div class="container space-2  ">
-      <div class="row row justify-content-lg-end ">
+<div class=" accueilFondBlanc">
+  <div class="container space-2  ">
+    <div class="row row justify-content-lg-end ">


+      <!-- Features Section -->
+      <div class="container space-2 space-3--lg">
+        <!-- Title -->
+        <div class="w-md-80 w-lg-60 text-center mx-md-auto mb-9">
+          <h2 class="h3">La démarche pour recruter</h2>
+          <p>Grâce au storytelling, vous racontez à vos employés potentiels, une histoire qui humanise votre entreprise.
+            Par l’interview de vos collaborateurs, la visite de vos locaux, vous leur offrez une vue de l’intérieur en
+            toute cohérence avec la réalité de votre quotidien.
+          </p>
+        </div>
+        <!-- End Title -->

-
-          <!-- Benefits -->
-    <div class="space-2 space-3-bottom--lg overflow-hidden">
-      <div class="container">
-        <div class="row no-gutters align-items-center">
-          <div class="col-lg-5 mb-5 mb-lg-0">
-            <h6 class="text-uppercase font-weight-medium letter-spacing-0_06 mb-3">Benefits</h6>
-            <h2 class="text-lh-xs mb-4">La démarche pour recruter</h2>
-            <p class="mb-5">Grâce au storytelling, vous racontez à vos employés potentiels, une histoire qui humanise votre entreprise.
-Par l’interview de vos collaborateurs, la visite de vos locaux, vous leur offrez une vue de l’intérieur en toute cohérence avec la réalité de votre quotidien.</p>
-
-            <!-- Benefits List -->
-            <ul class="list-unstyled mb-7">
-              <li class="d-flex align-items-start mb-5">
-                <div class="mt-2">
-                  <span class="u-icon u-icon--secondary u-icon--sm rounded-circle">
-                    <span class="u-icon__inner">1</span>
+        <div class="row justify-content-lg-between align-items-lg-center">
+          <div class="col-lg-5 mb-7 mb-lg-0">
+            <!-- Slick Carousel - Features Main -->
+            <div id="featuresSlickNavMain"
+              class="js-slick-carousel u-slick u-slick--pagination-simple u-slick--transform-off" data-infinite="true"
+              data-autoplay="true" data-speed="7000" data-slides-show="3" data-adaptive-height="true"
+              data-vertical="true" data-vertical-swiping="true" data-focus-on-select="true"
+              data-nav-for="#featuresSlickNavThumb">
+              <!-- Slide Item -->
+              <div class="js-slide u-slick--pagination-simple__item">
+                <div class="media">
+                  <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
+                    <span class="u-slick--pagination-simple__icon-inner">1</span>
                  </span>
+                  <div class="media-body">
+                    <h3 class="h6 u-slick--pagination-simple__title">Tournage dans vos locaux</h3>
+                    <p class="u-slick--pagination-simple__text">Vous réalisez vos vidéos d’offres d’emploi et marque
+                      employeur en interne ou en faisant appel à un prestataire.</p>
+                  </div>
                </div>
-                <div class="ml-3">
-                  <p class="mb-0">Tournage dans vos locaux</p>
-                </div>
-              </li>
+              </div>
+              <!-- End Slide Item -->

-              <li class="d-flex align-items-start mb-5">
-                <div class="mt-2">
-                  <span class="u-icon u-icon--secondary u-icon--sm rounded-circle">
-                    <span class="u-icon__inner">2</span>
+              <!-- Slide Item -->
+              <div class="js-slide u-slick--pagination-simple__item">
+                <div class="media">
+                  <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
+                    <span class="u-slick--pagination-simple__icon-inner">2</span>
                  </span>
+                  <div class="media-body">
+                    <h4 class="h6 u-slick--pagination-simple__title">Votre espace Talents Tube</h4>
+                    <p class="u-slick--pagination-simple__text">Nous vous donnons accès à votre espace recruteur. Vous
+                      pourrez diffuser d’autres vidéos de recrutement !
+                    </p>
+                  </div>
                </div>
-                <div class="ml-3">
-                  <p class="mb-0">Votre espace Talents Tube</p>
-                </div>
-              </li>
+              </div>
+              <!-- End Slide Item -->

-              <li class="d-flex align-items-start mb-5">
-                <div class="mt-2">
-                  <span class="u-icon u-icon--secondary u-icon--sm rounded-circle">
-                    <span class="u-icon__inner">3</span>
+              <!-- Slide Item -->
+              <div class="js-slide u-slick--pagination-simple__item">
+                <div class="media">
+                  <span class="u-slick--pagination-simple__icon rounded-circle mr-3">
+                    <span class="u-slick--pagination-simple__icon-inner">3</span>
                  </span>
+                  <div class="media-body">
+                    <h4 class="h6 u-slick--pagination-simple__title">Vos candidatures en vidéo
+                    </h4>
+                    <p class="u-slick--pagination-simple__text">Grâce à notre plateforme, les candidats se présentent en
+                      vidéo pour exprimer leurs motivations à rejoindre votre entreprise.
+                      Améliorez votre processus de recrutement en repensant l’expérience candidat et en optant pour le
+                      recrutement vidéo ! Vous pouvez désormais remplacer vos vieilles annonces par une courte vidéo qui
+                      donnera d’autant plus envie aux candidats de postuler.
+                    </p>
+                  </div>
                </div>
-                <div class="ml-3">
-                  <p class="mb-0">Vos candidatures en vidéo </p>
-                </div>
-              </li>
-            </ul>
-            <!-- End Benefits List -->
-
-            <!-- Logos -->
-            <ul class="list-inline">
-              <li class="list-inline-item mr-6"><img src="{{ asset('v2/img/clients/google.png') }}" alt="Image Description" width="94"></li>
-              <li class="list-inline-item mr-6"><img src="{{ asset('v2/img/clients/slack.png') }}" alt="Image Description" width="97"></li>
-              <li class="list-inline-item"><img src="{{ asset('v2/img/clients/spotify.png') }}" alt="Image Description" width="94"></li>
-            </ul>
-            <!-- End Logos -->
-          </div>
-          <div class="col-lg-6 offset-lg-1">
-            <div class="position-relative h-100 vw-lg-50">
-              <img class="img-fluid w-100 rounded rounded-lg-right-0" src="{{ asset('v2/img/demo/real-estate/benefits.jpg') }}" alt="Image Description">
+              </div>
+              <!-- End Slide Item -->
            </div>
+            <!-- End Slick Carousel - Features Main -->
+          </div>
+
+          <div class="col-lg-6">
+            <!-- Slick Carousel - Features Main -->
+            <div id="featuresSlickNavThumb" class="js-slick-carousel u-slick" data-infinite="true" data-autoplay="true"
+              data-speed="7000" data-fade="true" data-is-thumbs="true" data-nav-for="#featuresSlickNavMain">
+              <div class="js-slide">
+                <img class="" src="{{ asset('v2/tournage/tournage-offre-emploi-video.jpg') }}" alt="Tournage vidéo">
+              </div>
+
+              <div class="js-slide">
+                <img class="" src="{{ asset('v2/tournage/recruteurs-offre-emploi-video.jpg') }}" alt="Tournage vidéo">
+              </div>
+
+              <div class="js-slide">
+                <img class="" src="{{ asset('v2/tournage/candidature-en-video-offre-emploi.jpg') }}" alt="Tournage vidéo">
+              </div>
+            </div>
+            <!-- End Slick Carousel - Features Main -->
          </div>
        </div>
      </div>
-    </div>
-    <!-- End Benefits -->
-
-
-
-
-        
-      </div>
+      <!-- End Features Section -->
    </div>
  </div>
-  <!-- Plateforme FIN -->
+</div>
+<!-- Plateforme FIN -->
@@ -15,7 +15,7 @@ et qui vous permet de présenter en quelques minutes et en toute
 authenticité votre équipe, vos valeurs, votre environnement de 
 travail et le quotidien de vos métiers.
            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
+            <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/offres-emploi" target="_blank">Voir la plateforme</a>

          </div>
        </div>
@@ -31,7 +31,7 @@ travail et le quotidien de vos métiers.
            <!-- 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"
+            <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=--8SCykm1k8"
            data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
            data-caption="Témoignage">
              <span class="u-video-player__icon">
@@ -12,7 +12,7 @@ Gagnez du temps pour la présélection des candidats et évitez les erreurs d

 Véritable levier d’engagement, fédérateur pour vos équipes et outil de fidélisation, vos collaborateurs sont fiers de présenter de leur métier.
            </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
+            <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/offres-emploi" target="_blank">Voir la plateforme</a>

          </div>
        </div>
@@ -28,7 +28,7 @@ Véritable levier d’engagement, fédérateur pour vos équipes et outil de fid
            <!-- 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"
+            <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=Em3niStNutA"
            data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
            data-caption="Témoignage">
              <span class="u-video-player__icon">
@@ -1,6 +1,23 @@
 {% extends 'basev2.html.twig' %}

-{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
+{% block title %}Offres d’emploi - Recrutez des candidats en vidéo - Talents Tube{% endblock %}
+{% block meta %}
+  <meta name="description" content="Attirez les meilleurs candidats avec des offres d’emploi en vidéo. Présentez le poste recherché, les missions, les locaux et les collaborateurs de votre entreprise.">
+  
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@TalentsTube">
+  <meta name="twitter:title" content="Offres d’emploi - Recrutez des candidats en vidéo - Talents Tube">
+  <meta name="twitter:description" content="Attirez les meilleurs candidats avec des offres d’emploi en vidéo. Présentez le poste recherché, les missions, les locaux et les collaborateurs de votre entreprise.">
+  <meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
+
+  {#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
+  <meta property="og:title" content="Offres d’emploi - Recrutez des candidats en vidéo - Talents Tube" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
+  <meta property="og:description" content="Attirez les meilleurs candidats avec des offres d’emploi en vidéo. Présentez le poste recherché, les missions, les locaux et les collaborateurs de votre entreprise." />
+  <meta property="og:site_name" content="Talents Tube" />
+  <meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
+{% endblock %}

 {% block content %}
 <main id="content">
@@ -21,8 +38,6 @@
  
  {% include 'defaultv2/offres/blocDemarche.html.twig' %}

-  {% include 'defaultv2/candidatures/blocAccompagnement.html.twig' %}
-
  {% include 'defaultv2/candidatures/blocPourquoiPasVous.html.twig' %}
 </main>
 <!-- ========== END MAIN CONTENT ========== -->
@@ -142,10 +157,10 @@ with {
    $.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');

    // initialization of text animation (typing)
-     $('.u-text-animation.u-text-animation').html("");
-   
+    $('.u-text-animation.u-text-animation').html("");
+    // initialization of text animation (typing)
    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
-      strings: [" Attirez des talents "],
+      strings: ["Attirez des talents", "Valorisez vos collaborateurs", "Dévoilez vos métiers "],
      typeSpeed: 60,
      loop: true,
      backSpeed: 25,
@@ -17,4 +17,4 @@ monolog:
 # Twig Configuration
 twig:
    globals:
-        url_plateforme : https://app.talentstube.com/
+        url_plateforme : https://www.talentstube.com/
@@ -122,6 +122,11 @@ class SecurityController extends FOSRestController
      $newLastName = htmlspecialchars($request->get('lastname'));
      $newFirstName = htmlspecialchars($request->get('firstname'));
      $phoneTalent = htmlspecialchars($request->get('phone'));
+      $address1Talent = htmlspecialchars($request->get('address1'));
+      $address2Talent = htmlspecialchars($request->get('address2'));
+      $zipTalent = htmlspecialchars($request->get('zipCode'));
+      $cityTalent = htmlspecialchars($request->get('city'));
+      $countryTalent = htmlspecialchars($request->get('country'));
      $titleTalent = htmlspecialchars($request->get('currentJob'));
      $newLinkedin = htmlspecialchars($request->get('linkedin'));
      $newTwitter = htmlspecialchars($request->get('twitter'));
@@ -140,6 +145,17 @@ class SecurityController extends FOSRestController
          $talent->setTwitter($newTwitter);
          $talent->setTitleTalent($titleTalent);
          $talent->setPhoneTalent($phoneTalent);
+          //$talent->setPhoneTalent($phoneTalent);
+          $billing = array(
+            'address1' => $address1Talent,
+            'address2' => $address2Talent,
+            'postcode' => $zipTalent,
+            'city' => $cityTalent,
+            'country' => $countryTalent,
+          );
+          $addrs['billing'] = $billing;
+          $talent->setAddresses($addrs);
+
          $companyManager->updateTalent($usr);

          $status = array('status' => "success");
@@ -10,7 +10,7 @@ use Symfony\Component\Security\Core\Security;
 class DefaultController extends Controller
 {
    /**
-     * @Route("/", name="homepage")
+     * @Route("/indexV1", name="homepageV1")
     */
    public function homepageAction()
    {
@@ -64,7 +64,7 @@ class DefaultController extends Controller
    }

    /**
-     * @Route("/indexv2", name="homepagev2")
+     * @Route("/", name="homepage")
     */
    public function homepagev2Action(Request $request)
    {
@@ -126,7 +126,7 @@ class DefaultController extends Controller
    }

     /**
-     * @Route("/candidatures-cv-video", name="candidaturesVideo")
+     * @Route("/candidatures-video", name="candidaturesVideo")
     */
    public function candidaturesVideoAction(Request $request)
    {
@@ -168,7 +168,7 @@ class DefaultController extends Controller
    }

    /**
-     * @Route("/marque-employeur-en-video", name="employeurVideo")
+     * @Route("/marque-employeur-video", name="employeurVideo")
     */
    public function employeurVideoAction(Request $request)
    {
@@ -178,7 +178,7 @@ class DefaultController extends Controller
        $error              = $params["error"];
        $destination_login  = "admin/dashboard";
        return $this->render(
-            'defaultv2/offres/index.html.twig', [
+            'defaultv2/marque/index.html.twig', [
                'last_username'     => $usename,
                'csrf_token'         => $csrfToken,
                'error'             => $error,
@@ -189,7 +189,7 @@ class DefaultController extends Controller


    /**
-     * @Route("/mentions", name="mentions")
+     * @Route("/mentions-legales", name="mentions")
     */
    public function mentionsAction(Request $request)
    {
@@ -232,7 +232,7 @@ class DefaultController extends Controller


     /**
-     * @Route("/confidentialite", name="confidentialite")
+     * @Route("/politique-confidentialite", name="confidentialite")
     */
    public function confidentialiteAction(Request $request)
    {
@@ -105,6 +105,7 @@ class Ad
     * @var \DateTime
     *
     * @ORM\Column(name="published_at", type="datetime", nullable=true)
+     * @Groups({"ad_detail", "answer_detail"})
     * @Assert\GreaterThanOrEqual("today", groups={"dates"})
     */
    private $publishedAt;
@@ -191,7 +192,7 @@ class Ad
    private $location;

    /**
-     * @ORM\ManyToOne(targetEntity="AppBundle\Entity\Media", inversedBy="ads", cascade={"persist"})
+     * @ORM\ManyToOne(targetEntity="AppBundle\Entity\Media", inversedBy="ads", cascade={"persist"} )
     * 
     * @Groups({"ad_detail", "ad_list", "company_detail", "answer_list", "answer_detail"})
     * 
@@ -206,7 +207,7 @@ class Ad
    private $company;

    /**
-     * @ORM\ManyToOne(targetEntity="AppBundle\Entity\User", inversedBy="ads")
+     * @ORM\ManyToOne(targetEntity="AppBundle\Entity\User", inversedBy="ads", fetch="EAGER")
     * 
     */
    private $creator;
@@ -381,7 +381,7 @@ class User extends BaseUser
        {
            $cv= $this->getCompany()->getCv();
        }
-        
+        $this->getCompany()->initAddress();
        $card = array(
            "firstname" => $this->getFirstname(),
            "lastname" => $this->getLastname(),
@@ -393,6 +393,11 @@ class User extends BaseUser
            "twitter" => $this->getCompany()->getExtra()["twitter"],
            "videoPres" => $pres,
            "cv" => $cv,
+            "address1" => $this->getCompany()->getAddress(),
+            "address2" => $this->getCompany()->getAddressComp(),
+            "zipCode" => $this->getCompany()->getZipcode(),
+            "city" => $this->getCompany()->getCity(),
+            "country" => $this->getCompany()->getCountry(),
            "currentJob" => $this->getCompany()->getExtra()["titleTalent"],
            "website" => $this->getCompany()->getWebsite(),
        );
@@ -72,6 +72,7 @@ class CompanyManager
        $company->uploadCv($uploadedFile);
        $this->em->persist($company);
        $this->em->flush();
+        return $company->getCv();
    }

    /**
@@ -32,11 +32,11 @@ trait AddressJsonTrait
    {
        $addr = $this->addresses;
        $addr = $addr['billing'];
-        $this->address = $addr['address1'];
-        $this->addressComp = $addr['address2'];
-        $this->zipcode = $addr['postcode'];
-        $this->city = $addr['city'];
-        $this->country = $addr['country'];
+        if($addr['address1']) $this->address = $addr['address1'];
+        if($addr['address2']) $this->addressComp = $addr['address2'];
+        if($addr['postcode']) $this->zipcode = $addr['postcode'];
+        if($addr['city']) $this->city = $addr['city'];
+        if($addr['country']) $this->country = $addr['country'];
    }

    /***********************
@@ -58,6 +58,7 @@ trait AddressJsonTrait
     */
    public function getAddresses()
    {
+        $this->initAddress();
        return $this->addresses;
    }

@@ -27,6 +27,7 @@ use Symfony\Component\HttpFoundation\Session\SessionInterface;
 use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
 use Symfony\Component\Security\Core\Authentication\Token\Storage\TokenStorageInterface;
 use Symfony\Component\Security\Core\Exception\AccessDeniedException;
+use Symfony\Component\Security\Core\Security;


 /**
@@ -118,13 +119,39 @@ class RegistrationController extends Controller

        $request->getSession()->remove('fos_user_send_confirmation_email/email');
        $user = $this->userManager->findUserByEmail($email);
+        $session = $request->getSession();
+        $authErrorKey = Security::AUTHENTICATION_ERROR;
+        $lastUsernameKey = Security::LAST_USERNAME;
+
+        if ($request->attributes->has($authErrorKey)) {
+            $error = $request->attributes->get($authErrorKey);
+        } elseif (null !== $session && $session->has($authErrorKey)) {
+            $error = $session->get($authErrorKey);
+            $session->remove($authErrorKey);
+        } else {
+            $error = null;
+        }
+        if (!$error instanceof AuthenticationException) {
+            $error = null;
+        }
+        $lastUsername = (null === $session) ? '' : $session->get($lastUsernameKey);
+        $csrfToken = $this->has('security.csrf.token_manager')
+            ? $this->get('security.csrf.token_manager')->getToken('authenticate')->getValue()
+            : null;
+        
+        $formFactory = $this->get('fos_user.registration.form.factory');
+        $form = $formFactory->createForm();

        if (null === $user) {
            return new RedirectResponse($this->container->get('router')->generate('fos_user_security_login'));
        }

-        return $this->render('@FOSUser/Registration/check_email.html.twig', array(
+        return $this->render('@FOSUser/Registration/check_emailV2.html.twig', array(
            'user' => $user,
+            'last_username' => $lastUsername,
+            'error' => $error,
+            'csrf_token' => $csrfToken,
+            'register_form' => $form->createView()
        ));
    }

@@ -193,4 +220,4 @@ class RegistrationController extends Controller

        return null;
    }
-}
+}
@@ -86,7 +86,7 @@ h1, h2, h3, h4, h5, h6 {

 p {
  margin-top: 0;
-  margin-bottom: 1rem;
+  margin-bottom: 1.5rem;
 }

 abbr[title],
@@ -158,13 +158,13 @@ sup {
 }

 a {
-  color: #21c87a;
+  color: #D2D3D3;
  text-decoration: none;
  background-color: transparent;
 }

 a:hover {
-  color: #168652;
+  color: #fff;
  text-decoration: none;
 }

@@ -376,7 +376,9 @@ h2, .h2 {
 }

 h3, .h3 {
-  font-size: 1.75rem;
+  font-weight: 600;
+  font-size: 2.5rem;
+  margin-bottom: 1.5rem;
 }

 h4, .h4 {
@@ -388,7 +390,9 @@ h5, .h5 {
 }

 h6, .h6 {
-  font-size: 1rem;
+  font-weight: 300;
+  text-transform: uppercase;
+  font-size: 0.8rem;
 }

 .lead {
@@ -415,7 +419,7 @@ h6, .h6 {
 }

 .display-4 {
-  font-size: 3.5rem;
+  font-size: 3rem;
  font-weight: 400;
  line-height: 1.2;
 }
@@ -2633,11 +2637,12 @@ textarea.form-control {
          user-select: none;
  background-color: transparent;
  border: 0.1rem solid transparent;
-  padding: 0.75rem 1rem;
-  font-size: 1rem;
+  padding : 1.1875rem 1.25rem 1.1875rem 1.25rem;
+  font-size: 1.1875rem;
  line-height: 1.7;
-  border-radius: 0.25rem;
+  border-radius: 5px;
  transition: all 0.2s ease-in-out;
+  font-family: "Roboto", Helvetica, Arial, sans-serif;
 }

@media (prefers-reduced-motion: reduce) {
@@ -3591,10 +3596,10 @@ fieldset:disabled a.btn {
 }

 .btn-sm, .btn-group-sm > .btn {
-  padding: 0.5625rem 1.125rem;
-  font-size: 1rem;
+  padding : 1.1875rem 1.25rem 1.1875rem 1.25rem;
+  font-size: 1.1875rem;
  line-height: 1.5;
-  border-radius: 0.125rem;
+  border-radius: 0.3125rem;
 }

 .btn-block {
@@ -4777,7 +4782,7 @@ input[type="button"].btn-block {
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0.5rem 1rem;
-  font-size: 2rem;
+  font-size: 1rem;
 }

 .navbar .container,
@@ -12618,7 +12623,7 @@ h1, h2, h3, h4, h5, h6,
 h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a,
 .h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a {
  color: #151b26;
-  font-weight: 400;
+  font-weight: 300;
 }

 h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover,
@@ -13074,14 +13079,14 @@ button:focus {

 /* Nav Item */
 .u-header__nav-item:hover .u-header__nav-link, .u-header__nav-item:focus .u-header__nav-link {
-  color: #21c87a;
+  color: #fff;
 }

 /* Nav Link */
 .u-header__nav-link {
-  color: #fff;
+  color: #D2D3D3;
  font-size : 19px;
-  font-size: 1.2rem;
+  font-size: 1rem;
  font-weight: 600;
 }

@@ -16155,7 +16160,7 @@ button:focus {
 }

 .btn-sm, .btn-group-sm > .btn {
-  border-radius: 0.25rem;
+  border-radius: 0.3125rem;
 }

 /* Icons */
@@ -19335,11 +19340,11 @@ button:focus {
  text-align: center;
  width: 2.75rem;
  height: 2.75rem;
-  color: #646f79;
+  color: #1E2327;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 50%;
-  border: 1px solid #e3e6f0;
+  border: 1px solid #BBBCBD;
  transition: 0.3s;
 }

@@ -19353,12 +19358,12 @@ button:focus {

 .u-slick--pagination-simple .slick-current .u-slick--pagination-simple__title,
 .u-slick--pagination-simple .slick-current .u-slick--pagination-simple__text {
-  color: #21c87a;
+  color: #25D89A;
 }

 .u-slick--pagination-simple .slick-current .u-slick--pagination-simple__icon {
-  color: #21c87a;
-  border-color: #21c87a;
+  color: #25D89A;
+  border-color: #25D89A;
 }

 /*------------------------------------
@@ -19975,8 +19980,9 @@ button:focus {
 }

 .gradient-overlay-half-primary-v1::before {
-  background-image: linear-gradient(30deg, rgba(121, 110, 255, 0.95) 0%, rgba(33, 200, 122, 0.95) 100%);
-  background-repeat: repeat-x;
+  background: rgb(22,137,251);
+  background: linear-gradient(135deg, rgba(22,137,251,1) 0%, rgba(32,193,181,1) 100%);
+
 }

 .gradient-overlay-half-purple-v1::before {
@@ -21208,13 +21214,13 @@ button:focus {
 ------------------------------------*/
 .statChiffre {
  font-size: 4.5rem;
-  font-weight : bold; 
+  font-weight : 500; 
  color : #1E2327;
 }
 .statTexte {
-  font-size: 1.5rem;
-  font-weight:light;
-  color:#1E2327;
+  font-size: 1.2rem;
+  font-weight: 200;
+  color: #1E2327;
 }

 /* Au niveau le plus haut du code */
@@ -21234,21 +21240,20 @@ button:focus {


 .btn-contact {
-  color: #fff;
-  background-color: transparent;
-  border-color: #fff;
+  border : 2px solid #fff;
+  background:transparent;
+  color : #fff;
 }

 .btn-contact:hover {
-  color: #1E2327;
-  background-color: #ffffff;
-  border-color: #ffffff;
+  border : 2px solid #fff;
+  background-color : #fff;
+  color : #1E2327;
 }

 .btn-contact:focus, .btn-contact.focus {
  color: #1E2327;
  background-color: #ffffff;
-  border-color: #000;
  box-shadow: 0 0 0 0.2rem rgba(66, 208, 142, 0.5);
 }

@@ -21258,6 +21263,16 @@ button:focus {
  border-color: #21c87a;
 }

+.btn-connexion{
+  background-color : #25D89A;
+  color : #fff;
+}
+
+.btn-connexion:hover{
+  background-color : #3ADBA3;
+  color : #fff;
+}
+
 .btn-contact:not(:disabled):not(.disabled):active, .btn-contact:not(:disabled):not(.disabled).active,
 .show > .btn-contact.dropdown-toggle {
  color: #fff;
@@ -21298,3 +21313,8 @@ button:focus {
 .paddintRight{
  padding-right: 0px;
 }
+
+.text300{
+  font-weight: 300;
+  padding-top: 15px;
+}
Author	SHA1	Message	Date
llaniau	aaafc20e54	Prise en compte remarques suite Pre prod V2	2020-08-17 18:34:48 +02:00
llaniau	ca485d04ab	Modif du referencement pour priorise Web app	2020-08-17 11:29:31 +02:00
llaniau	e17cbd0537	referencement espace recruteur	2020-08-13 17:30:23 +02:00
llaniau	e5d4cb1223	Ajout de date pubmished pour web app pour joposting	2020-08-13 17:13:40 +02:00
llaniau	6a1aebb22c	Mise a jour adresse Webapp	2020-08-13 11:38:17 +02:00
llaniau	1cc7fb2622	indexV1 a la place de indexV2	2020-08-11 17:33:11 +02:00
llaniau	8be4b1ad36	Mise en place page marque employeur et inscription	2020-07-22 17:40:01 +02:00