private\Home.twig line 1

  1. {% extends "base.html.twig" %}
  2. {% block title %}
  3.     Illusion & Macadam
  4. {% endblock %}
  5. {% block body %}
  6.     <div class="container">
  7.         <div>
  8.             <div class="textes-gauche d-none d-lg-block"></div>
  9.             <div class=" home-formation content p-0">
  10.                 <div class="formations slick">
  11.                     {% for actualite in actu_formation %}
  12.                         <div class="formation">
  13.                             <div class="sub-left"></div>
  14.                             <div class="sub-right">
  15.                                 <h1>
  16.                                     {{ actualite.actualites__titre }}
  17.                                 </h1>
  18.                                 <div class="content">
  19.                                     <p>{{ actualite.actualites__abstract|raw }}<p>
  20.                                 </div>
  21.                                 <div>
  22.                                     {% if loop.first %}
  23.                                         <a href="{{ actualite.actualites__url }}">
  24.                                             <div class="bouton">
  25.                                                 Plus d'infos
  26.                                             </div>
  27.                                         </a>
  28.                                     {% else %}
  29.                                         <a href="actualites{{ actualite.actualites__url }}">
  30.                                             <div class="bouton">
  31.                                                 Plus d'infos
  32.                                             </div>
  33.                                         </a>
  34.                                     {% endif %}
  36.                                     <a href="/formations">
  37.                                         <div class="bouton">
  38.                                             Liste de nos formations
  39.                                         </div>
  40.                                     </a>
  42.                                     <div class="annee">
  43.                                         {{annee|raw}}
  44.                                     </div>
  45.                                 </div>
  46.                             </div>
  47.                         </div>
  48.                     {% endfor %}
  50.                 </div>
  51.             </div>
  52.         </div>
  53.         <div class=" home-paie content p-0">
  54.             <div class="paies slick">
  55.                 {% for actualite in actu_paie %}
  56.                     <div class="paie">
  57.                         <div class="sub-left">
  58.                             <h1 class="mt-5">
  59.                                 {{ actualite.actualites__titre }}
  60.                             </h1>
  61.                             <div class="content">
  62.                                 <p>{{ actualite.actualites__abstract|raw }}</p>
  63.                             </div>
  64.                             <div>
  66.                                 {% if loop.first %}
  67.                                     <a href="{{ actualite.actualites__url }}">
  69.                                         <div class="bouton">
  70.                                             Plus d'infos
  71.                                         </div>
  72.                                     </a>
  74.                                 {% else %}
  75.                                     <a href="actualites{{ actualite.actualites__url }}">
  77.                                         <div class="bouton">
  78.                                             Plus d'infos
  81.                                         </div>
  82.                                     </a>
  84.                                 {% endif %}
  87.                                 {% if not loop.first %}
  88.                                     <a href="/paie">
  89.                                         <div class="bouton">
  91.                                             Accéder à la paie
  94.                                         </div>
  95.                                     </a>
  96.                                 {% endif %}
  99.                             </div>
  100.                         </div>
  101.                         <div class="sub-right"></div>
  102.                     </div>
  103.                 {% endfor %}
  105.             </div>
  106.         </div>
  107.         {% if autres_actus is defined and autres_actus %}
  108.             <div class="home-actus content p-0">
  109.                 <div class="actus slick">
  110.                     {% for actualite in autres_actus %}
  111.                         <div class="actus">
  112.                             <div class="sub-left"></div>
  113.                             <div class="sub-right">
  114.                                 <h3></h3>
  115.                                 <h2>
  116.                                     {{ actualite.actualites__titre }}
  117.                                 </h2>
  118.                                 <div class="content">
  119.                                     {{ actualite.actualites__abstract }}
  120.                                 </div>
  121.                                 <div>
  122.                                     <div class="bouton">
  123.                                         <a href="actualites{{ actualite.actualites__url }}">
  124.                                             Plus d'infos
  125.                                         </a>
  126.                                     </div>
  127.                                 </div>
  128.                             </div>
  129.                         </div>
  130.                     {% endfor %}
  131.                 </div>
  132.             </div>
  133.         {% endif %}
  136.         <div class="home-rubriques content p-0">
  137.             <div class="row">
  138.                 <div class="col col-lg-4 col-md-6 col-12">
  139.                     <a href="/cooperative">
  140.                         <div class="cooperative">
  141.                             <div class="filter"></div>
  142.                             <div class="cache"></div>
  143.                             <div class="text">
  144.                                 <p>Qui sommes nous ?</p>
  145.                             </div>
  146.                         </div>
  147.                     </a>
  148.                 </div>
  149.                 <div class="col col-lg-4 col-md-6 col-12">
  150.                     <a href="/mediation">
  151.                         <div class="mediation-culturelle">
  152.                             <div class="filter"></div>
  153.                             <div class="cache"></div>
  154.                             <div class="text">
  155.                                 <p>Médiation culturelle</p>
  156.                             </div>
  157.                         </div>
  158.                     </a>
  159.                 </div>
  160.                 <div class="col col-lg-4 col-md-6 col-12">
  161.                     <a href="/bureau_danse">
  162.                         <div class="bureau-danse">
  163.                             <div class="filter"></div>
  164.                             <div class="cache"></div>
  165.                             <div class="text">
  166.                                 <p>Bureau danse</p>
  167.                             </div>
  168.                         </div>
  169.                     </a>
  170.                 </div>
  171.                 <div class="col col-lg-4 col-md-6 col-12">
  172.                     <a href="/conseil">
  173.                         <div class="tropisme">
  174.                             <div class="imgConseil"></div>
  175.                             {# <div class="filter"></div> #}
  176.                             {# <div class="cache"></div> #}
  177.                             <div class="text">
  178.                                 <p>Conseil</p>
  179.                             </div>
  180.                         </div>
  181.                     </a>
  182.                 </div>
  183.                 <div class="col col-lg-4 col-md-6 col-12">
  184.                     <a href="https://www.bipolar-production.com" target="_blank">
  185.                         <div class="bipolar">
  186.                             <div class="filter"></div>
  187.                             <div class="cache"></div>
  188.                             <div class="text">
  189.                                 <p>Bipolar</p>
  190.                             </div>
  191.                         </div>
  192.                     </a>
  193.                 </div>
  194.                 <div class="col col-lg-4 col-md-6 col-12">
  195.                     <a href="https://www.tropisme.coop" target="_blank">
  196.                         <div class="tropisme">
  197.                             <div class="img"></div>
  198.                             <div class="filter"></div>
  199.                             <div class="cache"></div>
  200.                             <div class="text">
  201.                                 <p>Tropisme</p>
  202.                             </div>
  203.                         </div>
  204.                     </a>
  205.                 </div>
  207.             </div>
  208.         </div>
  209.     </div>
  210. </div>
  211. {% endblock %}