{#
/*
* Ce fichier est la propriété de l'association (c) Projets Métiers
*
* (c) crée par Jean-Marc CATALA <jeanmmarccatala@gmail.com>
*
*/
#}
{% extends 'basepm.html.twig' %}
{% block title %}Parents - Projets Métiers{% endblock %}
{% block body %}
<div class="full">
<div class="container-sm">
<h1 class="centrer padding-bottom fontOdibee mt60">Un parcours adapté à chaque âge</h1>
</div>
</div>
<div class="row centrer container-sm">
<div class="col margColeleve">
<div>
<a href="{{ path('app_register',{type:'parent'}) }}">
<img src="{{ asset('images/Illustration/college.svg') }}" alt="COLLÉGIENS" width="100%" height="100%"class="allume"></a>
</div>
<a href="{{ path('app_register',{type:'parent'}) }}">
<h4 class="legendePofil college">COLLÉGIENS</h4>
<p>Vous êtes parent d’un collégien qui cherche une orientation ou un apprentissage dans la poursuite de ses études.</p></a>
</div>
<div class="col margColeleve">
<div>
<a href="{{ path('app_register',{type:'parent'}) }}">
<img src="{{ asset('images/Illustration/lycee.svg') }}" alt="LYCEENS" width="100%" height="100%"class="allume"></a>
</div>
<a href="{{ path('app_register',{type:'parent'}) }}">
<h4 class="legendePofil lycee">LYCEENS</h4>
<p>Vous êtes parent d’un lycéen qui cherche une orientation ou un métier dans la poursuite de ses études.</p></a>
</div>
</div>
<div class="full parents">
<img src="{{ asset('images/slider/parents.svg') }}" alt="Projets métiers" width="80%" height="80%" class="centrer flushBas">
</div>
<div class="full temoignagesParents">
<h1 class="centrer padding-bottom fontOdibee">Les enseignants en parlent</h1>
<br>
<div class="row centrer container-sm cadre placardParent">
<div class="colon12Marge2">
<p class="centrer">«Très satisfaite car on découvre une présentation de l'orientation qui change des simples
"notions" sur les filières proposées par les établissements. Contenu concret, directement applicable auprès des élèves.»</p>
<p class="centrer Josefinitalic">Professeur au lycée Plaine de Neauphle de Trappes</p>
</div>
<a href="{{ path('temoignages') }}">
<div class="reste">
<div class="triangleProf"></div>
</div>
</a>
</div>
</div>
<div class="full vertFooter">
<div class="bgimage" style="width: 50%; display: inline-block">
<h1 class="fontOdibee mt60 blanc pdlft200">VOUS ÊTES UN CHEF D'ÉTABLISSEMENT SCOLAIRE</h1>
<p class="pdlft200 blanc PargPiedPage paddRight piedPageFlush">Vous avez le souci d'accompagner vos professeurs et vos élèves dans le parcours Avenir.</p>
<a href="{{ path('qui') }}" class="boutonPiedPage centrerPP">CONTACTEZ-NOUS</a>
</div>
<div style="width: 48%;display: inline-block">
<h1 class="fontOdibee mt60 blanc pdlft200">VOUS ÊTES UNE ENTREPRISE,<br> UNE COLLECTIVITE LOCALE,<br> UN PARTICULIER</h1>
<p class="mt60 pdlft200 blanc PargPiedPage paddRight">Vous avez le souci d'accompagner vos professeurs et vos élèves dans le parcours Avenir.</p>
<a href="{{ path('contact') }}" class="boutonPiedPage centrerPP">CONTACTEZ-NOUS</a>
</div>
</div>
<div class="full aLaLigne"></div>
<br>
<br>
<br>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
<script>
$(document).ready(function(){
$('.customer-logos').slick({
slidesToShow: 6,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 1500,
arrows: false,
dots: false,
pauseOnHover: false,
responsive: [{
eakpoint: 768,
settings: {
slidesToShow: 4
}
}, {
eakpoint: 520,
settings: {
slidesToShow: 3
}
}]
});
});
</script>
{% endblock %}