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

{% block content %}

    <section class="cover" style="background-image: url({{ asset('assets/files/index/' ~ indexCover.value) }})">
        <div class="content">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="text">Más de 40 años construyendo</div>
                        <a class="btn btn-primary" href="{{ path('front_contact') }}">Solicita presupuesto</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="descriptions">
        <div class="container">
            <div class="row">
                <div class="col-sm-4">
                    <div class="box">
                        <h3>Experiencia</h3>
                        <div class="line"></div>
                        <p>
                            Con más de 40 años de experiencia y una preparación técnica contrastada
                            en la ejecución de obras donde desarrollamos nuestra actividad.
                        </p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="box">
                        <h3>Profesionalidad</h3>
                        <div class="line"></div>
                        <p>
                            Entendemos la construcción como una actividad basada en la confianza y
                            el conocimiento mutuo con nuestros clientes.
                        </p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="box">
                        <h3>Calidad</h3>
                        <div class="line"></div>
                        <p>
                            Somos una empresa constructora con un objetivo prioritario: el
                            cumplimiento de los compromisos adquiridos con nuestros clientes.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="services">
        <h2 class="section-title">Nuestros servicios</h2>
        <div class="title-line"></div>
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-xs-12">
                    <a href="{{ path('front_service_constructions') }}" title="Obras" class="media">
                        <div class="img-wrapper" style="background-image: url({{ asset('assets/img/services/sc03-xs.jpg') }})"></div>
                        <div class="info-wrapper">
                            <h4 class="media-heading">Obras</h4>
                            <p>
                                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>
                    </a>
                </div>
                <div class="col-sm-6 col-xs-12">
                    <a href="{{ path('front_service_projects') }}" title="Proyectos" class="media">
                        <div class="img-wrapper" style="background-image: url({{ asset('assets/img/services/sp03-xs.jpg') }})"></div>
                        <div class="info-wrapper">
                            <h4 class="media-heading">Proyectos</h4>
                            <p>
                                Diseñamos su proyecto partiendo de su idea inicial, dándole
                                forma para adaptarnos a sus necesidades.
                            </p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <section class="interested text-center">
        <div class="content">
            <div class="text">¿Estás interesado?</div>
            <a class="btn btn-default" href="{{ path('front_contact') }}">¡Contáctanos!</a>
        </div>
    </section>

{% endblock content %}