templates/congre/congre.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. {% include ('includes/head.html.twig') %}
  4. <body>
  5. <!-- Page Loader
  6. ========================================================= -->
  7. <div class="loader-container" id="page-loader"> 
  8.   <div class="loading-wrapper loading-wrapper-hide">
  9.       <div class="loader-animation" id="loader-animation">
  10.           <svg class="svg-loader" width=100 height=100>
  11.           <circle cx=50 cy=50 r=25 />
  12.         </svg>
  13.       </div>    
  14.     <!-- Edit With Your Name -->
  15.     <div class="loader-name" id="loader-name">
  16.       <img src="https://astp.tn/uploads/images/event/astp-12-post-instagram-65a00d0f5cd07488094972.jpg" alt="">
  17.     </div>
  18.     <!-- /Edit With Your Name -->
  19.     <!-- Edit With Your Job -->
  20.     <p class="loader-job" id="loader-job">June 4-8 2016 @ New York City</p>
  21.     <!-- /Edit With Your Job -->
  22.   </div>   
  23. </div>
  24. <!-- /End of Page loader
  25. ========================================================= -->
  26. <!-- Header
  27. ================================================== -->
  28. {% include ('includes/header.html.twig') %}
  29. <!-- /Header
  30. ================================================== -->
  31. <style>
  32. .main-intro:before {
  33.     background: rgba(31, 81, 139, 0.2) !important;
  34. }
  35. </style>
  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.                 
  44.             <div class="main-intro" style="background-image: url('/uploads/images/gallerie/congree.png');display:none">
  45.                 <div class="container">                        
  46.                     <div class="intro-content-wrapper viewport">
  47.                         <!-- Main Title -->
  48.                         <!-- Adjust the margin-top in css according to content to keep always centered vertically-->
  49.                         <div class="intro-content countdown-wrapper intro-content-slide2">
  50.                             <!-- countDown -->
  51.                                 <h2 class="intro-title1" style="display:none">10 éme congrés de l'astp<br><span style="color:yellow">13</span> et <span style="color:yellow">14</span> Novembre 2021
  52.                                     épaule et main<br>Arthrose et activités physique
  53.                                 </h2>
  54.                                     <h2 class="intro-title1">
  55.                                      {{article.titre|raw}}
  56.                                 </h2>
  57.                             <!-- /countDown -->            
  58.                         </div>
  59.                         <!-- /Main Title -->
  60.                     </div>            
  61.                 </div>
  62.             </div>
  63.         
  64.             <!-- /slide -->
  65.             <!-- slide -->
  66.         
  67.             <!-- /slide -->
  68.         </div>        
  69.         <!-- /SECTION: Intro
  70.         ================================================== -->
  71.         <!-- SECTION: Event Infos
  72.         ================================================== -->
  73.         <div class="section-event-infos inverted-section" id="section-event-infos">
  74.         
  75.         </div>            
  76.         <!-- SECTION: /Event Infos
  77.         ================================================== -->    
  78.         <!-- SECTION: Event Description
  79.         ================================================== -->
  80.         <div class="section-about" id="section-about">
  81.             <div class="container-fluid">
  82.                 <div class="row">
  83.                     <!-- Left Column -->
  84.                     <div class="about-picture-wrapper">
  85.                         <div class="about-picture" id="about-picture">
  86.                             <img src="/uploads/images/event/{{article.imagePrincipale|e}}" alt="" class="responsive-image">
  87.                         </div>
  88.                     </div>                
  89.                     <!-- /Left Column -->
  90.                     <!-- Right Column -->
  91.                     <div class="about-text-wrapper"> 
  92.                         <div class="about-text" id="about-text">
  93.                             <h1 class="title3 title-border"><i class="fa fa-dot-circle-o"></i> {{article.titre|raw}}</h1>
  94.                             <div class="about-text-content">
  95.                                 <p>
  96.                                 {{article.description|raw}}
  97.                                 </p>
  98.                             </div>        
  99.                             {% if  article.desplay != 0 %}                    
  100.                              <a href="/evenement/detail/{{id|raw}}/register/" class="btn btn-nobg" style="display:none"> Rejoindre à l'evenement</a>
  101.                                 
  102.                                  <a href="/formulaire/evenementcongre/20" class="btn btn-nobg">Rejoindre l'événement</a>
  103.                             {% endif %}
  104.                         </div>
  105.                     </div>
  106.                     <!-- /Right Column -->
  107.                 </div>
  108.             </div>
  109.         </div>
  110.         <!-- /SECTION: Event Description
  111.         ================================================== -->
  112.         <!-- SECTION: Event Schedule
  113.         ================================================== -->
  114.         <div class="section-schedule section-bg-left" id="section-schedule">
  115.             <div class="container">
  116.                 <!-- Section title -->
  117.                 <div class="section-title-wrapper">
  118.                     <h2 class="title-section"><span class="title-section-bg">Event Schedule <small></small></span></h2>
  119.                 </div>
  120.                 <!-- /Section title -->
  121.                 
  122.                 <!-- TABS -->
  123.                 <div class="tabs">
  124.                     <div class="row">
  125.                         <div class="col-sm-10 col-sm-offset-2 schedule-tab-links-wrapper">
  126.                             <!-- Tab links -->
  127.                             <ul class="tab-links schedule-tab-links">
  128.                                 {% set i=0 %}
  129.                                  {% for t in tab3 %}
  130.                                  {% if i==0  %}
  131.                                  {% set i=2 %}
  132.                                 <li class="active"><a href="#schedule-tab1"><span class="fa fa-calendar"></span>&nbsp;&nbsp; {{t|raw}}</a></li>
  133.                                     
  134.                                 {% else %}
  135.                                 
  136.                                 <li><a href='#{{t|replace({" ":"-","é":"e"})}}'><span class="fa fa-calendar"></span>&nbsp;&nbsp; {{t|raw}}</a></li>
  137.                                    {% endif %}
  138.                                 {% endfor %}
  139.                             </ul>
  140.                             <!-- /Tab Links -->
  141.                         </div>
  142.                     </div>
  143.                     
  144.                         
  145.                     <!-- Schedule Tabs -->
  146.                     <div class="schedule-tabs">
  147.                         <!-- Schedule Tab -->
  148.                         {% set i=0 %}
  149.                          {% for t in tab3 %}
  150.                           {% if i==0  %}
  151.                                  {% set i=2 %}
  152.                         <div class="schedule-tab tab" id="schedule-tab1">
  153.                                      {% else %}
  154.                                 <div class="schedule-tab tab" id="{{t|replace({" ":"-","é":"e"})}}">
  155.                                           {% endif %}
  156.                             <!-- schedule list -->
  157.                             <div class="schedule-list">
  158.                                 <!-- Schedule itens header -->
  159.                                 <div class="schedule-item-header">
  160.                                     <div class="row">
  161.                                         <div class="col-sm-2">
  162.                                             <!-- schedule item bar -->
  163.                                             <div class="schedule-item-block schedule-item-block-top">
  164.                                                 <div class="schedule-item-bar schedule-item-bar-top"></div>
  165.                                             </div>
  166.                                             <!-- /schedule item bar -->
  167.                                         </div>
  168.                                         <div class="col-sm-10">                        
  169.                                         </div>
  170.                                     </div>
  171.                                 </div>    
  172.                                 <!-- /Schedule itens header -->
  173.                              {% for tt in tab %}
  174.                              {% if tt['posetion'] == t %}
  175.                                 <!-- Schedule item -->
  176.                                 <div class="schedule-item">
  177.                                     <div class="row">
  178.                                         <div class="col-sm-2">
  179.                                             <!-- schedule item bar -->
  180.                                             <div class="schedule-item-block">
  181.                                                 <div class="schedule-item-bar"></div>
  182.                                             </div>
  183.                                             <!-- /schedule item bar -->
  184.                                         </div>
  185.                                         
  186.                                         <div class="col-sm-10 schedule-item-content-wrapper">
  187.                                             <!-- schedule item content -->
  188.                                             <div class="schedule-item-content">
  189.                                                 <div class="row">
  190.                                                     <!-- col -->
  191.                                                 
  192.                                                     <!-- /col -->
  193.                                                     <!-- col -->
  194.                                                     <div class="col-sm-10">
  195.                                                         <div class="schedule-item-infos">
  196.                                                             <h4 class="schedule-item-date">{{tt['timeN'] | date('g:ia')}}</h4>
  197.                                                             <h3 class="schedule-item-title">{{tt['titre']}}</h3>
  198.                                                             <div class="schedule-item-text">
  199.                                                                 <p>{{tt['decription']}}</p>
  200.                                                             </div>    
  201.                                                         </div>                                                        
  202.                                                     </div>
  203.                                                     <!-- /col -->
  204.                                                 </div>                                                                        
  205.                                             </div>
  206.                                             <!-- schedule item content -->
  207.                                         </div>
  208.                                         
  209.                                     </div>
  210.                                 </div>
  211.                                 {% endif %}    
  212.                             {% endfor %}
  213.                                 <!-- /Schedule item -->
  214.                                 
  215.                                 <!-- Schedule item -->
  216.                             
  217.                                 <!-- Schedule item -->
  218.                                 
  219.                                 <!-- /Schedule item -->
  220.                                 <!-- Schedule item -->
  221.                             
  222.                                 <!-- /Schedule item -->
  223.                                 <!-- Schedule itens footer -->
  224.                                 
  225.                                 <!-- /Schedule itens footer -->
  226.                             </div>
  227.                             <!-- /schedule list -->
  228.                         </div>
  229.                         {% endfor %}
  230.                         <!-- /Schedule Tabaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa -->
  231.                         <!-- Schedule Tab -->
  232.                 
  233.                     <!-- /Schedule Tabs -->    
  234.                     
  235.                 </div>
  236.                 <!-- /TABS -->
  237.                             
  238.             </div>
  239.         </div>
  240.         <!-- /SECTION: Event Schedule
  241.         ================================================== -->
  242.         <!-- SECTION: Team
  243.         ================================================== -->
  244.         <div class="section-team inverted-section2 section-padding" id="section-speakers">
  245.             <div class="container">
  246.                 <!-- Section title -->
  247.                 <div class="section-title-wrapper">
  248.                     <h2 class="title-section">Orateurs</h2>
  249.                     <p></p>
  250.                 </div>
  251.                 <!-- /Section title -->
  252.                 <div class="owl-carousel" id="about-team">
  253.                     <!-- item -->
  254.                     {% for key in speakers %}
  255.                     <div class="team-item">
  256.                         <!-- team-member wrapper-->
  257.                         <div class="team-item-wrapper">
  258.                             <!-- team-member pic -->
  259.                             <div class="team-member-picture-wrapper">
  260.                                 <div class="team-item-picture">
  261.                                     <img src="/uploads/images/gallerie/{{key.image|e}}" alt=""/>
  262.                                 </div>
  263.                                 
  264.                             </div>                    
  265.                             <!-- /team-member pic -->
  266.                             <!-- team-member Infos -->
  267.                             <div class="team-item-content">
  268.                                 <h3 class="team-item-title">{{key.name|raw}}</h3>
  269.                                 <p class="team-item-subtitle">{{key.fonctionalite|raw}}</p>                                
  270.                             </div>
  271.                             <!-- team-member Infos -->
  272.                         </div>
  273.                         <!-- /team-member wrapper-->
  274.                     </div>
  275.                     {% endfor %}
  276.                     
  277.                     <!-- /item -->
  278.                     <!-- item -->
  279.                     <!-- /item -->
  280.                     <!-- item -->
  281.                 
  282.                     <!-- /item -->
  283.                     <!-- item -->
  284.             
  285.                     <!-- /item -->
  286.                     <!-- item -->
  287.                     
  288.                     <!-- /item -->
  289.                     <!-- item -->
  290.                 
  291.                     <!-- /item -->
  292.                 </div>
  293.             </div>
  294.         </div>
  295.         <!-- /SECTION: Team
  296.         ================================================== -->
  297.         <!-- SECTION: Testimonials
  298.         ================================================== -->
  299.             <style>
  300.                 .price-ticket-title {
  301.    
  302.     font-size: 35px !important;
  303.     
  304.                 }
  305.                 .price-ticket-item-border .row{margin-top:8%}
  306.             </style>
  307.             <div class="section-prices section-padding section-bg-left" id="section-prices">
  308.             <div class="container">
  309.                 <!-- Section title -->
  310.                 <div class="section-title-wrapper">
  311.                     <h2 class="title-section">Prix</h2>
  312.                     <p>Liste des prix</p>
  313.                 </div>                
  314.                 <!-- /Section title -->    
  315.                 <!-- Princing Tickets -->
  316.                 <div class="row">
  317.  {% for t in tab5 %}
  318.                     <!-- item -->
  319.                     <div class="col-sm-4" style="margin-top:3%">
  320.                         <!-- price ticket -->
  321.                         <a href="/formulaire/evenementcongre/20" class="price-ticket-item">
  322.                             <div class="price-ticket-item-wrapper">
  323.                                 <!-- Front card -->
  324.                                 <div class="price-ticket-item-front">
  325.                                     <div class="price-ticket-item-border">
  326.                                         <!-- row -->
  327.                                         <div class="row">
  328.                                             <!-- col -->
  329.                                             <div class="col-sm-6">
  330.                                                 <!-- ticket price -->
  331.                                                 <h3 class="price-ticket-title">{{t.prix|e}} Tnd</h3>
  332.                                                 
  333.                                                 <!-- /ticket-price -->                                    
  334.                                             </div>
  335.                                             <!-- /col -->
  336.                                             <!-- col -->
  337.                                             <div class="col-sm-6 no-spadding">
  338.                                                 <div class="price-ticket-infos-wrapper">
  339.                                                     <p><strong>{{ t.titre|e }}</strong></p>
  340.                                                     <ul class="clean-list">
  341.                                                         <li><i class="fa fa-check"></i>&nbsp; Adhérent</li>
  342.                                                     
  343.                                                     
  344.                                                     </ul>
  345.                                                 </div>                                                
  346.                                             </div>
  347.                                             <!-- /col -->
  348.                                         </div>
  349.                                         <!-- /row -->
  350.                                     </div>                                    
  351.                                 </div>
  352.                                 
  353.                                 <!-- /front-card -->
  354.                                 <!-- Back Card -->
  355.                                 <div class="price-ticket-item-back">
  356.                                     <div class="price-ticket-item-border">
  357.                                         <div class="price-ticket-buy">
  358.                                             <p class="ticket-item-buy-ico"><i class="fa fa-ticket"></i></p>
  359.                                             <h3 class="ticket-item-buy-text">Payé</h3>
  360.                                             <p><i>à seulement 1 clic !</i></p>
  361.                                         </div>
  362.                                     </div>
  363.                                 </div>
  364.                                 <!-- /Back Card -->
  365.                             </div>                            
  366.                         </a>
  367.                         <!-- /price ticket -->
  368.                     </div>
  369.   {% endfor %}
  370.                     <!-- /item -->
  371.     
  372.                     <!-- /item -->
  373.                 </div>
  374.                 <!-- /Princing Tickets -->
  375.                 
  376.             </div>                
  377.         </div>
  378.     <div class="section-sponsors inverted-section2 section-padding " id="section-sponsors">
  379.             <div class="container">
  380.                 <!-- Section title -->
  381.                 <div class="section-title-wrapper">
  382.                     <h2 class="title-section">Sponsorisée par</h2>
  383.                     <p></p>
  384.                 </div>
  385.                 <!-- /Section title -->
  386.                 
  387.                 <div class="sponsors-list-wrapper">
  388.                     <div class="sponsors-list" id="sponsors-carousel">
  389.                         <!-- item -->
  390.                             {% for key in sponsored %}
  391.                         <div class="sponsor-item">
  392.                             <img src="/uploads/images/gallerie/{{key.image|e}}" alt=""  style="height:100%;width:100%">
  393.                         </div>
  394.                         {% endfor %}
  395.                         <!-- /item -->
  396.                         <!-- item -->
  397.                     
  398.                         <!-- /item -->
  399.                     </div>
  400.                 </div>    
  401.             </div>                
  402.         </div>
  403.         <!-- /SECTION: Testimonials
  404.         ================================================== -->
  405.         <!-- SECTION: Sponsors
  406.         ================================================== -->
  407.     
  408.         <!-- /SECTION: Sponsors
  409.         ================================================== -->
  410.         
  411.         <!-- SECTION: FAQ
  412.         ================================================== -->
  413.         <!-- /SECTION: FAQ
  414.         ================================================== -->
  415.         <!-- SECTION: Blog
  416.         ================================================== -->
  417.     
  418.         <!-- /SECTION: Blog
  419.         ================================================== -->
  420.         <!-- SECTION: Prices
  421.         ================================================== -->
  422.         <!-- /SECTION: Prices
  423.         ================================================== -->
  424.         <!-- SECTION: Register
  425.         ================================================== -->
  426.     
  427.         <!-- /SECTION: Register
  428.         ================================================== -->
  429.         <!-- SECTION: Location
  430.         ================================================== -->
  431.         <div class="container-fluid">
  432.             <div class="row">
  433.                 <div class="map" id="map">            
  434.                 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d204.93600192672048!2d10.765570335623227!3d34.73099855272741!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x13002d2e0853ccb1%3A0x519a81a50253a5f0!2sHotel%20Les%20Oliviers%20Palace!5e0!3m2!1sfr!2stn!4v1727176299435!5m2!1sfr!2stn"  height="350"></iframe>
  435.                 </div>
  436.             </div>            
  437.         </div>
  438.         <!-- /SECTION: Location
  439.         ================================================== -->
  440.     </div>
  441. </div>
  442. <!-- Contact Form - Ajax Messages
  443. ========================================================= -->
  444. <!-- Form Sucess -->
  445. <div class="form-result modal-wrap" id="contactSuccess">
  446.   <div class="modal-bg"></div>
  447.   <div class="modal-content">
  448.     <h4 class="modal-title"><i class="fa fa-check-circle"></i> Success!</h4>
  449.     <p>Your message has been sent to us.</p>
  450.   </div>
  451. </div>
  452. <!-- /Form Sucess -->
  453. <!-- form-error -->
  454. <div class="form-result modal-wrap" id="contactError">
  455.   <div class="modal-bg"></div>
  456.   <div class="modal-content">
  457.     <h4 class="modal-title"><i class="fa fa-times"></i> Error</h4>
  458.     <p>There was an error sending your message.</p>
  459.   </div>
  460. </div>
  461. <!-- /form-error -->
  462. <!-- / Contact Form - Ajax Messages
  463. ========================================================= -->
  464. <!-- Footer
  465. ================================================== -->
  466. {% include ('includes/footer.html.twig') %}
  467. </body>
  468. </html>