<!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/23" 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>