{% extends "base.html.twig" %}

{% block stylesheets %} 
<link href="{{asset('assets/assets/css/module-css/gallery.css')}}" rel="stylesheet">

<style>
.about-section .image-box:before {
    position: absolute;
    content: '';
    width: 36px;
    height: 36px;
    border-radius: 50%;
    left: 0px;
    top: 35px;
}
</style>
{% endblock %}

{% block body %}

       <!-- page-title -->
        <section class="page-title centred">
            <div class="bg-layer" style="background-image: url(assets/assets/images/background/page-title.jpg);"></div>
            <div class="auto-container">
                <div class="content-box">
                    <h1>Nos Partenaires</h1>
                    <ul class="bread-crumb clearfix">
                        <li><a href="{{ path('home') }}">Accueil</a></li>
                        <li>Nos Partenaires</li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- page-title end -->

                <!-- category-section -->
        <section class="category-section pt_150 pb_120 bg-color-1">
            <div class="pattern-layer" style="background-image: url(assets/assets/images/shape/shape-4.png);"></div>
            <div class="auto-container">
                <div class="sec-title mb_60 centred">
                    <span class="sub-title">Nos Partenaires</span>
                    <h2>ils nous font confiance</h2>
                    {# <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod <br />tempor incididunt ut labore</p> #}
                </div>
                <div class="row clearfix">
                    {% for partenaire in partenaires %}
                        <div class="col-lg-3 col-md-6 col-sm-12 category-block">
                            <div class="category-block-one">
                                <div class="inner-box" style="overflow: hidden;" >
                                        <figure class="image-box"><img src="{{asset('uploads/partenaires/' ~ partenaire.filename )}}" style="width: 100%; height: 100%; object-fit: cover;" alt=""></figure>
                                        <h3><a href="#">{{partenaire.nom}}</a></h3>
                                        {# <p>Lorem ipsum dolor amet, consectetur</p> #}
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </section>
        <!-- category-section end -->


        <!-- about-section -->
        <section class="about-section pt_150 pb_200">
            <div class="pattern-layer" style="background-image: url(assets/assets/images/shape/shape-8.png);"></div>
            <div class="pattern-layer-2" style="background-image: url(assets/assets/images/shape/shape-12.png);"></div>
            <div class="auto-container">
                <div class="row clearfix">
                    <div class="col-lg-6 col-md-12 col-sm-12 image-column">
                        <div class="image-box text-center">
                            <figure class="image"><img src="assets/assets/images/partenaires/7238706.png" style="width:500px" alt=""></figure>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12 content-column">
                        <div class="content_block_one">
                            <div class="content-box ml_30">
                                <div class="sec-title mb_60">
                                    <span class="sub-title">Get To Know Us</span>
                                    <h2>Nos Certifications</h2>
                                    <p class="pr_80">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. </p>
                                </div>
                                <ul class="list-style-one clearfix pb_30">
                                    <li><a href="index.html" class="gradient-color"><i class="icon-11 gradient-color"></i> Professional Tour Guide</a></li>
                                    <li><a href="index.html" class="gradient-color"><i class="icon-11 gradient-color"></i> Quality you can trust</a></li>
                                    <li><a href="index.html" class="gradient-color"><i class="icon-11 gradient-color"></i> Exceptional flexibility</a></li>
                                    <li><a href="index.html" class="gradient-color"><i class="icon-11 gradient-color"></i> Award-winning support</a></li>
                                    <li><a href="index.html" class="gradient-color"><i class="icon-11 gradient-color"></i> Blandit sit amet non magna</a></li>
                                </ul>
                                <div class="btn-box">
                                    <a href="{{ path('contact') }}" class="theme-btn btn-three">Contactez-nous</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- about-section end -->

        <!-- testimonial-section -->
        <section class="testimonial-section pb_120">
            <div class="thumb-inner">
                <figure class="thumb thumb-1"><img src="{{asset('assets/assets/images/resource/thumb-1.png')}}" alt=""></figure>
                <figure class="thumb thumb-2"><img src="{{asset('assets/assets/images/resource/thumb-2.png')}}" alt=""></figure>
                <figure class="thumb thumb-3"><img src="{{asset('assets/assets/images/resource/thumb-3.png')}}" alt=""></figure>
                <figure class="thumb thumb-4"><img src="{{asset('assets/assets/images/resource/thumb-4.png')}}" alt=""></figure>
                <figure class="thumb thumb-5"><img src="{{asset('assets/assets/images/resource/thumb-5.png')}}" alt=""></figure>
                <figure class="thumb thumb-6"><img src="{{asset('assets/assets/images/resource/thumb-6.png')}}" alt=""></figure>
            </div>
            <div class="auto-container">
                <div class="sec-title centred mb_60">
                    <span class="sub-title">Ils sont satisfaits</span>
                    <h2>Témoignages de nos clients</h2>
                    <p>Découvrez ce que nos clients disent de nous </p>
                </div>
                <div class="testimonial-carousel swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="testimonial-block-one">
                                <div class="inner-box">
                                    <div class="shape-1"></div>
                                    <div class="shape-2"></div>
                                    <div class="icon-box gradient-color"><i class="icon-22"></i></div>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan.</p>
                                    <div class="author-box">
                                        <figure class="thumb-box"><img src="{{asset('assets/assets/images/resource/testimonial-1.png')}}" alt=""></figure>
                                        <h3>Jenny Wilson</h3>
                                        <span class="designation gradient-color">Web Designer</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonial-block-one">
                                <div class="inner-box">
                                    <div class="shape-1"></div>
                                    <div class="shape-2"></div>
                                    <div class="icon-box gradient-color"><i class="icon-22"></i></div>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan.</p>
                                    <div class="author-box">
                                        <figure class="thumb-box"><img src="{{asset('assets/assets/images/resource/testimonial-1.png')}}" alt=""></figure>
                                        <h3>Alex Hels</h3>
                                        <span class="designation gradient-color">Web Designer</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="testimonial-block-one">
                                <div class="inner-box">
                                    <div class="shape-1"></div>
                                    <div class="shape-2"></div>
                                    <div class="icon-box gradient-color"><i class="icon-22"></i></div>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan.</p>
                                    <div class="author-box">
                                        <figure class="thumb-box"><img src="{{asset('assets/assets/images/resource/testimonial-1.png')}}" alt=""></figure>
                                        <h3>Tomas Adison</h3>
                                        <span class="designation gradient-color">Web Designer</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial__pagination"></div>
                </div>
            </div>
        </section>
        <!-- testimonial-section end -->
        
      
{% endblock %}