<!--Start Visa Style2 Area-->
<section class="visa-style2-area">
<div class="container">
<div class="sec-title text-center">
<h3>NOS FORMATIONS</h3>
<h2 style="text-transform: none">Les modules de formation de l'Académie Bilimon</h2>
</div>
<div class="row">
<div class="col-xl-12">
<div class="theme-carousel visa-carousel owl-carousel owl-theme owl-dot-style1" data-options='{"loop":true, "margin":30, "autoheight":true, "nav":false, "dots":true, "autoplay":true, "stagePadding":0, "autoplayTimeout":10000, "smartSpeed":700, "responsive":{ "0":{"items": "1"}, "500":{"items": "1"}, "767":{"items": "2"}, "1199":{"items": "4"}, "1600":{"items": "4"} }}'>
<!--Start Single Visa Box Style2-->
{% for training in trainings %}
<div class="single-visa-box-style2">
<div class="icon-holder"><img src="{{ asset('media/files/' ~ training.icons) }}" class="center" style="width: 50%; filter: invert(74%) sepia(1%) saturate(242%) hue-rotate(128deg) brightness(90%) contrast(79%);
" alt=""></div>
<div class="text-holder">
<h3>{{ training.title }}</h3>
<p>{{ training.summary | raw }}</p>
</div>
</div>
{% endfor %}
<!--End Single Visa Box-->
</div>
</div>
</div>
</div>
<!--Start Slogan Area-->
<div class="slogan-area style2">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="slogan-content wow slideInUp" data-wow-delay="100ms" style="background-image: url(assets/images/pattern/slogan-content-bg.jpg)">
<div class="left">
{% for galerie in galeries %}
<div class="icon">
<span><img src="{{ asset('media/files/' ~ galerie.logo) }}" class="center" style="width: 75%; filter: invert(74%) sepia(1%) saturate(242%) hue-rotate(128deg) brightness(90%) contrast(79%);
" alt=""></span>
</div>
<div class="title">
<p>{{ galerie.title }}</p>
<h3>{{ galerie.subtitle | raw }}</h3>
</div>
{% endfor %}
</div>
<div class="right">
<div class="btns-box">
<a class="btn-one style2" href="{{ path('app_gallery') }}"><span class="txt">Découvrir plus<i class="fa fa-angle-double-right" aria-hidden="true"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End Slogan Area-->
</section>
<style>
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
</style>
<!--End Visa Style2 Area-->