templates/profil/accueilProf.html.twig line 1

Open in your IDE?
  1. {#
  2. /*
  3. * Ce fichier est la propriété de l'association (c) Projets Métiers
  4. *
  5. * (c) crée par Jean-Marc CATALA <jeanmmarccatala@gmail.com>
  6. *
  7. */
  8. #}
  9. {% extends 'basepm.html.twig' %}
  10. {% block title %}Professeurs - Projets Métiers{% endblock %}
  11. {% block body %}
  12. <div class="full">
  13. <div class="container-sm">
  14. <h1 class="centrer padding-bottom fontOdibee mt60">Un parcours adapté à chaque âge</h1>
  15. </div>
  16. </div>
  17. <div class="row centrer container-sm">
  18. <div class="col margCol">
  19. <div>
  20. <a href="{{ path('app_register',{type:'professeur'}) }}">
  21. <img src="{{ asset('images/Illustration/college.svg') }}" alt="COLLEGIENS" width="100%" height="100%"class="allume"></a>
  22. </div>
  23. <a href="{{ path('app_register',{type:'professeur'}) }}">
  24. <h4 class="legendePofil college">COLLEGIENS</h4>
  25. <p>Vous êtes professeur de collégiens qui cherchent une orientation ou un apprentissage dans la poursuite de leurs études.</p></a>
  26. </div>
  27. <div class="col margCol">
  28. <div>
  29. <a href="{{ path('app_register',{type:'professeur'}) }}">
  30. <img src="{{ asset('images/Illustration/lycee.svg') }}" alt="LYCÉENS" width="100%" height="100%"class="allume"></a>
  31. </div>
  32. <a href="{{ path('app_register',{type:'professeur'}) }}">
  33. <h4 class="legendePofil lycee">LYCÉENS</h4>
  34. <p>Vous êtes professeur de lycéens qui cherchent une orientation ou un métier dans la poursuite de leurs études.</p></a>
  35. </div>
  36. <div class="col margCol">
  37. <div>
  38. <a href="{{ path('app_register',{type:'conseiller'}) }}">
  39. <img src="{{ asset('images/Illustration/adultes.svg') }}" alt="JEUNES ADULTES" width="100%" height="100%"class="allume"></a>
  40. </div>
  41. <a href="{{ path('app_register',{type:'conseiller'}) }}">
  42. <h4 class="legendePofil jeuneAdulte"> JEUNES ADULTES</h4>
  43. <p>Vous êtes conseiller de jeunes adultes qui cherchent une formation ou un métier.</p></a>
  44. </div>
  45. </div>
  46. <div class="full profs">
  47. <img src="{{ asset('images/slider/profs.svg') }}" alt="Projets métiers" width="80%" height="80%" class="centrer">
  48. </div>
  49. <div class="full temoignagesParents">
  50. <h1 class="centrer padding-bottom fontOdibee">Les enseignants en parlent</h1>
  51. <br>
  52. <div class="row centrer container-sm cadre placardParent">
  53. <div class="colon12Marge2">
  54. <p class="centrer">«Très satisfaite car on découvre une présentation de l'orientation qui change des simples
  55. "notions" sur les filières proposées par les établissements. Contenu concret, directement applicable auprès des élèves.»</p>
  56. <p class="centrer Josefinitalic">Professeur au lycée Plaine de Neauphle de Trappes</p>
  57. </div>
  58. <a href="{{ path('temoignages') }}">
  59. <div class="reste">
  60. <div class="triangleProf"></div>
  61. </div>
  62. </a>
  63. </div>
  64. </div>
  65. <div class="full vertFooter">
  66. <div class="bgimage" style="width: 50%; display: inline-block">
  67. <h1 class="fontOdibee mt60 blanc pdlft200">VOUS ÊTES UN CHEF D'ÉTABLISSEMENT SCOLAIRE</h1>
  68. <p class="pdlft200 blanc PargPiedPage paddRight piedPageFlush">Vous avez le souci d'accompagner vos professeurs et vos élèves dans le parcours Avenir.</p>
  69. <a href="{{ path('qui') }}" class="boutonPiedPage centrerPP">CONTACTEZ-NOUS</a>
  70. </div>
  71. <div style="width: 48%;display: inline-block">
  72. <h1 class="fontOdibee mt60 blanc pdlft200">VOUS ÊTES UNE ENTREPRISE,<br> UNE COLLECTIVITE LOCALE,<br> UN PARTICULIER</h1>
  73. <p class="mt60 pdlft200 blanc PargPiedPage paddRight">Vous avez le souci d'accompagner vos professeurs et vos élèves dans le parcours Avenir.</p>
  74. <a href="{{ path('contact') }}" class="boutonPiedPage centrerPP">CONTACTEZ-NOUS</a>
  75. </div>
  76. </div>
  77. <div class="full aLaLigne"></div>
  78. <br>
  79. <br>
  80. <br>
  81. {% endblock %}
  82. {% block javascripts %}
  83. {{ parent() }}
  84. <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
  85. <script>
  86. $(document).ready(function(){
  87. $('.customer-logos').slick({
  88. slidesToShow: 6,
  89. slidesToScroll: 1,
  90. autoplay: true,
  91. autoplaySpeed: 1500,
  92. arrows: false,
  93. dots: false,
  94. pauseOnHover: false,
  95. responsive: [{
  96. eakpoint: 768,
  97. settings: {
  98. slidesToShow: 4
  99. }
  100. }, {
  101. eakpoint: 520,
  102. settings: {
  103. slidesToShow: 3
  104. }
  105. }]
  106. });
  107. });
  108. </script>
  109. {% endblock %}