templates/index/index.html.twig line 1

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