templates/general/vies.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' %}
  13. {% block title %}Des vies professionnelles réussies - Projets Métiers{% endblock %}
  15. {% block body %}
  16. <div class="lightGrey flushTem">
  17. <div class="full aLaLigneSansCouleurs"></div>
  18. <div class="container-sm">
  20. <h1 class="txtRouges">Des vies professionnelles réussies:</h1>
  21. <br>
  23. <div class="row centrer">
  25. <!-- Grid column 1-->
  26. <div class="col-lg-4 col-md-6 mb-lg-0 mb-2 " style="padding-bottom: 50px;">
  27. <div class="card shadowJm" style="width: 18rem;">
  29. <ul class="list-group list-group-flush">
  30. <li class="list-group-item"><p class="card-text">27/03/2017</p></li>
  31. <li class="list-group-item"><h4 class="card-title">Muhammad Yunus</h4></li>
  32. <li class="list-group-item">Prix Nobel de la Paix - Banquier des pauvres et... </li>
  33. </ul>
  34. <div class="card-body">
  35. <a href="{{ path('vie1') }}" class="boutonPM centrer">Lire la suite</a>
  36. </div>
  37. </div>
  38. </div>
  40. <!-- Grid column 2-->
  41. <div class="col-lg-4 col-md-6 mb-lg-0 mb-2" style="padding-bottom: 50px;">
  42. <div class="card shadowJm" style="width: 18rem;">
  43. <ul class="list-group list-group-flush">
  44. <li class="list-group-item"><p class="card-text">27/03/2017</p></li>
  45. <li class="list-group-item"><h4 class="card-title">Max Fischl</h4></li>
  46. <li class="list-group-item">Pilote d’essai, fondateur d’Aéroconseil... </li>
  47. </ul>
  48. <div class="card-body">
  49. <a href="{{ path("vie2") }}" class="boutonPM centrer">Lire la suite</a>
  50. </div>
  51. </div>
  52. </div>
  54. <!-- Grid column 3-->
  55. <div class="col-lg-4 col-md-6 mb-lg-0 mb-2" style="padding-bottom: 50px;">
  56. <div class="card shadowJm" style="width: 18rem;">
  57. <ul class="list-group list-group-flush">
  58. <li class="list-group-item"><p class="card-text">27/03/2017</p></li>
  59. <li class="list-group-item"><h4 class="card-title">Jérôme Laurens</h4></li>
  60. <li class="list-group-item">Du bac ES à la menuiserie. À 31 ans, Jérôme... </li>
  61. </ul>
  62. <div class="card-body">
  63. <a href="{{ path('vie3') }}" class="boutonPM centrer">Lire la suite</a>
  64. </div>
  65. </div>
  66. </div>
  68. <!-- Grid column 4-->
  69. <div class="col-lg-4 col-md-6 mb-lg-0 mb-2" style="padding-bottom: 50px;">
  70. <div class="card shadowJm" style="width: 18rem;">
  71. <ul class="list-group list-group-flush">
  72. <li class="list-group-item"><p class="card-text">27/03/2017</p></li>
  73. <li class="list-group-item"><h4 class="card-title">Thomas</h4></li>
  74. <li class="list-group-item">Audioprothésiste depuis 10 ans en région parisienne... </li>
  75. </ul>
  76. <div class="card-body">
  77. <a href="{{ path('vie4') }}" class="boutonPM centrer">Lire la suite</a>
  78. </div>
  79. </div>
  80. </div>
  82. <!-- Grid column 5-->
  83. <div class="col-lg-4 col-md-6 mb-lg-0 mb-2" style="padding-bottom: 50px;">
  84. <div class="card shadowJm" style="width: 18rem;">
  85. <img class="card-img-top" src="{{ asset('images/YvonChouinard.jpg') }}" alt="Card image cap">
  87. <ul class="list-group list-group-flush">
  88. <li class="list-group-item"><p class="card-text">16/12/2016</p></li>
  89. <li class="list-group-item"><h4 class="card-title">Yvon Chouinard</h4></li>
  90. <li class="list-group-item">Fondateur de Patagonia et inventeur de la «grimpe propre»...</li>
  91. </ul>
  92. <div class="card-body">
  93. <a href="{{ path('vie5') }}" class="boutonPM centrer">Lire la suite</a>
  94. </div>
  95. </div>
  96. </div>
  98. <!-- Grid column 6-->
  99. <div class="col-lg-4 col-md-6 mb-lg-0 mb-2" style="padding-bottom: 50px;">
  100. <div class="col-lg-4 col-md-6 mb-lg-0 mb-2" style="padding-bottom: 50px;">
  101. <div class="card shadowJm" style="width: 18rem;">
  102. <ul class="list-group list-group-flush">
  103. <li class="list-group-item"><p class="card-text">16/12/2016</p></li>
  104. <li class="list-group-item"><h4 class="card-title">Noro Ravoavahy</h4></li>
  105. <li class="list-group-item">Chercheuse, de la pédiatrie à l’architecture... </li>
  106. </ul>
  107. <div class="card-body">
  108. <a href="{{ path('vie6') }}" class="boutonPM centrer">Lire la suite</a>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="col-lg-4 col-md-6 mb-lg-0 mb-2" style="padding-bottom: 50px;">
  113. <div class="card shadowJm" style="width: 18rem;">
  114. <ul class="list-group list-group-flush">
  115. <li class="list-group-item"><p class="card-text">16/12/2016</p></li>
  116. <li class="list-group-item"><h4 class="card-title">Christophe Perrot</h4></li>
  117. <li class="list-group-item">De l’aquariophilie à la psychologie,... </li>
  118. </ul>
  119. <div class="card-body">
  120. <a href="{{ path('vie7') }}" class="boutonPM centrer">Lire la suite</a>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  126. </div>
  128. </div>
  129. </div>
  130. <br>
  131. <br>
  132. <br>
  133. <br>
  134. <br>
  135. {% endblock %}