website/_includes/services-and-products.html

<section class="bg-white pt-5 pb-5">
    <div class="container">
        <h1 class="text-center">{% t index.products_title %}</h1>

        <hr class="border-primary mb-5">

        <div class="row">
            <div class="col-lg-6">
                <h3>{% t index.products.technical_assistance %}</h3>
                <p>
                    {% t index.products.technical_assistance_text %}
                </p>
                <a class="btn btn-secondary" href="{% link _pages/technical-assistance.html %}">{% t buttons.go_to_technical_assistance %}</a>
            </div>
            <div class="col text-right">
                {%- capture alt_techincal_assistance_example %}
                    {%- t meta.alt.technical_assistance_example %}
                {%- endcapture %}
                {% 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-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">
                <h3>{% t index.products.cybersecurity %}</h3>
                <p>
                    {% t index.products.cybersecurity_text %}
                </p>
                <a class="btn btn-secondary" href="{% link _pages/cybersecurity.html %}">{% t buttons.go_to_cybersecurity %}</a>
            </div>
        </div>

        <br><br>
        <hr class="border-dark">
        <br><br>

        <div class="row">
            <div class="col-lg-6">
                <h3>{% t index.products.communications %}</h3>
                <p>
                    {% t index.products.communications_text %}
                </p>
                <a class="btn btn-secondary" href="{% link _pages/communications.html %}">{% t buttons.go_to_communications %}</a>
            </div>
            <div class="col text-right">
                {%- capture alt_communications_example %}
                    {%- t meta.alt.communications_example %}
                {%- endcapture %}
                {% asset element-communications.webp alt="{{ alt_communications_example }}" class="mt-3 mt-lg-0" %}
            </div>
        </div>
    </div>
</section>