{% load static %}
{% load i18n %}
<div class="site-section">
      <div class="container">
        <div class="row">
          <div class="col-md-6 mx-auto text-center mb-5 section-heading">
            <h2 class="mb-5">{% trans "Φωτογραφίες" %}</h2>
          </div>
        </div>
        <div class="row no-gutters">
          <div class="col-md-6 col-lg-3">
            <a href="{% static 'images/al/1.jpg" class="image-popup img-opacity' %}"><img src="{% static 'images/al/1_resize.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
          <div class="col-md-6 col-lg-3">
            <a href="{% static 'images/al/2.jpg" class="image-popup img-opacity' %}"><img src="{% static 'images/al/2_resize.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
          <div class="col-md-6 col-lg-3">
            <a href="{% static 'images/al/3.jpg" class="image-popup img-opacity' %}"><img src="{% static 'images/al/3_resize.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
          <div class="col-md-6 col-lg-3">
            <a href="{% static 'images/al/4.jpg" class="image-popup img-opacity' %}"><img src="{% static 'images//al/4_resize.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>

          <div class="col-md-6 col-lg-3">
            <a href="{% static 'images/al/FINAL_3D/patari_2.jpg" class="image-popup img-opacity' %}"><img src="{% static 'images/al/FINAL_3D/patari_2_resize.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
          <div class="col-md-6 col-lg-3">
            <a href="{% static 'images/al/FINAL_3D/bath1.jpg" class="image-popup img-opacity' %}"><img src="{% static 'images/al/FINAL_3D/bath1_resize.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
          <div class="col-md-6 col-lg-3">
            <a href="{% static 'images/al/FINAL_3D/patari_3.jpg" class="image-popup img-opacity' %}"><img src="{% static 'images/al/FINAL_3D/patari_3_resize.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
          <div class="col-md-6 col-lg-3">
            <a href="{% static 'images/al/FINAL_3D/bath3.jpg" class="image-popup img-opacity' %}"><img src="{% static 'images/al/FINAL_3D/bath3_resize.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>

        </div>
      </div>
    </div>