templates/index/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. {% include ('includes/head.html.twig') %}
  4. <style>
  5. .main-intro:before{
  6.     background: rgba(31, 81, 139, 0.2) !important;
  7. }
  8. </style>
  9. {% include ('includes/header.html.twig') %}
  10. <body>
  11. <!-- Page Loader
  12. ========================================================= -->
  13. <div class="loader-container" id="page-loader" style="opacity:0.7"> 
  14.   <div class="loading-wrapper loading-wrapper-hide">
  15.       <div class="loader-animation" id="loader-animation">
  16.           <svg class="svg-loader" width=100 height=100>
  17.           <circle cx=50 cy=50 r=25 />
  18.         </svg> 
  19.       </div>    
  20.     <!-- Edit With Your Name -->
  21.     <div class="loader-name" id="loader-name">
  22.       <img src="/astp-image/logos.png" alt="" class="img-responsive" >
  23.     </div>
  24.     <!-- /Edit With Your Name -->
  25.     <!-- Edit With Your Job -->
  26.  
  27.     <!-- /Edit With Your Job -->
  28.   </div>   
  29. </div>
  30. <!-- /End of Page loader
  31. ========================================================= -->
  32. <!-- Header
  33. ================================================== -->
  34. <!-- /Header
  35. ================================================== -->
  36. <div class="page-wrapper">
  37.     
  38.     <div id="body-content">
  39.         <!-- SECTION: Intro
  40.         ================================================== -->
  41.         <div class="owl-carousel main-carousel" id="main-carousel">
  42.             <!-- slide -->
  43.             <div class="main-intro" style="background-image: url('/astp-image/back1.png');">
  44.                 <div class="container">    
  45.                     <div class="intro-content-wrapper viewport">
  46.                         <!-- INTRO CONTENT -->
  47.                         <!-- Adjust the margin-top in style atribute according to content to keep always centered vertically-->
  48.                         <div class="intro-content intro-content-slide1">
  49.                             <!-- row -->
  50.                             <div class="row">
  51.                                 <!-- col -->
  52.                                 <div class="col-md-10 col-md-offset-1">
  53.                                     <!--<img src="img/globe.png" alt="">-->
  54.                                     <h2 class="intro-title1">Association des sciences<br> et des techniques de la physiothérapie</h2>
  55.                                     <!-- Buttons -->
  56.                                     <div class="ic-buttons">
  57.                                         <a href="/espace-client" class="btn btn-warning"> &nbsp;Devenir  adhérent</a> <a href="/connexion" class="btn"><i class="fa fa-paper-plane"></i> &nbsp; Connexion</a>
  58.                                     </div>
  59.                                     <!-- /Buttons -->
  60.                                 </div>
  61.                                 <!-- /col -->
  62.                             </div>
  63.                             <!-- /row -->                        
  64.                                                             
  65.                         </div>    
  66.                         <!-- /INTRO CONTENT -->                    
  67.                     </div>                            
  68.                 </div>
  69.             </div>
  70.             <!-- /slide -->
  71.             <!-- slide -->
  72.             <div class="main-intro" style="background-image: url('/uploads/images/accueil/{{ product.i2}}');">
  73.                     <div class="container">    
  74.                     <div class="intro-content-wrapper viewport">
  75.                         <!-- INTRO CONTENT -->
  76.                         <!-- Adjust the margin-top in style atribute according to content to keep always centered vertically-->
  77.                         <div class="intro-content intro-content-slide1">
  78.                             <!-- row -->
  79.                             <div class="row">
  80.                                 <!-- col -->
  81.                                 <div class="col-md-10 col-md-offset-1">
  82.                                     <!--<img src="img/globe.png" alt="">-->
  83.                                     <h2 class="intro-title1">Association des sciences<br> et des techniques de la physiothérapie</h2>
  84.                                     <!-- Buttons -->
  85.                                     <div class="ic-buttons">
  86.                                         <a href="/inscription" class=" btn"> &nbsp;je deviens membre</a> <a href="/connexion" class="btn"><i class="fa fa-paper-plane"></i> &nbsp; Connexion</a>
  87.                                     </div>
  88.                                     <!-- /Buttons -->
  89.                                 </div>
  90.                                 <!-- /col -->
  91.                             </div>
  92.                             <!-- /row -->                        
  93.                                                             
  94.                         </div>    
  95.                         <!-- /INTRO CONTENT -->                    
  96.                     </div>                            
  97.                 </div>
  98.             </div>
  99.             <!-- /slide -->
  100.             <!-- slide -->
  101.             <div class="main-intro" style="background-image: url('/uploads/images/accueil/{{ product.i3}}');">
  102.                         <div class="container">    
  103.                     <div class="intro-content-wrapper viewport">
  104.                         <!-- INTRO CONTENT -->
  105.                         <!-- Adjust the margin-top in style atribute according to content to keep always centered vertically-->
  106.                         <div class="intro-content intro-content-slide1">
  107.                             <!-- row -->
  108.                             <div class="row">
  109.                                 <!-- col -->
  110.                                 <div class="col-md-10 col-md-offset-1">
  111.                                     <!--<img src="img/globe.png" alt="">-->
  112.                                     <h2 class="intro-title1">Association des sciences<br> et des techniques de la physiothérapie</h2>
  113.                                     <!-- Buttons -->
  114.                                     <div class="ic-buttons">
  115.                                         <a href="/inscription" class=" btn"> &nbsp;je deviens membre</a> <a href="/connexion" class="btn"><i class="fa fa-paper-plane"></i> &nbsp; Connexion</a>
  116.                                     </div>
  117.                                     <!-- /Buttons -->
  118.                                 </div>
  119.                                 <!-- /col -->
  120.                             </div>
  121.                             <!-- /row -->                        
  122.                                                             
  123.                         </div>    
  124.                         <!-- /INTRO CONTENT -->                    
  125.                     </div>                            
  126.                 </div>
  127.             </div>
  128.             <!-- /slide -->
  129.         </div>        
  130.         <!-- /SECTION: Intro
  131.         ================================================== -->
  132.         <!-- SECTION: Event Infos
  133.         ================================================== -->
  134.                 
  135.         <!-- SECTION: /Event Infos
  136.         ================================================== -->    
  137.     <div class="section-event-infos inverted-section" id="section-event-infos">
  138.             <div class="container-fluid">
  139.                 <div class="event-infos row">
  140.                     <!-- date -->
  141.                     <div class="event-info-col">
  142.                         <div class="event-info-ico"><span class="fa fa-calendar"></span></div>
  143.                         <h3 class="main-title3">Date:</h3>
  144.                         <p>2015</p>
  145.                     </div>
  146.                     <!-- /date -->
  147.                     <!-- Time -->
  148.                     <div class="event-info-col">
  149.                         <div class="event-info-ico"><span class="fa fa-location-arrow"></span></div>
  150.                         <h3 class="main-title3">Adresse:</h3>
  151.                         <p>Ecole supérieure des sciences et techniques de santé de Sfax (ESSTSS)</p>
  152.                     </div>
  153.                     <!-- /Time -->
  154.                     <!-- Time -->
  155.                     <div class="event-info-col">
  156.                         <div class="event-info-ico"><span class="fa fa-ticket"></span></div>
  157.                         <h3 class="main-title3">Facebook</h3>
  158.                         <p ><a href="https://www.facebook.com/astptunisie" style="color:white" target="_blank">Lien direct</a> </p>
  159.                     </div>
  160.                     <!-- /Time -->
  161.                     <!-- Time -->
  162.                     <div class="event-info-col">
  163.                         <div class="event-info-ico"><span class="fa fa-microphone"></span></div>
  164.                         <h3 class="main-title3">Téléphone</h3>
  165.                         <p> +216 22 731 300</p>
  166.                     </div>
  167.                     <!-- /Time -->
  168.                 </div>
  169.             </div>
  170.         </div>        
  171. <div class="section-event-infos inverted-section" id="section-event-infos" style="min-height:600px">
  172.   <div class="container h-100">
  173.     <div class="row justify-content-center align-items-center h-100">
  174.       <div class="col-12 col-md-6 col-lg-4 d-flex justify-content-center">
  175.         <!-- Vidéo style Reels responsive -->
  176.         <div class="ratio ratio-9x16 shadow-lg rounded-3 overflow-hidden w-100" style="max-width: 400px;">
  177.           <video controls playsinline preload="metadata" poster="/video/dd1.PNG" class="w-100" style="">
  178.             <source src="/video/0919.mp4" type="video/mp4">
  179.             Votre navigateur ne supporte pas la vidéo.
  180.           </video>
  181.         </div>
  182.       </div>
  183.     </div>
  184.   </div>
  185. </div>
  186.         <!-- SECTION: Event Description
  187.         ================================================== -->
  188.         {% if dernier_congre|length > 0 %}
  189.         {% if dernier_congre[0].desplay==1 %}
  190.                         <div class="section-about" id="section-about" style="background-color:white;">
  191.                     <div class="container-fluid">
  192.                         <div class="row">
  193.                             <!-- Left Column -->
  194.                             <div class="about-picture-wrapper">
  195.                                 <div class="about-picture" id="about-picture">
  196.                                     <img src="/uploads/images/event/{{dernier_congre[0].getImagePrincipale()}}" alt="" class="responsive-image img-anis">
  197.                                 </div>
  198.                             </div>                
  199.                             <!-- /Left Column -->
  200.                             <!-- Right Column -->
  201.                             <div class="about-text-wrapper"> 
  202.                                 <div class="about-text" id="about-text">
  203.                                     <h1 class="title3 title-border"> {{ dernier_congre[0].getTitre() }} </h1>
  204.                                     <div class="about-text-content">
  205.                                         <p>
  206.                                                 {{ dernier_congre[0].getDescription()|raw }}
  207.                                         </p>
  208.                                     </div>                            
  209.                                     <a href="/congre/{{ dernier_congre[0].getId() }}/{{dernier_congre[0].getTitre() |replace({" ": "-"})|raw }}/" class="btn btn-nobg"> Rejoindre l'événement</a> 
  210.                                 </div>
  211.                             </div>
  212.                             <!-- /Right Column -->
  213.                         </div>
  214.                     </div>
  215.         </div>
  216.         {% else %}
  217.         
  218.         {% endif %}
  219.         {% endif %}
  220.         {% if dernier_evenement|length > 0 %}
  221.         {% if dernier_evenement[0].desplay==1 %}
  222.                         <div class="section-about" id="section-about" style="background-color:white">
  223.             <div class="container-fluid">
  224.                 <div class="row">
  225.                     <!-- Left Column -->
  226.                     <div class="about-picture-wrapper">
  227.                         <div class="about-picture" id="about-picture">
  228.                             <img src="/uploads/images/event/{{dernier_evenement[0].getImagePrincipale()}}" alt="" class="responsive-image img-anis">
  229.                         </div>
  230.                     </div>                
  231.                     <!-- /Left Column -->
  232.                     <!-- Right Column -->
  233.                     <div class="about-text-wrapper"> 
  234.                         <div class="about-text" id="about-text">
  235.                             <h1 class="title3 title-border"> {{ dernier_evenement[0].getTitre() }} </h1>
  236.                             <div class="about-text-content">
  237.                                 <p>{{ dernier_evenement[0].getDescription()|raw }}
  238.                                             </p>
  239.                             </div>                            
  240.                             <a href="/evnement/ancien-evenement/{{dernier_evenement[0].getTitre() |replace({" ": "-"})|raw }}/{{ dernier_evenement[0].getId() }}/" class="btn btn-nobg"> Rejoindre l'événement</a> 
  241.                         </div>
  242.                     </div>
  243.                     <!-- /Right Column -->
  244.                 </div>
  245.             </div>
  246.         </div>
  247.         {% else %}
  248.         
  249.         {% endif %}
  250.         {% endif %}
  251.         <!-- /SECTION: Event Description
  252.         ================================================== -->
  253.         <div class="section-blog section-padding inverted-section2" id="section-blog2" style="background:none;display:none">
  254.             <div class="container">
  255.                 
  256.                 <!-- Section title -->
  257.                 <div class="section-title-wrapper">
  258.                     <h2 class="title-section" style="color:#2d8ea4 !important;background: none no-repeat left bottom;background: url(../img/title-bg2.png) no-repeat left bottom;"> À propos de Nous </h2>
  259.                     <p style="color:black">{{ product.slogon}}</p>
  260.                 </div>                
  261.                     <div class="row">
  262.                         
  263.                         
  264.                     </div>
  265.                 </div>
  266.             </div>
  267.         </div>
  268.     <div class="section-team inverted-section2 section-padding" id="section-speakers">
  269.             <div class="container">
  270.                 <!-- Section title -->
  271.                 <div class="section-title-wrapper">
  272.                     <h2 class="title-section">Notre activité</h2>
  273.                     <p>
  274.                     L’association est née avec l’idée d’enrichir le savoir-faire des kinésithérapeutes diplômés par : des formations, des tables rondes (workshops) et des séminaires afin d’aboutir à un objectif commun qui est la valorisation de ce métier noble.
  275.                     </p>
  276.                 </div>
  277.                 <!-- /Section title -->
  278.                 <div class="owl-carousel" id="about-team">
  279.                     <!-- item -->
  280.                 
  281.                     <div class="team-item">
  282.                         <!-- team-member wrapper-->
  283.                         <div class="team-item-wrapper">
  284.                             <!-- team-member pic -->
  285.                             <div class="team-member-picture-wrapper">
  286.                                 <div class="team-item-picture">
  287.                                     <img src="/uploads/images/ancien_event/a1-61e96ee95368d474273004.jpg" class="img-fluid" alt="" style="height: 200px" />
  288.                                 </div>
  289.                                 <div class="team-member-find">
  290.                                     <div class="team-member-find-overlay">
  291.                                         <!-- overlay content -->
  292.                                         <div class="team-member-find-content">
  293.                                         <a href='/evenement/1/congre/'><i class="fa fa-link" aria-hidden="true"></i></a>
  294.                                         </div>                                    
  295.                                         <!-- /overlay content -->
  296.                                     </div>                                
  297.                                 </div>
  298.                             </div>                    
  299.                             <!-- /team-member pic -->
  300.                             <!-- team-member Infos -->
  301.                             <div class="team-item-content">
  302.                                 <h3 class="team-item-title">Congrès</li></h3>
  303.                                 <p class="team-item-subtitle"><i class="fa fa-calendar" aria-hidden="true"></i> 2019-01-02</p>                                
  304.                             </div>
  305.                             <!-- team-member Infos -->
  306.                         </div>
  307.                         <!-- /team-member wrapper-->
  308.                     </div>
  309.                     <div class="team-item">
  310.                         <!-- team-member wrapper-->
  311.                         <div class="team-item-wrapper">
  312.                             <!-- team-member pic -->
  313.                             <div class="team-member-picture-wrapper">
  314.                                 <div class="team-item-picture">
  315.                                     <img src="/uploads/images/ancien_event/a1-61e96ee95368d474273004.jpg" class="img-fluid" alt="" style="height: 200px" />
  316.                                 </div>
  317.                                 <div class="team-member-find">
  318.                                     <div class="team-member-find-overlay">
  319.                                         <!-- overlay content -->
  320.                                         <div class="team-member-find-content">
  321.                                         <a href='/evenement/3/webinaire-sans-paiment/'><i class="fa fa-link" aria-hidden="true"></i></a>
  322.                                         </div>                                    
  323.                                         <!-- /overlay content -->
  324.                                     </div>                                
  325.                                 </div>
  326.                             </div>                    
  327.                             <!-- /team-member pic -->
  328.                             <!-- team-member Infos -->
  329.                             <div class="team-item-content">
  330.                                 <h3 class="team-item-title">Webinaire</li></h3>
  331.                                 <p class="team-item-subtitle"><i class="fa fa-calendar" aria-hidden="true"></i> 2019-01-02</p>                                
  332.                             </div>
  333.                             <!-- team-member Infos -->
  334.                         </div>
  335.                         <!-- /team-member wrapper-->
  336.                     </div>
  337.                     <div class="team-item">
  338.                         <!-- team-member wrapper-->
  339.                         <div class="team-item-wrapper">
  340.                             <!-- team-member pic -->
  341.                             <div class="team-member-picture-wrapper">
  342.                                 <div class="team-item-picture">
  343.                                     <img src="/uploads/images/ancien_event/a1-61e96ee95368d474273004.jpg" class="img-fluid" alt="" style="height: 200px" />
  344.                                 </div>
  345.                                 <div class="team-member-find">
  346.                                     <div class="team-member-find-overlay">
  347.                                         <!-- overlay content -->
  348.                                         <div class="team-member-find-content">
  349.                                         <a href='/evenement/2/formation-avec-paiment/'><i class="fa fa-link" aria-hidden="true"></i></a>
  350.                                         </div>                                    
  351.                                         <!-- /overlay content -->
  352.                                     </div>                                
  353.                                 </div>
  354.                             </div>                    
  355.                             <!-- /team-member pic -->
  356.                             <!-- team-member Infos -->
  357.                             <div class="team-item-content">
  358.                                 <h3 class="team-item-title">Formation</li></h3>
  359.                                 <p class="team-item-subtitle"><i class="fa fa-calendar" aria-hidden="true"></i> 2019-01-02</p>                                
  360.                             </div>
  361.                             <!-- team-member Infos -->
  362.                         </div>
  363.                         <!-- /team-member wrapper-->
  364.                     </div>
  365.             <div class="team-item">
  366.                         <!-- team-member wrapper-->
  367.                         <div class="team-item-wrapper">
  368.                             <!-- team-member pic -->
  369.                             <div class="team-member-picture-wrapper">
  370.                                 <div class="team-item-picture">
  371. <img src="/uploads/images/ancien_event/a1-61e96ee95368d474273004.jpg" class="img-fluid" alt="" style="height: 200px" />
  372.                                 </div>
  373.                                 <div class="team-member-find">
  374.                                     <div class="team-member-find-overlay">
  375.                                         <!-- overlay content -->
  376.                                         <div class="team-member-find-content">
  377.                                         <a href='/evenement/5/action-humanitaire-sans-paiment/'><i class="fa fa-link" aria-hidden="true"></i></a>
  378.                                         </div>                                    
  379.                                         <!-- /overlay content -->
  380.                                     </div>                                
  381.                                 </div>
  382.                             </div>                    
  383.                             <!-- /team-member pic -->
  384.                             <!-- team-member Infos -->
  385.                             <div class="team-item-content">
  386.                                 <h3 class="team-item-title">Action humanitaire</li></h3>
  387.                                 <p class="team-item-subtitle"><i class="fa fa-calendar" aria-hidden="true"></i> 2019-01-02</p>                                
  388.                             </div>
  389.                             <!-- team-member Infos -->
  390.                         </div>
  391.                         <!-- /team-member wrapper-->
  392.                     </div>
  393.                     <div class="team-item">
  394.                         <!-- team-member wrapper-->
  395.                         <div class="team-item-wrapper">
  396.                             <!-- team-member pic -->
  397.                             <div class="team-member-picture-wrapper">
  398.                                 <div class="team-item-picture">
  399.                                     <img src="/uploads/images/ancien_event/a1-61e96ee95368d474273004.jpg" class="img-fluid" alt="" style="height: 200px" />
  400.                                 </div>
  401.                                 <div class="team-member-find">
  402.                                     <div class="team-member-find-overlay">
  403.                                         <!-- overlay content -->
  404.                                         <div class="team-member-find-content">
  405.                                         <a href='/evenement/5/action-humanitaire-sans-paiment/'><i class="fa fa-link" aria-hidden="true"></i></a>
  406.                                         </div>                                    
  407.                                         <!-- /overlay content -->
  408.                                     </div>                                
  409.                                 </div>
  410.                             </div>                    
  411.                             <!-- /team-member pic -->
  412.                             <!-- team-member Infos -->
  413.                             <div class="team-item-content">
  414.                                 <h3 class="team-item-title">Symposium</li></h3>
  415.                                 <p class="team-item-subtitle"><i class="fa fa-calendar" aria-hidden="true"></i> 2019-01-02</p>                                
  416.                             </div>
  417.                             <!-- team-member Infos -->
  418.                         </div>
  419.                         <!-- /team-member wrapper-->
  420.                     </div>
  421.                
  422.                     <!-- /item -->
  423.                     <!-- item -->
  424.                 
  425.                 </div>
  426.             </div>
  427.         </div>
  428.         <!---- blog anis -->
  429.         <div class="section-faq section-padding section-bg-right" id="section-faq">
  430.             <div class="container">
  431.                 
  432.                 <!-- Section title -->
  433.                 <div class="section-title-wrapper">
  434.                     <h2 class="title-section">Blog</h2>
  435.                     <p>blog astp</p>
  436.                 </div>                
  437.                 <!-- /Section title -->
  438.                 <div id="blog-itens-container">
  439.                     <!-- blog-item -->
  440.                      {% for key in blog %}
  441.                     <div class="blog-item">
  442.                         <div class="blog-item-wrapper">
  443.                             <!-- blog item thumbnail -->
  444.                             <div class="blog-item-thumb">
  445.                                 <a href="/blog/{{key.id |e }}/{{key.titre|replace({' ': "-", ".":""})}}" class=""><img src="/uploads/images/event/{{key.image|e}}" alt="" style="max-height:270px"></a>
  446.                             </div>
  447.                             <!-- /blog item thumbnail -->
  448.                             <!-- Blog item - infos -->
  449.                             <div class="blog-item-infos">
  450.                                 <!-- blog-item-title -->
  451.                                 <div class="blog-item-title-wrapper">
  452.                                 {% if key.titre|length > 30 %}
  453.                                     <h2 class="blog-item-title title-border"><a href="/blog/{{key.id |e }}/{{key.titre|replace({' ': "-", ".":""})}}" class="">{{key.titre|u.truncate(30, true)}} ...</a></h2>
  454.                                 {% else %}
  455.                                     <h2 class="blog-item-title title-border"><a href="/blog/{{key.id |e }}/{{key.titre|replace({' ': "-", ".":""})}}" class="">{{key.titre|e}}</a></h2>
  456.                                 {% endif %}
  457.                                 </div>
  458.                                 <!-- /blog-item-title -->
  459.                                 <!-- blog item - description -->
  460.                                 <div class="blog-item-description">
  461.                                     {% if key.description|length > 150 %}
  462.                                     <p><a href="/blog/{{key.id |e }}/{{key.titre|replace({' ': "-", ".":""})}}" class="">{{ key.description|u.truncate(150, true) }} ...</a></p>
  463.                                         {% else %}
  464.                                         <p><a href="/blog/{{key.id |e }}/{{key.titre|replace({' ': "-", ".":""})}}" class="">{{ key.description|raw }}</a></p>
  465.                                         {% endif %}
  466.                                 </div>
  467.                                 <!-- /blog-item-description -->
  468.                                 <!-- blog item - link -->
  469.                                 <div class="blog-item-link">
  470.                                     <a href="/blog/{{key.id |e }}/{{key.titre|replace({' ': "-", ".":""})}}" class=" btn btn-nobg">View</a>
  471.                                 </div>
  472.                                 <!-- /blog item - link -->
  473.                             </div>
  474.                             <!-- /blog item - infos -->
  475.                         </div>
  476.                     </div>
  477.                      {% endfor %}
  478.                     <!-- /blog-item -->
  479.                     <!-- blog-item -->
  480.                     
  481.                 
  482.                     <!-- /blog-item -->
  483.             
  484.                     <!-- /blog-item -->
  485.                 </div>
  486.             </div>
  487.         </div>
  488.         <!-- SECTION: Event Schedule
  489.         ================================================== -->
  490. <div class="section-blog section-padding inverted-section2" id="section-blog2">
  491.             <div class="container">
  492.                 
  493.                 <!-- Section title -->
  494.                 <div class="section-title-wrapper">
  495.                     <h2 class="title-section">Fondateurs</h2>
  496.                     <p>Fondateurs Astp</p>
  497.                 </div>                
  498.                     <div class="row">
  499.                         <div class="col-lg-2 disss"></div>
  500.                         <div class="col-lg-3 col-xs-6" style="height: 350px;">
  501.                             <img src="/astp-image/fahed.png" class="img-fluid" style="max-width: 100%;max-height: 100%;border-radius:14px">
  502.                             <div class="col-lg-12" style="margin-top:15px">
  503.                                 <center><dd style="font-size:22px"><strong>Fahed Ben Amar</strong></dd>
  504.                                 <dd><i>Professeur cadre paramédical</i></dd></center>
  505.                             </div>
  506.                         </div>
  507.                         <div class="col-lg-2 disss"></div>
  508.                         <div class="col-lg-3 col-xs-6" style="height: 350px;">
  509.                             <img src="/astp-image/mejda.png" class="img-fluid" style="max-width: 100%;max-height: 100%;border-radius:14px">
  510.                             <div class="col-lg-12" style="margin-top:15px">
  511.                                 <center><dd style="font-size:22px"><strong>Mejda Jradi</strong></dd>
  512.                                 <dd><i>Professeur cadre paramédicale</i></dd></center>
  513.                             </div>
  514.                         </div>
  515.                     </div>
  516.                 </div>
  517.             </div>
  518.         </div>
  519.         <!-- /SECTION: Event Schedule
  520.         ================================================== -->
  521. <div class="section-testimonials section-padding section-bg-right" id="section-testimonials">
  522.             <div class="container">        
  523.                 <!-- Section title -->
  524.                 <div class="section-title-wrapper">
  525.                     <h2 class="title-section">Membres du bureau</h2>
  526.                 </div>
  527.                 <!-- /Section title -->
  528.                 <!-- Testimonial Slides -->
  529.                 <div class="testimonial-slides" id="testimonial-carousel">
  530.                     <!-- item -->
  531.                     <div class="testimonial-item">
  532.                         <!-- Testimonial Content -->
  533.                         <div class="testimonial-content">
  534.                             <p>kinésithérapeute du libre pratique</p>
  535.                         </div>                        
  536.                         <!-- /Testimonial Content -->    
  537.                         <!-- Testimonial Author -->
  538.                         <div class="testimonial-credits">
  539.                             <!-- picture -->
  540.                             <div class="testimonial-picture">
  541.                                 <img src="/astp-image/majdi.png" alt=""/>
  542.                             </div>                            
  543.                             <!-- /picture -->
  544.                             <p class="testimonial-author">Majdi Maamri</p>
  545.                             <p class="testimonial-firm">Le Président</p>
  546.                         </div>
  547.                         <!-- /Testimonial Author -->                                
  548.                     </div>
  549.                         <div class="testimonial-item">
  550.                         <!-- Testimonial Content -->
  551.                         <div class="testimonial-content">
  552.                             <p>kinésithérapeute du libre pratique</p>
  553.                         </div>                        
  554.                         <!-- /Testimonial Content -->    
  555.                         <!-- Testimonial Author -->
  556.                         <div class="testimonial-credits">
  557.                             <!-- picture -->
  558.                             <div class="testimonial-picture">
  559.                                 <img src="/astp-image/chiraz.png" alt=""/>
  560.                             </div>                            
  561.                             <!-- /picture -->
  562.                             <p class="testimonial-author">Chiraz Triki</p>
  563.                             <p class="testimonial-firm">Secrétaire générale</p>
  564.                         </div>
  565.                         <!-- /Testimonial Author -->                                
  566.                     </div>
  567.                     <div class="testimonial-item">
  568.                         <!-- Testimonial Content -->
  569.                                 <div class="testimonial-content">
  570.                                     <p>Enseignante paramédicale</p>
  571.                                 </div>                        
  572.                                 <!-- /Testimonial Content -->    
  573.                                 <!-- Testimonial Author -->
  574.                                 <div class="testimonial-credits">
  575.                                     <!-- picture -->
  576.                                     <div class="testimonial-picture">
  577.                                         <img src="/astp-image/rimm.jpg" alt=""/>
  578.                                     </div>                            
  579.                                     <!-- /picture -->
  580.                                     <p class="testimonial-author">Rim Wali</p>
  581.                                     <p class="testimonial-firm">Trésorier</p>
  582.                                 </div>
  583.                         <!-- /Testimonial Author -->                                
  584.                         </div>
  585. <div class="testimonial-item">
  586.                         <!-- Testimonial Content -->
  587.                         <div class="testimonial-content">
  588.                             <p>kinésithérapeute du libre pratique </p>
  589.                         </div>                        
  590.                         <!-- /Testimonial Content -->    
  591.                         <!-- Testimonial Author -->
  592.                         <div class="testimonial-credits">
  593.                             <!-- picture -->
  594.                             <div class="testimonial-picture">
  595.                                 <img src="/astp-image/amal.jpg" alt=""/>
  596.                             </div>                            
  597.                             <!-- /picture -->
  598.                             <p class="testimonial-author">Amal KTATA</p>
  599.                             <p class="testimonial-firm">Vice-président</p>
  600.                         </div>
  601.                         <!-- /Testimonial Author -->                                
  602.                     </div>
  603.                     <div class="testimonial-item">
  604.                         <!-- Testimonial Content -->
  605.                         <div class="testimonial-content">
  606.                             <p>Kinésithérapeute du libre pratique </p>
  607.                         </div>                        
  608.                         <!-- /Testimonial Content -->    
  609.                         <!-- Testimonial Author -->
  610.                         <div class="testimonial-credits">
  611.                             <!-- picture -->
  612.                             <div class="testimonial-picture">
  613.                                 <img src="/astp-image/haitham.png" alt=""/>
  614.                             </div>                            
  615.                             <!-- /picture -->
  616.                             <p class="testimonial-author">Haithem Ben Romdhan</p>
  617.                             <p class="testimonial-firm">Président comité scientifique</p>
  618.                         </div>
  619.                         <!-- /Testimonial Author -->                                
  620.                     </div>
  621.                                 <div class="testimonial-item">
  622.                         <!-- Testimonial Content -->
  623.                                 <div class="testimonial-content">
  624.                                     <p>Professeur cadre paramédical </p>
  625.                                 </div>                        
  626.                                 <!-- /Testimonial Content -->    
  627.                                 <!-- Testimonial Author -->
  628.                                 <div class="testimonial-credits">
  629.                                     <!-- picture -->
  630.                                     <div class="testimonial-picture">
  631.                                         <img src="/astp-image/fahed.png" alt=""/>
  632.                                     </div>                            
  633.                                     <!-- /picture -->
  634.                                     <p class="testimonial-author">Fahed Ben Amar</p>
  635.                                     <p class="testimonial-firm">Membre</p>
  636.                                 </div>
  637.                         <!-- /Testimonial Author -->                                
  638.                         </div>
  639.                         
  640.         
  641.                     <!-- /item -->
  642.                     <!-- item -->
  643.                     
  644.                     <!-- /item -->
  645.                     <!-- item -->
  646.                 
  647.                     
  648.                         
  649.                         <div class="testimonial-item">
  650.                         <!-- Testimonial Content -->
  651.                         <div class="testimonial-content">
  652.                             <p>kinésithérapeute du libre pratique</p>
  653.                         </div>                        
  654.                         <!-- /Testimonial Content -->    
  655.                         <!-- Testimonial Author -->
  656.                         <div class="testimonial-credits">
  657.                             <!-- picture -->
  658.                             <div class="testimonial-picture">
  659.                                 <img src="img/team3.jpg" alt=""/>
  660.                             </div>                            
  661.                             <!-- /picture -->
  662.                             <p class="testimonial-author">Mohamed KHANFIR</p>
  663.                             <p class="testimonial-firm">Membre</p>
  664.                         </div>
  665.                         <!-- /Testimonial Author -->                                
  666.                     </div>
  667.                     <div class="testimonial-item">
  668.                         <!-- Testimonial Content -->
  669.                         <div class="testimonial-content">
  670.                             <p>kinésithérapeute du libre pratique</p>
  671.                         </div>                        
  672.                         <!-- /Testimonial Content -->    
  673.                         <!-- Testimonial Author -->
  674.                         <div class="testimonial-credits">
  675.                             <!-- picture -->
  676.                             <div class="testimonial-picture">
  677.                                 <img src="/astp-image/sedki-ben-ghozlen.png" alt=""/>
  678.                             </div>                            
  679.                             <!-- /picture -->
  680.                             <p class="testimonial-author">Sedki BEN GHOZLEN</p>
  681.                             <p class="testimonial-firm">Membre</p>
  682.                         </div>
  683.                         <!-- /Testimonial Author -->                                
  684.                     </div>
  685.                         <div class="testimonial-item">
  686.                         <!-- Testimonial Content -->
  687.                         <div class="testimonial-content">
  688.                             <p>kinésithérapeute du secteur public</p>
  689.                         </div>                        
  690.                         <!-- /Testimonial Content -->    
  691.                         <!-- Testimonial Author -->
  692.                         <div class="testimonial-credits">
  693.                             <!-- picture -->
  694.                             <div class="testimonial-picture">
  695.                                 <img src="img/team3.jpg" alt=""/>
  696.                             </div>                            
  697.                             <!-- /picture -->
  698.                             <p class="testimonial-author">Rim FAKHFAKH</p>
  699.                             <p class="testimonial-firm">Membre</p>
  700.                         </div>
  701.                         <!-- /Testimonial Author -->                                
  702.                     </div>
  703.                     
  704.                         <div class="testimonial-item">
  705.                         <!-- Testimonial Content -->
  706.                         <div class="testimonial-content">
  707.                             <p>kinésithérapeute du libre pratique</p>
  708.                         </div>                        
  709.                         <!-- /Testimonial Content -->    
  710.                         <!-- Testimonial Author -->
  711.                         <div class="testimonial-credits">
  712.                             <!-- picture -->
  713.                             <div class="testimonial-picture">
  714.                                 <img src="/astp-image/rami-rebai.png" alt=""/>
  715.                             </div>                            
  716.                             <!-- /picture -->
  717.                             <p class="testimonial-author">Ahmed Rami REBAII</p>
  718.                             <p class="testimonial-firm">Membre</p>
  719.                         </div>
  720.                         <!-- /Testimonial Author -->                                
  721.                     </div>
  722.                         <div class="testimonial-item">
  723.                         <!-- Testimonial Content -->
  724.                         <div class="testimonial-content">
  725.                             <p>kinésithérapeute du libre pratique</p>
  726.                         </div>                        
  727.                         <!-- /Testimonial Content -->    
  728.                         <!-- Testimonial Author -->
  729.                         <div class="testimonial-credits">
  730.                             <!-- picture -->
  731.                             <div class="testimonial-picture">
  732.                                 <img src="/astp-image/hassan.jpg" alt=""/>
  733.                             </div>                            
  734.                             <!-- /picture -->
  735.                             <p class="testimonial-author">Hassen GUEMRI</p>
  736.                             <p class="testimonial-firm">Membre</p>
  737.                         </div>
  738.                         <!-- /Testimonial Author -->                                
  739.                     </div>
  740.                     <!-- /item -->
  741.                 </div>
  742.                 <!-- Testimonial Slides -->
  743.             </div>
  744.         </div>
  745.         <!-- SECTION: Team
  746.         ================================================== -->
  747.         <!-- /SECTION: Team
  748.         ================================================== -->
  749.         <!-- SECTION: Testimonials
  750.         ================================================== -->
  751.         
  752.         <!-- /SECTION: Testimonials
  753.         ================================================== -->
  754.         <!-- SECTION: Sponsors
  755.         ================================================== -->
  756.     
  757.         <!-- /SECTION: Sponsors
  758.         ================================================== -->
  759.             <div class="section-sponsors inverted-section2 section-padding " id="section-sponsors">
  760.             <div class="container">
  761.                 <!-- Section title -->
  762.                 <div class="section-title-wrapper">
  763.                     <h2 class="title-section">Nos Partenaires</h2>
  764.                 </div>
  765.                 <!-- /Section title -->
  766.                 
  767.                 <div class="sponsors-list-wrapper">
  768.                     <div class="sponsors-list" id="sponsors-carousel">
  769.                     
  770.                         <!-- item -->
  771.                         
  772.                         <!-- /item -->
  773.                         <!-- item -->
  774.                         <div class="sponsor-item">
  775.                             <img src="img/logo6.jpg" alt="">
  776.                         </div>
  777.                         <!-- /item -->
  778.                         <!-- item -->
  779.                         <div class="sponsor-item">
  780.                             <img src="img/logo5.png" alt="">
  781.                         </div>
  782.                         <div class="sponsor-item">
  783.                             <img src="img/guida.png" alt="">
  784.                         </div>
  785.                         <!-- /item -->
  786.                     </div>
  787.                 </div>    
  788.             </div>                
  789.         </div>
  790.         <!-- SECTION: FAQ
  791.         ================================================== -->
  792.         <div class="section-faq section-padding section-bg-right" id="section-faq">
  793.             <div class="container">
  794.                 <!-- Section title -->
  795.                 <div class="section-title-wrapper">
  796.                     <h2 class="title-section">Pourquoi devenir notre partenaire</h2>
  797.                     <p></p>
  798.                 </div>                
  799.                 <!-- /Section title -->
  800.                 
  801.                 <!-- FAQ list -->
  802.                 <div class="schedule-list">
  803.                     <!-- FAQ itens header -->
  804.                     <div class="schedule-item-header">
  805.                         <div class="row">
  806.                             <div class="col-sm-2">
  807.                                 <!-- FAQ item bar -->
  808.                                 <div class="schedule-item-block faq-item-block schedule-item-block-top">
  809.                                     <div class="schedule-item-bar schedule-item-bar-top"></div>
  810.                                 </div>
  811.                                 <!-- /FAQ item bar -->
  812.                             </div>
  813.                             <div class="col-sm-10">                        
  814.                             </div>
  815.                         </div>
  816.                     </div>    
  817.                     <!-- /FAQ itens header -->
  818.                     <!-- FAQ item -->
  819.                     <div class="schedule-item">
  820.                         <div class="row">
  821.                             <div class="col-sm-2">
  822.                                 <!-- FAQ item bar -->
  823.                                 <div class="schedule-item-block faq-item-block">
  824.                                     <div class="schedule-item-bar"></div>
  825.                                 </div>
  826.                                 <!-- /FAQ item bar -->
  827.                             </div>
  828.                             <div class="col-sm-10 schedule-item-content-wrapper">
  829.                                 <!-- FAQ item content -->
  830.                                 <div class="schedule-item-content faq-item-content">
  831.                                     <div class="row">
  832.                                         <!-- col -->
  833.                                         <div class="col-sm-12">
  834.                                             <div class="schedule-item-infos">
  835.                                                 <!-- FAQ Question -->
  836.                                                 <h3 class="schedule-item-title faq-item-title">Public cible</h3>
  837.                                                 <!-- /FAQ Question -->
  838.                                                 <!-- FAQ reply -->
  839.                                                 <div class="schedule-item-text">
  840.                                                     <p>les kinésithérapeutes de différents secteur (libre pratique, étatique, étudiants).</p>
  841.                                                 </div>    
  842.                                                 <!-- /FAQ reply -->
  843.                                             </div>                                                        
  844.                                         </div>
  845.                                         <!-- /col -->
  846.                                     </div>                                                                        
  847.                                 </div>
  848.                                 <!-- FAQ item content -->
  849.                             </div>
  850.                         </div>
  851.                     </div>    
  852.                     <!-- /FAQ item -->
  853.                     <!-- FAQ item -->
  854.                     <div class="schedule-item">
  855.                         <div class="row">
  856.                             <div class="col-sm-2">
  857.                                 <!-- FAQ item bar -->
  858.                                 <div class="schedule-item-block faq-item-block">
  859.                                     <div class="schedule-item-bar"></div>
  860.                                 </div>
  861.                                 <!-- /FAQ item bar -->
  862.                             </div>
  863.                             <div class="col-sm-10 schedule-item-content-wrapper">
  864.                                 <!-- FAQ item content -->
  865.                                 <div class="schedule-item-content faq-item-content">
  866.                                     <div class="row">
  867.                                         <!-- col -->
  868.                                         <div class="col-sm-12">
  869.                                             <div class="schedule-item-infos">
  870.                                                 <!-- FAQ Question -->
  871.                                                 <h3 class="schedule-item-title faq-item-title">Entreprise</h3>
  872.                                                 <!-- /FAQ Question -->
  873.                                                 <!-- FAQ reply -->
  874.                                                 <div class="schedule-item-text">
  875.                                                     <p>Associer le nom de votre entreprise à la recherche scientifique et au développement.</p>
  876.                                                 </div>    
  877.                                                 <!-- /FAQ reply -->
  878.                                             </div>                                                        
  879.                                         </div>
  880.                                         <!-- /col -->
  881.                                     </div>                                                                        
  882.                                 </div>
  883.                                 <!-- FAQ item content -->
  884.                             </div>
  885.                         </div>
  886.                     </div>    
  887.                     <!-- /FAQ item -->
  888.                     <!-- FAQ item -->
  889.                     <div class="schedule-item">
  890.                         <div class="row">
  891.                             <div class="col-sm-2">
  892.                                 <!-- FAQ item bar -->
  893.                                 <div class="schedule-item-block faq-item-block">
  894.                                     <div class="schedule-item-bar"></div>
  895.                                 </div>
  896.                                 <!-- /FAQ item bar -->
  897.                             </div>
  898.                             <div class="col-sm-10 schedule-item-content-wrapper">
  899.                                 <!-- FAQ item content -->
  900.                                 <div class="schedule-item-content faq-item-content">
  901.                                     <div class="row">
  902.                                         <!-- col -->
  903.                                         <div class="col-sm-12">
  904.                                             <div class="schedule-item-infos">
  905.                                                 <!-- FAQ Question -->
  906.                                                 <h3 class="schedule-item-title faq-item-title">Encourager l’association à exécuter ses objectifs qui sont </h3>
  907.                                                 <!-- /FAQ Question -->
  908.                                                 <!-- FAQ reply -->
  909.                                                 <div class="schedule-item-text">
  910.                                                     <p>
  911.                                                         <ul>
  912.                                                             <li>Assurer la formation post universitaire </li>
  913. <li>Améliorer les compétences des kinésithérapeutes de libre pratique et du secteur public </li>
  914. <li>Organiser des rencontres interprofessionnelles permettant des échanges d’idées et de technologie    </li>
  915. </p>
  916.                                                 </div>    
  917.                                                 <!-- /FAQ reply -->
  918.                                             </div>                                                        
  919.                                         </div>
  920.                                         <!-- /col -->
  921.                                     </div>                                                                        
  922.                                 </div>
  923.                                 <!-- FAQ item content -->
  924.                             </div>
  925.                         </div>
  926.                     </div>    
  927.                     <!-- /FAQ item -->
  928.                     
  929.                     
  930.                     <!-- FAQ itens footer -->
  931.                     <div class="schedule-item-footer">
  932.                         <div class="row">
  933.                             <div class="col-sm-2">
  934.                                 <!-- FAQ item bar -->
  935.                                 <div class="schedule-item-block faq-item-block schedule-item-block-bottom">
  936.                                     <div class="schedule-item-bar schedule-item-bar-bottom"></div>
  937.                                 </div>
  938.                                 <!-- /FAQ item bar -->
  939.                             </div>
  940.                             <div class="col-sm-10">                        
  941.                             </div>
  942.                         </div>
  943.                     </div>    
  944.                     <!-- /FAQ itens footer -->
  945.                 </div>
  946.                 <!-- /FAQ list -->
  947.             </div>
  948.         </div>
  949.         <!-- /SECTION: FAQ
  950.         ================================================== -->
  951.         <!-- SECTION: Blog
  952.         ================================================== -->
  953.         <!-- /SECTION: Blog
  954.         ================================================== -->
  955.         <!-- SECTION: Prices
  956.         ================================================== -->
  957.     
  958.         <!-- /SECTION: Prices
  959.         ================================================== -->
  960.         <!-- SECTION: Register
  961.         ================================================== -->
  962.         <div class="section-register inverted-section2 section-padding" id="section-register">
  963.             <div class="container">
  964.                 <!-- Section title -->
  965.                 <div class="section-title-wrapper">
  966.                     <h2 class="title-section">Newslettre</h2>
  967.                     <p>S’INSCRIRE A NOTRE INFOLETTRE</p>
  968.                 </div>                
  969.                 <!-- /Section title -->    
  970.                 <div class="row row-nopr">
  971.                     <form id="register-form" method="post" class="form register-form">
  972.                         <div class="col-sm-8">
  973.                             <input name="name" id="name" type="text" class="form-control" placeholder="E-mail" required>
  974.                         </div>
  975.                     
  976.                         
  977.                         <div class="col-sm-3">
  978.                             <input type="submit" class="btn btn-default btn-form" name="submit" value="Envoyer"/>
  979.                         </div>
  980.                         <input type="hidden" value="New Event Register!" name="subject" id="subject">
  981.                     </form>
  982.                 </div>
  983.             </div>    
  984.         </div>
  985.         <!-- /SECTION: Register
  986.         ================================================== -->
  987.         <!-- SECTION: Location
  988.         ================================================== -->
  989.         
  990.         <!-- /SECTION: Location
  991.         ================================================== -->
  992.     </div>
  993. </div>
  994. <!-- Contact Form - Ajax Messages
  995. ========================================================= -->
  996. <!-- Form Sucess -->
  997. <div class="form-result modal-wrap" id="contactSuccess">
  998.   <div class="modal-bg"></div>
  999.   <div class="modal-content">
  1000.     <h4 class="modal-title"><i class="fa fa-check-circle"></i> Success!</h4>
  1001.     <p>Your message has been sent to us.</p>
  1002.   </div>
  1003. </div>
  1004. <!-- /Form Sucess -->
  1005. <!-- form-error -->
  1006. <div class="form-result modal-wrap" id="contactError">
  1007.   <div class="modal-bg"></div>
  1008.   <div class="modal-content">
  1009.     <h4 class="modal-title"><i class="fa fa-times"></i> Error</h4>
  1010.     <p>There was an error sending your message.</p>
  1011.   </div>
  1012. </div>
  1013. <!-- /form-error -->
  1014. <!-- / Contact Form - Ajax Messages
  1015. ========================================================= -->
  1016. <!-- Footer
  1017. ================================================== -->
  1018. {% include ('includes/footer.html.twig') %}
  1019. </body>
  1020. </html>