{% 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/g2.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/g2.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/g1.png' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/g1.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/g3.png' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/g3.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/g4.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/g4.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/g5.png' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/g5.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/g6.png' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/g6.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/g7.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/g7.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/g8.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/g8.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>

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