Compare commits
19 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Thomas MONCHICOURT
|
5a47ac168e | ||
|
Thomas MONCHICOURT
|
a35647ca1d | ||
|
Thomas MONCHICOURT
|
231a692369 | ||
|
Thomas MONCHICOURT
|
1ad2d8bf1a | ||
|
Thomas MONCHICOURT
|
2047322161 | ||
|
Thomas MONCHICOURT
|
f90c907942 | ||
|
Thomas MONCHICOURT
|
a2d0a9539f | ||
|
Thomas MONCHICOURT
|
d5f448483c | ||
|
Thomas MONCHICOURT
|
8f12cddd86 | ||
|
Thomas MONCHICOURT
|
0f195907c5 | ||
|
Thomas MONCHICOURT
|
8dabe7ba82 | ||
|
Thomas MONCHICOURT
|
0bfed4b932 | ||
|
Thomas MONCHICOURT
|
bf875db942 | ||
|
Thomas MONCHICOURT
|
5c47a00d0e | ||
|
Thomas MONCHICOURT
|
0f8fe7732e | ||
|
Thomas MONCHICOURT
|
bed4cbc7b1 | ||
|
Thomas MONCHICOURT
|
b09ca38415 | ||
|
Thomas MONCHICOURT
|
c0f09f715c | ||
|
Thomas MONCHICOURT
|
4cb07a74b6 |
@@ -7,10 +7,10 @@
|
||||
<div class="owl-carousel tuto-carousel">
|
||||
<div class="item-tuto-webcam carousel-item">
|
||||
<div class="row">
|
||||
<div class="col s4 offset-s1">
|
||||
<div class="col s4 offset-s1 hide-on-med-and-down">
|
||||
<img class="responsive-img" src="{{ asset('img/img_popupcv/cv_video_step_1.svg')}}" alt="">
|
||||
</div>
|
||||
<div class="col s6 offset-s1 left-align">
|
||||
<div class="col s11 m11 l6 offset-s1 left-align">
|
||||
<strong><span class="color-blue1">30 Minutes</span> avant l’enregistrement</strong>
|
||||
<br /><br />
|
||||
<u>Préparez un discours <strong>clair</strong> et <strong>concis</strong></u>
|
||||
@@ -31,10 +31,10 @@
|
||||
</div>
|
||||
<div class="item-tuto-webcam carousel-item">
|
||||
<div class="row">
|
||||
<div class="col s4 offset-s1">
|
||||
<div class="col s4 offset-s1 hide-on-med-and-down">
|
||||
<img class="responsive-img" src="{{ asset('img/img_popupcv/cv_video_step_2.svg')}}" alt="">
|
||||
</div>
|
||||
<div class="col s6 offset-s1 left-align">
|
||||
<div class="col s11 m11 l6 offset-s1 left-align">
|
||||
<strong><span class="color-blue1">2 Minutes</span> avant l’enregistrement</strong>
|
||||
<br /><br />
|
||||
<u>Préparer votre lieu de tournage :</u>
|
||||
@@ -51,10 +51,10 @@
|
||||
</div>
|
||||
<div class="item-tuto-webcam carousel-item">
|
||||
<div class="row">
|
||||
<div class="col s4 offset-s1">
|
||||
<div class="col s4 offset-s1 hide-on-med-and-down">
|
||||
<img class="responsive-img" src="{{ asset('img/img_popupcv/cv_video_step_3.svg')}}" alt="">
|
||||
</div>
|
||||
<div class="col s6 offset-s1 left-align">
|
||||
<div class="col s11 m11 l6 offset-s1 left-align">
|
||||
<strong><span class="color-blue1">10 secondes</span> avant l’enregistrement</strong>
|
||||
<br /><br />
|
||||
<u>Quelques informations à savoir avant le grand bain :</u>
|
||||
@@ -67,7 +67,7 @@
|
||||
<li>Recommencez autant de fois que nécessaire.</li>
|
||||
</ul>
|
||||
<br /><br />
|
||||
Bon courage !
|
||||
C’est à vous !
|
||||
</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -48,7 +48,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
|
||||
@@ -41,6 +41,9 @@
|
||||
<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>
|
||||
|
||||
@@ -203,6 +203,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'testimony/testimony_list.html.twig' %}
|
||||
</div>
|
||||
<div id="modal_concept" class="modal modal-fixed-footer">
|
||||
<div class="modal-content">
|
||||
|
||||
@@ -12,4 +12,9 @@
|
||||
|
||||
{% block description %}{{ page.description }}{% endblock %}
|
||||
|
||||
{% block content %}{{ page.content|raw }}{% endblock %}
|
||||
{% block content %}
|
||||
{{ page.content|raw }}
|
||||
{% if isTestimony %}
|
||||
{% include 'testimony/testimony_list.html.twig' %}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
@@ -185,7 +185,7 @@
|
||||
var urlDelete = '';
|
||||
var idObject = null;
|
||||
var typeObject = null;
|
||||
var videoExist = true;
|
||||
var videoExist = false;
|
||||
var mediaDefaultUrl = '{{ path("media_default") }}';
|
||||
var idUser = '{{ app.user.id }}';
|
||||
var mediaEditTitleUrl = "{{ path('media_edit_title', {'id': 'id_video'})|escape('js') }}";
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
<div id="liste-testimony" class="bg-white">
|
||||
<div class="container">
|
||||
<div class="row flexcontainer row-noMargin">
|
||||
<div class="owl-carousel owl-carousel-testimony">
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div class="col s12 l2">
|
||||
<img class="circle z-depth-3" src="{{ asset('img/testimony/de-charry.jpg')}}" alt="Jean-Philippe, Gérant, cabinet de Charry"/>
|
||||
</div>
|
||||
<div class="col s12 l8 left-align">
|
||||
<h3><strong>Jean-Philippe</strong>, Gérant, Cabinet de Charry</h3>
|
||||
<p>
|
||||
Notre entreprise amorce une nouvelle dynamique grâce à la vidéo de recrutement.<br />
|
||||
Nous accueillons demain notre nouvel agent commercial, basé à Auray/Lorient.<br />
|
||||
Il sera suivi de près par un autre très bientôt...<br />
|
||||
Nous avons eu beaucoup d’appréciations positives grâce à cette communication.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div class="col l2">
|
||||
<img class="circle z-depth-3" src="{{ asset('img/testimony/lionel.jpg')}}" alt="Jean-Philippe, Gérant, cabinet de Charry"/>
|
||||
</div>
|
||||
<div class="col s12 l8 left-align text-testimony">
|
||||
<h3><strong>Lionel</strong>, dirigeant, LB Groupe</h3>
|
||||
<p>
|
||||
Talents Tube nous a permis de recruter deux collaborateurs sur des profils bien spécifiques en un temps rapide.<br />
|
||||
L’offre d’emploi vidéo a permis d’atteindre des candidats aux profils plus divers qu’une annonce classique sur papier ou web.<br />
|
||||
Les CV vidéo ont permis de gagner un temps précieux au niveau de la présélection.<br />
|
||||
Atout supplémentaire : nos annonces en vidéo ont contribué à développer notre marque employeur !
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -27,3 +27,4 @@ parameters:
|
||||
|
||||
elastic_host: tt-website.elasticsearch.prod
|
||||
elastic_port: 9200
|
||||
delivery_addresses: thomas@e-declic.com
|
||||
@@ -3,8 +3,8 @@ security:
|
||||
in_memory:
|
||||
memory: ~
|
||||
fos_userbundle:
|
||||
#id: fos_user.user_provider.username_email
|
||||
id: app.user_provider
|
||||
id: fos_user.user_provider.username_email
|
||||
#id: app.user_provider
|
||||
|
||||
firewalls:
|
||||
dev:
|
||||
|
||||
@@ -188,7 +188,8 @@ class PageController extends Controller
|
||||
$page = $em->getRepository('AppBundle:Page')->findOneByRef('OFFREEMPLOI');
|
||||
|
||||
return $this->render('default/page.html.twig', [
|
||||
'page' => $page
|
||||
'page' => $page,
|
||||
'isTestimony' => true
|
||||
]);
|
||||
}
|
||||
|
||||
@@ -201,7 +202,8 @@ class PageController extends Controller
|
||||
$page = $em->getRepository('AppBundle:Page')->findOneByRef('MARQUEEMPLOYEUR');
|
||||
|
||||
return $this->render('default/page.html.twig', [
|
||||
'page' => $page
|
||||
'page' => $page,
|
||||
'isTestimony' => true
|
||||
]);
|
||||
}
|
||||
|
||||
|
||||
@@ -227,6 +227,19 @@ $(document).ready(function () {
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if ($(".owl-carousel-testimony").length ) {
|
||||
$(".owl-carousel-testimony").owlCarousel({
|
||||
items:1,
|
||||
nav: true,
|
||||
margin: 28,
|
||||
loop: true,
|
||||
autoplay: true,
|
||||
autoplayHoverPause: true,
|
||||
center:true,
|
||||
navText: ['<span class="left-arrow"></span>', '<span class="right-arrow"></span>']
|
||||
});
|
||||
}
|
||||
|
||||
/*GMAP Search*/
|
||||
if ($("#ad_search_location_gmap").length) {
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -14427,6 +14427,59 @@ a.link-white-underline {
|
||||
@media (min-width: 1136px) and (max-width: 1226px) {
|
||||
.owl-carousel .owl-item .card-company .card-content-company .col-infos {
|
||||
font-size: 14px; } }
|
||||
#liste-testimony .item .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
min-height: 200px;
|
||||
margin-top: 60px;
|
||||
margin-bottom: 0; }
|
||||
#liste-testimony .item .row .col h3 {
|
||||
font-family: Raleway;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
margin: 30px 0 18px 0; }
|
||||
#liste-testimony .item .row .col p {
|
||||
font-size: 14px; }
|
||||
#liste-testimony .item .row .text-testimony {
|
||||
padding-right: 85px; }
|
||||
#liste-testimony .owl-dots {
|
||||
margin: 15px 0 30px 0;
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
#liste-testimony .owl-dots .owl-dot {
|
||||
display: inline-block;
|
||||
zoom: 1; }
|
||||
#liste-testimony .owl-dots .owl-dot span {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
margin: 5px 7px;
|
||||
background: #D6D6D6;
|
||||
display: block;
|
||||
-webkit-backface-visibility: visible;
|
||||
transition: opacity .2s ease;
|
||||
border-radius: 30px; }
|
||||
#liste-testimony .owl-dots .owl-dot.active span, #liste-testimony .owl-dots .owl-dot:hover span {
|
||||
background: #155EE5; }
|
||||
#liste-testimony .owl-nav {
|
||||
width: 103%;
|
||||
z-index: 10; }
|
||||
|
||||
@media (max-width: 990px) {
|
||||
#liste-testimony .item .row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
min-height: 200px;
|
||||
margin-top: 60px;
|
||||
margin-bottom: 0; }
|
||||
#liste-testimony .item .row .col {
|
||||
text-align: center; }
|
||||
#liste-testimony .item .row .col img {
|
||||
max-width: 200px;
|
||||
margin: 0 auto; }
|
||||
#liste-testimony .item .row .text-testimony {
|
||||
padding-right: 0; } }
|
||||
/* sidebar */
|
||||
#sidebar {
|
||||
background: none; }
|
||||
@@ -15553,6 +15606,7 @@ table.highlight > tbody > tr:hover {
|
||||
#answerPage .col-content.bg-arrow {
|
||||
background: url(/img/img_popupcv/step_arrow.svg) 40px no-repeat #FFFFFF; }
|
||||
#answerPage #modal-tuto {
|
||||
min-height: 540px;
|
||||
background: #FFFFFF; }
|
||||
#answerPage #modal-tuto .col-content {
|
||||
margin-bottom: 0; }
|
||||
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 214 KiB |
@@ -50,6 +50,8 @@ $(document).ready(function(){
|
||||
openModal();
|
||||
}
|
||||
$(".view-tuto").on('click', function(){
|
||||
var toIndex = 0;
|
||||
$(".tuto-carousel").trigger("to.owl.carousel", [toIndex, 1, true]);
|
||||
openModal();
|
||||
});
|
||||
|
||||
|
||||
@@ -227,6 +227,19 @@ $(document).ready(function () {
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if ($(".owl-carousel-testimony").length ) {
|
||||
$(".owl-carousel-testimony").owlCarousel({
|
||||
items:1,
|
||||
nav: true,
|
||||
margin: 28,
|
||||
loop: true,
|
||||
autoplay: true,
|
||||
autoplayHoverPause: true,
|
||||
center:true,
|
||||
navText: ['<span class="left-arrow"></span>', '<span class="right-arrow"></span>']
|
||||
});
|
||||
}
|
||||
|
||||
/*GMAP Search*/
|
||||
if ($("#ad_search_location_gmap").length) {
|
||||
|
||||
@@ -10,7 +10,6 @@
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.tuto-carousel{
|
||||
.owl-item {
|
||||
display: inline !important;
|
||||
@@ -49,7 +48,7 @@
|
||||
}
|
||||
.carousel-fixed-item{
|
||||
margin-right: 45px;
|
||||
margin-top: -40px;
|
||||
margin-top:-40px;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
}
|
||||
@@ -75,6 +74,7 @@
|
||||
background: url(/img/img_popupcv/step_arrow.svg) 40px no-repeat #FFFFFF;;
|
||||
}
|
||||
#modal-tuto{
|
||||
min-height: 540px;
|
||||
background: $white;
|
||||
.col-content{
|
||||
margin-bottom: 0;
|
||||
|
||||
@@ -345,4 +345,81 @@
|
||||
.owl-carousel .owl-item .card-company .card-content-company .col-infos {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
//Carousel Testimony
|
||||
|
||||
#liste-testimony{
|
||||
.item{
|
||||
.row{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
min-height:200px;
|
||||
margin-top: 60px;
|
||||
margin-bottom: 0;
|
||||
.col{
|
||||
h3{
|
||||
font-family: Raleway;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
margin: 30px 0 18px 0;
|
||||
|
||||
}
|
||||
p{
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.text-testimony{
|
||||
padding-right:85px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.owl-dots{
|
||||
margin: 15px 0 30px 0;
|
||||
text-align:center;
|
||||
-webkit-tap-highlight-color:transparent;
|
||||
}
|
||||
.owl-dots .owl-dot{display:inline-block;zoom:1}
|
||||
.owl-dots .owl-dot span{
|
||||
width:13px;
|
||||
height:13px;
|
||||
margin:5px 7px;
|
||||
background:#D6D6D6;
|
||||
display:block;
|
||||
-webkit-backface-visibility:visible;
|
||||
transition:opacity .2s ease;
|
||||
border-radius:30px;
|
||||
}
|
||||
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{
|
||||
background:#155EE5;
|
||||
}
|
||||
.owl-nav{
|
||||
width:103%;
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
@media (max-width: 990px){
|
||||
#liste-testimony{
|
||||
.item{
|
||||
.row{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
min-height:200px;
|
||||
margin-top: 60px;
|
||||
margin-bottom: 0;
|
||||
.col{
|
||||
text-align: center;
|
||||
img{
|
||||
max-width: 200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.text-testimony{
|
||||
padding-right:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user