{% load static %}
{% load i18n %}
<div class="site-section block-15">
             <div class="row">
          <div class="col-md-6 mx-auto text-center mb-5 section-heading">
            <h2 class="mb-5">{% trans "Μεζονέτες" %}</h2>
          </div>
      <div class="container">
        <div class="nonloop-block-15 owl-carousel">
            <div class="media-with-text p-md-5">
              <div class="img-border-sm mb-4">
                <a href="#" class="popup-vimeo image-play">
                  <img src="{% static 'images/img_1.jpg'  %}" alt="" class="img-fluid">
                </a>
              </div>
              <h2 class="heading mb-0"><a href="#">{% trans "Lorem Ipsum Dolor Sit Amet" %}</a></h2>
                            <p>{% trans "08_details_slider.html1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati." %}</p>
            </div>

            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                <a href="#" class="popup-vimeo image-play">
                  <img src="{% static 'images/img_2.jpg'  %}" alt="" class="img-fluid">
                </a>
              </div>
              <h2 class="heading mb-0"><a href="#">{% trans "Lorem Ipsum Dolor Sit Amet" %}</a></h2>
                            <p>{% trans "08_details_slider.html2 Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati." %}</p>
            </div>

            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                <a href="#" class="popup-vimeo image-play">
                  <img src="{% static 'images/img_3.jpg'  %}" alt="" class="img-fluid">
                </a>
              </div>
              <h2 class="heading mb-0"><a href="#">{% trans "Lorem Ipsum Dolor Sit Amet" %}</a></h2>
                            <p>{% trans "08_details_slider.html3 Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati." %}</p>
            </div>

            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                <a href="#" class="popup-vimeo image-play">
                  <img src="{% static 'images/img_1.jpg'  %}" alt="" class="img-fluid">
                </a>
              </div>
              <h2 class="heading mb-0"><a href="#">{% trans "Lorem Ipsum Dolor Sit Amet" %}</a></h2>
                            <p>{% trans "08_details_slider.html4 Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati." %}</p>
            </div>

            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                <a href="#" class="popup-vimeo image-play">
                  <img src="{% static 'images/img_2.jpg'  %}" alt="" class="img-fluid">
                </a>
              </div>
              <h2 class="heading mb-0"><a href="#">{% trans "Lorem Ipsum Dolor Sit Amet" %}</a></h2>
                            <p>{% trans "08_details_slider.html5 Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati." %}</p>
            </div>

            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                <a href="#" class="popup-vimeo image-play">
                  <img src="{% static 'images/img_3.jpg'  %}" alt="" class="img-fluid">
                </a>
              </div>
              <h2 class="heading mb-0"><a href="#">{% trans "Lorem Ipsum Dolor Sit Amet" %}</a></h2>
                            <p>{% trans "08_details_slider.html6 Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati." %}</p>
            </div>

            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                <a href="#" class="popup-vimeo image-play">
                  <img src="{% static 'images/img_1.jpg'  %}" alt="" class="img-fluid">
                </a>
              </div>
              <h2 class="heading mb-0"><a href="#">{% trans "Lorem Ipsum Dolor Sit Amet" %}</a></h2>
                            <p>{% trans "08_details_slider.html7 Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati." %}</p>
            </div>

            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                <a href="#" class="popup-vimeo image-play">
                  <img src="{% static 'images/img_2.jpg'  %}" alt="" class="img-fluid">
                </a>
              </div>
              <h2 class="heading mb-0"><a href="#">{% trans "Lorem Ipsum Dolor Sit Amet" %}</a></h2>
                            <p>{% trans "08_details_slider.html8 Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati." %}</p>
            </div>

            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                <a href="#" class="popup-vimeo image-play">
                  <img src="{% static 'images/img_3.jpg'  %}" alt="" class="img-fluid">
                </a>
              </div>
              <h2 class="heading mb-0"><a href="#">{% trans "Lorem Ipsum Dolor Sit Amet" %}</a></h2>
                            <p>{% trans "08_details_slider.html9 Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati." %}</p>
            </div>



        </div>

      </div>
</div>