V2.0.1
This commit is contained in:
@@ -18,10 +18,11 @@
|
|||||||
<link rel="stylesheet" href="{{ asset('v2/vendor/animate.css/animate.min.css') }}">
|
<link rel="stylesheet" href="{{ asset('v2/vendor/animate.css/animate.min.css') }}">
|
||||||
<link rel="stylesheet" href="{{ asset('v2/vendor/slick-carousel/slick/slick.css') }}">
|
<link rel="stylesheet" href="{{ asset('v2/vendor/slick-carousel/slick/slick.css') }}">
|
||||||
<link rel="stylesheet" href="{{ asset('v2/vendor/cubeportfolio/css/cubeportfolio.min.css') }}">
|
<link rel="stylesheet" href="{{ asset('v2/vendor/cubeportfolio/css/cubeportfolio.min.css') }}">
|
||||||
|
<link rel="stylesheet" href="{{ asset('v2/vendor/fancybox/jquery.fancybox.css') }}">
|
||||||
|
|
||||||
<!-- CSS Space Template -->
|
<!-- CSS Space Template -->
|
||||||
<link rel="stylesheet" href="{{ asset('v2/css/theme.css') }}">
|
<link rel="stylesheet" href="{{ asset('v2/css/theme.css') }}">
|
||||||
|
<script type="text/javascript"> window.$crisp=[];window.CRISP_WEBSITE_ID="78ec5756-1cd5-4f3f-b0db-cb408c8171da";(function(){ d=document;s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})(); </script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Google Tag Manager (noscript) -->
|
<!-- Google Tag Manager (noscript) -->
|
||||||
@@ -37,6 +38,6 @@
|
|||||||
{% block content %}
|
{% block content %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
{# {% include 'defaultv2/footer.html.twig' %} #}
|
{# {% include 'defaultv2/footer.html.twig' %} #}
|
||||||
|
{{ include('FairlaneCookieConsentBundle::cookie-info.html.twig') }}
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -0,0 +1,31 @@
|
|||||||
|
<!-- Candidat DEBUT -->
|
||||||
|
<div class="space-1-bottom accueilFondNoir">
|
||||||
|
<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="mb-4">
|
||||||
|
<h2 class="h3"> Recevez les candidatures en vidéo</h2>
|
||||||
|
<p> Depuis leur webcam, smartphone ou tablette, les candidats postulent aux vidéos de votre entreprise, en
|
||||||
|
toute confidentialité, grâce à notre outil d’enregistrement vidéo simple, rapide et gratuit.
|
||||||
|
|
||||||
|
Vous recevez des vidéos de motivation, c’est-à-dire des candidatures qui répondent à votre vidéo de
|
||||||
|
recrutement. Le candidat expose son parcours en illustrant ses expériences. Il met en avant ses
|
||||||
|
motivations à vous rejoindre et les compétences qu’il peut apporter à votre entreprise.
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
</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">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Candidat FIN -->
|
||||||
@@ -0,0 +1,40 @@
|
|||||||
|
<!-- Ils nous font confiance DEBUT -->
|
||||||
|
<div class="container space-2 space-3--lg accueilFondBlanc">
|
||||||
|
<div class=" text-center mx-md-auto mb-12">
|
||||||
|
<!-- Title -->
|
||||||
|
<h2 class="h1"> Ils nous font confiance</h2>
|
||||||
|
<!-- Slick Carousel -->
|
||||||
|
<div class="js-slick-carousel u-slick" data-autoplay="true" data-speed="5000" data-infinite="true"
|
||||||
|
data-slides-show="5">
|
||||||
|
<div class="js-slide">
|
||||||
|
<img src="{{ asset('v2/logos/Albea-logo.png') }}" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="js-slide">
|
||||||
|
<img src="{{ asset('v2/logos/Bouyer-leroux-logo.png') }}" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="js-slide">
|
||||||
|
<img src="{{ asset('v2/logos/Eiffage-logo.png') }}" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="js-slide">
|
||||||
|
<img src="{{ asset('v2/logos/groupe-mousset-logo.png') }}" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="js-slide">
|
||||||
|
<img src="{{ asset('v2/logos/Groupe-rocher-logo.png') }}" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="js-slide">
|
||||||
|
<img src="{{ asset('v2/logos/intermarche.png') }}" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="js-slide">
|
||||||
|
<img src="{{ asset('v2/logos/Mazars-logo.png') }}" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="js-slide">
|
||||||
|
<img src="{{ asset('v2/logos/Mma-logo.png') }}" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="js-slide">
|
||||||
|
<img src="{{ asset('v2/logos/Square-habitat-logo.png') }}" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Slick Carousel -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Ils nous font confiance FIN -->
|
||||||
@@ -0,0 +1,87 @@
|
|||||||
|
<!-- 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="card-deck d-block d-lg-flex">
|
||||||
|
<div class="card card-frame mb-4 mb-lg-0">
|
||||||
|
<!-- Listing -->
|
||||||
|
<div class="card-body p-4">
|
||||||
|
<div class="media">
|
||||||
|
|
||||||
|
<div class="media-body px-4">
|
||||||
|
<h2 class="statChiffre">1500+</h2>
|
||||||
|
<p class="statTexte">Talents connectés</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Listing -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card card-frame mb-4 mb-lg-0">
|
||||||
|
<!-- Listing -->
|
||||||
|
<div class="card-body p-4">
|
||||||
|
<div class="media">
|
||||||
|
<div class="media-body px-4">
|
||||||
|
<h2 class="statChiffre">900+</h2>
|
||||||
|
<p class="statTexte">Vues par vidéo</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Listing -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card card-frame mb-4 mb-lg-0">
|
||||||
|
<!-- Listing -->
|
||||||
|
<div class="card-body p-4">
|
||||||
|
<div class="media">
|
||||||
|
|
||||||
|
<div class="media-body px-4">
|
||||||
|
<h2 class="statChiffre">350</h2>
|
||||||
|
<p class="statTexte">Candidatures vidéo</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Listing -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Icon Blocks Section -->
|
||||||
|
<div class="container ">
|
||||||
|
<div class="row">
|
||||||
|
<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>
|
||||||
|
</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 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>
|
||||||
|
</div>
|
||||||
|
<!-- End Icon Blocks -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
<!-- End Icon Blocks -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Icon Blocks Section -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Degradé avec Stats FIN-->
|
||||||
@@ -0,0 +1,32 @@
|
|||||||
|
<!-- Marque employeur DEBUT -->
|
||||||
|
<div class="space-1-bottom accueilFondBlanc">
|
||||||
|
<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="mb-4">
|
||||||
|
<h2 class="h3"> Révélez votre Marque Employeur en vidéo</h2>
|
||||||
|
<p> Talents Tube offre une visibilité essentielle à votre marque employeur.
|
||||||
|
|
||||||
|
Grâce à la vidéo, votre entreprise replace l’humain au cœur du recrutement. Vous disposez d’un levier
|
||||||
|
concret et efficace pour parfaire votre réputation. Développez l’attractivité de votre entreprise pour
|
||||||
|
séduire de nouveaux talents.
|
||||||
|
|
||||||
|
<strong>Donnez vie à votre marque employeur en plaçant la vidéo au coeur de votre stratégie de
|
||||||
|
communication
|
||||||
|
et de votre gestion des ressources humaines.</strong>
|
||||||
|
</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="pr-lg-4">
|
||||||
|
<img class="img-fluid" src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Marque employeur FIN -->
|
||||||
@@ -0,0 +1,20 @@
|
|||||||
|
<!-- Accueil Photo Haut Section -->
|
||||||
|
<div class="bg-img-hero-center" style="background-image: url({{ asset('v2/img/1920x800/recrutement-video.jpg')}} ">
|
||||||
|
<div class="container space-2 space-5-top--lg space-4-bottom--lg">
|
||||||
|
<div class="w-md-75">
|
||||||
|
<!-- Title -->
|
||||||
|
<div class="mb-7">
|
||||||
|
<span class="d-block text-white text-uppercase mb-2">Talents tube</span>
|
||||||
|
<h1 class="display-4 font-size-48--md-down text-white mb-4">
|
||||||
|
<strong class="u-text-animation u-text-animation--typing"></strong>
|
||||||
|
<br>avec la vidéo
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- End Title -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Accueil Photo Haut Section -->
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
<!-- Plateforme DEBUT -->
|
||||||
|
<div class="space-1-bottom accueilFondBleute">
|
||||||
|
<div class="container space-2 ">
|
||||||
|
<div class="row align-items-lg-center">
|
||||||
|
<div class="col-lg-5 mb-9 mb-lg-0">
|
||||||
|
<!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
|
||||||
|
<div class="mb-4">
|
||||||
|
<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.
|
||||||
|
|
||||||
|
Notre plateforme rassemble l’entreprise et les talents qui se présentent en vidéo pour un recrutement
|
||||||
|
réussi.
|
||||||
|
|
||||||
|
Si vous ne possédez pas de vidéos, nous pouvons vous accompagner dans la réalisation.
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Plateforme FIN -->
|
||||||
@@ -0,0 +1,32 @@
|
|||||||
|
<!-- Recrutez DEBUT -->
|
||||||
|
<div class="space-1-bottom accueilFondBleute">
|
||||||
|
<div class="container space-2 ">
|
||||||
|
<div class="row align-items-lg-center">
|
||||||
|
<div class="col-lg-5 mb-9 mb-lg-0">
|
||||||
|
<!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
|
||||||
|
<div class="mb-4">
|
||||||
|
<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
|
||||||
|
image.
|
||||||
|
|
||||||
|
L’offre d’emploi en vidéo, média engageant, vous donne l’opportunité de recruter les meilleurs talents. Le
|
||||||
|
principe est de donner une image moderne et innovante en présentant votre entreprise, votre équipe,
|
||||||
|
l’environnement de travail et le poste à pourvoir en quelques minutes.
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Recrutez FIN -->
|
||||||
+162
@@ -0,0 +1,162 @@
|
|||||||
|
<!-- 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 -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Success stories -->
|
||||||
|
<!-- Témoignage FIN -->
|
||||||
+634
@@ -0,0 +1,634 @@
|
|||||||
|
{% extends 'basev2.html.twig' %}
|
||||||
|
|
||||||
|
{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<main id="content">
|
||||||
|
{% include 'defaultv2/accueil/blocPhoto.html.twig' %}
|
||||||
|
|
||||||
|
{% include 'defaultv2/accueil/blocDegrade.html.twig' %}
|
||||||
|
|
||||||
|
{% include 'defaultv2/accueil/blocPlateforme.html.twig' %}
|
||||||
|
|
||||||
|
{% include 'defaultv2/accueil/blocCandidat.html.twig' %}
|
||||||
|
|
||||||
|
{% include 'defaultv2/accueil/blocRecrutez.html.twig' %}
|
||||||
|
|
||||||
|
{% include 'defaultv2/accueil/blocEmployeur.html.twig' %}
|
||||||
|
|
||||||
|
{% include 'defaultv2/accueil/blocTemoignages.html.twig' %}
|
||||||
|
|
||||||
|
{% 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. © 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">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<!-- End Toggle Button -->
|
||||||
|
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="js-scrollbar u-sidebar__body">
|
||||||
|
<div class="u-sidebar__content py-5">
|
||||||
|
<!-- Title -->
|
||||||
|
<div class="py-2 px-5">
|
||||||
|
<h4 class="text-uppercase text-muted font-size-13 mb-0">Mon menu</h4>
|
||||||
|
</div>
|
||||||
|
<!-- End Title -->
|
||||||
|
|
||||||
|
<!-- List -->
|
||||||
|
<ul class="list-unstyled font-size-14 mb-5">
|
||||||
|
<li>
|
||||||
|
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||||
|
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/finance-dark-icon.svg') }}"
|
||||||
|
alt="Image Description">
|
||||||
|
<div class="media-body">
|
||||||
|
<span>Dashboard</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||||
|
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/touch-dark-icon.svg') }}"
|
||||||
|
alt="Image Description">
|
||||||
|
<div class="media-body">
|
||||||
|
<span>Activity</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||||
|
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/team-dark-icon.svg') }}"
|
||||||
|
alt="Image Description">
|
||||||
|
<div class="media-body">
|
||||||
|
<span>Team</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||||
|
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/email-dark-icon.svg') }}"
|
||||||
|
alt="Image Description">
|
||||||
|
<div class="media-body">
|
||||||
|
<span>Mailbox</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||||
|
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/projects-dark-icon.svg') }}"
|
||||||
|
alt="Image Description">
|
||||||
|
<div class="media-body">
|
||||||
|
<span>Projects</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- End List -->
|
||||||
|
|
||||||
|
<!-- Title -->
|
||||||
|
<div class="py-2 px-5">
|
||||||
|
<h4 class="text-uppercase text-muted font-size-13 mb-0">Sub level</h4>
|
||||||
|
</div>
|
||||||
|
<!-- End Title -->
|
||||||
|
|
||||||
|
<!-- List -->
|
||||||
|
<ul class="list-unstyled font-size-14 mb-0">
|
||||||
|
<li>
|
||||||
|
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||||
|
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/calendar-dark-icon.svg') }}"
|
||||||
|
alt="Image Description">
|
||||||
|
<div class="media-body">
|
||||||
|
<span>Calendar</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||||
|
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/cog-dark-icon.svg') }}"
|
||||||
|
alt="Image Description">
|
||||||
|
<div class="media-body">
|
||||||
|
<span>Tools</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||||
|
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/archive-dark-icon.svg') }}"
|
||||||
|
alt="Image Description">
|
||||||
|
<div class="media-body">
|
||||||
|
<span>Archive</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- End List -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Content -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="u-sidebar__footer u-sidebar__footer--panel py-4 px-5">
|
||||||
|
<!-- List -->
|
||||||
|
<ul class="list-inline font-size-14 mb-0">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-sidebar--panel__link pr-2" href="../pages/privacy.html">Privacy</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-sidebar--panel__link px-2" href="../pages/terms.html">Terms</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-sidebar--panel__link pl-2" href="../pages/help.html">
|
||||||
|
<i class="fa fa-info-circle"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- End List -->
|
||||||
|
</footer>
|
||||||
|
<!-- End Footer -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
<!-- End Panel Sidebar Navigation -->
|
||||||
|
|
||||||
|
<!-- Signup Modal Window -->
|
||||||
|
<div id="signupModal" class="js-signup-modal u-modal-window" style="width: 500px;">
|
||||||
|
<!-- Modal Close Button -->
|
||||||
|
<button class="btn btn-sm btn-icon btn-text-secondary u-modal-window__close" type="button"
|
||||||
|
onclick="Custombox.modal.close();">
|
||||||
|
<i class="fas fa-times"></i>
|
||||||
|
</button>
|
||||||
|
<!-- End Modal Close Button -->
|
||||||
|
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="p-5 bg-white rounded">
|
||||||
|
<form class="js-validate">
|
||||||
|
<!-- Signin -->
|
||||||
|
<div id="signin" data-target-group="idForm">
|
||||||
|
<!-- Title -->
|
||||||
|
<header class="text-center mb-5">
|
||||||
|
<h2 class="h4 mb-0">Please sign in</h2>
|
||||||
|
<p>Signin to manage your account.</p>
|
||||||
|
</header>
|
||||||
|
<!-- End Title -->
|
||||||
|
|
||||||
|
<!-- Input -->
|
||||||
|
<div class="js-form-message mb-3">
|
||||||
|
<div class="js-focus-state input-group form">
|
||||||
|
<div class="input-group-prepend form__prepend">
|
||||||
|
<span class="input-group-text form__text">
|
||||||
|
<i class="fa fa-user form__text-inner"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<input type="email" class="form-control form__input" name="email" required placeholder="Email"
|
||||||
|
aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
|
||||||
|
data-success-class="u-has-success">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Input -->
|
||||||
|
|
||||||
|
<!-- Input -->
|
||||||
|
<div class="js-form-message mb-3">
|
||||||
|
<div class="js-focus-state input-group form">
|
||||||
|
<div class="input-group-prepend form__prepend">
|
||||||
|
<span class="input-group-text form__text">
|
||||||
|
<i class="fa fa-lock form__text-inner"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<input type="password" class="form-control form__input" name="password" required placeholder="Password"
|
||||||
|
aria-label="Password" data-msg="Your password is invalid. Please try again."
|
||||||
|
data-error-class="u-has-error" data-success-class="u-has-success">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Input -->
|
||||||
|
|
||||||
|
<div class="row mb-3">
|
||||||
|
<div class="col-6">
|
||||||
|
<!-- Checkbox -->
|
||||||
|
<div class="custom-control custom-checkbox d-flex align-items-center text-muted">
|
||||||
|
<input type="checkbox" class="custom-control-input" id="rememberMeCheckbox">
|
||||||
|
<label class="custom-control-label" for="rememberMeCheckbox">
|
||||||
|
Remember Me
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<!-- End Checkbox -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<a class="js-animation-link float-right" href="javascript:;" data-target="#forgotPassword"
|
||||||
|
data-link-group="idForm" data-animation-in="fadeIn">Mot de passe oublié?</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-3">
|
||||||
|
<button type="submit" class="btn btn-block btn-primary">Connexion</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="text-center mb-3">
|
||||||
|
<p class="text-muted">
|
||||||
|
Do not have an account?
|
||||||
|
<a class="js-animation-link" href="javascript:;" data-target="#signup" data-link-group="idForm"
|
||||||
|
data-animation-in="fadeIn">Signup
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Divider -->
|
||||||
|
<div class="text-center u-divider-wrapper my-3">
|
||||||
|
<span class="u-divider u-divider--xs u-divider--text">OR</span>
|
||||||
|
</div>
|
||||||
|
<!-- End Divider -->
|
||||||
|
|
||||||
|
<!-- Signin Social Buttons -->
|
||||||
|
<div class="row mx-gutters-2 mb-4">
|
||||||
|
<div class="col-sm-6 mb-2 mb-sm-0">
|
||||||
|
<button type="button" class="btn btn-block btn-facebook text-nowrap">
|
||||||
|
<i class="fab fa-facebook-f mr-2"></i>
|
||||||
|
Signin with Facebook
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<button type="button" class="btn btn-block btn-twitter">
|
||||||
|
<i class="fab fa-twitter mr-2"></i>
|
||||||
|
Signin with Twitter
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Signin Social Buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- End Signin -->
|
||||||
|
|
||||||
|
<!-- Signup -->
|
||||||
|
<div id="signup" style="display: none; opacity: 0;" data-target-group="idForm">
|
||||||
|
<!-- Title -->
|
||||||
|
<header class="text-center mb-5">
|
||||||
|
<h2 class="h4 mb-0">Please sign up</h2>
|
||||||
|
<p>Fill out the form to get started.</p>
|
||||||
|
</header>
|
||||||
|
<!-- End Title -->
|
||||||
|
|
||||||
|
<!-- Input -->
|
||||||
|
<div class="js-form-message mb-3">
|
||||||
|
<div class="js-focus-state input-group form">
|
||||||
|
<div class="input-group-prepend form__prepend">
|
||||||
|
<span class="input-group-text form__text">
|
||||||
|
<i class="fa fa-user form__text-inner"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<input type="email" class="form-control form__input" name="email" required placeholder="Email"
|
||||||
|
aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
|
||||||
|
data-success-class="u-has-success">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Input -->
|
||||||
|
|
||||||
|
<!-- Input -->
|
||||||
|
<div class="js-form-message mb-3">
|
||||||
|
<div class="js-focus-state input-group form">
|
||||||
|
<div class="input-group-prepend form__prepend">
|
||||||
|
<span class="input-group-text form__text">
|
||||||
|
<i class="fa fa-lock form__text-inner"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<input type="password" class="form-control form__input" name="password" id="password" required
|
||||||
|
placeholder="Password" aria-label="Password" data-msg="Your password is invalid. Please try again."
|
||||||
|
data-error-class="u-has-error" data-success-class="u-has-success">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Input -->
|
||||||
|
|
||||||
|
<!-- Input -->
|
||||||
|
<div class="js-form-message mb-3">
|
||||||
|
<div class="js-focus-state input-group form">
|
||||||
|
<div class="input-group-prepend form__prepend">
|
||||||
|
<span class="input-group-text form__text">
|
||||||
|
<i class="fa fa-key form__text-inner"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<input type="password" class="form-control form__input" name="confirmPassword" required
|
||||||
|
placeholder="Confirm Password" aria-label="Confirm Password"
|
||||||
|
data-msg="Password does not match the confirm password." data-error-class="u-has-error"
|
||||||
|
data-success-class="u-has-success">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Input -->
|
||||||
|
|
||||||
|
<div class="mb-3">
|
||||||
|
<button type="submit" class="btn btn-block btn-primary">Signup</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="text-center mb-3">
|
||||||
|
<p class="text-muted">
|
||||||
|
Have an account?
|
||||||
|
<a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
|
||||||
|
data-animation-in="fadeIn">Conenxion Recruteur
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Divider -->
|
||||||
|
<div class="text-center u-divider-wrapper my-3">
|
||||||
|
<span class="u-divider u-divider--xs u-divider--text">OR</span>
|
||||||
|
</div>
|
||||||
|
<!-- End Divider -->
|
||||||
|
|
||||||
|
<!-- Signup Social Buttons -->
|
||||||
|
<div class="row mx-gutters-2 mb-4">
|
||||||
|
<div class="col-sm-6 mb-2 mb-sm-0">
|
||||||
|
<button type="button" class="btn btn-block btn-facebook text-nowrap">
|
||||||
|
<i class="fab fa-facebook-f mr-2"></i>
|
||||||
|
Signup with Facebook
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<button type="button" class="btn btn-block btn-twitter">
|
||||||
|
<i class="fab fa-twitter mr-2"></i>
|
||||||
|
Signup with Twitter
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Signup Social Buttons -->
|
||||||
|
</div>
|
||||||
|
<!-- End Signup -->
|
||||||
|
|
||||||
|
<!-- Forgot Password -->
|
||||||
|
<div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
|
||||||
|
<!-- Title -->
|
||||||
|
<header class="text-center mb-5">
|
||||||
|
<h2 class="h4 mb-0">Recover account</h2>
|
||||||
|
<p>Enter your email address and an email with instructions will be sent to you.</p>
|
||||||
|
</header>
|
||||||
|
<!-- End Title -->
|
||||||
|
|
||||||
|
<!-- Input -->
|
||||||
|
<div class="js-form-message mb-3">
|
||||||
|
<div class="js-focus-state input-group form">
|
||||||
|
<div class="input-group-prepend form__prepend">
|
||||||
|
<span class="input-group-text form__text">
|
||||||
|
<i class="fa fa-user form__text-inner"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<input type="email" class="form-control form__input" name="email" required placeholder="Email"
|
||||||
|
aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
|
||||||
|
data-success-class="u-has-success">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Input -->
|
||||||
|
|
||||||
|
<div class="mb-3">
|
||||||
|
<button type="submit" class="btn btn-block btn-primary">Recover Account</button>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-3">
|
||||||
|
<p class="text-muted">
|
||||||
|
Have an account?
|
||||||
|
<a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
|
||||||
|
data-animation-in="fadeIn">Contactez nous
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="text-center mb-3">
|
||||||
|
<p class="text-muted">
|
||||||
|
Have an account?
|
||||||
|
<a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
|
||||||
|
data-animation-in="fadeIn">Connexion Recruteur.
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Forgot Password -->
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<!-- End Content -->
|
||||||
|
</div>
|
||||||
|
<!-- End Signup Modal Window -->
|
||||||
|
<!-- ========== END SECONDARY CONTENTS ========== -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Go to Top -->
|
||||||
|
<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 15, "right": 15 }' 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');
|
||||||
|
|
||||||
|
// 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)
|
||||||
|
console.log("test");
|
||||||
|
} else {
|
||||||
|
$("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
|
||||||
|
console.log("test2");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block javascripts %}
|
||||||
|
{{ parent() }}
|
||||||
|
<script src="https://player.vimeo.com/api/player.js"></script>
|
||||||
|
{% endblock %}
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -104,7 +104,7 @@ class DefaultController extends Controller
|
|||||||
$form = $this->createForm(AdSearchType::class);
|
$form = $this->createForm(AdSearchType::class);
|
||||||
|
|
||||||
return $this->render(
|
return $this->render(
|
||||||
'defaultv2/index2.html.twig', [
|
'defaultv2/accueil/index.html.twig', [
|
||||||
'ads' => $ads,
|
'ads' => $ads,
|
||||||
'companies' => $arrayCompany,
|
'companies' => $arrayCompany,
|
||||||
'talents' => $arrayTalents,
|
'talents' => $arrayTalents,
|
||||||
|
|||||||
Reference in New Issue
Block a user