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

{% endblock %}
{% block body %}
    <section class="yay">
        <a class="go btn btn-light" href="#" >
            Events
        </a>

        <a class="go1 btn btn-light" href="#">
            Voyage
        </a>

        <a class="go2 btn btn-light" href="#">
            Autres
        </a>
    </section>
    <div class="cont " >
        <div class="col-7" style="padding: 0em 5em; text-align: center">
            <h2 class="h2" style="text-align: center; margin-bottom: 1em; font-family: saintecolombe-light,Georgia,Cambria,Times New Roman,Times,serif;">Pourquoi choisir nos services?</h2>
            <p class="inttext">Pour  bien mener votre Evenement / Organisation logistique, nous offrons une large palette de services, qu'on organise
                en trois categories que vous trouverez annexes</p>
            <a  href="#"  class="btn btn-info rounded-circle goto1" style="background-color: #5481aa;padding-left: 0.5em">Evenementiel</a>
            <a  href="#"  class="btn btn-info rounded-circle goto2" style="background-color: #869cb1;">Voyages</a>
            <a  href="#"  class="btn btn-info rounded-circle goto3" style="background-color: #a4b1ba;">  Autres</a>
        </div>

    </div>
    <div class="cont0 row" >
        <div class="col-12 mainTitle" style="text-align: center;" >
            <h1 class="title">Agence Evenementielle</h1 cla>
        </div>
        <div class="col-12">
            <hr>
        </div>
        <div class="row textandimages">

            <article class="col-md-7 col-sm-9 firstArticle"  >
                <h5> Votre Séminaire</h5>
                <p>
                    Pour mener à bien votre évènement, nous mettons à votre disposition une personne experte qui veillera au bon déroulement de l’opération.
                    Ainsi, cette personne sera à même de comprendre aux mieux votre besoin et vous aider à organiser votre séminaire, conférence ou autre workshop ; Notre spécialisation et connaissance du monde des ONGs, nous permettant de comprendre aux plus vite vos demandes et problématiques.
                </p>


                <div class="">
                    <b>
                        Délais, Qualité, Rigueur, Sécurité,
                    </b>
                    <br />
                    <p class="firstArticle">
                        Avec notre département spécialisé dans la gestion des voyages internationaux (Cf. Page 11) et les nombreuses conventions que nous avons avec les hôtels en Tunisie, dans la région MENA, dans l’UE et en Afrique subsaharienne, nous pouvons organiser et assurer le déplacement des participants à travers les zones géographique cité précédemment et bien plus encore.
                        Enfin, à votre demande, nous pouvons également nous occuper de la coordination avec les participants, tel que les plans de vol, les demandes nécessaires pour le visa, suivi et distribution des perdiems, etc. …
                    </p></div>
            </article>

            <div id="carouselExampleSlidesOnly" class="carousel slide col-4" data-ride="carousel" style="margin-top: 3em">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img class="d-block w-100" src="{{asset('Pics/campaign-creators-gMsnXqILjp4-unsplash.jpg')}}" alt="First slide">
                    </div>
                    <div class="carousel-item">
                        <img class="d-block w-100" src="{{asset('Pics/mikael-kristenson-3aVlWP-7bg8-unsplash.jpg')}}" alt="Second slide">
                    </div>
                    <div class="carousel-item">
                        <img class="d-block w-100" src="{{asset('Pics/office-1209640_1920.jpg')}}" alt="Third slide">
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="cont1">
        <div class="col-12 mainTitle" style="text-align: center;" >
            <h1 class="title">Agence de voyage</h1>
        </div>
        <div class="col-5" 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>
                    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <h4>Vols secs et Vols de groupes</h4>
                        <p class="Article">
                            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.
                        </p>
                    </div>
                    <div class="carousel-item">
                        <h4>Affrètement d’avion</h4>
                        <p class="Article">
                            L’affrètement d’avion est parfois le seul moyen d’accéder à des destinations reculées ou difficile d’accès en un  temps très court et selon votre emplois
                            du  temps.

                            L’affrètement d’avion vous sera assisté par un
                            de nos experts qui définira vos besoins.
                            Nous pouvons mettre à votre disposition et
                            ce dans un temps très court, tout type
                            d’avion.
                            Que ce soit l’affrètement d’avion pour
                            une aide humanitaire, ou bien encore
                            un Jet privé  pour acheminer des passagers dans le cadre d’un de vos projets, nous sommes là pour vous aider.
                            Nous avons ainsi accès a une flotte mondiale de centaines d'avions au départ et à l arrivée  d'une multitude d'aéroports internationaux et/ou d'aéroports secondaires.
                        </p>
                    </div>
                    <div class="carousel-item">
                        <h4>Régions difficiles d’accès</h4>
                        <p class="Article">
                            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. …
                        </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 class="cont2">
        <div class="col-12 mainTitle" style="text-align: center;" >
            <h1 style="padding-right: 5em" class="title">Autres Services</h1>
        </div>
        <article class="col-md-6 col-sm-9 firstArticle"  >
            <h4>Visa</h4>
            <p>Nous avons également un service d'obtention de visa pour les groupes.
                <br>
                Nous nous chargeons ainsi de la procedure du debut à la fin avec les autorités compétentes.  </p>

            <h4>Conseil et competences</h4>
            <p>Aide et conseil  en vous fournissant si nécessaire une assistance tout au long de votre projet.
                <br>
                Nous pouvons ainsi mobiliser en fonction de celui-ci les compétences dont vous avez besoin (Consultants, Formateurs, etc. …) .</p>
            <h4>Digitale</h4>
            <p>Conception de site / App mobile à l’effigie de votre événement, en definissant une stratégie de mise en oeuvre.
                <br>
                Nous pouvons aussi fournir un support technique dans le cadre votre projet.</p>
        </article>
    </div>





{% endblock %}
{% block footer %}
{% endblock %}
{% block javascripts %}
    {#    <script src="{{ asset('Js/Services.js') }}"></script>#}
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

    <script>
        $('.go1').click(function(){
            $('.cont0').addClass("okkk");
            $('.cont1').removeClass("okkk");

        });

        $('.goto1').click(function () {
            $('.cont').addClass("okkk");
        });

        $('.goto2').click(function () {
            $('.cont').addClass("okkk");
            $('.cont0').addClass("okkk");
        });

        $('.goto3').click(function () {
            $('.cont').addClass("okkk");
            $('.cont0').addClass("okkk");
            $('.cont1').addClass("okkk");
        });

        $('.go').click(function(){
            $('.cont0').removeClass("okkk");

        });

        $('.go2').click(function(){
            $('.cont0').addClass("okkk");
            $('.cont1').addClass("okkk");
            $('.cont2').removeClass("okkk");
        });


    </script>

{% endblock %}