{% load static %}
{% load i18n %}
{% include "00_head.html" %}

  <body>

  <div class="site-wrap">

{% include "01_menu.html" %}

    <div class="slide-one-item home-slider owl-carousel">

      <div class="site-blocks-cover overlay" style="background-image: url({% static 'images/start/small/1.jpg' %});" data-aos="fade" data-stellar-background-ratio="0.5">
        <div class="container">
          <div class="row align-items-center justify-content-center">
            <div class="col-md-7 text-center" data-aos="fade">
              
              <h1 class="mb-2">{% trans "Alion" %}</h1>
              <h2 class="caption">{% trans "Ο  ήλιος…. συναντά …. τη θάλασσα" %}</h2>
            </div>
          </div>
        </div>
      </div>  

      <div class="site-blocks-cover overlay" style="background-image: url({% static 'images/start/small/2.jpg' %});" data-aos="fade" data-stellar-background-ratio="0.5">
        <div class="container">
          <div class="row align-items-center justify-content-center">
            <div class="col-md-7 text-center" data-aos="fade">
              <h1 class="mb-2">{% trans "Alion" %}</h1>
              <h2 class="caption">{% trans "Μία μοναδική εμπειρία λίγα μόλις βήματα μακριά από τη θάλασσα" %}</h2>
            </div>
          </div>
        </div>
      </div> 

      <div class="site-blocks-cover overlay" style="background-image: url({% static 'images/start/small/3.jpg' %});" data-aos="fade" data-stellar-background-ratio="0.5">
        <div class="container">
          <div class="row align-items-center justify-content-center">
            <div class="col-md-7 text-center" data-aos="fade">
              <h1 class="mb-2">{% trans "Alion" %}</h1>
              <h2 class="caption">{% trans "Η ομορφιά κρύβεται στην απλότητα και η πολυτέλεια ισοδυναμεί με την άνεση …" %}</h2>
            </div>
          </div>
        </div>
      </div>
        <div class="site-blocks-cover overlay" style="background-image: url({% static 'images/start/small/4.jpg' %});" data-aos="fade" data-stellar-background-ratio="0.5">
        <div class="container">
          <div class="row align-items-center justify-content-center">
            <div class="col-md-7 text-center" data-aos="fade">
              <h1 class="mb-2">{% trans "Alion" %}</h1>
              <h2 class="caption">{% trans "Η ομορφιά κρύβεται στην απλότητα και η πολυτέλεια ισοδυναμεί με την άνεση …" %}</h2>
            </div>
          </div>
        </div>
      </div>
        <div class="site-blocks-cover overlay" style="background-image: url({% static 'images/start/small/pool.jpg' %});" data-aos="fade" data-stellar-background-ratio="0.5">
        <div class="container">
          <div class="row align-items-center justify-content-center">
            <div class="col-md-7 text-center" data-aos="fade">
              <h1 class="mb-2">{% trans "Alion" %}</h1>
              <h2 class="caption">{% trans "Η ομορφιά κρύβεται στην απλότητα και η πολυτέλεια ισοδυναμεί με την άνεση …" %}</h2>
            </div>
          </div>
        </div>
      </div>
    </div>

<div class="site-section">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-6 mb-5 mb-md-0">

              <div class="img-border">
                  <a href="{% static 'images/about_us/small/9.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/about_us/small/9.jpg' %}" alt="Image" class="img-fluid"></a>
              </div>

              <a href="{% static 'images/about_us/small/2.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/about_us/small/2.jpg' %}" alt="Image" class="img-fluid image-absolute"></a>

          </div>

          <div class="col-md-5 ml-auto">



            <p class="mb-4">{% trans "Σε μία από τις πιο όμορφες περιοχές της Θάσου, στο πευκόφυτο Δασύλλιο Πρίνου, λίγα μόλις βήματα μακριά από τη θάλασσα, το συγκρότημα ΑΛΙΟΝ υποδέχεται εκείνους που αναζητούν ήρεμες και ξέγνοιαστες καλοκαιρινές διακοπές. Το νεόδμητο συγκρότημα μας, το οποίο περιλαμβάνει τέσσερα δίκλινα δωμάτια, τέσσερα τρίκλινα δωμάτια και τέσσερα διαμέρισμα, πισίνα και barbeque, αποτελεί ιδανική επιλογή διαμονής για οικογένειες αλλά και για παρέες φίλων. Τα πλήρως εξοπλισμένα δωμάτια μας προσφέρουν στους επισκέπτες μας όλες τις σύγχρονες ανέσεις, ενώ οι διακοσμητικές πινελιές δημιουργούν μια λιτή και εκλεπτυσμένη ατμόσφαιρα. Μεγάλη έμφαση δίνεται στην καθαριότητα των χώρων." %}</p>
          <h4 class="mb-md-5"><a href="book#sc2">{% trans "Κρατήσεις" %} <span class="icon-arrow-right big"></span></a></h4>
          </div>
        </div>
      </div>
    </div>

          <div class="site-section bg-light">
<div class="container">
        <div class="row align-items-center">
          <div class="col-md-6 ml-auto">
            <div class="section-heading text-left">
              <h5>{% trans "Barbeque" %}</h5>
            </div>
            <p>{% trans "Mαγειρέψτε μαζί με την οικογένεια σας στην πλήρως εξοπλισμένη υπαίθρια κουζίνα μας! Προμηθευτείτε παρθένο ελαιόλαδο Θάσου και εμείς θα μοιραστούμε μαζί σας τα μυστικά της μεσογειακής κουζίνας αλλά και των παραδοσιακών συνταγών του τόπου μας. Οργανώστε βραδιές barbeque με τους φίλους σας." %}</p>
                </div>
                      <div class="col-md-6 mb-5 mb-md-0">
              <div class="img-border">
                  <a href="{% static 'images/barbeque/small/1.png' %}" class="image-popup img-opacity"><img src="{% static 'images/barbeque/small/1.png'%}" alt="Image" class="img-fluid"></a>
              </div>
                <a href="{% static 'images/barbeque/small/2.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/barbeque/small/2.jpg'%}" alt="Image" class="img-fluid image-absolute"></a>
          </div>
        </div>
      </div>

        <div class="section-heading text-center mt-5">
              <h4>{% trans "Πισίνα" %}</h4>
            <p class="col-md-9 mx-auto">{% trans "Απολαύστε στιγμές απόλυτης χαλάρωσης, κολυμπώντας στα αναζωογονητικά τουρκουάζ νερά της πισίνας μας. Μακριά από το άγχος της καθημερινότητας, αφήσετε τον καλοκαιρινό ελληνικό ήλιο να ζεστάνει το σώμα και τις καρδες σας!" %}</p>
        {% include "16_pool_slider.html" %}
        </div>

       {% include "06_rooms.html" %}


<!--
    <div class="py-5 upcoming-events" style="background-image: url('images/hero_1.jpg'); background-attachment: fixed;">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-6">
            <h2 class="text-white">Summer Promo 50% Off</h2>
            <a href="#" class="text-white btn btn-outline-warning rounded-0 text-uppercase">Avail Now</a>
          </div>
          <div class="col-md-6">
            <span class="caption">The Promo will start in</span>
            <div id="date-countdown"></div>    
          </div>
        </div>
        
      </div>
    </div>
-->


<!--

-->
<!--
    <div class="site-section block-14 bg-light">

      <div class="container">
        
        <div class="row">
          <div class="col-md-6 mx-auto text-center mb-5 section-heading">
            <h2>What People Say</h2>
          </div>
        </div>

        <div class="nonloop-block-14 owl-carousel">
          
          <div class="p-4">
            <div class="d-flex block-testimony">
              <div class="person mr-3">
                <img src="static/images/person_1.jpg" alt="Image" class="img-fluid rounded">
              </div>
              <div>
                <h2 class="h5">Katie Johnson</h2>
                <blockquote>&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias accusantium qui optio, possimus necessitatibus voluptate aliquam velit nostrum tempora ipsam!&rdquo;</blockquote>
              </div>
            </div>
          </div>
          <div class="p-4">
            <div class="d-flex block-testimony">
              <div class="person mr-3">
                <img src="static/images/person_2.jpg" alt="Image" class="img-fluid rounded">
              </div>
              <div>
                <h2 class="h5">Jane Mars</h2>
                <blockquote>&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias accusantium qui optio, possimus necessitatibus voluptate aliquam velit nostrum tempora ipsam!&rdquo;</blockquote>
              </div>
            </div>
          </div>
          <div class="p-4">
            <div class="d-flex block-testimony">
              <div class="person mr-3">
                <img src="static/images/person_3.jpg" alt="Image" class="img-fluid rounded">
              </div>
              <div>
                <h2 class="h5">Shane Holmes</h2>
                <blockquote>&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias accusantium qui optio, possimus necessitatibus voluptate aliquam velit nostrum tempora ipsam!&rdquo;</blockquote>
              </div>
            </div>
          </div>
          <div class="p-4">
            <div class="d-flex block-testimony">
              <div class="person mr-3">
                <img src="static/images/person_4.jpg" alt="Image" class="img-fluid rounded">
              </div>
              <div>
                <h2 class="h5">Mark Johnson</h2>
                <blockquote>&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias accusantium qui optio, possimus necessitatibus voluptate aliquam velit nostrum tempora ipsam!&rdquo;</blockquote>
              </div>
            </div>
          </div>

        </div>

      </div>
      
    </div>
-->
{% include "17_about_slider.html" %}

{% include "05_contact_stripe.html" %}

{% include "99_footer.html" %}

  </body>
</html>