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

{% block title %}Démarche{% endblock %}

{% block body %}
    <div class="breadcrumb-wrap demarche">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <h4>Présentation</h4>
                </div>
                <div class="col-sm-6 hidden-xs text-right">
                    <ol class="breadcrumb">
                        <li>Démarche</li>
                    </ol>
                </div>
            </div>
        </div>
    </div><!--breadcrumbs-->
    <div class="divide80"></div>
    <div class="container demarche">
        {% set imageADroite = true %}
        {% for demarche in demarches %}
            <div class="row">
                {% if not imageADroite %}
                    <div class="col-md-6 margin20 ">
                        <img src="https://www.kiwicloudcms.com/content/picture/id/{{ demarche.image }}"
                             class="img-responsive" alt=""/>
                    </div>
                {% endif %}
                <div class="col-md-6 margin20 text-justify">
                    <h3 class="heading">{{ demarche.titre }}</h3>
                    {{ demarche.texte|raw }}
                </div>
                {% if imageADroite %}
                    <div class="col-md-6 margin20">
                        <img src="https://www.kiwicloudcms.com/content/picture/id/{{ demarche.image }}"
                             class="img-responsive" alt=""/>
                    </div>
                {% endif %}
                {% set imageADroite = not imageADroite %}
            </div>
        {% endfor %}
    </div><!--about intro-->
    <div class="divide60"></div>
{% endblock %}