talents-tube/website
6
0
Fork 0
Code Issues Pull Requests Releases 103 Wiki Activity

Menu et header de la pages recruteur

Browse Source
This commit is contained in:
llaniau
2021-03-29 12:17:43 +02:00
parent e6409a6124
commit d28a6cfc1b
15 changed files with 223 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files
volume/www/website/www/app/Resources/views/defaultv2/accueil/blocCandidat.html.twig
Regular → Executable
View File
volume/www/website/www/app/Resources/views/defaultv2/accueil/blocDifficultes.html.twig
+7 -7
View File
@@ -13,7 +13,7 @@
<div class="col-sm-6 col-lg-4 mb-7">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/recrutement-long-et-difficile.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Recrutements longs et difficiles ?</p>
</div>
@@ -24,7 +24,7 @@
<div class="col-sm-6 col-lg-4 mb-7">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/metier-en-tension.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Métier en tension, méconnu, dévalorisé ?</p>
</div>
@@ -35,7 +35,7 @@
<div class="col-sm-6 col-lg-4 mb-7">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/penurie-main-oeuvre.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Développement menacé par une pénurie de main-d'œuvre ?</p>
</div>
@@ -46,7 +46,7 @@
<div class="col-sm-6 col-lg-4 mb-7 mb-lg-0">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/trop-candidats-non-cibles.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Trop de candidats non ciblés ?</p>
</div>
@@ -57,7 +57,7 @@
<div class="col-sm-6 col-lg-4 mb-7 mb-md-0">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/talents-introuvables.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Talents introuvables ?</p>
</div>
@@ -68,9 +68,9 @@
<div class="col-sm-6 col-lg-4">
<!-- Icon Block -->
<div class="media align-items-center pr-lg-4">
<img class="max-width-9 mr-3" src="../v2/svg/components/adn-entreprise-recrutement.svg" alt="Image Description">
<img class="max-width-9 mr-3" src="../v2/svg/components/methode-de-recrutement-traditionnel.svg" alt="Image Description">
<div class="media-body">
<p class="mb-0">Méthodes de recrutement traditionnelles sans résultats ?</p>
<p class="mb-0">Méthodes de recrutement traditionnelles sans résultat ?</p>
</div>
</div>
<!-- End Icon Block -->
volume/www/website/www/app/Resources/views/defaultv2/accueil/blocMieuxQueDuTexte.html.twig
+1 -1
View File
@@ -7,7 +7,7 @@
</div>
<div class="col-md-6 col-lg-5 mb-2 mb-md-0">
<img class="img-fluid"
src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo">
src="{{ asset('v2/png/offre-emploi-en-video.jpg') }}" alt="Marque employeur vidéo">
</div>
<div class="col-md-6">
<h3 class="h5">Publiez une offre d’emploi vidéo :</h3>
volume/www/website/www/app/Resources/views/defaultv2/accueil/blocPhotoPagesHeader.html.twig
Executable
+20
View File
@@ -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="">{{textParDefaut}}</strong>
<br>{{textVideo}}
</h1>
</div>
<!-- End Title -->
</div>
</div>
</div>
<!-- End Accueil Photo Haut Section -->
volume/www/website/www/app/Resources/views/defaultv2/accueil/blocPourquoiNous.html.twig
+8 -8
View File
@@ -30,40 +30,40 @@
<div class="cbp-wrapper-outer">
<div class="cbp-wrapper">
<!-- Item -->
<div class="cbp-item" style="width: 262px; left: 0px; top: 0px;">
<div class="cbp-item" style="width: 220px; left: 0px; top: 0px;">
<div class="cbp-item-wrapper">
<div class="cbp-caption">
<img src="../v2/img/380x227/talentstube-recrutement-video-equipe.jpg" alt="Image Description">
<img src="{{ asset('v2/img/380x227/talentstube-recrutement-video-equipe.jpg') }}" alt="Image Description">
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="cbp-item" style="width: 262px; left: 277px; top: 0px;">
<div class="cbp-item" style="width: 220px; left: 235px; top: 0px;">
<div class="cbp-item-wrapper">
<div class="cbp-caption">
<img src="../v2/img/380x360/recrutement-video-franck-delalande.jpg" alt="Image Description">
<img src="{{ asset('v2/img/380x360/recrutement-video-franck-delalande.jpg') }}" alt="Image Description">
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="cbp-item" style="width: 262px; left: 0px; top: 172px;">
<div class="cbp-item" style="width: 220px; left: 0px; top: 146px;">
<div class="cbp-item-wrapper">
<div class="cbp-caption">
<img src="../v2/img/380x360/plateforme-recrutement-video-morbihan.jpg" alt="Image Description">
<img src="{{ asset('v2/img/380x360/plateforme-recrutement-video-morbihan.jpg') }}" alt="Image Description">
</div>
</div>
</div>
<!-- End Item -->
<!-- Item -->
<div class="cbp-item" style="width: 262px; left: 277px; top: 263px;">
<div class="cbp-item" style="width: 220px; left: 235px; top: 223px;">
<div class="cbp-item-wrapper">
<div class="cbp-caption">
<img src="../v2/img/380x227/recrutement-video-equipe.jpg" alt="Image Description">
<img src="{{ asset('v2/img/380x227/recrutement-video-equipe.jpg') }}" alt="Image Description">
</div>
</div>
</div>
volume/www/website/www/app/Resources/views/defaultv2/accueil/blocRecap.html.twig
+4 -4
View File
@@ -1,13 +1,13 @@
<div class="accueilFondBleute">
<div class="container">
<div class="row justify-content-md-between align-items-md-center">
<div class="w-md-80 w-lg-60 text-center mx-md-auto ">
<div class="w-md-80 w-lg-60 text-center mx-md-auto ">
<h2 class="h3">Grâce au recrutement vidéo, <br>vous allez enfin trouver les talents<br> au service de vos
ambitions !</h2>
<p class="lead"></p>
</div>
<div class="col-lg-6 order-md-1 pb-5">
<img class="img-fluid" src="{{ asset('v2/png/marque-employeur-en-video.png') }}" alt="Marque employeur vidéo">
<div class="row justify-content-md-between align-items-md-center">
<div class="col-lg-6 order-md-1">
<img class="img-fluid" src="{{ asset('v2/png/trouver-les-candidats-avec-offre-emploi-video.jpg') }}" alt="Marque employeur vidéo">
</div>
<div class="col-lg-6 order-md-2">
<h3 class="h5"></h3>
volume/www/website/www/app/Resources/views/defaultv2/accueil/blocTarifs.html.twig
+98 -94
View File
@@ -1,15 +1,19 @@
<div class="accueilFondBleute">
<div class="container">
<div class="w-md-80 w-lg-60 text-center mx-md-auto mb-5">
<h2 class="h3">Adoptez dès maintenant le recrutement vidéo</h2>
<p class="lead">Plus personnel, plus impliquant et plus authentique</p>
<div class="container">
<div class="w-md-80 w-lg-60 text-center mx-md-auto">
<h2 class="h3">Adoptez dès maintenant le recrutement vidéo</h2>
<p class="lead">Plus personnel, plus impliquant et plus authentique</p>
</div>
<div class="bg-gray-100 shadow-lg rounded">
<!-- Individual -->
<div id="pricingIndividual" data-target-group="idPricing">
<div class="js-slick-carousel u-slick u-slick--gutters" data-slides-show="3" data-slides-scroll="1"
data-pagi-classes="d-lg-none text-center u-slick__pagination mt-7 mb-0" data-responsive='[{
<div class="bg-gray-100 shadow-lg rounded">
<!-- Individual -->
<div id="pricingIndividual" data-target-group="idPricing">
<div class="js-slick-carousel u-slick u-slick--gutters"
data-slides-show="3"
data-slides-scroll="1"
data-pagi-classes="d-lg-none text-center u-slick__pagination mt-7 mb-0"
data-responsive='[{
"breakpoint": 1200,
"settings": {
"slidesToShow": 3
@@ -30,117 +34,117 @@
"slidesToShow": 1
}
}]'>
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">Jusqu'à 3 vidéos</h4>
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">Jusqu'à 3 vidéos</h4>
<span class="d-block">
<span class="display-4 text-dark">
99€
<span class="d-block">
<span class="display-4 text-dark">
99€
</span>
<span class="d-block text-secondary font-size-14">par mois HT</span>
</span>
<span class="d-block text-secondary font-size-14">par mois HT</span>
</span>
</header>
<!-- End Header -->
</header>
<!-- End Header -->
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 1 à 3 vidéos
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 1 à 3 vidéos
offre d’emploi et Marque employeur</li>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
</div>
<!-- End Content -->
</div>
<!-- End Content -->
<!-- End Pricing -->
</div>
<!-- End Pricing -->
</div>
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">De 4 à 9 vidéos</h4>
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">De 4 à 9 vidéos</h4>
<span class="d-block">
<span class="display-4 text-dark">
199€
<span class="d-block">
<span class="display-4 text-dark">
199€
</span>
<span class="d-block text-secondary font-size-14">par mois HT</span>
</span>
<span class="d-block text-secondary font-size-14">par mois HT</span>
</span>
</header>
<!-- End Header -->
</header>
<!-- End Header -->
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 4 à 9 vidéos
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 4 à 9 vidéos
offre d’emploi et Marque employeur</li>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
</div>
<!-- End Content -->
</div>
<!-- End Content -->
<!-- End Pricing -->
</div>
<!-- End Pricing -->
</div>
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">Plus de 10 vidéos</h4>
<span class="d-block">
<span class="display-4 text-dark">
Sur devis
<div class="js-slide">
<!-- Pricing -->
<div class="card border-0">
<!-- Header -->
<header class="card-header text-center p-5">
<h4 class="h4">Plus de 10 vidéos</h4>
<span class="d-block">
<span class="display-4 text-dark">
Sur devis
</span>
<span class="d-block text-secondary font-size-14">&nbsp;</span>
</span>
<span class="d-block text-secondary font-size-14">&nbsp;</span>
</span>
</header>
<!-- End Header -->
</header>
<!-- End Header -->
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 10 vidéos
<!-- Content -->
<div class="card-body p-5">
<ul class="list-unstyled mb-4">
<li class="font-size-14 py-2">- Création page entreprise</li>
<li class="font-size-14 py-2">- Accès espace recruteur</li>
<li class="font-size-14 py-2">- Mise en ligne de 10 vidéos
offre d’emploi et Marque employeur</li>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
<li class="font-size-14 py-2">- Réception des candidatures en vidéo</li>
<li class="font-size-14 py-2">- Gestion des candidatures</li>
<li class="font-size-14 py-2">- Échanges vidéos avec les candidats</li>
<li class="font-size-14 py-2">- Suivi Statistiques</li>
</ul>
</div>
<!-- End Content -->
</div>
<!-- End Content -->
<!-- End Pricing -->
</div>
<!-- End Pricing -->
</div>
</div>
<!-- End Individual -->
</div>
<!-- End Individual -->
</div>
</div>
<!-- End Pricing Section -->
<!-- End Pricing Section -->
</div>
volume/www/website/www/app/Resources/views/defaultv2/accueil/index.html.twig
+27 -27
View File
@@ -2,21 +2,25 @@
{% block title %}Espace recruteur - Solution de recrutement en vidéo | Talents Tube{% endblock %}
{% block meta %}
<meta name="description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
<meta name="description"
content="Osez le recrutement vidéo ! Diffusez vos offres d'emploi vidéo et marque employeur pour attirer, trouver et recruter les meilleurs candidats en vidéo.">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@TalentsTube">
<meta name="twitter:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube">
<meta name="twitter:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo.">
<meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@TalentsTube">
<meta name="twitter:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube">
<meta name="twitter:description"
content="Osez le recrutement vidéo ! Diffusez vos offres d'emploi vidéo et marque employeur pour attirer, trouver et recruter les meilleurs candidats en vidéo.">
<meta name="twitter:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}">
{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
<meta property="og:title" content="Espace recruteur - Solution de recrutement en vidéo | Talents Tube" />
<meta property="og:type" content="article" />
<meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
<meta property="og:description" content="Vous souhaitez recruter en vidéo ? Talents Tube diffuse vos vidéos d’offres d’emploi et marque employeur pour attirer les meilleurs talents en vidéo." />
<meta property="og:site_name" content="Talents Tube" />
<meta property="og:url" content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
{#Open Graph data pour le partage sur les réseaux sociaux (ex Facebook..)#}
<meta property="og:title" content="Espace recruteur - Adoptez le recrutement vidéo | Talents Tube" />
<meta property="og:type" content="article" />
<meta property="og:image" content="{{ absolute_url(asset('img/mail/logo-talents-tube.png')) }}" />
<meta property="og:description"
content="Osez le recrutement vidéo ! Diffusez vos offres d'emploi vidéo et marque employeur pour attirer, trouver et recruter les meilleurs candidats en vidéo." />
<meta property="og:site_name" content="Talents Tube" />
<meta property="og:url"
content="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
{% endblock %}
{% block content %}
@@ -94,16 +98,8 @@ with {
<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({
@@ -158,7 +154,13 @@ with {
$('.u-text-animation.u-text-animation').html("");
// initialization of text animation (typing)
var typed = new Typed(".u-text-animation.u-text-animation--typing", {
strings: ["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');
@@ -173,17 +175,15 @@ with {
$(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");
$("#logoAndNav").css("background-color",
"transparent"); // 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 %}
volume/www/website/www/app/Resources/views/defaultv2/candidatures/index.html.twig
+2 -2
View File
@@ -21,7 +21,7 @@
{% block content %}
<main id="content">
{% include 'defaultv2/accueil/blocPhoto.html.twig'
{% include 'defaultv2/accueil/blocPhotoPagesHeader.html.twig'
with {
'urlImage': 'v2/img/1920x800/candidature-offre-emploi-video.jpg',
'textParDefaut' : 'Recevez des candidatures',
@@ -182,7 +182,7 @@ with {
$(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)
$("#logoAndNav").css("background-color","transparent"); // 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
volume/www/website/www/app/Resources/views/defaultv2/concept/index.html.twig
+2 -2
View File
@@ -21,7 +21,7 @@
{% endblock %}
{% block content %}
<main id="content">
{% include 'defaultv2/concept/blocPhoto.html.twig'
{% include 'defaultv2/accueil/blocPhotoPagesHeader.html.twig'
with {
'urlImage': 'v2/img/1920x800/recrutement-video.jpg',
'textParDefaut' : 'Recrutez les candidats',
@@ -180,7 +180,7 @@ with {
$(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)
$("#logoAndNav").css("background-color","transparent"); // 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
volume/www/website/www/app/Resources/views/defaultv2/header.html.twig
+15 -13
View File
@@ -6,12 +6,14 @@
</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 class="u-header__section headerrecruteur">
<div id="logoAndNav" class="container-fluid">
<!-- Nav -->
<nav class="js-mega-menu navbar navbar-expand-lg u-header__navbar">
<nav class=" js-mega-menu navbar navbar-expand-lg u-header__navbar hs-menu-initialized hs-menu-horizontal hs-mobile-state">
<!-- Logo -->
<div class="u-header__navbar-brand-wrapper">
<a class="navbar-brand u-header__navbar-brand" href="/" aria-label="TT">
@@ -45,7 +47,7 @@
data-animation-in="fadeInUp"
data-animation-out="fadeOut">
<a id="homeMegaMenu" class="nav-link u-header__nav-link" href="{{ path('concept') }}">
Le concept
Concept
</a>
</li>
<!-- End Home -->
@@ -55,7 +57,7 @@
data-animation-in="fadeInUp"
data-animation-out="fadeOut">
<a id="homeMegaMenu" class="nav-link u-header__nav-link" href="{{ path('offresVideo') }}">
L'Offre d'emploi
Offre d'emploi
</a>
</li>
@@ -64,9 +66,9 @@
<!-- Pages -->
<li class="nav-item u-header__nav-item">
<a id="PagesMegaMenu" class="nav-link u-header__nav-link" href="{{ path('employeurVideo') }}"
aria-haspopup="true"
aria-expanded="false">
La Marque employeur
aria-haspopup="true"
aria-expanded="false">
Marque employeur
</a>
</li>
@@ -78,7 +80,7 @@
data-animation-in="fadeInUp"
data-animation-out="fadeOut">
<a id="worksMegaMenu" class="nav-link u-header__nav-link" href="{{ path('candidaturesVideo') }}">
La Candidature
Candidature
</a>
@@ -101,19 +103,19 @@
<!-- End Blog -->
<!-- Button -->
<li class="nav-item u-header__nav-item-btn">
<!-- Button -->
<!--<li class="nav-item u-header__nav-item-btn">
<a class="btn btn-sm btn-contact" href="https://blog.talentstube.com/contact" target="_blank" role="button">
{# <i class="fa fa-user-circle mr-1"></i> #}
Contactez-nous
</a>
</li>
</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">
data-modal-target="#signupModal"
data-overlay-color="#151b26">
{# <i class="fa fa-user-circle mr-1"></i> #}
Connexion recruteurs
</a>
volume/www/website/www/app/Resources/views/defaultv2/marque/index.html.twig
+2 -2
View File
@@ -24,7 +24,7 @@
{% block content %}
<main id="content">
{% include 'defaultv2/accueil/blocPhoto.html.twig'
{% include 'defaultv2/accueil/blocPhotoPagesHeader.html.twig'
with {
'urlImage': 'v2/img/1920x800/video-marque-employeur.jpg',
'textParDefaut' : 'Révélez votre marque employeur ',
@@ -184,7 +184,7 @@ with {
$(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)
$("#logoAndNav").css("background-color","transparent"); // 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
volume/www/website/www/app/Resources/views/defaultv2/offres/index.html.twig
+2 -2
View File
@@ -21,7 +21,7 @@
{% block content %}
<main id="content">
{% include 'defaultv2/accueil/blocPhoto.html.twig'
{% include 'defaultv2/accueil/blocPhotoPagesHeader.html.twig'
with {
'urlImage': 'v2/img/1920x800/attirer-les-candidats-avec-une-offre-emploi-video.jpg',
'textParDefaut' : 'Attirez des talents',
@@ -180,7 +180,7 @@ with {
$(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)
$("#logoAndNav").css("background-color","transparent"); // 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
volume/www/website/www/app/Resources/views/defaultv2/tarifs/index.html.twig
+1 -1
View File
@@ -346,7 +346,7 @@ with {
$(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)
$("#logoAndNav").css("background-color","transparent"); // 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
volume/www/website/www/web/v2/css/theme.css
Executable → Regular
+23 -13
View File
@@ -4853,7 +4853,7 @@ input[type="button"].btn-block {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 100px;
padding-left: 0 !important;
margin-bottom: 0;
list-style: none;
}
@@ -13069,8 +13069,8 @@ button:focus {
.u-header__section {
z-index: 1;
background-image: linear-gradient(to bottom, rgba(30,35,39,0.7), rgba(30,35,39,0));
/* background-color: f8f8f8; */
/*background-image: linear-gradient(to bottom, rgba(30,35,39,0.7), rgba(30,35,39,0)); */
background-color: #313940;
font-size: 19px;
color:#fff
@@ -13093,7 +13093,8 @@ button:focus {
}
.u-header__navbar-brand-mobile {
width: 3.125rem;
/*width: 3.125rem;*/
width: auto;
}
.u-header__navbar-nav {
@@ -13124,9 +13125,9 @@ button:focus {
/* Nav Link */
.u-header__nav-link {
color: #D2D3D3;
font-size : 19px;
font-size: 1rem;
font-weight: 600;
font-size : 16px;
/*font-size: 1rem;*/
font-weight: 400;
}
.u-header__nav-link-icon {
@@ -13806,8 +13807,8 @@ button:focus {
flex: 0 0 auto;
width: auto;
max-width: none;
-ms-flex-order: 3;
order: 3;
-ms-flex-order: 1;
order: 1;
}
.navbar-expand-lg .u-header__navbar-brand {
padding-top: 1rem;
@@ -13822,10 +13823,14 @@ button:focus {
margin-left: auto;
}
.navbar-expand-lg .u-header__navbar-nav .u-header__nav-link {
padding-top: 1.375rem;
padding-bottom: 1.375rem;
padding-right: 0.875rem;
padding-left: 0.875rem;
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 0.6rem;
padding-left: 0.6rem;
/*padding-right: 0.875rem;
padding-left: 0.875rem;*
padding-top: 1.375rem;
padding-bottom: 1.375rem;*/
}
.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu {
border: 1px solid #e3e6f0;
@@ -14170,6 +14175,11 @@ button:focus {
}
}
.headerrecruteur{
padding-top:.3125rem;
padding-bottom:.3125rem;
}
@media (max-width: 767.98px) {
.u-header--modern .navbar-expand-md.u-header__navbar {
padding-top: 0;