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 %}
  35.                                     <a href="/formations">
  36.                                         <div class="bouton">
  37.                                             Liste de nos formations
  38.                                         </div>
  39.                                     </a>
  40.                                     <div class="annee">
  41.                                         {{annee|raw}}
  42.                                     </div>
  43.                                 </div>
  44.                             </div>
  45.                         </div>
  46.                     {% endfor %}
  47.                 </div>
  48.             </div>
  49.         </div>
  50.         <div class=" home-paie content p-0">
  51.             <div class="paies slick">
  52.                 {% for actualite in actu_paie %}
  53.                     <div class="paie">
  54.                         <div class="sub-left">
  55.                             <h1 class="mt-5">
  56.                                 {{ actualite.actualites__titre }}
  57.                             </h1>
  58.                             <div class="content">
  59.                                 <p>{{ actualite.actualites__abstract|raw }}</p>
  60.                             </div>
  61.                             <div>
  62.                                 {% if loop.first %}
  63.                                     <a href="{{ actualite.actualites__url }}">
  64.                                         <div class="bouton">
  65.                                             Plus d'infos
  66.                                         </div>
  67.                                     </a>
  68.                                 {% else %}
  69.                                     <a href="actualites{{ actualite.actualites__url }}">
  70.                                         <div class="bouton">
  71.                                             Plus d'infos
  72.                                         </div>
  73.                                     </a>
  74.                                 {% endif %}
  75.                                 {% if not loop.first %}
  76.                                     <a href="/paie">
  77.                                         <div class="bouton">
  78.                                             Accéder à la paie
  79.                                         </div>
  80.                                     </a>
  81.                                 {% endif %}
  82.                             </div>
  83.                         </div>
  84.                         <div class="sub-right"></div>
  85.                     </div>
  86.                 {% endfor %}
  87.             </div>
  88.         </div>
  89.         {% if autres_actus is defined and autres_actus %}
  90.             <div class="home-actus content p-0">
  91.                 <div class="actus slick">
  92.                     {% for actualite in autres_actus %}
  93.                         <div class="actus">
  94.                             <div class="sub-left"></div>
  95.                             <div class="sub-right">
  96.                                 <h3></h3>
  97.                                 <h2>
  98.                                     {{ actualite.actualites__titre }}
  99.                                 </h2>
  100.                                 <div class="content">
  101.                                     {{ actualite.actualites__abstract }}
  102.                                 </div>
  103.                                 <div>
  104.                                     <div class="bouton">
  105.                                         <a href="actualites{{ actualite.actualites__url }}">
  106.                                             Plus d'infos
  107.                                         </a>
  108.                                     </div>
  109.                                 </div>
  110.                             </div>
  111.                         </div>
  112.                     {% endfor %}
  113.                 </div>
  114.             </div>
  115.         {% endif %}
  116.         <div class="home-rubriques content p-0">
  117.             <div class="row">
  118.                 <div class="col col-lg-4 col-md-6 col-12">
  119.                     <a href="/cooperative">
  120.                         <div class="cooperative">
  121.                             <div class="filter"></div>
  122.                             <div class="cache"></div>
  123.                             <div class="text">
  124.                                 <p>Qui sommes nous ?</p>
  125.                             </div>
  126.                         </div>
  127.                     </a>
  128.                 </div>
  129.                 <div class="col col-lg-4 col-md-6 col-12">
  130.                     <a href="/mediation">
  131.                         <div class="mediation-culturelle">
  132.                             <div class="filter"></div>
  133.                             <div class="cache"></div>
  134.                             <div class="text">
  135.                                 <p>Médiation culturelle</p>
  136.                             </div>
  137.                         </div>
  138.                     </a>
  139.                 </div>
  140.                 <div class="col col-lg-4 col-md-6 col-12">
  141.                     <a href="/conseil">
  142.                         <div class="tropisme">
  143.                             <div class="imgConseil"></div>
  144.                             {# <div class="filter"></div> #}
  145.                             {# <div class="cache"></div> #}
  146.                             <div class="text">
  147.                                 <p>Conseil</p>
  148.                             </div>
  149.                         </div>
  150.                     </a>
  151.                 </div>
  152.                 <div class="col col-lg-4 col-md-6 col-12">
  153.                     <a href="https://www.tropisme.coop" target="_blank">
  154.                         <div class="tropisme">
  155.                             <div class="img"></div>
  156.                             <div class="filter"></div>
  157.                             <div class="cache"></div>
  158.                             <div class="text">
  159.                                 <p>Tropisme</p>
  160.                             </div>
  161.                         </div>
  162.                     </a>
  163.                 </div>
  164.                 <div class="col col-lg-4 col-md-6 col-12">
  165.                     <a href="https://www.bipolar-production.com" target="_blank">
  166.                         <div class="bipolar">
  167.                             <div class="filter"></div>
  168.                             <div class="cache"></div>
  169.                             <div class="text">
  170.                                 <p>Bipolar</p>
  171.                             </div>
  172.                         </div>
  173.                     </a>
  174.                 </div>
  175.                 <div class="col col-lg-4 col-md-6 col-12">
  176.                     <a href="https://www.arithmethique.fr/" target="_blank">
  177.                         <div class="bureau-danse" style="background-image: url(/images/arithmethique.jpg);">
  178.                             <div class="filter"></div>
  179.                             <div class="cache"></div>
  180.                             <div class="text" style="font-size:2.3rem;">
  181.                                 <p>Arithméthique</p>
  182.                             </div>
  183.                         </div>
  184.                     </a>
  185.                 </div>
  186.                 
  187.                 
  188.                 
  189.             </div>
  190.         </div>
  191.     </div>
  192. </div>
  193. {% endblock %}