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

{% block content %}
    <main id="service-constructions">
        {% include 'front/components/page-header.html.twig' with {'title': 'Servicios - Obras'} %}

        <div class="page-content services">
            <section>
                <div class="column info-wrapper">
                    <h2 class="header">Gestión integral</h2>
                    <p class="body">
                        Nos encargamos de todo el proceso de construcción, para que el cliente obtenga su
                        producto final cuidando todos los detalles, proyecto, edificación y licencias.
                    </p>
                </div>
                <div class="column cover-wrapper" style="background-image: url({{ asset('assets/img/services/sc01.png') }})"></div>
            </section>
            <section class="even">
                <div class="column info-wrapper">
                    <h2 class="header">Obra nueva</h2>
                    <p class="body">
                        Si dispone de un proyecto, lo estudiamos en profundidad para “edificarlo” a la perfección.
                    </p>
                </div>
                <div class="column cover-wrapper" style="background-image: url({{ asset('assets/img/services/sc02.jpg') }})"></div>
            </section>
            <section>
                <div class="column info-wrapper">
                    <h2 class="header">Rehabilitación</h2>
                    <p class="body">
                        Mejoramos la conservación y estado de su finca.
                    </p>
                </div>
                <div class="column cover-wrapper" style="background-image: url({{ asset('assets/img/services/sc03.jpg') }})"></div>
            </section>
            <section class="even">
                <div class="column info-wrapper">
                    <h2 class="header">Reformas</h2>
                    <p class="body">
                        Realizamos todo tipo de reformas, aportando ideas y soluciones ajustándonos a su presupuesto.
                    </p>
                </div>
                <div class="column cover-wrapper" style="background-image: url({{ asset('assets/img/services/sc04.jpg') }})"></div>
            </section>
        </div>
    </main>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        $(document).ready(function() {

        });
    </script>
{% endblock %}