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="container py-5">
  11.         <div class="row">
  12.             <div class="col text-center">
  13.                 <h1 class="title-page">
  14.                     {{ settings[0].siteProgrammaintitle }}
  15.                 </h1>
  16.                 <p class="lato">
  17.                     {{ settings[0].siteProgrammaintext|replace({'<div>':'', '</div>':'', })|raw }}
  18.                 </p>
  19.             </div>
  20.         </div>
  22.         <div class="row mt-5">
  23.             <div class="col" data-aos="fade-down" data-aos-duration="2500">
  24.                 {% for prog in programs %}
  25.                     <div class="mb-4">
  26.                         <h5 class="barlow fw-bold maincolor">{{ prog.horaire }}</h5>
  27.                         <p>{{ prog.content|replace({'<div>': '', '</div>': '',})|raw }}</p>
  28.                     </div>
  29.                 {% endfor %}
  30.             </div>
  31.         </div>
  33.         {% if settings[0].siteProgramimage is defined and settings[0].siteProgramimage != null %}
  34.             <div class="row mt-5">
  35.                 <div class="col">
  36.                     <img data-aos="fade-left" data-aos-duration="2000" src="{{ asset('assets/img/pages/' ~ settings[0].siteProgramimage) }}" alt="Image Programme" class="img-fluid d-block mx-auto" style="max-width: 950px; width: 100%; object-fit: scale-down;">
  37.                 </div>
  38.             </div>
  39.         {% endif %}
  41.     </div>
  43.     {# Cards #}
  44.     <div class="container py-5">
  45.         <div class="row row-cols-1 row-cols-md-3 g-3 programme">
  47.             <div class="col text-center" data-aos="fade-right" data-aos-duration="2000">
  48.                 <div class="card h-100">
  49.                     {# <img src="..." class="card-img-top" alt="..."> #}
  50.                     <div class="card-body bg-blue">
  51.                         <h3 class="card-title mb-4">
  52.                             {{ settings[0].siteProgramcardemploititle }}
  53.                         </h3>
  54.                         <img src="{{ asset('assets/img/pages/') ~ settings[0].siteProgramcardemploipicto }}" style="max-width: 120px; width: 100%;" class="card-img-top img-fluid mb-4" alt="{{ settings[0].siteProgramcardemploititle }}">
  55.                         <p class="card-text">
  56.                             {{ settings[0].siteProgramcardemploitext|replace({'<div>':'', '</div>':'', })|raw }}
  57.                         </p>
  58.                     </div>
  59.                 </div>
  60.             </div>
  62.             <div class="col text-center" data-aos="fade-right" data-aos-duration="2500">
  63.                 <div
  64.                     class="card h-100">
  65.                     {# <img src="..." class="card-img-top" alt="..."> #}
  66.                     <div class="card-body bg-red">
  67.                         <h3 class="card-title mb-4">
  68.                             {{ settings[0].siteProgramcardentreprisestitle }}
  69.                         </h3>
  70.                         <img src="{{ asset('assets/img/pages/') ~ settings[0].siteProgramcardentreprisespicto }}" style="max-width: 120px; width: 100%;" class="card-img-top img-fluid mb-4" alt="{{ settings[0].siteProgramcardentreprisestitle }}">
  71.                         <p class="card-text">
  72.                             {{ settings[0].siteProgramcardentreprisestext|replace({'<div>':'', '</div>':'', })|raw }}
  73.                         </p>
  74.                     </div>
  75.                 </div>
  76.             </div>
  78.             <div class="col text-center" data-aos="fade-right" data-aos-duration="3000">
  79.                 <div
  80.                     class="card h-100">
  81.                     {# <img src="..." class="card-img-top" alt="..."> #}
  82.                     <div class="card-body bg-blue2">
  83.                         <h3 class="card-title mb-4">
  84.                             {{ settings[0].siteProgramcardmetierstitle }}
  85.                         </h3>
  86.                         <img src="{{ asset('assets/img/pages/') ~ settings[0].siteProgramcardmetierspicto }}" style="max-width: 120px; width: 100%;" class="card-img-top img-fluid mb-4" alt="{{ settings[0].siteProgramcardmetierstitle }}">
  87.                         <p class="card-text">
  88.                             {{ settings[0].siteProgramcardmetierstext|replace({'<div>':'', '</div>':'', })|raw }}
  89.                         </p>
  90.                     </div>
  91.                 </div>
  92.             </div>
  93.         </div>
  94.     </div>
  96.     <div class="container-fluid mt-5 p-0">
  97.         {# CTA Découverte métiers #}
  98.         <div class="row mt-5 decouverte-metiers-bg d-flex justify-content-center">
  99.             <div class="col-lg-8 home-section-description">
  100.                 <p data-aos="fade-right" data-aos-duration="2000">
  101.                     <span>
  102.                         {{ settings[0].siteProgramsubtext|replace({'<div>' : '', '</div>': '',})|raw }}
  103.                     </span>
  104.                 </p>
  105.             </div>
  106.         </div>
  107.     </div>
  109.     <div class="container my-5">
  110.         <div class="row">
  111.             <div class="col text-center">
  112.                 <h4 class="title-facebook">
  113.                     {{ settings[0].siteProgramfacebooktext|replace({'<div>':'', '</div>':'', })|raw }}
  114.                 </h4>
  115.                 <div id="fb-root"></div>
  116.                 <script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v17.0" nonce="cCAHrosb"></script>
  117.             </div>
  118.             <div class="fb-page text-center" data-href="https://www.facebook.com/106858780793487" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
  119.                 <blockquote cite="https://www.facebook.com/106858780793487" class="fb-xfbml-parse-ignore">
  120.                     <a href="https://www.facebook.com/106858780793487">
  121.                         Salon Industrie Blois
  122.                     </a>
  123.                 </blockquote>
  124.             </div>
  125.         </div>
  126.     </div>
  128. {% endblock %}