{% extends 'base.html.twig' %}{% block title %}{{ page.titre }}{% endblock %}{% block style %} <style> @media (max-width: 768px) { .bannier-blog { height:400px } } @media (max-width: 550px) { .bannier-blog { height:300px } } @media (max-width: 400px) { .bannier-blog { height:250px } } </style>{% endblock %}{% block banniere %}<section class="ban-section"> <div class="ban"> <img src="{{ asset(banniere ~ page.banniere) }}" alt=""> <div class="container"> <div class="sect-title text-center mb-0"> <div class="h1 text-white"> {{ page.getTextBanniere | raw }} </div> </div> </div> </div></section>{% endblock %}{% block contenu %}<section class=" pb-50 pt-75 "> <div class=" container clearfix "> <div class="sect-title text-center no-deco"> <h1> {{ page.titre }} </h1> </div> <div class="bloc-text surf-text mb-55"> {{ page.contenu | raw }} </div> {% if page.section | length > 0 %} <div class="listes-moniteurs"> {% for section in page.section %} {% if section.type == 10 %} <div class="item-moniteur"> <div class="row"> <div class="col-xl-5 col-lg-6 col-12 mb-40"> <div class="detail-moniteur"> <div class="avatar"> <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt=""> </div> <div class="fonction"> {{ section.moniteur.nom }} </div> <div class="title"> {{ section.moniteur.fonction | raw }} </div> <div class="desc"> {{ section.moniteur.description | raw }} </div> </div> </div> <div class="col-xl-7 col-lg-6 col-12 mb-40"> <div class="moniteurs-slide owl-carousel"> {% for img in section.files %} <div class="img-moniteur"> <img src="{{ asset(page_directory ~ img) }}" alt=""> </div> {% endfor %} </div> </div> </div> </div> {% endif %} {% if section.type == 11 %} <div class="item-moniteur"> <div class="row"> <div class="col-xl-7 col-lg-6 col-12 mb-40"> <div class="moniteurs-slide owl-carousel"> {% for img in section.files %} <div class="img-moniteur"> <img src="{{ asset(page_directory ~ img) }}" alt=""> </div> {% endfor %} </div> </div> <div class="col-xl-5 col-lg-6 col-12 mb-40"> <div class="detail-moniteur"> <div class="avatar"> <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt=""> </div> <div class="fonction"> {{ section.moniteur.nom }} </div> <div class="title"> {{ section.moniteur.fonction | raw }} </div> <div class="desc"> {{ section.moniteur.description | raw }} </div> </div> </div> </div> </div> {% endif %} {% if section.type == 12 %} <div class="item-moniteur"> <div class="row"> <div class="col-xl-7 col-lg-6 col-12 mb-40"> <div class="moniteurs-slid"> {% for img in section.files %} <div class="img-moniteur"> <img src="{{ asset(page_directory ~ img) }}" alt=""> </div> {% endfor %} </div> </div> <div class="col-xl-5 col-lg-6 col-12 mb-40"> <div class="detail-moniteur"> <div class="avatar"> <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt=""> </div> <div class="fonction"> {{ section.moniteur.nom }} </div> <div class="title"> {{ section.moniteur.fonction | raw }} </div> <div class="desc"> {{ section.moniteur.description | raw }} </div> </div> </div> </div> </div> {% endif %} {% if section.type == 13 %} <div class="item-moniteur"> <div class="row"> <div class="col-xl-5 col-lg-6 col-12 mb-40"> <div class="detail-moniteur"> <div class="avatar"> <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt=""> </div> <div class="fonction"> {{ section.moniteur.nom }} </div> <div class="title"> {{ section.moniteur.fonction | raw }} </div> <div class="desc"> {{ section.moniteur.description | raw }} </div> </div> </div> <div class="col-xl-7 col-lg-6 col-12 mb-40"> <div class="moniteurs-slid"> {% for img in section.files %} <div class="img-moniteur"> <img src="{{ asset(page_directory ~ img) }}" alt=""> </div> {% endfor %} </div> </div> </div> </div> {% endif %} {% if section.type == 14 %} <div class="item-moniteur"> <div class="row"> <div class="col-xl-5 col-lg-6 col-12 mb-40"> <div class="detail-moniteur"> <div class="avatar"> <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt=""> </div> <div class="fonction"> {{ section.moniteur.nom }} </div> <div class="title"> {{ section.moniteur.fonction | raw }} </div> <div class="desc"> {{ section.moniteur.description | raw }} </div> </div> </div> <div class="col-xl-7 col-lg-6 col-12 mb-40"> <div class="img-moniteur"> {% if section.isYoutube %} {{ section.contenu | raw }} {% endif %} </div> </div> </div> </div> {% endif %} {% if section.type == 15 %} <div class="item-moniteur"> <div class="row"> <div class="col-xl-7 col-lg-6 col-12 mb-40"> <div class="img-moniteur"> {% if section.isYoutube %} {{ section.contenu | raw }} {% endif %} </div> </div> <div class="col-xl-5 col-lg-6 col-12 mb-40"> <div class="detail-moniteur"> <div class="avatar"> <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt=""> </div> <div class="fonction"> {{ section.moniteur.nom }} </div> <div class="title"> {{ section.moniteur.fonction | raw }} </div> <div class="desc"> {{ section.moniteur.description | raw }} </div> </div> </div> </div> </div> {% endif %} <!-- <div class="item-moniteur"> <div class="row"> <div class="col-xl-7 col-lg-6 col-12 mb-40"> <div class="moniteurs-slide owl-carousel"> <div class="img-moniteur"> <img src="{{ asset('front/images/esf/m-4.jpeg') }}" alt=""> </div> <div class="img-moniteur"> <img src="{{ asset('front/images/esf/m-4.jpeg') }}" alt=""> </div> <div class="img-moniteur"> <img src="{{ asset('front/images/esf/m-4.jpeg') }}" alt=""> </div> </div> </div> <div class="col-xl-5 col-lg-6 col-12 mb-40"> <div class="detail-moniteur"> <div class="avatar"> <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt=""> </div> <div class="fonction"> {{ section.moniteur.nom }} </div> <div class="title"> {{ section.moniteur.fonction | raw }} </div> <div class="desc"> {{ section.moniteur.description | raw }} </div> </div> </div> </div> </div> <div class="item-moniteur"> <div class="row"> <div class="col-xl-7 col-lg-6 col-12 mb-40"> <div class="moniteurs-slide owl-carousel"> <div class="img-moniteur"> <img src="{{ asset('front/images/esf/m-5.jpeg') }}" alt=""> </div> <div class="img-moniteur"> <img src="{{ asset('front/images/esf/m-5.jpeg') }}" alt=""> </div> <div class="img-moniteur"> <img src="{{ asset('front/images/esf/m-5.jpeg') }}" alt=""> </div> </div> </div> <div class="col-xl-5 col-lg-6 col-12 mb-40"> <div class="detail-moniteur"> <div class="avatar"> <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt=""> </div> <div class="fonction"> {{ section.moniteur.nom }} </div> <div class="title"> {{ section.moniteur.fonction | raw }} </div> <div class="desc"> {{ section.moniteur.description | raw }} </div> </div> </div> </div> </div> <div class="item-moniteur"> <div class="row"> <div class="col-xl-7 col-lg-6 col-12 mb-40"> <div class="img-moniteur"> <img src="{{ asset('front/images/esf/m-6.jpeg') }}" alt=""> </div> </div> <div class="col-xl-5 col-lg-6 col-12 mb-40"> <div class="detail-moniteur"> <div class="avatar"> <img src="{{ asset(moniteur_directory ~ section.moniteur.image) }}" alt=""> </div> <div class="fonction"> {{ section.moniteur.nom }} </div> <div class="title"> {{ section.moniteur.fonction | raw }} </div> <div class="desc"> {{ section.moniteur.description | raw }} </div> </div> </div> </div> </div>--> {% endfor %} </div> {% endif %} </div></section>{% endblock %}{% block formule %} {% include 'front/formule.html.twig' %}{% endblock %}