{% extends "base.html.twig" %} {% block body %}
<section class="contact-area">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="section-title text-center">
<span>comunicate con nuestro equipo</span>
<h3 class="title">Contácto</h3>
<p>¿Tiene alguna pregunta? Escribenos, estaremos atendiendo tus dudas tan pronto como sea posible.</p>
<div class="row">
<div class="col-lg-6">
<a href="tel:{{ data.contact.phone }}"><img src="./public/assets/images/icon/icon-7.png" alt="icon"> {{ data.contact.phone }}</a>
</div>
<div class="col-lg-6">
<a href="mailto:{{ data.contact.mail }}"><img src="./public/assets/images/icon/icon-8.png" alt="icon">{{ data.contact.mail }}</a>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8">
<form action="#">
<div class="contact-box">
<div class="row">
<div class="col-lg-6">
<div class="input-box mt-10">
<input type="text" name="nombre" placeholder="Nombre">
</div>
</div>
<div class="col-lg-6">
<div class="input-box mt-10">
<input type="text" name="correo" placeholder="Correo">
</div>
</div>
<div class="col-lg-6">
<div class="input-box mt-10">
<input type="text" name="telefono" placeholder="Telefono">
</div>
</div>
<div class="col-lg-6">
<div class="input-box mt-10">
<input type="text" name="asunto" placeholder="Asunto">
</div>
</div>
<div class="col-lg-12">
<div class="input-box mt-10 text-center">
<textarea name="mensaje" id="mensaje" cols="30" rows="10" placeholder="Mensaje ..."></textarea>
<button type="submit" class="main-btn">Enviar <i class="fal fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="banefits-color-2">
<img src="./public/assets/images/shape/color-bg-4.png" alt="">
</div>
</section>
{% endblock %}