templates/evenement/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  4. {% include ('includes/head.html.twig') %}
  5. <body>
  6. <!-- Page Loader
  7. ========================================================= -->
  8. <div class="loader-container" id="page-loader"> 
  9.   <div class="loading-wrapper loading-wrapper-hide">
  10.       <div class="loader-animation" id="loader-animation">
  11.           <svg class="svg-loader" width=100 height=100>
  12.           <circle cx=50 cy=50 r=25 />
  13.         </svg>
  14.       </div>    
  15.     <!-- Edit With Your Name -->
  16.     <div class="loader-name" id="loader-name">
  17.       <img src="https://astp.tn/uploads/images/event/astp-12-post-instagram-65a00d0f5cd07488094972.jpg" alt="">
  18.     </div>
  19.     <!-- /Edit With Your Name -->
  20.     <!-- Edit With Your Job -->
  21.     <p class="loader-job" id="loader-job">June 4-8 2016 @ New York City</p>
  22.     <!-- /Edit With Your Job -->
  23.   </div>   
  24. </div>
  25. <!-- /End of Page loader
  26. ========================================================= -->
  28. <!-- Header
  29. ================================================== -->
  31. {% include ('includes/header.html.twig') %}
  33. <!-- /Header
  34. ================================================== -->
  36. <style type="text/css">
  37.     .main-intro:before {
  38.         content: '';
  39.     display: block;
  40.     width: 100%;
  41.     height: 100%;
  42.     background: none;
  43.     position: absolute;
  44.     top: 0;
  45.     left: 0;
  46.     
  47. }
  48. .main-intro:before{
  49.     background: rgba(31, 81, 139, 0.2) !important;
  50. }
  51. </style>
  52. <div class="page-wrapper">
  53.     
  54.     <div id="body-content">
  56.         <!-- SECTION: Intro
  57.         ================================================== -->
  58.                 <div class="owl-carousel main-carousel" id="main-carousel">
  60.                     <!-- slide -->
  61.                         {% for key in carousel %}
  62.                                 <div class="main-intro" style="background-image: url('/uploads/images/gallerie/{{key.image|e}}');">
  63.                                     <div class="container">                        
  64.                                         <div class="intro-content-wrapper viewport">
  65.                                             <!-- Main Title -->
  66.                                             <!-- Adjust the margin-top in css according to content to keep always centered vertically-->
  67.                                             <div class="intro-content countdown-wrapper intro-content-slide2">
  68.                                                 
  69.                                                 <!-- countDown -->
  70.                                                 
  71.                                                 
  72.                                             </div>
  73.                                     
  74.                                         </div>            
  75.                                     </div>
  76.                                 </div>
  77.                     {% endfor %}
  78.             
  79.                 </div>            
  80.         <!-- /SECTION: Intro
  81.         ================================================== -->
  83.         <!-- SECTION: Event Infos
  84.         ================================================== -->
  85.                 
  86.         <!-- SECTION: /Event Infos
  87.         ================================================== -->    
  90.         <!-- SECTION: Event Description
  91.         ================================================== -->
  92.     
  93.         <!-- /SECTION: Event Description
  94.         ================================================== -->
  96.         <!-- SECTION: Event Schedule
  97.         ================================================== -->
  98.         <div class="section-event-infos inverted-section" id="section-event-infos">
  99.             <div class="container-fluid">
  100.         
  101.             </div>
  102.         </div>    
  103.     {% if event|length > 0 %}
  104.         <div class="section-about" id="section-about">
  105.             <div class="container-fluid">
  106.                 <div class="row">
  107.                     <!-- Left Column -->
  108.                     <div class="about-picture-wrapper">
  109.                         <div class="about-picture" id="about-picture">
  110.                             <img src="/uploads/images/event/{{event[0].imagePrincipale|e }}" alt="" class="responsive-image" style="">
  111.                         </div>
  112.                     </div>                
  113.                     <!-- /Left Column -->
  114.                     <!-- Right Column -->
  115.                     <div class="about-text-wrapper"> 
  116.                         <div class="about-text" id="about-text">
  117.                             <h1 class="title3 title-border"><i class="fa fa-dot-circle-o"></i> {{ event[0].titre|e }}</h1>
  118.                             <div class="about-text-content">
  119.                             
  120.                                 <p>{{ event[0].description|raw }}
  121.     </p>
  122.                             </div>    
  123.                             {% if tt ==1 %}                        
  124.                             <a href="/congre/{{ event[0].getId() }}/{{event[0].getTitre() |replace({" ": "-"})|raw }}/" class="btn btn-nobg"><i class="fa fa-calendar"></i> Voir evenement</a> 
  125.                             {% else %}
  126.                             <a href="/evnement/ancien-evenement/{{event[0].getTitre() |replace({" ": "-"})|raw }}/{{ event[0].getId() }}/" class="btn btn-nobg"><i class="fa fa-calendar"></i> Voir evenement</a> 
  128.                             {% endif %}
  129.                         </div>
  130.                     </div>
  131.                     <!-- /Right Column -->
  132.                 </div>
  133.             </div>
  134.         </div>
  135.         {% else %}
  136.         <div class="section-about" id="section-about" style="height:70px"></div>
  137.         {% endif %}
  138. <!---- test 1---->
  139. <div class="section-team inverted-section2 section-padding" id="section-speakers">
  140.             <div class="container">
  141.                 <!-- Section title -->
  142.                 <div class="section-title-wrapper">
  143.                     <h2 class="title-section">{{ title|e }}</h2>
  144.                     <p>évenement </p>
  145.                 </div>
  146.                 <!-- /Section title -->
  147.                 <div class="owl-carousel" id="about-team">
  148.                     <!-- item -->
  149.                     {% if ancien|length > 0 %}
  150.                      {% for key in ancien %}
  152.                     <div class="team-item">
  153.                         <!-- team-member wrapper-->
  154.                         <div class="team-item-wrapper">
  155.                             <!-- team-member pic -->
  156.                             <div class="team-member-picture-wrapper">
  157.                                 <div class="team-item-picture">
  158.                                     <img src="/uploads/images/event/{{ key.imagePrincipale|e }}" class="img-fluid" alt="" style="height: 200px" />
  159.                                 </div>
  160.                                 <div class="team-member-find">
  161.                                     <div class="team-member-find-overlay">
  162.                                         <!-- overlay content -->
  163.                                         <div class="team-member-find-content">
  164.                                         
  165.                                         {% if id == 1%}
  166.                                         <a href='/congre/{{ key.id|e }}/{{key.titre|replace({" ":"-"})}}/'>    <i class="fa fa-link" aria-hidden="true"></i></a>
  168.                                         
  169.                                         {% else %}
  170.                                         <a href='/evnement/ancien-evenement/{{key.titre|replace({" ":"-"})}}/{{ key.id|e }}/'>    <i class="fa fa-link" aria-hidden="true"></i></a>
  171.                                         {% endif %}
  172.                                         </div>                                    
  173.                                         <!-- /overlay content -->
  174.                                     </div>                                
  175.                                 </div>
  176.                             </div>                    
  177.                             <!-- /team-member pic -->
  178.                             <!-- team-member Infos -->
  179.                             <div class="team-item-content">
  180.                                 <h3 class="team-item-title">{{ key.titre|e }}</li></h3>
  181.                                 <p class="team-item-subtitle"><i class="fa fa-calendar" aria-hidden="true"></i> {{ key.getDateEvenement()    |date('Y-m-d') }}</p>                                
  182.                             </div>
  183.                             <!-- team-member Infos -->
  184.                         </div>
  185.                         <!-- /team-member wrapper-->
  186.                     </div>
  188.                 {% endfor %}
  189.                 {% else %}
  190.                 <div class="alert alert-danger" role="alert">
  191. Pas d'évenement 
  192. </div>
  193.                 {% endif %}
  194.                     <!-- /item -->
  195.                     <!-- item -->
  196.                 
  197.                 </div>
  198.             </div>
  199.         </div>
  203. </div>
  205.     
  207. <!-- Contact Form - Ajax Messages
  208. ========================================================= -->
  209. <!-- Form Sucess -->
  210. <div class="form-result modal-wrap" id="contactSuccess">
  211.   <div class="modal-bg"></div>
  212.   <div class="modal-content">
  213.     <h4 class="modal-title"><i class="fa fa-check-circle"></i> Success!</h4>
  214.     <p>Your message has been sent to us.</p>
  215.   </div>
  216. </div>
  217. <!-- /Form Sucess -->
  218. <!-- form-error -->
  219. <div class="form-result modal-wrap" id="contactError">
  220.   <div class="modal-bg"></div>
  221.   <div class="modal-content">
  222.     <h4 class="modal-title"><i class="fa fa-times"></i> Error</h4>
  223.     <p>There was an error sending your message.</p>
  224.   </div>
  225. </div>
  226. <!-- /form-error -->
  227. <!-- / Contact Form - Ajax Messages
  228. ========================================================= -->
  230. <!-- Footer
  231. ================================================== -->
  232. {% include ('includes/footer.html.twig') %}
  234. </body>
  235. </html>