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