Fuente de plantilla: base.html

{% load static from staticfiles %} <!DOCTYPE html> <html> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WFN8H62');</script> <!-- End Google Tag Manager --> {% block metatags %}{% endblock %} <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:site_name" content="WispHub"> <link rel="shortcut icon" href="{% static 'img/favicon.png' %}" /> <link href="https://fonts.googleapis.com/css?family=Lato:300,400" rel="stylesheet"> <link rel="stylesheet" href="{% static 'css/index.css' %}"> <link href="{% static 'css/fonts/iconos28022018/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css" media="all"/> {% if not usuario_afiliado %} <meta property="og:image" content="https://wisphub.net{% static 'img/wisphub-logo-1024.jpg' %}" /> <meta property="og:image:width" content="1024" /> <meta property="og:image:height" content="400" /> {% endif %} {% if promocion_vigente %} <link href="{% static 'assets/stylesheets/plugins/responsive-flipper/responsive-flipper.css' %}" rel="stylesheet" type="text/css" media="all"> {% endif %} {% block extra_files %}{% endblock %} </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NDHSLB5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header id="head_base"> {% if promocion_vigente %} <div class="alert-promociones-wh"> <div class="alert alert-warning alert-dismissible fade show" role="alert"> {{ promocion_vigente.header_content|safe }} <div class="promo-expiration"> <div class="expiration">La oferta finaliza en:</div> <div id="wh-promo-flipper" class="flipper" data-reverse="true" data-datetime="{{ promocion_vigente.expiracion|date:'Y-m-d H:i:s' }}" data-template="dd|HH|ii|ss" data-labels="Dias|Horas|Min|Seg" ></div> <div class="promo-enlace"> <a href="/promocion/{{ promocion_vigente.slug }}" class="btn btn-warning"> Ir a la oferta </a> </div> </div> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> </div> {% endif %} {% if not hide_navbar|default:False %} <div id="headerContent-translate"> <div class="menu_bar"> <a class="bt-menu"></a> </div> <a href="/" class="logo"><img src="{% static 'img/logo.png' %}" alt="WispHub"></a> <nav class="nav-translate"> <ul id="menu"> <!--<li><a href="#">Demo</a></li>--> {% if menu %} <li> <div class="dropdown-menu-details"> <button class="dropbtn">Soluciones</button> <div class="dropdown-menu-content"> {{ menu|safe }} </div> </div> </li> {% endif %} <li> <div class="dropdown-menu-details"> <button class="dropbtn">Precios</button> <div class="dropdown-menu-content"> <a href="https://wisphub.net/precios/" target="_blank">Lista de Precios</a> <a href="https://wisphub.net/#pay-list">Formas de pago</a> </div> </div> </li> <li> <div class="dropdown-menu-details"> <button class="dropbtn">Detalles</button> <div class="dropdown-menu-content"> <a href="{% url 'caracteristicas' %}" target="_blank">Características</a> <a href="{% url 'solicitud-demo' %}" target="_blank">Demo</a> <a href="https://wisphub.net/#FAQs">Preguntas Frecuentes</a> </div> </div> </li> <li><a href="{% url 'comprar_licencia_pre_registro' %}">Comprar Licencia</a></li> <li><a href="https://wisphub.net/documentacion/home-1/" target="_blank">Manual de Usuario</a></li> <!-- li class="submenu"><a href="#">Soporte <span class="arrowBottom"> </span></a> <ul class="children"> <li><a href="/documentacion/home-1/">Manual Usuario</a></li> <li><a href="#">Nuevo Ticket</a></li>> </ul> </li--> <li><a href="{% url 'contacto' %}">Contacto</a></li> {% if user.is_authenticated %} <li><a href="{% url 'panel_home' %}">ir al panel</a></li> <li><a href="{% url 'account_logout' %}">Cerrar Sesión</a></li> {% else %} <li><a href="{% url 'prelogin' %}">Iniciar sesión</a></li> <li><a href="{% url 'account_signup' %}" class="registrar">Crear Cuenta gratuita</a></li> {% endif %} <li id="google_translate_element" class="google"></li> <li> <select name="select" class="translation-links"> <option value="Español" selected>🇪🇸</option> <option value="en" >🇺🇸</option> </select> </li> </ul> </nav> </div> {% else %} <div id="headerContent-translate"> <a href="#" class="logo" style="padding: 12px" ><img src="{% static 'img/logo.png' %}" alt="WispHub"></a> <nav class="nav-translate"> </nav> </div> {% endif %} </header> <div id="wh-header-background"></div> {% block body %} {% if messages %} {% for message in messages %} <div class="alert {{ message.tags }} alert-dismissible alert-wisp" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> {{ message|safe }} </div> {% endfor %} {% endif %} {% block contenedor %} {% endblock %} {% block footer %} {% if not hide_footer|default:False %} <footer style="{% if staff_post or is_post_article_staff %}display:None;{% else %}{% endif %}" id="footer_base"> <div class="contenedor"> <div class="footer-support"> <div class="footer-questions"> <h3>Dudas ?</h3> <p> <a href="#" class="footer-chat-bt" data-api="smartsupp" data-operation="open" onclick="smartsupp('chat:open'); return false;">Chat en Vivo</a></p> <p> <a href="{% url 'contacto' %}" class="footer-chat-bt" >Contacto</a></p> </div> <div class="footer-help center"> <h3>Ventas y Reporte de Pagos</h3> <p class="notranslate"><span class="icon-whatsapp"></span>ventas@wisphub.net</p> <p>Call Center: +52 998 387 1200</p> <p><span class="icon-whatsapp"></span>+52 998 705 4057</p> </div> <div class="footer-help horarios"> <h3>Horarios de Atención</h3> <p><span class="icon-whatsapp"></span>Lunes a Viernes de 9:00 a 18:00</p> <p><span class="icon-whatsapp"></span>Sábados de 9:00 a 14:00</p> </div> <div class="footer-questions"> <h3>Soporte ?</h3> <p><span class="icon-mail-envelope-closed4"></span><a href="mailto:wisphub@gmail.com">wisphub@gmail.com</a></p> <p>Call Center: +52 998 387 1200</p> <p><span class="icon-whatsapp"></span>+52 998 399 1521</p> </div> </div> <div class="footer-avisos footer-support"> <div class="footer-help"> <ul> <li><a href="{% url 'login_cliente' %}">Portal del cliente</a></li> <li><a href="https://wisphub.net/documentacion/home-1/" target="_blank">Documentación</a></li> <li><a href="https://wisphub.net/test-api-router/" target="_blank">Test Api Router</a></li> <li><a href="https://wisphub.net/afiliados/" target="_blank">Programa de Afiliados</a></li> <li><a href="https://wisphub.net/documentacion/aplicacion-movil-48/" target="_blank">Aplicación Móvil</a></li> <li><a href="{%url 'queja-suge' %} " target="_blank">Quejas y Sugerencias</a></li> <li><a href="https://wisphub.net/documentacion/articulo/wisphub-y-servicio-wifi-300/" target="_blank"><img src="{% static 'img/google-play.png' %}" height="50"></a></li> <li><a href="https://wisphub.net/documentacion/articulo/wisphub-y-servicio-wifi-300/" target="_blank"><img src="{% static 'img/app-store.png' %}" height="50"></a></li> </ul> </div> <div class="footer-help center"> <ul> <li><a href="https://wisphub.net/informacion/actualizaciones/" target="_blank">Actualizaciones</a></li> <li><a href="https://wisphub.net/documentacion/faq-11/" target="_blank">FAQ</a></li> <li><a href="https://wisphub.net/documentacion/aviso-de-privacidad-integral-15/" target="_blank">Aviso de privacidad</a></li> <li><a href="https://wisphub.net/documentacion/terminos-y-condiciones-de-uso-50/" target="_blank">Términos y Condiciones de Uso</a></li> <li><a href="https://wisphub.net/documentacion/politica-de-cookies-54/" target="_blank">Política de Cookies</a></li> <li><a href="https://wisphub.net/consultores/" target="_blank">Consultores en Redes</a></li> <li><a href="https://alomvpn.com/" target="_blank">Acceso remoto VPN</a></li> </ul> </div> <div class="footer-help" > <img alt="Formas de Pago - Wisphub.net" src=" {% static 'img/formas-de-pago.png' %} " /> <ul style="padding: 0;"> <li><a href="https://wisphub.net/precios/" target="_blank" style="text-align: center;">Ver más formas de pago</a></li> </ul> <p>Síguenos en nuestras redes sociales</p> <ul> <a href="https://www.facebook.com/wisphub" target="_blank"><li class="social-network sprite-facebook"></li></a> <a href="https://www.youtube.com/channel/UCwDMXvBWDvaNyjfuHd3E9HA" target="_blank"><li class="social-network sprite-youtube"></li></a> <a href="mailto:ventas@wisphub.net" target="_blank"><li class="social-network sprite-email"></li></a> </ul> </div> </div> </div> <div class="footer-terminos "> <div class="contenedor "> <div class="footer-copyright"> {# <p class="address-USA"style="text-align: left;">🇺🇸 Wisphub Inc: 651 N Broad St, Suite 206, Middletown, CP 19709.New Castle Delawe.</p>#} {# <p class="address-MX" style="text-align: left;">🇲🇽 Wisphub SA de CV: Sm 532 calle manantial mz1 L 22, Benito Juarez Quintana Roo, México.</p>#} <p>© {% now "Y " %} WispHub - Hora del Este UTC -5 {% now "SHORT_DATETIME_FORMAT" %} </p> </div> <div class="footer-redes-sociales "> <img src="{% static 'img/RapidSSL_SEAL-90x50.gif' %}" alt="RapidSSL"> <a class="footer-facebook" href="https://www.facebook.com/wisphub" target="_blank"><span class="icon-facebook "></span></a> <a class="footer-youtube" href="https://www.youtube.com/channel/UCwDMXvBWDvaNyjfuHd3E9HA" target="_blank"><span class="icon-youtube "></span></a> </div> </div> </div> </footer> {% endif %} {% endblock footer %} {% comment %} <div id="cajacookies"> <p>Éste sitio web usa cookies, si permanece aquí acepta su uso. Puede leer más sobre el uso de cookies en nuestra <a href="https://wisphub.net/documentacion/politica-de-cookies-54/" target="_blank">política de cookies</a>. <button onclick="aceptarCookies()" class="submit-cookies"><i class="fa fa-times"></i> Aceptar y cerrar éste mensaje</button> </p> </div> {% endcomment %} {% block content %} {% endblock %} {% endblock %} {% block extra_body %} {% endblock %} <script src="{% static 'assets/javascripts/jquery/jquery.min.js' %}" type="text/javascript"></script> <script type="text/javascript " src="{% static 'js/jquery.cycle2.min.js' %} "></script> <script type="text/javascript " src="{% static 'js/index.js' %} "></script> {% if request.resolver_match.url_name == 'inicio' %} <script src="{% static 'js/home/traffic_source.js' %}"></script> <script src="{% static 'js/home/ga_create_cookie.js' %}"></script> {% endif %} <!-- / jquery [required] --> {% block extra_resources %} {% endblock %} <script type="text/javascript"> window.smartlook||(function(d) { var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0]; var c=d.createElement('script');o.api=new Array();c.async=true;c.type='text/javascript'; c.charset='utf-8';c.src='//rec.smartlook.com/recorder.js';h.appendChild(c); })(document); smartlook('init', '482d33390af710f9ecd682b245c697f7bb1e3e92'); </script> <!-- Smartsupp Live Chat script --> {% if grupo_usuario != 'Cliente' %} <script type="text/javascript"> $('#google_translate_element').css('display', 'none'); var _smartsupp = _smartsupp || {}; _smartsupp.key = '91b224aba897349a63b8a2a479b5ddced75d0c9b'; window.smartsupp || (function(d) { var s, c, o = smartsupp = function() { o._.push(arguments) }; o._ = []; s = d.getElementsByTagName('script')[0]; c = d.createElement('script'); c.type = 'text/javascript'; c.charset = 'utf-8'; c.async = true; c.src = '//www.smartsuppchat.com/loader.js?'; s.parentNode.insertBefore(c, s); })(document); </script> {% endif %} <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-92160176-1', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'es', includedLanguages: 'en'}, 'google_translate_element'); jQuery('.goog-logo-link').css('display', 'none'); jQuery('.goog-te-gadget').css('font-size', '0'); jQuery('.goog-te-combo').css('display', 'none'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> {% if promocion_vigente %} <script src="{% static 'assets/javascripts/plugins/responsive-flipper/responsive-flipper.js' %}" type="text/javascript"></script> {% endif %} <!-- Flag click handler --> <script type="text/javascript"> $('.translation-links').on('change', function() { var lang = this.value; if(lang == "Español"){ jQuery('#\\:1\\.container').contents().find('#\\:1\\.restore').click(); return false; } var jObj = $('.goog-te-combo'); var db = jObj.get(0); jObj.val(lang); fireEvent(db, 'change'); return false; }); function fireEvent(element,event){ if (document.createEventObject){ // for IE var evt = document.createEventObject(); return element.fireEvent('on'+event,evt) } else{ var evt = document.createEvent("HTMLEvents"); evt.initEvent(event, true, true ); // event type,bubbling,cancelable return !element.dispatchEvent(evt); } } // Iniciar idioma con el ultimo idioma configurado. $(window).load(function () { setTimeout(function () { if ($('.goog-te-combo').val()!=''){ var lang = $('.goog-te-combo').val(); $('.translation-links').val(lang); $('.translation-links').change(); } }, 1000); }); //#region COOKIES // /* ésto comprueba la localStorage si ya tiene la variable guardada */ // function compruebaAceptaCookies() { // if(localStorage.aceptaCookies == 'true'){ // cajacookies.style.display = 'none'; // } // else{ // cajacookies.style.display = 'block'; // } // } // /* aquí guardamos la variable de que se ha // aceptado el uso de cookies así no mostraremos // el mensaje de nuevo */ // function aceptarCookies() { // localStorage.aceptaCookies = 'true'; // cajacookies.style.display = 'none'; // } //#endregion //#region promoción /** * Actualiza el alto del div con id "wh-header-background" segun el tamaño del header */ function resizeSectionTop() { const headerHeight = $("header").height(); $("#wh-header-background").css("height", headerHeight+"px"); } /** * Oculta el div con id "wh-header-background" con el tamaño actualizado cuando se cierra el mensaje de la promoción */ function handleClosePromoButton() { {% if promocion_vigente %} $(".alert-promociones-wh .close").click(function() { const navbarHeight = $("header #headerContent-translate").height(); $("#wh-header-background").css("height", navbarHeight+"px"); }); {% endif %} } {% if promocion_vigente %} jQuery(function($){ $('#wh-promo-flipper').flipper('init'); }); {% endif %} //#endregion /* ésto se ejecuta cuando la web está cargada */ $(document).ready(function () { // compruebaAceptaCookies(); resizeSectionTop(); // Funciones para promociones en header handleClosePromoButton(); }); </script> </body> </html>