23 lines
No EOL
976 B
HTML
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"></> {{ service.language }}
|
|
</button>
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock %} |