templates/ancien/index.html.twig line 1

Open in your IDE?
  2. <!DOCTYPE html>
  3. <html>
  5. {% include ('includes/head.html.twig') %}
  6. <body>
  7. <!-- Page Loader
  8. ========================================================= -->
  9. <div class="loader-container" id="page-loader"> 
  10.   <div class="loading-wrapper loading-wrapper-hide">
  11.       <div class="loader-animation" id="loader-animation">
  12.           <svg class="svg-loader" width=100 height=100>
  13.           <circle cx=50 cy=50 r=25 />
  14.         </svg>
  15.       </div>    
  16.     <!-- Edit With Your Name -->
  17.     <div class="loader-name" id="loader-name">
  18.       <img src="img/loader-logo.png" alt="">
  19.     </div>
  20.     <!-- /Edit With Your Name -->
  21.     <!-- Edit With Your Job -->
  22.     <p class="loader-job" id="loader-job">June 4-8 2016 @ New York City</p>
  23.     <!-- /Edit With Your Job -->
  24.   </div>   
  25. </div>
  26. <!-- /End of Page loader
  27. ========================================================= -->
  29. <!-- Header
  30. ================================================== -->
  32. {% include ('includes/header.html.twig') %}
  34. <!-- /Header
  35. ================================================== -->
  38. <div class="page-wrapper">
  39.     
  40.     <div id="body-content">
  42.         <!-- SECTION: Intro
  43.         ================================================== -->
  44.         <div class="owl-carousel main-carousel" id="main-carousel">
  46.             <!-- slide -->
  47.                         
  48.             <div class="main-intro" style="background-image: url('/astp-image/back1.png');">
  49.                 <div class="container">                        
  50.                     <div class="intro-content-wrapper viewport">
  51.                         <!-- Main Title -->
  52.                         <!-- Adjust the margin-top in css according to content to keep always centered vertically-->
  53.                         <div class="intro-content countdown-wrapper intro-content-slide2">
  55.                             <!-- countDown -->
  56.                             
  57.                                     <h2 class="intro-title1">
  58.                                 
  59.                                 </h2>
  60.                             <!-- /countDown -->            
  61.                         </div>
  62.                         <!-- /Main Title -->
  63.                     </div>            
  64.                 </div>
  65.             </div>
  66.         
  67.             <!-- /slide -->
  69.             <!-- slide -->
  70.         
  71.             <!-- /slide -->
  73.             <!-- slide -->
  74.             
  75.             <!-- /slide -->
  76.         </div>        
  77.         <!-- /SECTION: Intro
  78.         ================================================== -->
  80.         <!-- SECTION: Event Infos
  81.         ================================================== -->
  82.                 
  83.         <!-- SECTION: /Event Infos
  84.         ================================================== -->    
  87.         <!-- SECTION: Event Description
  88.         ================================================== -->
  89.         <div class="section-about" id="section-about">
  90.             <div class="container-fluid">
  91.                 <div class="row">
  92.                     <!-- Left Column -->
  93.                     <div class="about-picture-wrapper" style="margin-top: 5%">
  94.                         <div class="about-picture" id="about-picture">
  95.                             <img src="/uploads/images/event/{{ancien.imagePrincipale|e }}" alt="" class="responsive-image" style="width:70%;margin-left:20%">
  96.                         </div>
  97.                     </div>                
  98.                     <!-- /Left Column -->
  99.                     <!-- Right Column -->
  100.                     <div class="about-text-wrapper"> 
  101.                         <div class="about-text" id="about-text">
  102.                             <h1 class="title3 title-border"><i class="fa fa-dot-circle-o"></i> {{ ancien.titre|e }}</h1>
  103.                             <dd><i class="fa fa-calendar" aria-hidden="true"></i> {{ancien.getDateEvenement()    |date('Y-m-d') }}</dd>
  104.                             <div class="about-text-content">
  105.                                 <p>
  106.                                     {{ ancien.description|raw }}
  107.                                 </p>
  108.                             </div>        
  109.                             {% if ancien.id == 49 %}                    
  110.                             <a href="/formulaire/evenement/{{ancien.id}}" class="btn btn-nobg"> Rejoindre à l'evenement</a> 
  111.                             {% else %}
  112.                             <a href="/evenement/autre/detail/{{ancien.id}}/register/" class="btn btn-nobg"> Rejoindre à l'evenement</a> 
  113.                             {% endif %}
  114.                         </div>
  115.                     </div>
  116.                     <!-- /Right Column -->
  117.                 </div>
  118.             </div>
  119.         </div>
  120.         <!-- /SECTION: Event Description
  121.         ================================================== -->
  123.         <!-- SECTION: Event Schedule
  124.         ================================================== -->
  125.         
  126. {% include ('includes/footer.html.twig') %}
  128. </body>
  129. </html>