{% include 'includes/esp-nav.html.twig' %}
<div id="content-vibes" class="cont-glob">
    <div class="container">
        <div id="desc-content-vibes">
            <h1 id="title-vibes" class="font-title is-uppercase title-desc">{{ 'vibes'|trans }}</h1>
            
            <div class="columns is-centered">
                <div class="column is-10">
                    <div class="font-primary">
                        <p>{{ 'text-vibes-1'|trans|raw }}</p>
                        <p>{{ 'text-vibes-2'|trans|raw }}</p>
                        <p>{{ 'text-vibes-3'|trans|raw }}</p>
                  <!--      <p><a data-fancybox="gallery" href="{{ asset('images/plan-general.jpg') }}">Plan de la salle</a> - <a data-fancybox="gallery" href="{{ asset('images/vue 8.jpg') }}">Palais des Régates</a></p>-->
                    </div>
                </div>
            </div>
        </div>
        <div id="photo-vibes"  class="swiper-container">
            <div class="swiper-wrapper">
                <div id="img_vibes_1" class="swiper-slide resp-back"></div>
                <div id="img_vibes_2" class="swiper-slide resp-back"></div>
                <div id="img_vibes_3" class="swiper-slide resp-back"></div>
                <div id="img_vibes_4" class="swiper-slide resp-back"></div>
            </div>
        </div>
    </div>
</div>
{% include 'includes/mini-footer.html.twig' %}