Compare commits

...

8 Commits

Author SHA1 Message Date
Thomas MONCHICOURT a35647ca1d Merge branch 'develop' 2018-02-02 14:52:38 +01:00
Thomas MONCHICOURT 231a692369 Feat : Ajout des temoignage dans d’autre page #5662 @0h20 2018-02-02 14:52:28 +01:00
Thomas MONCHICOURT 1ad2d8bf1a Merge branch 'develop' 2018-02-02 14:28:47 +01:00
Thomas MONCHICOURT 2047322161 Feat : youtube #5845 @0h15 2018-02-02 14:28:29 +01:00
Thomas MONCHICOURT f90c907942 Feat : add a hover stop on carousel 2018-02-02 14:17:33 +01:00
Thomas MONCHICOURT a2d0a9539f Feat : modif temoignages #5662 @0h20 2018-02-02 12:02:49 +01:00
Thomas MONCHICOURT d5f448483c Feat : Modification #5662 @0h30 2018-01-25 15:15:54 +01:00
Thomas MONCHICOURT 8f12cddd86 Feat : template temoignages #5662 @1h15 2018-01-25 12:12:19 +01:00
16 changed files with 215 additions and 7 deletions
@@ -48,7 +48,9 @@
</div>
</div>
</div>
<div class="fluid-container bg-white">
{% include 'testimony/testimony_list.html.twig' %}
</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 %}
@@ -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 dappré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 />
Loffre demploi vidéo a permis datteindre des candidats aux profils plus divers quune 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>
@@ -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
]);
}
@@ -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
+53
View File
@@ -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; }
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

+13
View File
@@ -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) {
@@ -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;
}
}
}
}
}