templates/front_end/home/home.twig line 1

  1. {% extends 'front_end/base/base.html.twig' %}
  3. {% block head %}
  4.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width,initial-scale=1">
  7.     <meta name="description" content="SELECTWEARS">
  8.     <meta name="keywords" content="SELECTWEARS">
  9.     <meta name="author" content="SELECTWEARS">
  10.     {# <link rel="icon" href="{{ asset('assets/images/favicon/12.png') }}" type="image/x-icon"> #}
  11.     {# <link rel="shortcut icon" href="{{ asset('assets/images/favicon/12.png') }}" type="image/x-icon"> #}
  12.     <title>SELECTWEARS</title>
  14.     <!--Google font-->
  15.     <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
  16.     <link rel="preconnect" href="https://fonts.gstatic.com">
  17.     <link href="https://fonts.googleapis.com/css2?family=Yellowtail&display=swap" rel="stylesheet">
  19.     <!-- Icons -->
  20.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/font-awesome.css') }}">
  22.     <!--Slick slider css-->
  23.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/slick.css') }}">
  24.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/slick-theme.css') }}">
  26.     <!-- Animate icon -->
  27.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
  29.     <!-- Themify icon -->
  30.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/themify-icons.css') }}">
  32.     <!-- Bootstrap css -->
  33.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/bootstrap.css') }}">
  35.     <!-- Theme css -->
  36.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style.css') }}">
  37.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  38.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom.css') }}">
  39.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/responsive.css') }}">
  40.     <style>
  41.         .men-block,.women-block {
  42.                 position: inherit;
  43.                 top: -50%;
  44.         }
  46.         .trust-budges,.trust-payements{
  47.             width: -webkit-fill-available;
  48.         }
  50.         img.trust-budges,img.trust-payements {
  51.             TRANSFORM: SCALE(0.7);
  52.         }
  53.         body {
  54.                   --s: 25vmin;
  55.   --p: calc(var(--s) / 2);
  56.   --c1: pink;
  57.   --c2: dodgerblue;
  58.   --c3: white;
  59.   --bg: var(--c3);
  60.   --d: 4000ms;
  61.   --e: cubic-bezier(0.76, 0, 0.24, 1);
  62.   
  63.   background-color: var(--bg);
  64.   background-image:
  65.     linear-gradient(45deg, var(--c1) 25%, transparent 25%),
  66.     linear-gradient(-45deg, var(--c1) 25%, transparent 25%),
  67.     linear-gradient(45deg, transparent 75%, var(--c2) 75%),
  68.     linear-gradient(-45deg, transparent 75%, var(--c2) 75%);
  69.   background-size: var(--s) var(--s);
  70.   background-position: 
  71.     calc(var(--p) *  1) calc(var(--p) *  0), 
  72.     calc(var(--p) * -1) calc(var(--p) *  1), 
  73.     calc(var(--p) *  1) calc(var(--p) * -1), 
  74.     calc(var(--p) * -1) calc(var(--p) *  0);
  75.   animation: 
  76.     color var(--d) var(--e) infinite,
  77.     position var(--d) var(--e) infinite;
  78. }
  80. @keyframes color {
  81.   0%, 25% {
  82.     --bg: var(--c3);
  83.   }
  84.   26%, 50% {
  85.     --bg: var(--c1);
  86.   }
  87.   51%, 75% {
  88.     --bg: var(--c3);
  89.   }
  90.   76%, 100% {
  91.     --bg: var(--c2);
  92.   }
  93. }
  95. @keyframes position {
  96.   0% {
  97.     background-position: 
  98.       calc(var(--p) *  1) calc(var(--p) *  0), 
  99.       calc(var(--p) * -1) calc(var(--p) *  1), 
  100.       calc(var(--p) *  1) calc(var(--p) * -1), 
  101.       calc(var(--p) * -1) calc(var(--p) *  0);
  102.   }
  103.   25% {
  104.     background-position: 
  105.       calc(var(--p) *  1) calc(var(--p) *  4), 
  106.       calc(var(--p) * -1) calc(var(--p) *  5), 
  107.       calc(var(--p) *  1) calc(var(--p) *  3), 
  108.       calc(var(--p) * -1) calc(var(--p) *  4);
  109.   }
  110.   50% {
  111.     background-position: 
  112.       calc(var(--p) *  3) calc(var(--p) * 8), 
  113.       calc(var(--p) * -3) calc(var(--p) * 9), 
  114.       calc(var(--p) *  2) calc(var(--p) * 7), 
  115.       calc(var(--p) * -2) calc(var(--p) * 8);
  116.   }
  117.   75% {
  118.     background-position: 
  119.       calc(var(--p) *  3) calc(var(--p) * 12), 
  120.       calc(var(--p) * -3) calc(var(--p) * 13), 
  121.       calc(var(--p) *  2) calc(var(--p) * 11), 
  122.       calc(var(--p) * -2) calc(var(--p) * 12);
  123.   }
  124.   100% {    
  125.     background-position: 
  126.       calc(var(--p) *  5) calc(var(--p) * 16), 
  127.       calc(var(--p) * -5) calc(var(--p) * 17), 
  128.       calc(var(--p) *  5) calc(var(--p) * 15), 
  129.       calc(var(--p) * -5) calc(var(--p) * 16);
  130.   }
  131. }
  133. @media (prefers-reduced-motion) {
  134.   body {
  135.     animation: none;
  136.   }
  137.         }
  139.     .service .media .media-body {
  140.         padding: 2rem;
  141.         color: azure;
  142.         background: #111111;
  143.         -webkit-box-flex: 1;
  144.         -ms-flex: 1;
  145.         flex: 1;
  146.         border-radius: 10px;
  147.     }
  149.     .service-block p {
  150.         text-transform: capitalize;
  151.         margin-bottom: 0;
  152.         color: currentcolor;
  153.     }
  154.     </style>
  155. {% endblock %}
  157. {% block breadcrumb %}
  158.                        {# {% include 'front_end/base/_breadcrumb.html.twig' %} #}
  159. {% endblock %}
  161. {% block main %}
  163.     <!-- loader start -->
  164.     <div class="loader_skeleton">
  165.         <div class="home-slider">
  166.             <div class="home"></div>
  167.         </div>
  168.         <section class="collection-banner banner-padding banner-furniture">
  169.             <div class="container-fluid">
  170.                 <div class="row">
  171.                     <div class="col-md-6">
  172.                         <div class="ldr-bg">
  173.                             <div class="contain-banner">
  174.                                 <div>
  175.                                     <h4></h4>
  176.                                     <h2></h2>
  177.                                     <h6></h6>
  178.                                 </div>
  179.                             </div>
  180.                         </div>
  181.                     </div>
  182.                     <div class="col-md-6">
  183.                         <div class="ldr-bg">
  184.                             <div class="contain-banner">
  185.                                 <div>
  186.                                     <h4></h4>
  187.                                     <h2></h2>
  188.                                     <h6></h6>
  189.                                 </div>
  190.                             </div>
  191.                         </div>
  192.                     </div>
  193.                 </div>
  194.             </div>
  195.         </section>
  196.         <section class="collection-banner banner-padding banner-furniture">
  197.             <div class="container-fluid">
  198.                 <div class="row">
  199.                     <div class="col-md-6">
  200.                         <div class="ldr-bg">
  201.                             <div class="contain-banner">
  202.                                 <div>
  203.                                     <h4></h4>
  204.                                     <h2></h2>
  205.                                     <h6></h6>
  206.                                 </div>
  207.                             </div>
  208.                         </div>
  209.                     </div>
  210.                     <div class="col-md-6">
  211.                         <div class="ldr-bg">
  212.                             <div class="contain-banner">
  213.                                 <div>
  214.                                     <h4></h4>
  215.                                     <h2></h2>
  216.                                     <h6></h6>
  217.                                 </div>
  218.                             </div>
  219.                         </div>
  220.                     </div>
  221.                 </div>
  222.             </div>
  223.         </section>
  224.         <div class="container section-b-space">
  225.             <div class="row section-t-space">
  226.                 <div class="col-lg-6 offset-lg-3">
  227.                     <div class="product-para">
  228.                         <p class="first"></p>
  229.                         <p class="second"></p>
  230.                     </div>
  231.                 </div>
  232.                 <div class="col-12">
  233.                     <div class="no-slider row">
  234.                         <div class="product-box">
  235.                             <div class="img-wrapper"></div>
  236.                             <div class="product-detail">
  237.                                 <h4></h4>
  238.                                 <h5></h5>
  239.                                 <h5 class="second"></h5>
  240.                                 <h6></h6>
  241.                             </div>
  242.                         </div>
  243.                         <div class="product-box">
  244.                             <div class="img-wrapper"></div>
  245.                             <div class="product-detail">
  246.                                 <h4></h4>
  247.                                 <h5></h5>
  248.                                 <h5 class="second"></h5>
  249.                                 <h6></h6>
  250.                             </div>
  251.                         </div>
  252.                         <div class="product-box">
  253.                             <div class="img-wrapper"></div>
  254.                             <div class="product-detail">
  255.                                 <h4></h4>
  256.                                 <h5></h5>
  257.                                 <h5 class="second"></h5>
  258.                                 <h6></h6>
  259.                             </div>
  260.                         </div>
  261.                         <div class="product-box">
  262.                             <div class="img-wrapper"></div>
  263.                             <div class="product-detail">
  264.                                 <h4></h4>
  265.                                 <h5></h5>
  266.                                 <h5 class="second"></h5>
  267.                                 <h6></h6>
  268.                             </div>
  269.                         </div>
  270.                         <div class="product-box">
  271.                             <div class="img-wrapper"></div>
  272.                             <div class="product-detail">
  273.                                 <h4></h4>
  274.                                 <h5></h5>
  275.                                 <h5 class="second"></h5>
  276.                                 <h6></h6>
  277.                             </div>
  278.                         </div>
  279.                         <div class="product-box">
  280.                             <div class="img-wrapper"></div>
  281.                             <div class="product-detail">
  282.                                 <h4></h4>
  283.                                 <h5></h5>
  284.                                 <h5 class="second"></h5>
  285.                                 <h6></h6>
  286.                             </div>
  287.                         </div>
  288.                         <div class="product-box">
  289.                             <div class="img-wrapper"></div>
  290.                             <div class="product-detail">
  291.                                 <h4></h4>
  292.                                 <h5></h5>
  293.                                 <h5 class="second"></h5>
  294.                                 <h6></h6>
  295.                             </div>
  296.                         </div>
  297.                         <div class="product-box">
  298.                             <div class="img-wrapper"></div>
  299.                             <div class="product-detail">
  300.                                 <h4></h4>
  301.                                 <h5></h5>
  302.                                 <h5 class="second"></h5>
  303.                                 <h6></h6>
  304.                             </div>
  305.                         </div>
  306.                     </div>
  307.                 </div>
  308.             </div>
  309.         </div>
  310.     </div>
  312.     <!-- home banner start -->
  313.     <div class="container banner-slider border-bottom mt-4">
  314.         <div class="row">
  315.             <div class="col-md-6 col-6">
  316.                 <div class="img-part">
  317.                     <a href="{{ path('app_home_women') }}">
  318.                             <img src="../img/women-home-banner.jpg" class="img-fluid blur-up lazyload height-banner custom-border" alt="">
  319.                     </a>
  320.                 </div>
  321.                 <div class="women-block">
  322.                     <div class="d-flex justify-content-center">
  323.                         <a href="{{ path('app_home_women') }}" class="btn btn-close-white bg-grey women-shop-btn btn-outline">{{ 'shop women' | trans({},'templates') }}</a>
  324.                     </div>
  325.                 </div>
  326.             </div>
  327.             <div class="col-md-6 col-6">
  328.                 <div class="img-part">
  329.                     <a href="{{ path('app_home_men') }}">
  330.                     <img src="../img/men-home-banner.jpg" class="img-fluid blur-up lazyload  height-banner custom-border" alt="">
  331.                     </a>
  332.                 </div>
  333.                 <div class="men-block">
  334.                     <div class="d-flex justify-content-center">
  335.                         <a href="{{ path('app_home_men') }}" class="btn btn-close-white men-shop-btn btn-outline">{{ 'shop mens' | trans({},'templates') }} 
  336.                         </a>
  337.                     </div>
  338.                 </div>
  339.             </div>
  340.         </div>
  341.     </div>
  342.     {# <div class="row">
  343.         <div class="col-6">
  344.             <img class="trust-budges" src="https://conversionskitchen.com/wp-content/themes/squaretype-child/badge-tool-files/Badge-01.png" >
  345.         </div>
  347.         <div class="col-6">
  348.             <img class="trust-payements" src="https://www.zaproo.com/uploads/en/b364d0606d92445890953216c89cf168.jpg" >
  349.         </div>
  350.     </div> #}
  352.         <!-- service section -->
  353.     <div class="container about-cls section-b-space">
  354.         <section class="service border-section small-section">
  355.             <div class="row">
  356.                 <div class="col-md-4 col-12 service-block">
  357.                     <div class="media">
  358.                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -117 679.99892 679">
  359.                             <path
  360.                                 d="m12.347656 378.382812h37.390625c4.371094 37.714844 36.316407 66.164063 74.277344 66.164063 37.96875 0 69.90625-28.449219 74.28125-66.164063h241.789063c4.382812 37.714844 36.316406 66.164063 74.277343 66.164063 37.96875 0 69.902344-28.449219 74.285157-66.164063h78.890624c6.882813 0 12.460938-5.578124 12.460938-12.460937v-352.957031c0-6.882813-5.578125-12.464844-12.460938-12.464844h-432.476562c-6.875 0-12.457031 5.582031-12.457031 12.464844v69.914062h-105.570313c-4.074218.011719-7.890625 2.007813-10.21875 5.363282l-68.171875 97.582031-26.667969 37.390625-9.722656 13.835937c-1.457031 2.082031-2.2421872 4.558594-2.24999975 7.101563v121.398437c-.09765625 3.34375 1.15624975 6.589844 3.47656275 9.003907 2.320312 2.417968 5.519531 3.796874 8.867187 3.828124zm111.417969 37.386719c-27.527344 0-49.851563-22.320312-49.851563-49.847656 0-27.535156 22.324219-49.855469 49.851563-49.855469 27.535156 0 49.855469 22.320313 49.855469 49.855469 0 27.632813-22.21875 50.132813-49.855469 50.472656zm390.347656 0c-27.53125 0-49.855469-22.320312-49.855469-49.847656 0-27.535156 22.324219-49.855469 49.855469-49.855469 27.539063 0 49.855469 22.320313 49.855469 49.855469.003906 27.632813-22.21875 50.132813-49.855469 50.472656zm140.710938-390.34375v223.34375h-338.375c-6.882813 0-12.464844 5.578125-12.464844 12.460938 0 6.882812 5.582031 12.464843 12.464844 12.464843h338.375v79.761719h-66.421875c-4.382813-37.710937-36.320313-66.15625-74.289063-66.15625-37.960937 0-69.898437 28.445313-74.277343 66.15625h-192.308594v-271.324219h89.980468c6.882813 0 12.464844-5.582031 12.464844-12.464843 0-6.882813-5.582031-12.464844-12.464844-12.464844h-89.980468v-31.777344zm-531.304688 82.382813h99.703125v245.648437h-24.925781c-4.375-37.710937-36.3125-66.15625-74.28125-66.15625-37.960937 0-69.90625 28.445313-74.277344 66.15625h-24.929687v-105.316406l3.738281-5.359375h152.054687c6.882813 0 12.460938-5.574219 12.460938-12.457031v-92.226563c0-6.882812-5.578125-12.464844-12.460938-12.464844h-69.796874zm-30.160156 43h74.777344v67.296875h-122.265625zm0 0"
  361.                                 fill="#ff4c3b" />
  362.                         </svg>
  363.                         <div class="media-body">
  364.                             <h4>{{ 'free shipping' | trans({},'templates') }}</h4>
  365.                             <p>{{ 'free shipping world wide' | trans({},'templates') }}</p>
  366.                         </div>
  367.                     </div>
  368.                 </div>
  369.                 <div class="col-md-4 col-12 service-block">
  370.                     <div class="media">
  371.                         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
  372.                             id="Capa_1" x="0px" y="0px" viewBox="0 0 480 480" style="enable-background:new 0 0 480 480;"
  373.                             xml:space="preserve" width="512px" height="512px">
  374.                             <g>
  375.                                 <g>
  376.                                     <g>
  377.                                         <path
  378.                                             d="M472,432h-24V280c-0.003-4.418-3.588-7.997-8.006-7.994c-2.607,0.002-5.05,1.274-6.546,3.41l-112,160 c-2.532,3.621-1.649,8.609,1.972,11.14c1.343,0.939,2.941,1.443,4.58,1.444h104v24c0,4.418,3.582,8,8,8s8-3.582,8-8v-24h24 c4.418,0,8-3.582,8-8S476.418,432,472,432z M432,432h-88.64L432,305.376V432z"
  379.                                             fill="#ff4c3b" />
  380.                                         <path
  381.                                             d="M328,464h-94.712l88.056-103.688c0.2-0.238,0.387-0.486,0.56-0.744c16.566-24.518,11.048-57.713-12.56-75.552 c-28.705-20.625-68.695-14.074-89.319,14.631C212.204,309.532,207.998,322.597,208,336c0,4.418,3.582,8,8,8s8-3.582,8-8 c-0.003-26.51,21.486-48.002,47.995-48.005c10.048-0.001,19.843,3.151,28.005,9.013c16.537,12.671,20.388,36.007,8.8,53.32 l-98.896,116.496c-2.859,3.369-2.445,8.417,0.924,11.276c1.445,1.226,3.277,1.899,5.172,1.9h112c4.418,0,8-3.582,8-8 S332.418,464,328,464z"
  382.                                             fill="#ff4c3b" />
  383.                                         <path
  384.                                             d="M216.176,424.152c0.167-4.415-3.278-8.129-7.693-8.296c-0.001,0-0.002,0-0.003,0 C104.11,411.982,20.341,328.363,16.28,224H48c4.418,0,8-3.582,8-8s-3.582-8-8-8H16.28C20.283,103.821,103.82,20.287,208,16.288 V40c0,4.418,3.582,8,8,8s8-3.582,8-8V16.288c102.754,3.974,185.686,85.34,191.616,188l-31.2-31.2 c-3.178-3.07-8.242-2.982-11.312,0.196c-2.994,3.1-2.994,8.015,0,11.116l44.656,44.656c0.841,1.018,1.925,1.807,3.152,2.296 c0.313,0.094,0.631,0.172,0.952,0.232c0.549,0.198,1.117,0.335,1.696,0.408c0.08,0,0.152,0,0.232,0c0.08,0,0.152,0,0.224,0 c0.609-0.046,1.211-0.164,1.792-0.352c0.329-0.04,0.655-0.101,0.976-0.184c1.083-0.385,2.069-1.002,2.888-1.808l45.264-45.248 c3.069-3.178,2.982-8.242-0.196-11.312c-3.1-2.994-8.015-2.994-11.116,0l-31.976,31.952 C425.933,90.37,331.38,0.281,216.568,0.112C216.368,0.104,216.2,0,216,0s-0.368,0.104-0.568,0.112 C96.582,0.275,0.275,96.582,0.112,215.432C0.112,215.632,0,215.8,0,216s0.104,0.368,0.112,0.568 c0.199,115.917,91.939,210.97,207.776,215.28h0.296C212.483,431.847,216.013,428.448,216.176,424.152z"
  385.                                             fill="#ff4c3b" />
  386.                                         <path
  387.                                             d="M323.48,108.52c-3.124-3.123-8.188-3.123-11.312,0L226.2,194.48c-6.495-2.896-13.914-2.896-20.408,0l-40.704-40.704 c-3.178-3.069-8.243-2.981-11.312,0.197c-2.994,3.1-2.994,8.015,0,11.115l40.624,40.624c-5.704,11.94-0.648,26.244,11.293,31.947 c9.165,4.378,20.095,2.501,27.275-4.683c7.219-7.158,9.078-18.118,4.624-27.256l85.888-85.888 C326.603,116.708,326.603,111.644,323.48,108.52z M221.658,221.654c-0.001,0.001-0.001,0.001-0.002,0.002 c-3.164,3.025-8.148,3.025-11.312,0c-3.125-3.124-3.125-8.189-0.002-11.314c3.124-3.125,8.189-3.125,11.314-0.002 C224.781,213.464,224.781,218.53,221.658,221.654z"
  388.                                             fill="#ff4c3b" />
  389.                                     </g>
  390.                                 </g>
  391.                             </g>
  392.                         </svg>
  393.                         <div class="media-body">
  394.                             <h4>{{ '24 X 7 service' | trans({},'templates') }}</h4>
  395.                             <p>{{ 'online service for new customer' | trans({},'templates') }}</p>
  396.                         </div>
  397.                     </div>
  398.                 </div>
  399.                 <div class="col-md-4 col-12 service-block">
  400.                     <div class="media">
  401.                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -14 512.00001 512">
  402.                             <path
  403.                                 d="m136.964844 308.234375c4.78125-2.757813 6.417968-8.878906 3.660156-13.660156-2.761719-4.777344-8.878906-6.417969-13.660156-3.660157-4.78125 2.761719-6.421875 8.882813-3.660156 13.660157 2.757812 4.78125 8.878906 6.421875 13.660156 3.660156zm0 0"
  404.                                 fill="#ff4c3b" />
  405.                             <path
  406.                                 d="m95.984375 377.253906 50.359375 87.230469c10.867188 18.84375 35.3125 25.820313 54.644531 14.644531 19.128907-11.054687 25.703125-35.496094 14.636719-54.640625l-30-51.96875 25.980469-15c4.78125-2.765625 6.421875-8.878906 3.660156-13.660156l-13.003906-22.523437c1.550781-.300782 11.746093-2.300782 191.539062-37.570313 22.226563-1.207031 35.542969-25.515625 24.316407-44.949219l-33.234376-57.5625 21.238282-32.167968c2.085937-3.164063 2.210937-7.230469.316406-10.511719l-20-34.640625c-1.894531-3.28125-5.492188-5.203125-9.261719-4.980469l-38.472656 2.308594-36.894531-63.90625c-5.34375-9.257813-14.917969-14.863281-25.605469-14.996094-.128906-.003906-.253906-.003906-.382813-.003906-10.328124 0-19.703124 5.140625-25.257812 13.832031l-130.632812 166.414062-84.925782 49.03125c-33.402344 19.277344-44.972656 62.128907-25.621094 95.621094 17.679688 30.625 54.953126 42.671875 86.601563 30zm102.324219 57.238282c5.523437 9.554687 2.253906 21.78125-7.328125 27.316406-9.613281 5.558594-21.855469 2.144531-27.316407-7.320313l-50-86.613281 34.640626-20c57.867187 100.242188 49.074218 85.011719 50.003906 86.617188zm-22.683594-79.296876-10-17.320312 17.320312-10 10 17.320312zm196.582031-235.910156 13.820313 23.9375-12.324219 18.664063-23.820313-41.261719zm-104.917969-72.132812c2.683594-4.390625 6.941407-4.84375 8.667969-4.796875 1.707031.019531 5.960938.550781 8.527344 4.996093l116.3125 201.464844c3.789063 6.558594-.816406 14.804688-8.414063 14.992188-1.363281.03125-1.992187.277344-5.484374.929687l-123.035157-213.105469c2.582031-3.320312 2.914063-3.640624 3.425781-4.480468zm-16.734374 21.433594 115.597656 200.222656-174.460938 34.21875-53.046875-91.878906zm-223.851563 268.667968c-4.390625-7.597656-6.710937-16.222656-6.710937-24.949218 0-17.835938 9.585937-34.445313 25.011718-43.351563l77.941406-45 50 86.601563-77.941406 45.003906c-23.878906 13.78125-54.515625 5.570312-68.300781-18.304688zm0 0"
  407.                                 fill="#ff4c3b" />
  408.                             <path
  409.                                 d="m105.984375 314.574219c-2.761719-4.78125-8.878906-6.421875-13.660156-3.660157l-17.320313 10c-4.773437 2.757813-10.902344 1.113282-13.660156-3.660156-2.761719-4.78125-8.878906-6.421875-13.660156-3.660156s-6.421875 8.878906-3.660156 13.660156c8.230468 14.257813 26.589843 19.285156 40.980468 10.980469l17.320313-10c4.78125-2.761719 6.421875-8.875 3.660156-13.660156zm0 0"
  410.                                 fill="#ff4c3b" />
  411.                             <path
  412.                                 d="m497.136719 43.746094-55.722657 31.007812c-4.824218 2.6875-6.5625 8.777344-3.875 13.601563 2.679688 4.820312 8.765626 6.566406 13.601563 3.875l55.71875-31.007813c4.828125-2.6875 6.5625-8.777344 3.875-13.601562-2.683594-4.828125-8.773437-6.5625-13.597656-3.875zm0 0"
  413.                                 fill="#ff4c3b" />
  414.                             <path
  415.                                 d="m491.292969 147.316406-38.636719-10.351562c-5.335938-1.429688-10.820312 1.734375-12.25 7.070312-1.429688 5.335938 1.738281 10.816406 7.074219 12.246094l38.640625 10.351562c5.367187 1.441407 10.824218-1.773437 12.246094-7.070312 1.429687-5.335938-1.738282-10.820312-7.074219-12.246094zm0 0"
  416.                                 fill="#ff4c3b" />
  417.                             <path
  418.                                 d="m394.199219 7.414062-10.363281 38.640626c-1.429688 5.335937 1.734374 10.816406 7.070312 12.25 5.332031 1.425781 10.816406-1.730469 12.25-7.070313l10.359375-38.640625c1.429687-5.335938-1.734375-10.820312-7.070313-12.25-5.332031-1.429688-10.816406 1.734375-12.246093 7.070312zm0 0"
  419.                                 fill="#ff4c3b" />
  420.                         </svg>
  421.                         <div class="media-body">
  422.                             <h4>{{ 'festival offer'| trans({},'templates') }}</h4>
  423.                             <p>{{ 'new online special festival offer' | trans({},'templates') }}</p>
  424.                         </div>
  425.                     </div>
  426.                 </div>
  427.             </div>
  428.         </section>
  429.     </div>
  431.     <!-- tap to top start -->
  432.     <div class="tap-top">
  433.         <div><i class="fa fa-angle-double-up"></i></div>
  434.     </div>
  435.     <!-- tap to top end -->
  436. {% endblock %}
  439.     {% block newsletter %}
  440.         {% include 'front_end/base/newsletter.twig' %}
  441.     {% endblock %}
  443. {% block js %}
  444.     <!-- latest jquery-->
  445.     <script src="{{ asset('assets/js/jquery-3.3.1.min.js') }}"></script>
  447.     <!-- menu js-->
  448.     <script src="{{ asset('assets/js/menu.js') }}"></script>
  450.     <!-- lazyload js-->
  451.     <script src="{{ asset('assets/js/lazysizes.min.js') }}"></script>
  453.     <!-- slick js-->
  454.     <script src="{{ asset('assets/js/slick.js') }}"></script>
  456.     <!-- Bootstrap js-->
  457.     <script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
  459.     <!-- Bootstrap Notification js-->
  460.     <script src="{{ asset('assets/js/bootstrap-notify.min.js') }}"></script>
  462.     <!-- Theme js-->
  463.     <script src="{{ asset('assets/js/theme-setting.js') }}"></script>
  464.     <script src="{{ asset('assets/js/script.js') }}"></script>
  465.     <script src="{{ asset('assets/js/addtocart.js') }}"></script>
  468.     <script>
  469.         $(window).on('load', function () {
  470.             setTimeout(function () {
  471.                 $('#exampleModal').modal('show');
  472.             }, 2500);
  473.         });
  475.         function openSearch() {
  476.             document.getElementById("search-overlay").style.display = "block";
  477.         }
  479.         function closeSearch() {
  480.             document.getElementById("search-overlay").style.display = "none";
  481.         }
  482.     </script>
  483. {% endblock %}