Compare commits
2 Commits
47d571baae
...
cf057c9c63
| Author | SHA1 | Date | |
|---|---|---|---|
| cf057c9c63 | |||
| e5c46b2985 |
@@ -0,0 +1,43 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<!-- Title -->
|
||||||
|
<title>Creative Agency | Space - Responsive Website Template</title>
|
||||||
|
|
||||||
|
<!-- Required Meta Tags Always Come First -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<!-- Google Fonts -->
|
||||||
|
<link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- CSS Implementing Plugins -->
|
||||||
|
<link rel="stylesheet" href="{{ asset('v2/vendor/font-awesome/css/all.min.css') }}">
|
||||||
|
<link rel="stylesheet" href="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.css') }}">
|
||||||
|
<link rel="stylesheet" href="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css') }}">
|
||||||
|
<link rel="stylesheet" href="{{ asset('v2/vendor/custombox/dist/custombox.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/cubeportfolio/css/cubeportfolio.min.css') }}">
|
||||||
|
<link rel="stylesheet" href="{{ asset('v2/vendor/fancybox/jquery.fancybox.css') }}">
|
||||||
|
|
||||||
|
<!-- CSS Space Template -->
|
||||||
|
<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>
|
||||||
|
<body>
|
||||||
|
<!-- Google Tag Manager (noscript) -->
|
||||||
|
<noscript>
|
||||||
|
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P4G65WJ"
|
||||||
|
height="0" width="0" style="display:none;visibility:hidden"></iframe>
|
||||||
|
</noscript>
|
||||||
|
<!-- End Google Tag Manager (noscript) -->
|
||||||
|
{#{% include 'default/alert.html.twig' %}#}
|
||||||
|
{# {% include 'defaultv2/user_switch.html.twig' %}#}
|
||||||
|
{% include 'defaultv2/header.html.twig' %}
|
||||||
|
{#{% include 'defaultv2/props_settings.html.twig' %} #}
|
||||||
|
{% block content %}
|
||||||
|
{% endblock %}
|
||||||
|
{# {% include 'defaultv2/footer.html.twig' %} #}
|
||||||
|
{{ include('FairlaneCookieConsentBundle::cookie-info.html.twig') }}
|
||||||
|
</body>
|
||||||
|
</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 -->
|
||||||
@@ -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 -->
|
||||||
@@ -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 %}
|
||||||
@@ -0,0 +1,61 @@
|
|||||||
|
{% for a in ads if a.isPrivate != true %}
|
||||||
|
<div class="col s12">
|
||||||
|
<div class="card z-depth-3">
|
||||||
|
<div class="card-image">
|
||||||
|
{% if a.video %}
|
||||||
|
{% if a.video.thumbnails.0.sizes is defined %}
|
||||||
|
<a href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}">
|
||||||
|
<img src="{{ a.video.thumbnails.0.sizes.4.link }}" alt="{{ a.company.brandName }}"/>
|
||||||
|
<span class="playerbtn"></span>
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% if a.isPromoted %}
|
||||||
|
<div class="isPromoted"><img src="{{asset('/img/offre-pourvue-droite.png')}}" alt="promoted"></div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="card-content-wrapper">
|
||||||
|
<div class="card-content card-content-company">
|
||||||
|
<div class="row company-infos row-noMargin">
|
||||||
|
<div class="col-infos">
|
||||||
|
<p class="item-list-name color-blue1">
|
||||||
|
<a href="{{ path('company_show',{'alias': a.company.alias }) }}" title="{{ a.company.brandName }}">
|
||||||
|
{{ a.company.brandName }}
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
{% if a.location is iterable %}
|
||||||
|
{% if a.location.gmap_address %}
|
||||||
|
<p class="item-list-city">{{ a.location.gmap_address.address_components.0.long_name }}</p>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="col-logo">
|
||||||
|
|
||||||
|
{% if a.company.webPath %}
|
||||||
|
<img class="responsive-img" src="{{ a.company.webPath | imagine_filter('profile_thumb') }}"/>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="card-content card-content-ad">
|
||||||
|
<a class="link-job left-align truncate" href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}">{{ a.title }}</a>
|
||||||
|
</div>
|
||||||
|
<div class="card-action">
|
||||||
|
<a class="btn-tags" href="#">Les mots clés<i class="fa fa-chevron-up right" aria-hidden="true"></i></a>
|
||||||
|
<span class="clearfix"></span>
|
||||||
|
<div class="keywords">
|
||||||
|
{% if a.publicTag %}
|
||||||
|
{% for tag in a.publicTag %}
|
||||||
|
<div class="chip">
|
||||||
|
<a href="{{ path('ad_search_result',{'tag':tag }) }}">{{ tag }}</a>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="borderList"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
@@ -0,0 +1,69 @@
|
|||||||
|
{% for a in ads if a.isPrivate != true %}
|
||||||
|
<div id="adRow" class="row item-list-bis z-depth-2 row-noMargin">
|
||||||
|
<div class="col s12 m4 col-noPadding ad-picture">
|
||||||
|
<a href="{{ path('ad_show',{'alias': a.alias }) }}" title="{{ a.title }}" class="item-list-media">
|
||||||
|
{% if a.video %}
|
||||||
|
{% if a.video.thumbnails.0.sizes is defined %}
|
||||||
|
|
||||||
|
<img class="thumbnail_list" src="{{ a.video.thumbnails.0.sizes.4.link }}"
|
||||||
|
alt="{{ a.company.brandName }}"/>
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
<span class="playerbtn"></span>
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
{% if a.isPromoted %}
|
||||||
|
<div class="isPromoted">
|
||||||
|
OFFRE POURVUE
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="col s12 m8 col-noPadding">
|
||||||
|
<div class="row row-infos row-noMargin">
|
||||||
|
<div class="col s4 m4 l5 company-infos col-noPadding">
|
||||||
|
<h2 class="no-margin-top">
|
||||||
|
<a href="{{ path('ad_show',{'alias': a.alias }) }}"
|
||||||
|
title="{{ a.title }}" class="hover-blue1">{{ a.title }}</a>
|
||||||
|
</h2>
|
||||||
|
{% if a.extra.contract_type is defined %}
|
||||||
|
<span>{{ a.extra.contract_type }}</span>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="col s4 m3 l3 col-noPadding col-logo">
|
||||||
|
{% if (a.company.logo is defined) and (a.company.webPath is not null) %}
|
||||||
|
<a href="{{ path('company_show',{'alias':a.company.alias}) }}">
|
||||||
|
<img src="{{ a.company.webPath | imagine_filter('profile_thumb') }}"/>
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="hide-on-small-only col s4 m5 l4 col-noPadding company-infos m-l-30">
|
||||||
|
<p class="item-list-website">
|
||||||
|
<a href="{{ path('company_show',{'alias': a.company.alias }) }}" class="hover-blue2">
|
||||||
|
{{ a.company.brandName }}
|
||||||
|
</a>
|
||||||
|
<br/>
|
||||||
|
{% if a.location is iterable %}
|
||||||
|
<span>{{ a.location.gmap_address.address_components.0.long_name }}</span>
|
||||||
|
{% endif %}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row row-tags row-noMargin">
|
||||||
|
<div class="col s11 col-noPadding" style="position:relative;">
|
||||||
|
<div class="frame" id="basic">
|
||||||
|
<ul class="slidee">{% for tag in a.publicTag %}
|
||||||
|
<li class="chip">
|
||||||
|
<a href="{{ path('ad_search_result',{'tag':tag }) }}" class="hover-blue2">{{ tag }}</a>
|
||||||
|
</li>{% endfor %}</ul>
|
||||||
|
</div>
|
||||||
|
<div class="controls center">
|
||||||
|
<a class="prev"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i></a>
|
||||||
|
<a class="next"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="borderList"></div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
@@ -0,0 +1,80 @@
|
|||||||
|
{% extends 'base.html.twig' %}
|
||||||
|
|
||||||
|
{% block title %}Découvrez toutes les offres d'emploi en vidéo sur Talents Tube{% endblock %}
|
||||||
|
|
||||||
|
{% block description %}Découvrez toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !{% endblock %}
|
||||||
|
|
||||||
|
{% 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="Découvrez toutes les offres d'emploi en vidéo sur Talents Tube">
|
||||||
|
<meta name="twitter:description" content="Découvrez toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !">
|
||||||
|
<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="Découvrez toutes les offres d'emploi en vidéo sur 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 toutes les offres d'emploi en vidéo dans votre région sur Talents Tube. Postulez rapidement en vidéo et trouvez votre futur job !" />
|
||||||
|
<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 %}
|
||||||
|
{{ render(controller('AppBundle:Ad:adSearchRender',{'type': 'lite' })) }}
|
||||||
|
|
||||||
|
<div class="fluid-container bg-grey-3 contentPage">
|
||||||
|
<div id="searchResultWrapper" class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 center-align">
|
||||||
|
<h1 class="alttitle">Les offres d’emploi en vidéo</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row m-b-0 p-b-30">
|
||||||
|
<div class="col s12 m12">
|
||||||
|
<div id="header-resultats">
|
||||||
|
{% if isPromotedAds %}
|
||||||
|
<div><span class="color-blue2">{{ ads|length }}</span> offres d'emploi pourvues</div>
|
||||||
|
<div><span><a href="{{ path('ad_search_result') }}">Voir les offres d'emploi en cours</a></span></div>
|
||||||
|
{% else %}
|
||||||
|
<div><span class="color-blue2">{{ ads|length }}</span> offres d'emploi en cours</div>
|
||||||
|
<div><span><a href="{{ path('ad_search_result', {'promoted': true }) }}">Voir les offres d'emploi pourvues</a></span></div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div id="liste-resultats">
|
||||||
|
{% if ads|length > 0 and noResults == false %}
|
||||||
|
{% include 'default/ad_listing.html.twig' with {'ads':ads} %}
|
||||||
|
{% else %}
|
||||||
|
<h2 class="center-align">Il n'y a pas de résultats directs à votre recherche</h2>
|
||||||
|
<h4 class="center-align">Mais vous pourriez être intéressé(e) par</h4>
|
||||||
|
<br/>
|
||||||
|
{% include 'default/ad_listing.html.twig' with {'ads':ads} %}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block javascripts %}
|
||||||
|
{{ parent() }}
|
||||||
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function () {
|
||||||
|
var input = /** @type {!HTMLInputElement} */(document.getElementById('ad_search_location_gmap'));
|
||||||
|
var autocomplete = new google.maps.places.Autocomplete(input);
|
||||||
|
autocomplete.addListener('place_changed', onPlaceChanged);
|
||||||
|
|
||||||
|
function onPlaceChanged() {
|
||||||
|
var place = autocomplete.getPlace();
|
||||||
|
var gmap_address = {'gmap_address': place}
|
||||||
|
if (place.geometry) {
|
||||||
|
$("#ad_search_location").val(JSON.stringify(gmap_address));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
{% endblock %}
|
||||||
@@ -0,0 +1,218 @@
|
|||||||
|
{% extends 'base.html.twig' %}
|
||||||
|
|
||||||
|
{% block title %}{{ ad.htmlTitle|raw }}{% endblock %}
|
||||||
|
|
||||||
|
{% block description %}{{ ad.htmlDescription|raw }}{% endblock %}
|
||||||
|
|
||||||
|
{% 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="{{ ad.htmlTitle|raw }}">
|
||||||
|
<meta name="twitter:description" content="{{ ad.htmlDescription|raw }}">
|
||||||
|
<meta name="twitter:image"
|
||||||
|
content="{% if ad.video %}{% if ad.video.thumbnails.0.sizes is defined %}{{ ad.video.thumbnails.0.sizes.4.link }}{% endif %}{% endif %}
|
||||||
|
">
|
||||||
|
|
||||||
|
{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
|
||||||
|
<meta property="og:title" content="{{ ad.htmlTitle|raw }}"/>
|
||||||
|
<meta property="og:type" content="article"/>
|
||||||
|
<meta property="og:url" content="{{ app.request.uri }}"/>
|
||||||
|
<meta property="og:image"
|
||||||
|
content="{% if ad.video %}{% if ad.video.thumbnails.0.sizes is defined %}{{ ad.video.thumbnails.0.sizes.4.link }}{% endif %}{% endif %}"/>
|
||||||
|
<meta property="og:description" content="{{ ad.htmlDescription|raw }}"/>
|
||||||
|
<meta property="og:site_name" content="Talents Tube"/>
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
{% include 'default/flash_message.html.twig' %}
|
||||||
|
<div class="fluid-container bg-grey-3 button-plus">
|
||||||
|
<div id="ad_show" class="container contentWrapper contentPage">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m12 l4 xl3 hide-on-med-and-down" id="sidebar">
|
||||||
|
{% include 'default/ad_sidebar.html.twig' with {'ad': ad, 'showBrand': true} %}
|
||||||
|
</div>
|
||||||
|
<div class="col s12 m12 l8 xl9">
|
||||||
|
{% if ad.video and ad.status != "CLOSED" %}
|
||||||
|
<div class="row m-b-0" id="adVideo">
|
||||||
|
{#{% if ad.id == 38 %}
|
||||||
|
<img class="responsive-img" src="{{asset('/img/GROUPE-ROCHER-TT.jpg')}}">
|
||||||
|
{% else %}#}
|
||||||
|
<div class="embed-responsive embed-responsive-16by9">
|
||||||
|
<div class="col s12">
|
||||||
|
<iframe src="https://player.vimeo.com/video/{{ ad.video.cdnUrl|replace({ "/videos/": ""}) }}?texttrack=fr"
|
||||||
|
width="100%" height="640" frameborder="0" webkitallowfullscreen mozallowfullscreen
|
||||||
|
allowfullscreen></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{#{% endif %}#}
|
||||||
|
{% if ad.isPromoted %}
|
||||||
|
<div class="isPromoted">
|
||||||
|
OFFRE POURVUE
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% if ad.id == 53 %}
|
||||||
|
<div class="isPromoted">
|
||||||
|
Traitement des candidatures vidéos
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<div class="row bg-bordered">
|
||||||
|
<div class="row row-title-ad">
|
||||||
|
<div class="col s6 col-title-ad">
|
||||||
|
<h1>{%- spaceless -%}{{ ad.title}}{%- endspaceless -%}</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col s6 col-type-ad">
|
||||||
|
<h2>
|
||||||
|
|
||||||
|
|
||||||
|
{% if ad.extra.contract_type is defined %}
|
||||||
|
<i class="fa fa-suitcase" aria-hidden="true"></i> {{ ad.extra.contract_type }}
|
||||||
|
{% endif %}
|
||||||
|
{% if ad.location is iterable %}
|
||||||
|
{% if ad.location.gmap_address %}
|
||||||
|
<i class="fa fa-map-marker" aria-hidden="true"></i> {{ ad.location.gmap_address.address_components.0.long_name }}
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col s12">
|
||||||
|
{% for tag in ad.publicTag %}
|
||||||
|
<p class="chip"><a href="{{ path('ad_search_result',{'tag':tag }) }}" class="hover-blue2">{{ tag }}</a></p>
|
||||||
|
{% endfor %}
|
||||||
|
<div class="item-detail-description">
|
||||||
|
<h3 class="blue-text">Détails de l'offre d'emploi</h3>
|
||||||
|
<p>{{ ad.description|nl2br }}</p>
|
||||||
|
</div>
|
||||||
|
<h3 class="blue-text">Informations complémentaires</h3>
|
||||||
|
<p class="item-detail-reference">Référence : <span>{{ ad.reference }}</span></p>
|
||||||
|
<p class="item-detail-date">Publié le : <span>{{ ad.publishedAt|date('d/m/Y') }}</span></p>
|
||||||
|
</div>
|
||||||
|
<div class="col s12 center-align">
|
||||||
|
{% if ad.status == "CLOSED" %}
|
||||||
|
<div class="card-panel orange lighten-1 whiteColor">
|
||||||
|
{{ 'Offre cloturée'|trans }}
|
||||||
|
</div>
|
||||||
|
{% else %}
|
||||||
|
{% if is_granted('ROLE_TALENT') and alreadyAnswered == TRUE %}
|
||||||
|
<div class="card-panel green lighten-1 whiteColor">
|
||||||
|
{{ 'ad.talent.isAnswer.label'|trans }}
|
||||||
|
</div>
|
||||||
|
{% elseif not is_granted('ROLE_COMPANY') %}
|
||||||
|
{% if not ad.isPromoted %}
|
||||||
|
{% if ad.id != 53 %}
|
||||||
|
<p class="item-detail-reply">
|
||||||
|
<a title="postuler-bottom" href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
|
||||||
|
class="btn btn-default">
|
||||||
|
Postuler
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% if ad.isPromoted %}
|
||||||
|
<div class="row bg-bordered row-promoted">
|
||||||
|
<div class="col s12 center-align">
|
||||||
|
<h3>Vous souhaitez rejoindre <span class="color-blue1">{{ ad.company.brandname }}</span> ?</h3>
|
||||||
|
<a href="{{ path('talent_spontaneous_application_create',{'id': ad.company.getId()}) }}"
|
||||||
|
class="btn btn-default">
|
||||||
|
Candidature spontanée
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
<div class="col s12 hide-on-large-only m-b-50">
|
||||||
|
{% include 'default/ad_sidebar.html.twig' with {'ad': ad, 'showBrand': true} %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
{% if companyAds|length > 0 %}
|
||||||
|
<div class="col s12">
|
||||||
|
<h2>Autres offres d’emploi pour {{ ad.company.brandname }}</h2>
|
||||||
|
<div id="liste-resultats">
|
||||||
|
{% include 'default/ad_listing.html.twig' with {'ads':companyAds} %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% if ad.territories|length %}
|
||||||
|
{% include 'ad/carrousel_territory.html.twig' with {'territories': ad.territories } %}
|
||||||
|
{% elseif ad.company.territories|length %}
|
||||||
|
{% include 'ad/carrousel_territory.html.twig' with {'territories': ad.company.territories } %}
|
||||||
|
{% endif %}
|
||||||
|
{% set popup_answer_send = app.session.flashbag.get('popup_answer_send') %}
|
||||||
|
{% set popup_answer_already_send = app.session.flashbag.get('popup_answer_already_send') %}
|
||||||
|
{% if popup_answer_send is not empty %}
|
||||||
|
{% if popup_answer_send[0] == true %}
|
||||||
|
<div id="modal-answer" class="modal">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12">
|
||||||
|
<div class="col-content p-30">
|
||||||
|
{% if popup_answer_already_send is not empty and popup_answer_already_send[0] == true %}
|
||||||
|
<h3 class="color-blue1 center-align">Candidature pour {{ ad.company.brandname }} !</h3>
|
||||||
|
<div class="col offset-s2 s8 center-align">
|
||||||
|
<p>Vous avez déjà répondu à cette annonce.</p>
|
||||||
|
<a href="{{ path('talent_dashboard') }}" class="btn btn-default m-t-20">Accéder à mon profil</a>
|
||||||
|
<br /><br />
|
||||||
|
<a class="text modal-action modal-close">Fermer</a>
|
||||||
|
</div>
|
||||||
|
{% else %}
|
||||||
|
<h3 class="color-blue1 center-align">Votre candidature a bien été envoyée à {{ ad.company.brandname }} !</h3>
|
||||||
|
<div class="col offset-s2 s8 center-align">
|
||||||
|
<div class="embed-responsive embed-responsive-16by9">
|
||||||
|
<div class="col s12">
|
||||||
|
<iframe src="https://player.vimeo.com/video/249822507"
|
||||||
|
width="100%" height="640" frameborder="0"></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="{{ path('talent_dashboard') }}" class="btn btn-default m-t-20">Accéder à mon profil</a>
|
||||||
|
<br /><br />
|
||||||
|
<a class="text modal-action modal-close">Fermer</a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block javascripts %}
|
||||||
|
{{ parent() }}
|
||||||
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function(){
|
||||||
|
//asking for push
|
||||||
|
EdeclicLib = window.EdeclicLib || {};
|
||||||
|
EdeclicLib.delayedAsk();
|
||||||
|
//
|
||||||
|
$('.tooltipped').tooltip();
|
||||||
|
$.get( "{{ path('ad_ajaxRecStat',{'id': ad.id }) }}", function( data ) {});
|
||||||
|
if ($('#modal-answer').length > 0) {
|
||||||
|
$('#modal-answer').modal({
|
||||||
|
dismissible: false,
|
||||||
|
ready: function(modal, trigger) {}
|
||||||
|
});
|
||||||
|
$('#modal-answer').modal('open');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
{% endblock %}
|
||||||
|
{% block stylesheets %}
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{{- ad.structuredData|raw -}}
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a095d2dd3cf90df"></script>
|
||||||
|
{% endblock %}
|
||||||
@@ -0,0 +1,75 @@
|
|||||||
|
<div class="profil-company center-align">
|
||||||
|
{% set company = ad.company %}
|
||||||
|
<a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}" class="profil-picture logo-picture">
|
||||||
|
{% if company.logo %}
|
||||||
|
<img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"
|
||||||
|
alt="{{ company.brandname }}"/>
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
<div class="circle-letters square-letters font-2">{{ company.brandname|first|upper }}</div>
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
{% if showBrand is defined %}
|
||||||
|
{% if company.presentationVideo %}
|
||||||
|
<div class="brandImage">
|
||||||
|
<a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}">
|
||||||
|
<img class="" src="{{ company.presentationVideo.thumbnails.0.sizes.4.link }}">
|
||||||
|
<span class="filter"></span>
|
||||||
|
<span class="playerbtn"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
<a href="{{ path('company_show',{'alias': ad.company.alias }) }}" title="{{ ad.company.brandName }}" class="btn btn-default btn-small-grey">
|
||||||
|
Découvrir l'employeur
|
||||||
|
</a>
|
||||||
|
<p class="profil-name">
|
||||||
|
<a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}">
|
||||||
|
<b>{{ company.brandname }}</b>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
{% if company.addresses.billing is defined %}
|
||||||
|
<p class="profil-city">{{ company.addresses.billing.city }}
|
||||||
|
- {{ company.addresses.billing.country|country }}</p>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
{#<div class="col s12 profil-links">
|
||||||
|
{% if company.website %}
|
||||||
|
<a target="_blank" href="{{ company.website }}" class="td-none">
|
||||||
|
<span class="fa-stack fa-lg">
|
||||||
|
<i class="fa fa-circle fa-stack-2x z-depth-2"></i>
|
||||||
|
<i class="fa fa-link fa-stack-1x fa-inverse"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
</div>#}
|
||||||
|
<div class="col s12 center-align">
|
||||||
|
<div class="divider"></div>
|
||||||
|
<br />
|
||||||
|
{% if ad.status == "CLOSED" %}
|
||||||
|
<div class="card-panel orange lighten-1 whiteColor">
|
||||||
|
{{ 'Offre cloturée'|trans }}
|
||||||
|
</div>
|
||||||
|
{% else %}
|
||||||
|
{% if is_granted('ROLE_TALENT') and alreadyAnswered == TRUE %}
|
||||||
|
<div class="card-panel green lighten-1 whiteColor">
|
||||||
|
{{ 'ad.talent.isAnswer.label'|trans }}
|
||||||
|
</div>
|
||||||
|
{% elseif not is_granted('ROLE_COMPANY') %}
|
||||||
|
{% if not ad.isPromoted %}
|
||||||
|
{% if ad.id != 53 %}
|
||||||
|
<p class="item-detail-reply">
|
||||||
|
<a title="postuler-side" href="{{ path('talent_answer_create',{'id': ad.getId()}) }}"
|
||||||
|
class="btn btn-default">
|
||||||
|
Postuler
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
{% endif %}
|
||||||
|
{% else %}
|
||||||
|
<div class="item-detail-ispromoted">
|
||||||
|
Offre pourvue
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
{% for type, flash_messages in app.session.flashBag.all %}
|
||||||
|
{% for flash_message in flash_messages %}
|
||||||
|
<div class="flash-{{ type }}">
|
||||||
|
{{ flash_message }}
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
{% endfor %}
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
{% if not app.user or is_granted('ROLE_TALENT_TMP')%}
|
||||||
|
<div class="header-link header-link-signin right-align">
|
||||||
|
{% if app.request.get('_route') == "fos_user_security_login" %}
|
||||||
|
{% set href = "" %}
|
||||||
|
{% else %}
|
||||||
|
{% set href = "#modal_login" %}
|
||||||
|
{% endif %}
|
||||||
|
<a class="btn button-round-small" href="{{ href }}">
|
||||||
|
<i class="fa fa-power-off" aria-hidden="true"></i>
|
||||||
|
<span>Connexion</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% else %}
|
||||||
|
<div class="header-link header-link-signin right-align">
|
||||||
|
{% if is_granted('ROLE_TALENT') %}
|
||||||
|
{% set pathDash = path('talent_dashboard') %}
|
||||||
|
{% elseif is_granted('ROLE_COMPANY') %}
|
||||||
|
{% set pathDash = path('company_dashboard') %}
|
||||||
|
{% elseif is_granted('ROLE_TERRITORY') %}
|
||||||
|
{% set pathDash = path('territory_dashboard') %}
|
||||||
|
{% elseif is_granted('ROLE_ADMIN') %}
|
||||||
|
{% set pathDash = path('admin_dashboard') %}
|
||||||
|
{% else %}
|
||||||
|
{% set pathDash = path('talent_dashboard') %}
|
||||||
|
{% endif %}
|
||||||
|
<a class="btn button-round-small" href="{{ pathDash }}">
|
||||||
|
<i class="material-icons">perm_identity</i>
|
||||||
|
<span>Mon compte</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
@@ -0,0 +1,60 @@
|
|||||||
|
{% for company in companies if company.isPrivate != true %}
|
||||||
|
<div class="col s12">
|
||||||
|
<div class="card z-depth-3 card-company">
|
||||||
|
<div class="card-content card-content-company">
|
||||||
|
<div class="row row-noMargin">
|
||||||
|
<div class="col s4 col-logo">
|
||||||
|
{% if company.logo is not null %}
|
||||||
|
<img class="responsive-img" src="{{ company.webPath | imagine_filter('profile_thumb') }}"/>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="col s8 col-infos">
|
||||||
|
<p class="item-list-name color-blue1">
|
||||||
|
<a href="{{ path('company_show',{'alias': company.alias }) }}"
|
||||||
|
title="{{ company.brandName }}">
|
||||||
|
{{ company.brandName }}
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
{% if company.addresses %}
|
||||||
|
<span class="truncate">{{ company.addresses.billing.city }}</span>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="card-image">
|
||||||
|
|
||||||
|
{% if company.presentationVideo is defined %}
|
||||||
|
{% if company.presentationVideo.thumbnails.0.sizes is defined %}
|
||||||
|
<a href="{{ path('company_show',{'alias': company.alias }) }}" title="{{ company.brandName }}">
|
||||||
|
<img src="{{ company.presentationVideo.thumbnails.0.sizes.4.link }}"
|
||||||
|
alt="{{ company.brandName }}"/>
|
||||||
|
<span class="playerbtn"></span>
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="card-content-wrapper">
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 card-infos-company">
|
||||||
|
<div class="chip center-align">
|
||||||
|
<a class="td-none color-grey3" href="{{ path('company_show',{'alias': company.alias, '_fragment':'offers' }) }}">
|
||||||
|
{% set nbAds = company.getPublishedAds|length %}
|
||||||
|
{% if nbAds > 1 %}
|
||||||
|
<strong>{{company.getPublishedAds|length}} offres d'emploi en cours</strong>
|
||||||
|
{% else %}
|
||||||
|
<strong>{{company.getPublishedAds|length}} offre d'emploi en cours</strong>
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="borderList"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
@@ -0,0 +1,48 @@
|
|||||||
|
{% extends 'base.html.twig' %}
|
||||||
|
|
||||||
|
{% block title %}Les entreprises qui recrutent en vidéo | TalentsTube{% endblock %}
|
||||||
|
|
||||||
|
{% block description %}Découvrez les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient.{% endblock %}
|
||||||
|
|
||||||
|
{% 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="Les entreprises qui recrutent en vidéo | TalentsTube">
|
||||||
|
<meta name="twitter:description"
|
||||||
|
content="Découvrez les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient.">
|
||||||
|
<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="Les entreprises qui recrutent en vidéo | TalentsTube"/>
|
||||||
|
<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 les entreprises qui recrutent en vidéo, elles dévoilent leurs marques employeur et leurs offres d'emploi en vidéo. Postulez rapidement à l'offre qui vous convient."/>
|
||||||
|
<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 %}
|
||||||
|
{{ render(controller('AppBundle:Ad:adSearchRender',{'type': 'lite' })) }}
|
||||||
|
<div class="fluid-container bg-grey-3 contentPage">
|
||||||
|
<div id="searchResultWrapper" class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 center-align">
|
||||||
|
<h1 class="alttitle">Les entreprises de talents</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row m-b-0 p-b-30">
|
||||||
|
<div class="col s12 m12">
|
||||||
|
<div id="liste-resultats">
|
||||||
|
{% include 'default/company_listing.html.twig' with {'companies':companies} %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
@@ -0,0 +1,81 @@
|
|||||||
|
{% for c in companies if c.isPrivate != true %}
|
||||||
|
{% if (c.presentationVideo is not null or c.getPublishedAds|length > 0 ) %}
|
||||||
|
<div class="row item-list-bis z-depth-2 row-noMargin">
|
||||||
|
|
||||||
|
<div class="col s12 m2 ad-picture col-logo-lg">
|
||||||
|
<a href="{{ path('company_show',{'alias': c.alias }) }}"
|
||||||
|
title="{{ c.brandname }}">
|
||||||
|
{% if c.logo is not null %}
|
||||||
|
<img src="{{ c.webPath | imagine_filter('profile_thumb') }}"/>
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col s12 m6 col-noPadding">
|
||||||
|
<div class="row row-infos row-noMargin">
|
||||||
|
<div class="col s4 m5 l4 col-noPadding company-infos m-l-30">
|
||||||
|
<div class="item-list-website">
|
||||||
|
<h2>
|
||||||
|
<a href="{{ path('company_show',{'alias': c.alias }) }}"
|
||||||
|
class="hover-blue2">
|
||||||
|
<b>{{ c.brandName }}</b>
|
||||||
|
</a>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<br/>
|
||||||
|
{{ c.init }}
|
||||||
|
{% if c.city != null %}
|
||||||
|
{{ c.city }}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row row-tags row-noMargin">
|
||||||
|
<div class="col s11 col-noPadding" style="position:relative;">
|
||||||
|
<div class="chip center-align">
|
||||||
|
{% set nbAds = c.getPublishedAds|length %}
|
||||||
|
{% set fragment = "" %}
|
||||||
|
{% if nbAds > 0 %}
|
||||||
|
{% set fragment = "offers" %}
|
||||||
|
{% endif %}
|
||||||
|
<a class="td-none color-grey3"
|
||||||
|
href="{{ path('company_show',{'alias': c.alias, '_fragment': fragment }) }}">
|
||||||
|
{% set nbAds = c.getPublishedAds|length %}
|
||||||
|
{% if nbAds > 1 %}
|
||||||
|
<strong>{{ c.getPublishedAds|length }} offres d'emploi en
|
||||||
|
cours</strong>
|
||||||
|
{% elseif nbAds == 1 %}
|
||||||
|
<strong>{{ c.getPublishedAds|length }} offre d'emploi en
|
||||||
|
cours</strong>
|
||||||
|
{% else %}
|
||||||
|
<strong>candidature spontanée</strong>
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col s12 m4 col-noPadding ad-picture">
|
||||||
|
<a href="{{ path('company_show',{'alias': c.alias }) }}"
|
||||||
|
title="{{ c.brandname }}"
|
||||||
|
class="item-list-media">
|
||||||
|
{% if c.presentationVideo %}
|
||||||
|
{% if c.presentationVideo.thumbnails.0.sizes is defined %}
|
||||||
|
|
||||||
|
<img class="thumbnail_list"
|
||||||
|
src="{{ c.presentationVideo.thumbnails.0.sizes.4.link }}"
|
||||||
|
alt="{{ c.brandName }}"/>
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
<span class="playerbtn"></span>
|
||||||
|
{% else %}
|
||||||
|
<img class="thumbnail_list"
|
||||||
|
src="{{ asset('/img/default_picture_company.svg') }}"
|
||||||
|
alt="{{ c.brandName }}"/>
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="borderList"></div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
{% if destination_login is defined %}
|
||||||
|
{% set destination = destination_login %}
|
||||||
|
{% else %}
|
||||||
|
{% set destination = path('redirect_dashboard') %}
|
||||||
|
{% endif %}
|
||||||
|
<a class="btn btn-default btn-facebook z-depth-2" href="{{ url("hwi_oauth_service_redirect", {service: "facebook"}) }}?_destination={{ destination }}">Connexion avec Facebook</a>
|
||||||
|
{# <a class="btn btn-default btn-linkedin z-depth-2" href="{{ url("hwi_oauth_service_redirect", {service: "linkedin"}) }}?_destination={{ destination }}">Connexion avec Linkedin</a> #}
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12">
|
||||||
|
<div class="separator-with-label">
|
||||||
|
<hr>
|
||||||
|
<label><span>ou</span></label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
<script type="text/javascript">
|
||||||
|
document.addEventListener("DOMContentLoaded", function(event) {
|
||||||
|
{% for flashMessage in app.session.flashbag.get('notice') %}
|
||||||
|
var message = "{{ flashMessage }}";
|
||||||
|
{% endfor %}
|
||||||
|
if(typeof(message) !== "undefined"){
|
||||||
|
var $toastContent = $('<span>'+message+'</span>');
|
||||||
|
Materialize.toast($toastContent, 5000);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,86 @@
|
|||||||
|
<footer class="page-footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row footer-info">
|
||||||
|
<div class="col xl2 l2 m6 s12 col-footer-logo">
|
||||||
|
<img src="{{ asset('/img/logo-mini-white.svg') }}" alt="Talents Tube 1er job board 100% vidéo">
|
||||||
|
</div>
|
||||||
|
<div class="col xl3 l3 m6 s6">
|
||||||
|
<h5 class="white-text">Talents Tube</h5>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a class="white-text" href="{{ path('homepage') }}">Accueil</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="white-text" href="{{ path('ad_search_result') }}" title="Offres d'emploi vidéos">Nos offres d'emploi</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="white-text" href="{{ path('company_list') }}" title="Listes entreprises">Nos entreprises</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="white-text" href="{{ path('territory_list') }}" title="Listes des territoires">Nos territoires</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="white-text" href="https://blog.talentstube.com/contact.html" title="Talents Tube ">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col xl4 l4 m6 s6">
|
||||||
|
<h5 class="white-text">Informations</h5>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a class="white-text" href="{{ path('service_legals') }}">Mentions légales</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="white-text" href="{{ path('service_cgu') }}">Conditions générales d'utilisation</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="white-text" href="{{ path('page_Confidentialite') }}">Politique de confidentialité et protection des données</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col xl3 l3 m6 s12 left-align">
|
||||||
|
<h5 class="white-text">Suivez-nous !</h5>
|
||||||
|
<p class="footer-socials">
|
||||||
|
<a class="white-text td-none" href="https://www.facebook.com/TalentsTuber/" title="Facebook" target="_blank">
|
||||||
|
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
<a class="white-text td-none" href="https://twitter.com/TalentsTuber" title="Twitter" target="_blank">
|
||||||
|
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
<a class="white-text td-none" href="https://www.youtube.com/channel/UCRNqiJCLAorO0aCzNQu-8ww" title="Youtube" target="_blank">
|
||||||
|
<i class="fa fa-youtube" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
<a class="white-text td-none" href="https://www.linkedin.com/company/talentstube" title="Linkedin" target="_blank">
|
||||||
|
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<h5 class="white-text">Contactez-nous !</h5>
|
||||||
|
<a class="white-text" href="mailto:bonjour@talentstube.com">Par mail</a>
|
||||||
|
<p class="white-text">02 30 05 06 31</p>
|
||||||
|
<p class="footer-newsletter">
|
||||||
|
<a class="btn-large btn-round" href="#" title="Newsletter" data-token="ecea5416671e97e3abfa8195848a9140" onclick="mjOpenPopin(event, this)">
|
||||||
|
<i class="fa fa-envelope-open-o left" aria-hidden="true"></i>
|
||||||
|
Newsletter</a>
|
||||||
|
<data data-token="ecea5416671e97e3abfa8195848a9140" class="mj-w-data" data-apikey="2jWA" data-w-id="31E" data-lang="fr_FR" data-base="https://app.mailjet.com" data-width="640" data-height="420" data-statics="statics"></data>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row footer-more-links">
|
||||||
|
<div class="col s12 center-align">
|
||||||
|
<p class="text-center white-text">Entreprise soutenue par</p>
|
||||||
|
<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">© 2018 Talents Tube</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
{# Modal Login#}
|
||||||
|
{% if app.request.get('_route') != "fos_user_security_login" %}
|
||||||
|
<div id="modal_login" class="modal ">
|
||||||
|
<div class="modal-content">
|
||||||
|
{{ render(controller('AppBundle:SecurityModal:loginModal')) }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
@@ -0,0 +1,161 @@
|
|||||||
|
<!-- 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>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<!-- End Skippy -->
|
||||||
|
|
||||||
|
<!-- ========== HEADER ========== -->
|
||||||
|
<header id="header" class="u-header u-header--modern u-header--bordered u-header--bg-transparent u-header--white-nav-links u-header--sticky-top-lg">
|
||||||
|
<div class="u-header__section">
|
||||||
|
<div id="logoAndNav" class="container-fluid">
|
||||||
|
<!-- Nav -->
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Responsive Toggle Button -->
|
||||||
|
<button type="button" class="navbar-toggler btn u-hamburger u-header__hamburger"
|
||||||
|
aria-label="Toggle navigation"
|
||||||
|
aria-expanded="false"
|
||||||
|
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>
|
||||||
|
</button>
|
||||||
|
<!-- End Responsive Toggle Button -->
|
||||||
|
|
||||||
|
<!-- Navigation -->
|
||||||
|
<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"
|
||||||
|
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>
|
||||||
|
</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:;"
|
||||||
|
aria-haspopup="true"
|
||||||
|
aria-expanded="false">
|
||||||
|
Marque employeur Vidéo
|
||||||
|
<i class="fa fa-angle-down u-header__nav-link-icon"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<!-- End Pages -->
|
||||||
|
|
||||||
|
<!-- Works -->
|
||||||
|
<li class="nav-item hs-has-sub-menu 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>
|
||||||
|
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<!-- End Works -->
|
||||||
|
|
||||||
|
<!-- Blog -->
|
||||||
|
<li class="nav-item hs-has-sub-menu 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">
|
||||||
|
Blog
|
||||||
|
<i class="fa fa-angle-down u-header__nav-link-icon"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<!-- End Blog -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 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>
|
||||||
|
</li>
|
||||||
|
<!-- End Button -->
|
||||||
|
<!-- Button -->
|
||||||
|
<li class="nav-item u-header__nav-item-btn">
|
||||||
|
<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>
|
||||||
|
Connexion recruteurs
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<!-- End Button -->
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- End Navigation -->
|
||||||
|
|
||||||
|
<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 ========== -->
|
||||||
@@ -0,0 +1,240 @@
|
|||||||
|
{% 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
|
||||||
|
<img src="{{asset('img/bouton-play.png')}}"/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="header-video-inner">
|
||||||
|
<video loop="" preload="metadata" autoplay="" id="vid" muted="muted">
|
||||||
|
<source src="/img/home_video.mp4" type="video/mp4">
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{# RECHERCHE #}
|
||||||
|
<div class="fluid-container bg-grey-3 homeSearchWrapper">
|
||||||
|
<div id="homeSearch" class="container">
|
||||||
|
{% include 'form/search_form.html.twig' with {
|
||||||
|
'searchform' : searchform
|
||||||
|
} %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{# BLOC OFFRE EMPLOI CARDS #}
|
||||||
|
<div id="liste-jobs" class="fuild-container bg-grey-3 button-plus">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row center-align">
|
||||||
|
<div class="col s12">
|
||||||
|
<h2 class="blue-text no-margin-top">Les offres d'emploi</h2>
|
||||||
|
<h3 class="subtitles-homepage">Postulez en CV vidéo ou vidéo de motivation</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 col-noPadding">
|
||||||
|
<div class="owl-carousel owl-carousel-home">
|
||||||
|
{% if ads | length > 0 %}
|
||||||
|
{% include 'default/ad_card.html.twig' with {
|
||||||
|
'ads' : ads
|
||||||
|
} %}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row center-align">
|
||||||
|
<div class="col s12">
|
||||||
|
<a href="{{ path('ad_search_result') }}" title="Découvrir toutes les offres d'emploi" class="btn btn-default btn-round btn-all-jobs">Voir les offres
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{# COMPANY #}
|
||||||
|
|
||||||
|
<div id="liste-company" class="bg-white button-plus">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row center-align">
|
||||||
|
<div class="col s12">
|
||||||
|
<h2 class="blue-text no-margin-top">Ils recrutent</h2>
|
||||||
|
<h3 class="subtitles-homepage">Ils méritent votre candidature spontanée, découvrez leur réalité, leur marque employeur.</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 col-noPadding">
|
||||||
|
<div class="owl-carousel owl-carousel-home home-company-carousel">
|
||||||
|
{% if companies | length > 0 %}
|
||||||
|
{% include 'default/company_card.html.twig' with {
|
||||||
|
'companies' : companies
|
||||||
|
} %}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row center-align">
|
||||||
|
<div class="col s12">
|
||||||
|
<a href="{{ path('company_list') }}" title="Toutes les entreprise" class="btn btn-default btn-round btn-all-talents">Voir les entreprises</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{# TALENTS #}
|
||||||
|
<div id="liste-talents" class="bg-dark2 button-plus">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row center-align">
|
||||||
|
<div class="col s12">
|
||||||
|
<h2 class="blue-text no-margin-top">Les talents à la une</h2>
|
||||||
|
</div>
|
||||||
|
<h3 class="subtitles-homepage">Découvrez leur CV vidéo et vidéo de motivation.</h3>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="owl-carousel owl-carousel-home home-talent-carousel">
|
||||||
|
{% if talents | length > 0 %}
|
||||||
|
{% include 'default/talent_card.html.twig' with {
|
||||||
|
'talents' : talents
|
||||||
|
} %}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row center-align">
|
||||||
|
<h2>Rejoignez une communauté de plus de <strong>1000</strong> candidats</h2>
|
||||||
|
<div class="col s12 m-t-50">
|
||||||
|
<a href="#!" title="Créer Mon profil" class="btn btn-default btn-round btn-create-account">Créer mon profil</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{# TERRITOIRE #}
|
||||||
|
<div id="liste-territoires" class="bg-dark1 button-plus">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row center-align">
|
||||||
|
<div class="col s12">
|
||||||
|
<h2 class="blue-text no-margin-top">Les territoires</h2>
|
||||||
|
<h3 class="subtitles-homepage">Venez vivre et travailler chez nous.</h3>
|
||||||
|
{% if territories %}
|
||||||
|
<div class="owl-carousel owl-carousel-home territory-carousel">
|
||||||
|
{% for t in territories if t.presentationVideo and t.isPrivate != true %}
|
||||||
|
<div class="item">
|
||||||
|
{% if t.presentationVideo.thumbnails.0. sizes is defined %}
|
||||||
|
<a href="{{ path('territory_show',{'alias': t.alias }) }}" title="{{ t.brandname }}">
|
||||||
|
<img src="{{ t.presentationVideo.thumbnails.0.sizes.4.link }}" alt="{{ t.brandName }}" class="overlay-hover"/>
|
||||||
|
<span class="playerbtn" style="margin-top: -55px;"></span>
|
||||||
|
</a>
|
||||||
|
{% endif %}
|
||||||
|
{% if t.extra.terType is defined %}
|
||||||
|
<div class="m-t-15 fs-12 text-100">{{ t.extra.terType|upper }}</div>
|
||||||
|
{% endif %}
|
||||||
|
<div class="m-t-5 hover-none">
|
||||||
|
<a href="{{ path('territory_show',{'alias': t.alias }) }}" class="color-white td-none">{{ t.brandName|upper }}</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
<div class="m-t-30">
|
||||||
|
<a title="Voir les territoires" class="btn btn-default" href="{{ path('territory_list') }}">
|
||||||
|
<span>
|
||||||
|
Voir les territoires</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{# BLOC contenu vidéo #}
|
||||||
|
<div class="fluid-container bg-grey-3">
|
||||||
|
<div class="container">
|
||||||
|
<div class="blocs-texte-video">
|
||||||
|
<div class="row center-align">
|
||||||
|
<div class="col s12">
|
||||||
|
<h2 class="blue-text no-margin-top no-margin-bottom">Les conseils de votre
|
||||||
|
<span>talentstubeuse</span></h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row flexcontainer row-bloc-video-1 row-noMargin">
|
||||||
|
<div class="col l6 m12 s12 col-noPadding">
|
||||||
|
<a href="#!" data-video="#video2" class="img_content embed-responsive embed-responsive-16by9" style="background:url(/img-cnt/cv_video.jpg);background-size:cover;">
|
||||||
|
<span class="playerbtn"></span>
|
||||||
|
</a>
|
||||||
|
<iframe style="display:block;" class="hide" id="video2" src="https://player.vimeo.com/video/286344340?title=0&byline=0&portrait=0" width="100%" height="344" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
|
||||||
|
</div>
|
||||||
|
<div class="col l6 m12 s12 valign-wrapper">
|
||||||
|
<div class="inside-m valign">
|
||||||
|
<h2 class="no-margin-top">CV vidéo
|
||||||
|
</h2>
|
||||||
|
<p>Devenez acteur de vos talents, montrez qui vous êtes !</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
<div class="row flexcontainer row-bloc-video-2 row-noMargin">
|
||||||
|
<div class="col l6 m12 s12 valign-wrapper">
|
||||||
|
<div class="inside-m valign">
|
||||||
|
<h2 class="no-margin-top">
|
||||||
|
Marque Employeur et Offre d'emploi en vidéo
|
||||||
|
</h2>
|
||||||
|
<p>Développez votre Marque Employeur !</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col l6 m12 s12 col-noPadding">
|
||||||
|
<a href="#!" data-video="#video1" class="img_content embed-responsive embed-responsive-16by9" style="background:url(/img-cnt/offre_emploi.jpg);background-size:cover;">
|
||||||
|
<span class="playerbtn"></span>
|
||||||
|
</a>
|
||||||
|
<iframe style="display:block;" class="hide" id="video1" src="https://player.vimeo.com/video/215657499?title=0&byline=0&portrait=0" width="100%" height="344" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
<div class="row flexcontainer row-bloc-video-3 row-noMargin">
|
||||||
|
<div class="col l6 m12 s12 col-noPadding">
|
||||||
|
<a href="#!" data-video="#video3" class="img_content embed-responsive embed-responsive-16by9" style="background:url(https://i.vimeocdn.com/video/653721887_1024x573.jpg);background-size:cover;">
|
||||||
|
<span class="playerbtn"></span>
|
||||||
|
</a>
|
||||||
|
<iframe style="display:block;" class="hide" id="video3" src="https://player.vimeo.com/video/232618030" width="100%" height="344" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
|
||||||
|
</div>
|
||||||
|
<div class="col l6 m12 s12 valign-wrapper">
|
||||||
|
<div class="inside-m valign">
|
||||||
|
<h2 class="no-margin-top">
|
||||||
|
Le territoire en vidéo
|
||||||
|
</h2>
|
||||||
|
<p>Développez votre Marque Territoire !</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% include 'testimony/testimony_list.html.twig' %}
|
||||||
|
</div>
|
||||||
|
<div id="modal_concept" class="modal modal-fixed-footer">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="video-container">
|
||||||
|
<iframe id="iframe_concept" src="https://player.vimeo.com/video/215638758?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<a href="#!" class="modal-action modal-close btn btn-default button-round-small">Fermer</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block javascripts %}
|
||||||
|
{{ parent() }}
|
||||||
|
<script src="https://player.vimeo.com/api/player.js"></script>
|
||||||
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
|
||||||
|
{% endblock %}
|
||||||
@@ -0,0 +1,20 @@
|
|||||||
|
{% extends 'base.html.twig' %}
|
||||||
|
|
||||||
|
{% block metarobot %}
|
||||||
|
{% if robot is defined and robot == 0 %}
|
||||||
|
<meta name="robots" content="noindex,nofollow">
|
||||||
|
{% else %}
|
||||||
|
<meta name="robots" content="index,follow">
|
||||||
|
{% endif %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block title %}{{ page.title }}{% endblock %}
|
||||||
|
|
||||||
|
{% block description %}{{ page.description }}{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
{{ page.content|raw }}
|
||||||
|
{% if isTestimony is defined %}
|
||||||
|
{% include 'testimony/testimony_list.html.twig' %}
|
||||||
|
{% endif %}
|
||||||
|
{% endblock %}
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
|
||||||
|
<!-- props_settings.html.twig Parameters used in EdeclicPushAndNotificationClient.js -->
|
||||||
|
<div id="pushParams"
|
||||||
|
data-service-worker-url="{{ app.request.uriForPath('/Edeclic-service-worker.js') | replace({'/app_dev.php': ''}) }}"
|
||||||
|
data-analytics-helper-url="{{ app.request.uriForPath('js/analytics-helper.js') | replace({'/app_dev.php': ''}) }}"
|
||||||
|
data-delete-subscription-url="{{ url('delete-subscription') }}"
|
||||||
|
data-save-subscription-url="{{ url('save-subscription') }}"
|
||||||
|
data-push-public-key="{{ push_public_key }}"
|
||||||
|
>
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
|
||||||
|
<div class="bg-grey-3" style="height:1px;padding-top:150px;padding-bottom:10px;"></div>
|
||||||
|
<div class="triggerSearch"></div>
|
||||||
|
<div class="fluid-container bg-grey-3 searchBarWrapper">
|
||||||
|
<div id="homeSearch" class="searchBar container" style="top:0;">
|
||||||
|
{% include 'form/search_form.html.twig' with {'searchform': searchform } %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
{% for talent in talents %}
|
||||||
|
{% if talent.users[0] is defined %}
|
||||||
|
{% set user = talent.users[0] %}
|
||||||
|
<div class="item">
|
||||||
|
<a href="{{ path('talent_show',{'alias': talent.alias }) }}"
|
||||||
|
title="{{ user.firstname }} {{ user.lastname }}">
|
||||||
|
{% if user.socialPicture is not null and user.photo is null %}
|
||||||
|
<img class="circle z-depth-3" src="{{ user.socialPicture }}" alt="{{ user.firstname }} {{ user.lastname }}"/>
|
||||||
|
{% elseif user.photo %}
|
||||||
|
<img class="circle z-depth-3" src="{{ user.webPath | imagine_filter('profile_square') }}" alt="{{ user.firstname }} {{ user.lastname }}"/>
|
||||||
|
{% else %}
|
||||||
|
<div class="circle-letters font-2">{{ user.firstname|first|upper }}{{ user.lastname|first|upper }}</div>
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
<p class="item-list-job item-list-name center-align">
|
||||||
|
<a href="{{ path('talent_show',{'alias': talent.alias }) }}"
|
||||||
|
title="{{ user.firstname }} {{ user.lastname }}">
|
||||||
|
{{ user.firstname }} {{ user.lastname }}
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
{#{% if talent.publicTag %}
|
||||||
|
{% for keyword in talent.publicTag %}
|
||||||
|
{% if keyword != "" %}
|
||||||
|
<div class="chip">{{ keyword }}</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}#}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
{% if is_granted('ROLE_PREVIOUS_ADMIN') %}
|
||||||
|
<div class="fab tooltipped" data-position="left"
|
||||||
|
data-tooltip="Quitter (Connecté en tant que {{ app.user.firstname }} {{ app.user.lastname }})">
|
||||||
|
<a href="{{ path('admin_dashboard', {'_switch_user': '_exit'}) }}"
|
||||||
|
class="btn">
|
||||||
|
<i class="fa fa-sign-out" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
{% for vid in videos %}
|
||||||
|
<div class="col s3">
|
||||||
|
<div class="card z-depth-1 card-video">
|
||||||
|
{#<div class="card-title-video">#}
|
||||||
|
{#<div class="row row-noMargin">#}
|
||||||
|
{#<div class="col s12 col-infos">#}
|
||||||
|
{#<div class="truncate">#}
|
||||||
|
{#{{ vid.title }}#}
|
||||||
|
{#</div>#}
|
||||||
|
{#</div>#}
|
||||||
|
{#</div>#}
|
||||||
|
{#</div>#}
|
||||||
|
<div class="card-image">
|
||||||
|
<iframe src="https://player.vimeo.com{{ vid.getCdnUrl()|replace({ "videos": "video"}) }}"
|
||||||
|
width="100%" height="auto" frameborder="0" webkitallowfullscreen
|
||||||
|
mozallowfullscreen allowfullscreen></iframe>
|
||||||
|
</div>
|
||||||
|
<a class="card-button addExistingVideo tooltipped" data-position="top"
|
||||||
|
data-tooltip="Choisir cette vidéo" href="#" data-title="{{ vid.getTitle() }}"
|
||||||
|
data-id="{{ vid.getId() }}">
|
||||||
|
{#<div class="w-100">Sélectionner</div>#}
|
||||||
|
<div class="w-100 truncate"><i class="fa fa-angle-double-right" aria-hidden="true"></i> {{ vid.title }}</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
@@ -60,6 +60,60 @@ class DefaultController extends Controller
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @Route("/indexv2", name="homepagev2")
|
||||||
|
*/
|
||||||
|
public function homepagev2Action()
|
||||||
|
{
|
||||||
|
$em = $this->getDoctrine()->getManager();
|
||||||
|
$ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "emphasis" => true, "isPromoted" => false), array('emphasisOrder' => 'DESC'));
|
||||||
|
if (!$ads) {
|
||||||
|
$ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "isPromoted" => false), array('id' => 'DESC'));
|
||||||
|
}
|
||||||
|
$talents = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TALENT", "emphasis" => true), array('emphasisOrder' => 'DESC'));
|
||||||
|
$companies = $em->getRepository('AppBundle:Company')->findBy(array("type" => "COMPANY", "emphasis" => true), array('emphasisOrder' => 'DESC'));
|
||||||
|
$territories = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TERRITORY", "emphasis" => true), array('emphasisOrder' => 'ASC'));
|
||||||
|
|
||||||
|
$arrayTalents = array();
|
||||||
|
foreach ($talents as $talent) {
|
||||||
|
if ($talent->getPresentationVideo()) {
|
||||||
|
$arrayTalents[] = $talent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$arrayCompany = array();
|
||||||
|
foreach ($companies as $company) {
|
||||||
|
if ($company->getPresentationVideo()) {
|
||||||
|
$arrayCompany[] = $company;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$mediaManager = $this->get('media_manager');
|
||||||
|
foreach ($ads as $ad) {
|
||||||
|
$mediaManager->getThumbnails($ad);
|
||||||
|
}
|
||||||
|
|
||||||
|
foreach ($companies as $company) {
|
||||||
|
$mediaManager->getThumbnails($company);
|
||||||
|
}
|
||||||
|
|
||||||
|
foreach ($territories as $t) {
|
||||||
|
$mediaManager->getThumbnails($t);
|
||||||
|
}
|
||||||
|
|
||||||
|
$form = $this->createForm(AdSearchType::class);
|
||||||
|
|
||||||
|
return $this->render(
|
||||||
|
'defaultv2/accueil/index.html.twig', [
|
||||||
|
'ads' => $ads,
|
||||||
|
'companies' => $arrayCompany,
|
||||||
|
'talents' => $arrayTalents,
|
||||||
|
'territories' => $territories,
|
||||||
|
'searchform' => $form->createView(),
|
||||||
|
]
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @Route("/redirect_dashboard", name="redirect_dashboard")
|
* @Route("/redirect_dashboard", name="redirect_dashboard")
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -38,7 +38,7 @@ class BookmarkAd
|
|||||||
private $bookmark;
|
private $bookmark;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @ORM\ManyToOne(targetEntity="AppBundle\Entity\Ad")
|
* @ORM\ManyToOne(targetEntity="AppBundle\Entity\Ad" , inversedBy="bookmarkAds")
|
||||||
*/
|
*/
|
||||||
private $ad;
|
private $ad;
|
||||||
|
|
||||||
|
|||||||
@@ -43,7 +43,7 @@ class TerritoryAd
|
|||||||
private $ad;
|
private $ad;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @ORM\ManyToOne(targetEntity="AppBundle\Entity\Company", inversedBy="territoryAds")
|
* @ORM\ManyToOne(targetEntity="AppBundle\Entity\Company", inversedBy="territories")
|
||||||
* @ORM\JoinColumn(nullable=true)
|
* @ORM\JoinColumn(nullable=true)
|
||||||
* @Groups({"ad_detail" , "company_detail"})
|
* @Groups({"ad_detail" , "company_detail"})
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -0,0 +1,164 @@
|
|||||||
|
<!-- Item -->
|
||||||
|
<div class="cbp-item graphic">
|
||||||
|
<div class="cbp-caption">
|
||||||
|
<div class="cbp-caption-defaultWrap">
|
||||||
|
<img src="../../assets/img/500x330/img15.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="cbp-caption-activeWrap">
|
||||||
|
<div class="cbp-l-caption-alignCenter d-flex align-items-start">
|
||||||
|
<div class="mb-auto p-3">
|
||||||
|
<h4 class="h5 mb-0">Remind me more</h4>
|
||||||
|
<p class="small mb-0">
|
||||||
|
by Tiberiu Neamu
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="list-inline mt-auto ml-auto p-3 mb-0">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-icon u-icon--primary rounded-circle" href="single-page-simple.html">
|
||||||
|
<span class="fa fa-link u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="cbp-lightbox u-icon u-icon--primary rounded-circle" href="../../assets/img/1920x1080/img26.jpg">
|
||||||
|
<span class="fa fa-images u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Item -->
|
||||||
|
|
||||||
|
<!-- Item -->
|
||||||
|
<div class="cbp-item branding">
|
||||||
|
<div class="cbp-caption">
|
||||||
|
<div class="cbp-caption-defaultWrap">
|
||||||
|
<img src="../../assets/img/500x330/img16.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="cbp-caption-activeWrap">
|
||||||
|
<div class="cbp-l-caption-alignCenter d-flex align-items-start">
|
||||||
|
<div class="mb-auto p-3">
|
||||||
|
<h4 class="h5 mb-0">Workout buddy</h4>
|
||||||
|
<p class="small mb-0">
|
||||||
|
by Tiberiu Neamu
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="list-inline mt-auto ml-auto p-3 mb-0">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-icon u-icon--primary rounded-circle" href="single-page-simple.html">
|
||||||
|
<span class="fa fa-link u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="cbp-lightbox u-icon u-icon--primary rounded-circle" href="../../assets/img/1920x1080/img8.jpg">
|
||||||
|
<span class="fa fa-images u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Item -->
|
||||||
|
|
||||||
|
<!-- Item -->
|
||||||
|
<div class="cbp-item abstract">
|
||||||
|
<div class="cbp-caption">
|
||||||
|
<div class="cbp-caption-defaultWrap">
|
||||||
|
<img src="../../assets/img/500x330/img17.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="cbp-caption-activeWrap">
|
||||||
|
<div class="cbp-l-caption-alignCenter d-flex align-items-start">
|
||||||
|
<div class="mb-auto p-3">
|
||||||
|
<h4 class="h5 mb-0">Easy note</h4>
|
||||||
|
<p class="small mb-0">
|
||||||
|
by Cosmin Capitanu
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="list-inline mt-auto ml-auto p-3 mb-0">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-icon u-icon--primary rounded-circle" href="single-page-simple.html">
|
||||||
|
<span class="fa fa-link u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="cbp-lightbox u-icon u-icon--primary rounded-circle" href="../../assets/img/1920x1080/img28.jpg">
|
||||||
|
<span class="fa fa-images u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Item -->
|
||||||
|
|
||||||
|
<!-- Item -->
|
||||||
|
<div class="cbp-item graphic illustration">
|
||||||
|
<div class="cbp-caption">
|
||||||
|
<div class="cbp-caption-defaultWrap">
|
||||||
|
<img src="../../assets/img/500x330/img18.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="cbp-caption-activeWrap">
|
||||||
|
<div class="cbp-l-caption-alignCenter d-flex align-items-start">
|
||||||
|
<div class="mb-auto p-3">
|
||||||
|
<h4 class="h5 mb-0">Designing</h4>
|
||||||
|
<p class="small mb-0">
|
||||||
|
by Cosmin Capitanu
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="list-inline mt-auto ml-auto p-3 mb-0">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-icon u-icon--primary rounded-circle" href="single-page-simple.html">
|
||||||
|
<span class="fa fa-link u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="cbp-lightbox u-icon u-icon--primary rounded-circle" href="../../assets/img/1920x1080/img29.jpg">
|
||||||
|
<span class="fa fa-images u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Item -->
|
||||||
|
|
||||||
|
<!-- Item -->
|
||||||
|
<div class="cbp-item graphic illustration">
|
||||||
|
<div class="cbp-caption">
|
||||||
|
<div class="cbp-caption-defaultWrap">
|
||||||
|
<img src="../../assets/img/500x330/img19.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="cbp-caption-activeWrap">
|
||||||
|
<div class="cbp-l-caption-alignCenter d-flex align-items-start">
|
||||||
|
<div class="mb-auto p-3">
|
||||||
|
<h4 class="h5 mb-0">Designing</h4>
|
||||||
|
<p class="small mb-0">
|
||||||
|
by Cosmin Capitanu
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="list-inline mt-auto ml-auto p-3 mb-0">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-icon u-icon--primary rounded-circle" href="single-page-simple.html">
|
||||||
|
<span class="fa fa-link u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="cbp-lightbox u-icon u-icon--primary rounded-circle" href="../../assets/img/1920x1080/img27.jpg">
|
||||||
|
<span class="fa fa-images u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Item -->
|
||||||
@@ -0,0 +1,163 @@
|
|||||||
|
<!-- Item -->
|
||||||
|
<div class="cbp-item graphic illustration">
|
||||||
|
<div class="cbp-caption">
|
||||||
|
<div class="cbp-caption-defaultWrap">
|
||||||
|
<img src="../../assets/img/500x330/img12.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="cbp-caption-activeWrap">
|
||||||
|
<div class="cbp-l-caption-alignCenter d-flex align-items-start">
|
||||||
|
<ul class="mb-auto list-inline mt-auto ml-auto p-3 mb-0">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-icon u-icon--primary rounded-circle" href="../portfolio/single-page-simple.html">
|
||||||
|
<span class="fa fa-link u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="cbp-lightbox u-icon u-icon--primary rounded-circle" href="../../assets/img/1920x1080/img23.jpg">
|
||||||
|
<span class="fa fa-images u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="p-4">
|
||||||
|
<h4 class="h5 mb-0">Designing</h4>
|
||||||
|
<p class="small mb-0">
|
||||||
|
by Cosmin Capitanu
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Item -->
|
||||||
|
|
||||||
|
<!-- Item -->
|
||||||
|
<div class="cbp-item branding">
|
||||||
|
<div class="cbp-caption">
|
||||||
|
<div class="cbp-caption-defaultWrap">
|
||||||
|
<img src="../../assets/img/500x250/img2.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="cbp-caption-activeWrap">
|
||||||
|
<div class="cbp-l-caption-alignCenter d-flex align-items-start">
|
||||||
|
<div class="mb-auto p-3">
|
||||||
|
<h4 class="h5 mb-0">Workout buddy</h4>
|
||||||
|
<p class="small mb-0">
|
||||||
|
by Tiberiu Neamu
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="list-inline mt-auto ml-auto p-3 mb-0">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-icon u-icon--primary rounded-circle" href="single-page-simple.html">
|
||||||
|
<span class="fa fa-link u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="cbp-lightbox u-icon u-icon--primary rounded-circle" href="../../assets/img/1920x1080/img8.jpg">
|
||||||
|
<span class="fa fa-images u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Item -->
|
||||||
|
|
||||||
|
<!-- Item -->
|
||||||
|
<div class="cbp-item abstract">
|
||||||
|
<div class="cbp-caption">
|
||||||
|
<div class="cbp-caption-defaultWrap">
|
||||||
|
<img src="../../assets/img/500x330/img17.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="cbp-caption-activeWrap">
|
||||||
|
<div class="cbp-l-caption-alignCenter d-flex align-items-start">
|
||||||
|
<div class="mb-auto p-3">
|
||||||
|
<h4 class="h5 mb-0">Easy note</h4>
|
||||||
|
<p class="small mb-0">
|
||||||
|
by Cosmin Capitanu
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="list-inline mt-auto ml-auto p-3 mb-0">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-icon u-icon--primary rounded-circle" href="single-page-simple.html">
|
||||||
|
<span class="fa fa-link u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="cbp-lightbox u-icon u-icon--primary rounded-circle" href="../../assets/img/1920x1080/img28.jpg">
|
||||||
|
<span class="fa fa-images u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Item -->
|
||||||
|
|
||||||
|
<!-- Item -->
|
||||||
|
<div class="cbp-item graphic illustration">
|
||||||
|
<div class="cbp-caption">
|
||||||
|
<div class="cbp-caption-defaultWrap">
|
||||||
|
<img src="../../assets/img/500x250/img3.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="cbp-caption-activeWrap">
|
||||||
|
<div class="cbp-l-caption-alignCenter d-flex align-items-start">
|
||||||
|
<div class="mb-auto p-3">
|
||||||
|
<h4 class="h5 mb-0">Designing</h4>
|
||||||
|
<p class="small mb-0">
|
||||||
|
by Cosmin Capitanu
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="list-inline mt-auto ml-auto p-3 mb-0">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-icon u-icon--primary rounded-circle" href="single-page-simple.html">
|
||||||
|
<span class="fa fa-link u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="cbp-lightbox u-icon u-icon--primary rounded-circle" href="../../assets/img/1920x1080/img29.jpg">
|
||||||
|
<span class="fa fa-images u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Item -->
|
||||||
|
|
||||||
|
<!-- Item -->
|
||||||
|
<div class="cbp-item graphic illustration">
|
||||||
|
<div class="cbp-caption">
|
||||||
|
<div class="cbp-caption-defaultWrap">
|
||||||
|
<img src="../../assets/img/500x330/img19.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
<div class="cbp-caption-activeWrap">
|
||||||
|
<div class="cbp-l-caption-alignCenter d-flex align-items-start">
|
||||||
|
<div class="mb-auto p-3">
|
||||||
|
<h4 class="h5 mb-0">Designing</h4>
|
||||||
|
<p class="small mb-0">
|
||||||
|
by Cosmin Capitanu
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="list-inline mt-auto ml-auto p-3 mb-0">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="u-icon u-icon--primary rounded-circle" href="single-page-simple.html">
|
||||||
|
<span class="fa fa-link u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a class="cbp-lightbox u-icon u-icon--primary rounded-circle" href="../../assets/img/1920x1080/img27.jpg">
|
||||||
|
<span class="fa fa-images u-icon__inner"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Item -->
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
/*------------------------------------
|
||||||
|
Signin Form
|
||||||
|
------------------------------------*/
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
background-color: #f5f8fb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-signin {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 480px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
@@ -0,0 +1,21 @@
|
|||||||
|
/*------------------------------------
|
||||||
|
Sticky Footer Styles
|
||||||
|
------------------------------------*/
|
||||||
|
html {
|
||||||
|
position: relative;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
/* Margin bottom by footer height */
|
||||||
|
height: 100%;
|
||||||
|
margin-bottom: 72px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-sticky-footer {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
/* Set the fixed height of the footer here */
|
||||||
|
height: 72px;
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 111 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 186 KiB |
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 100 KiB |
|
After Width: | Height: | Size: 119 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 79 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 111 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 183 KiB |
|
After Width: | Height: | Size: 134 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 103 KiB |
|
After Width: | Height: | Size: 154 KiB |
|
After Width: | Height: | Size: 100 KiB |