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

{% block content %}
    <section id="location">
        {% include 'front/components/page-header.html.twig' with {'title': 'Localización'} %}

        <div class="page-content container">
            <div class="row">
                <div class="col-md-8">
                    <h4 class="underline-title">Localízanos en el mapa</h4>
                    <div class="hline"></div>
                    <div id="map-wrapper" class="no-scroll-layer">
			<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3205.8460942376764!2d-6.30265990024591!3d36.53370725653621!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd0dd160bc0a9b9b%3A0x1f1269332c4a9245!2sConstrucciones%20Cozar%2017!5e0!3m2!1ses!2ses!4v1700118068273!5m2!1ses!2ses" width="100%" height="350" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                </div>
                <div class="col-md-4">
                    <h4 class="underline-title our-address">Nuestra dirección</h4>
                    <div class="hline"></div>
                    <div class="address">
                        <p>C/ Zaragoza, 17</p>
                        <p style="margin-bottom: 30px;">11003, Cádiz, España</p>

                        <p>
                            <a href="tel:+34956229859" title="+34 956 229 859">
                                <i class="fa fa-phone"></i>
                                +34 956 229 859
                            </a>
                        </p>
                        <p style="margin-bottom: 30px;">
                            <a href="mailto:info@cozar17.com" title="info@cozar17.com">
                                <i class="fa fa-envelope"></i>
                                info@cozar17.com
                            </a>
                        </p>
                        <p>
                            Horario de oficina: 08:00 - 20:00
                        </p>
                        <p>
                            Para cualquier consulta, no dudes en ponerte en contacto con nosotros.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('assets/js/jquery.nevma.noScrollLayer-1.0.min.js') }}"></script>
{% endblock %}