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

{% block title %} {{ 'lieux.metatitle'|trans }} {% endblock %}
{% block description %} {{ 'lieux.metadescription'|trans }} {% endblock %}

{% block body %}

{% include "front/inc/breadcrumb.html.twig" with {'content_title':'footer.lieu'|trans , 'current_page': 'footer.lieu'|trans , 'image' : null } %}


<div class="page-lieu">
    <div class="intro">
        <span class="title-intro">
            {{ 'lieux.intro.title.1'|trans|raw }}
        </span>
        <p>
            {{ 'lieux.intro.text.1'|trans|raw }}
        </p>
    </div>
    <div class="content-page">
        <section class="block-lieu">
            <div class="text-block">
                <div class="title">
                    <p>{{ 'lieux.intro.title.2'|trans|raw }}</p>
                </div>
                <div class="info-text">
                    {{ 'lieux.intro.text.2'|trans|raw }}
                </div>
            </div>
            <div class="img-block">
                <img src="{{ asset('front/images/lieu1.jpg') }}" height="335" width="648" alt="" />
            </div>
        </section>
        <section class="block-reverse-lieu">
            <div class="img-block">
                <img src="{{ asset('front/images/lieuimg2.jpg') }}" height="335" width="648" alt="" />
            </div>
            <div class="text-block">
                <div class="title">
                    <p>{{ 'lieux.intro.title.3'|trans|raw }}</p>
                </div>
                <div class="info-text">
                    {{ 'lieux.intro.text.3'|trans|raw }}
                </div>
            </div>
        </section>
        <section class="block-lieu">
            <div class="text-block">
                <div class="title">
                    <p>{{ 'lieux.intro.title.4'|trans|raw }}</p>
                </div>
                <div class="info-text">
                   {{ 'lieux.intro.text.4'|trans|raw }}
                </div>
            </div>
            <div class="img-block">
                <img src="{{ asset('front/images/block2.jpg') }}" height="335" width="648" alt="" />
            </div>
        </section>
        <section class="block-reverse-lieu">
            <div class="img-block">
                <img src="{{ asset('front/images/salle-esthetique-natea.jpg') }}" height="335" width="648" alt="" />
            </div>
            <div class="text-block">
                <div class="title">
                    <p>{{ 'lieux.intro.title.5'|trans|raw }}</p>
                </div>
                <div class="info-text">
                    <p>
                        {{ 'lieux.intro.text.5'|trans|raw }}
                    </p>
                </div>
            </div>
        </section>
        <section class="block-lieu text-larg">
            <div class="text-block">
                <div class="title">
                    <p>{{ 'lieux.intro.title.6'|trans|raw }}</p>
                </div>
                <div class="info-text">
                    {{ 'lieux.intro.text.6'|trans|raw }}
                </div>
            </div>
            <div class="img-block">
                <img src="{{ asset('front/images/eqimg1.jpg') }}" height="335" width="648" alt="" />
            </div>
        </section>
    </div>
</div>
{% endblock %}