templates/general/partenaires.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 %}Partenaires - Projets Métiers{% endblock %}
  11. {% block body %}
  12. <div class="container-sm">
  13. <h1 class="txtRouges">Les Partenaires</h1>
  14. <div>
  15. <p>
  16. La Fondation Arts & Métiers, les associations Arts et Métiers Alumni, IESF, Femmes Ingénieures et
  17. Projets Métiers se mobilisent pour le projet “un Jeune, un Mentor” et prévenir le décrochage scolaire
  18. dès la classe de 4ème.<br>
  19. Une initiative du Gouvernement pour accompagner, former et faciliter l'entrée dans la vie
  20. professionnelle de tous les jeunes, sur tous les territoires.<br>
  21. <a href="{{ links.86.url }}" target="_blank">
  22. L’objectif du mentorat est d’accompagner le jeune dans son orientation de la 4éme à la fin de 3ème, de
  23. manière structurante, de l’aider à prendre conscience de ses compétences, à prendre confiance en lui et
  24. le rendre autonome, pour renforcer sa motivation scolaire.<br>
  25. Les Jeunes Mentorés auront réalisé leur autoportrait et le pourront le partager avec leur Mentor lors de
  26. l'appairage<br>
  27. </a>
  28. </p>
  29. <p>
  30. </p>
  31. <p>
  32. ARPEP Occitanie : Les référents PEP de Cursus Avenir déploient en Occitanie le parcours Projets Métiers
  33. pour les Jeunes Adultes. 11 institutions sont engagées et 208 jeunes réalisent le parcours Projets
  34. Métiers NOS ACTIONS
  35. </a>
  36. </p>
  37. <p>
  38. La Région Ile de France financent 10 établissements de Région Parisienne. Actuellement, 7 établissements
  39. scolaires ont 548 élèves qui réalisent le parcours
  40. </p>
  41. </div>
  42. {#
  43. {{ include('includes/partners.html.twig') }}
  44. #}
  45. </div>
  46. <div class="main ">
  47. <div class="bloc col-4-marge2">
  48. <div class="gallery">
  49. <a href="#" target="_blank"><img src="{{ asset('images/partners/new/pep_occitanie.png') }}" alt="" height="100 px"class="shadowJm"></a>
  50. </div>
  51. </div>
  52. <div class="bloc col-4-marge2">
  53. <div class="gallery">
  54. <a href="#" target="_blank"><img
  55. src="{{ asset('images/partners/new/IDF.png') }}" alt="" height="100 px"class="shadowJm"></a>
  56. </div>
  57. </div>
  58. <div class="bloc col-4-marge2">
  59. <div class="gallery">
  60. <a href="#"
  61. target="_blank"><img src="{{ asset('images/partners/new/MENJTRICOLORE.png') }}" height="100 px" class="shadowJm"></a>
  62. </div>
  63. </div>
  64. </div>
  65. <div class="main">
  66. <div class="bloc col-6-marge2">
  67. <div class="gallery">
  68. <a href="{{ links.92.url }}" target="_blank"><img
  69. src="{{ asset('images/partners/new/logo_iesf.jpg') }}" alt="" height="100 px"class="shadowJm"></a>
  70. </div>
  71. </div>
  72. <div class="bloc col-6-marge2">
  73. <div class="gallery">
  74. <a href="{{ links.93.url }}" target="_blank"><img
  75. src="{{ asset('images/partners/new/Alumni.jpg') }}" alt="" height="100 px"class="shadowJm"></a>
  76. </div>
  77. </div>
  78. </div>
  79. <div class="main ">
  80. <div class="bloc col-3-marge2">
  81. </div>
  82. <div class="bloc col-3-marge2">
  83. <div class="gallery">
  84. <a href="{{ links.94.url }}" target="_blank"><img
  85. src="{{ asset('images/partners/new/logoFondationV1.jpg') }}" alt="" height="100 px"class="shadowJm"></a>
  86. </div>
  87. </div>
  88. <div class="bloc col-3-marge2">
  89. <div class="gallery">
  90. <a href=""><img src="{{ asset('images/partners/new/UnJeuneUnMentor.png') }}" alt="" height="100 px"class="shadowJm"></a>
  91. </div>
  92. </div>
  93. <div class="bloc col-3-marge2">
  94. <div class="gallery">
  95. <a href="{{ links.95.url }}" target="_blank"><img
  96. src="{{ asset('images/partners/new/LogoFi.png') }}" alt="" height="100 px"class="shadowJm"></a>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="main">
  101. <div class="bloc col-6-marge2">
  102. <div class="gallery">
  103. <a href="https://artsetmetiers.fr/" target="_blank"><img
  104. src="{{ asset('images/partners/new/EcoleArtsEtMétiers.png') }}" alt="" height="100 px"
  105. class="shadowJm"></a>
  106. </div>
  107. </div>
  108. <div class="bloc col-6-marge2">
  109. <div class="gallery">
  110. <a href="https://lementorat.fr/" target="_blank"><img
  111. src="{{ asset('images/partners/new/CollectifMentorat.png') }}" alt="" height="100 px"
  112. class="shadowJm"></a>
  113. </div>
  114. </div>
  115. </div>
  116. <br>
  117. <br>
  118. <br>
  119. <br>
  120. <br>
  121. <br>
  122. <br>
  123. <br>
  124. <style>
  125. .gallery {
  126. height: 100%;
  127. }
  128. .col-1-marge1 {
  129. width: 6.33%;
  130. }
  131. .col-2-marge1 {
  132. width: 14.66%;
  133. }
  134. .col-3-marge1 {
  135. width: 23%;
  136. }
  137. .col-4-marge1 {
  138. width: 31.33%;
  139. }
  140. .col-6-marge1 {
  141. width: 48%;
  142. }
  143. .col-8-marge1 {
  144. width: 64.67%;
  145. }
  146. .col-9-marge1 {
  147. width: 73%;
  148. }
  149. .col-12-marge1 {
  150. width: 98%;
  151. }
  152. .col-1-marge2 {
  153. width: 4.33%;
  154. }
  155. .col-2-marge2 {
  156. width: 12.66%;
  157. }
  158. .col-3-marge2 {
  159. width: 21%;
  160. }
  161. .col-4-marge2 {
  162. width: 29.33%;
  163. }
  164. .col-6-marge2 {
  165. width: 46%;
  166. }
  167. .col-8-marge2 {
  168. width: 62.67%;
  169. }
  170. .col-9-marge2 {
  171. width: 71%;
  172. }
  173. .col-12-marge2 {
  174. width: 96%;
  175. }
  176. .full {
  177. width: 100%;
  178. min-height: 50px;
  179. }
  180. .main {
  181. font-size: 0;
  182. width: 100%;
  183. min-height: 50px;
  184. margin-left: auto;
  185. margin-right: auto;
  186. padding-top: 1px;
  187. padding-bottom: 1px;
  188. padding-left: 30px;
  189. padding-right: 30px;
  190. text-align: center;
  191. }
  192. .bloc {
  193. font-size: 16px;
  194. display: inline-block;
  195. vertical-align: top;
  196. min-width: 20px;
  197. margin: 2%;
  198. }
  199. .minSmall {
  200. min-width: 100px;
  201. }
  202. .minMedum {
  203. min-width: 200px;
  204. }
  205. .minLarge {
  206. min-width: 400px;
  207. }
  208. .red {
  209. background-color: red;
  210. }
  211. .grey {
  212. background-color: grey;
  213. }
  214. .green {
  215. background-color: darkgreen;
  216. }
  217. .navy {
  218. background-color: navy;
  219. color: goldenrod;
  220. }
  221. </style>
  222. {% endblock %}
  223. {% block javascripts %}
  224. {{ parent() }}
  225. {% endblock %}