<!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>
{% 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/20" class="btn btn-nobg">Rejoindre l'événement</a>
{% 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/20" 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>