94 lines
4 KiB
HTML
94 lines
4 KiB
HTML
<section class="jumbotron jumbotron-fluid mb-0">
|
|
<div class="container">
|
|
<h1 class="text-center">{% t index.products_title %}</h1>
|
|
<hr class="border-primary">
|
|
|
|
<p class="mt-5 text-center text-lg-left">{% t index.products.introduction_description %}</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="bg-white pt-5 pb-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
{%- capture alt_technical_assistance_example %}
|
|
{%- t meta.alt.technical_assistance_example %}
|
|
{%- endcapture %}
|
|
<div class="col text-center d-block d-lg-none">
|
|
{% asset element-technical-assistance.webp alt="{{ alt_technical_assistance_example }}" class="mt-3 mt-lg-0" %}
|
|
</div>
|
|
<div class="col-lg-6 text-center text-lg-left mt-4 mt-lg-0">
|
|
<h3>{% t index.products.technical_assistance %}</h3>
|
|
<p>
|
|
{% t index.products.technical_assistance_text %}
|
|
</p>
|
|
<a class="btn btn-secondary" href="{% translate_link technical-assistance %}">{% t buttons.discover_our_services %}</a>
|
|
</div>
|
|
<div class="col text-right d-none d-lg-block">
|
|
{% asset element-technical-assistance.webp alt="{{ alt_technical_assistance_example }}" class="mt-3 mt-lg-0" %}
|
|
</div>
|
|
</div>
|
|
|
|
<br><br>
|
|
<hr class="border-dark">
|
|
<br><br>
|
|
|
|
<div class="row">
|
|
<div class="col text-center text-lg-left">
|
|
{%- capture alt_cybersecurity_example %}
|
|
{%- t meta.alt.cybersecurity_example %}
|
|
{%- endcapture %}
|
|
{% asset element-cybersecurity.webp alt="{{ alt_cybersecurity_example }}" class="mb-3 mb-lg-0" %}
|
|
</div>
|
|
<div class="col-lg-6 text-center text-lg-left mt-4 mt-lg-0">
|
|
<h3>{% t index.products.cybersecurity %}</h3>
|
|
<p>
|
|
{% t index.products.cybersecurity_text %}
|
|
</p>
|
|
<a class="btn btn-secondary" href="{% translate_link cybersecurity %}">{% t buttons.go_to_cybersecurity %}</a>
|
|
</div>
|
|
</div>
|
|
|
|
<br><br>
|
|
<hr class="border-dark">
|
|
<br><br>
|
|
|
|
<div class="row">
|
|
{%- capture alt_communications_example %}
|
|
{%- t meta.alt.communications_example %}
|
|
{%- endcapture %}
|
|
<div class="col text-center text-lg-left d-block d-lg-none">
|
|
{% asset element-communications.webp alt="{{ alt_communications_example }}" class="mt-3 mt-lg-0" %}
|
|
</div>
|
|
<div class="col-lg-6 text-center text-lg-left mt-4 mt-lg-0">
|
|
<h3>{% t index.products.communications %}</h3>
|
|
<p>
|
|
{% t index.products.communications_text %}
|
|
</p>
|
|
<a class="btn btn-secondary" href="{% translate_link communications %}">{% t buttons.go_to_communications %}</a>
|
|
</div>
|
|
<div class="col text-right d-none d-lg-block">
|
|
{% asset element-communications.webp alt="{{ alt_communications_example }}" class="mt-3 mt-lg-0" %}
|
|
</div>
|
|
</div>
|
|
|
|
<br><br>
|
|
<hr class="border-dark">
|
|
<br><br>
|
|
|
|
<div class="row">
|
|
<div class="col text-center text-lg-left">
|
|
{%- capture alt_blackhole_example %}
|
|
{%- t meta.alt.blackhole_example %}
|
|
{%- endcapture %}
|
|
{% asset element-blackhole.webp alt="{{ alt_blackhole_example }}" class="mb-3 mb-lg-0" %}
|
|
</div>
|
|
<div class="col-lg-6 text-center text-lg-left mt-4 mt-md-0">
|
|
<h3>{% t index.products.blackhole %}</h3>
|
|
<p>
|
|
{% t index.products.blackhole_text %}
|
|
</p>
|
|
<a class="btn btn-secondary" href="{% translate_link contactus %}">{% t buttons.go_to_blackhole %}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|