{% 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 %}