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

{% block title %}Opticien{% endblock %}

{% block description %}Magasin d'un tout nouveau concept d'optique-lunetterie indépendant à Bordeaux, venez en magasin essayer vos modèles de lunettes préférés.{% endblock %}

{% block css %}
{% endblock %}

{% block body %}

    <div class="slider-container slider-container-height-550 rev_slider_wrapper">
        <div id="revolutionSlider" class="slider rev_slider" data-version="5.4.7" data-plugin-revolution-slider data-plugin-options="{'delay': 9000, 'gridwidth': [1140,960,720,540], 'gridheight': [550,550,550,550], 'disableProgressBar': 'on', 'responsiveLevels': [4096,1200,992,576], 'navigation' : {'arrows': { 'enable': true, 'style': 'slider-arrows-style-1' }, 'bullets': {'enable': true, 'style': 'bullets-style-1', 'h_align': 'center', 'v_align': 'bottom', 'space': 7, 'v_offset': 35, 'h_offset': 0}}}">
            <ul>
                <li data-transition="fade" data-title="Welcome to Vertex">

                    <img src="{{ asset('/img/branche/islide1.jpg') }}" alt=""
                         data-bgposition="center center"
                         data-bgfit="cover"
                         data-bgrepeat="no-repeat"
                         class="rev-slidebg">

                    <div class="tp-caption main-label"
                         data-x="left" data-hoffset="-100"
                         data-y="center" data-voffset="-70"
                         data-fontsize="['55','70','34','44']"
                         data-start="1500"
                         data-whitespace="nowrap"
                         data-transform_in="y:[100%];s:400;"
                         data-transform_out="opacity:0;s:400;"
                         style="z-index: 5"
                         data-mask_in="x:0px;y:0px;">Branches & Lunettes</div>


                    <div class="tp-caption bottom-label"
                         data-x="left" data-hoffset="-90"
                         data-y="center" data-voffset="15"
                         data-start="2000"
                         style="z-index: 5"
                         data-transform_in="y:[100%];opacity:0;s:500;">Optique-lunetterie à Bordeaux</div>

                </li>
                <li data-transition="fade" data-title="Welcome to Vertex">

                    <img src="{{ asset('/img/branche/islide2.jpg') }}" alt=""
                         data-bgposition="center center"
                         data-bgfit="cover"
                         data-bgrepeat="no-repeat"
                         class="rev-slidebg">

                    <div class="tp-caption main-label"
                         data-x="left" data-hoffset="-100"
                         data-y="center" data-voffset="-70"
                         data-fontsize="['55','70','34','44']"
                         data-start="1500"
                         data-whitespace="nowrap"
                         data-transform_in="y:[100%];s:400;"
                         data-transform_out="opacity:0;s:400;"
                         style="z-index: 5"
                         data-mask_in="x:0px;y:0px;">Branches & Lunettes</div>


                    <div class="tp-caption bottom-label"
                         data-x="left" data-hoffset="-90"
                         data-y="center" data-voffset="15"
                         data-start="2000"
                         style="z-index: 5"
                         data-transform_in="y:[100%];opacity:0;s:500;">Optique-lunetterie à Bordeaux</div>

                </li>
                <li data-transition="fade" data-title="Welcome to Vertex">

                    <img src="{{ asset('/img/branche/islide3.jpg') }}" alt=""
                         data-bgposition="center center"
                         data-bgfit="cover"
                         data-bgrepeat="no-repeat"
                         class="rev-slidebg">

                    <div class="tp-caption main-label"
                         data-x="left" data-hoffset="-100"
                         data-y="center" data-voffset="-70"
                         data-fontsize="['55','70','34','44']"
                         data-start="1500"
                         data-whitespace="nowrap"
                         data-transform_in="y:[100%];s:400;"
                         data-transform_out="opacity:0;s:400;"
                         style="z-index: 5"
                         data-mask_in="x:0px;y:0px;">Branches & Lunettes</div>


                    <div class="tp-caption bottom-label"
                         data-x="left" data-hoffset="-90"
                         data-y="center" data-voffset="15"
                         data-start="2000"
                         style="z-index: 5"
                         data-transform_in="y:[100%];opacity:0;s:500;">Optique-lunetterie à Bordeaux</div>

                </li>
            </ul>
        </div>
    </div>

    <div class="v-page-wrap no-bottom-spacing">

        <div class="container">
            <div class="v-heading-v2">
                <h2>Professionnels de l'optique-lunetterie, nos engagements</h2>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="feature-box feature-box-st-title" data-aos="zoom-out-up" data-aos-delay="200">
                        <div class="feature-box-text-wrap">
                            <h3><i class="fa fa-home"></i>Accueil</h3>
                            <div class="feature-box-text-inner">
                                <p>
                                    Votre visite se fera toujours dans un magasin respectueux des normes en vigueur. De plus, une large plage horaire d'ouverture vous est proposée afin de bénéficier d'un service professionnel optimum.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="feature-box feature-box-st-title" data-aos="zoom-out-up" data-aos-delay="400">
                        <div class="feature-box-text-wrap">
                            <h3><i class="fa fa-users"></i>Accompagnement</h3>
                            <div class="feature-box-text-inner">
                                <p>
                                    Il est important pour nous que chaque paire de lunettes soit parfaitement adaptée à votre visage. Vous bénéficierez de conseils personnalisés sur des montures de qualité, et techniques, dans une large gamme de prix.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="feature-box feature-box-st-title" data-aos="zoom-out-up" data-aos-delay="600">
                        <div class="feature-box-text-wrap">
                            <h3><i class="fa fa-list"></i>Conseils</h3>
                            <div class="feature-box-text-inner">
                                <p>
                                    Chaque personne est unique et ses besoins différents. C'est pourquoi, en s'associant aux meilleurs verriers, nous vous proposons des solutions ophtalmiques afin de vous procurer un confort de vision inégalé, de l'enfant au senior.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="feature-box feature-box-st-title" data-aos="zoom-out-up" data-aos-delay="800">
                        <div class="feature-box-text-wrap">
                            <h3><i class="fa fa-tachometer"></i>Rapidité</h3>
                            <div class="feature-box-text-inner">
                                <p>
                                    Savoir-faire et rigueur nous permettent de réaliser vos lunettes sous 48 heures * car ici, tout est fait sur place, grâce à un matériel ultra performant.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="feature-box feature-box-st-title" data-aos="zoom-out-up" data-aos-delay="800">
                        <div class="feature-box-text-wrap">
                            <h3><i class="fa fa-gift"></i>Offre et financement</h3>
                            <div class="feature-box-text-inner">
                                <p>
                                    Des offres commerciales vous seront proposées (deuxième paire offerte, solaire polarisée, lunettes pour écran ou activité sportive...) car parfois, une paire ne suffit pas.<br/>
                                    Le tiers payant vous dispense de l'avance de frais car nous travaillons avec la plupart des mutuelles. En cas de reste à charge, des facilités de paiement sans frais vous seront proposées.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="feature-box feature-box-st-title" data-aos="zoom-out-up" data-aos-delay="800">
                        <div class="feature-box-text-wrap">
                            <h3><i class="fa fa-shield"></i>Garantie</h3>
                            <div class="feature-box-text-inner">
                                <p>
                                    Comme il est inconcevable qu'une paire de lunettes finissent dans un tiroir, une garantie d'adaptation de 3 mois sur l'ensemble des verres vous est offerte. Pour la monture c'est une garantie de 2 ans contre tous les vices de fabrication*
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="feature-box feature-box-st-title" data-aos="zoom-out-up" data-aos-delay="800">
                        <div class="feature-box-text-wrap">
                            <h3><i class="fa fa-wrench"></i>Entretien</h3>
                            <div class="feature-box-text-inner">
                                <p>
                                    Une paire de lunettes utile est une paire de lunettes qui s'use. C'est pourquoi nous nous occupons de son entretien à vie. Petite réparation, changement des plaquettes, ajustage, nettoyage aux ultra-son : vous n'avez qu'à passer.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="v-spacer col-sm-12 v-height-standard"></div>
        </div>
        <section class="page-header parallax page-header-text-light page-header-crumbs-light-2 py-0 overlay overlay-color-dark overlay-show overlay-op-3" data-image-src="{{ asset('/img/branche/bandeau-home2.jpg') }}" id="section_3345" style="position: relative; overflow: hidden; height: 200px;">
            <div class="parallax-background" style="background-image:url({{ asset('/img/branche/bandeau-home2.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>
        </section>

        <div class="container">
            <div class="row">
                <!--Standard Flexslider-->

                <div class="col-md-12">
                    <div class="v-heading-v2">
                        <h3>Branches & Lunettes à Bordeaux</h3>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="v-gallery-widget">
                        <div class="gallery-wrap">
                            <div class="flexslider gallery-slider" data-transition="slide">
                                <ul class="slides">
                                    <li>
                                        <a href='{{ asset('/img/branche/mag3.jpg') }}' style="height:300px">
                                            <img src='{{ asset('/img/branche/mag3.jpg') }}' />
                                        </a>
                                    </li>
                                    <li>
                                        <a href='{{ asset('/img/branche/mag1.jpg') }}' style="height:300px">
                                            <img src='{{ asset('/img/branche/mag1.jpg') }}' />
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <p class="mt-5">Découvrez notre boutique à Bordeaux</p>
                    <p>A la ville comme à la plage, dans une atmosphère chic et élégante, vous serez conseillés par nos opticiens lunetiers, passionnés de marque de créateurs et sans cesse à l’affût des dernières évolutions du métier. Des conseils précis et précieux pour choisir son style de vie et de vue !</p>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="v-spacer col-sm-12 v-height-mini"></div>
        </div>

        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="v-heading-v2">
                        <h3>Nos partenaires</h3>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="v-clients-wrap carousel-wrap">

                        <div class="owl-carousel" data-plugin-options='{"items": 6, "singleItem": false, "autoPlay": true}'>

                            <div class="item">
                                <figure>
                                    <a href="https://vimeo.com/awards" target="_blank">
                                        <img src="img/client/03.png" />
                                    </a>
                                </figure>
                            </div>
                            <div class="item">
                                <figure>
                                    <a href="http://dribbble.com/" target="_blank">
                                        <img src="img/client/02.png" />
                                    </a>
                                </figure>
                            </div>
                            <div class="item">
                                <figure>
                                    <a href="http://wordpress.org/" target="_blank">
                                        <img src="img/client/03.png" />
                                    </a>
                                </figure>
                            </div>
                            <div class="item">
                                <figure>
                                    <a href="https://vimeo.com/pro/" target="_blank">
                                        <img src="img/client/04.png" />
                                    </a>
                                </figure>
                            </div>
                            <div class="item">
                                <figure>
                                    <a href="http://jquery.com/" target="_blank">
                                        <img src="img/client/05.png" />
                                    </a>
                                </figure>
                            </div>
                            <div class="item">
                                <figure>
                                    <a href="http://wordpress.org/" target="_blank">
                                        <img src="img/client/01.png" />
                                    </a>
                                </figure>
                            </div>
                            <div class="item">
                                <figure>
                                    <a href="http://www.envato.com/" target="_blank">
                                        <img src="img/client/03.png" />
                                    </a>
                                </figure>
                            </div>
                            <div class="item">
                                <figure>
                                    <a href="https://vimeo.com/ondemand" target="_blank">
                                        <img src="img/client/04.png" />
                                    </a>
                                </figure>
                            </div>
                        </div>

                        <div class="customNavigation">
                            <a class="prev"><i class="fa fa-angle-left"></i></a>
                            <a class="next"><i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
{% endblock %}