{% include 'includes/esp-nav.html.twig' %}
<div id="content-hist" class="cont-glob resp-back">
    <div class="container">
        <h1 id="title-history" class="font-title is-uppercase title-desc">{{ 'history'|trans }}</h1>
        <div id="desc-history" class="font-primary">
            <p>{{ 'text-resume-history'|trans|raw }}</p>
        </div>
        <div id="losange">
            <div></div>
        </div>
        <div class="timeline">
            <div class="cont-time">
                <div class="content-time">
                    <h2 class="font-title gold">{{ 'history-title-1'|trans }}</h2>
                    <p class="font-primary">{{ 'history-desc-1'|trans|raw }}</p>
                </div>
                <div class="content-time img-time">
                    <img src="{{ asset('images/losanges_histoire/6.png') }}" alt="">
                </div>
            </div>
            <div class="cont-time">
                <div class="content-time img-time-alt">
                    <img src="{{ asset('images/losanges_histoire/5.png') }}" alt="">
                </div>
                <div class="content-time">
                    <h2 class="font-title gold">{{ 'history-title-2'|trans }}</h2>
                    <p class="font-primary">{{ 'history-desc-2'|trans|raw }}</p>
                </div>
                <div class="content-time test">
                    <img src="{{ asset('images/losanges_histoire/5.png') }}" alt="">
                </div>
            </div>
            <div class="cont-time">
                <div class="content-time">
                    <h2 class="font-title  gold">{{ 'history-title-3'|trans }}</h2>
                    <p class="font-primary">{{ 'history-desc-3'|trans|raw }}</p>
                </div>
                <div class="content-time img-time">
                    <img src="{{ asset('images/losanges_histoire/4.png') }}" alt="">
                </div>
            </div>
            <div class="cont-time">
                <div class="content-time img-time-alt">
                    <img src="{{ asset('images/losanges_histoire/3.png') }}" alt="">
                </div>
                <div class="content-time">
                    <h2 class="font-title  gold">{{ 'history-title-4'|trans }}</h2>
                    <p class="font-primary">{{ 'history-desc-4'|trans|raw }}</p>
                </div>
                <div class="content-time test">
                    <img src="{{ asset('images/losanges_histoire/3.png') }}" alt="">
                </div>
            </div>
            <div class="cont-time">
                <div class="content-time">
                    <h2 class="font-title  gold">{{ 'history-title-5'|trans }}</h2>
                    <p class="font-primary">{{ 'history-desc-5'|trans|raw }}</p>
                </div>
                <div class="content-time img-time">
                    <img src="{{ asset('images/losanges_histoire/2.png') }}" alt="">
                </div>
            </div>
            <div class="cont-time">
                <div class="content-time img-time-alt">
                    <img src="{{ asset('images/losanges_histoire/1.png') }}" alt="">
                </div>
                <div class="content-time">
                    <h2 class="font-title  gold">{{ 'history-title-6'|trans }}</h2>
                    <p class="font-primary">{{ 'history-desc-6'|trans|raw }}</p>
                </div>
                <div class="content-time test">
                    <img src="{{ asset('images/losanges_histoire/1.png') }}" alt="">
                </div>
            </div>
        </div>
        <div id="cont-time-7" class="cont-time">
            <div class="content-time">
                <h2 class="font-title">{{ 'history-title-7'|trans }}</h2>
                <p class="font-primary">{{ 'history-desc-7'|trans|raw }}</p>
            </div>
        </div>
    </div>
</div>
{% include 'includes/mini-footer.html.twig' %}