templates/pages/chart.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title 'organigramme' %}
  4. {% block body %}
  5.     <!-- page title -->
  6.     <section class="page-title-section" data-background="{{ vich_uploader_asset(img, 'imageFile') }}">
  7.         <div class="container">
  8.             <div class="row">
  9.                 <div class="col-md-8">
  10.                     <ul class="list-inline custom-breadcrumb mb-2">
  11.                         <li class="list-inline-item">
  12.                             <a class="h2 text-primary font-secondary" href="index.html">
  13.                                 CRSAT
  14.                             </a>
  15.                         </li>
  16.                         <li class="list-inline-item text-white h3 font-secondary nasted">Organigramme</li>
  17.                     </ul>
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </section>
  22.     <!-- /page title -->
  24.     <!-- notice -->
  25.     <section class="section">
  26.         <div class="container">
  27.             <div class="col-12 text-center">
  28.                 <h2 class="section-title">Organigramme</h2>
  29.             </div>
  30.             <div class="row">
  31.                 <div
  32.                     class="col-6">
  33.                     <!-- notice item -->
  34.                     <div class="d-md-table mb-4 w-100 border-bottom border-right border-left hover-shadow col-12">
  35.                         <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
  36.                             <a href="{{ path('home.department', {id: 1}) }}" class="h4 mb-3 d-block text-center">Directeur Général</a>
  37.                             <p class="mb-0 text-center">Jean-Noël Kanyinda</p>
  38.                         </div>
  39.                     </div>
  40.                 </div>
  41.             </div>
  42.             <div class="row">
  43.                 <div
  44.                     class="col-6">
  45.                     <!-- notice item -->
  46.                     <div class="d-md-table mb-4 w-100 border-bottom border-right border-left hover-shadow col-12">
  47.                         <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
  48.                             <a href="{{ path('home.department', {id: 2}) }}" class="h4 mb-3 d-block text-center">Directeur Scientifique</a>
  49.                             <p class="mb-0 text-center">Junior Kanimba
  50.                             </p>
  51.                         </div>
  52.                     </div>
  53.                     <!-- notice item -->
  54.                     <div class="d-md-table mb-4 w-100 border-bottom border-right border-left hover-shadow col-12">
  55.                         <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
  56.                             <a href="#" class="h4 mb-3 d-block text-center">Département des énergies renouvelables
  57.                             </a>
  58.                             <p class="mb-0 text-center">
  59.                                 <b>sections:</b>
  60.                             </p>
  61.                             <p class="mb-0 text-center">
  62.                                 Section de Biomasse,<br/>
  63.                                 Section de l'énergie Solaire, Section de Ressource en Eau
  64.                             </p>
  65.                         </div>
  66.                     </div>
  67.                     <!-- notice item -->
  68.                     <div class="d-md-table mb-4 w-100 border-bottom border-right border-left hover-shadow col-12">
  69.                         <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
  70.                             <a href="#" class="h4 mb-3 d-block text-center">Département des Mathematiques appliquées et du Numérique</a>
  71.                             <p class="mb-0 text-center">
  72.                                 <b>sections:</b>
  73.                             </p>
  74.                             <p class="mb-0 text-center">
  75.                                 Section des Mathematiques appliquées,<br/>
  76.                                 Section du Numérique
  77.                             </p>
  78.                         </div>
  79.                     </div>
  80.                     <!-- notice item -->
  81.                     <div class="d-md-table mb-4 w-100 border-bottom border-right border-left hover-shadow col-12">
  82.                         <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
  83.                             <a href="#" class="h4 mb-3 d-block text-center">Département des Materiaux et Technologies Appropriées</a>
  84.                             <p class="mb-0 text-center">
  85.                                 <b>sections:</b>
  86.                             </p>
  87.                             <p class="mb-0 text-center">
  88.                                 Section des Materiaux,<br/>
  89.                                 Section des Technologies Appropriées
  90.                             </p>
  91.                         </div>
  92.                     </div>
  93.                     <!-- notice item -->
  94.                     <div class="d-md-table mb-4 w-100 border-bottom border-right border-left hover-shadow col-12">
  95.                         <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
  96.                             <a href="#" class="h4 mb-3 d-block text-center">Le Département de Biotechnologie et Substances Naturelles</a>
  97.                             <p class="mb-0 text-center">
  98.                                 <b>sections:</b>
  99.                             </p>
  100.                             <p class="mb-0 text-center">
  101.                                 Section de Biotechnologie ,<br/>
  102.                                 Section des Substances Naturelles
  103.                             </p>
  104.                         </div>
  105.                     </div>
  106.                     <!-- notice item -->
  107.                     <div class="d-md-table mb-4 w-100 border-bottom border-right border-left hover-shadow col-12">
  108.                         <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
  109.                             <a href="#" class="h4 mb-3 d-block text-center">Le Département de L’information Scientifique et Publications</a>
  110.                             <p class="mb-0 text-center">
  111.                                 <b>sections:</b>
  112.                             </p>
  113.                             <p class="mb-0 text-center">
  114.                                 Section de l’Information Scientifique,<br/>
  115.                                 Section des Publications.
  116.                             </p>
  117.                         </div>
  118.                     </div>
  119.                 </div>
  120.                 <div
  121.                     class="col-6">
  122.                     <!-- notice item -->
  123.                     <div class="d-md-table mb-4 w-100 border-bottom border-right border-left hover-shadow col-12">
  124.                         <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
  125.                             <a href="{{ path('home.department', {id: 3}) }}" class="h4 mb-3 d-block text-center">Directeur Administrative et financère
  126.                             </a>
  127.                             <p class="mb-0 text-center">Thadée Wamonabe
  128.                             </p>
  129.                         </div>
  130.                     </div>
  132.                     <!-- notice item -->
  133.                     <div class="d-md-table mb-4 w-100 border-bottom border-right border-left hover-shadow col-12">
  134.                         <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
  135.                             <a href="#" class="h4 mb-3 d-block text-center">La Direction des Finances et Comptabilité</a>
  136.                             <p class="mb-0 text-center">
  137.                                 <b>divisions :</b>
  138.                             </p>
  139.                             <p class="mb-0 text-center">
  140.                                 <b>
  141.                                     Finance
  142.                                 </b>
  143.                                 Le Bureau Caisse, Le Bureau Recouvrement,<br/>
  144.                                 <b>
  145.                                     Comptabilité
  146.                                 </b>
  147.                                 Le Bureau Budget, Le Bureau de Contrôle.
  148.                             </p>
  149.                         </div>
  150.                     </div>
  151.                     <!-- notice item -->
  152.                     <div class="d-md-table mb-4 w-100 border-bottom border-right border-left hover-shadow col-12">
  153.                         <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
  154.                             <a href="#" class="h4 mb-3 d-block text-center">La Direction de l’Intendance et Logistique</a>
  155.                             <p class="mb-0 text-center">
  156.                                 <b>divisions :</b>
  157.                             </p>
  158.                             <p class="mb-0 text-center">
  159.                                 <b>
  160.                                     l’Intendance et Patrimoine
  161.                                 </b>
  162.                                 Le Bureau Intendance et Gestion du Patrimoine , Le Bureau de Gardiennage et Salubrité,<br/>
  163.                                 <b>
  164.                                     Logistique
  165.                                 </b>
  166.                                 Le Bureau d’Approvisionnement, Le Bureau de Maintenance.
  167.                             </p>
  168.                         </div>
  169.                     </div>
  170.                     <!-- notice item -->
  171.                     <div class="d-md-table mb-4 w-100 border-bottom border-right border-left hover-shadow col-12">
  172.                         <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0">
  173.                             <a href="#" class="h4 mb-3 d-block text-center">La Direction des Ressources Humaines</a>
  174.                             <p class="mb-0 text-center">
  175.                                 <b>divisions :</b>
  176.                             </p>
  177.                             <p class="mb-0 text-center">
  178.                                 <b>
  179.                                     Division du Personnel
  180.                                 </b>
  181.                                 Le Bureau du Personnel , Le Bureau de Rémunération, Le Bureau de la Formation.<br/>
  182.                                 <b>
  183.                                     Division des Affaires Sociales
  184.                                 </b>
  185.                                 Le Bureau Social,     Le Bureau Médical.
  186.                             </p>
  187.                         </div>
  188.                     </div>
  189.                 </div>
  190.             </div>
  191.         </div>
  192.     </section>
  193.     <!-- /notice -->
  195. {% endblock %}