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

Open in your IDE?
  1. {% extends '@Flexy/FrontBundle/templates/booking/layout.html.twig' %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.      
  7. {% endblock %}
  8.  
  11. {% block body %}
  14.  <!-- Begin Body Wrapper -->
  15.         <div class="body-wrapper">
  16.             <div class="container simple-container">
  17.                     <div class="row">
  19.                      <!-- Begin Category Menu  Area -->
  20.                         <div class="col-lg-2 col-md-2" style="padding-left:3px;padding-right:3px;">
  21.                              <!--Category Menu Start-->
  22.                             <div class="category-menu">
  23.                                 <div class="category-heading">
  24.                                     <h2 class="categories-toggle"><span>categories</span></h2>
  25.                                 </div>
  26.                                 <div id="cate-toggle" class="category-menu-list" >
  27.                                     <ul>
  28.                                           {% for categoriesOffers in categoriesProduct %}
  29.                                 <li class="menu-item right-menu  first" > 
  30.                                     <a href="#{{categoriesOffers.id}}" >
  31.                                    {{ categoriesOffers.name}} 
  32.                                     </a>
  33.                                 </li>
  34.                                  {% endfor %}
  36.                                    
  37.                                      </ul>
  38.                                  </div>
  39.                             </div>
  40.                             <!--Category Category Menu End-->
  41.                         </div>
  42.                          
  43.                  
  44.                 
  45.                         <!--  Category Menu end  Here -->
  46.                         <!-- Begin Slider Area -->
  47.                         <div class="col-lg-10 col-md-10" style="height:430px;overflow:hidden;padding-left:3px;padding-right:3px;" >
  48.                             <div class="slider-area">
  49.                                 <div class="slider-active owl-carousel">
  51.                                      <!-- Begin Single Slide Area -->
  52.                                     <div style="background-image:url('https://res.cloudinary.com/simplotel/image/upload/x_0,y_128,w_1457,h_654,r_0,c_crop,q_90,fl_progressive/w_1457,f_auto,c_fit/sarovar-hotels---indias-leading-hotel-chain/Sarovar_Summer-offer_May-2019_Website-banner_kkjpuu');background-position: center;background-size:cover;" class="single-slide align-center-left  animation-style-01 bg-1">
  53.                                         <div class="slider-progress"></div>
  54.                                         
  55.                                     </div>
  56.                                     <!-- Single Slide Area End Here -->
  57.                                 <!-- Begin Single Slide Area -->
  58.                                     <div style="background-image:url('https://i0.wp.com/www.agoda.com/wp-content/uploads/2021/11/Shopee-Agoda-RG.png?fit=1262%2C707&ssl=1');background-position: center;background-size:cover;" class="single-slide align-center-left  animation-style-01 bg-1">
  59.                                         <div class="slider-progress"></div>
  60.                                         
  61.                                     </div>
  62.                                    
  63.                                 </div>
  64.                             </div>
  65.                         </div>
  66.             
  67.                        
  68.                     </div>
  69.                 </div>
  71.             
  73.               {% for categoriesOffers in categoriesProduct %}
  75.             <section  id="{{ categoriesOffers.id}}"   class="product-area  pt-20 pb-0" >
  76.            
  77.             <div class="container"    >
  78.                  <nav class="navbar navbar-light rounded " style="background-color:#E1BEE7;">
  79.                 <span    class="navbar-brand mb-0 h1  text-center " > {{ categoriesOffers.name}}   </span>
  80.                 </nav>
  81.                     <div class="row container">
  82.                        
  83.                             
  84.                         <!-- Begin Single Banner Area -->
  85.                    
  87.                       {% for singleBrand in offrebrand   %}   
  88.                            
  89.                          {% if singleBrand.categorie  == categoriesOffers.id %}
  90.                             
  92.                                         
  93.                   <div class="col-lg-2 col-md-2 menu-item "> 
  94.                                         <div class="single-banner">
  95.                                  {% if singleBrand.image %}
  96.                       <a href="{{path('single_brand_product',{id:singleBrand.id})}}">   <img  class="brand" src="/uploads/{{asset(singleBrand.image)}}" alt="" />
  97.                       </a>
  98.                                                     
  99.                                                 {% else %}
  100.                         <a href="{{path('single_brand_product',{id:singleBrand.id})}}">     <img class="brand" height="136" src="{{asset("bundles/flexyfront/assets/images/picture.png")}}" alt="">
  101.                                              </a> 
  102.                                                 {% endif %}
  103.                                
  104.                                     
  105.                             </div>
  107.   
  108.                         </div>
  109.                           
  110.                          
  111.                           {% endif %}
  112.                          
  113.                {% endfor %}    
  114.                                  
  115.              
  117.                       
  118.                         <!-- <div class="col-lg-2 col-md-2 "> 
  119.                                         <div class="single-banner">
  120.                                 <a href="#">
  121.                                     <img  class="rounded" src="https://www.travelpesoph.com/public/uploads/service-11.jpg" alt="">
  122.                                 </a>
  123.                             </div>
  126.                         </div>  -->
  128.                         <!-- Single Banner Area End Here -->
  130.                     </div>
  131.                 </div>
  134.             </section>
  135.             {% endfor %}
  136.             <!-- Begin Deals Li's Special Product Area   
  137.             <section class="product-area li-laptop-product Special-product pt-60 pb-45">
  138.                 <div class="container">
  140.                     
  141.                     <!-- <div class="row">
  142.                     
  143.                         
  144.                           Begin Li's Section Area -->
  145.                         
  146.                        <!--  <div class="col-lg-12">
  147.                             <div class="li-section-title">
  148.                                 <h2>
  149.                                     <span>Hôtels</span>
  150.                                 </h2>
  151.                             </div>
  152.                             <div class="row">
  153.                                 <div class="special-offers owl-carousel">
  156.                               {#   {% for singleOffer in offers %}
  157.                                         {% 
  158.                                         include "@Flexy/FrontBundle/templates/booking/singleOffer/_singleOffer.html.twig" with
  159.                                         {
  160.                                             singleOffer:singleOffer,
  161.                                             isDeal:true
  162.                                         }
  163.                                          %} 
  164.                                 {% endfor %}
  165.       #}
  166.                               
  167.                                 </div>
  168.                             </div>
  169.                         </div> 
  170.                         
  171.                       
  172.                     </div> 
  173.                 </div>
  174.             </section>
  175.              Li's Deals Special Product Area End Here -->
  176. <section class="product-area li-laptop-product Special-product pt-60 pb-45">
  177.                 
  178.             </section>
  181.             <div class="container simple-container">
  182.                     <div class="row">
  183.                         <!-- Begin Single Banner Area -->
  184.                                                
  186.                                  
  187.                             
  188.                         <div class="col-lg-6 col-md-6 "> 
  189.                                         <div class="single-banner">
  190.                                 <a href="#">
  191.                                     <img src="https://www.travelpesoph.com/public/uploads/service-11.jpg" alt="">
  192.                                 </a>
  193.                             </div>
  196.                         </div>
  197.                                                         
  198.        
  199.                             
  200.                         <div class="col-lg-6 col-md-6 "> 
  201.                                         <div class="single-banner">
  202.                                 <a href="#">
  203.                                     <img src="https://i.ytimg.com/vi/G2F6pOTxb8s/maxresdefault.jpg" alt="">
  204.                                 </a>
  205.                             </div>
  208.                         </div>
  209.                                                         
  210.                           
  212.                         <!-- Single Banner Area End Here -->
  214.                     </div>
  215.                 </div>
  216.            
  218.         </div>
  219.         <!-- Body Wrapper End Here -->
  221.         
  223.             
  225.              <!-- Begin Deals Li's Special Product Area  -->
  226.             <section class="product-area li-laptop-product Special-product pt-60 pb-45">
  227.                
  228.             </section>
  229.             <!-- Li's Deals Special Product Area End Here -->
  231. {% endblock %}
  234. {% block javascripts %}
  235. {{parent()}}
  237. <script>
  238.         $(".special-offers").owlCarousel({
  239.         loop: true,
  240.         nav: false,
  241.         dots: false,
  242.         autoplay: false,
  243.         autoplayTimeout: 5000,
  244.         navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-left"></i>'],
  245.         item: 4,
  246.         responsive: {
  247.             0: {
  248.                     items: 1
  249.             },
  250.             480: {
  251.                     items: 1
  252.             },
  253.             768: {
  254.                     items: 3
  255.             },
  256.             992: {
  257.                     items: 3
  258.             },
  259.             1200: {
  260.                     items: 4
  261.             }
  262.         }
  263.     });
  265.      
  267. </script>
  268. {% endblock %}