{% load static %}
{% load i18n %}
<div class="site-section block-14">
    <div class="container">
        <h3 class="mx-auto d-block">{% trans "Τύπος B" %} </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/b1.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/b1.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/b2.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/b2.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/b3.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/b3.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/b4.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/b4.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/b5.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/b5.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/b6.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/b6.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/b7.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/b7.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/b8.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/three/small/b8.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>

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