src/Flexy/FrontBundle/templates/announce/index.html.twig line 1

Open in your IDE?
  1. {% extends '@Flexy/FrontBundle/templates/announce/layout.html.twig' %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.      
  7.    
  8.      
  9. {% endblock %}
  10.  
  13. {% block body %}
  16.  <!-- Begin Body Wrapper -->
  17.         <div class="body-wrapper">
  18.             <div class="container simple-container">
  19.                     <div class="row">
  21.                      <!-- Begin Category Menu  Area -->
  22.                         <div class="col-lg-2 col-md-2" style="padding-left:3px;padding-right:3px;">
  23.                              <!--Category Menu Start-->
  24.                               <div class="category-menu">
  25.                                 <div class="category-heading">
  26.                                     <h2 class="categories-toggle"><span>categories</span></h2>
  27.                                 </div>
  28.                                 <div id="cate-toggle" class="category-menu-list">
  29.                                     <ul>
  30.                                        {% for categoriesOffers in categoriesProduct %}
  31.                                 <li class="menu-item right-menu  first" > 
  32.                                     <a href="{{path('announce_category_product',{id:categoriesOffers.id})}}"  >
  33.                                   {{ categoriesOffers.name}} 
  34.                                     </a>
  35.                                 </li>
  36.                                  {% endfor %}
  37.                                  </ul>
  39.                                
  41.                                 </div>
  42.                             </div>
  43.                             <!--Category Category Menu End-->
  44.                         </div>
  45.                          
  46.                  
  47.                 
  48.                         <!--  Category Menu end  Here -->
  49.                         <!-- Begin Slider Area -->
  50.                         <div class="col-lg-10 col-md-10" style="height:430px;overflow:hidden;padding-left:3px;padding-right:3px;" >
  51.                             <div class="slider-area">
  52.                                 <div class="slider-active owl-carousel">
  53.  
  54.                                     <!-- Single Slide Area End Here -->
  55.                                 <!-- Begin Single Slide Area -->
  56.                                        
  57.                            <div style="background-image:url('/omall/announce1.jpg')" class="single-slide   animation-style-01 bg-1">
  58.                                       <div class="slider-progress"></div>
  59.                                         
  60.                                     </div>
  61.                                    
  62.                                 </div>
  63.                             </div>
  64.                         </div>
  65.             
  66.                        
  67.                     </div>
  68.                 </div>
  70.             
  71.  
  72.             <!-- Begin Deals Li's Special Product Area  -->
  73.             <section class="product-area-offre li-laptop-product Special-product pt-60 pb-45">
  74.                 <div class="container">
  76.                     
  77.                     <div class="row">
  78.                     
  79.                         
  80.                         <!-- Begin Li's Section Area -->
  81.                         
  82.                         <div class="col-lg-12">
  83.                             <div class="li-section-title">
  84.                                 <h2>
  85.                                     <span>Ces annonces peuvent vous intéresser</span>
  86.                                 </h2>
  87.                             </div>
  88.                             <div class="row">
  89.                                 <div class="special-offers owl-carousel">
  92.                                 {% for singleAnnounce in announce %}
  93.                                         {% 
  94.                                         include "@Flexy/FrontBundle/templates/announce/singleAnnounce/_singleAnnounce.html.twig" with
  95.                                         {
  96.                                             singleAnnounce:singleAnnounce,
  97.                                             isDeal:true
  98.                                         }
  99.                                          %} 
  100.                                 {% endfor %}
  102.                               
  103.                                 </div>
  104.                             </div>
  105.                         </div>
  106.                         
  107.                         <!-- Li's Section Area End Here -->
  108.                     </div>
  109.                 </div>
  110.             </section>
  111.             <!-- Li's Deals Special Product Area End Here -->
  115.             <div class="container simple-container">
  116.                     <div class="row">
  117.                         <!-- Begin Single Banner Area -->
  118.                                                
  120.                                  
  121.                             
  122.                         <div class="col-lg-6 col-md-6 "> 
  123.                                         <div class="single-banner">
  124.                                 <a href="#">
  125.                                     <img src="https://www.lemagdelimmobilier.com/images/dossiers/2022-04/saisie-immobiliere-083715.jpg" alt="">
  126.                                 </a>
  127.                             </div>
  130.                         </div>
  131.                                                         
  132.        
  133.                             
  134.                         <div class="col-lg-6 col-md-6 "> 
  135.                                         <div class="single-banner">
  136.                                 <a href="#">
  137.                                     <img src="https://www.lemagdelimmobilier.com/images/dossiers/2022-04/saisie-vente-083425.jpg" alt="">
  138.                                 </a>
  139.                             </div>
  142.                         </div>
  143.                                                         
  144.                           
  146.                         <!-- Single Banner Area End Here -->
  148.                     </div>
  149.                 </div>
  150.            
  152.         </div>
  153.         <!-- Body Wrapper End Here -->
  155.         
  157.             
  159.              <!-- Begin Deals Li's Special Product Area  -->
  160.             <section class="product-area li-laptop-product Special-product pt-60 pb-45">
  161.                
  162.             </section>
  163.             <!-- Li's Deals Special Product Area End Here -->
  165. {% endblock %}
  168. {% block javascripts %}
  169. {{parent()}}
  171. <script>
  172.         $(".special-offers").owlCarousel({
  173.         loop: true,
  174.         nav: true,
  175.         dots: false,
  176.         autoplay: false,
  177.         autoplayTimeout: 5000,
  178.         navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
  179.         item: 4,
  180.         responsive: {
  181.             0: {
  182.                     items: 1
  183.             },
  184.             480: {
  185.                     items: 1
  186.             },
  187.             768: {
  188.                     items: 3
  189.             },
  190.             992: {
  191.                     items: 3
  192.             },
  193.             1200: {
  194.                     items: 4
  195.             }
  196.         }
  197.     });
  201. </script>
  202. {% endblock %}