{% extends "base.html" %}

{% block meta %}
<meta name="description" content="Список пород собак" />
{% endblock %}
{% block title %}Список пород собак{% endblock %}
{% block content %}
    <h1>Характеристика породы "{{ title | safe }}"</h1>
        <div class="gallery">
            {% for img in images %}
                <img src="{{ img }}" alt="Фото породы {{ title }}" class="gallery-item" onclick="openModal(this)">
            {% endfor %}
        </div>
    <div>{{ text | safe }}</div>

    <div id="modal" class="modal" onclick="closeModal()">
        <span class="close">&times;</span>
        <img class="modal-content" id="modal-img">
        <div id="caption"></div>
    </div>
{% endblock %}