{% extends "base.html.twig" %}
{% block stylesheets %}
    <link type="text/css" href="{{asset('Css/Logistics.css')}}" rel="stylesheet"/>
{% endblock %}
{% block title %}Logistics and Ticketing{% endblock %}
{% block head %}

{% endblock %}
{% block body %}

    <div class="cont0">
        <div class="col-12 mainTitle" style="text-align: center;" >
            <h1 class="title">{% trans %}Billetterie{% endtrans %}</h1>
        </div>
        <div class="col-lg-5 col-md-5 col-sm-8 col-xs-10" style="padding-top:5em">
            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="20000">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>

                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <h4>{% trans %}Vols secs et Vols de groupes{% endtrans %}</h4>
                        <p class="Article">{% trans %}
                            Nous avons un département qui s’occupe des voyages internationaux. En effet, ayant l’agrément d’agence de voyage, nous pouvons assurer le déplacement de vos collaborateurs en groupe ou en individuel, du voyage le plus simple au plus compliqué. Le dit agrément nous permet d’avoir une réactivité dans les réservations de vol, la modification ou bien encore l’annulation des voyages.
                            {% endtrans %}
                        </p>
                    </div>

                    <div class="carousel-item">
                        <h4>Régions difficiles d’accès{% endtrans %}</h4>
                        <p class="Article">{% trans %}
                            Dans une région ou l’organisation de projet peut être liée au déplacement de certaines personnes provenant de régions difficiles d’accès, le transport de ces derniers devient primordial. C’est pourquoi au sein de notre agence, nous mettons tout en œuvre pour acheminer les participants même venant des régions les plus difficile d’accès. Ainsi, nous pouvons assurer les déplacements de personne provenant ou à destination de pays comme la Libye, le Soudan, le Yémen, l’Irak, etc. …
                            {% endtrans %}
                        </p>
                    </div>
                </div>
                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>

  <div style="background-color: whitesmoke">
      <h2 class="title">{% trans %}Logistique{% endtrans %}</h2>
      <div class="row" style="justify-content: space-around">
      <div class="col-xl-3 col-lg-3 col-md-5 col-sm-12 col-xs-12" style="display: contents">
          <div class="card " style="width: 18rem;">
              <img class="card-img-top" style="height: 12em" src="{{ asset('Pics/hotel.jpg') }}" alt="Card image cap">
              <div class="card-body">
                  <h5 class="card-title">{% trans %}Hebergement{% endtrans %}</h5>
                  <p class="card-text">{% trans %}Large palette d’hôtel à travers le monde. Spécialisé sur le moyen orient,  l’Afrique subsaharienne et l'UE.{% endtrans %}
                  </p>
              </div>
          </div>
      </div>
      <div class="col-xl-3 col-lg-3 col-md-5 col-sm-12 col-xs-12" style="display: contents">
          <div class="card " style="width: 18rem;">
              <img class="card-img-top" style="height: 12em" src="{{ asset('Pics/bip.jpg') }}" alt="Card image cap">
              <div class="card-body">
                  <h5 class="card-title">Transport</h5>
                  <p class="card-text">{% trans %}Transport par bus ou berline en Tunisie et aussi dans des milliers d'autres villes à travers le monde, comfortable, securisé et disponible. {% endtrans %}</p>

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




{% endblock %}