{% load static %}
{% load i18n %}
<div class="site-section block-14">
    <div class="container">
         <h3 class="mx-auto d-block">{% trans "Τύπος Α" %} </h3>
        <div class="nonloop-block-14 owl-carousel">
            <div class="media-with-text p-md-4">

              <div class="img-border-sm mb-4">
                  <div>
                  <a href="{% static 'images/three/small/a1.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/a1.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
            </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                  <div>
                  <a href="{% static 'images/three/small/a2.png' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/a2.png' %}" alt="Image" class="img-fluid"></a>
                             </div>
                          </div>
                </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                  <div>
                                  <a href="{% static 'images/three/small/a3.png' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/a3.png' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>

            </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                  <div>
                                  <a href="{% static 'images/three/small/a4.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/a4.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
                          </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                  <div>
                                  <a href="{% static 'images/three/small/a5.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/a5.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
            </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                  <div>
                                  <a href="{% static 'images/three/small/a6.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/a6.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
            </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                  <div>
                                  <a href="{% static 'images/three/small/a7.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/a7.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
            </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                  <div>
                                  <a href="{% static 'images/three/small/a9.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/a9.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
            </div>
      </div>
        </div>