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

{% block content %}
    <section>
        {% include 'front/components/page-header.html.twig' with {'title': 'Servicios - Obras'} %}

        <div class="page-content container">
            <div class="row">
                <div class="col-xs-12 col-lg-6 col-lg-offset-3">
                    <div id="accordion" class="pb_accordion" data-children=".item">
                        <div class="item">
                            <a data-toggle="collapse" data-parent="#accordion" href="#accordion1" aria-expanded="false" aria-controls="accordion1" class="collapsed">
                                1 - Gestión integral
                            </a>
                            <div id="accordion1" class="collapse" role="tabpanel" style="">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                    Mauris id libero eget diam auctor sodales sit amet eu nibh.
                                    Proin tristique dolor ipsum, a bibendum turpis aliquet nec.
                                    Etiam vel tellus ornare, feugiat ex non, consequat enim.
                                    Sed imperdiet erat non tellus porta, sed sodales tortor convallis.
                                    Fusce posuere mattis lectus, non malesuada elit tempus at.
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <a data-toggle="collapse" data-parent="#accordion" href="#accordion2" aria-expanded="false" aria-controls="accordion2" class="collapsed">
                                2 - Obra nueva
                            </a>
                            <div id="accordion2" class="collapse" role="tabpanel">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                    Mauris id libero eget diam auctor sodales sit amet eu nibh.
                                    Proin tristique dolor ipsum, a bibendum turpis aliquet nec.
                                    Etiam vel tellus ornare, feugiat ex non, consequat enim.
                                    Sed imperdiet erat non tellus porta, sed sodales tortor convallis.
                                    Fusce posuere mattis lectus, non malesuada elit tempus at.
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <a data-toggle="collapse" data-parent="#accordion" href="#accordion3" aria-expanded="false" aria-controls="accordion3" class="collapsed">
                                3 - Rehabilitación
                            </a>
                            <div id="accordion3" class="collapse" role="tabpanel">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                    Mauris id libero eget diam auctor sodales sit amet eu nibh.
                                    Proin tristique dolor ipsum, a bibendum turpis aliquet nec.
                                    Etiam vel tellus ornare, feugiat ex non, consequat enim.
                                    Sed imperdiet erat non tellus porta, sed sodales tortor convallis.
                                    Fusce posuere mattis lectus, non malesuada elit tempus at.
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <a data-toggle="collapse" data-parent="#accordion" href="#accordion4" aria-expanded="false" aria-controls="accordion4" class="collapsed">
                                4 - Reformas
                            </a>
                            <div id="accordion4" class="collapse" role="tabpanel">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                    Mauris id libero eget diam auctor sodales sit amet eu nibh.
                                    Proin tristique dolor ipsum, a bibendum turpis aliquet nec.
                                    Etiam vel tellus ornare, feugiat ex non, consequat enim.
                                    Sed imperdiet erat non tellus porta, sed sodales tortor convallis.
                                    Fusce posuere mattis lectus, non malesuada elit tempus at.
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <a data-toggle="collapse" data-parent="#accordion" href="#accordion5" aria-expanded="false" aria-controls="accordion5" class="collapsed">
                                5 - Instalaciones eléctricas
                            </a>
                            <div id="accordion5" class="collapse" role="tabpanel">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                    Mauris id libero eget diam auctor sodales sit amet eu nibh.
                                    Proin tristique dolor ipsum, a bibendum turpis aliquet nec.
                                    Etiam vel tellus ornare, feugiat ex non, consequat enim.
                                    Sed imperdiet erat non tellus porta, sed sodales tortor convallis.
                                    Fusce posuere mattis lectus, non malesuada elit tempus at.
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </section>

{% endblock %}

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

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