templates/formations/allformations.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %} {% block title %}Formations{% endblock %} {% block
  2. body %}
  3. <br><br>
  4. <h1 class="formations">Formations</h1>
  5. <br>
  6. <section class="container">
  7.   <div class="row">
  8.   
  9.     {% for Formations in Formations %}
  10.     <div class="card col-lg-3 col-sm-12 mx-5 mt-3">
  11.       <div class="card-body" style="filter: drop-shadow(6px 6px 5px #a7a7a7);">
  12.         <p class="card-title" style="background-color: rgb(233, 233, 233); text-align: center; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: bold; font-size: 20px">{{ Formations.titre }}</p><br><br>
  13.         <h5 class="card-text mx-3"><center><img
  14.           class="image" style="width: 200px"
  15.           src="{{ Formations.image}}"
  16.           alt=""
  17.         /></center></h5>
  18.         <br>
  19.        <center><p class="card-title" style="color: black; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 18px">{{ Formations.description }}</p></center>
  20.       <center>   <p class="card-text mt-4">{{Formations.dateDebut | date('d-M-y')}}</p>
  21.        <span>{{Formations.dateFin | date('d-M-y')}}</span
  22.         ></center><br />
  23.         {% if is_granted('ROLE_ADMIN') %}
  24.         <a
  25.           class="btn btn-warning my-5"
  26.           href="{{ path('app_admin_edit_formations', { id: Formations.id }) }}"
  27.           >Modifier</a
  28.         >
  29.         <a
  30.           class="btn btn-danger my-5"
  31.           href="{{
  32.             path('app_admin_delete_formations', { id: Formations.id })
  33.           }}"
  34.           >Supprimer</a
  35.         >
  36.         {% endif %}
  37.       </div>
  38.     </div>
  39.     {% endfor %}
  40.   </div>
  41. </section>
  42. <!-- <div class="row" style="justify-content: center;">
  43.   <div class="col-sm-4" style="width: 1000px; height: 350px;">
  44.     <div class="card">
  45.       <div class="card-body">
  46.         <h5 class="card-title" style= "filter: drop-shadow(6px 6px 5px #a7a7a7); background-color: rgb(233, 233, 233);">1) Mon expérience à la Fabrique Numérique de Gonesse</h5>
  47.         <br>
  48.         <p class="card-text">- Conception graphique (création d'affiches, flyers et autres types de contenu visuel)<br> - Codage et modélisation <br> - Finalisation d'objets 3D <br> - Impressions 3D <br> - Travaux manuels (manipulations de matériels, outils, montage etc...) <br> - Usage du web <br> - Gestion du temps</p>
  49.       </div>
  50.     </div>
  51.   </div>
  52.   <div class="col-sm-4" style="width: 1000px; height: 350px;">
  53.     <div class="card">
  54.       <div class="card-body">
  55.         <h5 class="card-title" style= "filter: drop-shadow(6px 6px 5px #a7a7a7); background-color: rgb(233, 233, 233);">2) Mon expérience au FabLab au PoleS</h5>
  56.         <br>
  57.         <p class="card-text">- Impressions 3D et modélisations <br>
  58.           - Codage (Arduino) <br>
  59.           - Maîtrise des logiciels FreeCAD et Ultimaker Cura <br>
  60.           - Usages du Web <br>
  61.           - Travaux manuels</p>
  62.       </div>
  63.     </div>
  64.   </div>
  65.   <div class="col-sm-4" style="width: 1000px; height: 340px;">
  66.     <div class="card">
  67.       <div class="card-body">
  68.         <h5 class="card-title" style="filter: drop-shadow(6px 6px 5px #a7a7a7); background-color: rgb(233, 233, 233);">3) Mon expérience à l'École du web chez LePoleS</h5>
  69.         <br>
  70.         <p class="card-text"><u>Programmation informatique</u> : <br> - Création de sites web <br> - Tester le fonctionnement du site <br> - Outils informatique et design <br> - Création de projets </p>
  71.       </div>
  72.     </div>
  73.   </div>
  74. </div> -->
  75. {% endblock %}