templates/profil/accueilEleve.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. #}
  10. {% extends 'basepm.html.twig' %}
  11. {% block title %}Elèves - Projets Métiers{% endblock %}
  12. {% block body %}
  13. </div>
  15. <div class="full">
  16. <div class="container-sm">
  18. <h1 class="centrer fontOdibee mt60">Un parcours adapté à chaque âge</h1>
  19. </div>
  21. </div>
  23. <div class="row centrer container-sm">
  25. <div class="col margColeleve">
  26. <div>
  27. <a href="{{ path('app_register',{type:'college'}) }}">
  28. <img src="{{ asset('images/Illustration/college.svg') }}" alt="COLLÉGIENS" width="100%" height="100%" class="allume"></a>
  29. </div>
  30. <a href="{{ path('app_register',{type:'college'}) }}">
  31. <h4 class="legendePofil college">COLLÉGIENS</h4>
  32. <p>Tu es collégien et tu cherches une orientation dans la poursuite de tes études ou d'un apprentissage.</p></a>
  33. </div>
  35. <div class="col margColeleve">
  36. <div>
  37. <a href="{{ path('app_register',{type:'lycee'}) }}">
  38. <img src="{{ asset('images/Illustration/lycee.svg') }}" alt="LYCEENS" width="100%" height="100%" class="allume"></a>
  39. </div>
  40. <a href="{{ path('app_register',{type:'lycee'}) }}">
  41. <h4 class="legendePofil lycee">LYCEENS</h4>
  42. <p>Vous êtes lycéen et vous cherchez une orientation dans la poursuite de vos études ou d'un métier.</p></a>
  43. </div>
  44. </div>
  47. <div class="full eleves">
  49. <img src="{{ asset('images/slider/eleves.svg') }}" alt="Projets métiers" width="80%" height="80%" class="centrer">
  50. </div>
  60. <div class="full aLaLigne"></div>
  61. <br>
  62. <br>
  63. <br>
  65. <style>
  66. .allume{
  67. opacity: 80%;
  68. }
  69. .allume:hover{
  70. opacity: 100%;
  71. }
  72. </style>
  73. {% endblock %}
  77. {% block javascripts %}
  78. {{ parent() }}
  79. <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
  80. <script>
  81. $(document).ready(function(){
  82. $('.customer-logos').slick({
  83. slidesToShow: 6,
  84. slidesToScroll: 1,
  85. autoplay: true,
  86. autoplaySpeed: 1500,
  87. arrows: false,
  88. dots: false,
  89. pauseOnHover: false,
  90. responsive: [{
  91. eakpoint: 768,
  92. settings: {
  93. slidesToShow: 4
  94. }
  95. }, {
  96. eakpoint: 520,
  97. settings: {
  98. slidesToShow: 3
  99. }
  100. }]
  101. });
  102. });
  103. </script>
  106. {% endblock %}