templates/competences/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %} Liste des compétences informatiques {% endblock %}
  6. {% block body %}
  7. <section class="couleurFondComp">
  13. <div class="containerComp">
  16.   <div class="containerLang">
  17.   
  18.   <h1 class="text-center"> Les langages </h1>
  20.   <div class="compLang">
  21. {% for langage in langages %}
  22. <div class="langage">
  23. <div class="card" >
  25.   <img src="{{ asset('uploads/image/') ~ langage.image}}" class="card-img-top" alt="image-langage" >
  26.   <div class="card-body">
  27.     <p class="card-text">{{ langage.langage}}</p>
  28.   </div>
  29. </div>
  31. </div>
  32. {% endfor %}
  33. </div>
  34. </div>
  36. <hr>
  42. <div class="containerFram">
  44. <h1 class="text-center"> Les frameworks </h1>
  45. <div class="compFram">
  46. {% for framework in frameworks %}
  47. <div class="framework">
  48. <div class="card" >
  49.   <img src="{{ asset('uploads/image/') ~ framework.image}}" class="card-img-top" alt="image-langage">
  50.   <div class="card-body">
  51.     <p class="card-text">{{ framework.framework}}</p>
  53.     
  54.   </div>
  55. </div>
  57. </div>
  58. {% endfor %}
  59. </div>
  60. </div>
  63. <hr>
  66. <h1 class="text-center"> Les bibliotheques </h1>
  71. <div class="containerBibli">
  72. {% for bibliotheque in bibliotheques %}
  73. <div class="bibliotheque">
  74. <div class="card" >
  75.   <img src="{{ asset('uploads/image/') ~ bibliotheque.image}}" class="card-img-top" alt="image-langage" >
  76.   <div class="card-body">
  77.     <p class="card-text">{{ bibliotheque.nom}}</p>
  79.     
  80.   </div>
  81. </div>
  83. </div>
  84. {% endfor %}
  85. </div>
  86. <hr>
  88. <div class="containerCms">
  90. <h1 class="text-center"> Les CMS </h1>
  91. {% for cms in cms %}
  92. <div class="cms">
  93. <div class="card" >
  94.   <img src="{{ asset('uploads/image/') ~ cms.image}}" class="card-img-top" alt="image-langage" >
  95.   <div class="card-body">
  96.     <p class="card-text">{{ cms.cms}}</p>
  98.     
  99.   </div>
  100. </div>
  102. </div>
  103. {% endfor %}
  104. </div>
  107. <hr>
  109. <div class="containerOutil">
  111. <h1 class="text-center"> Les Outils </h1>
  112. {% for outil in outils %}
  113. <div class="outil">
  114. <div class="card" >
  115.   <img src="{{ asset('uploads/image/') ~ outil.image}}" class="card-img-top" alt="image-langage">
  116.   <div class="card-body">
  117.     <p class="card-text">{{ outil.nom}}</p>
  119.     
  120.   </div>
  121. </div>
  123. </div>
  124. {% endfor %}
  126. </div>
  128. <hr class="sousHR">
  130. </div>
  132. </section>
  133. {% endblock %}