website/index.html

---
layout: default
title: meta.titles.index
description: meta.descriptions.index
namespace: index
permalink: /
permalink_en: /
tags: home homepage unitoo
---
<section class="jumbotron jumbotron-fluid bg-transparent header header-index d-flex text-white">

    <div class="container my-auto text-center">
        <h1 class="display-3">
            <span class="p-2 rounded d-md-block d-none">
                {% t index.header_title %}
            </span>
            <span class="p-2 rounded d-block d-md-none">
                {% t index.header_title_mobile %}
            </span>
        </h1>
        <h5>
            <span class="p-2 rounded">
                {% t index.header_lead %}
            </span>
        </h5>
        <span class="p-2 rounded h5">
            <a class="font-weight-bold btn btn-primary text-white" href="{% translate_link referral %}">{% t buttons.become_a_guardian_of_user_space %}</a>
        </span>

    </div>
</section>

<aside class="bg-white aside border-bottom">
    <div class="container">
        <div class="row">
            <h4 class="col-lg-8">
                {% t index.aside_radio %}
            </h4>
            <div class="col text-lg-right">
                <a class="btn btn-secondary btn-lg ml-auto" target="_blank" rel="nofollow" href="https://radio.unitoo.it" title="{% t buttons.titles.go_to_radio %}">
                    <i class="fa-music"></i>
                    {% t buttons.go_to_radio %}
                </a>
            </div>
        </div>
    </div>
</aside>

{% include services-and-products.html %}

<section class="text-center pt-5 pb-5">
    {% include contacts.html %}
</section>