{% 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 Enfant</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/enfants/Rayban/RY1053 4078.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/enfants/Rayban/RY1056 4080.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/enfants/Rayban/RY1604 3864.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/enfants/Rayban/RY1605 3866.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/enfants/Rayban/RY1606 3859.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/enfants/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>ETNIA</h3>
        <div class="row">
            <div class="col-md-6">
                <p>
                    <a href="https://www.etniabarcelona.com/fr/fr" target="_blank">
                        <img alt="" src="{{ asset('/img/branche/enfants/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 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/enfants/Etnia/Etnia Barcelona Bob Kids RDBK.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/enfants/Etnia/Etnia Barcelona Lisa Kids PGHV.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/enfants/Etnia/Etnia Barcelona Timon Kids FUHV.jpg') }}' />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src='{{ asset('/img/branche/enfants/Etnia/Etnia Barcelona Tom Kids BKRD.jpg') }}' />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr/>
    </div>


{% endblock %}

{% block javascripts %}
{% endblock %}