Advanced topics Captive Portal HTML/CCS code example Overview Captive Portal templates in GATE can be customized in two ways: Through the GATE GUI interface By directly modifying the HTML/CSS code of the template This page demonstrates the HTML/CSS implementation of the Hotel Template for captive portals. Hotel Template Preview Live Template: Captive Portal Hotel Template Complete HTML/CSS Code Below is the complete HTML template code for the Hotel captive portal: {% extends "page/base.html" %} {% load admin_static media i18n %} {% block extrastyle %} {% if page.variables.favicon %} {% endif %} {% endblock %} {% block body_tag %} {% endblock %} {% block main %} {% include "includes/social_detect.html" %}

{{ page.variables.title|default:'Lorem ipsum dolor'|safe }}
{{ page.variables.sub_title|default:'Lorem ipsum dolor'|safe }}

{% csrf_token %} {% if next %} {% endif %} {% if page.variables.register_form_template %} {% include page.variables.register_form_template %} {% else %}

Selecciona tu género

Agrega tu email y nombre completo

{% endif %} {% if social_auth %}

O usa tus redes sociales

{% if facebook == True %} Facebook {% endif %} {% if google == True %} Google {% endif %} {% if twitter == True %} Twitter {% endif %} {% if linkedin == True %} LinkedIn {% endif %} {% if instagram == True %} Instagram {% endif %} {% if yahoo == True %} Yahoo {% endif %}

(ver abajo)
{% endif %}
{% if page.variables.footer_text %}
{% if page.variables.footer_logo %} {% endif %}

{{ page.variables.footer_text|default:'Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor.'|safe }}

{% endif %}
{{ page.content|safe }} {% endblock %} {% block bottom_scripts %} {% if page.variables.welcome_url %} {% endif %} {% if social_auth %}{% include "includes/social_auth.html" %}{% endif %} {% if uam_api %} {% include "includes/uam_default.html" %} {% endif %}