{% extends 'frontend/layout.html.twig' %}

{% block content %}
<div class="container single-template">
	<div class="page-header">
		<h1 class="page-title">
			Les applications de SIG-ODD
            {% if departement %} | Département : {{departement.name}} {% endif %}
		</h1>
	</div>
<section id="services" class="services">
    <div class="container">

        <div class="row">

            <div class="col-md-6" data-aos="fade-up" data-aos-delay="100">
                <div class="icon-box p-4" style="background-color: #4bc0c0;">
                    <div class="icon"><i class="las la-file-alt" style="color: #fff;"></i></div>
                    <a href="{{ path('app_mesodd_dashboard') }}"><h4 class="title">MeSODD</h4>
                    <p class="description" style="color: #FFFFFF;"><b>Mesure Sensibilité ODD</b><br>Cette application permet une évaluation ex ante des Plans de Travail Annuel des Ministères aux ODD</p></a>
                </div>
            </div>
            <div class="col-md-6" data-aos="fade-up" data-aos-delay="100">
                <div class="icon-box p-4" style="background-color:#ffcd56;">
                    <div class="icon"><i class="las la-tachometer-alt" style="color:#fff;"></i></div>
                    <a href="{{ path('app_departement_dashboard') }}"><h4 class="title">SIODD</h4>
                    <p class="description" style="color: #FFFFFF;"><b>Suivi des Indices ODD</b><br>Cette application calcule les indices de performance des ODD et le Suivi des actions prioritaires du costing des ODD</p></a>
                </div>
            </div>
        </div>

    </div>
</section>
 </div>
{% endblock %}