{% extends 'layouts/base.html' %}
{% load static %}
{% load i18n %}

{% block content %}
    <div class="uk-flex uk-flex-middle top-wrap-height">
        <div class="uk-container uk-flex-auto uk-position-relative uk-margin-medium-top">
            <div class="uk-child-width-expand@s uk-grid">
                <div class="uk-grid-item-match uk-first-column">
                    <div>
                        <h1 class="uk-margin-remove-bottom uk-text-bold">GnousEU</h1>
                        <p class="uk-margin-remove-bottom subtitle-text uk-text-bold">{% trans "Communauté francophone de passionnés du libre depuis 2017." %}</p>
                    </div>
                    <div>
                        <a class="uk-button uk-margin-small-right" href="{% url 'gnous_eu:services' %}">{% trans "Nos services" %}</a>
                        <a class="uk-button uk-margin-small-left" href="{% url 'gnous_eu:about' %}">{% trans "À propos" %}</a>
                    </div>
                </div>
                <div>
                    <div class="uk-width-expand">
                        <img src="{% static 'images/illustrations/services.svg' %}" loading="lazy" alt="Image">
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}