templates/pages/programme.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{ settings[0].siteName }}
  5.     : programme
  6. {% endblock %}
  8. {% block body %}
  10.     <div class="page">
  11.         <div class="container text-white position-relative">
  13.             <img class="div-bgrectangleillu" src="{{ asset('assets/img/rectangle-arriereillustration.png')}}">
  15.             <div class="row d-flex justify-content-center align-items-center pb-5 position-relative" style="z-index:2;">
  16.                 <div class="col-lg-6 col-sm-12 px-0">
  17.                     <img src="{{ asset('assets/img/pages/programme/' ~ settings[0].siteProgrammeimage1 ) }}" alt="Programme" class="img-fluid">
  18.                 </div>
  19.                 <div class="col-lg-1"></div>
  20.                 <div
  21.                     class="col-lg-4 col-sm-12 text-center grossedivbubulle" style="width: 450px !important;">
  23.                     <div class="divbulle-programme" style="background-image: url('{{ asset('assets/img/forum-bulle.svg') }}');">
  24.                         <h3 class="fw-bold text-uppercase position-relative m-0">
  25.                             {{ settings[0].siteProgrammetitreforum|raw }}
  26.                         </h3>
  27.                         <p class="small position-relative" style="padding: 0 calc(8px + 2.15vw);">
  28.                             {{ settings[0].siteProgrammetextforum|replace({'<div>': '', '</div>': '', '<p>': '', '</p>': '',})|raw }}
  29.                         </p>
  30.                     </div>
  31.                 </div>
  32.             </div>
  34.             {# Programme #}
  35.             <div class="row py-5 mt-5 position-relative" style="z-index:2;">
  36.                 <div class="col text-center">
  37.                     <h3 class="fw-bold text-uppercase">
  38.                         {{ settings[0].siteProgrammemaintitle|raw }}
  39.                     </h3>
  40.                 </div>
  41.             </div>
  43.             <div class="row d-flex justify-content-center position-relative" style="z-index:2;">
  44.                 <div class="col-sm-12 w-100" style="max-width:800px">
  45.                     <div class="row row-cols-1 row-cols-md-3 g-4 programme">
  46.                         <div class="col">
  47.                             <div class="card h-100">
  48.                                 <span class="card-title card-title-programme" style="background-image: url('{{ asset('assets/img/programme-image.svg') }}'); font-size: 1.3rem; font-weight: 700; margin-bottom: 35px; text-transform: uppercase; text-align: center; border-radius: 8px; padding: 9px 18px;background-position: center;background-repeat: no-repeat;background-size: contain;">
  49.                                     {{ settings[0].siteProgrammecardemploititle }}
  50.                                 </span>
  51.                                 <img src="{{ asset('assets/img/pages/programme/' ~ settings[0].siteProgrammecardemploipicto ) }}" class="card-img-top img-fluid d-block mx-auto" style="max-width: 100px; width: 100%;" alt="{{ settings[0].siteProgrammecardemploititle }}">
  52.                                 <div class="text-center">
  53.                                     <p class="card-text">
  54.                                         <h4 class="fw-bold">
  55.                                             {{ settings[0].siteProgrammecardemploisubtitle }}
  56.                                         </h4>
  57.                                     </p>
  58.                                     <p>
  59.                                         {{ settings[0].siteProgrammecardemploitext|replace({'<div>': '', '</div>': '', '<p>': '', '</p>': '',})|raw }}
  60.                                     </p>
  61.                                 </div>
  62.                             </div>
  63.                         </div>
  64.                         <div class="col">
  65.                             <div class="card h-100">
  66.                                 <span class="card-title card-title-programme" style="background-image: url('{{ asset('assets/img/programme-image.svg') }}'); font-size: 1.3rem; font-weight: 700; margin-bottom: 35px; text-transform: uppercase; text-align: center; border-radius: 8px; padding: 9px 18px;background-position: center;background-repeat: no-repeat;background-size: contain;">
  67.                                     {{ settings[0].siteProgrammecardentreprisestitle }}
  68.                                 </span>
  69.                                 <img src="{{ asset('assets/img/pages/programme/' ~ settings[0].siteProgrammecardentreprisespicto ) }}" class="card-img-top img-fluid d-block mx-auto" style="max-width: 100px; width: 100%;" alt="{{ settings[0].siteProgrammecardentreprisestitle }}">
  70.                                 <div class="text-center">
  71.                                     <p class="card-text">
  72.                                         <h4 class="fw-bold">
  73.                                             {{ settings[0].siteProgrammecardentreprisessubtitle }}
  74.                                         </h4>
  75.                                     </p>
  76.                                     <p>
  77.                                         {{ settings[0].siteProgrammecardentreprisestext|replace({'<div>': '', '</div>': '', '<p>': '', '</p>': '',})|raw }}
  78.                                     </p>
  79.                                 </div>
  80.                             </div>
  81.                         </div>
  82.                         <div class="col">
  83.                             <div class="card h-100">
  84.                                 <span class="card-title card-title-programme" style="background-image: url('{{ asset('assets/img/programme-image.svg') }}'); font-size: 1.3rem; font-weight: 700; margin-bottom: 35px; text-transform: uppercase; text-align: center; border-radius: 8px; padding: 9px 18px;background-position: center;background-repeat: no-repeat;background-size: contain;">
  85.                                     {{ settings[0].siteProgrammecardformationstitle }}
  86.                                 </span>
  87.                                 <img src="{{ asset('assets/img/pages/programme/' ~ settings[0].siteProgrammecardformationspicto ) }}" class="card-img-top img-fluid d-block mx-auto" style="max-width: 100px; width: 100%;" alt="{{ settings[0].siteProgrammecardformationstitle }}">
  88.                                 <div class="text-center">
  89.                                     <p class="card-text">
  90.                                         <h4 class="fw-bold">
  91.                                             {{ settings[0].siteProgrammecardformationssubtitle }}
  92.                                         </h4>
  93.                                     </p>
  94.                                     <p>
  95.                                         {{ settings[0].siteProgrammecardformationstext|replace({'<div>': '', '</div>': '', '<p>': '', '</p>': '',})|raw }}
  96.                                     </p>
  97.                                 </div>
  98.                             </div>
  99.                         </div>
  100.                     </div>
  101.                 </div>
  102.             </div>
  104.             <div class="row d-flex justify-content-center mt-5 py-5 position-relative" style="z-index:2;">
  105.                 <div class="col-lg-6 col-sm-12 text-center">
  106.                     <h3 class="fw-bold text-uppercase">
  107.                         {{ settings[0].siteProgrammeatelierstitle|raw }}
  108.                     </h3>
  109.                     <p class="small mt-4">
  110.                         {{ settings[0].siteProgrammeatelierstext|replace({'<div>': '', '</div>': '', '<p>': '', '</p>': '',})|raw }}
  111.                     </p>
  112.                     <div class="mt-5">
  113.                         <img src="{{ asset('assets/img/pages/programme/' ~ settings[0].siteProgrammeateliersimage ) }}" class="img-fluid d-block mx-auto" alt="Ateliers industrie">
  114.                     </div>
  115.                 </div>
  116.             </div>
  118.         </div>
  119.     </div>
  121.     <div class="container-fluid infos-pratiques">
  122.         <div class="container">
  123.             <div class="row d-flex justify-content-center">
  124.                 <div class="col-lg-6 col-sm-12">
  125.                     <h2 class="text-white">
  126.                         {{ settings[0].siteProgrammepratiquemaintitle }}
  127.                     </h2>
  128.                     <h3>
  129.                         {{ settings[0].siteProgrammepratiquevisitetitle }}
  130.                     </h3>
  131.                     <p>
  132.                         {{ settings[0].siteProgrammepratiquevisitetext|replace({'<div>': '', '</div>': '', '<p>': '', '</p>': '',})|raw }}
  133.                     </p>
  134.                     <h3>
  135.                         {{ settings[0].siteProgrammepratiquehorairestitle }}
  136.                     </h3>
  137.                     <p>
  138.                         {{ settings[0].siteProgrammepratiquehorairestext|replace({'<div>': '', '</div>': '', '<p>': '', '</p>': '',})|raw }}
  139.                     </p>
  140.                     <h3>
  141.                         {{ settings[0].siteProgrammepratiquelieutitle }}
  142.                     </h3>
  143.                     <p>
  144.                         {{ settings[0].siteProgrammepratiquelieutext|replace({'<div>': '', '</div>': '', '<p>': '', '</p>': '',})|raw }}
  145.                     </p>
  146.                     <p>
  147.                         {{ settings[0].siteProgrammepratiquefacebooktext|raw }}
  148.                     </p>
  149.                 </div>
  150.             </div>
  151.         </div>
  152.     </div>
  154.     <div class="container py-5">
  155.         <div class="row">
  156.             <div class="col text-center">
  157.                 <h3 class="bleu mb-5">{{ settings[0].siteProgrammeorganisateurstitle }}</h3>
  158.                 {% for org in orga %}
  159.                     <img src="{{ asset('assets/img/organisateurs/' ~ org.image ) }}" alt="{{ org.title }}" class="img-fluid" style="max-width: 150px; width: 100%; object-fit: scale-down;">
  160.                 {% endfor %}
  161.             </div>
  162.         </div>
  163.         <div class="row d-flex justify-content-center mt-5 programme">
  164.             <div class="col-lg-8 col-sm-12 text-center">
  166.                 <div class="row row-cols-1 row-cols-md-5 g-4">
  167.                     {% for org in organisateurs %}
  168.                         <div class="col">
  169.                             <div class="card h-100 d-flex justify-content-center align-items-center">
  170.                                 <img src="{{ asset('assets/img/organisateurs/' ~ org.image ) }}" class="img-fluid mx-2 my-2" alt="{{ org.title }}" style="max-width: 100px; width: 100%; object-fit: scale-down;">
  171.                             </div>
  172.                         </div>
  173.                     {% endfor %}
  174.                   </div>
  176.             </div>
  177.         </div>
  178.     </div>
  179. {% endblock %}