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

Open in your IDE?
  1. {% extends '@Flexy/FrontBundle/templates/layout.html.twig' %}
  3. {% block body %}
  4.   {% for message in app.flashes('success') %}
  5.              
  6.      <div class="alert  alert-success  alert-dismissible fade show text-center " role="alert">
  7.   <strong > <i class="fa fa-check"></i>   {{ message }}</strong>  
  8.   <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  9.     <span aria-hidden="true">&times;</span>
  10.   </button>
  11. </div>
  12.         {% endfor %}
  14.  <!-- Begin Body Wrapper -->
  15.         <div class="body-wrapper">
  17.             <!-- Begin Slider With Banner Area -->
  18.             <div class="slider-with-banner">
  19.                 <div class="container simple-container">
  20.                     <div class="row">
  22.                      <!-- Begin Category Menu  Area -->
  23.                         <div class="col-lg-2 col-md-2" style="padding-left:3px;padding-right:3px;">
  24.                              <!--Category Menu Start-->
  25.                             <div class="category-menu">
  26.                                 <div class="category-heading">
  27.                                     <h2 class="categories-toggle"><span>categories</span></h2>
  28.                                 </div>
  29.                                 <div id="cate-toggle" class="category-menu-list">
  30.                                 {{ knp_menu_render('FlexyShopBundle:CategoryMenuShopBuilder:mainMenu') }}
  32.                                 </div>
  33.                             </div>
  34.                             <!--Category Category Menu End-->
  35.                         </div>
  36.                         <!--  Category Menu end  Here -->
  37.                         <!-- Begin Slider Area -->
  38.                         <div class="col-lg-8 col-md-8" style="height:430px;overflow:hidden;padding-left:3px;padding-right:3px;" >
  39.                             <div class="slider-area">
  40.                                 <div class="slider-active owl-carousel">
  42.                                 {% for singleSlide in masterSliders %}
  43.                                     {% 
  44.                                         include "@Flexy/FrontBundle/templates/include-pubs/_singleMasterSlider.html.twig" with
  45.                                         {
  46.                                             singleSlide:singleSlide
  47.                                         }
  48.                                    %}
  49.                                 {% endfor %}
  50.                                    
  51.                                 </div>
  52.                             </div>
  53.                         </div>
  54.                         <!-- Slider Area End Here -->
  57.                                                 <!-- Begin Li Banner Area -->
  58.                         <div class="col-lg-2 col-md-2 text-center pt-sm-30" style="padding-left:3px;padding-right:3px;">
  60.                         {% for singleBanner in pubBanners %}
  62.                             {% if singleBanner.emplacement == "beginHeader" %}      
  63.                                         {% 
  64.                                         include "@Flexy/FrontBundle/templates/include-pubs/_singlePubBanner.html.twig" with
  65.                                         {
  66.                                             singleBanner:singleBanner,
  67.                                             class:"li-banner mb-1"
  68.                                         }
  69.                                         %}
  70.                             {% endif %}
  71.                             
  72.                         {% endfor %}    
  73.                         </div>
  74.                         <!-- Li Banner Area End Here -->
  75.                        
  76.                     </div>
  77.                 </div>
  78.             </div>
  79.             <!-- Slider With Banner Area End Here -->
  82.             <div class="omall-services mt-50">
  83.             
  84.                 <div class="container simple-container">
  86.                     <div class="row text-center" >
  87.                         <div   class="col-3 menu-item">
  88.                             <div style="background-color:white;    box-shadow: 0 0 15px #00000010;border-radius: 5px;" class="btn-service p-1">
  89.                                 <a class="" href="{{path("single_category_product",{id:75})}}" style="width: 100%;">
  90.                                                             <img style="width:130px;margin-right: 10px;" src="{{asset('omall/logo-food.png')}}" />
  91.                                                             </a>
  92.                             </div>
  93.                         </div>
  94.                         <div  class="col-3 menu-item">
  95.                         <div style="background-color:white;    box-shadow: 0 0 15px #00000010;border-radius: 5px;" class="btn-service p-1">
  96.                             <a class="" href="{{path('index_announce')}}" style="width: 100%;">
  97.                             <img style="width:130px;margin-right: 10px;" src="{{asset('omall/logo-livraison.png')}}" />
  98.                             </a>
  99.                             </div>
  100.                         </div>
  101.                         <div class="col-3 menu-item">
  102.                         <div style="background-color:white;    box-shadow: 0 0 15px #00000010;border-radius: 5px;" class="btn-service p-1">
  103.                             <a class="" href="{{path('index_booking')}}" style="width: 100%;">
  104.                             <img style="width:130px;margin-right: 10px;" src="{{asset('omall/logo-services.png')}}" />
  105.                             </a>
  106.                             </div>
  107.                         </div>
  108.                         <div  class="col-3 menu-item">
  109.                         <div style="background-color:white;    box-shadow: 0 0 15px #00000010;border-radius: 5px;" class="btn-service p-1">
  110.                             <a class="" href="{{path('index_deals')}}" style="width: 100%;">
  111.                             <img style="width:130px;margin-right: 10px;" src="{{asset('omall/logo-deals.png')}}" />
  112.                             </a>
  113.                         </div>
  114.                         </div>
  115.                     </div>
  116.                 
  117.                 </div>
  118.             </div>
  120.             <!-- Begin Product Area -->
  121.             <div class="product-area pt-60 pb-50">
  122.                 <div class="container">
  123.                     <div class="row">
  124.                         <div class="col-lg-12">
  125.                             <div class="li-product-tab">
  126.                                 <ul class="nav li-product-menu">
  127.                                    <li><a class="active" data-toggle="tab" href="#li-new-product"><span>Arrivages</span></a></li>
  128.                                    <li><a data-toggle="tab" href="#li-best-seller ventes-product"><span>Meilleures ventes</span></a></li>
  129.                                    <li><a data-toggle="tab" href="#li-featured-product"><span>Produits phares</span></a></li>
  130.                                 </ul>               
  131.                             </div>
  132.                             <!-- Begin Li's Tab Menu Content Area -->
  133.                         </div>
  134.                     </div>
  135.                     <div class="tab-content">
  136.                         <div id="li-new-product" class="tab-pane active show" role="tabpanel">
  137.                             <div class="row">
  138.                                 <div class="product-active owl-carousel">
  140.                                 {% for singleProduct in products %}
  141.                                     {% 
  142.                                         include "@Flexy/FrontBundle/templates/products/includes/_singleProduct.html.twig" with
  143.                                         {
  144.                                             singleProduct:singleProduct
  145.                                         }
  146.                                    %}
  147.                                 {% endfor %}
  148.                                 </div>
  149.                             </div>
  150.                         </div>
  151.                         <div id="li-best-seller" class="tab-pane" role="tabpanel">
  152.                             <div class="row">
  153.                                 <div class="product-active owl-carousel">
  154.    
  155.                             {% for singleProduct in products %}
  156.                                     {% 
  157.                                         include "@Flexy/FrontBundle/templates/products/includes/_singleProduct.html.twig" with
  158.                                         {
  159.                                             singleProduct:singleProduct
  160.                                         }
  161.                                    %}
  162.                                 {% endfor %}
  163.                                 </div>
  164.                             </div>
  165.                         </div>
  166.                         <div id="li-featured-product" class="tab-pane" role="tabpanel">
  167.                             <div class="row">
  168.                                 <div class="product-active owl-carousel">
  169.                                     {% for singleProduct in products %}
  170.                                     {% 
  171.                                         include "@Flexy/FrontBundle/templates/products/includes/_singleProduct.html.twig" with
  172.                                         {
  173.                                             singleProduct:singleProduct
  174.                                         }
  175.                                    %}
  176.                                             {% endfor %}
  177.                                 </div>
  178.                             </div>
  179.                         </div>
  180.                     </div>
  181.                 </div>
  182.             </div>
  183.             <!-- Product Area End Here -->
  184.             <!-- Begin Li's Static Banner Area -->
  185.             <div class="li-static-banner">
  186.                 <div class="container simple-container">
  187.                     <div class="row">
  188.                         <!-- Begin Single Banner Area -->
  189.                         {% for singleBanner in pubBanners %}
  190.                        
  192.                             {% if singleBanner.emplacement == "bellowArrival" %}     
  193.                             
  194.                         <div class="col-lg-6 col-md-6 "> 
  195.                                         {% 
  196.                                         include "@Flexy/FrontBundle/templates/include-pubs/_singlePubBanner.html.twig" with
  197.                                         {
  198.                                             singleBanner:singleBanner,
  199.                                             class:"single-banner"
  200.                                         }
  201.                                         %}
  202.                         </div>
  203.                             {% endif %}
  204.                             
  205.                           
  206.                         
  207.                         {% endfor %} 
  208.                         <!-- Single Banner Area End Here -->
  210.                     </div>
  211.                 </div>
  212.             </div>
  213.             <!-- Li's Static Banner Area End Here -->
  215.             {% if deals|length > 0 %}
  216.             <!-- Begin Deals Li's Special Product Area  -->
  217.           <section class="product-area li-laptop-product Special-product pt-60 pb-45">
  218.                 <div class="container">
  219.                     <div class="row"> 
  221.                         
  222.                         <!-- Begin Li's Section Area -->
  223.                         
  224.                         <div class="col-lg-12">
  225.                             <div class="li-section-title">
  226.                                 <h2>
  227.                                     <span>Produits en promos</span>
  228.                                 </h2>
  229.                             </div>
  230.                             <div class="row">
  231.                                 <div class="special-product-active owl-carousel">
  234.                                 {% for singleProduct in deals %}
  235.                                         {% 
  236.                                         include "@Flexy/FrontBundle/templates/products/includes/_singleProduct.html.twig" with
  237.                                         {
  238.                                             singleProduct:singleProduct,
  239.                                             isDeal:true
  240.                                         }
  241.                                          %} 
  242.                                 {% endfor %}
  244.                               
  245.                                 </div>
  246.                             </div>
  247.                         </div>
  248.                         
  249.                         <!-- Li's Section Area End Here -->
  250.                     </div>
  251.                 </div>
  252.             </section> 
  253.             <!-- Li's Deals Special Product Area End Here -->
  254.             {% endif %}
  258.                         <!-- Begin BlackFriday Featured Product With Banner Area -->
  259.             <div class="featured-pro-with-banner mt-sm-5 pb-sm-10 mt-xs-5 pb-xs-10">
  260.                 <div class="container simple-container">
  261.                     <div class="row">
  262.                         <!-- Begin Li's Featured Banner Area -->
  263.                         
  265.                     {% for singleBanner in pubBanners %}
  266.                        
  268.                             {% if singleBanner.emplacement == "blackFridaySection" %}      
  269.                                         {% 
  270.                                         include "@Flexy/FrontBundle/templates/include-pubs/_singlePubBanner.html.twig" with
  271.                                         {
  272.                                             singleBanner:singleBanner,
  273.                                             class:"li-banner"
  274.                                         }
  275.                                         %}
  276.                             {% endif %}
  277.                             
  278.                           
  279.                         {% endfor %}  
  281.                         <!-- Li's Featured Banner Area End Here -->
  282.                         <!-- Begin Featured Product Area -->
  283.                         <div class="col-lg-9">
  284.                             <div class="container" >
  285.                             <div class="featured-product pt-sm-30 pt-xs-30">
  286.                                 <div class="li-section-title">
  287.                                     <h2>
  288.                                         <span>Black friday</span>
  289.                                     </h2>
  290.                                 </div>
  291.                                 <div class="row">
  292.                                     <div class="featured-product-active owl-carousel">
  294.                                         {% for singleProduct in products %}
  295.                                         <div class="featured-product-bundle menu-item">
  296.                                         
  297.                                             <div class="featured-pro-wrapper mb-30 mb-sm-25">
  298.                                                 <div class="product-img">
  299.                                                     <a href="{{path('single_product',{id:singleProduct.id})}}">
  300.                                                     {% if singleProduct.image %}
  301.                                                     <img src="{{ asset('uploads/' ~ singleProduct.image) | imagine_filter('my_thumb') }}" alt="{{singleProduct.name}}" />
  303.                                                     
  304.                                                         {% else %}
  305.                                                             <img height="136" src="{{asset("bundles/flexyfront/assets/images/picture.png")}}" alt="{{singleProduct.name}}">
  306.                                                         {% endif %}
  307.                                                     </a>
  308.                                                 </div>
  309.                                                 <div class="featured-pro-content">
  310.                                                     <div class="product-review">
  311.                                                         <h5 class="manufacturer">
  312.                                                             <a href="shop-left-sidebar.html">{{singleProduct.categoriesProduct|first}}</a>
  313.                                                         </h5>
  314.                                                     </div>
  315.                                                     <div class="rating-box">
  316.                                                         <ul class="rating">
  317.                                                             <li><i class="fa fa-star"></i></li>
  318.                                                             <li><i class="fa fa-star"></i></li>
  319.                                                             <li><i class="fa fa-star"></i></li>
  320.                                                             <li class="no-star"><i class="fa fa-star"></i></li>
  321.                                                             <li class="no-star"><i class="fa fa-star"></i></li>
  322.                                                         </ul>
  323.                                                     </div>
  324.                                                     <h4><a class="featured-product-name" href="{{path('single_product',{id:singleProduct.id})}}">{{singleProduct.name}}</a></h4>
  325.                                                     <div class="featured-price-box">
  326.                                                         <span class="new-price new-price-2">{{singleProduct.formattedPrice}} MAD</span>
  327.                                                         <span class="old-price">{{singleProduct.oldPrice}}</span>
  328.                                                         <span class="discount-percentage">-7%</span>
  329.                                                     </div>
  330.                                                     <div class="featured-product-action">
  331.                                                         <ul class="add-actions-link">
  332.                                                             <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  333.                                                             <li><a class="links-details" href="{{path('single_product',{id:singleProduct.id})}}"><i class="fa fa-heart-o"></i></a></li>
  334.                                                             <li><a class="quick-view" data-toggle="modal" data-target="#exampleModalCenter" href="#"><i class="fa fa-eye"></i></a></li>
  335.                                                         </ul>
  336.                                                     </div>
  337.                                                 </div>
  338.                                             </div>
  339.                                         
  340.                                        
  341.                                         
  342.                                         </div>
  343.                                          {% endfor %}
  344.                                         
  346.                                     </div>
  347.                                 </div>
  348.                             </div>
  349.                             </div>
  350.                             
  351.                         </div>
  352.                         <!-- Featured Product Area End Here -->
  353.                     </div>
  354.                 </div>
  355.             </div>
  356.             <!-- Featured BlackFriday Product With Banner Area End Here -->
  358.             <!-- Begin Li's Trending Product Area -->
  359.             <section class="product-area li-trending-product pt-60 pb-45">
  360.                 <div class="container">
  361.                     <div class="row">
  362.                         <!-- Begin Li's Tab Menu Area -->
  363.                         <div class="col-lg-12">
  364.                             <div class="li-product-tab li-trending-product-tab">
  365.                                 <h2>
  366.                                     <span>Trendding Products</span>
  367.                                 </h2>
  368.                                 <ul class="nav li-product-menu li-trending-product-menu">
  369.                                    <li><a class="active" data-toggle="tab" href="#home1"><span>Sanai</span></a></li>
  370.                                    <li><a data-toggle="tab" href="#home2"><span>Camera Accessories</span></a></li>
  371.                                    <li><a data-toggle="tab" href="#home3"><span>XailStation</span></a></li>
  372.                                 </ul>               
  373.                             </div>
  374.                             <!-- Begin Li's Tab Menu Content Area -->
  375.                             <div class="tab-content li-tab-content li-trending-product-content">
  376.                                 <div id="home1" class="tab-pane show fade in active">
  377.                                     <div class="row">
  378.                                         <div class="product-active owl-carousel">
  379.                                             {% for singleProduct in products %}
  380.                                     {% 
  381.                                         include "@Flexy/FrontBundle/templates/products/includes/_singleProduct.html.twig" with
  382.                                         {
  383.                                             singleProduct:singleProduct
  384.                                         }
  385.                                    %}
  386.                                 {% endfor %}
  387.                                         </div>
  388.                                     </div>
  389.                                 </div>
  390.                                 <div id="home2" class="tab-pane fade">
  391.                                     <div class="row">
  392.                                         <div class="product-active owl-carousel">
  393.                                 {% for singleProduct in products %}
  394.                                     {% 
  395.                                         include "@Flexy/FrontBundle/templates/products/includes/_singleProduct.html.twig" with
  396.                                         {
  397.                                             singleProduct:singleProduct
  398.                                         }
  399.                                    %}
  400.                                 {% endfor %}
  401.                                         </div>
  402.                                     </div>
  403.                                 </div>
  404.                                 <div id="home3" class="tab-pane fade">
  405.                                     <div class="row">
  406.                                         <div class="product-active owl-carousel">
  407.                                             <div class="col-lg-12">
  408.                                                 <!-- single-product-wrap start -->
  409.                                                 <div class="single-product-wrap">
  410.                                                     <div class="product-image">
  411.                                                         <a href="#">
  412.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/3.jpg')}}" alt="Li's Product Image">
  413.                                                         </a>
  414.                                                         <span class="sticker">New</span>
  415.                                                     </div>
  416.                                                     <div class="product_desc">
  417.                                                         <div class="product_desc_info">
  418.                                                             <div class="product-review">
  419.                                                                 <h5 class="manufacturer">
  420.                                                                     <a href="shop-left-sidebar.html">TCL TV(s)</a>
  421.                                                                 </h5>
  422.                                                                 <div class="rating-box">
  423.                                                                     <ul class="rating">
  424.                                                                         <li><i class="fa fa-star"></i></li>
  425.                                                                         <li><i class="fa fa-star"></i></li>
  426.                                                                         <li><i class="fa fa-star"></i></li>
  427.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  428.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  429.                                                                     </ul>
  430.                                                                 </div>
  431.                                                             </div>
  432.                                                             <h4><a class="product_name" href="#">Accusantium dolorem1</a></h4>
  433.                                                             <div class="price-box">
  434.                                                                 <span class="new-price">MAD 46.80</span>
  435.                                                             </div>
  436.                                                         </div>
  437.                                                         <div class="add-actions">
  438.                                                             <ul class="add-actions-link">
  439.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  440.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  441.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  442.                                                             </ul>
  443.                                                         </div>
  444.                                                     </div>
  445.                                                 </div>
  446.                                                 <!-- single-product-wrap end -->
  447.                                             </div>
  448.                                             <div class="col-lg-12">
  449.                                                 <!-- single-product-wrap start -->
  450.                                                 <div class="single-product-wrap">
  451.                                                     <div class="product-image">
  452.                                                         <a href="#">
  453.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/7.jpg')}}" alt="Li's Product Image">
  454.                                                         </a>
  455.                                                         <span class="sticker">New</span>
  456.                                                     </div>
  457.                                                     <div class="product_desc">
  458.                                                         <div class="product_desc_info">
  459.                                                             <div class="product-review">
  460.                                                                 <h5 class="manufacturer">
  461.                                                                     <a href="shop-left-sidebar.html">Accésoires</a>
  462.                                                                 </h5>
  463.                                                                 <div class="rating-box">
  464.                                                                     <ul class="rating">
  465.                                                                         <li><i class="fa fa-star"></i></li>
  466.                                                                         <li><i class="fa fa-star"></i></li>
  467.                                                                         <li><i class="fa fa-star"></i></li>
  468.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  469.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  470.                                                                     </ul>
  471.                                                                 </div>
  472.                                                             </div>
  473.                                                             <h4><a class="product_name" href="#">Mug Today is a good day</a></h4>
  474.                                                             <div class="price-box">
  475.                                                                 <span class="new-price new-price-2">MAD 71.80</span>
  476.                                                                 <span class="old-price">MAD 77.22</span>
  477.                                                                 <span class="discount-percentage">-7%</span>
  478.                                                             </div>
  479.                                                         </div>
  480.                                                         <div class="add-actions">
  481.                                                             <ul class="add-actions-link">
  482.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  483.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  484.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  485.                                                             </ul>
  486.                                                         </div>
  487.                                                     </div>
  488.                                                 </div>
  489.                                                 <!-- single-product-wrap end -->
  490.                                             </div>
  491.                                             <div class="col-lg-12">
  492.                                                 <!-- single-product-wrap start -->
  493.                                                 <div class="single-product-wrap">
  494.                                                     <div class="product-image">
  495.                                                         <a href="#">
  496.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/9.jpg')}}" alt="Li's Product Image">
  497.                                                         </a>
  498.                                                         <span class="sticker">New</span>
  499.                                                     </div>
  500.                                                     <div class="product_desc">
  501.                                                         <div class="product_desc_info">
  502.                                                             <div class="product-review">
  503.                                                                 <h5 class="manufacturer">
  504.                                                                     <a href="shop-left-sidebar.html">TCL TV(s)</a>
  505.                                                                 </h5>
  506.                                                                 <div class="rating-box">
  507.                                                                     <ul class="rating">
  508.                                                                         <li><i class="fa fa-star"></i></li>
  509.                                                                         <li><i class="fa fa-star"></i></li>
  510.                                                                         <li><i class="fa fa-star"></i></li>
  511.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  512.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  513.                                                                     </ul>
  514.                                                                 </div>
  515.                                                             </div>
  516.                                                             <h4><a class="product_name" href="#">Accusantium dolorem1</a></h4>
  517.                                                             <div class="price-box">
  518.                                                                 <span class="new-price">MAD 46.80</span>
  519.                                                             </div>
  520.                                                         </div>
  521.                                                         <div class="add-actions">
  522.                                                             <ul class="add-actions-link">
  523.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  524.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  525.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  526.                                                             </ul>
  527.                                                         </div>
  528.                                                     </div>
  529.                                                 </div>
  530.                                                 <!-- single-product-wrap end -->
  531.                                             </div>
  532.                                             <div class="col-lg-12">
  533.                                                 <!-- single-product-wrap start -->
  534.                                                 <div class="single-product-wrap">
  535.                                                     <div class="product-image">
  536.                                                         <a href="#">
  537.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/1.jpg')}}" alt="Li's Product Image">
  538.                                                         </a>
  539.                                                         <span class="sticker">New</span>
  540.                                                     </div>
  541.                                                     <div class="product_desc">
  542.                                                         <div class="product_desc_info">
  543.                                                             <div class="product-review">
  544.                                                                 <h5 class="manufacturer">
  545.                                                                     <a href="shop-left-sidebar.html">Accésoires</a>
  546.                                                                 </h5>
  547.                                                                 <div class="rating-box">
  548.                                                                     <ul class="rating">
  549.                                                                         <li><i class="fa fa-star"></i></li>
  550.                                                                         <li><i class="fa fa-star"></i></li>
  551.                                                                         <li><i class="fa fa-star"></i></li>
  552.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  553.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  554.                                                                     </ul>
  555.                                                                 </div>
  556.                                                             </div>
  557.                                                             <h4><a class="product_name" href="#">Mug Today is a good day</a></h4>
  558.                                                             <div class="price-box">
  559.                                                                 <span class="new-price new-price-2">MAD 71.80</span>
  560.                                                                 <span class="old-price">MAD 77.22</span>
  561.                                                                 <span class="discount-percentage">-7%</span>
  562.                                                             </div>
  563.                                                         </div>
  564.                                                         <div class="add-actions">
  565.                                                             <ul class="add-actions-link">
  566.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  567.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  568.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  569.                                                             </ul>
  570.                                                         </div>
  571.                                                     </div>
  572.                                                 </div>
  573.                                                 <!-- single-product-wrap end -->
  574.                                             </div>
  575.                                             <div class="col-lg-12">
  576.                                                 <!-- single-product-wrap start -->
  577.                                                 <div class="single-product-wrap">
  578.                                                     <div class="product-image">
  579.                                                         <a href="#">
  580.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/11.jpg')}}" alt="Li's Product Image">
  581.                                                         </a>
  582.                                                         <span class="sticker">New</span>
  583.                                                     </div>
  584.                                                     <div class="product_desc">
  585.                                                         <div class="product_desc_info">
  586.                                                             <div class="product-review">
  587.                                                                 <h5 class="manufacturer">
  588.                                                                     <a href="shop-left-sidebar.html">TCL TV(s)</a>
  589.                                                                 </h5>
  590.                                                                 <div class="rating-box">
  591.                                                                     <ul class="rating">
  592.                                                                         <li><i class="fa fa-star"></i></li>
  593.                                                                         <li><i class="fa fa-star"></i></li>
  594.                                                                         <li><i class="fa fa-star"></i></li>
  595.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  596.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  597.                                                                     </ul>
  598.                                                                 </div>
  599.                                                             </div>
  600.                                                             <h4><a class="product_name" href="#">Accusantium dolorem1</a></h4>
  601.                                                             <div class="price-box">
  602.                                                                 <span class="new-price">MAD 46.80</span>
  603.                                                             </div>
  604.                                                         </div>
  605.                                                         <div class="add-actions">
  606.                                                             <ul class="add-actions-link">
  607.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  608.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  609.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  610.                                                             </ul>
  611.                                                         </div>
  612.                                                     </div>
  613.                                                 </div>
  614.                                                 <!-- single-product-wrap end -->
  615.                                             </div>
  616.                                             <div class="col-lg-12">
  617.                                                 <!-- single-product-wrap start -->
  618.                                                 <div class="single-product-wrap">
  619.                                                     <div class="product-image">
  620.                                                         <a href="#">
  621.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/9.jpg')}}" alt="Li's Product Image">
  622.                                                         </a>
  623.                                                         <span class="sticker">New</span>
  624.                                                     </div>
  625.                                                     <div class="product_desc">
  626.                                                         <div class="product_desc_info">
  627.                                                             <div class="product-review">
  628.                                                                 <h5 class="manufacturer">
  629.                                                                     <a href="shop-left-sidebar.html">Accésoires</a>
  630.                                                                 </h5>
  631.                                                                 <div class="rating-box">
  632.                                                                     <ul class="rating">
  633.                                                                         <li><i class="fa fa-star"></i></li>
  634.                                                                         <li><i class="fa fa-star"></i></li>
  635.                                                                         <li><i class="fa fa-star"></i></li>
  636.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  637.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  638.                                                                     </ul>
  639.                                                                 </div>
  640.                                                             </div>
  641.                                                             <h4><a class="product_name" href="#">Mug Today is a good day</a></h4>
  642.                                                             <div class="price-box">
  643.                                                                 <span class="new-price new-price-2">MAD 71.80</span>
  644.                                                                 <span class="old-price">MAD 77.22</span>
  645.                                                                 <span class="discount-percentage">-7%</span>
  646.                                                             </div>
  647.                                                         </div>
  648.                                                         <div class="add-actions">
  649.                                                             <ul class="add-actions-link">
  650.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  651.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  652.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  653.                                                             </ul>
  654.                                                         </div>
  655.                                                     </div>
  656.                                                 </div>
  657.                                                 <!-- single-product-wrap end -->
  658.                                             </div>
  659.                                         </div>
  660.                                     </div>
  661.                                 </div>
  662.                             </div>
  663.                             <!-- Tab Menu Content Area End Here -->
  664.                         </div>
  665.                         <!-- Tab Menu Area End Here -->
  666.                     </div>
  667.                 </div>
  668.             </section>
  669.             <!-- Li's Trending Product Area End Here -->
  672.  
  676.             <!-- Begin Li's Static Home Area -->
  680.                      {% for singleBanner in pubBanners %}
  681.                        
  683.                             {% if singleBanner.emplacement == "bigBanner" %}      
  684.                                         {% 
  685.                                         include "@Flexy/FrontBundle/templates/include-pubs/_singleStaticBanner.html.twig" with
  686.                                         {
  687.                                             singleBanner:singleBanner,
  688.                                             class:"single-banner"
  689.                                         }
  690.                                         %}
  691.                             {% endif %}
  692.                             
  693.                           
  694.                         {% endfor %}            
  695.             
  696.             <!-- Li's Static Home Area End Here -->
  697.             <!-- Begin Li's Trending Product Area -->
  698.              {#<section class="product-area li-trending-product pt-60 pb-45">
  699.                 <div class="container">
  700.                     <div class="row">
  701.                         <!-- Begin Li's Tab Menu Area -->
  702.                         <div class="col-lg-12">
  703.                             <div class="li-product-tab li-trending-product-tab">
  704.                                 <h2>
  705.                                     <span>Trendding Products</span>
  706.                                 </h2>
  707.                                 <ul class="nav li-product-menu li-trending-product-menu">
  708.                                    <li><a class="active" data-toggle="tab" href="#home1"><span>Sanai</span></a></li>
  709.                                    <li><a data-toggle="tab" href="#home2"><span>Camera Accessories</span></a></li>
  710.                                    <li><a data-toggle="tab" href="#home3"><span>XailStation</span></a></li>
  711.                                 </ul>               
  712.                             </div>
  713.                             <!-- Begin Li's Tab Menu Content Area -->
  714.                             <div class="tab-content li-tab-content li-trending-product-content">
  715.                                 <div id="home1" class="tab-pane show fade in active">
  716.                                     <div class="row">
  717.                                         <div class="product-active owl-carousel">
  718.                                             {% for singleProduct in products %}
  719.                                                                         {% 
  720.                                         include "@Flexy/FrontBundle/templates/products/includes/_singleProduct.html.twig" with
  721.                                         {
  722.                                             singleProduct:singleProduct
  723.                                         }
  724.                                    %}
  725.                                 {% endfor %}
  726.                                         </div>
  727.                                     </div>
  728.                                 </div>
  729.                                 <div id="home2" class="tab-pane fade">
  730.                                     <div class="row">
  731.                                         <div class="product-active owl-carousel">
  732.                                 {% for singleProduct in products %}
  733.                                     {% 
  734.                                         include "@Flexy/FrontBundle/templates/products/includes/_singleProduct.html.twig" with
  735.                                         {
  736.                                             singleProduct:singleProduct
  737.                                         }
  738.                                    %}
  739.                                 {% endfor %}
  740.                                         </div>
  741.                                     </div>
  742.                                 </div>
  743.                                 <div id="home3" class="tab-pane fade">
  744.                                     <div class="row">
  745.                                         <div class="product-active owl-carousel">
  746.                                             <div class="col-lg-12">
  747.                                                 <!-- single-product-wrap start -->
  748.                                                 <div class="single-product-wrap">
  749.                                                     <div class="product-image">
  750.                                                         <a href="#">
  751.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/3.jpg')}}" alt="Li's Product Image">
  752.                                                         </a>
  753.                                                         <span class="sticker">New</span>
  754.                                                     </div>
  755.                                                     <div class="product_desc">
  756.                                                         <div class="product_desc_info">
  757.                                                             <div class="product-review">
  758.                                                                 <h5 class="manufacturer">
  759.                                                                     <a href="shop-left-sidebar.html">TCL TV(s)</a>
  760.                                                                 </h5>
  761.                                                                 <div class="rating-box">
  762.                                                                     <ul class="rating">
  763.                                                                         <li><i class="fa fa-star"></i></li>
  764.                                                                         <li><i class="fa fa-star"></i></li>
  765.                                                                         <li><i class="fa fa-star"></i></li>
  766.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  767.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  768.                                                                     </ul>
  769.                                                                 </div>
  770.                                                             </div>
  771.                                                             <h4><a class="product_name" href="#">Accusantium dolorem1</a></h4>
  772.                                                             <div class="price-box">
  773.                                                                 <span class="new-price">MAD 46.80</span>
  774.                                                             </div>
  775.                                                         </div>
  776.                                                         <div class="add-actions">
  777.                                                             <ul class="add-actions-link">
  778.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  779.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  780.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  781.                                                             </ul>
  782.                                                         </div>
  783.                                                     </div>
  784.                                                 </div>
  785.                                                 <!-- single-product-wrap end -->
  786.                                             </div>
  787.                                             <div class="col-lg-12">
  788.                                                 <!-- single-product-wrap start -->
  789.                                                 <div class="single-product-wrap">
  790.                                                     <div class="product-image">
  791.                                                         <a href="#">
  792.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/7.jpg')}}" alt="Li's Product Image">
  793.                                                         </a>
  794.                                                         <span class="sticker">New</span>
  795.                                                     </div>
  796.                                                     <div class="product_desc">
  797.                                                         <div class="product_desc_info">
  798.                                                             <div class="product-review">
  799.                                                                 <h5 class="manufacturer">
  800.                                                                     <a href="shop-left-sidebar.html">Accésoires</a>
  801.                                                                 </h5>
  802.                                                                 <div class="rating-box">
  803.                                                                     <ul class="rating">
  804.                                                                         <li><i class="fa fa-star"></i></li>
  805.                                                                         <li><i class="fa fa-star"></i></li>
  806.                                                                         <li><i class="fa fa-star"></i></li>
  807.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  808.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  809.                                                                     </ul>
  810.                                                                 </div>
  811.                                                             </div>
  812.                                                             <h4><a class="product_name" href="#">Mug Today is a good day</a></h4>
  813.                                                             <div class="price-box">
  814.                                                                 <span class="new-price new-price-2">MAD 71.80</span>
  815.                                                                 <span class="old-price">MAD 77.22</span>
  816.                                                                 <span class="discount-percentage">-7%</span>
  817.                                                             </div>
  818.                                                         </div>
  819.                                                         <div class="add-actions">
  820.                                                             <ul class="add-actions-link">
  821.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  822.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  823.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  824.                                                             </ul>
  825.                                                         </div>
  826.                                                     </div>
  827.                                                 </div>
  828.                                                 <!-- single-product-wrap end -->
  829.                                             </div>
  830.                                             <div class="col-lg-12">
  831.                                                 <!-- single-product-wrap start -->
  832.                                                 <div class="single-product-wrap">
  833.                                                     <div class="product-image">
  834.                                                         <a href="#">
  835.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/9.jpg')}}" alt="Li's Product Image">
  836.                                                         </a>
  837.                                                         <span class="sticker">New</span>
  838.                                                     </div>
  839.                                                     <div class="product_desc">
  840.                                                         <div class="product_desc_info">
  841.                                                             <div class="product-review">
  842.                                                                 <h5 class="manufacturer">
  843.                                                                     <a href="shop-left-sidebar.html">TCL TV(s)</a>
  844.                                                                 </h5>
  845.                                                                 <div class="rating-box">
  846.                                                                     <ul class="rating">
  847.                                                                         <li><i class="fa fa-star"></i></li>
  848.                                                                         <li><i class="fa fa-star"></i></li>
  849.                                                                         <li><i class="fa fa-star"></i></li>
  850.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  851.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  852.                                                                     </ul>
  853.                                                                 </div>
  854.                                                             </div>
  855.                                                             <h4><a class="product_name" href="#">Accusantium dolorem1</a></h4>
  856.                                                             <div class="price-box">
  857.                                                                 <span class="new-price">MAD 46.80</span>
  858.                                                             </div>
  859.                                                         </div>
  860.                                                         <div class="add-actions">
  861.                                                             <ul class="add-actions-link">
  862.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  863.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  864.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  865.                                                             </ul>
  866.                                                         </div>
  867.                                                     </div>
  868.                                                 </div>
  869.                                                 <!-- single-product-wrap end -->
  870.                                             </div>
  871.                                             <div class="col-lg-12">
  872.                                                 <!-- single-product-wrap start -->
  873.                                                 <div class="single-product-wrap">
  874.                                                     <div class="product-image">
  875.                                                         <a href="#">
  876.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/1.jpg')}}" alt="Li's Product Image">
  877.                                                         </a>
  878.                                                         <span class="sticker">New</span>
  879.                                                     </div>
  880.                                                     <div class="product_desc">
  881.                                                         <div class="product_desc_info">
  882.                                                             <div class="product-review">
  883.                                                                 <h5 class="manufacturer">
  884.                                                                     <a href="shop-left-sidebar.html">Accésoires</a>
  885.                                                                 </h5>
  886.                                                                 <div class="rating-box">
  887.                                                                     <ul class="rating">
  888.                                                                         <li><i class="fa fa-star"></i></li>
  889.                                                                         <li><i class="fa fa-star"></i></li>
  890.                                                                         <li><i class="fa fa-star"></i></li>
  891.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  892.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  893.                                                                     </ul>
  894.                                                                 </div>
  895.                                                             </div>
  896.                                                             <h4><a class="product_name" href="#">Mug Today is a good day</a></h4>
  897.                                                             <div class="price-box">
  898.                                                                 <span class="new-price new-price-2">MAD 71.80</span>
  899.                                                                 <span class="old-price">MAD 77.22</span>
  900.                                                                 <span class="discount-percentage">-7%</span>
  901.                                                             </div>
  902.                                                         </div>
  903.                                                         <div class="add-actions">
  904.                                                             <ul class="add-actions-link">
  905.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  906.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  907.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  908.                                                             </ul>
  909.                                                         </div>
  910.                                                     </div>
  911.                                                 </div>
  912.                                                 <!-- single-product-wrap end -->
  913.                                             </div>
  914.                                             <div class="col-lg-12">
  915.                                                 <!-- single-product-wrap start -->
  916.                                                 <div class="single-product-wrap">
  917.                                                     <div class="product-image">
  918.                                                         <a href="#">
  919.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/11.jpg')}}" alt="Li's Product Image">
  920.                                                         </a>
  921.                                                         <span class="sticker">New</span>
  922.                                                     </div>
  923.                                                     <div class="product_desc">
  924.                                                         <div class="product_desc_info">
  925.                                                             <div class="product-review">
  926.                                                                 <h5 class="manufacturer">
  927.                                                                     <a href="shop-left-sidebar.html">TCL TV(s)</a>
  928.                                                                 </h5>
  929.                                                                 <div class="rating-box">
  930.                                                                     <ul class="rating">
  931.                                                                         <li><i class="fa fa-star"></i></li>
  932.                                                                         <li><i class="fa fa-star"></i></li>
  933.                                                                         <li><i class="fa fa-star"></i></li>
  934.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  935.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  936.                                                                     </ul>
  937.                                                                 </div>
  938.                                                             </div>
  939.                                                             <h4><a class="product_name" href="#">Accusantium dolorem1</a></h4>
  940.                                                             <div class="price-box">
  941.                                                                 <span class="new-price">MAD 46.80</span>
  942.                                                             </div>
  943.                                                         </div>
  944.                                                         <div class="add-actions">
  945.                                                             <ul class="add-actions-link">
  946.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  947.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  948.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  949.                                                             </ul>
  950.                                                         </div>
  951.                                                     </div>
  952.                                                 </div>
  953.                                                 <!-- single-product-wrap end -->
  954.                                             </div>
  955.                                             <div class="col-lg-12">
  956.                                                 <!-- single-product-wrap start -->
  957.                                                 <div class="single-product-wrap">
  958.                                                     <div class="product-image">
  959.                                                         <a href="#">
  960.                                                             <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/9.jpg')}}" alt="Li's Product Image">
  961.                                                         </a>
  962.                                                         <span class="sticker">New</span>
  963.                                                     </div>
  964.                                                     <div class="product_desc">
  965.                                                         <div class="product_desc_info">
  966.                                                             <div class="product-review">
  967.                                                                 <h5 class="manufacturer">
  968.                                                                     <a href="shop-left-sidebar.html">Accésoires</a>
  969.                                                                 </h5>
  970.                                                                 <div class="rating-box">
  971.                                                                     <ul class="rating">
  972.                                                                         <li><i class="fa fa-star"></i></li>
  973.                                                                         <li><i class="fa fa-star"></i></li>
  974.                                                                         <li><i class="fa fa-star"></i></li>
  975.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  976.                                                                         <li class="no-star"><i class="fa fa-star"></i></li>
  977.                                                                     </ul>
  978.                                                                 </div>
  979.                                                             </div>
  980.                                                             <h4><a class="product_name" href="#">Mug Today is a good day</a></h4>
  981.                                                             <div class="price-box">
  982.                                                                 <span class="new-price new-price-2">MAD 71.80</span>
  983.                                                                 <span class="old-price">MAD 77.22</span>
  984.                                                                 <span class="discount-percentage">-7%</span>
  985.                                                             </div>
  986.                                                         </div>
  987.                                                         <div class="add-actions">
  988.                                                             <ul class="add-actions-link">
  989.                                                                 <li class="add-cart active"><a href="#">Ajouter au panier</a></li>
  990.                                                                 <li><a class="links-details" href="wishlist.html"><i class="fa fa-heart-o"></i></a></li>
  991.                                                                 <li><a href="#" title="Prévisualiser" class="quick-view-btn" data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-eye"></i></a></li>
  992.                                                             </ul>
  993.                                                         </div>
  994.                                                     </div>
  995.                                                 </div>
  996.                                                 <!-- single-product-wrap end -->
  997.                                             </div>
  998.                                         </div>
  999.                                     </div>
  1000.                                 </div>
  1001.                             </div>
  1002.                             <!-- Tab Menu Content Area End Here -->
  1003.                         </div>
  1004.                         <!-- Tab Menu Area End Here -->
  1005.                     </div>
  1006.                 </div>
  1007.             </section>#} 
  1008.             <!-- Li's Trending Product Area End Here -->
  1009.             <!-- Begin Li's Trendding Products Area -->
  1010.             <section class="product-area li-laptop-product li-trendding-products best-sellers pb-45">
  1011.                 <div class="container">
  1012.                     <div class="row">
  1013.                         <!-- Begin Li's Section Area -->
  1014.                         <div class="col-lg-12">
  1015.                             <div class="li-section-title">
  1016.                                 <h2>
  1017.                                     <span>Meilleur ventes</span>
  1018.                                 </h2>
  1019.                             </div>
  1020.                             <div class="row">
  1021.                                 <div class="product-active owl-carousel">
  1022.                                 {% for singleProduct in products %}
  1023.                                     {% 
  1024.                                         include "@Flexy/FrontBundle/templates/products/includes/_singleProduct.html.twig" with
  1025.                                         {
  1026.                                             singleProduct:singleProduct
  1027.                                         }
  1028.                                    %}
  1029.                                 {% endfor %}
  1030.                                 </div>
  1031.                             </div>
  1032.                         </div>
  1033.                         <!-- Li's Section Area End Here -->
  1034.                     </div>
  1035.                 </div>
  1036.             </section>
  1037.             <!-- Li's Trendding Products Area End Here -->
  1038.             <!-- Begin Footer Area -->
  1040.             <!-- Footer Area End Here -->
  1041.             <!-- Begin Prévisualiser | Modal Area -->
  1042.             <div class="modal fade modal-wrapper" id="exampleModalCenter" >
  1043.                 <div class="modal-dialog modal-dialog-centered" role="document">
  1044.                     <div class="modal-content">
  1045.                         <div class="modal-body">
  1046.                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1047.                                 <span aria-hidden="true">&times;</span>
  1048.                             </button>
  1049.                             <div class="modal-inner-area row">
  1050.                                 <div class="col-lg-5 col-md-6 col-sm-6">
  1051.                                    <!-- Details de produit Left -->
  1052.                                     <div class="product-details-left">
  1053.                                         <div class="product-details-images slider-navigation-1">
  1054.                                             <div class="lg-image">
  1055.                                                 <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/1.jpg')}}" alt="product image">
  1056.                                             </div>
  1057.                                             <div class="lg-image">
  1058.                                                 <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/2.jpg')}}" alt="product image">
  1059.                                             </div>
  1060.                                             <div class="lg-image">
  1061.                                                 <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/3.jpg')}}" alt="product image">
  1062.                                             </div>
  1063.                                             <div class="lg-image">
  1064.                                                 <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/4.jpg')}}" alt="product image">
  1065.                                             </div>
  1066.                                             <div class="lg-image">
  1067.                                                 <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/5.jpg')}}" alt="product image">
  1068.                                             </div>
  1069.                                             <div class="lg-image">
  1070.                                                 <img src="{{asset('bundles/flexyfront/assets/images/product/large-size/6.jpg')}}" alt="product image">
  1071.                                             </div>
  1072.                                         </div>
  1073.                                         <div class="product-details-thumbs slider-thumbs-1">                                        
  1074.                                             <div class="sm-image"><img src="{{asset('bundles/flexyfront/assets/images/product/small-size/1.jpg')}}" alt="product image thumb"></div>
  1075.                                             <div class="sm-image"><img src="{{asset('bundles/flexyfront/assets/images/product/small-size/2.jpg')}}" alt="product image thumb"></div>
  1076.                                             <div class="sm-image"><img src="{{asset('bundles/flexyfront/assets/images/product/small-size/3.jpg')}}" alt="product image thumb"></div>
  1077.                                             <div class="sm-image"><img src="{{asset('bundles/flexyfront/assets/images/product/small-size/4.jpg')}}" alt="product image thumb"></div>
  1078.                                             <div class="sm-image"><img src="{{asset('bundles/flexyfront/assets/images/product/small-size/5.jpg')}}" alt="product image thumb"></div>
  1079.                                             <div class="sm-image"><img src="{{asset('bundles/flexyfront/assets/images/product/small-size/6.jpg')}}" alt="product image thumb"></div>
  1080.                                         </div>
  1081.                                     </div>
  1082.                                     <!--// Details de produit Left -->
  1083.                                 </div>
  1085.                                 <div class="col-lg-7 col-md-6 col-sm-6">
  1086.                                     <div class="product-details-view-content pt-60">
  1087.                                         <div class="product-info">
  1088.                                             <h2>Today is a good day Framed poster</h2>
  1089.                                             <span class="product-details-ref">Reference: demo_15</span>
  1090.                                             <div class="rating-box pt-20">
  1091.                                                 <ul class="rating rating-with-review-item">
  1092.                                                     <li><i class="fa fa-star"></i></li>
  1093.                                                     <li><i class="fa fa-star"></i></li>
  1094.                                                     <li><i class="fa fa-star"></i></li>
  1095.                                                     <li class="no-star"><i class="fa fa-star"></i></li>
  1096.                                                     <li class="no-star"><i class="fa fa-star"></i></li>
  1097.                                                     <li class="review-item"><a href="#">Lire commentaire</a></li>
  1098.                                                     <li class="review-item"><a href="#">Commenter</a></li>
  1099.                                                 </ul>
  1100.                                             </div>
  1101.                                             <div class="price-box pt-20">
  1102.                                                 <span class="new-price new-price-2">MAD 57.98</span>
  1103.                                             </div>
  1104.                                             <div class="product-desc">
  1105.                                                 <p>
  1106.                                                     <span>100% cotton double printed dress. Noir and white striped top and orange high waisted skater skirt bottom. Lorem ipsum dolor sit amet, consectetur adipisicing elit. quibusdam corporis, earum facilis et nostrum dolorum accusamus similique eveniet quia pariatur.
  1107.                                                     </span>
  1108.                                                 </p>
  1109.                                             </div>
  1110.                                              
  1111.                                             <div class="single-add-to-cart">
  1112.                                                 <form action="#" class="cart-quantity">
  1113.                                                     <div class="quantity">
  1114.                                                         <label>Quantité</label>
  1115.                                                         <div class="cart-plus-minus">
  1116.                                                             <input class="cart-plus-minus-box" value="1" type="text">
  1117.                                                             <div class="dec qtybutton"><i class="fa fa-angle-down"></i></div>
  1118.                                                             <div class="inc qtybutton"><i class="fa fa-angle-up"></i></div>
  1119.                                                         </div>
  1120.                                                     </div>
  1121.                                                     <button class="add-to-cart" type="submit">Ajouter au panier</button>
  1122.                                                 </form>
  1123.                                             </div>
  1124.                                             <div class="product-additional-info pt-25">
  1125.                                                 <a class="wishlist-btn" href="wishlist.html"><i class="fa fa-heart-o"></i>Ajouter au favoris</a>
  1126.                                                 <div class="product-social-sharing pt-25">
  1127.                                                     <ul>
  1128.                                                         <li class="facebook"><a href="#"><i class="fa fa-facebook"></i>Facebook</a></li>
  1129.                                                         <li class="twitter"><a href="#"><i class="fa fa-twitter"></i>Twitter</a></li>
  1130.                                                         <li class="google-plus"><a href="#"><i class="fa fa-google-plus"></i>Google +</a></li>
  1131.                                                         <li class="instagram"><a href="#"><i class="fa fa-instagram"></i>Instagram</a></li>
  1132.                                                     </ul>
  1133.                                                 </div>
  1134.                                             </div>
  1135.                                         </div>
  1136.                                     </div>
  1137.                                 </div>
  1138.                             </div>
  1139.                         </div>
  1140.                     </div>
  1141.                 </div>
  1142.             </div>   
  1143.             <!-- Prévisualiser | Modal Area End Here -->
  1144.         </div>
  1145.         <!-- Body Wrapper End Here -->
  1147. {% endblock %}