website/_pages/cybersecurity.html

---
layout: simple
title: meta.titles.cybersecurity
description: meta.descriptions.cybersecurity
permalink: /cybersecurity/
permalink_en: /cybersecurity/
tags: unitoo cybersecurity sicurezza informatica hardening patch best practises
---
<section class="jumbotron jumbotron-fluid bg-transparent d-flex header header-cybersecurity text-white mb-0">
    <div class="w-100 d-flex" style="background-color: rgba(0,0,0,0.5)">
        <div class="container my-auto">
            <h1 class="display-4">
                {% t cybersecurity.header_title %}
            </h1>
            <p class="lead">
                {% t cybersecurity.header_lead %}
            </p>
        </div>
    </div>
</section>

<section class="bg-white pt-5 pb-5">
    <div class="container">
        <p>{% t cybersecurity.p_text %}</p>
    </div>
</section>

<section class="jumbotron jumbotron-fluid bg-transparent">
    <div class="container">
        <h2 class="text-center">{% t cybersecurity.modules_title %}</h3>
        <hr class="border-primary">

        <div class="card-columns mt-5">
            {% assign modules = "sonde,rover,defence,monitoring" | split: ',' %}
            {% for module in modules %}
            <div class="card border-0 shadow">
                {% asset "card-m-{{ module }}.webp" class="card-img-top" %}

                <div class="card-body">
                    <h5 class="card-title">{% t cybersecurity.{{ module }}_title %}</h5>
                    <p class="card-text">{% t cybersecurity.{{ module }}_text %}</p>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</section>

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