templates/front/page.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ page.titre }}{% endblock %}
  5. {% block style %}
  6.     <style>
  7.         .dynamiques-page .owl-carousel img { border-radius: 10px }
  9.         .dynamiques-page .owl-dots { display: flex; justify-content: center; position: relative; top: 20px; gap: 10px }
  10.         .dynamiques-page .owl-dot { width: 15px; height: 15px; border-radius: 50%; border:solid 1px #00b1ee; display:block; }
  11.         .dynamiques-page .owl-dot.active { background:#00b1ee }
  13.         @media (max-width: 768px) {
  14.             .bannier-blog { height:400px }
  15.         }
  16.         @media (max-width: 550px) {
  17.             .bannier-blog { height:300px }
  18.         }
  19.         @media (max-width: 400px) {
  20.             .bannier-blog { height:250px }
  21.         }
  22.     </style>
  23. {% endblock %}
  25. {% block banniere %}
  26. <section class="ban-section">
  27.     <div class="ban">
  28.         <img src="{{ asset(banniere ~ page.banniere) }}" alt="">
  29.         <div class="container">
  30.             <div class="sect-title text-center mb-0">
  31.                 <div class="h1 text-white">
  32.                     {{ page.getTextBanniere | raw }}
  33.                 </div>
  34.             </div>
  35.         </div>
  36.     </div>
  37. </section>
  39. {% endblock %}
  41. {% block contenu %}
  43. <section class=" pb-50 pt-45 dynamiques-page">
  44.     <div class=" container clearfix ">
  45.         <div class="sect-title text-center no-deco">
  46.             <h1>
  47.                 {{ page.titre }}
  48.             </h1>
  49.         </div>
  50.         <div class="bloc-text surf-text mb-55">
  51.             {{ page.contenu | raw }}
  52.         </div>
  53.     </div>
  54.     {% if page.section | length > 0 %}
  55.     <div class="container clearfix">
  56.         {% for section in page.section %}
  57.             {% if section.type == 1 %}
  58.             <div class="row align-items-center ">
  59.                 <div class="{% if (section.colonne is not null and section.colonne | length >1) %}{{ section.colonne[0] }}{% else %}col-xl-5{% endif %} mb-50 wow slideInLeft">
  60.                     <div class="bloc-text">
  61.                         {{ section.contenu | raw }}
  62.                     </div>
  63.                 </div>
  64.                 <div class="{% if (section.colonne is not null and section.colonne | length >1) %}{{ section.colonne[1] }}{% else %}col-xl-7{% endif %} mb-50 wow slideInRight">
  65.                     <div class="img-box-slide owl-carousel">
  66.                         {% for img in section.files %}
  67.                         <div><img src="{{ asset(page_directory ~ img) }}" alt=""></div>
  68.                         {% endfor %}
  69.                     </div>
  70.                 </div>
  71.             </div>
  72.             {% endif %}
  73.             {% if section.type == 2 %}
  74.                 <div class="row align-items-center ">
  75.                     <div class="{% if (section.colonne is not null and section.colonne | length >1) %}{{ section.colonne[0] }}{% else %}col-xl-7{% endif %} mb-50 wow slideInLeft">
  76.                         <div class="img-box-slide owl-carousel">
  77.                             {% for img in section.files %}
  78.                                 <div><img src="{{ asset(page_directory ~ img) }}" alt=""></div>
  79.                             {% endfor %}
  80.                         </div>
  81.                     </div>
  82.                     <div class="{% if (section.colonne is not null and section.colonne | length >1) %}{{ section.colonne[1] }}{% else %}col-xl-5{% endif %} mb-50 wow slideInRight">
  83.                         <div class="bloc-text">
  84.                             {{ section.contenu | raw }}
  85.                         </div>
  86.                     </div>
  87.                 </div>
  88.             {% endif %}
  89.             {% if section.type == 3 %}
  90.                 <div class="row align-items-center pb-xl-5">
  91.                     <div class="{% if (section.colonne is not null and section.colonne[0] is not empty) %}{{ section.colonne[0] }}{% else %}col-xl-6 col-12{% endif %} mb-50 order-xl-1 order-2" data-aos="fade-right" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
  92.                         <div class="img-cours">
  93.                             {% for img in section.files %}
  94.                             <img src="{{ asset(page_directory ~ img) }}" alt="">
  95.                             {% endfor %}
  96.                         </div>
  97.                     </div>
  98.                     <div class="{% if (section.colonne is not null and section.colonne[1] is not empty) %}{{ section.colonne[1] }}{% else %}col-xl-6 col-12{% endif %} mb-50 order-xl-2 order-1" data-aos="fade-left" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
  99.                         <div class="bloc-text">
  100.                             {{ section.contenu | raw }}
  101.                         </div>
  102.                     </div>
  103.                 </div>
  104.             {% endif %}
  105.             {% if section.type == 4 %}
  106.                 <div class="row align-items-center ">
  107.                     <div class="{% if (section.colonne is not null and section.colonne | length >1) %}{{ section.colonne[0] }}{% else %}col-xl-8{% endif %} mb-50 wow slideInLeft">
  108.                         <div class="bloc-text ml-auto">
  109.                             {{ section.contenu | raw }}
  110.                         </div>
  111.                     </div>
  112.                     <div class="{% if (section.colonne is not null and section.colonne | length >1) %}{{ section.colonne[1] }}{% else %}col-xl-4{% endif %} mb-50 wow slideInRight">
  113.                         <div class="img-intern" style="max-width: 100%;">
  114.                             {% for img in section.files %}
  115.                                 <div><img src="{{ asset(page_directory ~ img) }}" alt="" style="width: 100%"></div>
  116.                             {% endfor %}
  117.                         </div>
  118.                     </div>
  119.                 </div>
  120.             {% endif %}
  121.             {% if section.type == 5 %}
  122.                 <div class="row align-items-center ">
  123.                     <div class="{% if (section.colonne is not null and section.colonne | length >1) %}{{ section.colonne[0] }}{% else %}col-xl-8{% endif %} mb-50 wow slideInLeft">
  124.                         <div class="bloc-text iframe-hidden ml-auto">
  125.                             {{ section.contenu |replace({'sandbox=""': ""}) | raw }}
  126.                         </div>
  127.                     </div>
  128.                     <div class="{% if (section.colonne is not null and section.colonne | length >1) %}{{ section.colonne[1] }}{% else %}col-xl-4{% endif %} mb-50 wow slideInRight">
  129.                         {% if not (section.files is empty) %}
  130.                         <div class="img-video">
  131.                             <video width="100%" height="100%" controls>
  132.                                 <source src="{{ asset(page_directory ~ section.files[0]) }}" type="video/mp4">
  133.                                 Your browser does not support the video tag.
  134.                             </video>
  135.                         </div>
  136.                         {% endif %}
  137.                         {% if not (section.getIframe() is empty) %}
  138.                         <div class="img-video">
  139.                             {{ section.getIframe() |replace({'sandbox=""': ""}) | raw }}
  140.                         </div>
  141.                         {% endif %}
  142.                     </div>
  143.                 </div>
  144.             {% endif %}
  145.             {% if section.type == 6 %}
  146.                 <div class="row align-items-center ">
  147.                     <div class="{% if (section.colonne is not null and section.colonne | length >1) %}{{ section.colonne[0] }}{% else %}col-xl-4{% endif %} mb-50 wow slideInLeft">
  148.                         {% if not(section.files is empty) %}
  149.                         <div class="img-video">
  150.                             <video width="100%" height="100%" controls>
  151.                                 <source src="{{ asset(page_directory ~ section.files[0]) }}" type="video/mp4">
  152.                                 Your browser does not support the video tag.
  153.                             </video>
  154.                         </div>
  155.                         {% endif %}
  156.                         {% if not(section.getIframe() is empty) %}
  157.                         <div class="img-video mb-4">
  158.                             {{ section.getIframe() |replace({'sandbox=""': ""}) | raw }}
  159.                         </div>
  160.                         {% endif %}
  161.                     </div>
  162.                     <div class="{% if (section.colonne is not null and section.colonne | length >1) %}{{ section.colonne[1] }}{% else %}col-xl-8{% endif %} mb-50 wow slideInRight">
  163.                         <div class="bloc-text iframe-hidden mr-auto">
  164.                             {{ section.contenu |replace({'sandbox=""': ""}) | raw }}
  165.                         </div>
  166.                     </div>
  167.                 </div>
  168.             {% endif %}
  169.             {% if section.type == 7 %}
  170.                 <div class="text-center" data-aos="fade-up" data-aos-delay="50" data-aos-duration="800" data-aos-easing="ease-in-out" data-aos-once="true">
  171.                     {% for img in section.files %}
  172.                         <p><img src="{{ asset(page_directory ~ img) }}" alt="" style="border-radius:  10px 10px 0 0;"></p>
  173.                     {% endfor %}
  174.                 </div>
  176.                 <div class="bloc-text mb-5" style="max-width: 100%;">
  177.                     {{ section.contenu | raw }}
  178.                 </div>
  179.             {% endif %}
  180.             {% if section.type == 8 %}
  181.                 <div class="container wow fadeInUp">
  182.                     <div class="bloc-text blog-detail mb-5" style="max-width: 100%;">
  183.                         <!--<div class="img-video mb-4">
  184.                             <iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=0&mute=1">
  185.                             </iframe>
  186.                         </div>-->
  187.                         {% if not(section.files is empty) %}
  188.                         <div class="img-video text-center mb-4">
  189.                             <video width="900" height="100%" controls>
  190.                                 <source src="{{ asset(page_directory ~ section.files[0]) }}" type="video/mp4">
  191.                                 Your browser does not support the video tag.
  192.                             </video>
  193.                         </div>
  194.                         {% endif %}
  195.                         {% if not(section.getIframe() is empty) %}
  196.                         <div class="img-video text-center mb-4">
  197.                             {{ section.getIframe() |replace({'sandbox=""': ""}) | raw }}
  198.                         </div>
  199.                         {% endif %}
  200.                         <div class="iframe-hidden">
  201.                             {{ section.contenu |replace({'sandbox=""': ""}) | raw }}
  202.                         </div>
  203.                     </div>
  204.                 </div>
  205.             {% endif %}
  206.             {% if section.type == 9 %}
  207.                 <div class="container wow fadeInUp">
  208.                     <div class="img-box-slide owl-carousel mb-4">
  209.                         {% for img in section.files %}
  210.                             <div><img src="{{ asset(page_directory ~ img) }}" alt=""></div>
  211.                         {% endfor %}
  212.                     </div>
  213.                     <div class="bloc-text blog-detail mb-5" style="max-width: 100%;">
  214.                         {{ section.contenu | raw }}
  215.                     </div>
  216.                 </div>
  217.             {% endif %}
  218.         {% endfor %}
  219.     </div>
  220.     {% endif %}
  221. </section>
  223. {% endblock %}
  225. {% block a_voir %}
  227.     {% include 'front/formule.html.twig' %}
  229. {% endblock %}