Compare commits
20 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 llaniau
|
bde583e14e | ||
|
llaniau
|
d803cb4bdd | ||
|
llaniau
|
1a987283b7 | ||
|
llaniau
|
d72095f615 | ||
|
llaniau
|
90be4bfea7 | ||
|
llaniau
|
de07e5f26c | ||
|
llaniau
|
910f9645d8 | ||
|
llaniau
|
227fe09a94 | ||
|
llaniau
|
c660c11879 | ||
|
llaniau
|
8899a93ea5 | ||
|
llaniau
|
305bf4deb3 | ||
|
llaniau
|
d564ca1b85 | ||
|
llaniau
|
b3135e62f5 | ||
|
llaniau
|
dc2872e178 | ||
|
llaniau
|
cf057c9c63 | ||
|
llaniau
|
e5c46b2985 | ||
 Sébastien
|
47d571baae | ||
|
Sébastien
|
f5f0c39dd7 | ||
 Grégoire
|
c83b71853b | ||
|
Grégoire
|
8bc3165995 |
+5
-1
@@ -11,4 +11,8 @@ volume/www/website/.idea
|
||||
/volume/www/website/store/themes/talentstube-20170413/cache/*
|
||||
/volume/www/website/store/img/tmp/*
|
||||
volume/www/website/www/app/Resources/views/default/index.html.twig
|
||||
TODO
|
||||
|
||||
volume/www/website/www/.vscode/settings.json
|
||||
volume/www/website/www/app/config/jwt/private.pem
|
||||
volume/www/website/www/app/config/jwt/public.pem
|
||||
volume/www/website/www/web/sql/upload.pgsql
|
||||
|
||||
@@ -0,0 +1,29 @@
|
||||
<?php declare(strict_types=1);
|
||||
|
||||
namespace Application\Migrations;
|
||||
|
||||
use Doctrine\DBAL\Schema\Schema;
|
||||
use Doctrine\Migrations\AbstractMigration;
|
||||
|
||||
/**
|
||||
* Auto-generated Migration: Please modify to your needs!
|
||||
*/
|
||||
final class Version20200715123752 extends AbstractMigration
|
||||
{
|
||||
public function up(Schema $schema) : void
|
||||
{
|
||||
// this up() migration is auto-generated, please modify it to your needs
|
||||
$this->abortIf($this->connection->getDatabasePlatform()->getName() !== 'postgresql', 'Migration can only be executed safely on \'postgresql\'.');
|
||||
|
||||
$this->addSql('ALTER TABLE company ADD cv VARCHAR(255) DEFAULT NULL');
|
||||
}
|
||||
|
||||
public function down(Schema $schema) : void
|
||||
{
|
||||
// this down() migration is auto-generated, please modify it to your needs
|
||||
$this->abortIf($this->connection->getDatabasePlatform()->getName() !== 'postgresql', 'Migration can only be executed safely on \'postgresql\'.');
|
||||
|
||||
$this->addSql('CREATE SCHEMA public');
|
||||
$this->addSql('ALTER TABLE company DROP cv');
|
||||
}
|
||||
}
|
||||
+198
@@ -0,0 +1,198 @@
|
||||
<div>
|
||||
{% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
|
||||
{{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'FOSUserBundle') }} |
|
||||
<a href="{{ path('fos_user_security_logout') }}">
|
||||
{{ 'layout.logout'|trans({}, 'FOSUserBundle') }}
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{ path('fos_user_security_login') }}">{{ 'layout.login'|trans({}, 'FOSUserBundle') }}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% for type, messages in app.session.flashBag.all %}
|
||||
{% for message in messages %}
|
||||
<div class="{{ type }}">
|
||||
{{ message|trans({}, 'FOSUserBundle') }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% block fos_user_content %}
|
||||
<div>
|
||||
{{ form_start(register_form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register'}})
|
||||
}}
|
||||
{{ form_errors(register_form) }}
|
||||
<!-- Signup -->
|
||||
<div id="signup" style="display: none; opacity: 0;" data-target-group="idForm">
|
||||
<!-- Title -->
|
||||
<header class="text-center mb-5">
|
||||
<h2 class="h4 mb-0">Créer un compte entreprise</h2>
|
||||
<p>Remplissez tous les champs.</p>
|
||||
</header>
|
||||
<!-- End Title -->
|
||||
|
||||
<!-- Input -->
|
||||
<div class="js-form-message mb-3">
|
||||
<div class="js-focus-state input-group form">
|
||||
<div class="input-group-prepend form__prepend">
|
||||
<span class="input-group-text form__text">
|
||||
<i class="fa fa-user form__text-inner"></i>
|
||||
</span>
|
||||
</div>
|
||||
{# {{ form_row(register_form.firstname, {'label': 'Prénom'}) }} #}
|
||||
{{ form_widget(register_form.firstname, { 'attr': {'class': "form-control form__input",
|
||||
'placeholder': 'Prénom' , 'aria-label':'Prénom', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un prénom valide'} }) }}
|
||||
{# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
|
||||
aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
|
||||
data-success-class="u-has-success"> #}
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Input -->
|
||||
|
||||
|
||||
<!-- Input -->
|
||||
<div class="js-form-message mb-3">
|
||||
<div class="js-focus-state input-group form">
|
||||
<div class="input-group-prepend form__prepend">
|
||||
<span class="input-group-text form__text">
|
||||
<i class="fa fa-user form__text-inner"></i>
|
||||
</span>
|
||||
</div>
|
||||
{# {{ form_row(register_form.lastname, {'label': 'Nom'}) }} #}
|
||||
{{ form_widget(register_form.lastname, { 'attr': {'class': "form-control form__input",
|
||||
'placeholder': 'Nom' , 'aria-label':'Nom', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un nom valide'} }) }}
|
||||
{# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
|
||||
aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
|
||||
data-success-class="u-has-success"> #}
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Input -->
|
||||
|
||||
|
||||
<!-- Input -->
|
||||
<div class="js-form-message mb-3">
|
||||
<div class="js-focus-state input-group form">
|
||||
<div class="input-group-prepend form__prepend">
|
||||
<span class="input-group-text form__text">
|
||||
<i class="fa fa-envelope form__text-inner"></i>
|
||||
</span>
|
||||
</div>
|
||||
{# {{ form_row(register_form.email, {'label': 'E-mail'}) }} #}
|
||||
{{ form_widget(register_form.email, { 'attr': {'class': "form-control form__input",
|
||||
'placeholder': 'Email' , 'aria-label':'Email', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un email valide'} }) }}
|
||||
{# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
|
||||
aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
|
||||
data-success-class="u-has-success"> #}
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Input -->
|
||||
|
||||
<!-- Input -->
|
||||
<div class="js-form-message mb-3">
|
||||
<div class="js-focus-state input-group form">
|
||||
<div class="input-group-prepend form__prepend">
|
||||
<span class="input-group-text form__text">
|
||||
|
||||
<i class="fa fa-star form__text-inner"></i>
|
||||
</span>
|
||||
</div>
|
||||
{# {{ form_row(register_form.username, {'label': 'Username'}) }} #}
|
||||
{{ form_widget(register_form.username, { 'attr': {'class': "form-control form__input",
|
||||
'placeholder': 'Identifiant' , 'aria-label':'username', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Entrez un email valide'} }) }}
|
||||
{# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
|
||||
aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
|
||||
data-success-class="u-has-success"> #}
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Input -->
|
||||
|
||||
<!-- Input -->
|
||||
<div class="js-form-message mb-3">
|
||||
<div class="js-focus-state input-group form">
|
||||
<div class="input-group-prepend form__prepend">
|
||||
<span class="input-group-text form__text">
|
||||
<i class="fa fa-lock form__text-inner"></i>
|
||||
</span>
|
||||
</div>
|
||||
{# {{ form_row(register_form.plainPassword.first, {'label': 'Mot de passe'}) }} #}
|
||||
{{ form_widget(register_form.plainPassword.first, { 'attr': {'class': "form-control form__input",
|
||||
'placeholder': 'Mot de passe' , 'aria-label':'Mot de passe', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Mot de passe invalide'} }) }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Input -->
|
||||
|
||||
<!-- Input -->
|
||||
<div class="js-form-message mb-3">
|
||||
<div class="js-focus-state input-group form">
|
||||
<div class="input-group-prepend form__prepend">
|
||||
<span class="input-group-text form__text">
|
||||
<i class="fa fa-key form__text-inner"></i>
|
||||
</span>
|
||||
</div>
|
||||
{# {{ form_row(register_form.plainPassword.second, {'label': 'Répéter le mot de passe'}) }} #}
|
||||
{{ form_widget(register_form.plainPassword.second, { 'attr': {'class': "form-control form__input",
|
||||
'placeholder': 'Répéter le mot de passe' , 'aria-label':'Répéter le mot de passe', 'data-error-class' : 'u-has-error', 'data-success-class' : 'u-has-success', 'data-msg' : 'Mot de passe invalide'} }) }}
|
||||
</div>
|
||||
</div>
|
||||
{% if destination_login is defined %}
|
||||
<input type="hidden" name="_target_path" value="{{ destination_login }}" />
|
||||
{% endif %}
|
||||
<!-- End Input -->
|
||||
<div class="mb-3">
|
||||
{% set label = 'user.cgu.label'|trans({'%link_start%' : '<a style="margin-bottom:25px;" target="_blank" href="'~path('service_cgu')~'">', '%link_end%' : '</a>'}, 'messages') | raw %}
|
||||
{{ form_errors(register_form.cgu) }}
|
||||
{{ form_widget(register_form.cgu) }}
|
||||
{% block form_label %}
|
||||
{% spaceless %}
|
||||
<label for="fos_user_registration_form_cgu">
|
||||
Je déclare avoir pris connaissance et accepté les termes et les <a target="_blank"
|
||||
href="{{ path("service_cgu") }}">conditions générales d’utilisation</a>
|
||||
</label>
|
||||
{% endspaceless %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
{{ form_row(register_form._token) }}
|
||||
token {{ csrf_token }}
|
||||
{% if csrf_token %}
|
||||
<input type="hidden" name="_csrf_token" ID="_csrf_token" value="{{ csrf_token }}" />
|
||||
{% endif %}
|
||||
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
|
||||
<input class="btn btn-default btn-round" type="submit" id="_submit_register" name="_submit_register"
|
||||
value="Créer un compte!" />
|
||||
<button type="submit" class="btn btn-block btn-primary">S'inscrire</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="text-center mb-3">
|
||||
<p class="text-muted">
|
||||
Vous avez déjà un compte? {{ csrf_token }}!!
|
||||
<a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
|
||||
data-animation-in="fadeIn">Connexion Recruteur
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Divider -->
|
||||
<div class="text-center u-divider-wrapper my-3">
|
||||
|
||||
</div>
|
||||
<div class="text-center mb-3">
|
||||
<p class="text-muted">
|
||||
<!-- End Divider -->
|
||||
|
||||
|
||||
{% if destination_login is defined %}
|
||||
<input type="hidden" name="_target_path" value="{{ destination_login }}" />
|
||||
|
||||
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- End Signup -->
|
||||
{{ form_rest(register_form) }}
|
||||
{{ form_end(register_form) }}
|
||||
|
||||
</div>
|
||||
{% endblock fos_user_content %}
|
||||
@@ -24,7 +24,7 @@
|
||||
<div class="col-content bg-arrow z-depth-2 p-20">
|
||||
<div class="row">
|
||||
<div class="col s12">
|
||||
<h4 class="color-blue1 p-0"><span class="title-bubble">1</span> Enregistrez votre cv vidéo</h4>
|
||||
<h4 class="color-blue1 p-0"><span class="title-bubble">1/3</span> Enregistrez votre cv vidéo</h4>
|
||||
</div>
|
||||
<div class="col m4 offset-m1 s12">
|
||||
<video id="myCvVideo" class="video-js vjs-default-skin"></video>
|
||||
@@ -60,7 +60,7 @@
|
||||
<div class="col-content bg-arrow z-depth-2 p-20">
|
||||
<div class="row">
|
||||
<div class="col s12">
|
||||
<h4 class="color-blue1 p-0"><span class="title-bubble">2</span> Importez votre CV Vidéo</h4>
|
||||
<h4 class="color-blue1 p-0"><span class="title-bubble">2/3</span> Importez votre CV Vidéo</h4>
|
||||
</div>
|
||||
<div class="col s10 offset-s1 answer-dropzone">
|
||||
{% include 'media/dropzone.html.twig' with {'deleting': true } %}
|
||||
@@ -72,7 +72,7 @@
|
||||
{{ form_row(form.status) }}
|
||||
<div class="row">
|
||||
<div class="col s12">
|
||||
<h4 class="color-blue1 p-0"><span class="title-bubble">3</span> Ajoutez votre commentaire</h4>
|
||||
<h4 class="color-blue1 p-0"><span class="title-bubble">3/3</span> Ajoutez votre commentaire</h4>
|
||||
</div>
|
||||
<div class="col s10 offset-s1">
|
||||
<div class="row">
|
||||
|
||||
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<!-- Title -->
|
||||
<title>Talents Tube : Le 1er job board 100% vidéo</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 justify-content-lg-end">
|
||||
<div class="col-md-6 order-md-2 mb-5 mb-md-0">
|
||||
<!-- Title -->
|
||||
<div class="mb-4">
|
||||
<h2 class="h3"> 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="candidatures-cv-video">En savoir plus</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 order-md-1">
|
||||
<div class="pr-lg-4">
|
||||
<a href="candidatures-cv-video"><img class="img-fluid" src="{{ asset('v2/png/candidature-en-video.png') }}" alt="Candidature en vidéo"></a>
|
||||
</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 ">
|
||||
<div class="container z-index-2 containerStat">
|
||||
<div class=" shadow-lg rounded mt-n9">
|
||||
<div class="card-deck d-block d-lg-flex">
|
||||
<div class="card card-frame mb-4 mb-lg-0">
|
||||
<!-- Listing -->
|
||||
<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 space-1">
|
||||
<div class="col-md-4 mb-7 mb-md-0">
|
||||
<!-- Icon Blocks -->
|
||||
<div class="text-center px-lg-3">
|
||||
<img src="{{ asset('v2/svg/components/Diffusion-offres-emploi-video-marque-employeur.svg') }}" alt="Logo">
|
||||
<h3 class="h4 text-white">Diffusez vos offres d'emploi et marque employeur en <a href="#">vidéo</a></h3>
|
||||
</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/candidature-en-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/Gestion-des-candidatures-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="marque-employeur-en-video">En savoir plus</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 order-md-1">
|
||||
<div class="pr-lg-4">
|
||||
<a href="marque-employeur-en-video"><img class="img-fluid" src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Marque employeur FIN -->
|
||||
@@ -0,0 +1,147 @@
|
||||
{% trans_default_domain 'FOSUserBundle' %}
|
||||
<!-- Signup Modal Window -->
|
||||
<div id="signupModal" class="js-signup-modal u-modal-window" style="width: 500px;">
|
||||
<!-- Modal Close Button -->
|
||||
<button class="btn btn-sm btn-icon btn-text-secondary u-modal-window__close" type="button"
|
||||
onclick="Custombox.modal.close();">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
<!-- End Modal Close Button -->
|
||||
|
||||
<!-- Content -->
|
||||
<div class="p-5 bg-white rounded">
|
||||
<form action="{{ path("fos_user_security_check") }}" method="post">
|
||||
{% if csrf_token %}
|
||||
<input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
|
||||
{% endif %}
|
||||
<!-- Signin -->
|
||||
<div id="signin" data-target-group="idForm">
|
||||
<!-- Title -->
|
||||
<header class="text-center mb-5">
|
||||
<h2 class="h4 mb-0">Connexion</h2>
|
||||
<p>Connecter vous pour gérer votre compte</p>
|
||||
</header>
|
||||
|
||||
|
||||
<!-- Input -->
|
||||
<div class="js-form-message mb-3">
|
||||
<div class="js-focus-state input-group form">
|
||||
<div class="input-group-prepend form__prepend">
|
||||
<span class="input-group-text form__text">
|
||||
<i class="fa fa-user form__text-inner"></i>
|
||||
</span>
|
||||
</div>
|
||||
{# <input type="email" class="form-control form__input" name="email" required placeholder="Email"
|
||||
aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
|
||||
data-success-class="u-has-success"> #}
|
||||
|
||||
<input type="text" id="username" name="_username" value="{{ last_username }}" required="required" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Input -->
|
||||
|
||||
<!-- Input -->
|
||||
<div class="js-form-message mb-3">
|
||||
<div class="js-focus-state input-group form">
|
||||
<div class="input-group-prepend form__prepend">
|
||||
<span class="input-group-text form__text">
|
||||
<i class="fa fa-lock form__text-inner"></i>
|
||||
</span>
|
||||
</div>
|
||||
{# <input type="password" class="form-control form__input" name="password" required placeholder="Password"
|
||||
aria-label="Password" data-msg="Your password is invalid. Please try again."
|
||||
data-error-class="u-has-error" data-success-class="u-has-success"> #}
|
||||
<input type="password" id="password" name="_password" required="required" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Input -->
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-6">
|
||||
<!-- Checkbox -->
|
||||
<div class="custom-control custom-checkbox d-flex align-items-center text-muted">
|
||||
<input type="checkbox" id="remember_me" name="_remember_me" value="on" />
|
||||
<label class="custom-control-label" for="rememberMeCheckbox">
|
||||
Se souvenir de moi
|
||||
</label>
|
||||
</div>
|
||||
<!-- End Checkbox -->
|
||||
</div>
|
||||
|
||||
<div class="col-6 text-right">
|
||||
<a class="js-animation-link float-right" href="javascript:;" data-target="#forgotPassword"
|
||||
data-link-group="idForm" data-animation-in="fadeIn">Mot de passe oublié?</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
|
||||
<input type="hidden" name="_target_path" value="redirect_dashboard" />
|
||||
|
||||
<input type="submit" id="_submit" name="_submit" class="btn btn-block btn-primary"/>
|
||||
</div>
|
||||
|
||||
<div class="text-center mb-3">
|
||||
<p class="text-muted">
|
||||
Do not have an account?
|
||||
<a class="js-animation-link" href="javascript:;" data-target="#signup" data-link-group="idForm"
|
||||
data-animation-in="fadeIn">S'inscrire
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
{% if app.request.get('_route') != "fos_user_security_login" %}
|
||||
{{ render(controller('AppBundle:SecurityModal:loginModalV2')) }}
|
||||
{% endif %}
|
||||
<!-- Forgot Password -->
|
||||
<div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
|
||||
<!-- Title -->
|
||||
<header class="text-center mb-5">
|
||||
<h2 class="h4 mb-0">Recover account</h2>
|
||||
<p>Enter your email address and an email with instructions will be sent to you.</p>
|
||||
</header>
|
||||
<!-- End Title -->
|
||||
|
||||
<!-- Input -->
|
||||
<div class="js-form-message mb-3">
|
||||
<div class="js-focus-state input-group form">
|
||||
<div class="input-group-prepend form__prepend">
|
||||
<span class="input-group-text form__text">
|
||||
<i class="fa fa-user form__text-inner"></i>
|
||||
</span>
|
||||
</div>
|
||||
<input type="email" class="form-control form__input" name="email" required placeholder="Email"
|
||||
aria-label="Email" data-msg="Please enter a valid email address." data-error-class="u-has-error"
|
||||
data-success-class="u-has-success">
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Input -->
|
||||
|
||||
<div class="mb-3">
|
||||
<button type="submit" class="btn btn-block btn-primary">Recover Account</button>
|
||||
</div>
|
||||
<div class="text-center mb-3">
|
||||
<p class="text-muted">
|
||||
Have an account?
|
||||
<a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
|
||||
data-animation-in="fadeIn">Contactez nous
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-center mb-3">
|
||||
<p class="text-muted">
|
||||
Have an account?
|
||||
<a class="js-animation-link" href="javascript:;" data-target="#signin" data-link-group="idForm"
|
||||
data-animation-in="fadeIn">Connexion Recruteur
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Forgot Password -->
|
||||
</div>
|
||||
<!-- End Content -->
|
||||
</div>
|
||||
<!-- End Signup Modal Window -->
|
||||
<!-- ========== END SECONDARY CONTENTS ========== -->
|
||||
@@ -0,0 +1,20 @@
|
||||
<!-- Accueil Photo Haut Section -->
|
||||
<div class="bg-img-hero-center" style="background-image: url({{ asset(urlImage)}} ">
|
||||
<div class="container space-2 space-5-top--lg space-4-bottom--lg">
|
||||
<div class="w-md-75">
|
||||
<!-- Title -->
|
||||
<div class="mb-7">
|
||||
<span class="d-block text-white text-uppercase mb-2">Talents tube</span>
|
||||
<h1 class="display-4 font-size-48--md-down text-white mb-4">
|
||||
<strong class="u-text-animation u-text-animation--typing">{{textParDefaut}}</strong>
|
||||
<br>{{textVideo}}
|
||||
</h1>
|
||||
|
||||
</div>
|
||||
<!-- End Title -->
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Accueil Photo Haut Section -->
|
||||
@@ -0,0 +1,33 @@
|
||||
<!-- Plateforme DEBUT -->
|
||||
<div class=" accueilFondBleute">
|
||||
<div class="container space-2 ">
|
||||
<div class="row row justify-content-lg-end ">
|
||||
<div class="col-md-6 ">
|
||||
<!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
|
||||
<div class="mb-6">
|
||||
<h2 class="h3"> 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="{{ url_plateforme }}">Voir la plateforme</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 align-right paddintRight">
|
||||
<div class="mb-6">
|
||||
<a href="{{ url_plateforme }}"><img class="img-fluid" src="{{ asset('v2/png/plateforme-de-recrutement-en-video.png') }}"
|
||||
alt="Recrutement video"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Plateforme FIN -->
|
||||
@@ -0,0 +1,32 @@
|
||||
<!-- Recrutez DEBUT -->
|
||||
<div class="space1-bottom accueilFondBleute">
|
||||
<div class="container space-2 ">
|
||||
<div class="row justify-content-lg-end ">
|
||||
<div class="col-md-6 ">
|
||||
<!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
|
||||
<div class="mb-6">
|
||||
<h2 class="h3"> Recrutez avec des offres d’emploi vidéo</h2>
|
||||
<p> Talents Tube peut vous accompagner dans la réalisation de vidéos d’offres d’emploi captivantes et à votre
|
||||
image.
|
||||
|
||||
L’offre d’emploi en vidéo, média engageant, vous donne l’opportunité de recruter les meilleurs talents. Le
|
||||
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="offre-emploi-video">En savoir plus</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 order-md-1">
|
||||
<div class="mb-6">
|
||||
<a href="offre-emploi-video"><img class="img-fluid" src="{{ asset('v2/png/offres-emploi-en-video.png') }}" alt="Offres d'emploi en vidéo"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Recrutez FIN -->
|
||||
+214
@@ -0,0 +1,214 @@
|
||||
<!-- Témoignage DEBUT -->
|
||||
<!-- Success stories -->
|
||||
<div class="space-2-top space-1-bottom space-3-top--lg accueilFondNoir">
|
||||
<div class="container">
|
||||
<!-- Title -->
|
||||
<div class="w-md-80 w-lg-60 mx-md-auto text-md-center mb-8">
|
||||
<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-SMGDIS</h3>
|
||||
<p class="text-white-70 mb-4">Simona Vasile-Martin, Responsable Marketing</p>
|
||||
|
||||
<a class="js-fancybox text-white" href="javascript:;"
|
||||
data-src="https://www.youtube.com/watch?v=E62HUkaPEkk&t?autoplay=1" data-speed="700"
|
||||
data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
|
||||
Voir le témoignage
|
||||
<i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
|
||||
<i class="u-icon__inner svg-icon svg-icon-xs text-white">
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect x="0" y="0" width="24" height="24"></rect>
|
||||
<path
|
||||
d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
|
||||
fill="#000000"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</i>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
|
||||
style="background-image: url({{ asset('v2/temoignages/medaviz-temoignage-image.jpg') }});">
|
||||
<div class="w-md-80 w-lg-50 text-white space-2 px-9">
|
||||
<h3 class="h2 text-lh-xs mb-4">Medaviz</h3>
|
||||
<p class="text-white-70 mb-4">Guillaume Lesdos, Co-fondateur et Président</p>
|
||||
|
||||
<a class="js-fancybox text-white" href="javascript:;"
|
||||
data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t" data-speed="700"
|
||||
data-animate-in="zoomIn" data-animate-out="zoomOut" data-caption="Témoignage">
|
||||
Voir le témoignage
|
||||
<i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
|
||||
<i class="u-icon__inner svg-icon svg-icon-xs text-white">
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect x="0" y="0" width="24" height="24"></rect>
|
||||
<path
|
||||
d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
|
||||
fill="#000000"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</i>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
|
||||
style="background-image: url({{ asset('v2/temoignages/thalazur-carnac1-temoignage-image.jpg') }});">
|
||||
<div class="w-md-80 w-lg-50 text-white space-2 px-9">
|
||||
<h3 class="h2 text-lh-xs mb-4">Thalazur Carnac</h3>
|
||||
<p class="text-white-70 mb-4">Adeline Lautredou, Responsable Ressources Humaines</p>
|
||||
|
||||
<a class="js-fancybox text-white" href="javascript:;" data-src="https://www.youtube.com/watch?v=hWYae9V-YWM&t=8s?autoplay=1"
|
||||
data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
|
||||
data-caption="Témoignage">
|
||||
Voir le témoignage
|
||||
<i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
|
||||
<i class="u-icon__inner svg-icon svg-icon-xs text-white">
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect x="0" y="0" width="24" height="24"></rect>
|
||||
<path
|
||||
d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
|
||||
fill="#000000"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</i>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="js-slide bg-img-hero bg-img-hero-center gradient-overlay-half-black-v1"
|
||||
style="background-image: url({{ asset('v2/temoignages/intermarche-temoignage-image.jpg') }});">
|
||||
<div class="w-md-80 w-lg-50 text-white space-2 px-9">
|
||||
<h3 class="h2 text-lh-xs mb-4">Intermarché LAI</h3>
|
||||
<p class="text-white-70 mb-4">Ludovic Chamoin-Foucaut, Responsable Ressources Humaines</p>
|
||||
|
||||
<a class="js-fancybox text-white" href="javascript:;" data-src="https://youtu.be/lheAXL8U9cU?autoplay=1"
|
||||
data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
|
||||
data-caption="Témoignage">
|
||||
Voir le témoignage
|
||||
<i class="u-icon u-icon--sm u-icon--white-soft rounded-circle ml-2">
|
||||
<i class="u-icon__inner svg-icon svg-icon-xs text-white">
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect x="0" y="0" width="24" height="24"></rect>
|
||||
<path
|
||||
d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
|
||||
fill="#000000"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</i>
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- End Stories -->
|
||||
|
||||
<!-- Stories.Authors -->
|
||||
<div id="sliderSyncingThumb2"
|
||||
class="js-slick-carousel u-slick u-slick--gutters-2 u-slick--video w-50 w-lg-30 mx-auto" data-infinite="true"
|
||||
data-slides-show="3" data-is-thumbs="true" data-center-mode="true" data-nav-for="#sliderSyncingNav2">
|
||||
<div class="js-slide rounded overflow-hidden">
|
||||
<img class="img-fluid" src="{{ asset('v2/temoignages/mgdis-temoignage-vignette.jpg') }}"
|
||||
alt="Image Description">
|
||||
<i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
|
||||
<i class="u-icon__inner svg-icon svg-icon-xs text-white">
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect x="0" y="0" width="24" height="24"></rect>
|
||||
<path
|
||||
d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
|
||||
fill="#000000"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</i>
|
||||
</i>
|
||||
</div>
|
||||
|
||||
<div class="js-slide rounded overflow-hidden">
|
||||
<img class="img-fluid" src="{{ asset('v2/temoignages/medaviz-temoignage-vignette.jpg') }}"
|
||||
alt="Image Description">
|
||||
<i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
|
||||
<i class="u-icon__inner svg-icon svg-icon-xs text-white">
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect x="0" y="0" width="24" height="24"></rect>
|
||||
<path
|
||||
d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
|
||||
fill="#000000"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</i>
|
||||
</i>
|
||||
</div>
|
||||
|
||||
<div class="js-slide rounded overflow-hidden">
|
||||
<img class="img-fluid" src="{{ asset('v2/temoignages/thalazur-carnac-temoignage-vignette.jpg') }}"
|
||||
alt="Image Description">
|
||||
<i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
|
||||
<i class="u-icon__inner svg-icon svg-icon-xs text-white">
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect x="0" y="0" width="24" height="24"></rect>
|
||||
<path
|
||||
d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
|
||||
fill="#000000"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</i>
|
||||
</i>
|
||||
</div>
|
||||
|
||||
<div class="js-slide rounded overflow-hidden">
|
||||
<img class="img-fluid" src="{{ asset('v2/temoignages/intermarche-temoignage-vignette.jpg') }}"
|
||||
alt="Image Description">
|
||||
<i class="u-icon u-icon--sm u-icon--dark-soft rounded-circle u-slick--video__player">
|
||||
<i class="u-icon__inner svg-icon svg-icon-xs text-white">
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<rect x="0" y="0" width="24" height="24"></rect>
|
||||
<path
|
||||
d="M9.82866499,18.2771971 L16.5693679,12.3976203 C16.7774696,12.2161036 16.7990211,11.9002555 16.6175044,11.6921539 C16.6029128,11.6754252 16.5872233,11.6596867 16.5705402,11.6450431 L9.82983723,5.72838979 C9.62230202,5.54622572 9.30638833,5.56679309 9.12422426,5.7743283 C9.04415337,5.86555116 9,5.98278612 9,6.10416552 L9,17.9003957 C9,18.1765381 9.22385763,18.4003957 9.5,18.4003957 C9.62084305,18.4003957 9.73759731,18.3566309 9.82866499,18.2771971 Z"
|
||||
fill="#000000"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</i>
|
||||
</i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- End Stories.Authors -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Success stories -->
|
||||
<!-- Témoignage FIN -->
|
||||
@@ -0,0 +1,85 @@
|
||||
<!-- ========== FOOTER ========== -->
|
||||
<footer class="bg-dark">
|
||||
<div class="container space-2">
|
||||
<div class="row justify-content-md-between">
|
||||
<div class="col-6 col-md-3 col-lg-2 order-lg-3 mb-7 mb-lg-0">
|
||||
<h3 class="h6 text-white mb-3">Plateforme</h3>
|
||||
|
||||
<!-- List Group -->
|
||||
<div class="list-group list-group-flush list-group-transparent">
|
||||
<!-- Links -->
|
||||
<ul class="list-unstyled">
|
||||
<li><a class="nav-link u-header__sub-menu-nav-link px-0" href="/">Espace recruteurs</a></li>
|
||||
<li><a class="nav-link u-header__sub-menu-nav-link px-0" href="https://app.talentstube.com" target="_blank">Jobs</a></li>
|
||||
<li><a class="nav-link u-header__sub-menu-nav-link px-0" href="#" target="_blank">CV Vidéothèque (En cours)</a></li>
|
||||
</ul>
|
||||
<!-- End Links -->
|
||||
</div>
|
||||
<!-- End List Group -->
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-md-3 col-lg-2 order-lg-4 mb-7 mb-lg-0">
|
||||
<h3 class="h6 text-white mb-3">Informations</h3>
|
||||
|
||||
<!-- List Group -->
|
||||
<div class="list-group list-group-flush list-group-transparent">
|
||||
<!-- Links -->
|
||||
<ul class="list-unstyled">
|
||||
<li><a class="nav-link u-header__sub-menu-nav-link px-0" href="mentions">Mentions légales</a></li>
|
||||
<li><a class="nav-link u-header__sub-menu-nav-link px-0" href="cgu">CGU</a></li>
|
||||
<li><a class="nav-link u-header__sub-menu-nav-link px-0" href="confidentialite">Politique de confidentialité</a></li>
|
||||
<li><a class="nav-link u-header__sub-menu-nav-link px-0" href="contact">Contact</a></li>
|
||||
</ul>
|
||||
<!-- End Links -->
|
||||
</div>
|
||||
<!-- End List Group -->
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-md-3 col-lg-2 order-lg-5 mb-7 mb-lg-0">
|
||||
<h3 class="h6 text-white mb-3">Réseaux sociaux</h3>
|
||||
|
||||
<!-- List -->
|
||||
<div class="list-group list-group-flush list-group-transparent">
|
||||
<a class="list-group-item list-group-item-action" href="https://www.facebook.com/TalentsTuber/" target="_blank">
|
||||
<i class="fab fa-facebook-f min-width-3 text-center mr-2"></i>
|
||||
Facebook
|
||||
</a>
|
||||
<a class="list-group-item list-group-item-action" href="https://www.linkedin.com/company/talentstube" target="_blank">
|
||||
<i class="fab fa-linkedin min-width-3 text-center mr-2"></i>
|
||||
Linkedin
|
||||
</a>
|
||||
<a class="list-group-item list-group-item-action" href="https://www.instagram.com/talents.tube/" target="_blank">
|
||||
<i class="fab fa-instagram min-width-3 text-center mr-2"></i>
|
||||
Instagram
|
||||
</a>
|
||||
<a class="list-group-item list-group-item-action" href="https://twitter.com/TalentsTuber" target="_blank">
|
||||
<i class="fab fa-twitter min-width-3 text-center mr-2"></i>
|
||||
Twitter
|
||||
</a>
|
||||
<a class="list-group-item list-group-item-action" href="https://www.youtube.com/channel/UCRNqiJCLAorO0aCzNQu-8ww" target="_blank">
|
||||
<i class="fab fa-youtube min-width-3 text-center mr-2"></i>
|
||||
Youtube
|
||||
</a>
|
||||
</div>
|
||||
<!-- End List -->
|
||||
</div>
|
||||
<!-- End List Group -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-4 order-lg-1 d-flex align-items-start flex-column">
|
||||
<!-- Logo -->
|
||||
<a class="d-inline-block mb-5" href="index.html" aria-label="Space">
|
||||
<img src="{{ asset('v2/svg/logos/talentstube-logo-mobile.svg') }}" alt="Logo" style="width: 40px; max-width: 100%;">
|
||||
</a>
|
||||
<!-- End Logo -->
|
||||
|
||||
|
||||
|
||||
<p class="small text-muted">Tous droits réservés. © 2020 Talents Tube.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- ========== END FOOTER ========== -->
|
||||
+323
@@ -0,0 +1,323 @@
|
||||
{% extends 'basev2.html.twig' %}
|
||||
|
||||
{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<main id="content">
|
||||
{% include 'defaultv2/accueil/blocPhoto.html.twig'
|
||||
with {
|
||||
'urlImage': 'v2/img/1920x800/recrutement-video.jpg',
|
||||
'textParDefaut' : 'Recrutez les candidats',
|
||||
'textVideo' : 'avec la vidéo'
|
||||
} %}
|
||||
|
||||
{% 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 ========== -->
|
||||
|
||||
{% include 'defaultv2/accueil/footer.html.twig' %}
|
||||
|
||||
<!-- ========== SECONDARY CONTENTS ========== -->
|
||||
<!-- Panel Sidebar Navigation -->
|
||||
<aside id="sidebarContent" class="u-sidebar u-unfold--css-animation u-unfold--hidden"
|
||||
aria-labelledby="sidebarNavToggler">
|
||||
<div class="u-sidebar__scroller">
|
||||
<div class="u-sidebar__container">
|
||||
<div class="u-sidebar--panel__footer-offset">
|
||||
<!-- Toggle Button -->
|
||||
<div class="d-flex align-items-center border-bottom py-4 px-5">
|
||||
<h4 class="h5 mb-0">Mon compte</h4>
|
||||
|
||||
<button type="button" class="close u-sidebar__close ml-auto" aria-controls="sidebarContent"
|
||||
aria-haspopup="true" aria-expanded="false" data-unfold-event="click" data-unfold-hide-on-scroll="false"
|
||||
data-unfold-target="#sidebarContent" data-unfold-type="css-animation" data-unfold-animation-in="fadeInRight"
|
||||
data-unfold-animation-out="fadeOutRight" data-unfold-duration="500">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<!-- End Toggle Button -->
|
||||
|
||||
<!-- Content -->
|
||||
<div class="js-scrollbar u-sidebar__body">
|
||||
<div class="u-sidebar__content py-5">
|
||||
<!-- Title -->
|
||||
<div class="py-2 px-5">
|
||||
<h4 class="text-uppercase text-muted font-size-13 mb-0">Mon menu</h4>
|
||||
</div>
|
||||
<!-- End Title -->
|
||||
|
||||
<!-- List -->
|
||||
<ul class="list-unstyled font-size-14 mb-5">
|
||||
<li>
|
||||
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/finance-dark-icon.svg') }}"
|
||||
alt="Image Description">
|
||||
<div class="media-body">
|
||||
<span>Dashboard</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/touch-dark-icon.svg') }}"
|
||||
alt="Image Description">
|
||||
<div class="media-body">
|
||||
<span>Activity</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/team-dark-icon.svg') }}"
|
||||
alt="Image Description">
|
||||
<div class="media-body">
|
||||
<span>Team</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/email-dark-icon.svg') }}"
|
||||
alt="Image Description">
|
||||
<div class="media-body">
|
||||
<span>Mailbox</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/projects-dark-icon.svg') }}"
|
||||
alt="Image Description">
|
||||
<div class="media-body">
|
||||
<span>Projects</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- End List -->
|
||||
|
||||
<!-- Title -->
|
||||
<div class="py-2 px-5">
|
||||
<h4 class="text-uppercase text-muted font-size-13 mb-0">Sub level</h4>
|
||||
</div>
|
||||
<!-- End Title -->
|
||||
|
||||
<!-- List -->
|
||||
<ul class="list-unstyled font-size-14 mb-0">
|
||||
<li>
|
||||
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/calendar-dark-icon.svg') }}"
|
||||
alt="Image Description">
|
||||
<div class="media-body">
|
||||
<span>Calendar</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/cog-dark-icon.svg') }}"
|
||||
alt="Image Description">
|
||||
<div class="media-body">
|
||||
<span>Tools</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="media align-items-center u-sidebar--panel__link py-2 px-5" href="#">
|
||||
<img class="max-width-4 mr-3" src="{{ asset('v2/svg/components/archive-dark-icon.svg') }}"
|
||||
alt="Image Description">
|
||||
<div class="media-body">
|
||||
<span>Archive</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- End List -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Content -->
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="u-sidebar__footer u-sidebar__footer--panel py-4 px-5">
|
||||
<!-- List -->
|
||||
<ul class="list-inline font-size-14 mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a class="u-sidebar--panel__link pr-2" href="../pages/privacy.html">Privacy</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a class="u-sidebar--panel__link px-2" href="../pages/terms.html">Terms</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a class="u-sidebar--panel__link pl-2" href="../pages/help.html">
|
||||
<i class="fa fa-info-circle"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- End List -->
|
||||
</footer>
|
||||
<!-- End Footer -->
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<!-- End Panel Sidebar Navigation -->
|
||||
|
||||
<!-- Begin Panel Login -->
|
||||
{% include 'defaultv2/accueil/blocLogin.html.twig'
|
||||
with {
|
||||
'csrf_token': csrf_token,
|
||||
'error' : error
|
||||
} %}
|
||||
|
||||
<!-- Go to Top -->
|
||||
<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
|
||||
data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
|
||||
<i class="fa fa-arrow-up u-go-to__inner"></i>
|
||||
</a>
|
||||
<!-- End Go to Top -->
|
||||
|
||||
<!-- JS Global Compulsory -->
|
||||
<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
|
||||
|
||||
<!-- JS Implementing Plugins -->
|
||||
<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
|
||||
|
||||
<!-- JS Space -->
|
||||
<script src="{{ asset('v2/js/hs.core.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
|
||||
|
||||
|
||||
|
||||
<!-- JS Plugins Init. -->
|
||||
<script>
|
||||
// initialization of google map
|
||||
{# function initMap() {
|
||||
$.HSCore.components.HSGMap.init('.js-g-map');
|
||||
} #}
|
||||
|
||||
$(window).on('load', function () {
|
||||
// initialization of HSMegaMenu component
|
||||
$('.js-mega-menu').HSMegaMenu({
|
||||
event: 'hover',
|
||||
pageContainer: $('.container'),
|
||||
breakpoint: 767,
|
||||
hideTimeOut: 0
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on('ready', function () {
|
||||
// initialization of header
|
||||
$.HSCore.components.HSHeader.init($('#header'));
|
||||
|
||||
// initialization of fancybox
|
||||
$.HSCore.components.HSFancyBox.init('.js-fancybox');
|
||||
|
||||
// initialization of unfold component
|
||||
$.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
|
||||
afterOpen: function () {
|
||||
if (!$('body').hasClass('IE11')) {
|
||||
$(this).find('input[type="search"]').focus();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// initialization of form validation
|
||||
$.HSCore.components.HSValidation.init('.js-validate', {
|
||||
rules: {
|
||||
confirmPassword: {
|
||||
equalTo: '#password'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// initialization of forms
|
||||
$.HSCore.helpers.HSFocusState.init();
|
||||
|
||||
// initialization of malihu scrollbar
|
||||
$.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
|
||||
|
||||
// initialization of autonomous popups
|
||||
$.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
|
||||
autonomous: true
|
||||
});
|
||||
|
||||
// initialization of show animations
|
||||
$.HSCore.components.HSShowAnimation.init('.js-animation-link');
|
||||
|
||||
// initialization of slick carousel
|
||||
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
|
||||
|
||||
$('.u-text-animation.u-text-animation').html("");
|
||||
// initialization of text animation (typing)
|
||||
var typed = new Typed(".u-text-animation.u-text-animation--typing", {
|
||||
strings: ["Recrutez les candidats", "Boostez vos recrutements", "Valorisez vos collaborateurs"],
|
||||
typeSpeed: 60,
|
||||
loop: true,
|
||||
backSpeed: 25,
|
||||
backDelay: 3000
|
||||
});
|
||||
|
||||
// initialization of cubeportfolio
|
||||
$.HSCore.components.HSCubeportfolio.init('.cbp');
|
||||
|
||||
// initialization of go to
|
||||
$.HSCore.components.HSGoTo.init('.js-go-to');
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
$(window).scroll(function () { // check if scroll event happened
|
||||
if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
|
||||
$("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
|
||||
$("#sidebarNavToggler").css("color","#fff");
|
||||
} else {
|
||||
$("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
|
||||
$("#sidebarNavToggler").css("color", "#000");
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{{ parent() }}
|
||||
<script src="https://player.vimeo.com/api/player.js"></script>
|
||||
{% endblock %}
|
||||
@@ -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 %}
|
||||
+43
@@ -0,0 +1,43 @@
|
||||
<!-- Plateforme DEBUT -->
|
||||
<div class=" accueilFondBlanc">
|
||||
<div class="container space-2 ">
|
||||
<!-- Video Section -->
|
||||
<div class="">
|
||||
<div class="container space-2-bottom space-3-bottom--lg">
|
||||
<div class=" text-center mx-auto">
|
||||
<!-- Video Block -->
|
||||
<div id="youTubeVideoPlayer" class="u-video-player mb-7">
|
||||
<!-- Cover Image -->
|
||||
<img class="img-fluid u-video-player__preview" src="{{ asset('v2/img/1920x800/tutoriel-video-de-motivation-cv-video.jpg')}} " alt="Image">
|
||||
<!-- End Cover Image -->
|
||||
|
||||
<!-- Play Button -->
|
||||
<a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t"
|
||||
data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
|
||||
data-caption="Témoignage">
|
||||
<span class="u-video-player__icon">
|
||||
<i class="fa fa-play u-video-player__icon-inner"></i>
|
||||
</span>
|
||||
</a>
|
||||
<!-- End Play Button -->
|
||||
|
||||
<!-- Video Iframe -->
|
||||
<div class="embed-responsive embed-responsive-16by9">
|
||||
|
||||
</div>
|
||||
<!-- End Video Iframe -->
|
||||
</div>
|
||||
<!-- End Video Block -->
|
||||
|
||||
<!-- Title -->
|
||||
<h2 class="h3">Accompagnement candidats</h2>
|
||||
<p>Suivez nos conseils pour postuler simplement aux offres d’emploi.</p>
|
||||
<!-- End Title -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Video Section -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Plateforme FIN -->
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
<!-- Recrutez DEBUT -->
|
||||
<div class="space1-bottom accueilFondBleute">
|
||||
<div class="container space-2 ">
|
||||
<div class="row align-items-lg-center">
|
||||
<div class="col-md-6 order-md-2 mb-5 mb-md-0">
|
||||
<!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
|
||||
<div class="mb-6">
|
||||
<h2 class="h3"> Découvrez les candidats autrement</h2>
|
||||
<p> Ces dernières années, les recruteurs ont vu apparaître de nouvelles formes de candidatures inédites. Les candidats révolutionnent le recrutement en optant pour de nouvelles tendances : profil Linkedin, pitch Mail, profil vidéo ou encore CV vidéo. La vidéo a également pris une place importante dans notre société.
|
||||
|
||||
La candidature en vidéo ou vidéo de motivation s’avère être un outil performant qui répond parfaitement à vos attentes. Elle propose une approche plus humaine du recrutement et dévoile ce qui ne se voit pas sur le papier.
|
||||
|
||||
En plus des savoirs et savoir-faire, la candidature vidéo met en lumière le savoir-être et le savoir devenir des candidats. Vous pouvez cerner la personnalité du candidat et son projet professionnel en quelques instants.
|
||||
</p>
|
||||
<a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 order-md-1">
|
||||
<div class="mb-6">
|
||||
<img class="img-fluid" src="{{ asset('v2/png/offres-emploi-en-video.png') }}" alt="Image Description">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Recrutez FIN -->
|
||||
+29
@@ -0,0 +1,29 @@
|
||||
<!-- Plateforme DEBUT -->
|
||||
<div class=" accueilFondBleute">
|
||||
<div class="container space-2 ">
|
||||
<div class="row row justify-content-lg-end ">
|
||||
<div class="col-md-6 ">
|
||||
<!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
|
||||
<div class="mb-6">
|
||||
<h2 class="h3"> Le CV classique : la fin d’un modèle</h2>
|
||||
<p> Dans un monde où les technologies, les compétences techniques ou hard skills évoluent très rapidement, le savoir-faire n’est plus le principal critère de sélection des candidats.
|
||||
|
||||
Aujourd’hui, votre entreprise recherche de plus en plus des compétences comportementales ou communément appelées “soft skills”. Il est difficile, voire impossible pour le candidat de communiquer ses qualités humaines à travers son CV.
|
||||
|
||||
Vous éprouvez des difficultés à détecter le talent qu’il vous faut ? Le CV papier ne vous suffit plus ? Vous souhaitez en savoir plus sur le candidat avant de faire votre choix ? Nous réinventons pour vous, la mise en relation pour l’emploi.
|
||||
</p>
|
||||
<a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 align-right paddintRight">
|
||||
<div class="mb-6">
|
||||
<img class="img-fluid" src="{{ asset('v2/png/plateforme-de-recrutement-en-video.png') }}"
|
||||
alt="Image Description">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Plateforme FIN -->
|
||||
+89
@@ -0,0 +1,89 @@
|
||||
<!-- Recrutez DEBUT -->
|
||||
<div class="space1-bottom accueilFondBleute">
|
||||
<!-- Gallery -->
|
||||
<div class="container space-1 space-2--sm space-3-bottom--lg">
|
||||
<div class="row mb-7">
|
||||
<!-- Gallery Heading -->
|
||||
<div class="col-lg-5">
|
||||
<h2 class="font-weight-normal">Exemple de<br class="d-none d-xl-inline-block"> vidéos de présentation</h2>
|
||||
</div>
|
||||
<!-- End Gallery Heading -->
|
||||
|
||||
<!-- Gallery Description -->
|
||||
<div class="col-lg-5 ml-lg-auto text-muted">
|
||||
Ils ont postulé aux offres d'emploi vidéo
|
||||
</div>
|
||||
<!-- End Gallery Description -->
|
||||
</div>
|
||||
|
||||
<!-- Slick Carousel -->
|
||||
<div class="js-slick-carousel js-slick-gallery u-slick u-slick--equal-height u-slick--blurex u-slick--center-mode-right u-slick--gutters-3"
|
||||
data-infinite="true"
|
||||
data-slides-show="4"
|
||||
data-center-mode="true"
|
||||
data-center-padding="150px"
|
||||
data-arrows-classes="u-slick__arrow-classic u-slick__arrow-classic--lg u-slick__arrow-centered--y rounded-circle"
|
||||
data-arrow-left-classes="fa fa-arrow-left u-slick__arrow-classic-inner bg-white opacity opacity-default--hover text-dark u-slick__arrow-classic-inner--left left-3 left-sm-7 opacity-0"
|
||||
data-arrow-right-classes="fa fa-arrow-right u-slick__arrow-classic-inner bg-white opacity opacity-default--hover text-dark u-slick__arrow-classic-inner--right right-3 right-sm-7"
|
||||
data-responsive='[{
|
||||
"breakpoint": 992,
|
||||
"settings": {
|
||||
"slidesToShow": 3
|
||||
}
|
||||
}, {
|
||||
"breakpoint": 768,
|
||||
"settings": {
|
||||
"slidesToShow": 2
|
||||
}
|
||||
}, {
|
||||
"breakpoint": 300,
|
||||
"settings": {
|
||||
"slidesToShow": 1
|
||||
}
|
||||
}]'>
|
||||
<div class="js-slide my-3 lift-lg shadow-2-sm-hover">
|
||||
<a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-1.jpg') }});">
|
||||
<div class="mt-auto text-center">
|
||||
<h5 class="font-weight-normal">Swimming Pool</h5>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="js-slide my-3 lift-lg shadow-2-sm-hover">
|
||||
<a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-2.jpg') }});">
|
||||
<div class="mt-auto text-center">
|
||||
<h5 class="font-weight-normal">Restaurants</h5>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="js-slide my-3 lift-lg shadow-2-sm-hover">
|
||||
<a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-3.jpg') }});">
|
||||
<div class="mt-auto text-center">
|
||||
<h5 class="font-weight-normal">Sunset</h5>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="js-slide my-3 lift-lg shadow-2-sm-hover">
|
||||
<a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-4.jpg') }});">
|
||||
<div class="mt-auto text-center">
|
||||
<h5 class="font-weight-normal">Gym</h5>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="js-slide my-3 lift-lg shadow-2-sm-hover">
|
||||
<a class="w-100 card bg-img-hero border-0 gradient-overlay-half-dark-v2-3 min-height-320 text-white rounded-pseudo p-4" href="#" style="background-image: url({{ asset('v2/img/candidatures/video-de-reponse-offre-emploi-5.jpg') }});">
|
||||
<div class="mt-auto text-center">
|
||||
<h5 class="font-weight-normal">Spa/Massage</h5>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Slick Carousel -->
|
||||
</div>
|
||||
|
||||
<!-- End Gallery -->
|
||||
</div>
|
||||
<!-- Recrutez FIN -->
|
||||
@@ -0,0 +1,21 @@
|
||||
<!-- Degradé avec Stats Section -->
|
||||
<div class="gradient-overlay-half-primary-v1">
|
||||
<div class="container text-center space-2-top space-3-top--lg space-3-bottom">
|
||||
<div class="w-md-80 w-lg-60 text-center mx-auto">
|
||||
<!-- SVG Quote -->
|
||||
<figure class="mx-auto mb-4" style="width: 50px;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 8 8" style="enable-background:new 0 0 8 8;" xml:space="preserve">
|
||||
<path fill="#e3e6f0" d="M3,1.3C2,1.7,1.2,2.7,1.2,3.6c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5
|
||||
C1.4,6.9,1,6.6,0.7,6.1C0.4,5.6,0.3,4.9,0.3,4.5c0-1.6,0.8-2.9,2.5-3.7L3,1.3z M7.1,1.3c-1,0.4-1.8,1.4-1.8,2.3
|
||||
c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5c-0.7,0-1.1-0.3-1.4-0.8
|
||||
C4.4,5.6,4.4,4.9,4.4,4.5c0-1.6,0.8-2.9,2.5-3.7L7.1,1.3z"/>
|
||||
</svg>
|
||||
</figure>
|
||||
<h2 class="text-white text-center">Fini le papier, faîtes place à la vidéo !</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Degradé avec Stats FIN-->
|
||||
+93
@@ -0,0 +1,93 @@
|
||||
<!-- Plateforme DEBUT -->
|
||||
<div class=" accueilFondBlanc">
|
||||
<div class="container space-2 ">
|
||||
<div class="card-deck d-block d-lg-flex">
|
||||
<div class="card card-frame mb-5">
|
||||
<!-- Listing -->
|
||||
<a class="card-body p-4" href="#">
|
||||
<div class="media">
|
||||
<img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/consult-cyan-icon.svg') }}" alt="Image Description">
|
||||
<div class="media-body px-4">
|
||||
<h4 class="h6 text-dark mb-1">Multi-support</h4>
|
||||
<p class="mb-0">Smartphone, tablette ou ordinateur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- End Listing -->
|
||||
</div>
|
||||
|
||||
<div class="card card-frame mb-5">
|
||||
<!-- Listing -->
|
||||
<a class="card-body p-4" href="#">
|
||||
<div class="media">
|
||||
<img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/plan-brown-icon.svg') }}" alt="Image Description">
|
||||
<div class="media-body px-4">
|
||||
<h4 class="h6 text-dark mb-1">Outil d’enregistrement vidéo</h4>
|
||||
<p>Simple, rapide, gratuit et confidentiel.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- End Listing -->
|
||||
</div>
|
||||
|
||||
<div class="card card-frame mb-5">
|
||||
<!-- Listing -->
|
||||
<a class="card-body p-4" href="#">
|
||||
<div class="media">
|
||||
<img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/create-blue-icon.svg') }}" alt="Image Description">
|
||||
<div class="media-body px-4">
|
||||
<h4 class="h6 text-dark mb-1">Candidature vidéo</h4>
|
||||
<p>Réponse à vos offres d’emploi vidéo ou candidature spontanée.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- End Listing -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-deck d-block d-lg-flex">
|
||||
<div class="card card-frame mb-5">
|
||||
<!-- Listing -->
|
||||
<a class="card-body p-4" href="#">
|
||||
<div class="media">
|
||||
<img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/develop-purple-icon.svg') }}" alt="Image Description">
|
||||
<div class="media-body px-4">
|
||||
<h4 class="h6 text-dark mb-1">Tutoriel vidéo</h4>
|
||||
<p>Pour la réalisation, les candidats disposent de vidéos conseils.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- End Listing -->
|
||||
</div>
|
||||
|
||||
<div class="card card-frame mb-5">
|
||||
<!-- Listing -->
|
||||
<a class="card-body p-4" href="#">
|
||||
<div class="media">
|
||||
<img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/rocket-red-icon.svg') }}" alt="Image Description">
|
||||
<div class="media-body px-4">
|
||||
<h4 class="h6 text-dark mb-1">Les plus de la vidéo de motivation</h4>
|
||||
<p>Personnalité, motivation et projet professionnel.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- End Listing -->
|
||||
</div>
|
||||
|
||||
<div class="card card-frame mb-5">
|
||||
<!-- Listing -->
|
||||
<a class="card-body p-4" href="#">
|
||||
<div class="media">
|
||||
<img class="max-width-9 mb-2" src="{{ asset('v2/svg/components/data-analysis-dark-icon.svg') }}" alt="Image Description">
|
||||
<div class="media-body px-4">
|
||||
<h4 class="h6 text-dark mb-1">Traitement des candidatures</h4>
|
||||
<p>Réponses aux candidats depuis l’outil : écrite ou en vidéo.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- End Listing -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Plateforme FIN -->
|
||||
@@ -0,0 +1,20 @@
|
||||
<!-- Accueil Photo Haut Section -->
|
||||
<div class="bg-img-hero-center" style="background-image: url({{ asset('v2/img/1920x800/recrutement-video.jpg')}} ">
|
||||
<div class="container space-2 space-5-top--lg space-4-bottom--lg">
|
||||
<div class="w-md-75">
|
||||
<!-- Title -->
|
||||
<div class="mb-7">
|
||||
<span class="d-block text-white text-uppercase mb-2">Talents tube</span>
|
||||
<h1 class="display-4 font-size-48--md-down text-white mb-4">
|
||||
<strong class="u-text-animation u-text-animation--typing"></strong>
|
||||
<br>avec la vidéo
|
||||
</h1>
|
||||
|
||||
</div>
|
||||
<!-- End Title -->
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Accueil Photo Haut Section -->
|
||||
+27
@@ -0,0 +1,27 @@
|
||||
<!-- Degradé avec Stats Section -->
|
||||
<div class="gradient-overlay-half-primary-v1">
|
||||
<div class="container text-center space-2-top space-3-top--lg space-2-bottom">
|
||||
<div class=" text-center ">
|
||||
<!-- SVG Quote -->
|
||||
<figure class="mx-auto mb-4" style="width: 50px;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 8 8" style="enable-background:new 0 0 8 8;" xml:space="preserve">
|
||||
<path fill="#e3e6f0" d="M3,1.3C2,1.7,1.2,2.7,1.2,3.6c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5
|
||||
C1.4,6.9,1,6.6,0.7,6.1C0.4,5.6,0.3,4.9,0.3,4.5c0-1.6,0.8-2.9,2.5-3.7L3,1.3z M7.1,1.3c-1,0.4-1.8,1.4-1.8,2.3
|
||||
c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5c-0.7,0-1.1-0.3-1.4-0.8
|
||||
C4.4,5.6,4.4,4.9,4.4,4.5c0-1.6,0.8-2.9,2.5-3.7L7.1,1.3z"/>
|
||||
</svg>
|
||||
</figure>
|
||||
<h2 class="text-white text-center"> De nombreuses entreprises utilisent notre solution de recrutement, alors pourquoi pas vous ?</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" text-center space-3-bottom">
|
||||
<a class="btn btn-sm btn-contact" href="#signupModal" role="button" data-modal-target="#signupModal" data-overlay-color="#151b26">
|
||||
<i class="fa fa-user-circle mr-1"></i>
|
||||
Contactez nous
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Degradé avec Stats FIN-->
|
||||
+183
@@ -0,0 +1,183 @@
|
||||
{% extends 'basev2.html.twig' %}
|
||||
|
||||
{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<main id="content">
|
||||
{% include 'defaultv2/accueil/blocPhoto.html.twig'
|
||||
with {
|
||||
'urlImage': 'v2/img/1920x800/candidature-offre-emploi-video.jpg',
|
||||
'textParDefaut' : 'Recevez des candidatures',
|
||||
'textVideo' : 'avec la vidéo'
|
||||
} %}
|
||||
|
||||
{% include 'defaultv2/candidatures/blocCvClassique.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/candidatures/blocFinCv.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/candidatures/blocCandidatureAutrement.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/candidatures/blocGrille.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/candidatures/blocExempleMotivation.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/candidatures/blocAccompagnement.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/candidatures/blocPourquoiPasVous.html.twig' %}
|
||||
</main>
|
||||
<!-- ========== END MAIN CONTENT ========== -->
|
||||
|
||||
{% include 'defaultv2/accueil/footer.html.twig' %}
|
||||
|
||||
|
||||
|
||||
<!-- Begin Panel Login -->
|
||||
{% include 'defaultv2/accueil/blocLogin.html.twig'
|
||||
with {
|
||||
'csrf_token': csrf_token,
|
||||
'error' : error
|
||||
} %}
|
||||
<!-- End Panel Login -->
|
||||
|
||||
<!-- Go to Top -->
|
||||
<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
|
||||
data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
|
||||
<i class="fa fa-arrow-up u-go-to__inner"></i>
|
||||
</a>
|
||||
<!-- End Go to Top -->
|
||||
|
||||
<!-- JS Global Compulsory -->
|
||||
<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
|
||||
|
||||
<!-- JS Implementing Plugins -->
|
||||
<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
|
||||
|
||||
<!-- JS Space -->
|
||||
<script src="{{ asset('v2/js/hs.core.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.video-player.js') }}"></script>
|
||||
|
||||
|
||||
|
||||
<!-- JS Plugins Init. -->
|
||||
<script>
|
||||
// initialization of google map
|
||||
{# function initMap() {
|
||||
$.HSCore.components.HSGMap.init('.js-g-map');
|
||||
} #}
|
||||
|
||||
$(window).on('load', function () {
|
||||
// initialization of HSMegaMenu component
|
||||
$('.js-mega-menu').HSMegaMenu({
|
||||
event: 'hover',
|
||||
pageContainer: $('.container'),
|
||||
breakpoint: 767,
|
||||
hideTimeOut: 0
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on('ready', function () {
|
||||
// initialization of header
|
||||
$.HSCore.components.HSHeader.init($('#header'));
|
||||
|
||||
// initialization of fancybox
|
||||
$.HSCore.components.HSFancyBox.init('.js-fancybox');
|
||||
|
||||
// initialization of unfold component
|
||||
$.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
|
||||
afterOpen: function () {
|
||||
if (!$('body').hasClass('IE11')) {
|
||||
$(this).find('input[type="search"]').focus();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// initialization of form validation
|
||||
$.HSCore.components.HSValidation.init('.js-validate', {
|
||||
rules: {
|
||||
confirmPassword: {
|
||||
equalTo: '#password'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// initialization of forms
|
||||
$.HSCore.helpers.HSFocusState.init();
|
||||
|
||||
// initialization of malihu scrollbar
|
||||
$.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
|
||||
|
||||
// initialization of autonomous popups
|
||||
$.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
|
||||
autonomous: true
|
||||
});
|
||||
|
||||
// initialization of show animations
|
||||
$.HSCore.components.HSShowAnimation.init('.js-animation-link');
|
||||
|
||||
// initialization of slick carousel
|
||||
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
|
||||
|
||||
// initialization of video player
|
||||
$.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');
|
||||
$('.u-text-animation.u-text-animation').html("");
|
||||
// initialization of text animation (typing)
|
||||
var typed = new Typed(".u-text-animation.u-text-animation--typing", {
|
||||
strings: ["Recevez des candidatures "],
|
||||
typeSpeed: 60,
|
||||
loop: true,
|
||||
backSpeed: 25,
|
||||
backDelay: 3000
|
||||
});
|
||||
|
||||
// initialization of cubeportfolio
|
||||
$.HSCore.components.HSCubeportfolio.init('.cbp');
|
||||
|
||||
// initialization of go to
|
||||
$.HSCore.components.HSGoTo.init('.js-go-to');
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
$(window).scroll(function () { // check if scroll event happened
|
||||
if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
|
||||
$("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
|
||||
$("#sidebarNavToggler").css("color","#fff");
|
||||
} else {
|
||||
$("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
|
||||
$("#sidebarNavToggler").css("color", "#000");
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{{ parent() }}
|
||||
<script src="https://player.vimeo.com/api/player.js"></script>
|
||||
{% endblock %}
|
||||
@@ -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 %}
|
||||
+1474
File diff suppressed because it is too large
Load Diff
+231
@@ -0,0 +1,231 @@
|
||||
{% extends 'basev2.html.twig' %}
|
||||
|
||||
{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<main id="content">
|
||||
<!-- Privacy Section -->
|
||||
<div class="bg-gray-100">
|
||||
<div class="container space-2 space-4-top--lg space-3-bottom--lg">
|
||||
<div class="w-lg-80 bg-white border rounded mx-lg-auto p-5 p-sm-7">
|
||||
<!-- Hero -->
|
||||
<div class="mb-9">
|
||||
<h1>Mentions Légales</h1>
|
||||
</div>
|
||||
<!-- End Hero -->
|
||||
|
||||
<!-- Info Content -->
|
||||
<div class="mb-7">
|
||||
<div class="mb-3">
|
||||
<h2 class="h4">Identité de l'éditeur du site</h2>
|
||||
</div>
|
||||
|
||||
<p>Le site www.talentstube.com est édité par :</p>
|
||||
|
||||
<p>La société TALENTS TUBE, Société par Actions Simplifiée au capital de 305 000 euros,
|
||||
Immatriculée au Registre du Commerce et des Sociétés de VANNES sous le numéro 824 366 926
|
||||
Dont le siège social est situé CP60 PIBS 56038 VANNES Cedex, France
|
||||
Numéro de TVA Intracommunautaire : FR 42 824366926</p>
|
||||
|
||||
<p>Représentée par Monsieur Franck DELALANDE, son Président.
|
||||
Directeur de la publication : Franck DELALANDE.</p>
|
||||
</div>
|
||||
<!-- End Info Content -->
|
||||
|
||||
<!-- Info Content -->
|
||||
<div class="mb-7">
|
||||
<div class="mb-3">
|
||||
<h3 class="h4">Contact</h3>
|
||||
</div>
|
||||
|
||||
<p>Talents Tube est joignable :</p>
|
||||
<p>- Par internet : via le **formulaire de contact** </p>
|
||||
<p>- Par téléphone au 02 30 05 06 31, du lundi au vendredi de 9 h à 18 h;</p>
|
||||
<p>- Par voie postale :</p>
|
||||
<p>Talents Tube</p>
|
||||
<p>3 Rue Louis de Broglie</p>
|
||||
<p>Village By CA</p>
|
||||
<p>56000 VANNES</p>
|
||||
</div>
|
||||
<!-- End Info Content -->
|
||||
|
||||
<!-- Info Content -->
|
||||
<div class="mb-7">
|
||||
<div class="mb-3">
|
||||
<h3 class="h4">Hébergement</h3>
|
||||
</div>
|
||||
|
||||
<p>e-declic</p>
|
||||
<p>27 Rue du Danemark - Porte océane 2</p>
|
||||
<p>Espace Terre et mer</p>
|
||||
<p>56400 Auray</p>
|
||||
<p>Tél. : +33.(0)297 290 060</p>
|
||||
</div>
|
||||
<!-- End Info Content -->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Privacy Section -->
|
||||
</main>
|
||||
<!-- ========== END MAIN CONTENT ========== -->
|
||||
|
||||
{% include 'defaultv2/accueil/footer.html.twig' %}
|
||||
|
||||
|
||||
|
||||
<!-- Begin Panel Login -->
|
||||
{% include 'defaultv2/accueil/blocLogin.html.twig'
|
||||
with {
|
||||
'csrf_token': csrf_token,
|
||||
'error' : error
|
||||
} %}
|
||||
<!-- End Panel Login -->
|
||||
|
||||
<!-- Go to Top -->
|
||||
<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
|
||||
data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
|
||||
<i class="fa fa-arrow-up u-go-to__inner"></i>
|
||||
</a>
|
||||
<!-- End Go to Top -->
|
||||
|
||||
<!-- JS Global Compulsory -->
|
||||
<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
|
||||
|
||||
<!-- JS Implementing Plugins -->
|
||||
<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
|
||||
|
||||
<!-- JS Space -->
|
||||
<script src="{{ asset('v2/js/hs.core.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.video-player.js') }}"></script>
|
||||
|
||||
|
||||
|
||||
<!-- JS Plugins Init. -->
|
||||
<script>
|
||||
// initialization of google map
|
||||
{# function initMap() {
|
||||
$.HSCore.components.HSGMap.init('.js-g-map');
|
||||
} #}
|
||||
|
||||
$(window).on('load', function () {
|
||||
// initialization of HSMegaMenu component
|
||||
$('.js-mega-menu').HSMegaMenu({
|
||||
event: 'hover',
|
||||
pageContainer: $('.container'),
|
||||
breakpoint: 767,
|
||||
hideTimeOut: 0
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on('ready', function () {
|
||||
// initialization of header
|
||||
$.HSCore.components.HSHeader.init($('#header'));
|
||||
|
||||
// initialization of fancybox
|
||||
$.HSCore.components.HSFancyBox.init('.js-fancybox');
|
||||
|
||||
// initialization of unfold component
|
||||
$.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
|
||||
afterOpen: function () {
|
||||
if (!$('body').hasClass('IE11')) {
|
||||
$(this).find('input[type="search"]').focus();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// initialization of form validation
|
||||
$.HSCore.components.HSValidation.init('.js-validate', {
|
||||
rules: {
|
||||
confirmPassword: {
|
||||
equalTo: '#password'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// initialization of forms
|
||||
$.HSCore.helpers.HSFocusState.init();
|
||||
|
||||
// initialization of malihu scrollbar
|
||||
$.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
|
||||
|
||||
// initialization of autonomous popups
|
||||
$.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
|
||||
autonomous: true
|
||||
});
|
||||
|
||||
// initialization of show animations
|
||||
$.HSCore.components.HSShowAnimation.init('.js-animation-link');
|
||||
|
||||
// initialization of slick carousel
|
||||
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
|
||||
|
||||
// initialization of video player
|
||||
$.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');
|
||||
|
||||
// initialization of text animation (typing)
|
||||
$('.u-text-animation.u-text-animation').html("");
|
||||
|
||||
var typed = new Typed(".u-text-animation.u-text-animation--typing", {
|
||||
strings: [" Attirez des talents "],
|
||||
typeSpeed: 60,
|
||||
loop: true,
|
||||
backSpeed: 25,
|
||||
backDelay: 3000
|
||||
});
|
||||
|
||||
// initialization of cubeportfolio
|
||||
$.HSCore.components.HSCubeportfolio.init('.cbp');
|
||||
|
||||
// initialization of go to
|
||||
$.HSCore.components.HSGoTo.init('.js-go-to');
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
$(window).scroll(function () { // check if scroll event happened
|
||||
if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
|
||||
$("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
|
||||
$("#sidebarNavToggler").css("color","#fff");
|
||||
} else {
|
||||
$("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
|
||||
$("#sidebarNavToggler").css("color", "#000");
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
||||
|
||||
{% block javascripts %}
|
||||
{{ parent() }}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,149 @@
|
||||
<!-- 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="indexv2" 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 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="offre-emploi-video">
|
||||
L'Offre d'emploi
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<!-- End Home -->
|
||||
|
||||
<!-- Pages -->
|
||||
<li class="nav-item u-header__nav-item">
|
||||
<a id="PagesMegaMenu" class="nav-link u-header__nav-link" href="marque-employeur-en-video"
|
||||
aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
La Marque employeur
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<!-- End Pages -->
|
||||
|
||||
<!-- Works -->
|
||||
<li class="nav-item u-header__nav-item"
|
||||
data-event="hover"
|
||||
data-animation-in="fadeInUp"
|
||||
data-animation-out="fadeOut">
|
||||
<a id="worksMegaMenu" class="nav-link u-header__nav-link" href="candidatures-cv-video">
|
||||
La Candidature
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
</li>
|
||||
<!-- End Works -->
|
||||
|
||||
<!-- Blog -->
|
||||
<li class="nav-item u-header__nav-item"
|
||||
data-event="hover"
|
||||
data-animation-in="fadeInUp"
|
||||
data-animation-out="fadeOut">
|
||||
<a id="blogMegaMenu" class="nav-link u-header__nav-link" href="https://blog.talentstube.com/" target="_blank">
|
||||
Blog
|
||||
|
||||
</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,242 @@
|
||||
{% 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,45 @@
|
||||
<!-- Plateforme DEBUT -->
|
||||
<div class="space1-bottom accueilFondBleute">
|
||||
<div class="container space-2 ">
|
||||
<div class="row align-items-lg-center">
|
||||
|
||||
|
||||
<!-- Icon Blocks Section -->
|
||||
<div class="container space-2 space-3--lg">
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-7 mb-md-0">
|
||||
<!-- Icon Blocks -->
|
||||
<div class="text-center px-lg-3">
|
||||
<img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/trophy-purple-icon.svg') }}" alt="Image Description">
|
||||
<h3 class="h4">Améliorez vos annonces</h3>
|
||||
<p class="mb-0">La vidéo génère 34% de candidatures supplémentaires par rapport à une annonce d’emploi écrite.</p>
|
||||
</div>
|
||||
<!-- End Icon Blocks -->
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-7 mb-md-0">
|
||||
<!-- Icon Blocks -->
|
||||
<div class="text-center px-lg-3">
|
||||
<img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/idea-primary-icon.svg') }}" alt="Image Description">
|
||||
<h3 class="h4">Attirez les jeunes candidats</h3>
|
||||
<p class="mb-0">La génération des millenials représentera 75% de la population active d’ici 2030.</p>
|
||||
</div>
|
||||
<!-- End Icon Blocks -->
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<!-- Icon Blocks -->
|
||||
<div class="text-center px-lg-3">
|
||||
<img class="max-width-14 mb-2" src="{{ asset('v2/svg/components/rocket-red-icon.svg') }}" alt="Image Description">
|
||||
<h3 class="h4">Adoptez le Mobile First</h3>
|
||||
<p class="mb-0">82% des candidats recherchent des offres d’emploi depuis leur smartphone.</p>
|
||||
</div>
|
||||
<!-- End Icon Blocks -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Icon Blocks Section -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Plateforme FIN -->
|
||||
@@ -0,0 +1,21 @@
|
||||
<!-- Degradé avec Stats Section -->
|
||||
<div class="gradient-overlay-half-primary-v1">
|
||||
<div class="container text-center space-2-top space-3-top--lg space-3-bottom">
|
||||
<div class="w-md-80 w-lg-60 text-center mx-auto">
|
||||
<!-- SVG Quote -->
|
||||
<figure class="mx-auto mb-4" style="width: 50px;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 8 8" style="enable-background:new 0 0 8 8;" xml:space="preserve">
|
||||
<path fill="#e3e6f0" d="M3,1.3C2,1.7,1.2,2.7,1.2,3.6c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5
|
||||
C1.4,6.9,1,6.6,0.7,6.1C0.4,5.6,0.3,4.9,0.3,4.5c0-1.6,0.8-2.9,2.5-3.7L3,1.3z M7.1,1.3c-1,0.4-1.8,1.4-1.8,2.3
|
||||
c0,0.2,0,0.4,0.1,0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.8,0,1.5,0.6,1.5,1.5c0,0.9-0.7,1.5-1.5,1.5c-0.7,0-1.1-0.3-1.4-0.8
|
||||
C4.4,5.6,4.4,4.9,4.4,4.5c0-1.6,0.8-2.9,2.5-3.7L7.1,1.3z"/>
|
||||
</svg>
|
||||
</figure>
|
||||
<h2 class="text-white text-center"> Ce sont ceux qui vivent le métier au quotidien qui en parlent le mieux !</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Degradé avec Stats FIN-->
|
||||
@@ -0,0 +1,81 @@
|
||||
<!-- Plateforme DEBUT -->
|
||||
<div class=" accueilFondBlanc">
|
||||
<div class="container space-2 ">
|
||||
<div class="row row justify-content-lg-end ">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Benefits -->
|
||||
<div class="space-2 space-3-bottom--lg overflow-hidden">
|
||||
<div class="container">
|
||||
<div class="row no-gutters align-items-center">
|
||||
<div class="col-lg-5 mb-5 mb-lg-0">
|
||||
<h6 class="text-uppercase font-weight-medium letter-spacing-0_06 mb-3">Benefits</h6>
|
||||
<h2 class="text-lh-xs mb-4">La démarche pour recruter</h2>
|
||||
<p class="mb-5">Grâce au storytelling, vous racontez à vos employés potentiels, une histoire qui humanise votre entreprise.
|
||||
Par l’interview de vos collaborateurs, la visite de vos locaux, vous leur offrez une vue de l’intérieur en toute cohérence avec la réalité de votre quotidien.</p>
|
||||
|
||||
<!-- Benefits List -->
|
||||
<ul class="list-unstyled mb-7">
|
||||
<li class="d-flex align-items-start mb-5">
|
||||
<div class="mt-2">
|
||||
<span class="u-icon u-icon--secondary u-icon--sm rounded-circle">
|
||||
<span class="u-icon__inner">1</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<p class="mb-0">Tournage dans vos locaux</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="d-flex align-items-start mb-5">
|
||||
<div class="mt-2">
|
||||
<span class="u-icon u-icon--secondary u-icon--sm rounded-circle">
|
||||
<span class="u-icon__inner">2</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<p class="mb-0">Votre espace Talents Tube</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="d-flex align-items-start mb-5">
|
||||
<div class="mt-2">
|
||||
<span class="u-icon u-icon--secondary u-icon--sm rounded-circle">
|
||||
<span class="u-icon__inner">3</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<p class="mb-0">Vos candidatures en vidéo </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- End Benefits List -->
|
||||
|
||||
<!-- Logos -->
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item mr-6"><img src="{{ asset('v2/img/clients/google.png') }}" alt="Image Description" width="94"></li>
|
||||
<li class="list-inline-item mr-6"><img src="{{ asset('v2/img/clients/slack.png') }}" alt="Image Description" width="97"></li>
|
||||
<li class="list-inline-item"><img src="{{ asset('v2/img/clients/spotify.png') }}" alt="Image Description" width="94"></li>
|
||||
</ul>
|
||||
<!-- End Logos -->
|
||||
</div>
|
||||
<div class="col-lg-6 offset-lg-1">
|
||||
<div class="position-relative h-100 vw-lg-50">
|
||||
<img class="img-fluid w-100 rounded rounded-lg-right-0" src="{{ asset('v2/img/demo/real-estate/benefits.jpg') }}" alt="Image Description">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Benefits -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Plateforme FIN -->
|
||||
@@ -0,0 +1,58 @@
|
||||
<!-- Plateforme DEBUT -->
|
||||
<div class=" accueilFondBlanc">
|
||||
<div class="container space-2 ">
|
||||
<div class="row row justify-content-lg-end ">
|
||||
<div class="col-md-6 ">
|
||||
<!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
|
||||
<div class="mb-6">
|
||||
<h2 class="h3"> Qu’est ce qu’une offre d’emploi vidéo ?</h2>
|
||||
<p> Véritable outil d’attractivité, vous vous distinguez auprès des
|
||||
candidats en recherche de projets professionnels, mais aussi
|
||||
auprès de toutes vos parties prenantes.
|
||||
|
||||
La vidéo d’offre d’emploi est un outil qui plaît davantage aux talents
|
||||
et qui vous permet de présenter en quelques minutes et en toute
|
||||
authenticité votre équipe, vos valeurs, votre environnement de
|
||||
travail et le quotidien de vos métiers.
|
||||
</p>
|
||||
<a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 align-right paddintRight">
|
||||
<div class="mb-6">
|
||||
|
||||
|
||||
<!-- Video Block -->
|
||||
<div id="youTubeVideoPlayer" class="u-video-player mb-7">
|
||||
<!-- Cover Image -->
|
||||
<img class="img-fluid u-video-player__preview" src="{{ asset('v2/png/plateforme-recrutement-offre-emploi-video.jpg') }}" alt="Image">
|
||||
<!-- End Cover Image -->
|
||||
|
||||
<!-- Play Button -->
|
||||
<a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t"
|
||||
data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
|
||||
data-caption="Témoignage">
|
||||
<span class="u-video-player__icon">
|
||||
<i class="fa fa-play u-video-player__icon-inner"></i>
|
||||
</span>
|
||||
</a>
|
||||
<!-- End Play Button -->
|
||||
|
||||
<!-- Video Iframe -->
|
||||
<div class="embed-responsive embed-responsive-16by9">
|
||||
|
||||
</div>
|
||||
<!-- End Video Iframe -->
|
||||
</div>
|
||||
<!-- End Video Block -->
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Plateforme FIN -->
|
||||
+55
@@ -0,0 +1,55 @@
|
||||
<!-- Plateforme DEBUT -->
|
||||
<div class="space1-bottom accueilFondBleute">
|
||||
<div class="container space-2 ">
|
||||
<div class="row align-items-lg-center">
|
||||
<div class="col-md-6 order-md-2 mb-5 mb-md-0">
|
||||
<!-- Title <div class="col-md-6 order-md-2 mb-5 mb-md-0">-->
|
||||
<div class="mb-6">
|
||||
<h2 class="h3"> La vidéo d’offre d’emploi améliore l’efficacité de vos recrutements.</h2>
|
||||
<p>À travers une présentation moderne, dynamique et originale de votre organisation, de votre équipe et du poste, vous vous distinguez des autres recruteurs.
|
||||
|
||||
Gagnez du temps pour la présélection des candidats et évitez les erreurs de recrutement. En étant plus précis dans votre offre, vous séduisez les meilleurs talents et seuls les candidats réellement intéressés postulent en vidéo. Replacez l’humain au cœur du recrutement !
|
||||
|
||||
Véritable levier d’engagement, fédérateur pour vos équipes et outil de fidélisation, vos collaborateurs sont fiers de présenter de leur métier.
|
||||
</p>
|
||||
<a class="btn btn-sm btn-primary btn-wide" href="#">Voir la plateforme</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 align-right paddintRight">
|
||||
<div class="mb-6">
|
||||
|
||||
|
||||
<!-- Video Block -->
|
||||
<div id="youTubeVideoPlayer" class="u-video-player mb-7">
|
||||
<!-- Cover Image -->
|
||||
<img class="img-fluid u-video-player__preview" src="{{ asset('v2/png/temoignage-recrutement-offre-emploi-video.jpg') }}" alt="Image">
|
||||
<!-- End Cover Image -->
|
||||
|
||||
<!-- Play Button -->
|
||||
<a class="js-fancybox text-white u-video-player__btn u-video-player__centered" href="javascript:;" data-src="https://www.youtube.com/watch?v=CZDfD2ugXtg&t"
|
||||
data-speed="700" data-animate-in="zoomIn" data-animate-out="zoomOut"
|
||||
data-caption="Témoignage">
|
||||
<span class="u-video-player__icon">
|
||||
<i class="fa fa-play u-video-player__icon-inner"></i>
|
||||
</span>
|
||||
</a>
|
||||
<!-- End Play Button -->
|
||||
|
||||
<!-- Video Iframe -->
|
||||
<div class="embed-responsive embed-responsive-16by9">
|
||||
|
||||
</div>
|
||||
<!-- End Video Iframe -->
|
||||
</div>
|
||||
<!-- End Video Block -->
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Plateforme FIN -->
|
||||
+183
@@ -0,0 +1,183 @@
|
||||
{% extends 'basev2.html.twig' %}
|
||||
|
||||
{% block title %}Talents Tube : Le 1er job board 100% vidéo{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<main id="content">
|
||||
{% include 'defaultv2/accueil/blocPhoto.html.twig'
|
||||
with {
|
||||
'urlImage': 'v2/img/1920x800/attirer-les-candidats-avec-une-offre-emploi-video.jpg',
|
||||
'textParDefaut' : 'Attirez des talents',
|
||||
'textVideo' : 'avec l’offre d’emploi vidéo'
|
||||
} %}
|
||||
|
||||
{% include 'defaultv2/offres/blocOffreVideo.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/offres/blocPourquoiVideo.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/offres/blocAvantages.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/offres/blocCitation.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/offres/blocDemarche.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/candidatures/blocAccompagnement.html.twig' %}
|
||||
|
||||
{% include 'defaultv2/candidatures/blocPourquoiPasVous.html.twig' %}
|
||||
</main>
|
||||
<!-- ========== END MAIN CONTENT ========== -->
|
||||
|
||||
{% include 'defaultv2/accueil/footer.html.twig' %}
|
||||
|
||||
<!-- Begin Panel Login -->
|
||||
{% include 'defaultv2/accueil/blocLogin.html.twig'
|
||||
with {
|
||||
'csrf_token': csrf_token,
|
||||
'error' : error
|
||||
} %}
|
||||
<!-- End Panel Login -->
|
||||
|
||||
<!-- Go to Top -->
|
||||
<a class="js-go-to u-go-to" href="javascript:;" data-position='{"bottom": 30, "right": 100 }' data-type="fixed"
|
||||
data-offset-top="400" data-compensation="#header" data-show-effect="slideInUp" data-hide-effect="slideOutDown">
|
||||
<i class="fa fa-arrow-up u-go-to__inner"></i>
|
||||
</a>
|
||||
<!-- End Go to Top -->
|
||||
|
||||
<!-- JS Global Compulsory -->
|
||||
<script src="{{ asset('v2/vendor/jquery/dist/jquery.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/popper.js/dist/umd/popper.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/bootstrap/bootstrap.min.js') }}"></script>
|
||||
|
||||
<!-- JS Implementing Plugins -->
|
||||
<script src="{{ asset('v2/vendor/hs-megamenu/src/hs.megamenu.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/jquery-validation/dist/jquery.validate.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/custombox/dist/custombox.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/custombox/dist/custombox.legacy.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/typed.js/lib/typed.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/slick-carousel/slick/slick.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/cubeportfolio/js/jquery.cubeportfolio.min.js') }}"></script>
|
||||
<script src="{{ asset('v2/vendor/fancybox/jquery.fancybox.min.js') }}"></script>
|
||||
|
||||
<!-- JS Space -->
|
||||
<script src="{{ asset('v2/js/hs.core.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.header.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.unfold.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.validation.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/helpers/hs.focus-state.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.malihu-scrollbar.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.fancybox.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.modal-window.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.show-animation.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.slick-carousel.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.cubeportfolio.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.g-map.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.go-to.js') }}"></script>
|
||||
<script src="{{ asset('v2/js/components/hs.video-player.js') }}"></script>
|
||||
|
||||
|
||||
|
||||
<!-- JS Plugins Init. -->
|
||||
<script>
|
||||
// initialization of google map
|
||||
{# function initMap() {
|
||||
$.HSCore.components.HSGMap.init('.js-g-map');
|
||||
} #}
|
||||
|
||||
$(window).on('load', function () {
|
||||
// initialization of HSMegaMenu component
|
||||
$('.js-mega-menu').HSMegaMenu({
|
||||
event: 'hover',
|
||||
pageContainer: $('.container'),
|
||||
breakpoint: 767,
|
||||
hideTimeOut: 0
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on('ready', function () {
|
||||
// initialization of header
|
||||
$.HSCore.components.HSHeader.init($('#header'));
|
||||
|
||||
// initialization of fancybox
|
||||
$.HSCore.components.HSFancyBox.init('.js-fancybox');
|
||||
|
||||
// initialization of unfold component
|
||||
$.HSCore.components.HSUnfold.init($('[data-unfold-target]'), {
|
||||
afterOpen: function () {
|
||||
if (!$('body').hasClass('IE11')) {
|
||||
$(this).find('input[type="search"]').focus();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// initialization of form validation
|
||||
$.HSCore.components.HSValidation.init('.js-validate', {
|
||||
rules: {
|
||||
confirmPassword: {
|
||||
equalTo: '#password'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// initialization of forms
|
||||
$.HSCore.helpers.HSFocusState.init();
|
||||
|
||||
// initialization of malihu scrollbar
|
||||
$.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
|
||||
|
||||
// initialization of autonomous popups
|
||||
$.HSCore.components.HSModalWindow.init('[data-modal-target]', '.js-signup-modal', {
|
||||
autonomous: true
|
||||
});
|
||||
|
||||
// initialization of show animations
|
||||
$.HSCore.components.HSShowAnimation.init('.js-animation-link');
|
||||
|
||||
// initialization of slick carousel
|
||||
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
|
||||
|
||||
// initialization of video player
|
||||
$.HSCore.components.HSVideoPlayer.init('.js-inline-video-player');
|
||||
|
||||
// initialization of text animation (typing)
|
||||
$('.u-text-animation.u-text-animation').html("");
|
||||
|
||||
var typed = new Typed(".u-text-animation.u-text-animation--typing", {
|
||||
strings: [" Attirez des talents "],
|
||||
typeSpeed: 60,
|
||||
loop: true,
|
||||
backSpeed: 25,
|
||||
backDelay: 3000
|
||||
});
|
||||
|
||||
// initialization of cubeportfolio
|
||||
$.HSCore.components.HSCubeportfolio.init('.cbp');
|
||||
|
||||
// initialization of go to
|
||||
$.HSCore.components.HSGoTo.init('.js-go-to');
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
$(window).scroll(function () { // check if scroll event happened
|
||||
if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
|
||||
$("#logoAndNav").css("background-color","#000"); // if yes, then change the color of class "navbar-fixed-top" to white (#f8f8f8)
|
||||
$("#sidebarNavToggler").css("color","#fff");
|
||||
} else {
|
||||
$("#logoAndNav").css("background-color", "transparent"); // if not, change it back to transparent
|
||||
$("#sidebarNavToggler").css("color", "#000");
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{{ parent() }}
|
||||
<script src="https://player.vimeo.com/api/player.js"></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 %}
|
||||
@@ -37,3 +37,9 @@ monolog:
|
||||
|
||||
swiftmailer:
|
||||
delivery_addresses: ['%delivery_addresses%']
|
||||
|
||||
# Twig Configuration
|
||||
twig:
|
||||
globals:
|
||||
url_plateforme : http://localhost:3000
|
||||
|
||||
|
||||
@@ -13,3 +13,8 @@ monolog:
|
||||
level: debug
|
||||
console:
|
||||
type: console
|
||||
|
||||
# Twig Configuration
|
||||
twig:
|
||||
globals:
|
||||
url_plateforme : https://app.talentstube.com/
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
{
|
||||
"description": "Talents tube",
|
||||
"name": "edeclic/tt",
|
||||
"license": "proprietary",
|
||||
"type": "project",
|
||||
|
||||
@@ -205,6 +205,101 @@ class AnswerController extends FOSRestController
|
||||
return new JsonResponse($status);
|
||||
}
|
||||
|
||||
// valid request (from postman code ):
|
||||
//POST /app_dev.php/api/media HTTP/1.1
|
||||
// Host: localhost
|
||||
// Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW
|
||||
// Authorization: Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJpYXQiOjE1NTg2MTM2NzYsImV4cCI6MTU1ODYxNzI3Niwicm9sZXMiOlsiUk9MRV9UQUxFTlQiLCJST0xFX1VTRVIiXSwidXNlcm5hbWUiOiJ0aG9tYXMuYmVycm9kQGUtZGVjbGljLmNvbSJ9.gREC7Haj2geQNn3WArAL4jhBcPI67YJuJOEYiTJ4VeJztM7TRKo8XplXXdDKRs-J_AsHIOmEYWb08AZIivNXw652Ge_9VhpvhS67xa2O30T-ZingVVofZ8Anjbgof32tVkwL2SzNd82rxw4DbFWgSE24h1tw2NO-EUnvLxD3eGUgPerdJ-g74zwJ4tv2kBI3_TaTR35x0HjPnxtihpT2FQHwR-kYQHtJb7rmR7XTloDBu-cZiiEkfgZekt2NyOvD58HcXy3hKZ09YvIFmwDnmVxOVvexVPPt8du-ozXqtt6IlXGslqTm_dX7eTNrg2uoKgliBV6AOYFFlylgIQU1-Wr6k_OCxDEscN3NkbTDVcQbE-xSE2wjFIO0Gilk-cpmW5Kx1VCtEtyscPRiYub6dXPBgObGdKGmTcYwlG3X03x9KO9oYmjVgIreZZg2WJTzwQOoU67QxhOYknPshBSm61-VaB9OwOGJG3M6FrhZR867-Rj64FEd0HWH9lMM5OO645hlDAe3lPCG6ffUBPBOjFWCGx8HPsv_PjOaMRf21UEFpVaTfAlHrKsUog5j8Qc5-OEz9vmmlog2KjWc67alEfJujnc0m3HV731IBirar5gaO360ebwUU6aSo6HSThOnwFrTxGiCd0Eqo5T5yW446HJBRhLFYiiJerJg6EbGlAM
|
||||
// User-Agent: PostmanRuntime/7.13.0
|
||||
// Accept: */*
|
||||
// Cache-Control: no-cache
|
||||
// Postman-Token: 49a92aa5-fa39-412c-bc23-9d6ae389fa1e,569d0fea-09ba-452f-9957-989fca193603
|
||||
// Host: localhost
|
||||
// accept-encoding: gzip, deflate
|
||||
// content-length: 228
|
||||
// Connection: keep-alive
|
||||
// cache-control: no-cache
|
||||
// Content-Disposition: form-data; name="upload"; filename="/C:/Users/Thomas/Pictures/Camera Roll/WIN_20180917_14_29_28_Pro.mp4
|
||||
// ------WebKitFormBoundary7MA4YWxkTrZu0gW--
|
||||
/**
|
||||
* @Rest\Post("/api/mediaPres", name="api_media_pres_upload")
|
||||
* @Rest\View(StatusCode = 201)
|
||||
*
|
||||
*/
|
||||
public function uploadPresAction(Request $request)
|
||||
{
|
||||
|
||||
$usr = $this->get('security.token_storage')->getToken()->getUser();
|
||||
$usr->getUsername();
|
||||
|
||||
$file = $request->files->get('upload');
|
||||
$status = array('status' => "success", "fileUploaded" => false);
|
||||
//dump($file);
|
||||
// If a file was uploaded
|
||||
if (!is_null($file)) {
|
||||
|
||||
$mediaManager = $this->get('media_manager');
|
||||
$message = $mediaManager->upload($usr, $file, $usr);
|
||||
//dump($message);
|
||||
// generate a random name for the file but keep the extension
|
||||
// $filename = uniqid().".".$file->getClientOriginalExtension();
|
||||
// $path = "/path/where/we/want-to-save-the-file";
|
||||
// $file->move($path,$filename); // move the file to a path
|
||||
$status = array('status' => "success", "fileUploaded" => true, "message" => $message);
|
||||
}
|
||||
|
||||
return new JsonResponse($status);
|
||||
}
|
||||
|
||||
|
||||
// valid request (from postman code ):
|
||||
//POST /app_dev.php/api/media HTTP/1.1
|
||||
// Host: localhost
|
||||
// Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW
|
||||
// Authorization: Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJpYXQiOjE1NTg2MTM2NzYsImV4cCI6MTU1ODYxNzI3Niwicm9sZXMiOlsiUk9MRV9UQUxFTlQiLCJST0xFX1VTRVIiXSwidXNlcm5hbWUiOiJ0aG9tYXMuYmVycm9kQGUtZGVjbGljLmNvbSJ9.gREC7Haj2geQNn3WArAL4jhBcPI67YJuJOEYiTJ4VeJztM7TRKo8XplXXdDKRs-J_AsHIOmEYWb08AZIivNXw652Ge_9VhpvhS67xa2O30T-ZingVVofZ8Anjbgof32tVkwL2SzNd82rxw4DbFWgSE24h1tw2NO-EUnvLxD3eGUgPerdJ-g74zwJ4tv2kBI3_TaTR35x0HjPnxtihpT2FQHwR-kYQHtJb7rmR7XTloDBu-cZiiEkfgZekt2NyOvD58HcXy3hKZ09YvIFmwDnmVxOVvexVPPt8du-ozXqtt6IlXGslqTm_dX7eTNrg2uoKgliBV6AOYFFlylgIQU1-Wr6k_OCxDEscN3NkbTDVcQbE-xSE2wjFIO0Gilk-cpmW5Kx1VCtEtyscPRiYub6dXPBgObGdKGmTcYwlG3X03x9KO9oYmjVgIreZZg2WJTzwQOoU67QxhOYknPshBSm61-VaB9OwOGJG3M6FrhZR867-Rj64FEd0HWH9lMM5OO645hlDAe3lPCG6ffUBPBOjFWCGx8HPsv_PjOaMRf21UEFpVaTfAlHrKsUog5j8Qc5-OEz9vmmlog2KjWc67alEfJujnc0m3HV731IBirar5gaO360ebwUU6aSo6HSThOnwFrTxGiCd0Eqo5T5yW446HJBRhLFYiiJerJg6EbGlAM
|
||||
// User-Agent: PostmanRuntime/7.13.0
|
||||
// Accept: */*
|
||||
// Cache-Control: no-cache
|
||||
// Postman-Token: 49a92aa5-fa39-412c-bc23-9d6ae389fa1e,569d0fea-09ba-452f-9957-989fca193603
|
||||
// Host: localhost
|
||||
// accept-encoding: gzip, deflate
|
||||
// content-length: 228
|
||||
// Connection: keep-alive
|
||||
// cache-control: no-cache
|
||||
// Content-Disposition: form-data; name="upload"; filename="/C:/Users/Thomas/Pictures/Camera Roll/WIN_20180917_14_29_28_Pro.mp4
|
||||
// ------WebKitFormBoundary7MA4YWxkTrZu0gW--
|
||||
/**
|
||||
* @Rest\Post("/api/mediaCv", name="api_media_cv_upload")
|
||||
* @Rest\View(StatusCode = 201)
|
||||
*
|
||||
*/
|
||||
public function uploadCvAction(Request $request)
|
||||
{
|
||||
|
||||
$usr = $this->get('security.token_storage')->getToken()->getUser();
|
||||
$usr->getUsername();
|
||||
$company = $usr->getCompany();
|
||||
|
||||
$file = $request->files->get('upload');
|
||||
$status = array('status' => "success", "companyUpdated" => false);
|
||||
//dump($file);
|
||||
// If a file was uploaded
|
||||
if (!is_null($file)) {
|
||||
|
||||
$companyManager = $this->get('app.company_manager');
|
||||
$message = $companyManager->updateCv($company, $file);
|
||||
|
||||
//dump($message);
|
||||
// generate a random name for the file but keep the extension
|
||||
// $filename = uniqid().".".$file->getClientOriginalExtension();
|
||||
// $path = "/path/where/we/want-to-save-the-file";
|
||||
// $file->move($path,$filename); // move the file to a path
|
||||
$status = array('status' => "success", "companyUpdated" => true, "message" => $message);
|
||||
}
|
||||
|
||||
return new JsonResponse($status);
|
||||
}
|
||||
|
||||
/**
|
||||
* @Rest\Post("/api/answers/message", name="api_answer_message")
|
||||
* @Rest\View(StatusCode = 201)
|
||||
@@ -226,7 +321,7 @@ class AnswerController extends FOSRestController
|
||||
throw new ResourceValidationException($message, $status);
|
||||
}
|
||||
|
||||
if (!isset($messageText)) {
|
||||
if (empty($messageText)) {
|
||||
$message = 'Le message est vide.';
|
||||
$status = 'failure';
|
||||
throw new ResourceValidationException($message, $status);
|
||||
@@ -235,7 +330,7 @@ class AnswerController extends FOSRestController
|
||||
$answerReceipiant = $existAnswer->getAd() !== null ? $existAnswer->getAd()->getCreator()
|
||||
: $existAnswer->getCompany()->getUsers(){ 0 };
|
||||
|
||||
$message = new message('Chat', $messageText, $this->getUser(), $answerReceipiant, 'CHAT', $existAnswer);
|
||||
$message = new message('Chat', $messageText, $this->getUser(), $answerReceipiant, 'Message du talent', $existAnswer);
|
||||
$em->persist($message);
|
||||
$em->flush();
|
||||
|
||||
|
||||
@@ -188,7 +188,7 @@ class CompanyController extends Controller
|
||||
}
|
||||
|
||||
|
||||
if($this->getUser() == null){
|
||||
if(!$this->getUser() == null){
|
||||
return new JsonResponse(array('code' => "ok", "user" => $this->getUser()->getUsername()));
|
||||
} else{
|
||||
return new JsonResponse(array('code' => "ok"));
|
||||
|
||||
@@ -4,6 +4,9 @@ use AppBundle\Form\AdSearchType;
|
||||
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Route;
|
||||
use Symfony\Bundle\FrameworkBundle\Controller\Controller;
|
||||
use Symfony\Component\HttpFoundation\Request;
|
||||
use Symfony\Component\Security\Core\Exception\AuthenticationException;
|
||||
use Symfony\Component\Security\Core\Security;
|
||||
|
||||
class DefaultController extends Controller
|
||||
{
|
||||
/**
|
||||
@@ -60,6 +63,195 @@ class DefaultController extends Controller
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* @Route("/indexv2", name="homepagev2")
|
||||
*/
|
||||
public function homepagev2Action(Request $request)
|
||||
{
|
||||
//$em = $this->getDoctrine()->getManager();
|
||||
// $ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "emphasis" => true, "isPromoted" => false), array('emphasisOrder' => 'DESC'));
|
||||
// if (!$ads) {
|
||||
// $ads = $em->getRepository('AppBundle:Ad')->findBy(array("status" => "PUBLISHED", "isPromoted" => false), array('id' => 'DESC'));
|
||||
// }
|
||||
//$talents = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TALENT", "emphasis" => true), array('emphasisOrder' => 'DESC'));
|
||||
//$companies = $em->getRepository('AppBundle:Company')->findBy(array("type" => "COMPANY", "emphasis" => true), array('emphasisOrder' => 'DESC'));
|
||||
//$territories = $em->getRepository('AppBundle:Company')->findBy(array("type" => "TERRITORY", "emphasis" => true), array('emphasisOrder' => 'ASC'));
|
||||
|
||||
// $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);
|
||||
$params = $this->getParams($request);
|
||||
$usename = $params["lastUsername"];
|
||||
$csrfToken = $params["csrfToken"];
|
||||
$error = $params["error"];
|
||||
$destination_login = "admin/dashboard";
|
||||
return $this->render(
|
||||
'defaultv2/accueil/index.html.twig', [
|
||||
'last_username' => $usename,
|
||||
'csrf_token' => $csrfToken,
|
||||
'error' => $error,
|
||||
'destination_login' => $destination_login
|
||||
//'ads' => $ads,
|
||||
//'companies' => $arrayCompany,
|
||||
//'talents' => $arrayTalents,
|
||||
//'territories' => $territories,
|
||||
//'searchform' => $form->createView(),
|
||||
]
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* @Route("/candidatures-cv-video", name="candidaturesVideo")
|
||||
*/
|
||||
public function candidaturesVideoAction(Request $request)
|
||||
{
|
||||
$params = $this->getParams($request);
|
||||
$usename = $params["lastUsername"];
|
||||
$csrfToken = $params["csrfToken"];
|
||||
$error = $params["error"];
|
||||
$destination_login = "admin/dashboard";
|
||||
return $this->render(
|
||||
'defaultv2/candidatures/index.html.twig', [
|
||||
'last_username' => $usename,
|
||||
'csrf_token' => $csrfToken,
|
||||
'error' => $error,
|
||||
'destination_login' => $destination_login
|
||||
|
||||
]
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @Route("/offre-emploi-video", name="offresVideo")
|
||||
*/
|
||||
public function offresVideoAction(Request $request)
|
||||
{
|
||||
$params = $this->getParams($request);
|
||||
$usename = $params["lastUsername"];
|
||||
$csrfToken = $params["csrfToken"];
|
||||
$error = $params["error"];
|
||||
$destination_login = "admin/dashboard";
|
||||
return $this->render(
|
||||
'defaultv2/offres/index.html.twig', [
|
||||
'last_username' => $usename,
|
||||
'csrf_token' => $csrfToken,
|
||||
'error' => $error,
|
||||
'destination_login' => $destination_login
|
||||
]
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* @Route("/marque-employeur-en-video", name="employeurVideo")
|
||||
*/
|
||||
public function employeurVideoAction(Request $request)
|
||||
{
|
||||
$params = $this->getParams($request);
|
||||
$usename = $params["lastUsername"];
|
||||
$csrfToken = $params["csrfToken"];
|
||||
$error = $params["error"];
|
||||
$destination_login = "admin/dashboard";
|
||||
return $this->render(
|
||||
'defaultv2/offres/index.html.twig', [
|
||||
'last_username' => $usename,
|
||||
'csrf_token' => $csrfToken,
|
||||
'error' => $error,
|
||||
'destination_login' => $destination_login
|
||||
]
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @Route("/mentions", name="mentions")
|
||||
*/
|
||||
public function mentionsAction(Request $request)
|
||||
{
|
||||
$params = $this->getParams($request);
|
||||
$usename = $params["lastUsername"];
|
||||
$csrfToken = $params["csrfToken"];
|
||||
$error = $params["error"];
|
||||
$destination_login = "admin/dashboard";
|
||||
return $this->render(
|
||||
'defaultv2/footer/mentions.html.twig', [
|
||||
'last_username' => $usename,
|
||||
'csrf_token' => $csrfToken,
|
||||
'error' => $error,
|
||||
'destination_login' => $destination_login
|
||||
|
||||
]
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* @Route("/cgu", name="cgu")
|
||||
*/
|
||||
public function cguAction(Request $request)
|
||||
{
|
||||
$params = $this->getParams($request);
|
||||
$usename = $params["lastUsername"];
|
||||
$csrfToken = $params["csrfToken"];
|
||||
$error = $params["error"];
|
||||
$destination_login = "admin/dashboard";
|
||||
return $this->render(
|
||||
'defaultv2/footer/cgu.html.twig', [
|
||||
'last_username' => $usename,
|
||||
'csrf_token' => $csrfToken,
|
||||
'error' => $error,
|
||||
'destination_login' => $destination_login
|
||||
|
||||
]
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @Route("/confidentialite", name="confidentialite")
|
||||
*/
|
||||
public function confidentialiteAction(Request $request)
|
||||
{
|
||||
$params = $this->getParams($request);
|
||||
$usename = $params["lastUsername"];
|
||||
$csrfToken = $params["csrfToken"];
|
||||
$error = $params["error"];
|
||||
$destination_login = "admin/dashboard";
|
||||
return $this->render(
|
||||
'defaultv2/candidatures/index.html.twig', [
|
||||
'last_username' => $usename,
|
||||
'csrf_token' => $csrfToken,
|
||||
'error' => $error,
|
||||
'destination_login' => $destination_login
|
||||
|
||||
]
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* @Route("/redirect_dashboard", name="redirect_dashboard")
|
||||
*/
|
||||
@@ -67,17 +259,21 @@ class DefaultController extends Controller
|
||||
{
|
||||
$user = $this->getUser();
|
||||
if ($user) {
|
||||
if ($user->hasRole('ROLE_TALENT')) {
|
||||
if ($user->hasRole('ROLE_SUPER_ADMIN')) {
|
||||
|
||||
return $this->redirectToRoute('admin_dashboard');
|
||||
} elseif ($user->hasRole('ROLE_TALENT')) {
|
||||
|
||||
return $this->redirectToRoute('talent_dashboard');
|
||||
} elseif ($user->hasRole('ROLE_COMPANY')) {
|
||||
|
||||
return $this->redirectToRoute('company_dashboard');
|
||||
}
|
||||
}
|
||||
} else {
|
||||
|
||||
return $this->redirectToRoute('homepage');
|
||||
}
|
||||
return $this->redirectToRoute('homepage');
|
||||
|
||||
}
|
||||
|
||||
@@ -96,5 +292,36 @@ class DefaultController extends Controller
|
||||
//return $this->render('page_static/video_territoire.html.twig');
|
||||
return $this->render('page_static/accompagnement_video_territoire.html.twig');
|
||||
}
|
||||
/**
|
||||
* @param Request $request
|
||||
*
|
||||
* @return Response
|
||||
*/
|
||||
private function getParams(Request $request){
|
||||
$session = $request->getSession();
|
||||
$authErrorKey = Security::AUTHENTICATION_ERROR;
|
||||
$lastUsernameKey = Security::LAST_USERNAME;
|
||||
|
||||
if ($request->attributes->has($authErrorKey)) {
|
||||
$error = $request->attributes->get($authErrorKey);
|
||||
} elseif (null !== $session && $session->has($authErrorKey)) {
|
||||
$error = $session->get($authErrorKey);
|
||||
$session->remove($authErrorKey);
|
||||
} else {
|
||||
$error = null;
|
||||
}
|
||||
if (!$error instanceof AuthenticationException) {
|
||||
$error = null;
|
||||
}
|
||||
$lastUsername = (null === $session) ? '' : $session->get($lastUsernameKey);
|
||||
$csrfToken = $this->has('security.csrf.token_manager')
|
||||
? $this->get('security.csrf.token_manager')->getToken('authenticate')->getValue()
|
||||
: null;
|
||||
$parametres = array();
|
||||
$parametres["lastUsername"] = $lastUsername;
|
||||
$parametres["csrfToken"] = $csrfToken;
|
||||
$parametres["error"] = $error;
|
||||
return $parametres;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -47,4 +47,43 @@ class SecurityModalController extends Controller
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param Request $request
|
||||
*
|
||||
* @return Response
|
||||
*/
|
||||
public function loginModalV2Action(Request $request)
|
||||
{
|
||||
$session = $request->getSession();
|
||||
$authErrorKey = Security::AUTHENTICATION_ERROR;
|
||||
$lastUsernameKey = Security::LAST_USERNAME;
|
||||
|
||||
if ($request->attributes->has($authErrorKey)) {
|
||||
$error = $request->attributes->get($authErrorKey);
|
||||
} elseif (null !== $session && $session->has($authErrorKey)) {
|
||||
$error = $session->get($authErrorKey);
|
||||
$session->remove($authErrorKey);
|
||||
} else {
|
||||
$error = null;
|
||||
}
|
||||
if (!$error instanceof AuthenticationException) {
|
||||
$error = null;
|
||||
}
|
||||
$lastUsername = (null === $session) ? '' : $session->get($lastUsernameKey);
|
||||
$csrfToken = $this->has('security.csrf.token_manager')
|
||||
? $this->get('security.csrf.token_manager')->getToken('authenticate')->getValue()
|
||||
: null;
|
||||
|
||||
$formFactory = $this->get('fos_user.registration.form.factory');
|
||||
$form = $formFactory->createForm();
|
||||
|
||||
return $this->render('@FOSUser/Security/loginModalV2.html.twig', array(
|
||||
'last_username' => $lastUsername,
|
||||
'error' => $error,
|
||||
'csrf_token' => $csrfToken,
|
||||
'register_form' => $form->createView()
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -177,7 +177,7 @@ class Answer
|
||||
$criteria = Criteria::create()
|
||||
->where(Criteria::expr()->neq('status', "DRAFT"));
|
||||
|
||||
return $this->messages->matching($criteria)->last();
|
||||
return $this->messages->matching($criteria)->first();
|
||||
}
|
||||
|
||||
public function getIsViewed(){
|
||||
|
||||
@@ -38,7 +38,7 @@ class BookmarkAd
|
||||
private $bookmark;
|
||||
|
||||
/**
|
||||
* @ORM\ManyToOne(targetEntity="AppBundle\Entity\Ad")
|
||||
* @ORM\ManyToOne(targetEntity="AppBundle\Entity\Ad" , inversedBy="bookmarkAds")
|
||||
*/
|
||||
private $ad;
|
||||
|
||||
|
||||
@@ -98,6 +98,13 @@ class Company
|
||||
*/
|
||||
private $logo;
|
||||
|
||||
/**
|
||||
* @var string
|
||||
*
|
||||
* @ORM\Column(name="cv", type="string", length=255, nullable=true)
|
||||
*/
|
||||
private $cv;
|
||||
|
||||
/**
|
||||
* @var string
|
||||
*
|
||||
@@ -121,6 +128,8 @@ class Company
|
||||
*/
|
||||
private $presentationVideo;
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* @var string
|
||||
*
|
||||
@@ -203,7 +212,10 @@ class Company
|
||||
* @Groups({"ad_list", "company_list", "company_detail"})
|
||||
*/
|
||||
private $countAds;
|
||||
|
||||
|
||||
|
||||
|
||||
/***********************
|
||||
* Constructor
|
||||
***********************/
|
||||
@@ -213,6 +225,9 @@ class Company
|
||||
$this->products = new \Doctrine\Common\Collections\ArrayCollection();
|
||||
$this->users = new \Doctrine\Common\Collections\ArrayCollection();
|
||||
$this->ads = new \Doctrine\Common\Collections\ArrayCollection();
|
||||
//$this->territories = new \Doctrine\Common\Collections\ArrayCollection();
|
||||
// $this->children = new \Doctrine\Common\Collections\ArrayCollection();
|
||||
// $this->parent = new \Doctrine\Common\Collections\ArrayCollection();
|
||||
$this->emphasis = false;
|
||||
}
|
||||
|
||||
@@ -239,6 +254,18 @@ class Company
|
||||
|
||||
}
|
||||
|
||||
public function uploadCv($uploadedFile)
|
||||
{
|
||||
if (null === $uploadedFile) {
|
||||
return;
|
||||
}
|
||||
//$name = $this->file->getClientOriginalName()."_".uniqid();
|
||||
$name = md5(uniqid()) . '.' . $uploadedFile->guessExtension();
|
||||
$uploadedFile->move($this->getUploadRootDirCv(), $name);
|
||||
$this->cv = $name;
|
||||
|
||||
}
|
||||
|
||||
public function getUploadDir()
|
||||
{
|
||||
return 'uploads/img';
|
||||
@@ -249,6 +276,16 @@ class Company
|
||||
return __DIR__ . '/../../../web/' . $this->getUploadDir();
|
||||
}
|
||||
|
||||
public function getUploadDirCv()
|
||||
{
|
||||
return 'uploads/cv';
|
||||
}
|
||||
|
||||
protected function getUploadRootDirCv()
|
||||
{
|
||||
return __DIR__ . '/../../../web/' . $this->getUploadDirCv();
|
||||
}
|
||||
|
||||
public function getWebPath()
|
||||
{
|
||||
return null === $this->logo ? null : $this->getUploadDir() . '/' . $this->logo;
|
||||
@@ -446,6 +483,16 @@ class Company
|
||||
return $this->description;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get Logo.
|
||||
*
|
||||
* @return string|null
|
||||
*/
|
||||
public function getLogo()
|
||||
{
|
||||
return $this->logo;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set logo.
|
||||
*
|
||||
@@ -461,13 +508,37 @@ class Company
|
||||
}
|
||||
|
||||
/**
|
||||
* Get logo.
|
||||
* Get Cv.
|
||||
*
|
||||
* @return string|null
|
||||
*/
|
||||
public function getLogo()
|
||||
public function getCv()
|
||||
{
|
||||
return $this->logo;
|
||||
return $this->cv;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set cv.
|
||||
*
|
||||
* @param string|null $cv
|
||||
*
|
||||
* @return Company
|
||||
*/
|
||||
public function setCv($photo = null)
|
||||
{
|
||||
$this->cv = $cv;
|
||||
|
||||
return $this;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get photo.
|
||||
*
|
||||
* @return string|null
|
||||
*/
|
||||
public function getPhoto()
|
||||
{
|
||||
return $this->photo;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -929,4 +1000,6 @@ class Company
|
||||
{
|
||||
return count($this->getPublishedAds());
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@@ -43,7 +43,7 @@ class TerritoryAd
|
||||
private $ad;
|
||||
|
||||
/**
|
||||
* @ORM\ManyToOne(targetEntity="AppBundle\Entity\Company", inversedBy="territoryAds")
|
||||
* @ORM\ManyToOne(targetEntity="AppBundle\Entity\Company", inversedBy="territories")
|
||||
* @ORM\JoinColumn(nullable=true)
|
||||
* @Groups({"ad_detail" , "company_detail"})
|
||||
*/
|
||||
|
||||
@@ -369,6 +369,19 @@ class User extends BaseUser
|
||||
*/
|
||||
public function getIdCard()
|
||||
{
|
||||
$pres="";
|
||||
$cv="";
|
||||
|
||||
if($this->getCompany()->getPresentationVideo())
|
||||
{
|
||||
$pres= $this->getCompany()->getPresentationVideo()->getCdnUrl();
|
||||
}
|
||||
|
||||
if($this->getCompany()->getCv())
|
||||
{
|
||||
$cv= $this->getCompany()->getCv();
|
||||
}
|
||||
|
||||
$card = array(
|
||||
"firstname" => $this->getFirstname(),
|
||||
"lastname" => $this->getLastname(),
|
||||
@@ -378,6 +391,8 @@ class User extends BaseUser
|
||||
"phone" => $this->getCompany()->getExtra()["phoneTalent"],
|
||||
"linkedin" => $this->getCompany()->getExtra()["linkedin"],
|
||||
"twitter" => $this->getCompany()->getExtra()["twitter"],
|
||||
"videoPres" => $pres,
|
||||
"cv" => $cv,
|
||||
"currentJob" => $this->getCompany()->getExtra()["titleTalent"],
|
||||
"website" => $this->getCompany()->getWebsite(),
|
||||
);
|
||||
|
||||
@@ -48,6 +48,7 @@ class CompanyManager
|
||||
|
||||
$company->setExtra($extra);
|
||||
$company->upload();
|
||||
//$company->uploadCv();
|
||||
}
|
||||
$this->em->persist($company);
|
||||
$this->em->flush();
|
||||
@@ -63,6 +64,16 @@ class CompanyManager
|
||||
$this->em->flush();
|
||||
}
|
||||
|
||||
/**
|
||||
* @param $company
|
||||
*/
|
||||
public function updateCv($company, $uploadedFile)
|
||||
{
|
||||
$company->uploadCv($uploadedFile);
|
||||
$this->em->persist($company);
|
||||
$this->em->flush();
|
||||
}
|
||||
|
||||
/**
|
||||
* @param $user
|
||||
*/
|
||||
|
||||
@@ -148,9 +148,9 @@ class MediaManager
|
||||
$thumbnails = array();
|
||||
//PUSH VIDEO TO Vimeo
|
||||
if ($this->env == "dev") {
|
||||
$uriVimeo = "/videos/217844541";
|
||||
$uriVimeo = "/videos/385952221";
|
||||
$nameVimeo = "name";
|
||||
$linkVimeo = "/videos/217844541";
|
||||
$linkVimeo = "/videos/385952221";
|
||||
} else {
|
||||
$urlToPull = $this->mediaVideoUrl . $fileName;
|
||||
$response = $this->vimeo->request('/me/videos', array('type' => 'pull', 'link' => $urlToPull), 'POST');
|
||||
|
||||
Vendored
+5
-1
@@ -28,6 +28,7 @@ use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
|
||||
use Symfony\Component\Security\Core\Authentication\Token\Storage\TokenStorageInterface;
|
||||
use Symfony\Component\Security\Core\Exception\AccessDeniedException;
|
||||
|
||||
|
||||
/**
|
||||
* Controller managing the registration.
|
||||
*
|
||||
@@ -58,7 +59,8 @@ class RegistrationController extends Controller
|
||||
{
|
||||
$user = $this->userManager->createUser();
|
||||
$user->setEnabled(true);
|
||||
|
||||
// AJOUT ROLE COMPANY
|
||||
//$user->setRoles(array('ROLE_COMPANY'));
|
||||
$event = new GetResponseUserEvent($user, $request);
|
||||
$this->eventDispatcher->dispatch(FOSUserEvents::REGISTRATION_INITIALIZE, $event);
|
||||
|
||||
@@ -101,6 +103,8 @@ class RegistrationController extends Controller
|
||||
));
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Tell the user to check their email provider.
|
||||
*/
|
||||
|
||||
@@ -16539,7 +16539,7 @@ tbody td {
|
||||
#answerPage #modal-tuto ul li:before {
|
||||
content: '- '; }
|
||||
#answerPage .col-content {
|
||||
margin-bottom: 100px;
|
||||
margin-bottom: 50px;
|
||||
background: #FFFFFF; }
|
||||
#answerPage h4 {
|
||||
margin: 20px 0 40px 20px; }
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -4,8 +4,8 @@
|
||||
<title>Step_arrow</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Interactions" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square">
|
||||
<g id="Réponse-offre-d'emploi-:-module_camera" transform="translate(-179.000000, -491.000000)" stroke="#E3E3E3">
|
||||
<g id="Interactions" stroke="none" stroke-width="3" fill="none" fill-rule="evenodd" stroke-linecap="square">
|
||||
<g id="Réponse-offre-d'emploi-:-module_camera" transform="translate(-179.000000, -491.000000)" stroke="#D7D7D7">
|
||||
<g id="Réponse-offre" transform="translate(80.000000, 176.000000)">
|
||||
<g id="001-camera" transform="translate(30.200000, 21.700000)">
|
||||
<g id="Group-4">
|
||||
|
||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
@@ -127,7 +127,7 @@
|
||||
}
|
||||
}
|
||||
.col-content{
|
||||
margin-bottom: 100px;
|
||||
margin-bottom: 50px;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user