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

{% block title %}Notre savoir faire{% endblock %}

{% block description %}Premier magasin d'un tout nouveau concept d'optique-lunetterie indépendant, nous vous accueillons tout au long de l'année dans un magasin chic et chaleureux.{% 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/bandeau-menu.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">Notre savoir faire</h1>
                </div>
            </div>
        </div>
    </section>

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

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

            <div class="col-md-12">
                <div class="v-heading-v2">
                    <h3>Le magasin</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/mag1.jpg') }}' style="height:300px">
                                        <img src='{{ asset('/img/branche/mag1.jpg') }}' />
                                    </a>
                                </li>
                                <li>
                                    <a href='{{ asset('/img/branche/mag3.jpg') }}' style="height:300px">
                                        <img src='{{ asset('/img/branche/mag3.jpg') }}' />
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <p class="mt-5">
                    Premier magasin d'un tout nouveau concept d'optique-lunetterie <b>indépendant</b>, nous vous accueillons tout au long de l'année dans un magasin <b>chic et chaleureux</b>.<br/>
                    L'<b>écoute</b>, le <b>conseil</b> et le <b>respect</b> de nos clients sont les maîtres mot de ce qui nous anime afin d'exercer au mieux notre métier de <b>professionnel de la santé</b>.
                </p>
                <p>
                    Un large choix de monture tendance et créateur vous sont proposés équipés des meilleurs verres de <b>fabrications 100% française</b>.
                </p>
                <p>
                    Notre objectif de tous les jours: Votre <b>satisfaction</b> !
                </p>
            </div>
        </div>
    </div>


{% endblock %}

{% block javascripts %}
{% endblock %}