{% extends "base.html" %}
{% block title %}Сертификаты - Wanlanda{% endblock %}
{% block content %}

<h1 class="text-3xl sm:text-4xl font-bold mb-8 text-wanlanda-green">Сертификаты</h1>

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
    {% for certificate in certificates %}
    <div class="bg-white p-4 rounded-lg shadow">
        <img src="{{ certificate.image }}" alt="{{ certificate.title }}" class="w-full h-auto object-cover mb-4 rounded">
        <h2 class="text-xl font-semibold mb-2">{{ certificate.title }}</h2>
        <!-- <p class="text-gray-600">{{ certificate.description }}</p> -->
    </div>
    {% endfor %}
</div>

{% endblock %}