templates/app/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set side_nav = 'home' %}
  3. {% block title %}Accueil{% endblock %}
  5. {% block body %}
  6. <svg width="200" height="200" x="15px" y="15px" style="position: absolute;">
  7.   <defs>
  8.     <clipPath id="frameClip">
  9.       <!-- Use the same path data as your SVG frame -->
  10.       <path d="M488.5,274.5L488.5,274.5l1.8-0.5l-2,0.5c-2.4-8.7-4.5-16.9-4.5-24.5c0-8,2.3-16.5,4.7-25.5 c3.5-13,7.1-26.5,3.7-39.5c-3.6-13.2-13.5-23.1-23.1-32.7c-6.5-6.5-12.6-12.6-16.6-19.4c-3.9-6.8-6.1-15.2-8.5-24.1 c-3.5-13.1-7.1-26.7-16.7-36.3c-9.5-9.5-22.9-13.1-35.9-16.6c-9-2.4-17.5-4.6-24.4-8.7c-6.5-3.8-12.5-9.8-18.9-16.2 c-9.7-9.8-19.6-19.8-33.2-23.4c-13.5-3.7-27.3,0.1-40.4,3.7c-8.7,2.4-16.9,4.6-24.5,4.6c-8,0-16.5-2.3-25.5-4.7 c-9.3-2.5-18.8-5-28.1-5c-3.8,0-7.6,0.4-11.3,1.4C172,11.1,162,21.1,152.4,30.7c-6.5,6.5-12.6,12.6-19.4,16.6 c-6.8,3.9-15.2,6.1-24.1,8.5c-13.1,3.5-26.7,7.1-36.3,16.7c-9.5,9.5-13.1,23-16.6,36c-2.4,9-4.6,17.5-8.7,24.4 c-3.8,6.5-9.8,12.5-16.2,18.9c-9.8,9.7-19.7,19.6-23.4,33.2c-3.7,13.5,0.1,27.3,3.7,40.5c2.4,8.7,4.6,16.9,4.6,24.5 c0,8-2.3,16.5-4.6,25.5c-3.5,13-7.1,26.6-3.7,39.5c3.6,13.2,13.5,23.1,23.1,32.7c6.5,6.5,12.6,12.6,16.6,19.4 c3.9,6.8,6.1,15.1,8.5,24c3.5,13.1,7.1,26.8,16.7,36.4c9.5,9.5,23,13.1,35.9,16.6c9,2.4,17.5,4.6,24.4,8.7 c6.5,3.8,12.5,9.8,18.9,16.2c9.7,9.8,19.6,19.8,33.2,23.5c3.8,1,7.6,1.5,11.8,1.5c9.6,0,19.3-2.7,28.5-5.1c8.8-2.4,17-4.6,24.5-4.6 c8,0,16.5,2.3,25.5,4.6c13,3.6,26.6,7.1,39.5,3.7c13.2-3.6,23.1-13.5,32.7-23.1c6.5-6.5,12.6-12.6,19.4-16.6 c6.7-3.9,15.1-6.1,24-8.5c13.1-3.5,26.8-7.1,36.4-16.8c9.5-9.5,13.1-23,16.6-36c2.4-9,4.6-17.5,8.7-24.4c3.8-6.5,9.8-12.5,16.2-18.9 c9.8-9.7,19.9-19.7,23.6-33.3C495.7,301.4,494.4,287.7,488.5,274.5z"></path>
  11.     </clipPath>
  12.   </defs>
  13. </svg>
  14.     <!--Main Slider-->
  15.     <section class="main-slider">
  16.         <div class="slider_wave"></div>
  17.         <div class="rev_slider_wrapper fullwidthbanner-container"  id="rev_slider_one_wrapper" data-source="gallery">
  18.             <div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
  19.                 <ul>
  20.                     <li data-index="rs-4" data-transition="zoomout" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="850"  data-thumb="#"  data-delay="5999"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  22.                         <!-- MAIN IMAGE -->
  23.                         <img src="{{asset('build/theme/images/main-slider/1.jpg')}}"  alt="" title="Home Cakes"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
  24.                         <!-- LAYERS -->
  26.                         <!-- LAYER NR. 1 -->
  27.                         <div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme"
  28.                              id="slide-4-layer-44"
  29.                              data-x="center" data-hoffset="1"
  30.                              data-y="center" data-voffset="-3"
  31.                              data-width="['full','full','full','full']"
  32.                              data-height="['full','full','full','full']"
  33.                              data-type="shape"
  34.                              data-basealign="slide"
  35.                              data-responsive_offset="on"
  36.                              data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  37.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  38.                              data-paddingtop="[0,0,0,0]"
  39.                              data-paddingright="[0,0,0,0]"
  40.                              data-paddingbottom="[0,0,0,0]"
  41.                              data-paddingleft="[0,0,0,0]"
  42.                              style="z-index: 5;background-color:rgba(80,81,92,0.15);"></div>
  44.                         <!-- LAYER NR. 2 -->
  45.                         <div class="tp-caption   tp-resizeme"
  46.                              id="slide-4-layer-40"
  47.                              data-x="center" data-hoffset=""
  48.                              data-y="center" data-voffset=""
  49.                              data-width="['none','none','none','none']"
  50.                              data-height="['none','none','none','none']"
  51.                              data-type="image"
  52.                              data-responsive_offset="on"
  53.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  54.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  55.                              data-paddingtop="[0,0,0,0]"
  56.                              data-paddingright="[0,0,0,0]"
  57.                              data-paddingbottom="[0,0,0,0]"
  58.                              data-paddingleft="[0,0,0,0]"
  59.                              {# style="z-index: 6;"><img src="{{asset('build/theme/images/main-slider/Logo.png')}}" alt="" data-ww="654px" data-hh="654px" width="654" height="654" data-no-retina> </div> #}
  61.                         <!-- LAYER NR. 3 -->
  62.                         <div class="tp-caption   tp-resizeme"
  63.                              id="slide-4-layer-33"
  64.                              data-x="center" data-hoffset=""
  65.                              data-y="center" data-voffset="100"
  66.                              data-width="['auto']"
  67.                              data-height="['auto']"
  68.                              data-visibility="['on','on','off','off']"
  69.                              data-type="text"
  70.                              data-responsive_offset="on"
  71.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"}]'
  72.                              data-textAlign="['center','center','center','center']"
  73.                              data-paddingtop="[0,0,0,0]"
  74.                              data-paddingright="[0,0,0,0]"
  75.                              data-paddingbottom="[0,0,0,0]"
  76.                              data-paddingleft="[0,0,0,0]"
  77.                              {# style="z-index: 7; white-space: nowrap; font-size: 16px; line-height: 24px; font-weight: 400; color: #4b4342;font-family:ABeeZee;">Les meilleurs saveurs, au meilleur prix </div> #}
  79.                         <!-- LAYER NR. 4 -->
  80.                         <div class="tp-caption   tp-resizeme"
  81.                              id="slide-4-layer-31"
  82.                              data-x="center" data-hoffset=""
  83.                              data-y="center" data-voffset="-18"
  84.                              data-width="['399']"
  85.                              data-height="['auto']"
  86.                              data-type="text"
  87.                              data-responsive_offset="on"
  88.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"}]'
  89.                              data-textAlign="['center','center','center','center']"
  90.                              data-paddingtop="[0,0,0,0]"
  91.                              data-paddingright="[0,0,0,0]"
  92.                              data-paddingbottom="[0,0,0,0]"
  93.                              data-paddingleft="[0,0,0,0]"
  94.                              style="z-index: 8; min-width: 399px; max-width: 399px; white-space: normal; font-size: 72px; line-height: 72px; font-weight: 400; color: #4b4342;font-family:Leckerli One;"> </div>
  96.                         <!-- LAYER NR. 5 -->
  97.                         <div class="tp-caption   tp-resizeme"
  98.                              id="slide-4-layer-41"
  99.                              data-x="center" data-hoffset=""
  100.                              data-y="center" data-voffset="-150"
  101.                              data-width="['none','none','none','none']"
  102.                              data-height="['none','none','none','none']"
  103.                              data-type="image"
  104.                              data-responsive_offset="on"
  105.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  106.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  107.                              data-paddingtop="[0,0,0,0]"
  108.                              data-paddingright="[0,0,0,0]"
  109.                              data-paddingbottom="[0,0,0,0]"
  110.                              data-paddingleft="[0,0,0,0]"
  111.                              style="z-index: 9;"><img src="{{asset('build/theme/images/main-slider/slider_bg_4.png')}}" alt="" data-ww="125px" data-hh="60px" width="125" height="60" data-no-retina> </div>
  113.                         <!-- LAYER NR. 6 -->
  114.                         <div class="tp-caption tp-resizeme hide-sm"
  115.                              id="slide-4-layer-42"
  116.                              data-x="398"
  117.                              data-y="center" data-voffset=""
  118.                              data-width="['none','none','none','none']"
  119.                              data-height="['none','none','none','none']"
  120.                              data-type="image"
  121.                              data-responsive_offset="on"
  122.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  123.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  124.                              data-paddingtop="[0,0,0,0]"
  125.                              data-paddingright="[0,0,0,0]"
  126.                              data-paddingbottom="[0,0,0,0]"
  127.                              data-paddingleft="[0,0,0,0]"
  128.                              style="z-index: 10;"><img src="{{asset('build/theme/images/main-slider/slider_bg_3.png')}}" alt="" data-ww="196px" data-hh="107px" width="196" height="107" data-no-retina> </div>
  130.                         <!-- LAYER NR. 7 -->
  131.                         <div class="tp-caption tp-resizeme hide-sm"
  132.                              id="slide-4-layer-43"
  133.                              data-x="1325"
  134.                              data-y="center" data-voffset=""
  135.                              data-width="['none','none','none','none']"
  136.                              data-height="['none','none','none','none']"
  137.                              data-type="image"
  138.                              data-responsive_offset="on"
  139.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  140.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  141.                              data-paddingtop="[0,0,0,0]"
  142.                              data-paddingright="[0,0,0,0]"
  143.                              data-paddingbottom="[0,0,0,0]"
  144.                              data-paddingleft="[0,0,0,0]"
  145.                              style="z-index: 11;"><img src="{{asset('build/theme/images/main-slider/slider_bg_2.png')}}" alt="" data-ww="196px" data-hh="107px" width="196" height="107" data-no-retina></div>
  146.                     </li>
  148.                     <!-- SLIDE  -->
  149.                     <li data-index="rs-5" data-transition="zoomout" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="850"  data-thumb=""  data-delay="5999"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  150.                         <!-- MAIN IMAGE -->
  151.                         <img src="{{asset('build/theme/images/main-slider/2.jpg')}}"  alt="" title="Home Cakes"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
  152.                         <!-- LAYERS -->
  154.                         <!-- LAYER NR. 8 -->
  155.                         <div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme"
  156.                              id="slide-5-layer-44"
  157.                              data-x="center" data-hoffset=""
  158.                              data-y="center" data-voffset=""
  159.                              data-width="['full','full','full','full']"
  160.                              data-height="['full','full','full','full']"
  161.                              data-type="shape"
  162.                              data-basealign="slide"
  163.                              data-responsive_offset="on"
  164.                              data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  165.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  166.                              data-paddingtop="[0,0,0,0]"
  167.                              data-paddingright="[0,0,0,0]"
  168.                              data-paddingbottom="[0,0,0,0]"
  169.                              data-paddingleft="[0,0,0,0]"
  170.                              style="z-index: 5;background-color:rgba(80,81,92,0.15);"> </div>
  172.                         <!-- LAYER NR. 9 -->
  173.                         <div class="tp-caption   tp-resizeme"
  174.                              id="slide-5-layer-40"
  175.                              data-x="center" data-hoffset=""
  176.                              data-y="center" data-voffset="-1"
  177.                              data-width="['none','none','none','none']"
  178.                              data-height="['none','none','none','none']"
  179.                              data-type="image"
  180.                              data-responsive_offset="on"
  181.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  182.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  183.                              data-paddingtop="[0,0,0,0]"
  184.                              data-paddingright="[0,0,0,0]"
  185.                              data-paddingbottom="[0,0,0,0]"
  186.                              data-paddingleft="[0,0,0,0]"
  187.                              {# style="z-index: 6;"><img src="{{asset('build/theme/images/main-slider/Logo.png')}}" alt="" data-ww="654px" data-hh="654px" width="654" height="654" data-no-retina> </div> #}
  189.                         <!-- LAYER NR. 10 -->
  190.                         <div class="tp-caption tp-resizeme"
  191.                              id="slide-5-layer-33"
  192.                              data-x="center" data-hoffset=""
  193.                              data-y="center" data-voffset="99"
  194.                              data-width="['auto']"
  195.                              data-height="['auto']"
  196.                              data-visibility="['on','on','off','off']"
  197.                              data-type="text"
  198.                              data-responsive_offset="on"
  199.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"}]'
  200.                              data-textAlign="['center','center','center','center']"
  201.                              data-paddingtop="[0,0,0,0]"
  202.                              data-paddingright="[0,0,0,0]"
  203.                              data-paddingbottom="[0,0,0,0]"
  204.                              data-paddingleft="[0,0,0,0]"
  205.                              {# style="z-index: 7; white-space: nowrap; font-size: 16px; line-height: 24px; font-weight: 400; color: #4b4342;font-family:ABeeZee;">Les meilleurs saveurs, au meilleur prix </div> #}
  207.                         <!-- LAYER NR. 11 -->
  208.                         <div class="tp-caption   tp-resizeme"
  209.                              id="slide-5-layer-31"
  210.                              data-x="center" data-hoffset=""
  211.                              data-y="center" data-voffset="-18"
  212.                              data-width="['441']"
  213.                              data-height="['auto']"
  214.                              data-type="text"
  215.                              data-responsive_offset="on"
  216.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"}]'
  217.                              data-textAlign="['center','center','center','center']"
  218.                              data-paddingtop="[0,0,0,0]"
  219.                              data-paddingright="[0,0,0,0]"
  220.                              data-paddingbottom="[0,0,0,0]"
  221.                              data-paddingleft="[0,0,0,0]"
  222.                              style="z-index: 8; min-width: 441px; max-width: 441px; white-space: normal; font-size: 72px; line-height: 72px; font-weight: 400; color: #4b4342; font-family:Leckerli One;"></div>
  224.                         <!-- LAYER NR. 12 -->
  225.                         <div class="tp-caption   tp-resizeme"
  226.                              id="slide-5-layer-41"
  227.                              data-x="center" data-hoffset=""
  228.                              data-y="center" data-voffset="-150"
  229.                              data-width="['none','none','none','none']"
  230.                              data-height="['none','none','none','none']"
  231.                              data-type="image"
  232.                              data-responsive_offset="on"
  233.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  234.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  235.                              data-paddingtop="[0,0,0,0]"
  236.                              data-paddingright="[0,0,0,0]"
  237.                              data-paddingbottom="[0,0,0,0]"
  238.                              data-paddingleft="[0,0,0,0]"
  239.                              style="z-index: 9;"><img src="{{asset('build/theme/images/main-slider/slider_bg_4.png')}}" alt="" data-ww="125px" data-hh="60px" width="125" height="60" data-no-retina> </div>
  241.                         <!-- LAYER NR. 13 -->
  242.                         <div class="tp-caption tp-resizeme hide-sm"
  243.                              id="slide-5-layer-42"
  244.                              data-x="398"
  245.                              data-y="center" data-voffset=""
  246.                              data-width="['none','none','none','none']"
  247.                              data-height="['none','none','none','none']"
  248.                              data-type="image"
  249.                              data-responsive_offset="on"
  250.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  251.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  252.                              data-paddingtop="[0,0,0,0]"
  253.                              data-paddingright="[0,0,0,0]"
  254.                              data-paddingbottom="[0,0,0,0]"
  255.                              data-paddingleft="[0,0,0,0]"
  256.                              style="z-index: 10;"><img src="{{asset('build/theme/images/main-slider/slider_bg_3.png')}}" alt="" data-ww="196px" data-hh="107px" width="196" height="107" data-no-retina> </div>
  258.                         <!-- LAYER NR. 14 -->
  259.                         <div class="tp-caption tp-resizeme hide-sm"
  260.                              id="slide-5-layer-43"
  261.                              data-x="1325"
  262.                              data-y="center" data-voffset=""
  263.                              data-width="['none','none','none','none']"
  264.                              data-height="['none','none','none','none']"
  265.                              data-type="image"
  266.                              data-responsive_offset="on"
  267.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  268.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  269.                              data-paddingtop="[0,0,0,0]"
  270.                              data-paddingright="[0,0,0,0]"
  271.                              data-paddingbottom="[0,0,0,0]"
  272.                              data-paddingleft="[0,0,0,0]"
  273.                              style="z-index: 11;"><img src="{{asset('build/theme/images/main-slider/slider_bg_2.png')}}" alt="" data-ww="196px" data-hh="107px" width="196" height="107" data-no-retina> </div>
  274.                     </li>
  275.                     <!-- SLIDE  -->
  276.                     <li data-index="rs-6" data-transition="zoomout" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="850"  data-thumb=""  data-delay="5999"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
  277.                         <!-- MAIN IMAGE -->
  278.                         <img src="{{asset('build/theme/images/main-slider/3.jpg')}}"  alt="" title="Home Cakes"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
  279.                         <!-- LAYERS -->
  281.                         <!-- LAYER NR. 15 -->
  282.                         <div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme"
  283.                              id="slide-6-layer-44"
  284.                              data-x="center" data-hoffset=""
  285.                              data-y="center" data-voffset=""
  286.                              data-width="['full','full','full','full']"
  287.                              data-height="['full','full','full','full']"
  288.                              data-type="shape"
  289.                              data-basealign="slide"
  290.                              data-responsive_offset="on"
  291.                              data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  292.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  293.                              data-paddingtop="[0,0,0,0]"
  294.                              data-paddingright="[0,0,0,0]"
  295.                              data-paddingbottom="[0,0,0,0]"
  296.                              data-paddingleft="[0,0,0,0]"
  297.                              style="z-index: 5;background-color:rgba(80,81,92,0.15);"> </div>
  299.                         <!-- LAYER NR. 16 -->
  300.                         <div class="tp-caption   tp-resizeme"
  301.                              id="slide-6-layer-40"
  302.                              data-x="center" data-hoffset=""
  303.                              data-y="center" data-voffset="-1"
  304.                              data-width="['none','none','none','none']"
  305.                              data-height="['none','none','none','none']"
  306.                              data-type="image"
  307.                              data-responsive_offset="on"
  308.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  309.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  310.                              data-paddingtop="[0,0,0,0]"
  311.                              data-paddingright="[0,0,0,0]"
  312.                              data-paddingbottom="[0,0,0,0]"
  313.                              data-paddingleft="[0,0,0,0]"
  314.                              {# style="z-index: 6;"><img src="{{asset('build/theme/images/main-slider/Logo.png')}}" alt="" data-ww="654px" data-hh="654px" width="654" height="654" data-no-retina> </div> #}
  316.                         <!-- LAYER NR. 17 -->
  317.                         <div class="tp-caption   tp-resizeme"
  318.                              id="slide-6-layer-33"
  319.                              data-x="center" data-hoffset=""
  320.                              data-y="center" data-voffset="100"
  321.                              data-width="['auto']"
  322.                              data-height="['auto']"
  323.                              data-visibility="['on','on','off','off']"
  324.                              data-type="text"
  325.                              data-responsive_offset="on"
  326.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"}]'
  327.                              data-textAlign="['center','center','center','center']"
  328.                              data-paddingtop="[0,0,0,0]"
  329.                              data-paddingright="[0,0,0,0]"
  330.                              data-paddingbottom="[0,0,0,0]"
  331.                              data-paddingleft="[0,0,0,0]"
  332.                              {# style="z-index: 7; white-space: nowrap; font-size: 16px; line-height: 24px; font-weight: 400; color: #4b4342; font-family:ABeeZee;">Les meilleurs saveurs, au meilleur prix </div> #}
  334.                         <!-- LAYER NR. 18 -->
  335.                         <div class="tp-caption   tp-resizeme"
  336.                              id="slide-6-layer-31"
  337.                              data-x="center" data-hoffset=""
  338.                              data-y="center" data-voffset="-18"
  339.                              data-width="['394']"
  340.                              data-height="['auto']"
  341.                              data-type="text"
  342.                              data-responsive_offset="on"
  343.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"}]'
  344.                              data-textAlign="['center','center','center','center']"
  345.                              data-paddingtop="[0,0,0,0]"
  346.                              data-paddingright="[0,0,0,0]"
  347.                              data-paddingbottom="[0,0,0,0]"
  348.                              data-paddingleft="[0,0,0,0]"
  349.                              style="z-index: 8; min-width: 394px; max-width: 394px; white-space: normal; font-size: 72px; line-height: 72px; font-weight: 400; color: #4b4342;font-family:Leckerli One;"></div>
  351.                         <!-- LAYER NR. 19 -->
  352.                         <div class="tp-caption   tp-resizeme"
  353.                              id="slide-6-layer-41"
  354.                              data-x="center" data-hoffset=""
  355.                              data-y="center" data-voffset="-150"
  356.                              data-width="['none','none','none','none']"
  357.                              data-height="['none','none','none','none']"
  358.                              data-type="image"
  359.                              data-responsive_offset="on"
  360.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  361.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  362.                              data-paddingtop="[0,0,0,0]"
  363.                              data-paddingright="[0,0,0,0]"
  364.                              data-paddingbottom="[0,0,0,0]"
  365.                              data-paddingleft="[0,0,0,0]"
  366.                              style="z-index: 9;"><img src="{{asset('build/theme/images/main-slider/slider_bg_4.png')}}" alt="" data-ww="125px" data-hh="60px" width="125" height="60" data-no-retina> </div>
  368.                         <!-- LAYER NR. 20 -->
  369.                         <div class="tp-caption tp-resizeme hide-sm"
  370.                              id="slide-6-layer-42"
  371.                              data-x="398"
  372.                              data-y="center" data-voffset=""
  373.                              data-width="['none','none','none','none']"
  374.                              data-height="['none','none','none','none']"
  375.                              data-type="image"
  376.                              data-responsive_offset="on"
  377.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  378.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  379.                              data-paddingtop="[0,0,0,0]"
  380.                              data-paddingright="[0,0,0,0]"
  381.                              data-paddingbottom="[0,0,0,0]"
  382.                              data-paddingleft="[0,0,0,0]"
  383.                              style="z-index: 10;"><img src="{{asset('build/theme/images/main-slider/slider_bg_3.png')}}" alt="" data-ww="196px" data-hh="107px" width="196" height="107" data-no-retina> </div>
  385.                         <!-- LAYER NR. 21 -->
  386.                         <div class="tp-caption tp-resizeme hide-sm"
  387.                              id="slide-6-layer-43"
  388.                              data-x="1325"
  389.                              data-y="center" data-voffset=""
  390.                              data-width="['none','none','none','none']"
  391.                              data-height="['none','none','none','none']"
  392.                              data-type="image"
  393.                              data-responsive_offset="on"
  394.                              data-frames='[{"delay":500,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
  395.                              data-textAlign="['inherit','inherit','inherit','inherit']"
  396.                              data-paddingtop="[0,0,0,0]"
  397.                              data-paddingright="[0,0,0,0]"
  398.                              data-paddingbottom="[0,0,0,0]"
  399.                              data-paddingleft="[0,0,0,0]"
  400.                              style="z-index: 11;"><img src="{{asset('build/theme/images/main-slider/slider_bg_2.png')}}" alt="" data-ww="196px" data-hh="107px" width="196" height="107" data-no-retina> </div>
  401.                     </li>
  402.                 </ul>
  403.             </div>
  404.         </div>
  405.     </section>
  406.     <!--End Main Slider-->
  408.     <!-- Services Section -->
  409.     <section class="services-section" style="background-image: url({{asset('build/theme/images/main-slider/4.jpg')}});">
  410.         <div class="auto-container">
  412.             <div class="sec-title text-center">
  413.                 <div class="divider"><img src="{{asset('build/theme/images/icons/divider_1.png')}}" alt=""></div>
  414.                 <h2>Nos spécialités</h2>
  415.             </div>
  416.             <!-- Services Carousel -->
  417.             <div class="services-carousel owl-carousel owl-theme">
  418.                 <!-- Service Block -->
  419.                 {% for item in specialItems %} <!-- Assuming 'item' is the getter method for items -->
  420.                             <div class="service-block">
  421.                                 <div class="inner-box">
  422.                                     <div class="image-box">
  423.                                         <div class="services_frame">
  424.                                         <!-- cake img -->
  425.                                         <figure class="image"><img src="{{ item.imagemini }}"  alt="" width="200"></figure>
  426.                                         </div>
  427.                                     </div>
  428.                                     <p>{{item.label}}</p>
  429.                                 </div>
  430.                             </div>
  431.                 {% endfor %}
  432.             </div>
  433.         </div>
  434.     </section>
  435.     <!--End Services Section -->
  437.     <!-- Call to Action -->
  438.     <section class="call-to-action" >
  439.         <div class="shape_wrapper shape_one">
  440.             <div class="shape_inner shape_two" style="background-image: url({{asset('build/theme/images/main-slider/5.jpg')}});"><div class="overlay"></div></div>
  441.         </div>
  443.         <div class="auto-container">
  444.             <div class="content-box">
  445.                 <div class="icon-box">
  446.                     <div class="icon-frame"><svg x="0px" y="0px" viewBox="0 0 500 500"> <path d="M488.5,274.5L488.5,274.5l1.8-0.5l-2,0.5c-2.4-8.7-4.5-16.9-4.5-24.5c0-8,2.3-16.5,4.7-25.5 c3.5-13,7.1-26.5,3.7-39.5c-3.6-13.2-13.5-23.1-23.1-32.7c-6.5-6.5-12.6-12.6-16.6-19.4c-3.9-6.8-6.1-15.2-8.5-24.1 c-3.5-13.1-7.1-26.7-16.7-36.3c-9.5-9.5-22.9-13.1-35.9-16.6c-9-2.4-17.5-4.6-24.4-8.7c-6.5-3.8-12.5-9.8-18.9-16.2 c-9.7-9.8-19.6-19.8-33.2-23.4c-13.5-3.7-27.3,0.1-40.4,3.7c-8.7,2.4-16.9,4.6-24.5,4.6c-8,0-16.5-2.3-25.5-4.7 c-9.3-2.5-18.8-5-28.1-5c-3.8,0-7.6,0.4-11.3,1.4C172,11.1,162,21.1,152.4,30.7c-6.5,6.5-12.6,12.6-19.4,16.6 c-6.8,3.9-15.2,6.1-24.1,8.5c-13.1,3.5-26.7,7.1-36.3,16.7c-9.5,9.5-13.1,23-16.6,36c-2.4,9-4.6,17.5-8.7,24.4 c-3.8,6.5-9.8,12.5-16.2,18.9c-9.8,9.7-19.7,19.6-23.4,33.2c-3.7,13.5,0.1,27.3,3.7,40.5c2.4,8.7,4.6,16.9,4.6,24.5 c0,8-2.3,16.5-4.6,25.5c-3.5,13-7.1,26.6-3.7,39.5c3.6,13.2,13.5,23.1,23.1,32.7c6.5,6.5,12.6,12.6,16.6,19.4 c3.9,6.8,6.1,15.1,8.5,24c3.5,13.1,7.1,26.8,16.7,36.4c9.5,9.5,23,13.1,35.9,16.6c9,2.4,17.5,4.6,24.4,8.7 c6.5,3.8,12.5,9.8,18.9,16.2c9.7,9.8,19.6,19.8,33.2,23.5c3.8,1,7.6,1.5,11.8,1.5c9.6,0,19.3-2.7,28.5-5.1c8.8-2.4,17-4.6,24.5-4.6 c8,0,16.5,2.3,25.5,4.6c13,3.6,26.6,7.1,39.5,3.7c13.2-3.6,23.1-13.5,32.7-23.1c6.5-6.5,12.6-12.6,19.4-16.6 c6.7-3.9,15.1-6.1,24-8.5c13.1-3.5,26.8-7.1,36.4-16.8c9.5-9.5,13.1-23,16.6-36c2.4-9,4.6-17.5,8.7-24.4c3.8-6.5,9.8-12.5,16.2-18.9 c9.8-9.7,19.9-19.7,23.6-33.3C495.7,301.4,494.4,287.7,488.5,274.5z"></path></svg>
  447.                     </div>
  448.                     <!-- cake img -->
  449.                     <div class="icon icon_heart"></div>
  450.                 </div>
  451.                 <h1>Bonheur culinaire</h1>
  452.                 <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent molestie eu turpis nec<br> molestie. Nam auctor magna mauris, non lacinia felis mattis nec.</p>
  453.                 <div class="btn-box">
  454.                     <a href="{{path('shop')}}" class="theme-btn btn-style-one large"><span></span>Voir carte<span></span></a>
  455.                 </div>
  456.             </div>
  457.         </div>
  458.     </section>
  459.     <!--End Call to Action -->
  461.     <!-- Portfolio Sections -->
  462.     <section class="portfolio-section">
  463.         <div class="auto-container">
  464.             <div class="sec-title text-center">
  465.                 <div class="divider"><img src="{{asset('build/theme/images/icons/divider_1.png')}}" alt=""></div>
  466.                 <h2>Nos pièces montées</h2>
  467.             </div>
  468.             <div class="row">
  469.                 {% for cake in cakes %}
  470.                 <!-- Portfolio Block -->
  471.                 <div class="portfolio-block col-lg-3 col-md-6 col-sm-12">
  472.                     <div class="inner-box">
  473.                         <div class="image-box"><figure class="image"><img src="{{ cake.imagemini }}" alt=""></figure></div>
  474.                         <div class="portfolio-hover">
  475.                             <div class="hover-effect">
  476.                                 <svg x="0px" y="0px" viewBox="79 -202.7 1000 1000">
  477.                                     <path d="M5459-1110.4L579.1-202.7c10.7,0,21.6,1.5,32.5,4.4c22.3,6,41.3,17,58,26.6c11.9,6.9,23,13.3,31.1,15.5 c6.8,1.8,19.4,1.8,26.2,1.8h12.9c27.5,0,59.4,1.4,89.3,18.7c32.8,19,50.2,49.3,64.1,73.7c6.2,10.9,12.6,22.1,17.8,27.3 c5.9,5.9,17.1,12.3,28.9,19.1c24,13.8,53.8,31,72.2,63c18.6,32.3,18.5,67,18.4,94.8c0,13.5-0.1,26.1,2,33.7 c2.1,7.7,8.4,18.7,15.2,30.3c14,24.1,31.4,54.1,31.4,91.3c0,36.8-17.2,66.6-31,90.6c-6.9,11.9-13.3,23-15.5,31.1 c-1.6,6.1-1.9,16.3-1.9,26.9c5.5,35.9-0.9,71-18.5,101.6c-18.9,32.7-49.1,50-73.4,63.9c-11.4,6.5-22.5,12.9-27.8,18.2 c-5.9,5.9-12.3,17-19,28.7c-14,24.2-31.1,54.1-63.1,72.5c-29.5,17-60.5,18.5-89.7,18.5h-10.3c-10.6,0-21.6,0.2-28.4,2 c-7.6,2-18.5,6.5-30.1,13.2c-24.1,14-54,29.6-91.3,29.6H579c-36.8,0-66.6-15.3-90.6-29.2c-11.8-6.8-22.9-12.3-31-14.4 c-6-1.6-16.1-1.4-26.1-1.4l-12.8,0.3c-17.5,0-37.9-0.3-58.4-5.8c-11.2-3-21.4-7.1-31-12.7c-33-19.1-50.3-49.4-64.3-73.8 c-6.2-10.8-12.6-22-17.8-27.2c-5.9-5.9-17-12.3-28.8-19.1c-24-13.8-53.8-31-72.3-63c-18.6-32.3-18.5-67-18.4-94.9 c0-13.4,0.1-26.1-2-33.7c-2-7.7-8.4-18.6-15.2-30.2c-14-24.1-31.4-54-31.4-91.3c0-36.8,17.2-66.7,31.1-90.7 c6.8-11.8,13.3-22.9,15.4-31c1.9-7.2,1.9-20.1,1.8-32.6c-0.1-28.1-0.2-63.1,18.8-95.9c19-32.9,49.3-50.2,73.6-64.2 c10.9-6.2,22.1-12.7,27.3-17.9c5.9-5.9,12.3-17.1,19.2-28.9c13.8-24,31-53.8,62.9-72.2c29.5-17,60.3-18.5,89.3-18.5h11 c10,0,21.3-0.2,28.2-2c7.6-2.1,18.6-8.4,30.1-15.1c24.3-14.1,54.3-31.5,91.4-31.6l4856-83.7l64-2888l-12016,96l-16,7000l7344,32 l4760,96L5459-1110.4z M909.2,106.8c-10.2-17.7-28.5-28.3-46.3-38.5c-12.2-7.1-23.8-13.7-32.4-22.3c-8.1-8.1-14.5-19.3-21.3-31.2 C798.8-3.3,788.1-22,769.7-32.7s-40-10.6-60.8-10.5c-13.7,0.1-26.6,0.1-37.7-2.9c-11.8-3.2-23.3-9.8-35.6-16.9 C623-70.3,610-77.8,596.2-81.5c-5.6-1.5-11.3-2.4-17.1-2.4c-20.7,0-39.2,10.8-57,21.1c-12.1,7-23.5,13.7-35,16.8s-24.7,3-38.6,3 c-20.6-0.1-42-0.1-59.9,10.3c-17.7,10.2-28.3,28.6-38.5,46.3c-7.1,12.3-13.7,23.8-22.3,32.5c-8.1,8.1-19.4,14.6-31.2,21.4 c-18.1,10.4-36.8,21.1-47.4,39.5c-10.7,18.5-10.6,40-10.5,60.9c0,13.7,0.1,26.6-2.9,37.8c-3.2,11.8-9.8,23.3-16.9,35.5 C208.6,259,198,277.4,198,297.8c0,20.8,10.7,39.2,21.1,57.1c7,12.1,13.6,23.5,16.7,35c3.1,11.5,3,24.6,3,38.6 c-0.1,20.7-0.1,42,10.2,60.1c10.2,17.7,28.5,28.3,46.3,38.5c12.2,7.1,23.8,13.7,32.4,22.3c8.1,8.1,14.5,19.3,21.3,31.2 c10.4,18.2,21.1,36.9,39.5,47.5c5.1,2.9,10.6,5.2,16.7,6.8c14.1,3.8,29.3,3.7,44,3.7c13.8-0.1,26.7-0.1,37.8,2.9 c11.8,3.2,23.3,9.8,35.5,16.9c17.8,10.3,36.1,20.9,56.6,20.9c20.8,0,39.2-10.8,57-21.2c12.1-7,23.5-13.7,35-16.7 c11.5-3.1,24.6-3,38.6-3c20.7,0,42.1,0.1,60.1-10.3c17.7-10.2,28.4-28.6,38.6-46.3c7.1-12.3,13.9-23.8,22.5-32.4 c8.1-8.1,19.6-14.5,31.5-21.3c18.2-10.4,37.7-21.1,48.4-39.6c10.6-18.5,8.9-87.6,11.9-98.7c3.2-11.8,9.8-23.3,16.9-35.6 c10.3-17.8,20.9-36.1,20.9-56.6c0-20.8-10.7-39.2-21.1-57.1c-7-12.1-13.6-23.5-16.7-35c-3.1-11.5-3-24.7-3-38.7 C919.5,146.2,919.5,124.8,909.2,106.8z"></path>
  478.                                 </svg>
  479.                             </div>
  480.                             <a href="{{ cake.image }}" class="lightbox-image link" data-fancybox="portfolio"></a>
  481.                             <h3><a href="{{ cake.image }}">{{ cake.label }}<br></a></h3>
  482.                         </div>
  483.                     </div>
  484.                 </div>
  485.                 {% endfor %}
  486.             </div>
  487.         </div>
  488.     </section>
  489.     <!--End Projects Sections -->
  491.     <!-- Features Section -->
  492.     <div class="features-section">
  493.         <div class="shape_wrapper shape_one">
  494.             <div class="shape_inner shape_two" style="background-image: url({{asset('build/theme/images/main-slider/6.jpg')}});"><div class="overlay"></div></div>
  495.         </div>
  497.         <div class="auto-container">
  498.             <div class="row">
  499.                 <!-- Feature Block -->
  500.                 <div class="feature-block col-lg-3 col-md-6 col-sm-12">
  501.                     <div class="inner-box">
  502.                         <div class="icon-box">
  503.                             <div class="icon-frame"><svg x="0px" y="0px" viewBox="0 0 500 500"> <path d="M488.5,274.5L488.5,274.5l1.8-0.5l-2,0.5c-2.4-8.7-4.5-16.9-4.5-24.5c0-8,2.3-16.5,4.7-25.5 c3.5-13,7.1-26.5,3.7-39.5c-3.6-13.2-13.5-23.1-23.1-32.7c-6.5-6.5-12.6-12.6-16.6-19.4c-3.9-6.8-6.1-15.2-8.5-24.1 c-3.5-13.1-7.1-26.7-16.7-36.3c-9.5-9.5-22.9-13.1-35.9-16.6c-9-2.4-17.5-4.6-24.4-8.7c-6.5-3.8-12.5-9.8-18.9-16.2 c-9.7-9.8-19.6-19.8-33.2-23.4c-13.5-3.7-27.3,0.1-40.4,3.7c-8.7,2.4-16.9,4.6-24.5,4.6c-8,0-16.5-2.3-25.5-4.7 c-9.3-2.5-18.8-5-28.1-5c-3.8,0-7.6,0.4-11.3,1.4C172,11.1,162,21.1,152.4,30.7c-6.5,6.5-12.6,12.6-19.4,16.6 c-6.8,3.9-15.2,6.1-24.1,8.5c-13.1,3.5-26.7,7.1-36.3,16.7c-9.5,9.5-13.1,23-16.6,36c-2.4,9-4.6,17.5-8.7,24.4 c-3.8,6.5-9.8,12.5-16.2,18.9c-9.8,9.7-19.7,19.6-23.4,33.2c-3.7,13.5,0.1,27.3,3.7,40.5c2.4,8.7,4.6,16.9,4.6,24.5 c0,8-2.3,16.5-4.6,25.5c-3.5,13-7.1,26.6-3.7,39.5c3.6,13.2,13.5,23.1,23.1,32.7c6.5,6.5,12.6,12.6,16.6,19.4 c3.9,6.8,6.1,15.1,8.5,24c3.5,13.1,7.1,26.8,16.7,36.4c9.5,9.5,23,13.1,35.9,16.6c9,2.4,17.5,4.6,24.4,8.7 c6.5,3.8,12.5,9.8,18.9,16.2c9.7,9.8,19.6,19.8,33.2,23.5c3.8,1,7.6,1.5,11.8,1.5c9.6,0,19.3-2.7,28.5-5.1c8.8-2.4,17-4.6,24.5-4.6 c8,0,16.5,2.3,25.5,4.6c13,3.6,26.6,7.1,39.5,3.7c13.2-3.6,23.1-13.5,32.7-23.1c6.5-6.5,12.6-12.6,19.4-16.6 c6.7-3.9,15.1-6.1,24-8.5c13.1-3.5,26.8-7.1,36.4-16.8c9.5-9.5,13.1-23,16.6-36c2.4-9,4.6-17.5,8.7-24.4c3.8-6.5,9.8-12.5,16.2-18.9 c9.8-9.7,19.9-19.7,23.6-33.3C495.7,301.4,494.4,287.7,488.5,274.5z"></path></svg>
  504.                             </div>
  506.                             <!-- cake img -->
  507.                             <div class="icon flaticon-technology"></div>
  508.                         </div>
  509.                         <h3>Restauration</h3>
  510.                         <p>Lorem ipsum dolor amet, consectetur adipiscing elit. Nam consectetur facilisis aliquet.</p>
  511.                     </div>
  512.                 </div>
  514.                 <!-- Feature Block -->
  515.                 <div class="feature-block col-lg-3 col-md-6 col-sm-12">
  516.                     <div class="inner-box">
  517.                         <div class="icon-box">
  518.                             <div class="icon-frame"><svg x="0px" y="0px" viewBox="0 0 500 500"> <path d="M488.5,274.5L488.5,274.5l1.8-0.5l-2,0.5c-2.4-8.7-4.5-16.9-4.5-24.5c0-8,2.3-16.5,4.7-25.5 c3.5-13,7.1-26.5,3.7-39.5c-3.6-13.2-13.5-23.1-23.1-32.7c-6.5-6.5-12.6-12.6-16.6-19.4c-3.9-6.8-6.1-15.2-8.5-24.1 c-3.5-13.1-7.1-26.7-16.7-36.3c-9.5-9.5-22.9-13.1-35.9-16.6c-9-2.4-17.5-4.6-24.4-8.7c-6.5-3.8-12.5-9.8-18.9-16.2 c-9.7-9.8-19.6-19.8-33.2-23.4c-13.5-3.7-27.3,0.1-40.4,3.7c-8.7,2.4-16.9,4.6-24.5,4.6c-8,0-16.5-2.3-25.5-4.7 c-9.3-2.5-18.8-5-28.1-5c-3.8,0-7.6,0.4-11.3,1.4C172,11.1,162,21.1,152.4,30.7c-6.5,6.5-12.6,12.6-19.4,16.6 c-6.8,3.9-15.2,6.1-24.1,8.5c-13.1,3.5-26.7,7.1-36.3,16.7c-9.5,9.5-13.1,23-16.6,36c-2.4,9-4.6,17.5-8.7,24.4 c-3.8,6.5-9.8,12.5-16.2,18.9c-9.8,9.7-19.7,19.6-23.4,33.2c-3.7,13.5,0.1,27.3,3.7,40.5c2.4,8.7,4.6,16.9,4.6,24.5 c0,8-2.3,16.5-4.6,25.5c-3.5,13-7.1,26.6-3.7,39.5c3.6,13.2,13.5,23.1,23.1,32.7c6.5,6.5,12.6,12.6,16.6,19.4 c3.9,6.8,6.1,15.1,8.5,24c3.5,13.1,7.1,26.8,16.7,36.4c9.5,9.5,23,13.1,35.9,16.6c9,2.4,17.5,4.6,24.4,8.7 c6.5,3.8,12.5,9.8,18.9,16.2c9.7,9.8,19.6,19.8,33.2,23.5c3.8,1,7.6,1.5,11.8,1.5c9.6,0,19.3-2.7,28.5-5.1c8.8-2.4,17-4.6,24.5-4.6 c8,0,16.5,2.3,25.5,4.6c13,3.6,26.6,7.1,39.5,3.7c13.2-3.6,23.1-13.5,32.7-23.1c6.5-6.5,12.6-12.6,19.4-16.6 c6.7-3.9,15.1-6.1,24-8.5c13.1-3.5,26.8-7.1,36.4-16.8c9.5-9.5,13.1-23,16.6-36c2.4-9,4.6-17.5,8.7-24.4c3.8-6.5,9.8-12.5,16.2-18.9 c9.8-9.7,19.9-19.7,23.6-33.3C495.7,301.4,494.4,287.7,488.5,274.5z"></path></svg>
  519.                             </div>
  521.                             <!-- cake img -->
  522.                             <div class="icon flaticon-food-7"></div>
  523.                         </div>
  524.                         <h3>Qualité</h3>
  525.                         <p>Amet interdum, diam molestie fusce natoque, nascetur laoreet mattis cras hendrerit.</p>
  526.                     </div>
  527.                 </div>
  529.                 <!-- Feature Block -->
  530.                 <div class="feature-block col-lg-3 col-md-6 col-sm-12">
  531.                     <div class="inner-box">
  532.                         <div class="icon-box">
  533.                             <div class="icon-frame"><svg x="0px" y="0px" viewBox="0 0 500 500"> <path d="M488.5,274.5L488.5,274.5l1.8-0.5l-2,0.5c-2.4-8.7-4.5-16.9-4.5-24.5c0-8,2.3-16.5,4.7-25.5 c3.5-13,7.1-26.5,3.7-39.5c-3.6-13.2-13.5-23.1-23.1-32.7c-6.5-6.5-12.6-12.6-16.6-19.4c-3.9-6.8-6.1-15.2-8.5-24.1 c-3.5-13.1-7.1-26.7-16.7-36.3c-9.5-9.5-22.9-13.1-35.9-16.6c-9-2.4-17.5-4.6-24.4-8.7c-6.5-3.8-12.5-9.8-18.9-16.2 c-9.7-9.8-19.6-19.8-33.2-23.4c-13.5-3.7-27.3,0.1-40.4,3.7c-8.7,2.4-16.9,4.6-24.5,4.6c-8,0-16.5-2.3-25.5-4.7 c-9.3-2.5-18.8-5-28.1-5c-3.8,0-7.6,0.4-11.3,1.4C172,11.1,162,21.1,152.4,30.7c-6.5,6.5-12.6,12.6-19.4,16.6 c-6.8,3.9-15.2,6.1-24.1,8.5c-13.1,3.5-26.7,7.1-36.3,16.7c-9.5,9.5-13.1,23-16.6,36c-2.4,9-4.6,17.5-8.7,24.4 c-3.8,6.5-9.8,12.5-16.2,18.9c-9.8,9.7-19.7,19.6-23.4,33.2c-3.7,13.5,0.1,27.3,3.7,40.5c2.4,8.7,4.6,16.9,4.6,24.5 c0,8-2.3,16.5-4.6,25.5c-3.5,13-7.1,26.6-3.7,39.5c3.6,13.2,13.5,23.1,23.1,32.7c6.5,6.5,12.6,12.6,16.6,19.4 c3.9,6.8,6.1,15.1,8.5,24c3.5,13.1,7.1,26.8,16.7,36.4c9.5,9.5,23,13.1,35.9,16.6c9,2.4,17.5,4.6,24.4,8.7 c6.5,3.8,12.5,9.8,18.9,16.2c9.7,9.8,19.6,19.8,33.2,23.5c3.8,1,7.6,1.5,11.8,1.5c9.6,0,19.3-2.7,28.5-5.1c8.8-2.4,17-4.6,24.5-4.6 c8,0,16.5,2.3,25.5,4.6c13,3.6,26.6,7.1,39.5,3.7c13.2-3.6,23.1-13.5,32.7-23.1c6.5-6.5,12.6-12.6,19.4-16.6 c6.7-3.9,15.1-6.1,24-8.5c13.1-3.5,26.8-7.1,36.4-16.8c9.5-9.5,13.1-23,16.6-36c2.4-9,4.6-17.5,8.7-24.4c3.8-6.5,9.8-12.5,16.2-18.9 c9.8-9.7,19.9-19.7,23.6-33.3C495.7,301.4,494.4,287.7,488.5,274.5z"></path></svg>
  534.                             </div>
  536.                             <!-- cake img -->
  537.                             <div class="icon flaticon-strawberry"></div>
  538.                         </div>
  539.                         <h3>Service</h3>
  540.                         <p>Ullamcorper phasellus per vestibulum, lacus curabitur, rutrum mi fringilla.</p>
  541.                     </div>
  542.                 </div>
  544.                 <!-- Feature Block -->
  545.                 <div class="feature-block col-lg-3 col-md-6 col-sm-12">
  546.                     <div class="inner-box">
  547.                         <div class="icon-box">
  548.                             <div class="icon-frame"><svg x="0px" y="0px" viewBox="0 0 500 500"> <path d="M488.5,274.5L488.5,274.5l1.8-0.5l-2,0.5c-2.4-8.7-4.5-16.9-4.5-24.5c0-8,2.3-16.5,4.7-25.5 c3.5-13,7.1-26.5,3.7-39.5c-3.6-13.2-13.5-23.1-23.1-32.7c-6.5-6.5-12.6-12.6-16.6-19.4c-3.9-6.8-6.1-15.2-8.5-24.1 c-3.5-13.1-7.1-26.7-16.7-36.3c-9.5-9.5-22.9-13.1-35.9-16.6c-9-2.4-17.5-4.6-24.4-8.7c-6.5-3.8-12.5-9.8-18.9-16.2 c-9.7-9.8-19.6-19.8-33.2-23.4c-13.5-3.7-27.3,0.1-40.4,3.7c-8.7,2.4-16.9,4.6-24.5,4.6c-8,0-16.5-2.3-25.5-4.7 c-9.3-2.5-18.8-5-28.1-5c-3.8,0-7.6,0.4-11.3,1.4C172,11.1,162,21.1,152.4,30.7c-6.5,6.5-12.6,12.6-19.4,16.6 c-6.8,3.9-15.2,6.1-24.1,8.5c-13.1,3.5-26.7,7.1-36.3,16.7c-9.5,9.5-13.1,23-16.6,36c-2.4,9-4.6,17.5-8.7,24.4 c-3.8,6.5-9.8,12.5-16.2,18.9c-9.8,9.7-19.7,19.6-23.4,33.2c-3.7,13.5,0.1,27.3,3.7,40.5c2.4,8.7,4.6,16.9,4.6,24.5 c0,8-2.3,16.5-4.6,25.5c-3.5,13-7.1,26.6-3.7,39.5c3.6,13.2,13.5,23.1,23.1,32.7c6.5,6.5,12.6,12.6,16.6,19.4 c3.9,6.8,6.1,15.1,8.5,24c3.5,13.1,7.1,26.8,16.7,36.4c9.5,9.5,23,13.1,35.9,16.6c9,2.4,17.5,4.6,24.4,8.7 c6.5,3.8,12.5,9.8,18.9,16.2c9.7,9.8,19.6,19.8,33.2,23.5c3.8,1,7.6,1.5,11.8,1.5c9.6,0,19.3-2.7,28.5-5.1c8.8-2.4,17-4.6,24.5-4.6 c8,0,16.5,2.3,25.5,4.6c13,3.6,26.6,7.1,39.5,3.7c13.2-3.6,23.1-13.5,32.7-23.1c6.5-6.5,12.6-12.6,19.4-16.6 c6.7-3.9,15.1-6.1,24-8.5c13.1-3.5,26.8-7.1,36.4-16.8c9.5-9.5,13.1-23,16.6-36c2.4-9,4.6-17.5,8.7-24.4c3.8-6.5,9.8-12.5,16.2-18.9 c9.8-9.7,19.9-19.7,23.6-33.3C495.7,301.4,494.4,287.7,488.5,274.5z"></path></svg>
  549.                             </div>
  551.                             <!-- cake img -->
  552.                             <div class="icon flaticon-food-1"></div>
  553.                         </div>
  554.                         <h3>Passion</h3>
  555.                         <p>Leo sem, justo hymenaeos torquent tristique aliquam et id, ante eu nascetur dis sit enim.</p>
  556.                     </div>
  557.                 </div>
  558.             </div>
  560.             <div class="btn-box">
  561.                 <a href="{{path('offershop')}}" class="theme-btn btn-style-two crit"><span></span>Service Traiteur<span></span></a>
  562.             </div>
  563.         </div>
  564.     </div>
  565.     <!-- End Features Section -->
  567.     <!-- avis Section  -->
  568.     <section class="recipes-section" style="background-color:#820542;">
  569.         <div class="auto-container">
  570.             <div class="sec-title light text-center">
  571.                 <h2>Nos avis clients</h2>
  572.             </div>
  574.             <!-- Testimonial Carousel -->
  575.             <div class="testimonial-carousel owl-carousel owl-theme">
  576.                 <!-- Testimonial Block -->
  577.                 <div class="testimonial-block">
  578.                     <div class="inner-box">
  579.                         <div class="testimonial_img">
  580.                             <svg class="div_left" fill="#ffffff" viewBox="0 0 25 8"><path d="M1.7,5.2C2,5.4,2.1,5.7,1.9,6C1.8,6.2,1.7,6.3,1.5,6.3c-0.4,0.1-1-0.4-0.7,0.4c0.1,0.4,0.6,0.4,0.9,0.5 c1.8,0.2,3.6-1.2,5.1-1.9c-0.9-0.5-2-1.1-2.3-2.1c-0.2-0.8,0-1.8,0.6-2.4C5.7,0,6.8-0.2,7.7,0.3C8,0.6,8.2,1.2,8.1,1.6 C7.9,2.3,7.6,2.5,7,2.5C7,2.1,7.2,1.3,6.8,1C6.5,0.8,6,0.9,5.7,1.2C4.8,1.9,5.2,3.1,6,3.7C6.5,4,6.9,4.2,7.4,4.4 c0.6,0.2,0.9,0,1.5-0.2c1.3-0.6,2.6-1,3.9-1.4c1.4-0.4,2.8-0.5,4.2-0.4c1.1,0.1,2.2,0.5,3.2,1.1c1,0.6,2.1,0.9,3.2,0.9 c0.4,0,1.6,0,1.6,0.4c0,0.4-1.5,0.1-1.7,0.5c0.2,0.1,0.9,0.3,0.7,0.7c-0.2,0.4-0.9,0-1-0.2c-0.4-0.4-1-0.7-1.6-0.6 c-1,0.1-2.1,0.3-3.1,0.4c-1,0.1-1.8,0.1-2.7,0.2C13.7,6.1,11.7,6.2,9.8,6C9.1,5.7,8.2,5.8,7.5,6.1C6.7,6.5,6,7,5.2,7.3 C4,7.9,1.7,8.4,0.5,7.4S0.5,4.3,1.7,5.2z M20.3,4.2c-1.3-1-3-1.4-4.6-1.1c-0.9,0.2-1.9,0.5-2.8,0.7c-0.5,0.1-1,0.3-1.6,0.5 S10.3,4.5,10.4,5L20.3,4.2z"></path></svg>
  582.                             <!-- Thumb Box -->
  583.                             <figure class="thumb-box"><img src="https://via.placeholder.com/76x76" alt=""></figure>
  585.                             <svg class="div_right" fill="#ffffff" viewBox="0 0 25 8"><path d="M23.31,5.22a.59.59,0,0,0,.22,1.1c.36.08,1-.38.75.38-.13.4-.57.43-.93.46-1.77.17-3.6-1.21-5.11-1.95.87-.51,2-1.09,2.33-2.1A2.43,2.43,0,0,0,19.94.73,2,2,0,0,0,17.36.34a1.25,1.25,0,0,0-.43,1.29c.17.67.5.84,1.13.88-.05-.42-.28-1.17.12-1.49a1,1,0,0,1,1.17.15c.91.76.42,1.94-.38,2.54a4.91,4.91,0,0,1-1.37.66c-.64.22-.89,0-1.51-.22a25.55,25.55,0,0,0-3.94-1.39,13.51,13.51,0,0,0-4.2-.44A7.77,7.77,0,0,0,4.77,3.43a6.29,6.29,0,0,1-3.21.87c-.37,0-1.59,0-1.56.43s1.48.08,1.74.54c-.24.07-.89.29-.66.71s.86,0,1-.18a1.85,1.85,0,0,1,1.58-.6c1,.06,2.06.33,3.09.44s1.81.11,2.72.19a21.75,21.75,0,0,0,5.7.13,3.18,3.18,0,0,1,2.39.15c.76.37,1.47.84,2.23,1.2,1.25.6,3.56,1.12,4.74.13S24.51,4.34,23.31,5.22Zm-18.64-1a6.16,6.16,0,0,1,4.58-1.1c.93.19,1.86.45,2.78.69.52.14,1,.28,1.55.46s1.14.21,1.08.75Z"></path></svg>
  586.                         </div>
  587.                         <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel sem imperdiet, venenatis eros ac,mattis mauris. Nam ac purus justo. Vivamus non hendrerit velit.</div>
  588.                         <div class="name">Maria Doe</div>
  589.                     </div>
  590.                 </div>
  592.                 <!-- Testimonial Block -->
  593.                 <div class="testimonial-block">
  594.                     <div class="inner-box">
  595.                         <div class="testimonial_img">
  596.                             <svg class="div_left" fill="#ffffff" viewBox="0 0 25 8"><path d="M1.7,5.2C2,5.4,2.1,5.7,1.9,6C1.8,6.2,1.7,6.3,1.5,6.3c-0.4,0.1-1-0.4-0.7,0.4c0.1,0.4,0.6,0.4,0.9,0.5 c1.8,0.2,3.6-1.2,5.1-1.9c-0.9-0.5-2-1.1-2.3-2.1c-0.2-0.8,0-1.8,0.6-2.4C5.7,0,6.8-0.2,7.7,0.3C8,0.6,8.2,1.2,8.1,1.6 C7.9,2.3,7.6,2.5,7,2.5C7,2.1,7.2,1.3,6.8,1C6.5,0.8,6,0.9,5.7,1.2C4.8,1.9,5.2,3.1,6,3.7C6.5,4,6.9,4.2,7.4,4.4 c0.6,0.2,0.9,0,1.5-0.2c1.3-0.6,2.6-1,3.9-1.4c1.4-0.4,2.8-0.5,4.2-0.4c1.1,0.1,2.2,0.5,3.2,1.1c1,0.6,2.1,0.9,3.2,0.9 c0.4,0,1.6,0,1.6,0.4c0,0.4-1.5,0.1-1.7,0.5c0.2,0.1,0.9,0.3,0.7,0.7c-0.2,0.4-0.9,0-1-0.2c-0.4-0.4-1-0.7-1.6-0.6 c-1,0.1-2.1,0.3-3.1,0.4c-1,0.1-1.8,0.1-2.7,0.2C13.7,6.1,11.7,6.2,9.8,6C9.1,5.7,8.2,5.8,7.5,6.1C6.7,6.5,6,7,5.2,7.3 C4,7.9,1.7,8.4,0.5,7.4S0.5,4.3,1.7,5.2z M20.3,4.2c-1.3-1-3-1.4-4.6-1.1c-0.9,0.2-1.9,0.5-2.8,0.7c-0.5,0.1-1,0.3-1.6,0.5 S10.3,4.5,10.4,5L20.3,4.2z"></path></svg>
  598.                             <!-- Thumb Box -->
  599.                             <figure class="thumb-box"><img src="https://via.placeholder.com/76x76" alt=""></figure>
  601.                             <svg class="div_right" fill="#ffffff" viewBox="0 0 25 8"><path d="M23.31,5.22a.59.59,0,0,0,.22,1.1c.36.08,1-.38.75.38-.13.4-.57.43-.93.46-1.77.17-3.6-1.21-5.11-1.95.87-.51,2-1.09,2.33-2.1A2.43,2.43,0,0,0,19.94.73,2,2,0,0,0,17.36.34a1.25,1.25,0,0,0-.43,1.29c.17.67.5.84,1.13.88-.05-.42-.28-1.17.12-1.49a1,1,0,0,1,1.17.15c.91.76.42,1.94-.38,2.54a4.91,4.91,0,0,1-1.37.66c-.64.22-.89,0-1.51-.22a25.55,25.55,0,0,0-3.94-1.39,13.51,13.51,0,0,0-4.2-.44A7.77,7.77,0,0,0,4.77,3.43a6.29,6.29,0,0,1-3.21.87c-.37,0-1.59,0-1.56.43s1.48.08,1.74.54c-.24.07-.89.29-.66.71s.86,0,1-.18a1.85,1.85,0,0,1,1.58-.6c1,.06,2.06.33,3.09.44s1.81.11,2.72.19a21.75,21.75,0,0,0,5.7.13,3.18,3.18,0,0,1,2.39.15c.76.37,1.47.84,2.23,1.2,1.25.6,3.56,1.12,4.74.13S24.51,4.34,23.31,5.22Zm-18.64-1a6.16,6.16,0,0,1,4.58-1.1c.93.19,1.86.45,2.78.69.52.14,1,.28,1.55.46s1.14.21,1.08.75Z"></path></svg>
  602.                         </div>
  603.                         <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel sem imperdiet, venenatis eros ac,mattis mauris. Nam ac purus justo. Vivamus non hendrerit velit.</div>
  604.                         <div class="name">Maria Doe</div>
  605.                     </div>
  606.                 </div>
  608.                 <!-- Testimonial Block -->
  609.                 <div class="testimonial-block">
  610.                     <div class="inner-box">
  611.                         <div class="testimonial_img">
  612.                             <svg class="div_left" fill="#ffffff" viewBox="0 0 25 8"><path d="M1.7,5.2C2,5.4,2.1,5.7,1.9,6C1.8,6.2,1.7,6.3,1.5,6.3c-0.4,0.1-1-0.4-0.7,0.4c0.1,0.4,0.6,0.4,0.9,0.5 c1.8,0.2,3.6-1.2,5.1-1.9c-0.9-0.5-2-1.1-2.3-2.1c-0.2-0.8,0-1.8,0.6-2.4C5.7,0,6.8-0.2,7.7,0.3C8,0.6,8.2,1.2,8.1,1.6 C7.9,2.3,7.6,2.5,7,2.5C7,2.1,7.2,1.3,6.8,1C6.5,0.8,6,0.9,5.7,1.2C4.8,1.9,5.2,3.1,6,3.7C6.5,4,6.9,4.2,7.4,4.4 c0.6,0.2,0.9,0,1.5-0.2c1.3-0.6,2.6-1,3.9-1.4c1.4-0.4,2.8-0.5,4.2-0.4c1.1,0.1,2.2,0.5,3.2,1.1c1,0.6,2.1,0.9,3.2,0.9 c0.4,0,1.6,0,1.6,0.4c0,0.4-1.5,0.1-1.7,0.5c0.2,0.1,0.9,0.3,0.7,0.7c-0.2,0.4-0.9,0-1-0.2c-0.4-0.4-1-0.7-1.6-0.6 c-1,0.1-2.1,0.3-3.1,0.4c-1,0.1-1.8,0.1-2.7,0.2C13.7,6.1,11.7,6.2,9.8,6C9.1,5.7,8.2,5.8,7.5,6.1C6.7,6.5,6,7,5.2,7.3 C4,7.9,1.7,8.4,0.5,7.4S0.5,4.3,1.7,5.2z M20.3,4.2c-1.3-1-3-1.4-4.6-1.1c-0.9,0.2-1.9,0.5-2.8,0.7c-0.5,0.1-1,0.3-1.6,0.5 S10.3,4.5,10.4,5L20.3,4.2z"></path></svg>
  614.                             <!-- Thumb Box -->
  615.                             <figure class="thumb-box"><img src="https://via.placeholder.com/76x76" alt=""></figure>
  617.                             <svg class="div_right" fill="#ffffff" viewBox="0 0 25 8"><path d="M23.31,5.22a.59.59,0,0,0,.22,1.1c.36.08,1-.38.75.38-.13.4-.57.43-.93.46-1.77.17-3.6-1.21-5.11-1.95.87-.51,2-1.09,2.33-2.1A2.43,2.43,0,0,0,19.94.73,2,2,0,0,0,17.36.34a1.25,1.25,0,0,0-.43,1.29c.17.67.5.84,1.13.88-.05-.42-.28-1.17.12-1.49a1,1,0,0,1,1.17.15c.91.76.42,1.94-.38,2.54a4.91,4.91,0,0,1-1.37.66c-.64.22-.89,0-1.51-.22a25.55,25.55,0,0,0-3.94-1.39,13.51,13.51,0,0,0-4.2-.44A7.77,7.77,0,0,0,4.77,3.43a6.29,6.29,0,0,1-3.21.87c-.37,0-1.59,0-1.56.43s1.48.08,1.74.54c-.24.07-.89.29-.66.71s.86,0,1-.18a1.85,1.85,0,0,1,1.58-.6c1,.06,2.06.33,3.09.44s1.81.11,2.72.19a21.75,21.75,0,0,0,5.7.13,3.18,3.18,0,0,1,2.39.15c.76.37,1.47.84,2.23,1.2,1.25.6,3.56,1.12,4.74.13S24.51,4.34,23.31,5.22Zm-18.64-1a6.16,6.16,0,0,1,4.58-1.1c.93.19,1.86.45,2.78.69.52.14,1,.28,1.55.46s1.14.21,1.08.75Z"></path></svg>
  618.                         </div>
  619.                         <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel sem imperdiet, venenatis eros ac,mattis mauris. Nam ac purus justo. Vivamus non hendrerit velit.</div>
  620.                         <div class="name">Maria Doe</div>
  621.                     </div>
  622.                 </div>
  623.             </div>
  624.         </div>
  625.     </section>
  626.     <!--End avis Section -->
  627. {% endblock %}