{% extends 'front.html.twig' %}
{% block title %} {{ objectifs.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">
                        {%  if objectifs is null %}
                            <div class="col-md-12 text-center" style="margin-top: -45px;">
                            <h2 class="title">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">Titre</li>
                            </ol>
                        </div>
                        {% else %}
                            <div class="col-md-12 text-center" style="margin-top: -45px;">
                                <h2 class="title bg-text-new">{{ objectifs.title }}</h2>
                                <ol class="breadcrumb text-center text-black mt-10">
                                    <li><a href="{{ path('home') }}">Accueil</a></li>
                                    <li class="bg-text-new">{{ objectifs.title }}</li>
                                </ol>
                            </div>
                        {% endif %}

                    </div>
                </div>
            </div>
        </section>

    </div>

    <div id="about2_info" class="container">
        <div class="row pull-down-60">
            {% if objectifs is null%}
                <div class="col-lg-6 col-md-6"><img id="imageObjectif" src="{{ asset('assets/images/no-images.jpg') }}"/></div>
                <div id="abt2_creative_ppl" class="col-lg-6 col-md-6">
                    <h1 class="text_uppercase text_heavy push-down-10">Titre</h1>
                    <p class="pull-down-10" align="justify" >Contenu</p>
                </div>
            {% else %}
                <div class="col-lg-6 col-md-6"><img id="imageObjectif" src="{{ asset('uploads/images/'~objectifs.file) }}"/></div>
                <div id="abt2_creative_ppl" class="col-lg-6 col-md-6">
                    <h1 class="text_uppercase text_heavy push-down-10">{{ objectifs.title }}</h1>


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

        </div>
    </div>
    <br/><br/>

{% endblock %}

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