{% extends 'front.html.twig' %}
{% block title %} {{ historique.title }} {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}

    <div class="main-content">
        <section class="inner-header divider parallax layer-overlay overlay-white-8">
            <div class="container pt-60 pb-60">
                <!-- Section Content -->
                <div class="section-content">
                    <div class="row">
                        <div class="col-md-12 text-center" style="margin-top: -45px;">
                            {% if historique is null %}
                            <h2 class="title">Notre  Titre</h2>
                            <ol class="breadcrumb text-center text-black mt-10">
                                <li><a href="{{ path('home') }}">Accueil</a></li>
                                <li class="active text-theme-colored">Notre Titre</li>
                            </ol>
                            {% else %}
                                <h2 class="title bg-text-new">Notre {{ historique.title }}</h2>
                                <ol class="breadcrumb text-center text-black mt-10">
                                    <li><a href="{{ path('home') }}">Accueil</a></li>
                                    <li class="bg-text-new">Notre {{ historique.title }}</li>
                                </ol>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>
    <div id="about2_info" class="container">

        <div class="row pull-down-60">
            {% if historique is null %}

            <div class="col-lg-6 col-md-6 "><img id="imagehistorique"  src="{{ asset('assets/images/no-image-jpg') }}"/></div>
            <div id="abt2_creative_ppl" class="col-lg-6 col-md-6">
                <h1 class="text_uppercase text_heavy push-down-10">Notre Titre</h1>
                <h6><span class="fa fa-calendar"> 0x/0x/xx19</span> </h6>

                <p class="pull-down-10" align="justify" >Contenu</p>
            </div>
            {% else %}
                <div class="col-lg-6 col-md-6 "><img id="imagehistorique"  src="{{ asset('uploads/images/'~historique.file) }}"/></div>
                <div id="abt2_creative_ppl" class="col-lg-6 col-md-6">
                    <h1 class="text_uppercase text_heavy push-down-10">Notre {{ historique.title }}</h1>
                    <h6><span class="fa fa-calendar">  {{ historique.date |date('d/m/Y') }}</span> </h6>

                    <p class="pull-down-10" align="justify" >{{ historique.description | raw }} </p>
                </div>
            {% endif %}
        </div>
    </div>
    <br/><br/>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}