{% extends "base.html" %}
{% load static %}

{% block title %}  

    {{ page_title }} | {{ SITE_NAME }}

{% endblock title %}

{% block canonical_url %}
    {% if not debug %}
        {% url 'works:works' %}
    {% endif %}
{% endblock %}

{% block content %}
<section class="dt-main-banner dt-main-banner--mh" style="background-image: url(/static/img/upload/galaxy-new-planets-rd.jpg); height: calc(100% - 86px);">
    <div class="container">
        <div class="dt-main-banner__content">
            <h1 style="translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);">Explorez notre expertise</h1>
            <div class="dt-main-banner__description" style="translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);">
                <p>Découvrez l'inspiration, réalisez vos rêves</p>
            </div>
        </div>
    </div>
</section>

<section class="b-wide">
    <div class="container">
        <div class="cards">
            <div class="cards__items cards__items--multy-rows">

                {% for solution in solutions %}
                {% for type in solution.type.all %}<a href="{% url 'works:solution_detail' solution.slug %}" class="cards__item" data-wpel-link="internal">{% endfor %}
                        <div class="cards__item-content">
                            {% for type in solution.type.all %}
                                <h4 class="cards__item-title">
                                    {{type.name}}
                                </h4>
                            {% endfor %}
                            <div class="cards__item-description_esp">
                                <p>
                                    {{solution.content|safe}}
                                </p>
                            </div>
                            <div class="lm cards__item-link">
                                <span>Voir plus</span>
                            </div>
                        </div>
                    </a>
                {% endfor %}

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

<div style="margin: -3rem 0 3rem 0;">
    {% include '_includes/partners.html' %}
</div>
{% endblock %}