Prise en compte remarques suite Pre prod V2

.gitignore

@@ -11,4 +11,8 @@ volume/www/website/.idea
 /volume/www/website/store/themes/talentstube-20170413/cache/*
 /volume/www/website/store/img/tmp/*
 volume/www/website/www/app/Resources/views/default/index.html.twig
-TODO
+
+volume/www/website/www/.vscode/settings.json
+volume/www/website/www/app/config/jwt/private.pem
+volume/www/website/www/app/config/jwt/public.pem
+volume/www/website/www/web/sql/upload.pgsql

volume/www/website/www/app/DoctrineMigrations/Version20200715123752.php

@@ -0,0 +1,29 @@
+<?php declare(strict_types=1);
+
+namespace Application\Migrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20200715123752 extends AbstractMigration
+{
+    public function up(Schema $schema) : void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->abortIf($this->connection->getDatabasePlatform()->getName() !== 'postgresql', 'Migration can only be executed safely on \'postgresql\'.');
+
+        $this->addSql('ALTER TABLE company ADD cv VARCHAR(255) DEFAULT NULL');
+    }
+
+    public function down(Schema $schema) : void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->abortIf($this->connection->getDatabasePlatform()->getName() !== 'postgresql', 'Migration can only be executed safely on \'postgresql\'.');
+
+        $this->addSql('CREATE SCHEMA public');
+        $this->addSql('ALTER TABLE company DROP cv');
+    }
+}

volume/www/website/www/app/Resources/FOSUserBundle/views/Registration/check_emailV2.html.twig

@@ -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 %}
+
+
+

volume/www/website/www/app/Resources/FOSUserBundle/views/Security/loginModalV2.html.twig

@@ -0,0 +1,198 @@
+    <div>
+        {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
+        {{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'FOSUserBundle') }} |
+        <a href="{{ path('fos_user_security_logout') }}">
+            {{ 'layout.logout'|trans({}, 'FOSUserBundle') }}
+        </a>
+        {% else %}
+        <a href="{{ path('fos_user_security_login') }}">{{ 'layout.login'|trans({}, 'FOSUserBundle') }}</a>
+        {% endif %}
+    </div>
+    {% for type, messages in app.session.flashBag.all %}
+    {% for message in messages %}
+    <div class="{{ type }}">
+        {{ message|trans({}, 'FOSUserBundle') }}
+    </div>
+    {% endfor %}
+    {% endfor %}
+    {% block fos_user_content %}
+    <div>
+        {{ form_start(register_form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register'}})
+        }}
+        {{ form_errors(register_form) }}
+        <!-- Signup -->
+        <div id="signup" style="display: none; opacity: 0;" data-target-group="idForm">
+            <!-- Title -->
+            <header class="text-center mb-5">
+                <h2 class="h4 mb-0">Créer un compte entreprise</h2>
+                <p>Remplissez tous les champs.</p>
+            </header>
+            <!-- End Title -->
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+                            <i class="fa fa-user form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.firstname, {'label': 'Prénom'}) }} #}
+                    {{ form_widget(register_form.firstname, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Prénom' , 'aria-label':'Prénom', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un prénom valide'} })  }}
+                    {# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+                data-success-class="u-has-success"> #}
+                </div>
+            </div>
+            <!-- End Input -->
+
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+                            <i class="fa fa-user form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.lastname, {'label': 'Nom'}) }} #}
+                    {{ form_widget(register_form.lastname, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Nom' , 'aria-label':'Nom', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un nom valide'} })  }}
+                    {# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+                data-success-class="u-has-success"> #}
+                </div>
+            </div>
+            <!-- End Input -->
+
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+                            <i class="fa fa-envelope form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.email, {'label': 'E-mail'}) }} #}
+                    {{ form_widget(register_form.email, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Email' , 'aria-label':'Email', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un email valide'} })  }}
+                    {# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+                data-success-class="u-has-success"> #}
+                </div>
+            </div>
+            <!-- End Input -->
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+
+                            <i class="fa fa-star form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.username, {'label': 'Username'}) }} #}
+                    {{ form_widget(register_form.username, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Identifiant' , 'aria-label':'username', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un email valide'} })  }}
+                    {# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+                data-success-class="u-has-success"> #}
+                </div>
+            </div>
+            <!-- End Input -->
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+                            <i class="fa fa-lock form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.plainPassword.first, {'label': 'Mot de passe'}) }} #}
+                    {{ form_widget(register_form.plainPassword.first, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Mot de passe' , 'aria-label':'Mot de passe', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Mot de passe invalide'} })  }}
+                </div>
+            </div>
+            <!-- End Input -->
+
+            <!-- Input -->
+            <div class="js-form-message mb-3">
+                <div class="js-focus-state input-group form">
+                    <div class="input-group-prepend form__prepend">
+                        <span class="input-group-text form__text">
+                            <i class="fa fa-key form__text-inner"></i>
+                        </span>
+                    </div>
+                    {# {{ form_row(register_form.plainPassword.second, {'label': 'Répéter le mot de passe'}) }} #}
+                    {{ form_widget(register_form.plainPassword.second, { 'attr': {'class': "form-control form__input",
+    'placeholder': 'Répéter le mot de passe' , 'aria-label':'Répéter le mot de passe', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Mot de passe invalide'} })  }}
+                </div>
+            </div>
+            {% if destination_login is defined %}
+            <input type="hidden" name="_target_path" value="{{ destination_login }}" />
+            {% endif %}
+            <!-- End Input -->
+            <div class="mb-3">
+                {% set label = 'user.cgu.label'|trans({'%link_start%' : '<a style="margin-bottom:25px;" target="_blank" href="'~path('service_cgu')~'">', '%link_end%' : '</a>'}, 'messages') | raw %}
+                {{ form_errors(register_form.cgu) }}
+                {{ form_widget(register_form.cgu) }}
+                {% block form_label %}
+                {% spaceless %}
+                <label for="fos_user_registration_form_cgu">
+                    Je déclare avoir pris connaissance et accepté les termes et les <a target="_blank"
+                        href="{{ path("service_cgu") }}">conditions générales d’utilisation</a>
+                </label>
+                {% endspaceless %}
+                {% endblock %}
+            </div>
+            <div class="mb-3">
+                {{ form_row(register_form._token) }}
+                token {{ csrf_token }}
+                      {% if csrf_token %}
+                    <input type="hidden" name="_csrf_token" ID="_csrf_token" value="{{ csrf_token }}" />
+                    {% endif %}  
+                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
+                <input class="btn btn-default btn-round" type="submit" id="_submit_register" name="_submit_register"
+                    value="Créer un compte!" />
+                <button type="submit" class="btn btn-block btn-primary">S'inscrire</button>
+            </div>
+
+
+
+            <div class="text-center mb-3">
+                <p class="text-muted">
+                    Vous avez déjà un compte? {{ csrf_token }}!!
+                    <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
+                        data-animation-in="fadeIn">Connexion Recruteur
+                    </a>
+                </p>
+            </div>
+
+            <!-- Divider -->
+            <div class="text-center u-divider-wrapper my-3">
+
+            </div>
+            <div class="text-center mb-3">
+                <p class="text-muted">
+                    <!-- End Divider -->
+                    
+                    
+                    {% if destination_login is defined %}
+                    <input type="hidden" name="_target_path" value="{{ destination_login }}" />
+
+
+                    {% endif %}
+                </p>
+            </div>
+
+        </div>
+        <!-- End Signup -->
+        {{ form_rest(register_form) }}
+        {{ form_end(register_form) }}
+
+    </div>
+    {% endblock fos_user_content %}

volume/www/website/www/app/Resources/FairlaneCookieConsentBundle/views/cookie-info.html.twig

@@ -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 %}

volume/www/website/www/app/Resources/views/admin/base_admin.html.twig

@@ -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') }}">

volume/www/website/www/app/Resources/views/base.html.twig

@@ -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">

volume/www/website/www/app/Resources/views/base_dashboard.html.twig

@@ -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 %}">

volume/www/website/www/app/Resources/views/basev2.html.twig

@@ -2,11 +2,14 @@
 <html lang="fr">
 <head>
   <!-- Title -->
-  <title>Creative Agency | Space - Responsive Website Template</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">
 

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocCandidat.html.twig

@@ -1,7 +1,7 @@
 <!-- Candidat DEBUT -->
   <div class="space-1-bottom accueilFondNoir">
     <div class="container space-2 ">
-      <div class="row align-items-lg-center">
+      <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">
@@ -15,14 +15,14 @@
 
               <strong>Découvrez la personnalité du candidat et son projet professionnel en quelques instants.</strong>
             </p>
-            <a class="btn btn-sm btn-primary btn-wide" href="#">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">
-            <img class="img-fluid" src="{{ asset('v2/png/candidature-en-video.png') }}" alt="Image Description">
+            <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>

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocDegrade.html.twig

@@ -1,9 +1,9 @@
 <!-- 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="container space-2 space-3--lg ">
-        <div class="container position-relative z-index-2 containerStat">
-          <div class="bg-gray-100 shadow-lg rounded mt-n9">
+    <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">
             <div class="card-deck d-block d-lg-flex">
               <div class="card card-frame mb-4 mb-lg-0">
                 <!-- Listing -->
@@ -52,12 +52,12 @@
 
       <!-- Icon Blocks Section -->
       <div class="container ">
-        <div class="row">
+        <div class="row space-1">
           <div class="col-md-4 mb-7 mb-md-0">
             <!-- 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>
@@ -65,8 +65,8 @@
           <div class="col-md-4 mb-7 mb-md-0">
             <!-- 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">Recevez les candidatures en <a href="#">vidéo</a></h3>
+              <img src="{{ asset('v2/svg/components/candidature-en-video.svg') }}" alt="Logo">
+              <h3 class="h4 text-white text300">Recevez les candidatures en <a href="#">vidéo</a></h3>
             </div>
             <!-- End Icon Blocks -->
           </div>
@@ -74,8 +74,8 @@
           <div class="col-md-4">
             <!-- 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">Gérez vos candidatures en <a href="#">vidéo</a></h3>
+              <img src="{{ asset('v2/svg/components/Gestion-des-candidatures-video.svg') }}" alt="Logo">
+              <h3 class="h4 text-white text300">Gérez vos candidatures en <a href="#">vidéo</a></h3>
             </div>
             <!-- End Icon Blocks -->
           </div>

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocEmployeur.html.twig

@@ -16,14 +16,14 @@
                 communication
                 et de votre gestion des ressources humaines.</strong>
             </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="marque-employeur-video">En savoir plus</a>
 
           </div>
         </div>
 
         <div class="col-md-6 order-md-1">
           <div class="pr-lg-4">
-            <img class="img-fluid" src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Image Description">
+            <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>

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocLogin.html.twig

@@ -0,0 +1,147 @@
+{% trans_default_domain 'FOSUserBundle' %}
+<!-- Signup Modal Window -->
+<div id="signupModal" class="js-signup-modal u-modal-window" style="width: 500px;">
+  <!-- Modal Close Button -->
+  <button class="btn btn-sm btn-icon btn-text-secondary u-modal-window__close" type="button"
+    onclick="Custombox.modal.close();">
+    <i class="fas fa-times"></i>
+  </button>
+  <!-- End Modal Close Button -->
+
+  <!-- Content -->
+  <div class="p-5 bg-white rounded">
+    <form action="{{ path("fos_user_security_check") }}" method="post">
+        {% if csrf_token %}
+            <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
+        {% endif %}
+        <!-- Signin -->
+        <div id="signin" data-target-group="idForm">
+          <!-- Title -->
+          <header class="text-center mb-5">
+            <h2 class="h4 mb-0">Connexion</h2>
+            <p>Connecter vous pour gérer votre compte</p>
+          </header>
+
+        
+          <!-- Input -->
+          <div class="js-form-message mb-3">
+            <div class="js-focus-state input-group form">
+              <div class="input-group-prepend form__prepend">
+                <span class="input-group-text form__text">
+                  <i class="fa fa-user form__text-inner"></i>
+                </span>
+              </div>
+              {# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+                aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+                data-success-class="u-has-success"> #}
+              
+                  <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" />
+            </div>
+          </div>
+          <!-- End Input -->
+
+          <!-- Input -->
+          <div class="js-form-message mb-3">
+            <div class="js-focus-state input-group form">
+              <div class="input-group-prepend form__prepend">
+                <span class="input-group-text form__text">
+                  <i class="fa fa-lock form__text-inner"></i>
+                </span>
+              </div>
+              {# <input type="password" class="form-control form__input" name="password" required placeholder="Password"
+                aria-label="Password" data-msg="Your password is invalid. Please try again."
+                data-error-class="u-has-error" data-success-class="u-has-success"> #}
+                <input type="password" id="password" name="_password" required="required" />
+            </div>
+          </div>
+          <!-- End Input -->
+
+          <div class="row mb-3">
+            <div class="col-6">
+              <!-- Checkbox -->
+              <div class="custom-control custom-checkbox d-flex align-items-center text-muted">
+                <input type="checkbox" id="remember_me" name="_remember_me" value="on" />
+                <label class="custom-control-label" for="rememberMeCheckbox">
+                  Se souvenir de moi
+                </label>
+              </div>
+              <!-- End Checkbox -->
+            </div>
+
+            <div class="col-6 text-right">
+              <a class="js-animation-link float-right" href="javascript:;" data-target="#forgotPassword"
+                data-link-group="idForm" data-animation-in="fadeIn">Mot de passe oublié?</a>
+            </div>
+          </div>
+
+          <div class="mb-3">
+              
+                  <input type="hidden" name="_target_path" value="redirect_dashboard" />
+              
+            <input type="submit" id="_submit" name="_submit" class="btn btn-block btn-primary"/>
+          </div>
+
+          <div class="text-center mb-3">
+            <p class="text-muted">
+              Do not have an account?
+              <a class="js-animation-link" href="javascript:;" data-target="#signup" data-link-group="idForm"
+                data-animation-in="fadeIn">S'inscrire
+              </a>
+            </p>
+          </div>
+        </div>
+        
+    </form>
+    {% if app.request.get('_route') != "fos_user_security_login" %}
+     {{ render(controller('AppBundle:SecurityModal:loginModalV2')) }}
+    {% endif %}
+      <!-- Forgot Password -->
+      <div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
+        <!-- Title -->
+        <header class="text-center mb-5">
+          <h2 class="h4 mb-0">Recover account</h2>
+          <p>Enter your email address and an email with instructions will be sent to you.</p>
+        </header>
+        <!-- End Title -->
+
+        <!-- Input -->
+        <div class="js-form-message mb-3">
+          <div class="js-focus-state input-group form">
+            <div class="input-group-prepend form__prepend">
+              <span class="input-group-text form__text">
+                <i class="fa fa-user form__text-inner"></i>
+              </span>
+            </div>
+            <input type="email" class="form-control form__input" name="email" required placeholder="Email"
+              aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
+              data-success-class="u-has-success">
+          </div>
+        </div>
+        <!-- End Input -->
+
+        <div class="mb-3">
+          <button type="submit" class="btn btn-block btn-primary">Recover Account</button>
+        </div>
+        <div class="text-center mb-3">
+          <p class="text-muted">
+            Have an account?
+            <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
+              data-animation-in="fadeIn">Contactez nous
+            </a>
+          </p>
+        </div>
+        <div class="text-center mb-3">
+          <p class="text-muted">
+            Have an account?
+            <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
+              data-animation-in="fadeIn">Connexion Recruteur
+            </a>
+          </p>
+        </div>
+      </div>
+      <!-- End Forgot Password -->
+  </div>
+  <!-- End Content -->
+</div>
+<!-- End Signup Modal Window -->
+<!-- ========== END SECONDARY CONTENTS ========== -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocPhoto.html.twig

@@ -1,13 +1,13 @@
 <!-- Accueil Photo Haut Section -->
-  <div class="bg-img-hero-center" style="background-image: url({{ asset('v2/img/1920x800/recrutement-video.jpg')}} ">
+  <div class="bg-img-hero-center" style="background-image: url({{ asset(urlImage)}} ">
     <div class="container space-2 space-5-top--lg space-4-bottom--lg">
       <div class="w-md-75">
         <!-- Title -->
         <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"></strong>
-            <br>avec la vidéo
+            <strong class="u-text-animation u-text-animation--typing">{{textParDefaut}}</strong>
+            <br>{{textVideo}}
           </h1>
 
         </div>

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocPlateforme.html.twig

@@ -1,10 +1,10 @@
 <!-- Plateforme DEBUT -->
-  <div class="space-1-bottom accueilFondBleute">
+  <div class=" accueilFondBleute">
     <div class="container space-2  ">
-      <div class="row align-items-lg-center">
-        <div class="col-lg-5 mb-9 mb-lg-0">
+      <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-4">
+          <div class="mb-6">
             <h2 class="h3"> Plateforme pour l’emploi 100% vidéo</h2>
             <p> Talents Tube met à votre disposition un outil de diffusion de vos vidéos d’offres d’emploi & marque
               employeur pour attirer les meilleurs talents en vidéo.
@@ -16,15 +16,15 @@
 
               <strong>Diffusez vos vidéos de recrutement et augmentez votre visibilité.</strong>
             </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="{{ url_plateforme }}">Voir la plateforme</a>
 
           </div>
         </div>
 
-        <div class="col-md-6 order-md-1">
-          <div class="pr-lg-4">
-            <img class="img-fluid" src="{{ asset('v2/png/plateforme-de-recrutement-en-video.png') }}"
-              alt="Image Description">
+        <div class="col-md-6 align-right paddintRight">
+          <div class="mb-6">
+            <a href="{{ url_plateforme }}"><img class="img-fluid" src="{{ asset('v2/png/plateforme-de-recrutement-en-video.png') }}"
+              alt="Recrutement video"></a>
           </div>
         </div>
       </div>

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocRecrutez.html.twig

@@ -1,12 +1,12 @@
 <!-- Recrutez DEBUT -->
-  <div class="space-1-bottom accueilFondBleute">
+  <div class="space1-bottom accueilFondBleute">
     <div class="container space-2 ">
-      <div class="row align-items-lg-center">
-        <div class="col-lg-5 mb-9 mb-lg-0">
+      <div class="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-4">
+          <div class="mb-6">
             <h2 class="h3"> Recrutez avec des offres d’emploi vidéo</h2>
-            <p> alents Tube peut vous accompagner dans la réalisation de vidéos d’offres d’emploi captivantes et à votre
+            <p> Talents Tube peut vous accompagner dans la réalisation de vidéos d’offres d’emploi captivantes et à votre
               image.
 
               L’offre d’emploi en vidéo, média engageant, vous donne l’opportunité de recruter les meilleurs talents. Le
@@ -16,14 +16,14 @@
               <strong>Faites place à l’innovation pour capter l’attention des candidats et recruter le talent qu’il vous
                 faut.</strong>
             </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="offre-emploi-video">En savoir plus</a>
 
           </div>
         </div>
 
         <div class="col-md-6 order-md-1">
-          <div class="pr-lg-4">
-            <img class="img-fluid" src="{{ asset('v2/png/offres-emploi-en-video.png') }}" alt="Image Description">
+          <div class="mb-6">
+            <a href="offre-emploi-video"><img class="img-fluid" src="{{ asset('v2/png/offres-emploi-en-video.png') }}" alt="Offres d'emploi en vidéo"></a>
           </div>
         </div>
       </div>

volume/www/website/www/app/Resources/views/defaultv2/accueil/blocTemoignages.html.twig

@@ -1,162 +1,215 @@
 <!-- Témoignage DEBUT -->
-  <div class="space-2-top space-1-bottom space-3-top--lg accueilFondNoir">
-    <div class="container">
-      <!-- Title -->
-      <div class="w-md-80 w-lg-60 mx-md-auto text-md-center mb-8">
-        <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 -->
-
-      <!-- Stories -->
-      <div id="sliderSyncingNav2" class="js-slick-carousel u-slick u-slick--rounded mb-2" data-infinite="true"
-        data-arrows-classes="d-none d-md-inline-block u-slick__arrow-classic u-slick__arrow-centered--y rounded-circle shadow"
-        data-arrow-left-classes="fa fa-arrow-left u-slick__arrow-classic-inner bg-white text-dark left-0 ml-md-n9"
-        data-arrow-right-classes="fa fa-arrow-right u-slick__arrow-classic-inner bg-white text-dark right-0 mr-md-n9"
-        data-nav-for="#sliderSyncingThumb2">
-        <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-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:;"
-                 data-src="https://www.youtube.com/watch?v=E62HUkaPEkk&t?autoplay=1"
-                 data-speed="700"
-                 data-animate-in="zoomIn"
-                 data-animate-out="zoomOut"
-                 data-caption="MGDIS"
-                 data-is-infinite=true>
-                Voir le témoignage
-                <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>
-          </div>
-        </div>
-
-        <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
-          style="background-image: url({{ asset('v2/temoignages/medaviz-temoignage-image.jpg') }});">
-          <div class="w-md-80 w-lg-50 text-white space-2 px-9">
-            <h3 class="h2 text-lh-xs mb-4">Medaviz</h3>
-            <p class="text-white-70 mb-4">Guillaume Lesdos, Co-fondateur et Président</p>
-
-            <a class="js-fancybox text-white" href="javascript:;"
-                 data-src="https://www.youtube.com/watch?v=Em3niStNutA?autoplay=1"
-                 data-speed="700"
-                 data-animate-in="zoomIn"
-                 data-animate-out="zoomOut"
-                 data-caption="Medaviz"
-                 data-is-infinite=true>
-                Voir le témoignage
-                <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>
-          </div>
-        </div>
-
-        <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
-          style="background-image: url({{ asset('v2/temoignages/thalazur-carnac1-temoignage-image.jpg') }});">
-          <div class="w-md-80 w-lg-50 text-white space-2 px-9">
-            <h3 class="h2 text-lh-xs mb-4">Thalazur Carnac</h3>
-            <p class="text-white-70 mb-4">Adeline Lautredou, Responsable Ressources Humaines</p>
-
-            <a class="js-fancybox text-white" href="javascript:;"
-                 data-src="https://www.youtube.com/watch?v=hWYae9V-YWM&t=8s?autoplay=1"
-                 data-speed="700"
-                 data-animate-in="zoomIn"
-                 data-animate-out="zoomOut"
-                 data-caption="Thalazur Carnac"
-                 data-is-infinite=true>
-                Voir le témoignage
-                <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>
-          </div>
-        </div>
-      </div>
-      <!-- End Stories -->
-
-      <!-- Stories.Authors -->
-      <div id="sliderSyncingThumb2"
-        class="js-slick-carousel u-slick u-slick--gutters-2 u-slick--video w-50 w-lg-30 mx-auto" data-infinite="true"
-        data-slides-show="3" data-is-thumbs="true" data-center-mode="true" data-nav-for="#sliderSyncingNav2">
-        <div class="js-slide rounded overflow-hidden">
-          <img class="img-fluid" src="{{ asset('v2/temoignages/mgdis-temoignage-vignette.jpg') }}" alt="Image Description">
-          <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
-            <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>
-        </div>
-
-        <div class="js-slide rounded overflow-hidden">
-          <img class="img-fluid" src="{{ asset('v2/temoignages/medaviz-temoignage-vignette.jpg') }}" alt="Image Description">
-          <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
-            <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>
-        </div>
-
-        <div class="js-slide rounded overflow-hidden">
-          <img class="img-fluid" src="{{ asset('v2/temoignages/thalazur-carnac-temoignage-vignette.jpg') }}" alt="Image Description">
-          <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
-            <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>
-        </div>
-      </div>
-      <!-- End Stories.Authors -->
+<!-- Success stories -->
+<div class="space-2-top space-1-bottom space-3-top--lg accueilFondNoir">
+  <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>
+      
     </div>
+    <!-- End Title -->
+
+    <!-- Stories -->
+    <div id="sliderSyncingNav2" class="js-slick-carousel u-slick u-slick--rounded mb-2" data-infinite="true"
+      data-arrows-classes="d-none d-md-inline-block u-slick__arrow-classic u-slick__arrow-centered--y rounded-circle shadow"
+      data-arrow-left-classes="fa fa-arrow-left u-slick__arrow-classic-inner bg-white text-dark left-0 ml-md-n9"
+      data-arrow-right-classes="fa fa-arrow-right u-slick__arrow-classic-inner bg-white text-dark right-0 mr-md-n9"
+      data-nav-for="#sliderSyncingThumb2">
+      <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-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:;"
+            data-src="https://www.youtube.com/watch?v=E62HUkaPEkk&t?autoplay=1" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+            Voir le témoignage
+            <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>
+        </div>
+      </div>
+
+      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
+        style="background-image: url({{ asset('v2/temoignages/medaviz-temoignage-image.jpg') }});">
+        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
+          <h3 class="h2 text-lh-xs mb-4">Medaviz</h3>
+          <p class="text-white-70 mb-4">Guillaume Lesdos, Co-fondateur et Président</p>
+
+          <a class="js-fancybox text-white" href="javascript:;"
+            data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t" data-speed="700"
+            data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
+            Voir le témoignage
+            <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>
+        </div>
+      </div>
+
+      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
+        style="background-image: url({{ asset('v2/temoignages/thalazur-carnac1-temoignage-image.jpg') }});">
+        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
+          <h3 class="h2 text-lh-xs mb-4">Thalazur Carnac</h3>
+          <p class="text-white-70 mb-4">Adeline Lautredou, Responsable Ressources Humaines</p>
+
+          <a class="js-fancybox text-white" href="javascript:;" data-src="https://www.youtube.com/watch?v=hWYae9V-YWM&t=8s?autoplay=1"
+            data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
+            data-caption="Témoignage">
+            Voir le témoignage
+            <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>
+        </div>
+      </div>
+
+      <div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
+        style="background-image: url({{ asset('v2/temoignages/intermarche-temoignage-image.jpg') }});">
+        <div class="w-md-80 w-lg-50 text-white space-2 px-9">
+          <h3 class="h2 text-lh-xs mb-4">Intermarché LAI</h3>
+          <p class="text-white-70 mb-4">Ludovic Chamoin-Foucaut, Responsable Ressources Humaines</p>
+
+          <a class="js-fancybox text-white" href="javascript:;" data-src="https://youtu.be/lheAXL8U9cU?autoplay=1"
+            data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
+            data-caption="Témoignage">
+            Voir le témoignage
+            <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>
+        </div>
+      </div>
+
+
+
+
+    </div>
+    <!-- End Stories -->
+
+    <!-- Stories.Authors -->
+    <div id="sliderSyncingThumb2"
+      class="js-slick-carousel u-slick u-slick--gutters-2 u-slick--video w-50 w-lg-30 mx-auto" data-infinite="true"
+      data-slides-show="3" data-is-thumbs="true" data-center-mode="true" data-nav-for="#sliderSyncingNav2">
+      <div class="js-slide rounded overflow-hidden">
+        <img class="img-fluid" src="{{ asset('v2/temoignages/mgdis-temoignage-vignette.jpg') }}"
+          alt="Image Description">
+        <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
+          <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>
+      </div>
+
+      <div class="js-slide rounded overflow-hidden">
+        <img class="img-fluid" src="{{ asset('v2/temoignages/medaviz-temoignage-vignette.jpg') }}"
+          alt="Image Description">
+        <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
+          <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>
+      </div>
+
+      <div class="js-slide rounded overflow-hidden">
+        <img class="img-fluid" src="{{ asset('v2/temoignages/thalazur-carnac-temoignage-vignette.jpg') }}"
+          alt="Image Description">
+        <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
+          <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>
+      </div>
+
+      <div class="js-slide rounded overflow-hidden">
+        <img class="img-fluid" src="{{ asset('v2/temoignages/intermarche-temoignage-vignette.jpg') }}"
+          alt="Image Description">
+        <i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
+          <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>
+      </div>
+
+    </div>
+    <!-- End Stories.Authors -->
   </div>
-  <!-- End Success stories -->
-  <!-- Témoignage FIN -->
+</div>
+<!-- End Success stories -->
+<!-- Témoignage FIN -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/footer.html.twig

@@ -0,0 +1,86 @@
+<!-- ========== FOOTER ========== -->
+<footer class="bg-dark">
+  <div class="container space-2">
+    <div class="row justify-content-md-between">
+      <div class="col-6 col-md-3 col-lg-2 order-lg-3 mb-7 mb-lg-0">
+        <h3 class="h6 text-white mb-3">Plateforme</h3>
+
+        <!-- List Group -->
+        <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="/">Espace recruteurs</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 -->
+        </div>
+        <!-- End List Group -->
+      </div>
+
+      <div class="col-6 col-md-3 col-lg-2 order-lg-4 mb-7 mb-lg-0">
+        <h3 class="h6 text-white mb-3">Informations</h3>
+
+        <!-- List Group -->
+        <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-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="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>
+        <!-- End List Group -->
+      </div>
+
+      <div class="col-6 col-md-3 col-lg-2 order-lg-5 mb-7 mb-lg-0">
+        <h3 class="h6 text-white mb-3">Réseaux sociaux</h3>
+
+        <!-- List -->
+          <div class="list-group list-group-flush list-group-transparent">
+            <a class="list-group-item list-group-item-action" href="https://www.facebook.com/TalentsTuber/" target="_blank">
+              <i class="fab fa-facebook-f min-width-3 text-center mr-2"></i>
+              Facebook
+            </a>
+            <a class="list-group-item list-group-item-action" href="https://www.linkedin.com/company/talentstube" target="_blank">
+              <i class="fab fa-linkedin min-width-3 text-center mr-2"></i>
+              Linkedin
+            </a>
+            <a class="list-group-item list-group-item-action" href="https://www.instagram.com/talents.tube/" target="_blank">
+              <i class="fab fa-instagram min-width-3 text-center mr-2"></i>
+              Instagram
+            </a>
+            <a class="list-group-item list-group-item-action" href="https://twitter.com/TalentsTuber" target="_blank">
+              <i class="fab fa-twitter min-width-3 text-center mr-2"></i>
+              Twitter
+            </a>
+            <a class="list-group-item list-group-item-action" href="https://www.youtube.com/channel/UCRNqiJCLAorO0aCzNQu-8ww" target="_blank">
+              <i class="fab fa-youtube min-width-3 text-center mr-2"></i>
+              Youtube
+            </a>
+          </div>
+          <!-- End List -->
+        </div>
+        <!-- End List Group -->
+      </div>
+
+      
+
+      <div class="col-lg-4 order-lg-1 d-flex align-items-start flex-column">
+        <!-- Logo -->
+        <a class="d-inline-block mb-5" href="index.html" aria-label="Space">
+          <img src="{{ asset('v2/svg/logos/talentstube-logo-mobile.svg') }}" alt="Logo" style="width: 40px; max-width: 100%;">
+        </a>
+        <!-- End Logo -->
+
+
+
+        <p class="small text-muted">Tous droits réservés. &copy;  2020 Talents Tube.</p>
+      </div>
+    </div>
+  </div>
+</footer>
+<!-- ========== END FOOTER ========== -->

volume/www/website/www/app/Resources/views/defaultv2/accueil/index.html.twig

@@ -1,10 +1,32 @@
 {% 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' %}
+  {% include 'defaultv2/accueil/blocPhoto.html.twig' 
+  with {
+    'urlImage': 'v2/img/1920x800/recrutement-video.jpg',
+    'textParDefaut' : 'Recrutez les candidats',
+    'textVideo' : 'avec la vidéo'
+  } %}
   
   {% include 'defaultv2/accueil/blocDegrade.html.twig' %}
       
@@ -20,481 +42,22 @@
   
   {% include 'defaultv2/accueil/blocConfiance.html.twig' %}
   
-
-  
-
-
 </main>
 <!-- ========== END MAIN CONTENT ========== -->
 
-<!-- ========== FOOTER ========== -->
-<footer class="bg-dark">
-  <div class="container space-2">
-    <div class="row justify-content-md-between">
-      <div class="col-6 col-md-3 col-lg-2 order-lg-3 mb-7 mb-lg-0">
-        <h3 class="h6 text-white mb-3">About</h3>
-
-        <!-- List Group -->
-        <div class="list-group list-group-flush list-group-transparent">
-          
-        </div>
-        <!-- End List Group -->
-      </div>
-
-      <div class="col-6 col-md-3 col-lg-2 order-lg-4 mb-7 mb-lg-0">
-        <h3 class="h6 text-white mb-3">Company</h3>
-
-        <!-- List Group -->
-        <div class="list-group list-group-flush list-group-transparent">
-         
-        </div>
-        <!-- End List Group -->
-      </div>
-
-      <div class="col-6 col-md-3 col-lg-2 order-lg-5 mb-7 mb-lg-0">
-        <h3 class="h6 text-white mb-3">Blog</h3>
-
-        <!-- List Group -->
-        <div class="list-group list-group-flush list-group-transparent">
-          
-        </div>
-        <!-- End List Group -->
-      </div>
-
-      <div class="col-6 col-md-3 col-lg-2 order-lg-6 mb-7 mb-lg-0">
-        <h3 class="h6 text-white mb-3">Social</h3>
-
-        <!-- List -->
-        <div class="list-group list-group-flush list-group-transparent">
-          <a class="list-group-item list-group-item-action" href="#">
-            <i class="fab fa-facebook-f min-width-3 text-center mr-2"></i>
-            Facebook
-          </a>
-          
-        </div>
-        <!-- End List -->
-      </div>
-
-      <div class="col-lg-4 order-lg-1 d-flex align-items-start flex-column">
-        <!-- Logo -->
-        <a class="d-inline-block mb-5" href="index.html" aria-label="Space">
-          <img src="{{ asset('v2/svg/logos/talentstube-logo-mobile.svg') }}" alt="Logo" style="width: 40px; max-width: 100%;">
-        </a>
-        <!-- End Logo -->
-
-
-
-        <p class="small text-muted">Tous droits réservés. &copy; Space. 2020 Talents Tube.</p>
-      </div>
-    </div>
-  </div>
-</footer>
-<!-- ========== END FOOTER ========== -->
-
-<!-- ========== SECONDARY CONTENTS ========== -->
-<!-- Panel Sidebar Navigation -->
-<aside id="sidebarContent" class="u-sidebar u-unfold--css-animation u-unfold--hidden"
-  aria-labelledby="sidebarNavToggler">
-  <div class="u-sidebar__scroller">
-    <div class="u-sidebar__container">
-      <div class="u-sidebar--panel__footer-offset">
-        <!-- Toggle Button -->
-        <div class="d-flex align-items-center border-bottom py-4 px-5">
-          <h4 class="h5 mb-0">Mon compte</h4>
-
-          <button type="button" class="close u-sidebar__close ml-auto" aria-controls="sidebarContent"
-            aria-haspopup="true" aria-expanded="false" data-unfold-event="click" data-unfold-hide-on-scroll="false"
-            data-unfold-target="#sidebarContent" data-unfold-type="css-animation" data-unfold-animation-in="fadeInRight"
-            data-unfold-animation-out="fadeOutRight" data-unfold-duration="500">
-            <span aria-hidden="true">&times;</span>
-          </button>
-        </div>
-        <!-- End Toggle Button -->
-
-        <!-- Content -->
-        <div class="js-scrollbar u-sidebar__body">
-          <div class="u-sidebar__content py-5">
-            <!-- Title -->
-            <div class="py-2 px-5">
-              <h4 class="text-uppercase text-muted font-size-13 mb-0">Mon menu</h4>
-            </div>
-            <!-- End Title -->
-
-            <!-- List -->
-            <ul class="list-unstyled font-size-14 mb-5">
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/finance-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Dashboard</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/touch-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Activity</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/team-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Team</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/email-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Mailbox</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/projects-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Projects</span>
-                  </div>
-                </a>
-              </li>
-            </ul>
-            <!-- End List -->
-
-            <!-- Title -->
-            <div class="py-2 px-5">
-              <h4 class="text-uppercase text-muted font-size-13 mb-0">Sub level</h4>
-            </div>
-            <!-- End Title -->
-
-            <!-- List -->
-            <ul class="list-unstyled font-size-14 mb-0">
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/calendar-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Calendar</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/cog-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Tools</span>
-                  </div>
-                </a>
-              </li>
-              <li>
-                <a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
-                  <img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/archive-dark-icon.svg') }}"
-                    alt="Image Description">
-                  <div class="media-body">
-                    <span>Archive</span>
-                  </div>
-                </a>
-              </li>
-            </ul>
-            <!-- End List -->
-          </div>
-        </div>
-        <!-- End Content -->
-      </div>
-
-      <!-- Footer -->
-      <footer class="u-sidebar__footer u-sidebar__footer--panel py-4 px-5">
-        <!-- List -->
-        <ul class="list-inline font-size-14 mb-0">
-          <li class="list-inline-item">
-            <a class="u-sidebar--panel__link pr-2" href="../pages/privacy.html">Privacy</a>
-          </li>
-          <li class="list-inline-item">
-            <a class="u-sidebar--panel__link px-2" href="../pages/terms.html">Terms</a>
-          </li>
-          <li class="list-inline-item">
-            <a class="u-sidebar--panel__link pl-2" href="../pages/help.html">
-              <i class="fa fa-info-circle"></i>
-            </a>
-          </li>
-        </ul>
-        <!-- End List -->
-      </footer>
-      <!-- End Footer -->
-    </div>
-  </div>
-</aside>
-<!-- End Panel Sidebar Navigation -->
-
-<!-- Signup Modal Window -->
-<div id="signupModal" class="js-signup-modal u-modal-window" style="width: 500px;">
-  <!-- Modal Close Button -->
-  <button class="btn btn-sm btn-icon btn-text-secondary u-modal-window__close" type="button"
-    onclick="Custombox.modal.close();">
-    <i class="fas fa-times"></i>
-  </button>
-  <!-- End Modal Close Button -->
-
-  <!-- Content -->
-  <div class="p-5 bg-white rounded">
-    <form class="js-validate">
-      <!-- Signin -->
-      <div id="signin" data-target-group="idForm">
-        <!-- Title -->
-        <header class="text-center mb-5">
-          <h2 class="h4 mb-0">Please sign in</h2>
-          <p>Signin to manage your account.</p>
-        </header>
-        <!-- End Title -->
-
-        <!-- Input -->
-        <div class="js-form-message mb-3">
-          <div class="js-focus-state input-group form">
-            <div class="input-group-prepend form__prepend">
-              <span class="input-group-text form__text">
-                <i class="fa fa-user form__text-inner"></i>
-              </span>
-            </div>
-            <input type="email" class="form-control form__input" name="email" required placeholder="Email"
-              aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
-              data-success-class="u-has-success">
-          </div>
-        </div>
-        <!-- End Input -->
-
-        <!-- Input -->
-        <div class="js-form-message mb-3">
-          <div class="js-focus-state input-group form">
-            <div class="input-group-prepend form__prepend">
-              <span class="input-group-text form__text">
-                <i class="fa fa-lock form__text-inner"></i>
-              </span>
-            </div>
-            <input type="password" class="form-control form__input" name="password" required placeholder="Password"
-              aria-label="Password" data-msg="Your password is invalid. Please try again."
-              data-error-class="u-has-error" data-success-class="u-has-success">
-          </div>
-        </div>
-        <!-- End Input -->
-
-        <div class="row mb-3">
-          <div class="col-6">
-            <!-- Checkbox -->
-            <div class="custom-control custom-checkbox d-flex align-items-center text-muted">
-              <input type="checkbox" class="custom-control-input" id="rememberMeCheckbox">
-              <label class="custom-control-label" for="rememberMeCheckbox">
-                Remember Me
-              </label>
-            </div>
-            <!-- End Checkbox -->
-          </div>
-
-          <div class="col-6 text-right">
-            <a class="js-animation-link float-right" href="javascript:;" data-target="#forgotPassword"
-              data-link-group="idForm" data-animation-in="fadeIn">Mot de passe oublié?</a>
-          </div>
-        </div>
-
-        <div class="mb-3">
-          <button type="submit" class="btn btn-block btn-primary">Connexion</button>
-        </div>
-
-        <div class="text-center mb-3">
-          <p class="text-muted">
-            Do not have an account?
-            <a class="js-animation-link" href="javascript:;" data-target="#signup" data-link-group="idForm"
-              data-animation-in="fadeIn">Signup
-            </a>
-          </p>
-        </div>
-
-        <!-- Divider -->
-        <div class="text-center u-divider-wrapper my-3">
-          <span class="u-divider u-divider--xs u-divider--text">OR</span>
-        </div>
-        <!-- End Divider -->
-
-        <!-- Signin Social Buttons -->
-        <div class="row mx-gutters-2 mb-4">
-          <div class="col-sm-6 mb-2 mb-sm-0">
-            <button type="button" class="btn btn-block btn-facebook text-nowrap">
-              <i class="fab fa-facebook-f mr-2"></i>
-              Signin with Facebook
-            </button>
-          </div>
-          <div class="col-sm-6">
-            <button type="button" class="btn btn-block btn-twitter">
-              <i class="fab fa-twitter mr-2"></i>
-              Signin with Twitter
-            </button>
-          </div>
-        </div>
-        <!-- End Signin Social Buttons -->
-      </div>
-      <!-- End Signin -->
-
-      <!-- Signup -->
-      <div id="signup" style="display: none; opacity: 0;" data-target-group="idForm">
-        <!-- Title -->
-        <header class="text-center mb-5">
-          <h2 class="h4 mb-0">Please sign up</h2>
-          <p>Fill out the form to get started.</p>
-        </header>
-        <!-- End Title -->
-
-        <!-- Input -->
-        <div class="js-form-message mb-3">
-          <div class="js-focus-state input-group form">
-            <div class="input-group-prepend form__prepend">
-              <span class="input-group-text form__text">
-                <i class="fa fa-user form__text-inner"></i>
-              </span>
-            </div>
-            <input type="email" class="form-control form__input" name="email" required placeholder="Email"
-              aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
-              data-success-class="u-has-success">
-          </div>
-        </div>
-        <!-- End Input -->
-
-        <!-- Input -->
-        <div class="js-form-message mb-3">
-          <div class="js-focus-state input-group form">
-            <div class="input-group-prepend form__prepend">
-              <span class="input-group-text form__text">
-                <i class="fa fa-lock form__text-inner"></i>
-              </span>
-            </div>
-            <input type="password" class="form-control form__input" name="password" id="password" required
-              placeholder="Password" aria-label="Password" data-msg="Your password is invalid. Please try again."
-              data-error-class="u-has-error" data-success-class="u-has-success">
-          </div>
-        </div>
-        <!-- End Input -->
-
-        <!-- Input -->
-        <div class="js-form-message mb-3">
-          <div class="js-focus-state input-group form">
-            <div class="input-group-prepend form__prepend">
-              <span class="input-group-text form__text">
-                <i class="fa fa-key form__text-inner"></i>
-              </span>
-            </div>
-            <input type="password" class="form-control form__input" name="confirmPassword" required
-              placeholder="Confirm Password" aria-label="Confirm Password"
-              data-msg="Password does not match the confirm password." data-error-class="u-has-error"
-              data-success-class="u-has-success">
-          </div>
-        </div>
-        <!-- End Input -->
-
-        <div class="mb-3">
-          <button type="submit" class="btn btn-block btn-primary">Signup</button>
-        </div>
-
-        <div class="text-center mb-3">
-          <p class="text-muted">
-            Have an account?
-            <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
-              data-animation-in="fadeIn">Conenxion Recruteur
-            </a>
-          </p>
-        </div>
-
-        <!-- Divider -->
-        <div class="text-center u-divider-wrapper my-3">
-          <span class="u-divider u-divider--xs u-divider--text">OR</span>
-        </div>
-        <!-- End Divider -->
-
-        <!-- Signup Social Buttons -->
-        <div class="row mx-gutters-2 mb-4">
-          <div class="col-sm-6 mb-2 mb-sm-0">
-            <button type="button" class="btn btn-block btn-facebook text-nowrap">
-              <i class="fab fa-facebook-f mr-2"></i>
-              Signup with Facebook
-            </button>
-          </div>
-          <div class="col-sm-6">
-            <button type="button" class="btn btn-block btn-twitter">
-              <i class="fab fa-twitter mr-2"></i>
-              Signup with Twitter
-            </button>
-          </div>
-        </div>
-        <!-- End Signup Social Buttons -->
-      </div>
-      <!-- End Signup -->
-
-      <!-- Forgot Password -->
-      <div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
-        <!-- Title -->
-        <header class="text-center mb-5">
-          <h2 class="h4 mb-0">Recover account</h2>
-          <p>Enter your email address and an email with instructions will be sent to you.</p>
-        </header>
-        <!-- End Title -->
-
-        <!-- Input -->
-        <div class="js-form-message mb-3">
-          <div class="js-focus-state input-group form">
-            <div class="input-group-prepend form__prepend">
-              <span class="input-group-text form__text">
-                <i class="fa fa-user form__text-inner"></i>
-              </span>
-            </div>
-            <input type="email" class="form-control form__input" name="email" required placeholder="Email"
-              aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
-              data-success-class="u-has-success">
-          </div>
-        </div>
-        <!-- End Input -->
-
-        <div class="mb-3">
-          <button type="submit" class="btn btn-block btn-primary">Recover Account</button>
-        </div>
-        <div class="text-center mb-3">
-          <p class="text-muted">
-            Have an account?
-            <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
-              data-animation-in="fadeIn">Contactez nous
-            </a>
-          </p>
-        </div>
-        <div class="text-center mb-3">
-          <p class="text-muted">
-            Have an account?
-            <a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
-              data-animation-in="fadeIn">Connexion Recruteur.
-            </a>
-          </p>
-        </div>
-      </div>
-      <!-- End Forgot Password -->
-    </form>
-  </div>
-  <!-- End Content -->
-</div>
-<!-- End Signup Modal Window -->
-<!-- ========== END SECONDARY CONTENTS ========== -->
-
-
+{% 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": 15, "right": 15 }' data-type="fixed"
+<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>
@@ -593,6 +156,7 @@
     // 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"],
@@ -615,12 +179,11 @@
   $(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)
-        console.log("test");
+        $("#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
-        console.log("test2");
+        $("#sidebarNavToggler").css("color", "#000");
       }
     });
   });

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocAccompagnement.html.twig

@@ -0,0 +1,43 @@
+<!-- Plateforme DEBUT -->
+  <div class=" accueilFondBlanc">
+    <div class="container space-2  ">
+       <!-- Video Section -->
+    <div class="">
+      <div class="container space-2-bottom space-3-bottom--lg">
+        <div class=" text-center mx-auto">
+          <!-- Video Block -->
+          <div id="youTubeVideoPlayer" class="u-video-player mb-7">
+            <!-- Cover Image -->
+            <img class="img-fluid u-video-player__preview" src="{{ asset('v2/img/1920x800/tutoriel-video-de-motivation-cv-video.jpg')}} " alt="Image">
+            <!-- End Cover Image -->
+
+            <!-- Play Button -->
+            <a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t"
+            data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
+            data-caption="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 -->
+
+          <!-- Title -->
+          <h2 class="h3">Accompagnement candidats</h2>
+          <p>Suivez nos conseils pour postuler simplement aux offres d’emploi.</p>
+          <!-- End Title -->
+        </div>
+      </div>
+    </div>
+    <!-- End Video Section -->
+    </div>
+  </div>
+
+  <!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocCandidatureAutrement.html.twig

@@ -0,0 +1,28 @@
+<!-- Recrutez DEBUT -->
+  <div class="space1-bottom accueilFondBleute">
+    <div class="container space-2 ">
+      <div class="row align-items-lg-center">
+        <div class="col-md-6 order-md-2 mb-5 mb-md-0">
+          <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
+          <div class="mb-6">
+            <h2 class="h3"> Découvrez les candidats autrement</h2>
+            <p> Ces dernières années, les recruteurs ont vu apparaître de nouvelles formes de candidatures inédites. Les candidats révolutionnent le recrutement en optant pour de nouvelles tendances : profil Linkedin, pitch Mail, profil vidéo ou encore CV vidéo. La vidéo a également pris une place importante dans notre société.
+
+La candidature en vidéo ou vidéo de motivation s’avère être un outil performant qui répond parfaitement à vos attentes. Elle propose une approche plus humaine du recrutement et dévoile ce qui ne se voit pas sur le papier.
+
+En plus des savoirs et savoir-faire, la candidature vidéo met en lumière le savoir-être et le savoir devenir des candidats. Vous pouvez cerner la personnalité du candidat et son projet professionnel en quelques instants.
+            </p>
+            <a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
+
+          </div>
+        </div>
+
+        <div class="col-md-6 order-md-1">
+          <div class="mb-6">
+            <img class="img-fluid" src="{{ asset('v2/png/offres-emploi-en-video.png') }}" alt="Image Description">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Recrutez FIN -->

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocCvClassique.html.twig

@@ -0,0 +1,29 @@
+<!-- Plateforme DEBUT -->
+  <div class=" accueilFondBleute">
+    <div class="container space-2  ">
+      <div class="row row justify-content-lg-end ">
+        <div class="col-md-6 ">
+          <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
+          <div class="mb-6">
+            <h2 class="h3"> Le CV classique : la fin d’un modèle</h2>
+            <p> Dans un monde où les technologies, les compétences techniques ou hard skills évoluent très rapidement, le savoir-faire n’est plus le principal critère de sélection des candidats.
+
+Aujourd’hui, votre entreprise recherche de plus en plus des compétences comportementales ou communément appelées “soft skills”. Il est difficile, voire impossible pour le candidat de communiquer ses qualités humaines à travers son CV.
+
+Vous éprouvez des difficultés à détecter le talent qu’il vous faut ? Le CV papier ne vous suffit plus ? Vous souhaitez en savoir plus sur le candidat avant de faire votre choix ? Nous réinventons pour vous, la mise en relation pour l’emploi.
+            </p>
+            <a class="btn btn-sm btn-primary btn-wide" href="https://www.talentstube.com/">Voir la plateforme</a>
+
+          </div>
+        </div>
+
+        <div class="col-md-6 align-right paddintRight">
+          <div class="mb-6">
+            <img class="img-fluid" src="{{ asset('v2/png/plateforme-de-recrutement-en-video.png') }}"
+              alt="Image Description">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocExempleMotivation.html.twig

@@ -0,0 +1,184 @@
+<!-- Recrutez DEBUT -->
+  <div class="space1-bottom accueilFondBleute">
+    <!-- Gallery -->
+    <div class="container space-1 space-2--sm space-3-bottom--lg">
+      <div class="row mb-12">
+        <!-- Gallery Heading -->
+        <div class="col-lg-12">
+          <h2 class="font-weight-normal">Exemples de vidéos de présentation</h2>
+        </div>
+        <!-- End Gallery Heading -->
+
+        <!-- Gallery Description -->
+        <div class="col-lg-5 ml-lg-auto text-muted">
+          Ils ont postulé aux offres d'emploi vidéo
+        </div>
+        <!-- End Gallery Description -->
+      </div>
+
+      <!-- Slick Carousel -->
+      <div class="js-slick-carousel js-slick-gallery u-slick u-slick--equal-height u-slick--blurex u-slick--center-mode-right u-slick--gutters-3"
+           data-infinite="true"
+           data-slides-show="4"
+           data-center-mode="true"
+           data-center-padding="150px"
+           data-arrows-classes="u-slick__arrow-classic u-slick__arrow-classic--lg u-slick__arrow-centered--y rounded-circle"
+           data-arrow-left-classes="fa fa-arrow-left u-slick__arrow-classic-inner bg-white opacity opacity-default--hover text-dark u-slick__arrow-classic-inner--left left-3 left-sm-7 opacity-0"
+           data-arrow-right-classes="fa fa-arrow-right u-slick__arrow-classic-inner bg-white opacity opacity-default--hover text-dark u-slick__arrow-classic-inner--right right-3 right-sm-7"
+           data-responsive='[{
+             "breakpoint": 992,
+             "settings": {
+               "slidesToShow": 3
+             }
+           }, {
+             "breakpoint": 768,
+             "settings": {
+               "slidesToShow": 2
+             }
+           }, {
+             "breakpoint": 300,
+             "settings": {
+               "slidesToShow": 1
+             }
+           }]'>
+        <div class="js-slide my-3 lift-lg shadow-2-sm-hover">
+        
+          <a class="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="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="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="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="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 -->
+    </div>
+
+    <!-- End Gallery -->
+  </div>
+  <!-- Recrutez FIN -->

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocFinCv.html.twig

@@ -0,0 +1,21 @@
+<!-- Degradé avec Stats Section -->
+  <div class="gradient-overlay-half-primary-v1">
+    <div class="container text-center space-2-top space-3-top--lg space-3-bottom">
+      <div class="w-md-80 w-lg-60 text-center mx-auto">
+        <!-- SVG Quote -->
+        <figure class="mx-auto mb-4" style="width: 50px;">
+          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+             viewBox="0 0 8 8" style="enable-background:new 0 0 8 8;" xml:space="preserve">
+            <path fill="#e3e6f0" d="M3,1.3C2,1.7,1.2,2.7,1.2,3.6c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5
+              C1.4,6.9,1,6.6,0.7,6.1C0.4,5.6,0.3,4.9,0.3,4.5c0-1.6,0.8-2.9,2.5-3.7L3,1.3z M7.1,1.3c-1,0.4-1.8,1.4-1.8,2.3
+              c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5c-0.7,0-1.1-0.3-1.4-0.8
+              C4.4,5.6,4.4,4.9,4.4,4.5c0-1.6,0.8-2.9,2.5-3.7L7.1,1.3z"/>
+          </svg>
+        </figure>
+          <h2 class="text-white text-center">Fini le papier, faîtes place à la vidéo !</h2>
+        </div>
+      </div>
+      
+    </div>
+  </div>
+  <!-- Degradé avec Stats FIN-->

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocGrille.html.twig

@@ -0,0 +1,93 @@
+<!-- Plateforme DEBUT -->
+  <div class=" accueilFondBlanc">
+    <div class="container space-2  ">
+      <div class="card-deck d-block d-lg-flex">
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/consult-cyan-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Multi-support</h4>
+                <p class="mb-0">Smartphone, tablette ou ordinateur.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/plan-brown-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Outil d’enregistrement vidéo</h4>
+                <p>Simple, rapide, gratuit et confidentiel.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/create-blue-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Candidature vidéo</h4>
+                <p>Réponse à vos offres d’emploi vidéo ou candidature spontanée.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+      </div>
+
+      <div class="card-deck d-block d-lg-flex">
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/develop-purple-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Tutoriel vidéo</h4>
+                <p>Pour la réalisation, les candidats disposent de vidéos conseils.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/rocket-red-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Les plus de la vidéo de motivation</h4>
+                <p>Personnalité, motivation et projet professionnel.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+
+        <div class="card card-frame mb-5">
+          <!-- Listing -->
+          <a class="card-body p-4" href="#">
+            <div class="media">
+              <img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/data-analysis-dark-icon.svg') }}" alt="Image Description">
+              <div class="media-body px-4">
+                <h4 class="h6 text-dark mb-1">Traitement des candidatures</h4>
+                <p>Réponses aux candidats depuis l’outil : écrite ou en vidéo.</p>
+              </div>
+            </div>
+          </a>
+          <!-- End Listing -->
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocPhoto.html.twig

@@ -0,0 +1,19 @@
+<!-- Accueil Photo Haut Section -->
+  <div class="bg-img-hero-center" style="background-image: url({{ asset('v2/img/1920x800/recrutement-video.jpg')}} ">
+    <div class="container space-2 space-5-top--lg space-4-bottom--lg">
+      <div class="w-md-75">
+        <!-- Title -->
+        <div class="mb-7">
+         <h1 class="display-4 font-size-48--md-down text-white mb-4">
+            <strong class="u-text-animation u-text-animation--typing"></strong>
+            <br>avec la vidéo
+          </h1>
+
+        </div>
+        <!-- End Title -->
+      </div>
+
+
+    </div>
+  </div>
+  <!-- End Accueil Photo Haut Section -->

volume/www/website/www/app/Resources/views/defaultv2/candidatures/blocPourquoiPasVous.html.twig

@@ -0,0 +1,19 @@
+<!-- Degradé avec Stats Section -->
+  <div class="gradient-overlay-half-primary-v1">
+    <div class="container text-center space-2-top space-3-top--lg space-2-bottom">
+      <div class=" text-center ">
+        <!-- SVG Quote -->
+
+          <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="https://blog.talentstube.com/contact.html" target="_blank" role="button" >
+                  <i class="fa fa-user-circle mr-1"></i>
+                  Contactez nous
+                </a>
+      </div>
+      
+    </div>
+  </div>
+  <!-- Degradé avec Stats FIN-->

volume/www/website/www/app/Resources/views/defaultv2/candidatures/index.html.twig

@@ -0,0 +1,200 @@
+{% extends 'basev2.html.twig' %}
+
+{% 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">
+  {% include 'defaultv2/accueil/blocPhoto.html.twig' 
+    with {
+      'urlImage': 'v2/img/1920x800/candidature-offre-emploi-video.jpg',
+      'textParDefaut' : 'Recevez des candidatures',
+      'textVideo' : 'avec la vidéo'
+    } %}
+      
+  {% include 'defaultv2/candidatures/blocCvClassique.html.twig' %}
+
+  {% include 'defaultv2/candidatures/blocFinCv.html.twig' %}
+  
+  {% include 'defaultv2/candidatures/blocCandidatureAutrement.html.twig' %}
+  
+  {% include 'defaultv2/candidatures/blocGrille.html.twig' %}
+  
+  {% include 'defaultv2/candidatures/blocExempleMotivation.html.twig' %}
+
+  {% include 'defaultv2/candidatures/blocAccompagnement.html.twig' %}
+
+  {% include 'defaultv2/candidatures/blocPourquoiPasVous.html.twig' %}
+</main>
+<!-- ========== END MAIN CONTENT ========== -->
+
+{% 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');
+    $('.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", "Découvrez le potentiel des candidats", "Recevez des candidatures"],
+      typeSpeed: 60,
+      loop: true,
+      backSpeed: 25,
+      backDelay: 3000
+    });
+
+    // initialization of cubeportfolio
+    $.HSCore.components.HSCubeportfolio.init('.cbp');
+
+    // initialization of go to
+    $.HSCore.components.HSGoTo.init('.js-go-to');
+
+    
+  });
+
+
+  $(document).ready(function () {
+    $(window).scroll(function () { // check if scroll event happened
+      if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
+        $("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
+        $("#sidebarNavToggler").css("color","#fff");
+      } else {
+        $("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
+        $("#sidebarNavToggler").css("color", "#000");
+      }
+    });
+  });
+</script>
+
+{% endblock %}
+
+{% block javascripts %}
+{{ parent() }}
+<script src="https://player.vimeo.com/api/player.js"></script>
+{% endblock %}

volume/www/website/www/app/Resources/views/defaultv2/footer.html.twig

@@ -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>

volume/www/website/www/app/Resources/views/defaultv2/footer/mentions.html.twig

@@ -0,0 +1,231 @@
+{% extends 'basev2.html.twig' %}
+
+{% block title %}Mentions légales - Talents Tube{% endblock %}
+
+{% block content %}
+<main id="content">
+  <!-- Privacy Section -->
+  <div class="bg-gray-100">
+    <div class="container space-2 space-4-top--lg space-3-bottom--lg">
+      <div class="w-lg-80 bg-white border rounded mx-lg-auto p-5 p-sm-7">
+        <!-- Hero -->
+        <div class="mb-9">
+          <h1>Mentions Légales</h1>
+        </div>
+        <!-- End Hero -->
+
+        <!-- Info Content -->
+        <div class="mb-7">
+          <div class="mb-3">
+            <h2 class="h4">Identité de l'éditeur du site</h2>
+          </div>
+
+          <p>Le site www.talentstube.com est édité par :</p>
+
+          <p>La société TALENTS TUBE, Société par Actions Simplifiée au capital de 305 000 euros,
+            Immatriculée au Registre du Commerce et des Sociétés de VANNES sous le numéro 824 366 926
+            Dont le siège social est situé CP60 PIBS 56038 VANNES Cedex, France
+            Numéro de TVA Intracommunautaire : FR 42 824366926</p>
+
+          <p>Représentée par Monsieur Franck DELALANDE, son Président.
+            Directeur de la publication : Franck DELALANDE.</p>
+        </div>
+        <!-- End Info Content -->
+
+        <!-- Info Content -->
+        <div class="mb-7">
+          <div class="mb-3">
+            <h3 class="h4">Contact</h3>
+          </div>
+
+          <p>Talents Tube est joignable :</p>
+          <p>- Par internet : via le **formulaire de contact** </p>
+          <p>- Par téléphone au 02 30 05 06 31, du lundi au vendredi de 9 h à 18 h;</p>
+          <p>- Par voie postale :</p>
+          <p>Talents Tube</p>
+          <p>3 Rue Louis de Broglie</p>
+          <p>Village By CA</p>
+          <p>56000 VANNES</p>
+        </div>
+        <!-- End Info Content -->
+
+        <!-- Info Content -->
+        <div class="mb-7">
+          <div class="mb-3">
+            <h3 class="h4">Hébergement</h3>
+          </div>
+
+          <p>e-declic</p>
+          <p>27 Rue du Danemark - Porte océane 2</p>
+          <p>Espace Terre et mer</p>
+          <p>56400 Auray</p>
+          <p>Tél. : +33.(0)297 290 060</p>
+        </div>
+        <!-- End Info Content -->
+
+
+      </div>
+    </div>
+  </div>
+  <!-- End Privacy Section -->
+</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: [" Attirez des talents "],
+      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() }}
+{% endblock %}

volume/www/website/www/app/Resources/views/defaultv2/header.html.twig

@@ -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="#" 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>
@@ -40,46 +40,36 @@
           <div id="navBar" class="collapse navbar-collapse u-header__navbar-collapse py-0">
             <ul class="navbar-nav u-header__navbar-nav">
               <!-- Home -->
-              <li class="nav-item hs-has-sub-menu u-header__nav-item"
+              <li class="nav-item  u-header__nav-item"
                   data-event="hover"
                   data-animation-in="fadeInUp"
                   data-animation-out="fadeOut">
-                <a id="homeMegaMenu" class="nav-link u-header__nav-link" href="javascript:;"
-                   aria-haspopup="true"
-                   aria-expanded="false"
-                   aria-labelledby="homeSubMenu">
-                  Offres d'emploi vidéo
-                  <i class="fa fa-angle-down u-header__nav-link-icon"></i>
+                <a id="homeMegaMenu" class="nav-link u-header__nav-link" href="offre-emploi-video">
+                  L'Offre d'emploi
+                  
                 </a>
               </li>
               <!-- End Home -->
 
               <!-- Pages -->
-              <li class="nav-item hs-has-mega-menu u-header__nav-item"
-                  data-event="hover"
-                  data-animation-in="fadeInUp"
-                  data-animation-out="fadeOut"
-                  data-position="right">
-                <a id="PagesMegaMenu" class="nav-link u-header__nav-link" href="javascript:;"
+              <li class="nav-item  u-header__nav-item">
+                <a id="PagesMegaMenu" class="nav-link u-header__nav-link" href="marque-employeur-video"
                    aria-haspopup="true"
                    aria-expanded="false">
-                  Marque employeur Vidéo
-                  <i class="fa fa-angle-down u-header__nav-link-icon"></i>
+                  La Marque employeur
+                  
                 </a>
               </li>
               <!-- End Pages -->
 
               <!-- Works -->
-              <li class="nav-item hs-has-sub-menu u-header__nav-item"
+              <li class="nav-item  u-header__nav-item"
                   data-event="hover"
                   data-animation-in="fadeInUp"
                   data-animation-out="fadeOut">
-                <a id="worksMegaMenu" class="nav-link u-header__nav-link" href="javascript:;"
-                   aria-haspopup="true"
-                   aria-expanded="false"
-                   aria-labelledby="worksSubMenu">
-                  Candidatures vidéo
-                  <i class="fa fa-angle-down u-header__nav-link-icon"></i>
+                <a id="worksMegaMenu" class="nav-link u-header__nav-link" href="candidatures-video">
+                  La Candidature
+                  
                 </a>
 
                 
@@ -87,16 +77,13 @@
               <!-- End Works -->
 
               <!-- Blog -->
-              <li class="nav-item hs-has-sub-menu u-header__nav-item"
+              <li class="nav-item u-header__nav-item"
                   data-event="hover"
                   data-animation-in="fadeInUp"
                   data-animation-out="fadeOut">
-                <a id="blogMegaMenu" class="nav-link u-header__nav-link" href="javascript:;"
-                   aria-haspopup="true"
-                   aria-expanded="false"
-                   aria-labelledby="blogSubMenu">
+                <a id="blogMegaMenu" class="nav-link u-header__nav-link" href="https://blog.talentstube.com/" target="_blank">
                   Blog
-                  <i class="fa fa-angle-down u-header__nav-link-icon"></i>
+                 
                 </a>
 
                 
@@ -106,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 -->
@@ -119,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>
@@ -133,29 +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 ========== --> 

volume/www/website/www/app/Resources/views/defaultv2/index.html.twig

@@ -1,240 +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 %}

volume/www/website/www/app/Resources/views/defaultv2/marque/bloc4Textes.html.twig

@@ -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 -->

volume/www/website/www/app/Resources/views/defaultv2/marque/blocAvantages.html.twig

@@ -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 -->

volume/www/website/www/app/Resources/views/defaultv2/marque/blocComment.html.twig

@@ -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 -->

volume/www/website/www/app/Resources/views/defaultv2/marque/blocEnvie.html.twig

@@ -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-->

volume/www/website/www/app/Resources/views/defaultv2/marque/blocMarqueEmployeur.html.twig

@@ -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 -->

volume/www/website/www/app/Resources/views/defaultv2/marque/blocPourquoiMarque.html.twig

@@ -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 -->

volume/www/website/www/app/Resources/views/defaultv2/marque/index.html.twig

@@ -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 %}

volume/www/website/www/app/Resources/views/defaultv2/offres/blocAvantages.html.twig

@@ -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">Améliorez vos annonces</h3>
+                <p class="mb-0">La vidéo génère 34% de candidatures supplémentaires par rapport à une annonce d’emploi écrite.</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">Attirez les jeunes candidats</h3>
+                <p class="mb-0">La génération des millenials représentera 75% de la population active d’ici 2030.</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">Adoptez le Mobile First</h3>
+                <p class="mb-0">82% des candidats recherchent des offres d’emploi depuis leur smartphone.</p>
+              </div>
+              <!-- End Icon Blocks -->
+            </div>
+          </div>
+        </div>
+        <!-- End Icon Blocks Section -->
+      </div>
+    </div>
+  </div>
+  <!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/offres/blocCitation.html.twig

@@ -0,0 +1,21 @@
+<!-- Degradé avec Stats Section -->
+  <div class="gradient-overlay-half-primary-v1">
+    <div class="container text-center space-2-top space-3-top--lg space-3-bottom">
+      <div class="w-md-80 w-lg-60 text-center mx-auto">
+        <!-- SVG Quote -->
+        <figure class="mx-auto mb-4" style="width: 50px;">
+          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+             viewBox="0 0 8 8" style="enable-background:new 0 0 8 8;" xml:space="preserve">
+            <path fill="#e3e6f0" d="M3,1.3C2,1.7,1.2,2.7,1.2,3.6c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5
+              C1.4,6.9,1,6.6,0.7,6.1C0.4,5.6,0.3,4.9,0.3,4.5c0-1.6,0.8-2.9,2.5-3.7L3,1.3z M7.1,1.3c-1,0.4-1.8,1.4-1.8,2.3
+              c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5c-0.7,0-1.1-0.3-1.4-0.8
+              C4.4,5.6,4.4,4.9,4.4,4.5c0-1.6,0.8-2.9,2.5-3.7L7.1,1.3z"/>
+          </svg>
+        </figure>
+          <h2 class="text-white text-center"> Ce sont ceux qui vivent le métier au quotidien qui en parlent le mieux !</h2>
+        </div>
+      </div>
+      
+    </div>
+  </div>
+  <!-- Degradé avec Stats FIN-->

volume/www/website/www/app/Resources/views/defaultv2/offres/blocDemarche.html.twig

@@ -0,0 +1,105 @@
+<!-- Plateforme DEBUT -->
+<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 -->
+
+        <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>
+              <!-- 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">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>
+              <!-- 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">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>
+              <!-- 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>
+      <!-- End Features Section -->
+    </div>
+  </div>
+</div>
+<!-- Plateforme FIN -->

volume/www/website/www/app/Resources/views/defaultv2/offres/blocOffreVideo.html.twig

@@ -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 qu’une offre d’emploi vidéo ?</h2>
+            <p> Véritable outil d’attractivité, vous vous distinguez auprès des 
+candidats en recherche de projets professionnels, mais aussi 
+auprès de toutes vos parties prenantes.
+
+La vidéo d’offre d’emploi est un outil qui plaît davantage aux talents 
+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="https://www.talentstube.com/offres-emploi" 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/png/plateforme-recrutement-offre-emploi-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=--8SCykm1k8"
+            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 -->

volume/www/website/www/app/Resources/views/defaultv2/offres/blocPourquoiVideo.html.twig

@@ -0,0 +1,55 @@
+<!-- Plateforme DEBUT -->
+  <div class="space1-bottom accueilFondBleute">
+    <div class="container space-2 ">
+      <div class="row align-items-lg-center">
+        <div class="col-md-6 order-md-2 mb-5 mb-md-0">
+          <!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
+          <div class="mb-6">
+            <h2 class="h3"> La vidéo d’offre d’emploi améliore l’efficacité de vos recrutements.</h2>
+<p>À travers une présentation moderne, dynamique et originale de votre organisation, de votre équipe et du poste, vous vous distinguez des autres recruteurs.
+
+Gagnez du temps pour la présélection des candidats et évitez les erreurs de recrutement. En étant plus précis dans votre offre, vous séduisez les meilleurs talents et seuls les candidats réellement intéressés postulent en vidéo. Replacez l’humain au cœur du recrutement !
+
+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="https://www.talentstube.com/offres-emploi" 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/png/temoignage-recrutement-offre-emploi-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=Em3niStNutA"
+            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 -->

volume/www/website/www/app/Resources/views/defaultv2/offres/index.html.twig

@@ -0,0 +1,198 @@
+{% extends 'basev2.html.twig' %}
+
+{% 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">
+  {% include 'defaultv2/accueil/blocPhoto.html.twig' 
+  with {
+    'urlImage': 'v2/img/1920x800/attirer-les-candidats-avec-une-offre-emploi-video.jpg',
+    'textParDefaut' : 'Attirez des talents',
+    'textVideo' : 'avec l’offre d’emploi vidéo'
+  } %}
+      
+  {% include 'defaultv2/offres/blocOffreVideo.html.twig' %}
+
+  {% include 'defaultv2/offres/blocPourquoiVideo.html.twig' %}
+  
+  {% include 'defaultv2/offres/blocAvantages.html.twig' %}
+  
+  {% include 'defaultv2/offres/blocCitation.html.twig' %}
+  
+  {% include 'defaultv2/offres/blocDemarche.html.twig' %}
+
+  {% include 'defaultv2/candidatures/blocPourquoiPasVous.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("");
+    // initialization of text animation (typing)
+    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
+      strings: ["Attirez des talents", "Valorisez vos collaborateurs", "Dévoilez vos métiers "],
+      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 %}

volume/www/website/www/app/config/config_dev.yml

@@ -37,3 +37,9 @@ monolog:
 
 swiftmailer:
     delivery_addresses: ['%delivery_addresses%']
+
+# Twig Configuration
+twig:
+    globals:
+        url_plateforme : http://localhost:3000
+

volume/www/website/www/app/config/config_prod.yml

@@ -13,3 +13,8 @@ monolog:
             level: debug
         console:
             type:  console
+
+# Twig Configuration
+twig:
+    globals:
+        url_plateforme : https://www.talentstube.com/

volume/www/website/www/composer.json

@@ -1,4 +1,5 @@
 {
+    "description": "Talents tube",
     "name": "edeclic/tt",
     "license": "proprietary",
     "type": "project",

volume/www/website/www/src/AppBundle/Controller/Api/AnswerController.php

@@ -205,6 +205,101 @@ class AnswerController extends FOSRestController
         return new JsonResponse($status);
     }
 
+    // valid request (from postman code ):
+    //POST /app_dev.php/api/media HTTP/1.1
+    // Host: localhost
+    // Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW
+    // Authorization: Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJpYXQiOjE1NTg2MTM2NzYsImV4cCI6MTU1ODYxNzI3Niwicm9sZXMiOlsiUk9MRV9UQUxFTlQiLCJST0xFX1VTRVIiXSwidXNlcm5hbWUiOiJ0aG9tYXMuYmVycm9kQGUtZGVjbGljLmNvbSJ9.gREC7Haj2geQNn3WArAL4jhBcPI67YJuJOEYiTJ4VeJztM7TRKo8XplXXdDKRs-J_AsHIOmEYWb08AZIivNXw652Ge_9VhpvhS67xa2O30T-ZingVVofZ8Anjbgof32tVkwL2SzNd82rxw4DbFWgSE24h1tw2NO-EUnvLxD3eGUgPerdJ-g74zwJ4tv2kBI3_TaTR35x0HjPnxtihpT2FQHwR-kYQHtJb7rmR7XTloDBu-cZiiEkfgZekt2NyOvD58HcXy3hKZ09YvIFmwDnmVxOVvexVPPt8du-ozXqtt6IlXGslqTm_dX7eTNrg2uoKgliBV6AOYFFlylgIQU1-Wr6k_OCxDEscN3NkbTDVcQbE-xSE2wjFIO0Gilk-cpmW5Kx1VCtEtyscPRiYub6dXPBgObGdKGmTcYwlG3X03x9KO9oYmjVgIreZZg2WJTzwQOoU67QxhOYknPshBSm61-VaB9OwOGJG3M6FrhZR867-Rj64FEd0HWH9lMM5OO645hlDAe3lPCG6ffUBPBOjFWCGx8HPsv_PjOaMRf21UEFpVaTfAlHrKsUog5j8Qc5-OEz9vmmlog2KjWc67alEfJujnc0m3HV731IBirar5gaO360ebwUU6aSo6HSThOnwFrTxGiCd0Eqo5T5yW446HJBRhLFYiiJerJg6EbGlAM
+    // User-Agent: PostmanRuntime/7.13.0
+    // Accept: */*
+    // Cache-Control: no-cache
+    // Postman-Token: 49a92aa5-fa39-412c-bc23-9d6ae389fa1e,569d0fea-09ba-452f-9957-989fca193603
+    // Host: localhost
+    // accept-encoding: gzip, deflate
+    // content-length: 228
+    // Connection: keep-alive
+    // cache-control: no-cache
+    // Content-Disposition: form-data; name="upload"; filename="/C:/Users/Thomas/Pictures/Camera Roll/WIN_20180917_14_29_28_Pro.mp4
+    // ------WebKitFormBoundary7MA4YWxkTrZu0gW-- 
+    /**
+     * @Rest\Post("/api/mediaPres", name="api_media_pres_upload")
+     * @Rest\View(StatusCode = 201)
+     * 
+     */
+    public function uploadPresAction(Request $request)
+    {
+
+        $usr = $this->get('security.token_storage')->getToken()->getUser();
+        $usr->getUsername();
+
+        $file = $request->files->get('upload');
+        $status = array('status' => "success", "fileUploaded" => false);
+        //dump($file);
+        // If a file was uploaded
+        if (!is_null($file)) {
+
+            $mediaManager = $this->get('media_manager');
+            $message = $mediaManager->upload($usr, $file, $usr);
+            //dump($message);
+            // generate a random name for the file but keep the extension
+            //    $filename = uniqid().".".$file->getClientOriginalExtension();
+            //    $path = "/path/where/we/want-to-save-the-file";
+            //    $file->move($path,$filename); // move the file to a path
+            $status = array('status' => "success", "fileUploaded" => true, "message" => $message);
+        }
+
+        return new JsonResponse($status);
+    }
+
+
+    // valid request (from postman code ):
+    //POST /app_dev.php/api/media HTTP/1.1
+    // Host: localhost
+    // Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW
+    // Authorization: Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJpYXQiOjE1NTg2MTM2NzYsImV4cCI6MTU1ODYxNzI3Niwicm9sZXMiOlsiUk9MRV9UQUxFTlQiLCJST0xFX1VTRVIiXSwidXNlcm5hbWUiOiJ0aG9tYXMuYmVycm9kQGUtZGVjbGljLmNvbSJ9.gREC7Haj2geQNn3WArAL4jhBcPI67YJuJOEYiTJ4VeJztM7TRKo8XplXXdDKRs-J_AsHIOmEYWb08AZIivNXw652Ge_9VhpvhS67xa2O30T-ZingVVofZ8Anjbgof32tVkwL2SzNd82rxw4DbFWgSE24h1tw2NO-EUnvLxD3eGUgPerdJ-g74zwJ4tv2kBI3_TaTR35x0HjPnxtihpT2FQHwR-kYQHtJb7rmR7XTloDBu-cZiiEkfgZekt2NyOvD58HcXy3hKZ09YvIFmwDnmVxOVvexVPPt8du-ozXqtt6IlXGslqTm_dX7eTNrg2uoKgliBV6AOYFFlylgIQU1-Wr6k_OCxDEscN3NkbTDVcQbE-xSE2wjFIO0Gilk-cpmW5Kx1VCtEtyscPRiYub6dXPBgObGdKGmTcYwlG3X03x9KO9oYmjVgIreZZg2WJTzwQOoU67QxhOYknPshBSm61-VaB9OwOGJG3M6FrhZR867-Rj64FEd0HWH9lMM5OO645hlDAe3lPCG6ffUBPBOjFWCGx8HPsv_PjOaMRf21UEFpVaTfAlHrKsUog5j8Qc5-OEz9vmmlog2KjWc67alEfJujnc0m3HV731IBirar5gaO360ebwUU6aSo6HSThOnwFrTxGiCd0Eqo5T5yW446HJBRhLFYiiJerJg6EbGlAM
+    // User-Agent: PostmanRuntime/7.13.0
+    // Accept: */*
+    // Cache-Control: no-cache
+    // Postman-Token: 49a92aa5-fa39-412c-bc23-9d6ae389fa1e,569d0fea-09ba-452f-9957-989fca193603
+    // Host: localhost
+    // accept-encoding: gzip, deflate
+    // content-length: 228
+    // Connection: keep-alive
+    // cache-control: no-cache
+    // Content-Disposition: form-data; name="upload"; filename="/C:/Users/Thomas/Pictures/Camera Roll/WIN_20180917_14_29_28_Pro.mp4
+    // ------WebKitFormBoundary7MA4YWxkTrZu0gW-- 
+    /**
+     * @Rest\Post("/api/mediaCv", name="api_media_cv_upload")
+     * @Rest\View(StatusCode = 201)
+     * 
+     */
+    public function uploadCvAction(Request $request)
+    {
+
+        $usr = $this->get('security.token_storage')->getToken()->getUser();
+        $usr->getUsername();
+        $company = $usr->getCompany();
+
+        $file = $request->files->get('upload');
+        $status = array('status' => "success", "companyUpdated" => false);
+        //dump($file);
+        // If a file was uploaded
+        if (!is_null($file)) {
+
+            $companyManager = $this->get('app.company_manager');
+            $message = $companyManager->updateCv($company, $file);
+            
+            //dump($message);
+            // generate a random name for the file but keep the extension
+            //    $filename = uniqid().".".$file->getClientOriginalExtension();
+            //    $path = "/path/where/we/want-to-save-the-file";
+            //    $file->move($path,$filename); // move the file to a path
+            $status = array('status' => "success", "companyUpdated" => true, "message" => $message);
+        }
+
+        return new JsonResponse($status);
+    }
+
     /**
      * @Rest\Post("/api/answers/message", name="api_answer_message")
      * @Rest\View(StatusCode = 201)

volume/www/website/www/src/AppBundle/Controller/Api/SecurityController.php

@@ -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");

volume/www/website/www/src/AppBundle/Controller/DefaultController.php

@@ -4,10 +4,13 @@ use AppBundle\Form\AdSearchType;
 use Sensio\Bundle\FrameworkExtraBundle\Configuration\Route;
 use Symfony\Bundle\FrameworkBundle\Controller\Controller;
 use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\Security\Core\Exception\AuthenticationException;
+use Symfony\Component\Security\Core\Security;
+
 class DefaultController extends Controller
 {
     /**
-     * @Route("/", name="homepage")
+     * @Route("/indexV1", name="homepageV1")
      */
     public function homepageAction()
     {
@@ -61,55 +64,190 @@ class DefaultController extends Controller
     }
 
     /**
-     * @Route("/indexv2", name="homepagev2")
+     * @Route("/", name="homepage")
      */
-    public function homepagev2Action()
+    public function homepagev2Action(Request $request)
     {
-        $em = $this->getDoctrine()->getManager();
-        $ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "emphasis" => true, "isPromoted" => false), array('emphasisOrder' => 'DESC'));
-        if (!$ads) {
-            $ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "isPromoted" => false), array('id' => 'DESC'));
-        }
-        $talents = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TALENT", "emphasis" => true), array('emphasisOrder' => 'DESC'));
-        $companies = $em->getRepository('AppBundle:Company')->findBy(array("type" => "COMPANY", "emphasis" => true), array('emphasisOrder' => 'DESC'));
-        $territories = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TERRITORY", "emphasis" => true), array('emphasisOrder' => 'ASC'));
+        //$em = $this->getDoctrine()->getManager();
+        // $ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "emphasis" => true, "isPromoted" => false), array('emphasisOrder' => 'DESC'));
+        // if (!$ads) {
+        //     $ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "isPromoted" => false), array('id' => 'DESC'));
+        // }
+        //$talents = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TALENT", "emphasis" => true), array('emphasisOrder' => 'DESC'));
+        //$companies = $em->getRepository('AppBundle:Company')->findBy(array("type" => "COMPANY", "emphasis" => true), array('emphasisOrder' => 'DESC'));
+        //$territories = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TERRITORY", "emphasis" => true), array('emphasisOrder' => 'ASC'));
 
-        $arrayTalents = array();
-        foreach ($talents as $talent) {
-            if ($talent->getPresentationVideo()) {
-                $arrayTalents[] = $talent;
-            }
-        }
+        // $arrayTalents = array();
+        // foreach ($talents as $talent) {
+        //     if ($talent->getPresentationVideo()) {
+        //         $arrayTalents[] = $talent;
+        //     }
+        // }
 
-        $arrayCompany = array();
-        foreach ($companies as $company) {
-            if ($company->getPresentationVideo()) {
-                $arrayCompany[] = $company;
-            }
-        }
+        // $arrayCompany = array();
+        // foreach ($companies as $company) {
+        //     if ($company->getPresentationVideo()) {
+        //         $arrayCompany[] = $company;
+        //     }
+        // }
 
-        $mediaManager = $this->get('media_manager');
-        foreach ($ads as $ad) {
-            $mediaManager->getThumbnails($ad);
-        }
+        // $mediaManager = $this->get('media_manager');
+        // foreach ($ads as $ad) {
+        //     $mediaManager->getThumbnails($ad);
+        // }
 
-        foreach ($companies as $company) {
-            $mediaManager->getThumbnails($company);
-        }
+        // foreach ($companies as $company) {
+        //     $mediaManager->getThumbnails($company);
+        // }
 
-        foreach ($territories as $t) {
-            $mediaManager->getThumbnails($t);
-        }
-
-        $form = $this->createForm(AdSearchType::class);
+        // foreach ($territories as $t) {
+        //     $mediaManager->getThumbnails($t);
+        // }
 
+        // $form = $this->createForm(AdSearchType::class);
+        $params             = $this->getParams($request);
+        $usename            = $params["lastUsername"];
+        $csrfToken          = $params["csrfToken"];
+        $error              = $params["error"];
+        $destination_login  = "admin/dashboard";
         return $this->render(
             'defaultv2/accueil/index.html.twig', [
-                'ads' => $ads,
-                'companies' => $arrayCompany,
-                'talents' => $arrayTalents,
-                'territories' => $territories,
-                'searchform' => $form->createView(),
+                'last_username'     => $usename,
+                'csrf_token'         => $csrfToken,
+                'error'             => $error,
+                'destination_login' => $destination_login
+                //'ads' => $ads,
+                //'companies' => $arrayCompany,
+                //'talents' => $arrayTalents,
+                //'territories' => $territories,
+                //'searchform' => $form->createView(),
+            ]
+        );
+    }
+
+     /**
+     * @Route("/candidatures-video", name="candidaturesVideo")
+     */
+    public function candidaturesVideoAction(Request $request)
+    {
+        $params             = $this->getParams($request);
+        $usename            = $params["lastUsername"];
+        $csrfToken          = $params["csrfToken"];
+        $error              = $params["error"];
+        $destination_login  = "admin/dashboard";
+        return $this->render(
+            'defaultv2/candidatures/index.html.twig',  [
+                'last_username'     => $usename,
+                'csrf_token'         => $csrfToken,
+                'error'             => $error,
+                'destination_login' => $destination_login
+                
+            ]
+        );
+    }
+
+
+    /**
+     * @Route("/offre-emploi-video", name="offresVideo")
+     */
+    public function offresVideoAction(Request $request)
+    {
+        $params             = $this->getParams($request);
+        $usename            = $params["lastUsername"];
+        $csrfToken          = $params["csrfToken"];
+        $error              = $params["error"];
+        $destination_login  = "admin/dashboard";
+        return $this->render(
+            'defaultv2/offres/index.html.twig', [
+                'last_username'     => $usename,
+                'csrf_token'         => $csrfToken,
+                'error'             => $error,
+                'destination_login' => $destination_login
+            ]
+        );
+    }
+
+    /**
+     * @Route("/marque-employeur-video", name="employeurVideo")
+     */
+    public function employeurVideoAction(Request $request)
+    {
+        $params             = $this->getParams($request);
+        $usename            = $params["lastUsername"];
+        $csrfToken          = $params["csrfToken"];
+        $error              = $params["error"];
+        $destination_login  = "admin/dashboard";
+        return $this->render(
+            'defaultv2/marque/index.html.twig', [
+                'last_username'     => $usename,
+                'csrf_token'         => $csrfToken,
+                'error'             => $error,
+                'destination_login' => $destination_login
+            ]
+        );
+    }
+
+
+    /**
+     * @Route("/mentions-legales", name="mentions")
+     */
+    public function mentionsAction(Request $request)
+    {
+        $params             = $this->getParams($request);
+        $usename            = $params["lastUsername"];
+        $csrfToken          = $params["csrfToken"];
+        $error              = $params["error"];
+        $destination_login  = "admin/dashboard";
+        return $this->render(
+            'defaultv2/footer/mentions.html.twig',  [
+                'last_username'     => $usename,
+                'csrf_token'         => $csrfToken,
+                'error'             => $error,
+                'destination_login' => $destination_login
+                
+            ]
+        );
+    }
+
+     /**
+     * @Route("/cgu", name="cgu")
+     */
+    public function cguAction(Request $request)
+    {
+        $params             = $this->getParams($request);
+        $usename            = $params["lastUsername"];
+        $csrfToken          = $params["csrfToken"];
+        $error              = $params["error"];
+        $destination_login  = "admin/dashboard";
+        return $this->render(
+            'defaultv2/footer/cgu.html.twig',  [
+                'last_username'     => $usename,
+                'csrf_token'         => $csrfToken,
+                'error'             => $error,
+                'destination_login' => $destination_login
+                
+            ]
+        );
+    }
+
+
+     /**
+     * @Route("/politique-confidentialite", name="confidentialite")
+     */
+    public function confidentialiteAction(Request $request)
+    {
+        $params             = $this->getParams($request);
+        $usename            = $params["lastUsername"];
+        $csrfToken          = $params["csrfToken"];
+        $error              = $params["error"];
+        $destination_login  = "admin/dashboard";
+        return $this->render(
+            'defaultv2/candidatures/index.html.twig',  [
+                'last_username'     => $usename,
+                'csrf_token'         => $csrfToken,
+                'error'             => $error,
+                'destination_login' => $destination_login
+                
             ]
         );
     }
@@ -121,17 +259,21 @@ class DefaultController extends Controller
     {
         $user = $this->getUser();
         if ($user) {
-            if ($user->hasRole('ROLE_TALENT')) {
+            if ($user->hasRole('ROLE_SUPER_ADMIN')) {
+
+                return $this->redirectToRoute('admin_dashboard');
+            } elseif ($user->hasRole('ROLE_TALENT')) {
 
                 return $this->redirectToRoute('talent_dashboard');
             } elseif ($user->hasRole('ROLE_COMPANY')) {
 
                 return $this->redirectToRoute('company_dashboard');
-            }
+            } 
         } else {
 
             return $this->redirectToRoute('homepage');
         }
+        return $this->redirectToRoute('homepage');
 
     }
 
@@ -150,5 +292,36 @@ class DefaultController extends Controller
         //return $this->render('page_static/video_territoire.html.twig');
         return $this->render('page_static/accompagnement_video_territoire.html.twig');
     }
+    /**
+     * @param Request $request
+     *
+     * @return Response
+     */
+    private function getParams(Request $request){
+        $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;
+        $parametres = array();
+        $parametres["lastUsername"] = $lastUsername;
+        $parametres["csrfToken"] = $csrfToken;
+        $parametres["error"] = $error;
+        return $parametres;
+    }
   
 }

volume/www/website/www/src/AppBundle/Controller/SecurityModalController.php

@@ -47,4 +47,43 @@ class SecurityModalController extends Controller
             )
         );
     }
+
+    /**
+     * @param Request $request
+     *
+     * @return Response
+     */
+    public function loginModalV2Action(Request $request)
+    {
+        $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();
+
+        return $this->render('@FOSUser/Security/loginModalV2.html.twig', array(
+                'last_username' => $lastUsername,
+                'error' => $error,
+                'csrf_token' => $csrfToken,
+                'register_form' => $form->createView()
+            )
+        );
+    }
 }

volume/www/website/www/src/AppBundle/Entity/Ad.php

@@ -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;

volume/www/website/www/src/AppBundle/Entity/Company.php

@@ -98,6 +98,13 @@ class Company
      */
     private $logo;
 
+     /**
+     * @var string
+     *
+     * @ORM\Column(name="cv", type="string", length=255, nullable=true)
+     */
+    private $cv;
+
     /**
      * @var string
      *
@@ -121,6 +128,8 @@ class Company
      */
     private $presentationVideo;
 
+   
+
     /**
      * @var string
      *
@@ -205,11 +214,7 @@ class Company
     private $countAds;
     
 
-    /**
-     * @var string $test
-     * @ORM\Column(name="test", type="string", nullable=true)
-     */ 
-    private $test;
+    
     
     /***********************
      * Constructor
@@ -249,6 +254,18 @@ class Company
 
     }
 
+    public function uploadCv($uploadedFile)
+    {
+        if (null === $uploadedFile) {
+            return;
+        }
+        //$name = $this->file->getClientOriginalName()."_".uniqid();
+        $name = md5(uniqid()) . '.' . $uploadedFile->guessExtension();
+        $uploadedFile->move($this->getUploadRootDirCv(), $name);
+        $this->cv = $name;
+
+    }
+
     public function getUploadDir()
     {
         return 'uploads/img';
@@ -259,6 +276,16 @@ class Company
         return __DIR__ . '/../../../web/' . $this->getUploadDir();
     }
 
+    public function getUploadDirCv()
+    {
+        return 'uploads/cv';
+    }
+
+    protected function getUploadRootDirCv()
+    {
+        return __DIR__ . '/../../../web/' . $this->getUploadDirCv();
+    }
+
     public function getWebPath()
     {
         return null === $this->logo ? null : $this->getUploadDir() . '/' . $this->logo;
@@ -456,6 +483,16 @@ class Company
         return $this->description;
     }
 
+    /**
+     * Get Logo.
+     *
+     * @return string|null
+     */
+    public function getLogo()
+    {
+        return $this->logo;
+    }
+
     /**
      * Set logo.
      *
@@ -471,13 +508,37 @@ class Company
     }
 
     /**
-     * Get logo.
+     * Get Cv.
      *
      * @return string|null
      */
-    public function getLogo()
+    public function getCv()
     {
-        return $this->logo;
+        return $this->cv;
+    }
+
+    /**
+     * Set cv.
+     *
+     * @param string|null $cv
+     *
+     * @return Company
+     */
+    public function setCv($photo = null)
+    {
+        $this->cv = $cv;
+
+        return $this;
+    }
+
+    /**
+     * Get photo.
+     *
+     * @return string|null
+     */
+    public function getPhoto()
+    {
+        return $this->photo;
     }
 
     /**
@@ -940,27 +1001,5 @@ class Company
         return count($this->getPublishedAds());
     }
 
-    /**
-     * Get $test
-     *
-     * @return  string
-     */ 
-    public function getTest()
-    {
-        return $this->test;
-    }
-
-    /**
-     * Set $test
-     *
-     * @param  string  $test  $test
-     *
-     * @return  self
-     */ 
-    public function setTest(string $test)
-    {
-        $this->test = $test;
-
-        return $this;
-    }
+    
 }

volume/www/website/www/src/AppBundle/Entity/User.php

@@ -369,6 +369,19 @@ class User extends BaseUser
      */
     public function getIdCard()
     {
+        $pres="";
+        $cv="";
+        
+        if($this->getCompany()->getPresentationVideo())
+        {
+            $pres= $this->getCompany()->getPresentationVideo()->getCdnUrl();
+        }
+
+        if($this->getCompany()->getCv())
+        {
+            $cv= $this->getCompany()->getCv();
+        }
+        $this->getCompany()->initAddress();
         $card = array(
             "firstname" => $this->getFirstname(),
             "lastname" => $this->getLastname(),
@@ -378,6 +391,13 @@ class User extends BaseUser
             "phone" => $this->getCompany()->getExtra()["phoneTalent"],
             "linkedin" => $this->getCompany()->getExtra()["linkedin"],
             "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(),
         );

volume/www/website/www/src/AppBundle/Utils/Services/CompanyManager.php

@@ -48,6 +48,7 @@ class CompanyManager
 
             $company->setExtra($extra);
             $company->upload();
+            //$company->uploadCv();
         }
         $this->em->persist($company);
         $this->em->flush();
@@ -63,6 +64,17 @@ class CompanyManager
         $this->em->flush();
     }
 
+     /**
+     * @param $company
+     */
+    public function updateCv($company, $uploadedFile)
+    {
+        $company->uploadCv($uploadedFile);
+        $this->em->persist($company);
+        $this->em->flush();
+        return $company->getCv();
+    }
+
     /**
      * @param $user
      */

volume/www/website/www/src/AppBundle/Utils/Services/MediaManager.php

@@ -148,9 +148,9 @@ class MediaManager
             $thumbnails = array();
             //PUSH VIDEO TO Vimeo
             if ($this->env == "dev") {
-                $uriVimeo = "/videos/217844541";
+                $uriVimeo = "/videos/385952221";
                 $nameVimeo = "name";
-                $linkVimeo = "/videos/217844541";
+                $linkVimeo = "/videos/385952221";
             } else {
                 $urlToPull = $this->mediaVideoUrl . $fileName;
                 $response = $this->vimeo->request('/me/videos', array('type' => 'pull', 'link' => $urlToPull), 'POST');

volume/www/website/www/src/AppBundle/Utils/Traits/AddressJsonTrait.php

@@ -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;
     }
 

volume/www/website/www/vendor/friendsofsymfony/user-bundle/Controller/RegistrationController.php

@@ -27,6 +27,8 @@ 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;
+
 
 /**
  * Controller managing the registration.
@@ -58,7 +60,8 @@ class RegistrationController extends Controller
     {
         $user = $this->userManager->createUser();
         $user->setEnabled(true);
-
+        // AJOUT ROLE COMPANY 
+        //$user->setRoles(array('ROLE_COMPANY'));
         $event = new GetResponseUserEvent($user, $request);
         $this->eventDispatcher->dispatch(FOSUserEvents::REGISTRATION_INITIALIZE, $event);
 
@@ -101,6 +104,8 @@ class RegistrationController extends Controller
         ));
     }
 
+    
+
     /**
      * Tell the user to check their email provider.
      */
@@ -114,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()
         ));
     }
 
@@ -189,4 +220,4 @@ class RegistrationController extends Controller
 
         return null;
     }
-}
+}

volume/www/website/www/web/v2/css/theme.css

@@ -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,6 +4782,7 @@ input[type="button"].btn-block {
   -ms-flex-pack: justify;
       justify-content: space-between;
   padding: 0.5rem 1rem;
+  font-size: 1rem;
 }
 
 .navbar .container,
@@ -12617,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,
@@ -13073,15 +13079,15 @@ 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: 1rem;
-  font-weight: 400;
+  font-weight: 600;
 }
 
 .u-header__nav-link-icon {
@@ -16154,7 +16160,7 @@ button:focus {
 }
 
 .btn-sm, .btn-group-sm > .btn {
-  border-radius: 0.25rem;
+  border-radius: 0.3125rem;
 }
 
 /* Icons */
@@ -19334,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;
 }
 
@@ -19352,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;
 }
 
 /*------------------------------------
@@ -19974,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 {
@@ -20342,7 +20349,7 @@ button:focus {
 
 .space-2 {
   padding-top: 4rem;
-  padding-bottom: 4rem;
+  padding-bottom: 1rem;
 }
 
 .space-2-top {
@@ -21207,35 +21214,46 @@ 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;
-}
-.containerStat{
-  margin-top: -12rem !important;
-  text-align: center;
+  font-size: 1.2rem;
+  font-weight: 200;
+  color: #1E2327;
 }
 
+/* Au niveau le plus haut du code */
+@media screen and (min-width: 800px) {
+  .containerStat {
+    margin-top: -12rem !important;
+    text-align: center;
+  }
+}
+
+@media screen and (max-width: 800px) {
+  .containerStat {
+    display:none
+  }
+}
+
+
+
 .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);
 }
 
@@ -21245,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;
@@ -21277,3 +21305,16 @@ button:focus {
   color : #1E2327;
 
 }
+
+.align-right{
+  text-align: right;
+}
+
+.paddintRight{
+  padding-right: 0px;
+}
+
+.text300{
+  font-weight: 300;
+  padding-top: 15px;
+}