templates/front/moniteurs.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}{{ page.titre }}{% endblock %}
  3. {% block style %}
  4.     <style>
  5.         @media (max-width: 768px) {
  6.             .bannier-blog { height:400px }
  7.         }
  8.         @media (max-width: 550px) {
  9.             .bannier-blog { height:300px }
  10.         }
  11.         @media (max-width: 400px) {
  12.             .bannier-blog { height:250px }
  13.         }
  14.     </style>
  15. {% endblock %}
  16. {% block banniere %}
  17. <section class="ban-section">
  18.     <div class="ban">
  19.         <img src="{{ asset(banniere ~ page.banniere) }}" alt="">
  20.         <div class="container">
  21.             <div class="sect-title text-center mb-0">
  22.                 <div class="h1 text-white">
  23.                     {{ page.getTextBanniere | raw }}
  24.                 </div>
  25.             </div>
  26.         </div>
  27.     </div>
  28. </section>
  29. {% endblock %}
  30. {% block contenu %}
  31. <section class=" pb-50 pt-75 ">
  32.     <div class=" container clearfix ">
  33.         <div class="sect-title text-center no-deco">
  34.             <h1>
  35.                 {{ page.titre }}
  36.             </h1>
  37.         </div>
  38.         <div class="bloc-text surf-text mb-55">
  39.             {{ page.contenu | raw }}
  40.         </div>
  41.         
  42.         {% if page.section | length > 0 %}
  43.         <div class="listes-moniteurs">
  44.             {% for section in page.section %}
  45.                 {% if section.type == 10 %}
  46.                 <div class="item-moniteur">
  47.                     <div class="row">
  48.                         <div class="col-xl-5 col-lg-6 col-12 mb-40">
  49.                             <div class="detail-moniteur">
  50.                                 <div class="avatar">
  51.                                     <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt="">
  52.                                 </div>
  53.                                 <div class="fonction">
  54.                                     {{ section.moniteur.nom }}
  55.                                 </div>
  56.                                 <div class="title">
  57.                                     {{ section.moniteur.fonction | raw }}
  58.                                 </div>
  59.                                 <div class="desc">
  60.                                     {{ section.moniteur.description | raw }}
  61.                                 </div>
  62.                             </div>
  63.                         </div>
  64.                         <div class="col-xl-7 col-lg-6 col-12 mb-40">
  65.                             <div class="moniteurs-slide owl-carousel">
  66.                                 {% for img in section.files %}
  67.                                 <div class="img-moniteur">
  68.                                     <img src="{{ asset(page_directory ~ img) }}" alt="">
  69.                                 </div>
  70.                                 {% endfor %}
  71.                             </div>
  72.                         </div>
  73.                     </div>
  74.                 </div>
  75.                 {% endif %}
  76.                 {% if section.type == 11 %}
  77.                 <div class="item-moniteur">
  78.                     <div class="row">
  79.                         <div class="col-xl-7 col-lg-6 col-12 mb-40">
  80.                             <div class="moniteurs-slide owl-carousel">
  81.                                 {% for img in section.files %}
  82.                                 <div class="img-moniteur">
  83.                                     <img src="{{ asset(page_directory ~ img) }}" alt="">
  84.                                 </div>
  85.                                 {% endfor %}
  86.                             </div>
  87.                         </div>
  88.                         <div class="col-xl-5 col-lg-6 col-12 mb-40">
  89.                             <div class="detail-moniteur">
  90.                                 <div class="avatar">
  91.                                     <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt="">
  92.                                 </div>
  93.                                 <div class="fonction">
  94.                                     {{ section.moniteur.nom }}
  95.                                 </div>
  96.                                 <div class="title">
  97.                                     {{ section.moniteur.fonction | raw }}
  98.                                 </div>
  99.                                 <div class="desc">
  100.                                     {{ section.moniteur.description | raw }}
  101.                                 </div>
  102.                             </div>
  103.                         </div>
  104.                     </div>
  105.                 </div>
  106.                 {% endif %}
  107.                 {% if section.type == 12 %}
  108.                 <div class="item-moniteur">
  109.                     <div class="row">
  110.                         <div class="col-xl-7 col-lg-6 col-12 mb-40">
  111.                             <div class="moniteurs-slid">
  112.                                 {% for img in section.files %}
  113.                                 <div class="img-moniteur">
  114.                                     <img src="{{ asset(page_directory ~ img) }}" alt="">
  115.                                 </div>
  116.                                 {% endfor %}
  117.                             </div>
  118.                         </div>
  119.                         <div class="col-xl-5 col-lg-6 col-12 mb-40">
  120.                             <div class="detail-moniteur">
  121.                                 <div class="avatar">
  122.                                     <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt="">
  123.                                 </div>
  124.                                 <div class="fonction">
  125.                                     {{ section.moniteur.nom }}
  126.                                 </div>
  127.                                 <div class="title">
  128.                                     {{ section.moniteur.fonction | raw }}
  129.                                 </div>
  130.                                 <div class="desc">
  131.                                     {{ section.moniteur.description | raw }}
  132.                                 </div>
  133.                             </div>
  134.                         </div>
  135.                     </div>
  136.                 </div>
  137.                 {% endif %}
  138.                 {% if section.type == 13 %}
  139.                 <div class="item-moniteur">
  140.                     <div class="row">
  141.                         
  142.                         <div class="col-xl-5 col-lg-6 col-12 mb-40">
  143.                             <div class="detail-moniteur">
  144.                                 <div class="avatar">
  145.                                     <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt="">
  146.                                 </div>
  147.                                 <div class="fonction">
  148.                                     {{ section.moniteur.nom }}
  149.                                 </div>
  150.                                 <div class="title">
  151.                                     {{ section.moniteur.fonction | raw }}
  152.                                 </div>
  153.                                 <div class="desc">
  154.                                     {{ section.moniteur.description | raw }}
  155.                                 </div>
  156.                             </div>
  157.                         </div>
  158.                         <div class="col-xl-7 col-lg-6 col-12 mb-40">
  159.                             <div class="moniteurs-slid">
  160.                                 {% for img in section.files %}
  161.                                 <div class="img-moniteur">
  162.                                     <img src="{{ asset(page_directory ~ img) }}" alt="">
  163.                                 </div>
  164.                                 {% endfor %}
  165.                             </div>
  166.                         </div>
  167.                     </div>
  168.                 </div>
  169.                 {% endif %}
  170.                 {% if section.type == 14 %}
  171.                 <div class="item-moniteur">
  172.                     <div class="row">
  173.                         <div class="col-xl-5 col-lg-6 col-12 mb-40">
  174.                             <div class="detail-moniteur">
  175.                                 <div class="avatar">
  176.                                     <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt="">
  177.                                 </div>
  178.                                 <div class="fonction">
  179.                                     {{ section.moniteur.nom }}
  180.                                 </div>
  181.                                 <div class="title">
  182.                                     {{ section.moniteur.fonction | raw }}
  183.                                 </div>
  184.                                 <div class="desc">
  185.                                     {{ section.moniteur.description | raw }}
  186.                                 </div>
  187.                             </div>
  188.                         </div>
  189.                         <div class="col-xl-7 col-lg-6 col-12 mb-40">
  190.                             <div class="img-moniteur">
  191.                                 {% if section.isYoutube %}
  192.                                 {{ section.contenu | raw }}
  193.                                 {% endif %}
  194.                             </div>
  195.                         </div>
  196.                     </div>
  197.                 </div>
  198.                 {% endif %}
  199.                 {% if section.type == 15 %}
  200.                 <div class="item-moniteur">
  201.                     <div class="row">
  202.                         <div class="col-xl-7 col-lg-6 col-12 mb-40">
  203.                             <div class="img-moniteur">
  204.                                 {% if section.isYoutube %}
  205.                                 {{ section.contenu | raw }}
  206.                                 {% endif %}
  207.                             </div>
  208.                         </div>
  209.                         <div class="col-xl-5 col-lg-6 col-12 mb-40">
  210.                             <div class="detail-moniteur">
  211.                                 <div class="avatar">
  212.                                     <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt="">
  213.                                 </div>
  214.                                 <div class="fonction">
  215.                                     {{ section.moniteur.nom }}
  216.                                 </div>
  217.                                 <div class="title">
  218.                                     {{ section.moniteur.fonction | raw }}
  219.                                 </div>
  220.                                 <div class="desc">
  221.                                     {{ section.moniteur.description | raw }}
  222.                                 </div>
  223.                             </div>
  224.                         </div>
  225.                     </div>
  226.                 </div>
  227.                 {% endif %}
  228.                 <!--
  229.                 <div class="item-moniteur">
  230.                     <div class="row">
  231.                         <div class="col-xl-7 col-lg-6 col-12 mb-40">
  232.                             <div class="moniteurs-slide owl-carousel">
  233.                                 <div class="img-moniteur">
  234.                                     <img src="{{ asset('front/images/esf/m-4.jpeg') }}" alt="">
  235.                                 </div>
  236.                                 <div class="img-moniteur">
  237.                                     <img src="{{ asset('front/images/esf/m-4.jpeg') }}" alt="">
  238.                                 </div>
  239.                                 <div class="img-moniteur">
  240.                                     <img src="{{ asset('front/images/esf/m-4.jpeg') }}" alt="">
  241.                                 </div>
  242.                             </div>
  243.                         </div>
  244.                         <div class="col-xl-5 col-lg-6 col-12 mb-40">
  245.                             <div class="detail-moniteur">
  246.                                 <div class="avatar">
  247.                                     <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt="">
  248.                                 </div>
  249.                                 <div class="fonction">
  250.                                     {{ section.moniteur.nom }}
  251.                                 </div>
  252.                                 <div class="title">
  253.                                     {{ section.moniteur.fonction | raw }}
  254.                                 </div>
  255.                                 <div class="desc">
  256.                                     {{ section.moniteur.description | raw }}
  257.                                 </div>
  258.                             </div>
  259.                         </div>
  260.                     </div>
  261.                 </div>
  262.                 <div class="item-moniteur">
  263.                     <div class="row">
  264.                         <div class="col-xl-7 col-lg-6 col-12 mb-40">
  265.                             <div class="moniteurs-slide owl-carousel">
  266.                                 <div class="img-moniteur">
  267.                                     <img src="{{ asset('front/images/esf/m-5.jpeg') }}" alt="">
  268.                                 </div>
  269.                                 <div class="img-moniteur">
  270.                                     <img src="{{ asset('front/images/esf/m-5.jpeg') }}" alt="">
  271.                                 </div>
  272.                                 <div class="img-moniteur">
  273.                                     <img src="{{ asset('front/images/esf/m-5.jpeg') }}" alt="">
  274.                                 </div>
  275.                             </div>
  276.                         </div>
  277.                         <div class="col-xl-5 col-lg-6 col-12 mb-40">
  278.                             <div class="detail-moniteur">
  279.                                 <div class="avatar">
  280.                                     <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt="">
  281.                                 </div>
  282.                                 <div class="fonction">
  283.                                     {{ section.moniteur.nom }}
  284.                                 </div>
  285.                                 <div class="title">
  286.                                     {{ section.moniteur.fonction | raw }}
  287.                                 </div>
  288.                                 <div class="desc">
  289.                                     {{ section.moniteur.description | raw }}
  290.                                 </div>
  291.                             </div>
  292.                         </div>
  293.                     </div>
  294.                 </div>
  295.                 <div class="item-moniteur">
  296.                     <div class="row">
  297.                         <div class="col-xl-7 col-lg-6 col-12 mb-40">
  298.                             <div class="img-moniteur">
  299.                                 <img src="{{ asset('front/images/esf/m-6.jpeg') }}" alt="">
  300.                             </div>
  301.                         </div>
  302.                         <div class="col-xl-5 col-lg-6 col-12 mb-40">
  303.                             <div class="detail-moniteur">
  304.                                 <div class="avatar">
  305.                                     <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt="">
  306.                                 </div>
  307.                                 <div class="fonction">
  308.                                     {{ section.moniteur.nom }}
  309.                                 </div>
  310.                                 <div class="title">
  311.                                     {{ section.moniteur.fonction | raw }}
  312.                                 </div>
  313.                                 <div class="desc">
  314.                                     {{ section.moniteur.description | raw }}
  315.                                 </div>
  316.                             </div>
  317.                         </div>
  318.                     </div>
  319.                 </div>-->
  320.             {% endfor %}
  321.         </div>
  322.         {% endif %}
  323.     </div>
  324. </section>
  325. {% endblock %}
  326. {% block formule %}
  327.     {% include 'front/formule.html.twig' %}
  328. {% endblock %}