templates/blog/detail.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="/img/loader-logo.png" 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. ================================================== -->
  44. <!--             -->
  45. <div class="page-wrapper" >
  46.     
  47.     <div id="body-content" style="background:white;">
  48.         <div class="owl-carousel main-carousel" id="main-carousel" >
  50.             <!-- slide -->
  51.             <div class="main-intro" style="background-image: url('/astp-image/back1.png');" >
  53.                 <div class="container" style="height:500px">    
  54.                     <div class="intro-content-wrapper viewport">
  55.                         <!-- INTRO CONTENT -->
  56.                         <!-- Adjust the margin-top in style atribute according to content to keep always centered vertically-->
  57.                         <div class="intro-content intro-content-slide1">
  58.                             <!-- row -->
  59.                             <div class="row">
  60.                                 <!-- col -->
  61.                                 <div class="col-md-10 col-md-offset-1">
  62.                                     <!--<img src="img/globe.png" alt="">-->
  63.                                     <h2 class="intro-title1">Blog</h2>
  64.                                     <!-- Buttons -->
  65.                                     <div class="ic-buttons">
  66.                                         
  67.                                     </div>
  68.                                     <!-- /Buttons -->
  69.                                 </div>
  70.                                 <!-- /col -->
  71.                             </div>
  72.                             <!-- /row -->                        
  73.                                                             
  74.                         </div>    
  75.                         <!-- /INTRO CONTENT -->                    
  76.                     </div>                            
  77.                 </div>
  78.             </div>
  79. </div>
  81.         <!-- SECTION: Intro
  82.         ================================================== -->
  83.                 
  84.         <!-- /SECTION: Intro
  85.         ================================================== -->
  87.         <!-- SECTION: Event Infos
  88.         ================================================== -->
  89.                 
  90.         <!-- SECTION: /Event Infos
  91.         ================================================== -->    
  94.         <!-- SECTION: Event Description
  95.         ================================================== -->
  96.     
  97.         <!-- /SECTION: Event Description
  98.         ================================================== -->
  100.         <!-- SECTION: Event Schedule
  101.         ================================================== -->
  102.     <div class="col-lg-12" style="height:70px;">
  103.       
  104.     </div>
  105.     <div class="row">
  106.              <div class="col-lg-2"></div>
  107.              <div class="col-lg-6">
  108.          
  109.     
  110.         <div class="section-about" id="section-about" style="background-color:white;margin-top:5%;padding-top:3%">
  111.             <div class="container-fluid">
  112.                 <div class="row">
  113.                     <h1 class="title3 title-border">    {{key.titre|e}}        </h1>
  114.                     <br><br><br>
  115.                     <!-- Left Column -->
  116.                     <div class="col-lg-12">
  117.                         <div class="about-picture" id="about-picture">
  118.                             <img src="/uploads/images/event/{{key.image|e}}" alt="" class="img-fluid" style="width:100%">
  119.                         </div>
  120.                     </div>                
  121.                     <!-- /Left Column -->
  122.                     <!-- Right Column -->
  123.                     <br><br>
  124.                     <div class="col-lg-12"> 
  125.                         <div class="about-text" id="about-text">
  126.                         
  127.                             <div class="about-text-content">
  128.                             <br><br>
  129.                                 <p class="team-item-subtitle"><i class="fa fa-calendar" aria-hidden="true"></i>  {{ key.date_add|date('d/m/Y') }}</p>    
  130.                                 <p style="font-size:21px">    
  131.                                     {{ key.text|raw }}        
  132.                                 </p>
  133.                             </div>    
  134.                             {% if id == 5 %}
  135.                             <div class="row"> 
  136.                                 <div class="col-lg-3">
  137.                                                     <img src="/uploads/images/event/aa1.jpg" alt="" class="img-fluid" style="width:100%">
  138.                                 </div>
  139.                                 <div class="col-lg-3">
  140.                                                     <img src="/uploads/images/event/aa2.jpg" alt="" class="img-fluid" style="width:100%">
  141.                                 </div>
  142.                                 <div class="col-lg-3">
  143.                                                     <img src="/uploads/images/event/aa3.jpg" alt="" class="img-fluid" style="width:100%">
  144.                                 </div>
  145.                                 <br><br><br><br><br>
  146.                                 <br><br><br><br><br>
  147.                             </div>
  148.                             {% endif %}
  150.                             <br><br><br><br><br>
  151.                             
  152.                         </div>
  153.                     </div>
  154.                         
  155.                     <!-- /Right Column -->
  156.                 </div>
  157.             </div>
  158.         </div>
  159.         
  160.         </div>
  161.              <div class="col-lg-3">
  162.                 <div class="row" style="padding-top:15%">
  163.                 <!--- blog pc -->
  164.                  {% for keys in blog_new %}
  165.                 <div class="col-lg-12" style="margin-top:5%">
  166.                         <div class="col-lg-4">
  167.                             <img src="/uploads/images/event/{{keys.image|e}}"  style="height:100px">
  168.                         </div>
  169.                         <div class"col-lg-6">
  170.                             <dd>
  171.                                     <i class="fa fa-calendar" aria-hidden="true"></i>   {{ key.date_add|date('d/m/Y') }} </dd>
  172.                                         <h5><b><a href="/blog/{{keys.id |e }}/{{keys.titre|replace({' ': "-", ".":""})}}">{{keys.titre|e}}    </a></b></h5>
  173.                                     <p >{{ keys.description|u.truncate(30, true) }}    ...    </p>
  174.                         </div>
  175.                 </div>
  176.                 {% endfor %}
  177.                     
  178.                 </div>
  179.              </div>
  180.     
  181.     </div>
  182. <!---- test 1---->
  186.     
  189.         <!-- SECTION: Register
  190.         ================================================== -->
  191.         
  192.         <!-- /SECTION: Register
  193.         ================================================== -->
  195.         <!-- SECTION: Location
  196.         ================================================== -->
  197.     
  198.         <!-- /SECTION: Location
  199.         ================================================== -->
  200.     </div>
  201. </div>
  204. <!-- Contact Form - Ajax Messages
  205. ========================================================= -->
  207. <!-- Footer
  208. ================================================== -->
  209. {% include ('includes/footer.html.twig') %}
  211. </body>
  212. </html>