{% extends "base.html" %}

{% block content %}
    <div class="block"><h1 class="title is-large butter-title">{{ _("Welcome.") }}</h1></div>
    <div class="block"><p class="subtitle butter-title"> {{ _("View and download the information you want from this offline
            box.")}}</p></div>

<div class="block grid">
    {% for service in services %}
        <a class="cell button is-large is-responsive butter-service" href={{ service.url }}>
            <div class="butter-service__content"> <p style="text-wrap: wrap;">{{ service.name }}</p>
            <img class="image is-64x64 butter-service__image" src={{ service.image }}>
        </div>
     </a>
    {% endfor %}
</div>

{% endblock %}