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

{% block title %}Nos collections{% endblock %}

{% block description %}Retrouvez les meilleures marques de lunette et venez les essayer en magasin.{% endblock %}

{% block css %}
{% endblock %}

{% block body %}

    <section class="page-header parallax page-header-text-light page-header-crumbs-light overlay overlay-color-dark overlay-show overlay-op-3" data-image-src="{{ asset('/img/branche/bandeau-menu.jpg') }}" style="position: relative; overflow: hidden; height: 200px;">
        <div class="parallax-background" style="background-image:url({{ asset('/img/branche/islide3.jpg') }}); background-position:50% center; background-size:cover; height:180%; left:0px; position:absolute; top:0px; transform:translate3d(0px, -54.8571px, 0px); width:100%">&nbsp;</div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-8 text-left">
                    <h1 class="text-white fs-36">Lunettes Solaires</h1>
                </div>
            </div>
        </div>
    </section>


    <div class="container mb-9">
        <h3>RAY-BAN</h3>
        <div class="row">
            <div class="col-md-6">
                <div class="carousel-wrap">
                    <div class="owl-carousel" data-plugin-options='{"items": 1, "pagination": true, "singleItem": false, "autoPlay": true}'>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB3016 Clubmaster W0365.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB3025 001-58 POLARISEE.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB3362 001-51.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB3447 001.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB3548N 001.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB3548N 9069A5.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB4098 Jackie Ohh II 601-8G.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB4101 Jackie Ohh 642-43.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB4126 Cats 1000 710-51.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB4147 Highstreet 601-58 POLARISEE.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB4165 Justin 601-71.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB4171F Erika 865-13.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Rayban/RB4306 601-71.jpg') }}' />
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <p>
                    <a href="https://www.ray-ban.com/france" target="_blank">
                        <img alt="" src="{{ asset('/img/branche/solaires/Rayban/rayban.png') }}" style="height:50px; width:93px">
                    </a>
                </p>
                <p>Ray-Ban est un fabricant de lunettes de soleil et de lunettes de vue d'origine américaine, fondé en 1937 par Bausch & Lomb et appartenant au franco-italien EssilorLuxottica. En 1999, Bausch & Lomb vend la marque au groupe Luxottica.</p>
            </div>
        </div>
        <hr/>
        <h3>PERSOL</h3>
        <div class="row">
            <div class="col-md-6">
                <p>
                    <a href="https://www.persol.com/france" target="_blank">
                        <img alt="" src="{{ asset('/img/branche/solaires/Persol/Persol.png') }}" style="height:50px; width:93px">
                    </a>
                </p>
                <p>Persol est une société italienne de luxe créant lunettes de soleil et montures optiques. C'est l'une des plus vieilles au monde</p>
            </div>
            <div class="col-md-6">
                <div class="carousel-wrap">
                    <div class="owl-carousel" data-plugin-options='{"items": 1, "pagination": true, "singleItem": false, "autoPlay": true}'>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Persol/PO0714 Folding 112032.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Persol/PO0714 Folding 112032_2.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Persol/PO3019S 24-31.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Persol/PO3019S 24-31_2.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Persol/PO3152S 113356.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Persol/PO3152S 113356_2.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Persol/PO3235S 1082M2.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Persol/PO3245S 95-31.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Persol/PO3256S POLARISEE 24-57.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Persol/PO3265S 96-56.jpg') }}' />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr/>
        <h3>ETNIA</h3>
        <div class="row">
            <div class="col-md-6">
                <div class="carousel-wrap">
                    <div class="owl-carousel" data-plugin-options='{"items": 1, "pagination": true, "singleItem": false, "autoPlay": true}'>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Etnia/Etnia Barcelona COOPER SUN HVGR.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Etnia/Etnia Barcelona Jordaan Sun II HVBL.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Etnia/Etnia Barcelona La JOLLA BZBK.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Etnia/Etnia Barcelona MONTGOMERY GMSL.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/solaires/Etnia/Etnia Barcelona THE WATCHER SUN RDTQ.jpg') }}' />
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <p>
                    <a href="https://www.etniabarcelona.com/fr/fr" target="_blank">
                        <img alt="" src="{{ asset('/img/branche/solaires/Etnia/etnia.jpg') }}" style="height:50px; width:93px">
                    </a>
                </p>
                <p>Hautement résistantes et conçues avec des matériaux naturels. Haute qualité et respect de l’environnement. Notre démarche comme marque responsable. Verres minéraux. Acétates naturels. Innovation et design.</p>
            </div>
        </div>
        <hr/>
    </div>


{% endblock %}

{% block javascripts %}
{% endblock %}