homepage/templates/home.html
2024-02-25 13:20:06 +01:00

23 lines
No EOL
976 B
HTML

{% extends "_base" %}
{% block main %}
<h1>Services</h1>
<div class="flex flex-row flex-wrap justify-center p-4">
{% for service in services %}
<a href="https://{{ service.domain }}/"
class="flex flex-col basis-3/12 bg-primary rounded-lg p-4 m-4 h-60 border-transparent border-2 hover:border-white">
<div class="flex flex-row flex-center basis-1/3">
<img src="{{ service.image }}" alt="{{ service.name }} logo" class="w-16">
<div class="flex flex-col justify-center ml-4">
<h3>{{ service.name }}</h3>
<p class="opacity-75">{{ service.domain }}</p>
</div>
</div>
<p class="mt-4 basis-1/3">{{ service.description }}</p>
<div class="flex flex-row items-end basis-1/3">
<button class="rounded-lg bg-background h-7 px-4 text-center">&lt;&#47;&gt; {{ service.language }}
</button>
</div>
</a>
{% endfor %}
</div>
{% endblock %}