{% extends "base.html" %} {% load static from staticfiles %} {% block metatags %}{% load i18n widget_tweaks %}
<title>Contacto - WispHub</title>
<meta name="description" content="Contacto - WispHub" />
<link rel="canonical" href="https://wisphub.net{% url 'contacto' %}" />
<link href="{% static 'assets/stylesheets/bootstrap/bootstrap.css' %}" rel="stylesheet" type="text/css" media="all" />
<link href="{% static 'assets/stylesheets/theme-colors.css' %}" rel="stylesheet" type="text/css" media="all" />
<link href="{% static 'css/fonts/iconos28022018/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css" media="all"/>
<link rel="canonical" href="https://wisphub.net{{ post.get_absolute_url }}" />
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
{% endblock %} {% block contenedor %}
<section class="section-border">
<div class="contenedor">
<h2>Contacto</h2>
<div class="contacto-post" style="display: inline-flex">
<diV class="col-lg-7 col-sm-12">
<form id="id_contacto" class="form form-horizontal validate-form" method="post">
{% csrf_token %}
<div class='form-group'>
<label class="col-md-2 control-label control-label-required" for="{{form_contacto.nombre.id_for_label}}">{{form_contacto.nombre.label}}</label>
<div class='col-lg-8 col-md-8 controls'>
{% render_field form_contacto.nombre class="form-control" data-rule-required="true" %}
{{ form_contacto.nombre.errors }}
</div>
</div>
<div class='form-group'>
<label class="col-md-2 control-label control-label-required" for="{{form_contacto.email.id_for_label}}">{{form_contacto.email.label}}</label>
<div class='col-lg-8 col-md-8 controls'>
{% render_field form_contacto.email class="form-control" data-rule-required="true" %}
{{ form_contacto.email.errors }}
</div>
</div>
<div class='form-group'>
<label class="col-md-2 control-label control-label-required" for="{{form_contacto.country_code_c.id_for_label}}">{{form_contacto.country_code_c.label}}</label>
<div class='col-lg-8 col-md-8 controls'>
{% render_field form_contacto.country_code_c class="form-control" data-rule-required="true" %}
{{ form_contacto.country_code_c.errors }}
</div>
</div>
<div class='form-group'>
<label class="col-md-2 control-label control-label-required" for="{{form_contacto.telefono.id_for_label}}">{{form_contacto.telefono.label}}</label>
<div class='col-lg-8 col-md-8 controls'>
{% render_field form_contacto.telefono class="form-control" data-rule-required="true" %}
{{ form_contacto.telefono.errors }}
</div>
</div>
<div class='form-group'>
<label class="col-md-2 control-label control-label-required" for="{{form_contacto.asunto.id_for_label}}">{{form_contacto.asunto.label}}</label>
<div class='col-lg-8 col-md-8 controls'>
{% render_field form_contacto.asunto class="form-control" data-rule-required="true" %}
{{ form_contacto.asunto.errors }}
</div>
</div>
<div class='form-group'>
<label class="col-md-2 control-label control-label-required" for="{{form_contacto.mensaje.id_for_label}}">{{form_contacto.mensaje.label}}</label>
<div class='col-lg-8 col-md-8 controls'>
{% render_field form_contacto.mensaje class="form-control" data-rule-required="true" %}
{{ form_contacto.mensaje.errors }}
</div>
</div>
<div class='form-group'>
{{ form_contacto.captcha.errors }}
<div class='col-lg-8 col-md-8 controls'>
{% render_field form_contacto.captcha class="form-control" data-rule-required="true" %}
{{ form_contacto.mensaje.errors }}
</div>
</div>
<input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
<div class="text-center">
<button type="submit" name="form-editar-tarjeta" class="submit-singup-contact"><i class="fa fa-send"></i> Enviar</button>
</div>
</form>
</diV>
<div class="col-lg-5 col-sm-12" style="background-color: #00C492; padding: 3%">
<h2 style="color: white; text-align: center;"><i class="fa fa-clock-o"></i> Horario</h2>
<p style="color:#fff; text-align: justify; font-size: 1.3em">Lunes a Viernes de 9 am - 6pm, Sabados de 9am - 2 pm (Hora del Este UTC -5). Envíenos un correo electrónico con su duda o comentario y nos comunicaremos con usted de inmediato.</p>
<hr>
<p style="color: white;font-size: 1.3em"><span class="notranslate"> <i class="fa fa-envelope"></i> ventas@wisphub.net</span> </p>
<p style="color: white;font-size: 1.3em"><span class="notranslate"> <i class="fa fa-phone"></i> Call Center: +52 998 387 1200</span> </p>
<p style="color: white;font-size: 1.3em"><span class="notranslate"> <i class="fa fa-whatsapp"></i> +52 998 705 4057</span> </p>
<div>
<!--<p class="address-USA" style=" color:#fff; text-align: justify; font-size: 1em">🇺🇸 Wisphub Inc: 651 N Broad St, Suite 206, Middletown, CP 19709.New Castle Delawe.</p>-->
<p class="address-MX" style=" color:#fff; text-align: justify; font-size: 1em">🇲🇽 Wisphub SA de CV: Sm 532 calle manantial mz1 L 22, Benito Juarez Quintana Roo, México.</p>
</div>
</div>
</div>
</div>
</section>
<section class="section-border">
<div class="contenedor">
<h2>Otras Vías</h2>
<div class="contacto-post" style="display: flex; text-align: center;">
<div class="via-contact" style="text-align: center;">
<a class="submit-contact" href="#" onclick="smartsupp('chat:open'); return false;"><i class="fa fa-comment"></i> Chat En Vivo</a>
</div>
<div class="via-contact" style="text-align: center;">
<a class="submit-contact" href="https://wa.me/529987054057" target="_blank"><i class="fa fa-whatsapp"></i> WhatsApp</a>
<p><span class="notranslate"> <i class="fa fa-whatsapp"></i> +52 998 705 4057</span> </p>
</div>
<div class="via-contact" style="text-align: center;">
<a class="submit-contact" href="mailto:ventas@wisphub.net" target="_blank"><i class="fa fa-envelope"></i> Email</a>
<p><span class="notranslate"> <i class="fa fa-envelope"></i> ventas@wisphub.net</span> </p>
</div>
<div class="via-contact" style="text-align: center;">
<a class="submit-contact" href="tel:+529983871200" target="_blank"><i class="fa fa-phone"></i> Call Center</a>
<p><span class="notranslate"> <i class="fa fa-phone"></i> Call Center: +52 998 387 1200</span> </p>
</div>
</div>
</div>
</section>
{% endblock %}