<!DOCTYPE html><html>{% include ('includes/head.html.twig') %}<body><!-- Page Loader========================================================= --><div class="loader-container" id="page-loader">   <div class="loading-wrapper loading-wrapper-hide">      <div class="loader-animation" id="loader-animation">          <svg class="svg-loader" width=100 height=100>          <circle cx=50 cy=50 r=25 />        </svg>      </div>        <!-- Edit With Your Name -->    <div class="loader-name" id="loader-name">      <img src="https://astp.tn/uploads/images/event/astp-12-post-instagram-65a00d0f5cd07488094972.jpg" alt="">    </div>    <!-- /Edit With Your Name -->    <!-- Edit With Your Job -->    <p class="loader-job" id="loader-job">June 4-8 2016 @ New York City</p>    <!-- /Edit With Your Job -->  </div>   </div><!-- /End of Page loader========================================================= --><!-- Header================================================== -->{% include ('includes/header.html.twig') %}<!-- /Header================================================== --><style>.main-intro:before {    background: rgba(31, 81, 139, 0.2) !important;}</style><div class="page-wrapper">        <div id="body-content">        <!-- SECTION: Intro        ================================================== -->        <div class="owl-carousel main-carousel" id="main-carousel" >            <!-- slide -->                            <div class="main-intro" style="background-image: url('/uploads/images/gallerie/congree.png');display:none">                <div class="container">                                            <div class="intro-content-wrapper viewport">                        <!-- Main Title -->                        <!-- Adjust the margin-top in css according to content to keep always centered vertically-->                        <div class="intro-content countdown-wrapper intro-content-slide2">                            <!-- countDown -->                                <h2 class="intro-title1" style="display:none">10 éme congrés de l'astp<br><span style="color:yellow">13</span> et <span style="color:yellow">14</span> Novembre 2021                                    épaule et main<br>Arthrose et activités physique                                </h2>                                    <h2 class="intro-title1">                                     {{article.titre|raw}}                                </h2>                            <!-- /countDown -->                                    </div>                        <!-- /Main Title -->                    </div>                            </div>            </div>                    <!-- /slide -->            <!-- slide -->                    <!-- /slide -->        </div>                <!-- /SECTION: Intro        ================================================== -->        <!-- SECTION: Event Infos        ================================================== -->        <div class="section-event-infos inverted-section" id="section-event-infos">                </div>                    <!-- SECTION: /Event Infos        ================================================== -->            <!-- SECTION: Event Description        ================================================== -->        <div class="section-about" id="section-about">            <div class="container-fluid">                <div class="row">                    <!-- Left Column -->                    <div class="about-picture-wrapper">                        <div class="about-picture" id="about-picture">                            <img src="/uploads/images/event/{{article.imagePrincipale|e}}" alt="" class="responsive-image">                        </div>                    </div>                                    <!-- /Left Column -->                    <!-- Right Column -->                    <div class="about-text-wrapper">                         <div class="about-text" id="about-text">                            <h1 class="title3 title-border"><i class="fa fa-dot-circle-o"></i> {{article.titre|raw}}</h1>                            <div class="about-text-content">                                <p>                                {{article.description|raw}}                                </p>                            </div>                                    <div style="">{% if  article.desplay != 0 %}                                                 <a href="/evenement/detail/{{id|raw}}/register/" class="btn btn-nobg" style="display:none"> Rejoindre à l'evenement</a>                                                                 <a href="/formulaire/evenementcongre/22" class="btn btn-nobg">Rejoindre l'événement</a></div>                            {% endif %}                        </div>                    </div>                    <!-- /Right Column -->                </div>            </div>        </div>        <!-- /SECTION: Event Description        ================================================== -->        <!-- SECTION: Event Schedule        ================================================== -->        <div class="section-schedule section-bg-left" id="section-schedule">            <div class="container">                <!-- Section title -->                <div class="section-title-wrapper">                    <h2 class="title-section"><span class="title-section-bg">Event Schedule <small></small></span></h2>                </div>                <!-- /Section title -->                                <!-- TABS -->                <div class="tabs">                    <div class="row">                        <div class="col-sm-10 col-sm-offset-2 schedule-tab-links-wrapper">                            <!-- Tab links -->                            <ul class="tab-links schedule-tab-links">                                {% set i=0 %}                                 {% for t in tab3 %}                                 {% if i==0  %}                                 {% set i=2 %}                                <li class="active"><a href="#schedule-tab1"><span class="fa fa-calendar"></span>   {{t|raw}}</a></li>                                                                    {% else %}                                                                <li><a href='#{{t|replace({" ":"-","é":"e"})}}'><span class="fa fa-calendar"></span>   {{t|raw}}</a></li>                                   {% endif %}                                {% endfor %}                            </ul>                            <!-- /Tab Links -->                        </div>                    </div>                                                                <!-- Schedule Tabs -->                    <div class="schedule-tabs">                        <!-- Schedule Tab -->                        {% set i=0 %}                         {% for t in tab3 %}                          {% if i==0  %}                                 {% set i=2 %}                        <div class="schedule-tab tab" id="schedule-tab1">                                     {% else %}                                <div class="schedule-tab tab" id="{{t|replace({" ":"-","é":"e"})}}">                                          {% endif %}                            <!-- schedule list -->                            <div class="schedule-list">                                <!-- Schedule itens header -->                                <div class="schedule-item-header">                                    <div class="row">                                        <div class="col-sm-2">                                            <!-- schedule item bar -->                                            <div class="schedule-item-block schedule-item-block-top">                                                <div class="schedule-item-bar schedule-item-bar-top"></div>                                            </div>                                            <!-- /schedule item bar -->                                        </div>                                        <div class="col-sm-10">                                                                </div>                                    </div>                                </div>                                    <!-- /Schedule itens header -->                             {% for tt in tab %}                             {% if tt['posetion'] == t %}                                <!-- Schedule item -->                                <div class="schedule-item">                                    <div class="row">                                        <div class="col-sm-2">                                            <!-- schedule item bar -->                                            <div class="schedule-item-block">                                                <div class="schedule-item-bar"></div>                                            </div>                                            <!-- /schedule item bar -->                                        </div>                                                                                <div class="col-sm-10 schedule-item-content-wrapper">                                            <!-- schedule item content -->                                            <div class="schedule-item-content">                                                <div class="row">                                                    <!-- col -->                                                                                                    <!-- /col -->                                                    <!-- col -->                                                    <div class="col-sm-10">                                                        <div class="schedule-item-infos">                                                            <h4 class="schedule-item-date">{{tt['timeN'] | date('g:ia')}}</h4>                                                            <h3 class="schedule-item-title">{{tt['titre']}}</h3>                                                            <div class="schedule-item-text">                                                                <p>{{tt['decription']}}</p>                                                            </div>                                                            </div>                                                                                                            </div>                                                    <!-- /col -->                                                </div>                                                                                                                    </div>                                            <!-- schedule item content -->                                        </div>                                                                            </div>                                </div>                                {% endif %}                                {% endfor %}                                <!-- /Schedule item -->                                                                <!-- Schedule item -->                                                            <!-- Schedule item -->                                                                <!-- /Schedule item -->                                <!-- Schedule item -->                                                            <!-- /Schedule item -->                                <!-- Schedule itens footer -->                                                                <!-- /Schedule itens footer -->                            </div>                            <!-- /schedule list -->                        </div>                        {% endfor %}                        <!-- /Schedule Tabaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa -->                        <!-- Schedule Tab -->                                    <!-- /Schedule Tabs -->                                        </div>                <!-- /TABS -->                                        </div>        </div>        <!-- /SECTION: Event Schedule        ================================================== -->        <!-- SECTION: Team        ================================================== -->        <div class="section-team inverted-section2 section-padding" id="section-speakers">            <div class="container">                <!-- Section title -->                <div class="section-title-wrapper">                    <h2 class="title-section">Orateurs</h2>                    <p></p>                </div>                <!-- /Section title -->                <div class="owl-carousel" id="about-team">                    <!-- item -->                    {% for key in speakers %}                    <div class="team-item">                        <!-- team-member wrapper-->                        <div class="team-item-wrapper">                            <!-- team-member pic -->                            <div class="team-member-picture-wrapper">                                <div class="team-item-picture">                                    <img src="/uploads/images/gallerie/{{key.image|e}}" alt=""/>                                </div>                                                            </div>                                                <!-- /team-member pic -->                            <!-- team-member Infos -->                            <div class="team-item-content">                                <h3 class="team-item-title">{{key.name|raw}}</h3>                                <p class="team-item-subtitle">{{key.fonctionalite|raw}}</p>                                                            </div>                            <!-- team-member Infos -->                        </div>                        <!-- /team-member wrapper-->                    </div>                    {% endfor %}                                        <!-- /item -->                    <!-- item -->                    <!-- /item -->                    <!-- item -->                                    <!-- /item -->                    <!-- item -->                                <!-- /item -->                    <!-- item -->                                        <!-- /item -->                    <!-- item -->                                    <!-- /item -->                </div>            </div>        </div>        <!-- /SECTION: Team        ================================================== -->        <!-- SECTION: Testimonials        ================================================== -->            <style>                .price-ticket-title {       font-size: 35px !important;                    }                .price-ticket-item-border .row{margin-top:8%}            </style>            <div class="section-prices section-padding section-bg-left" id="section-prices">            <div class="container">                <!-- Section title -->                <div class="section-title-wrapper">                    <h2 class="title-section">Prix</h2>                    <p>Liste des prix</p>                </div>                                <!-- /Section title -->                    <!-- Princing Tickets -->                <div class="row"> {% for t in tab5 %}                    <!-- item -->                    <div class="col-sm-4" style="margin-top:3%">                        <!-- price ticket -->                        <a href="/formulaire/evenementcongre/21" class="price-ticket-item">                            <div class="price-ticket-item-wrapper">                                <!-- Front card -->                                <div class="price-ticket-item-front">                                    <div class="price-ticket-item-border">                                        <!-- row -->                                        <div class="row">                                            <!-- col -->                                            <div class="col-sm-6">                                                <!-- ticket price -->                                                <h3 class="price-ticket-title">{{t.prix|e}} Tnd</h3>                                                                                                <!-- /ticket-price -->                                                                                </div>                                            <!-- /col -->                                            <!-- col -->                                            <div class="col-sm-6 no-spadding">                                                <div class="price-ticket-infos-wrapper">                                                    <p><strong>{{ t.titre|e }}</strong></p>                                                    <ul class="clean-list">                                                        <li><i class="fa fa-check"></i>  Adhérent</li>                                                                                                                                                            </ul>                                                </div>                                                                                            </div>                                            <!-- /col -->                                        </div>                                        <!-- /row -->                                    </div>                                                                    </div>                                                                <!-- /front-card -->                                <!-- Back Card -->                                <div class="price-ticket-item-back">                                    <div class="price-ticket-item-border">                                        <div class="price-ticket-buy">                                            <p class="ticket-item-buy-ico"><i class="fa fa-ticket"></i></p>                                            <h3 class="ticket-item-buy-text">Payé</h3>                                            <p><i>à seulement 1 clic !</i></p>                                        </div>                                    </div>                                </div>                                <!-- /Back Card -->                            </div>                                                    </a>                        <!-- /price ticket -->                    </div>  {% endfor %}                    <!-- /item -->                        <!-- /item -->                </div>                <!-- /Princing Tickets -->                            </div>                        </div>    <div class="section-sponsors inverted-section2 section-padding " id="section-sponsors">            <div class="container">                <!-- Section title -->                <div class="section-title-wrapper">                    <h2 class="title-section">Sponsorisée par</h2>                    <p></p>                </div>                <!-- /Section title -->                                <div class="sponsors-list-wrapper">                    <div class="sponsors-list" id="sponsors-carousel">                        <!-- item -->                            {% for key in sponsored %}                        <div class="sponsor-item">                            <img src="/uploads/images/gallerie/{{key.image|e}}" alt=""  style="height:100%;width:100%">                        </div>                        {% endfor %}                        <!-- /item -->                        <!-- item -->                                            <!-- /item -->                    </div>                </div>                </div>                        </div>        <!-- /SECTION: Testimonials        ================================================== -->        <!-- SECTION: Sponsors        ================================================== -->            <!-- /SECTION: Sponsors        ================================================== -->                <!-- SECTION: FAQ        ================================================== -->        <!-- /SECTION: FAQ        ================================================== -->        <!-- SECTION: Blog        ================================================== -->            <!-- /SECTION: Blog        ================================================== -->        <!-- SECTION: Prices        ================================================== -->        <!-- /SECTION: Prices        ================================================== -->        <!-- SECTION: Register        ================================================== -->            <!-- /SECTION: Register        ================================================== -->        <!-- SECTION: Location        ================================================== -->        <div class="container-fluid">            <div class="row">                <div class="map" id="map">                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d204.93600192672048!2d10.765570335623227!3d34.73099855272741!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x13002d2e0853ccb1%3A0x519a81a50253a5f0!2sHotel%20Les%20Oliviers%20Palace!5e0!3m2!1sfr!2stn!4v1727176299435!5m2!1sfr!2stn"  height="350"></iframe>                </div>            </div>                    </div>        <!-- /SECTION: Location        ================================================== -->    </div></div><!-- Contact Form - Ajax Messages========================================================= --><!-- Form Sucess --><div class="form-result modal-wrap" id="contactSuccess">  <div class="modal-bg"></div>  <div class="modal-content">    <h4 class="modal-title"><i class="fa fa-check-circle"></i> Success!</h4>    <p>Your message has been sent to us.</p>  </div></div><!-- /Form Sucess --><!-- form-error --><div class="form-result modal-wrap" id="contactError">  <div class="modal-bg"></div>  <div class="modal-content">    <h4 class="modal-title"><i class="fa fa-times"></i> Error</h4>    <p>There was an error sending your message.</p>  </div></div><!-- /form-error --><!-- / Contact Form - Ajax Messages========================================================= --><!-- Footer================================================== -->{% include ('includes/footer.html.twig') %}</body></html>