templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello PagesController!{% endblock %}
  5. {% block body %}
  6.     <style>
  7.         .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
  8.         .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
  9.     </style>
  11.     <div class="example-wrapper">
  12.         <h1 align="center">Bienvenue sur CDOS Emploi !</h1>
  13.         <br><br>
  14.         <p align="center">Créé en 1981, le Comité Départemental Olympique et Sportif (CDOS) de la Vienne est une association régie par la loi de 1901. Il représente le Comité National Olympique et Sportif Français (CNOSF) au niveau départemental.
  15.         </p>
  16.         <p align="center"><b> Représenter et fédérer le mouvement sportif</b></p>
  17.         <p align="center">Le CDOS de la Vienne est composé de membres actifs (comités départementaux), de membres associés (clubs isolés affiliés aux membres du CNOSF…) et de membres d’honneur.
  19.             Il est administré par un Comité Directeur et son Bureau Directeur élus en Assemblée Générale tous les quatre ans. Ils orientent et contrôlent la politique générale du CDOS.
  21.             Il compte également sur des salariés qui assurent les services et fonctionnement au quotidien de l’association. </p>
  22.         <p align="center"><b>Comment fonctionne ce site ?</b></p>
  23.         <p align="center">Le site répertorie les offres postées par toutes les associations partenaires. Vous avez la possibilité de postuler à ces nombreuses offres en vous créant un compte sur notre site. </p>
  24.     </div>
  26. <div class="container-fluid" style="background: linear-gradient(90deg, #007bff 25%, #0a1e47 75%);">
  27.     <div class="container p-5">
  28.         <div class="row">
  29.             <div class="col-lg-4 col-md-12 mb-4">
  30.                 <div class="card h-100 shadow-lg">
  31.                     <div class="card-body">
  32.                         <div class="text-center p-3">
  33.                             <h5 class="card-title fw-bold">Nombre d'offres</h5>
  34.                             <br><br>
  35.                             <span class="h1">{{ offer }} </span> offres
  36.                             <br><br>
  37.                         </div>
  38.                         <p class="card-text" align="center">ont été déposées sur le site depuis sa création</p>
  39.                     </div>
  41.                 </div>
  42.             </div>
  43.             <div class="col-lg-4 col-md-12 mb-4">
  44.                 <div class="card h-100 shadow-lg">
  45.                     <div class="card-body">
  46.                         <div class="text-center p-3">
  47.                             <h5 class="card-title fw-bold">Nombre de candidatures</h5>
  48.                             <br><br>
  49.                             <span class="h1">{{ candidature }}</span> candidatures
  50.                             <br><br>
  51.                         </div>
  52.                         <p class="card-text" align="center">ont été envoyées par des candidats</p>
  53.                     </div>
  55.                 </div>
  56.             </div>
  57.             <div class="col-lg-4 col-md-12 mb-4">
  58.                 <div class="card h-100 shadow-lg">
  59.                     <div class="card-body">
  60.                         <div class="text-center p-3">
  61.                             <h5 class="card-title fw-bold">Nombre de structures</h5>
  62.                             <br><br>
  63.                             <span class="h1">{{ structure }}</span> structures
  64.                             <br><br>
  65.                         </div>
  66.                         <p class="card-text" align="center">postent régulièrement des offres de tous types sur le site</p>
  67.                     </div>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </div>
  73. </div>
  75. {% endblock %}