{% extends 'base.html.twig' %}
{% block title %}
{{ parent() }}
- Contacto
{% endblock %}
{% block base %}
{# Para Tablets y Escritorio #}
<div class="hide-on-med-and-down">
{# Imagen Contacto #}
<div class="parallax-container">
<div class="parallax">
<img class="responsive-img" src="{{ asset('img/banner_contacto3.jpg') }}">
</div>
</div>
{# Imagen Contacto #}
</div>
{# Para Tablets y Escritorio #}
{# Para Movil #}
<div class="hide-on-med-and-up show-on-medium">
{# Imagen Contacto #}
<div class="parallax-container">
<div class="parallax">
<img class="responsive-img" src="{{ asset('img/banner_contacto_celu.jpg') }}">
</div>
</div>
{# Imagen Contacto #}
</div>
{# Para Movil #}
{# Contenido de Contacto #}
<div class="container">
<div class="section white">
<div class="row container">
<h2 class="header tituloColorOficial">Contacto</h2>
{# Formulario de Contacto #}
{% include "Contacto/formularioContacto.html.twig" %}
{# Formulario de Contacto #}
</div>
</div>
</div>
{# Contenido de Contacto #}
{# Listado de Preguntas Frecuentes #}
{% if preguntasFrecuentes|length > 0 %}
{# Para Tablets y Escritorio #}
<div class="hide-on-med-and-down">
<div class="parallax-container">
<div class="parallax">
<img class="responsive-img" src="{{ asset('img/banner_preguntasFrecuentes3.jpg') }}">
</div>
</div>
</div>
{# Para Tablets y Escritorio #}
{# Para Movil #}
<div class="hide-on-med-and-up show-on-medium">
<div class="parallax-container">
<div class="parallax">
<img class="responsive-img" src="{{ asset('img/banner_preguntasFrecuentes_celu.jpg') }}">
</div>
</div>
</div>
{# Para Movil #}
<div class="section white">
<div class="container">
<h2 class="header tituloColorOficial">Preguntas Frecuentes</h2>
{% include "Contacto/listarPreguntasFrecuentes.html.twig" with { 'preguntasFrecuentes': preguntasFrecuentes } %}
</div>
</div>
{% endif %}
{# Listado de Preguntas Frecuentes #}
</div>{% endblock base %}