Access_New/pages/demo-decor-store.html
2024-09-05 11:33:27 +05:45

1607 lines
132 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/decor-store/decor-store.css" />
</head>
<body data-mobile-nav-style="classic">
<header class="header-with-topbar">
<div class="header-top-bar top-bar-light bg-white disable-fixed border-bottom border-color-transparent-dark-very-light">
<div class="container-fluid">
<div class="row h-45px align-items-center m-0">
<div class="col-lg-7 col-md-8 text-center text-md-start">
<div class="fs-13 text-dark-gray alt-font fw-600">Free Delivery on orders over £120. Don't miss discount. <a href="demo-decor-store-shop.html" class="text-dark-gray fw-700 text-decoration-line-bottom">Shop now</a></div>
</div>
<div class="col-lg-5 col-md-4 text-end d-none d-md-flex">
<a href="demo-decor-store-contact.html" class="widget fs-13 text-dark-gray fw-600 me-25px md-me-15px text-dark-gray"><i class="feather icon-feather-phone-call"></i>Customer service</a>
<a href="demo-decor-store-contact.html" class="widget fs-13 text-dark-gray alt-font me-25px fw-600 d-none d-lg-inline-block"><i class="feather icon-feather-map-pin"></i>Find our store</a>
<div class="header-language-icon widget fs-13 alt-font fw-600">
<div class="header-language dropdown">
<a href="javascript:void(0);" class="text-dark-gray"><i class="feather icon-feather-globe"></i>English</a>
<ul class="language-dropdown alt-font">
<li><a href="javascript:void(0);" title="English"><span class="icon-country"><img src="images/country-flag-16X16/usa.png" alt data-no-retina></span>English</a></li>
<li><a href="javascript:void(0);" title="France"><span class="icon-country"><img src="images/country-flag-16X16/france.png" alt data-no-retina></span>France</a></li>
<li><a href="javascript:void(0);" title="Russian"><span class="icon-country"><img src="images/country-flag-16X16/russian.png" alt data-no-retina></span>Russian</a></li>
<li><a href="javascript:void(0);" title="Spain"><span class="icon-country"><img src="images/country-flag-16X16/spain.png" alt data-no-retina></span>Spain</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg header-light bg-transparent disable-fixed" data-header-hover="light">
<div class="container-fluid">
<div class="col-auto">
<a class="navbar-brand" href="demo-decor-store.html">
<img src="images/demo-decor-store-logo-black.png" data-at2x="images/demo-decor-store-logo-black@2x.png" alt class="default-logo">
<img src="images/demo-decor-store-logo-black.png" data-at2x="images/demo-decor-store-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-decor-store-logo-black.png" data-at2x="images/demo-decor-store-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto menu-order position-static xs-ps-0">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav alt-font">
<li class="nav-item"><a href="demo-decor-store.html" class="nav-link">Home</a></li>
<li class="nav-item dropdown submenu">
<a href="demo-decor-store-shop.html" class="nav-link">Shop<span class="label bg-base-color text-white text-uppercase border-radius-26px">Hot</span></a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink1" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink1">
<div class="d-lg-flex mega-menu m-auto flex-column">
<div class="row row-cols-1 row-cols-lg-5 mb-60px md-mb-30px sm-mb-20px">
<div class="col">
<ul>
<li class="sub-title">Furniture</li>
<li><a href="demo-decor-store.html#">Modern chair</a></li>
<li><a href="demo-decor-store.html#">Luxurious sofa</a></li>
<li><a href="demo-decor-store.html#">Sitting tables</a></li>
<li><a href="demo-decor-store.html#">Century cabinet</a></li>
<li><a href="demo-decor-store.html#">Wooden stool</a></li>
<li><a href="demo-decor-store.html#">Dining tabl</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Lighting</li>
<li><a href="demo-decor-store.html#">Table lamps</a></li>
<li><a href="demo-decor-store.html#">Wall lights</a></li>
<li><a href="demo-decor-store.html#">Ceiling lights</a></li>
<li><a href="demo-decor-store.html#">Chandeliers</a></li>
<li><a href="demo-decor-store.html#">Smart lights</a></li>
<li><a href="demo-decor-store.html#">Outdoor lights</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Decor</li>
<li><a href="demo-decor-store.html#">Home decor</a></li>
<li><a href="demo-decor-store.html#">Kitchen decor</a></li>
<li><a href="demo-decor-store.html#">Office decor</a></li>
<li><a href="demo-decor-store.html#">Wooden mirrors</a></li>
<li><a href="demo-decor-store.html#">Designer clocks</a></li>
<li><a href="demo-decor-store.html#">Spiritual</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Cabinetry</li>
<li><a href="demo-decor-store.html#">Wardrobes</a></li>
<li><a href="demo-decor-store.html#">Shoe racks</a></li>
<li><a href="demo-decor-store.html#">Movable</a></li>
<li><a href="demo-decor-store.html#">Folding storage</a></li>
<li><a href="demo-decor-store.html#">Wooden units</a></li>
<li><a href="demo-decor-store.html#">Kids storage</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Commercial</li>
<li><a href="demo-decor-store.html#">Hotel furniture</a></li>
<li><a href="demo-decor-store.html#">Bar furniture</a></li>
<li><a href="demo-decor-store.html#">School furniture</a></li>
<li><a href="demo-decor-store.html#">Public furniture</a></li>
<li><a href="demo-decor-store.html#">Office furniture</a></li>
<li><a href="demo-decor-store.html#">Lab furniture</a></li>
</ul>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2">
<div class="col">
<a href="demo-decor-store-shop.html"><img class="w-100" src="images/demo-decor-store-menu-banner-01.jpg" alt></a>
</div>
<div class="col">
<a href="demo-decor-store-shop.html"><img class="w-100" src="images/demo-decor-store-menu-banner-02.jpg" alt></a>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown submenu">
<a href="demo-decor-store-collections.html" class="nav-link">Collections</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink2" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink2">
<div class="d-lg-flex mega-menu m-auto flex-column">
<div class="row row-cols-2 row-cols-lg-6 row-cols-sm-3 md-pt-15px align-items-center justify-content-center mb-60px md-mb-30px sm-mb-0">
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-01.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Designer stool</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-02.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Modern chair</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-03.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Table lamp</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-04.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Home decor</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-05.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Ceramic pots</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-06.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Wooden table</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2">
<div class="col">
<a href="demo-decor-store-collections.html"><img src="images/demo-decor-store-menu-banner-03.jpg" alt></a>
</div>
<div class="col">
<a href="demo-decor-store-collections.html"><img src="images/demo-decor-store-menu-banner-04.jpg" alt></a>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown simple-dropdown">
<a href="javascript:void(0);" class="nav-link">Pages</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink3" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink3">
<li><a href="demo-decor-store-about.html">About</a></li>
<li><a href="demo-decor-store-faq.html">FAQs</a></li>
<li><a href="demo-decor-store-wishlist.html">Wishlist</a></li>
<li><a href="demo-decor-store-account.html">Account</a></li>
<li><a href="demo-decor-store-cart.html">Cart</a></li>
<li><a href="demo-decor-store-checkout.html">Checkout</a></li>
</ul>
</li>
<li class="nav-item"><a href="demo-decor-store-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-decor-store-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="col-auto ms-auto">
<div class="header-icon">
<div class="header-search-icon icon">
<a href="javascript:void(0)" class="search-form-icon header-search-form"><i class="feather icon-feather-search"></i></a>
<div class="search-form-wrapper">
<button title="Close" type="button" class="search-close alt-font">×</button>
<form id="search-form" role="search" method="get" class="search-form bg-white" action="search-result.html">
<div class="search-form-box">
<h2 class="text-dark-gray text-center mb-7 alt-font fw-700 ls-minus-1px">What are you looking for?</h2>
<input class="search-input alt-font" id="search-form-input5e219ef164995" placeholder="Enter your keywords..." name="s" value type="text" autocomplete="off">
<button type="submit" class="search-button">
<i class="feather icon-feather-search" aria-hidden="true"></i>
</button>
</div>
</form>
</div>
</div>
<div class="header-cart-icon icon">
<div class="header-cart dropdown">
<a href="javascript:void(0);"><i class="feather icon-feather-shopping-bag"></i><span class="cart-count alt-font">2</span></a>
<ul class="cart-item-list">
<li class="cart-item align-items-center">
<a href="javascript:void(0);" class="alt-font close">×</a>
<div class="product-image">
<a href="demo-decor-store-single-product.html"><img src="images/demo-decor-store-product-01.jpg" class="cart-thumb" alt></a>
</div>
<div class="product-detail alt-font fw-600">
<a href="demo-decor-store-single-product.html">Table clock</a>
<span class="item-ammount fw-500">1 x $23.00</span>
</div>
</li>
<li class="cart-item align-items-center">
<a href="javascript:void(0);" class="alt-font close">×</a>
<div class="product-image">
<a href="demo-decor-store-single-product.html"><img src="images/demo-decor-store-product-03.jpg" class="cart-thumb" alt></a>
</div>
<div class="product-detail alt-font fw-600">
<a href="demo-decor-store-single-product.html">Ceramic mug</a>
<span class="item-ammount fw-500">2 x $15.00</span>
</div>
</li>
<li class="cart-total">
<div class="alt-font mb-15px"><span class="w-50 fw-500">Subtotal:</span><span class="w-50 text-end fw-700">$199.99</span></div>
<a href="demo-decor-store-cart.html" class="btn btn-large btn-transparent-base-color border-color-extra-medium-gray btn-round-edge">View cart</a>
<a href="demo-decor-store-checkout.html" class="btn btn-large btn-base-color btn-box-shadow btn-round-edge">Checkout</a>
</li>
</ul>
</div>
</div>
<div class="widget-text ms-25px md-ms-20px alt-font">
<a href="demo-decor-store-account.html" class="fs-17 fw-600"><i class="feather icon-feather-user d-inline-block d-xl-none"></i><span class="d-none d-xl-inline-block">My account</span></a>
</div>
</div>
</div>
</div>
</nav>
</header>
<section class="p-0">
<article class="content">
<div id="decor-store-slider_wrapper" class="rev_slider_wrapper fullscreen-container">
<div id="decor-store-slider" class="rev_slider fullscreenbanner" data-version="5.4.5">
<ul>
<li data-index="rs-73" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="http://works.themepunch.com/revolution_5_3/wp-content/" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="01" data-description>
<img src="images/rev-trans-tile.png" alt="dummy" class="rev-slidebg" data-bgcolor="#e5eff3">
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-1-layer-01" data-x="['right','center','center','center']" data-hoffset="['280','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['60','0','0','0']" data-width="['800','600','600','600']" data-height="['800','600','600','600']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:900,&quot;speed&quot;:500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-basealign="slide" style="background:rgba(255,255,255,0.33);border-radius:50%;">
</div>
<div class="tp-caption tp-resizeme right-image-layer" data-frames="[{&quot;delay&quot;:500,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:50px;opacity:0;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-visibility="['on','on','off','off']" id="slide-1-layer-02" data-x="['right','right','right','center']" data-y="['middle','middle','middle','middle']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['580','450','auto','auto']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','nowrap','normal']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-type="image" data-basealign="slide" data-responsive_offset="on" data-responsive="on">
<img src="images/demo-decor-store-slider-01-img-02.jpg" alt="background-pattern" data-ww="100%" data-hh="auto">
</div>
<div class="tp-caption tp-resizeme right-image-layer" data-frames="[{&quot;delay&quot;:500,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" id="slide-1-layer-03" data-visibility="['off','off','on','on']" data-x="['right','right','center','center']" data-y="['middle','middle','bottom','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','-150','-150']" data-width="['0','0','1400','1200']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','nowrap','normal']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-type="image" data-basealign="slide" data-responsive_offset="on" data-responsive="on">
<img src="images/demo-decor-store-slider-01-img-03.jpg" alt="background-pattern" data-ww="100%" data-hh="auto">
</div>
<div class="tp-caption tp-resizeme product-image-layer" data-frames="[{&quot;delay&quot;:1000,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:50px;opacity:0;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" id="slide-1-layer-04" data-visibility="['on','on','on','on']" data-x="['right','right','center','center']" data-y="['middle','middle','bottom','middle']" data-hoffset="['-780','-450','30','15']" data-voffset="['100','30','100','200']" data-width="['1678','1000','700','500']" data-height="['auto','auto','auto','auto']" data-type="image" data-basealign="slide" data-responsive_offset="on" data-responsive="on">
<img src="images/demo-decor-store-slider-01-img-01.png" alt="background-pattern" data-ww="100%" data-hh="auto">
</div>
<div id="rrzm_638" class="rev_row_zone rev_row_zone_middle" style="z-index: 8;">
<div class="tp-caption" id="slide-1-layer-05" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="row" data-columnbreak="2" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[30,30,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 8; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
<div class="tp-caption left-column" id="slide-1-layer-06" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','top','middle']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="50%" data-verticalalign="top" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,200,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9; width: 100%;">
<div class="tp-caption alt-font" id="slide-1-layer-07" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['120','100','100','90']" data-lineheight="['105','90','90','90']" data-fontweight="['700','700','700','800']" data-letterspacing="['-3','-2','-2','-2']" data-color="['#16202c','#16202c','#16202c','#16202c']" data-width="auto" data-height="auto" data-whitespace="normal" data-basealign="grid" data-type="text" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;1200&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,200,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,200,0]">
Corby sofas
</div>
<div class="tp-caption alt-font" id="slide-1-layer-08" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['22','22','20','22']" data-lineheight="['30','50','36','35']" data-fontweight="['400','400','400','400']" data-width="auto" data-height="auto" data-whitespace="normal" data-basealign="grid" data-type="text" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;1500&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-margintop="[30,20,20,20]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="color: rgba(22,32,44,0.8)">
Price starting from <span class="text-decoration-line-bottom-medium fw-600 text-dark-gray">$199.00</span>
</div>
<a href="demo-decor-store-shop.html" class="tp-caption alt-font text-uppercase btn btn-dark-gray btn-large btn-switch-text btn-round-edge btn-box-shadow d-inline-block shop-button btn-rounded" id="slide-1-layer-09" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['14','13','14','14']" data-lineheight="['20','20','20','20']" data-fontweight="['600','600','600','600']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="auto" data-height="auto" data-basealign="grid" data-type="text" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;1700&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-margintop="[40,30,30,25]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-whitespace="['nowrap','normal','nowrap','normal']" data-paddingtop="[16,12,12,12]" data-paddingright="[29,24,22,20]" data-paddingbottom="[16,12,12,12]" data-paddingleft="[25,18,16,16]" style="color: rgba(22,32,44,0.8)">
<i class="feather icon-feather-shopping-bag pe-10px icon-small"></i>Shop Now
</a>
</div>
<div class="tp-caption right-column" id="slide-1-layer-10" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="none" data-height="none" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;+0&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-columnwidth="50%" data-verticalalign="top" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,50,100]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,50,100]" data-paddingleft="[0,0,0,0]" style="z-index: 9; width: 100%;">
</div>
</div>
</div>
<div class="tp-caption alt-font d-flex align-items-center" id="slide-1-layer-11" data-x="['right','right','left','left']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['14','14','36','30']" data-lineheight="['20','20','40','35']" data-fontweight="['600','400','400','400']" data-color="['#16202c','#16202c','#16202c','#16202c']" data-width="['auto','210','400','400']" data-visibility="['on','on','off','off']" data-height="auto" data-basealign="slide" data-type="text" data-responsive_offset="off" data-responsive="off" data-actions="[{&quot;event&quot;:&quot;mouseenter&quot;,&quot;action&quot;:&quot;startlayer&quot;,&quot;layer&quot;:&quot;slide-1-layer-12&quot;,&quot;delay&quot;:&quot;&quot;},{&quot;event&quot;:&quot;mouseleave&quot;,&quot;action&quot;:&quot;stoplayer&quot;,&quot;layer&quot;:&quot;slide-1-layer-12&quot;,&quot;delay&quot;:&quot;&quot;}]" data-frames="[{&quot;delay&quot;:2000,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[60,30,0,0]" data-marginbottom="[40,30,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-whitespace="['nowrap','normal','nowrap','normal']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">
<span class="pe-20px">More information</span><a href="demo-decor-store.html#" class="d-flex justify-content-center align-items-center icon-box w-45px h-45px rounded-circle border border-color-transparent-dark-very-light border-2"><i class="bi bi-info icon-extra-medium text-dark-gray"></i></a>
</div>
<div class="tp-caption tooltip-arrow" id="slide-1-layer-12" data-x="['right','right','center','center']" data-hoffset="['0','12','0','0']" data-y="['bottom','bottom','top','top']" data-voffset="['83','110','55','45']" data-width="310" data-height="auto" data-whitespace="normal" data-fontsize="['14','14','36','30']" data-lineheight="['26','26','40','35']" data-fontweight="['300','300','400','400']" data-type="text" data-basealign="slide" data-responsive_offset="on" data-responsive="off" data-margintop="[0,0,0,0]" data-marginright="[40,0,0,0]" data-marginbottom="[20,0,0,0]" data-marginleft="[0,0,0,0]" data-frames="[{&quot;from&quot;:&quot;opacity:0;&quot;,&quot;speed&quot;:100,&quot;to&quot;:&quot;o:1;&quot;,&quot;delay&quot;:&quot;bytrigger&quot;,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.02,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;bytrigger&quot;,&quot;speed&quot;:300,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;nothing&quot;}]" data-textAlign="['left','left','center','center']" data-paddingtop="[30,25,0,0]" data-paddingright="[35,25,0,0]" data-paddingbottom="[30,25,0,0]" data-paddingleft="[35,25,0,0]" data-lasttriggerstate="reset" style="z-index: 36; background-color: rgba(22,32,44,0.85); color: rgba(255,255,255,0.8); border-radius: 6px;">The three-seater works not just as the primary seating option, but also as an elegant statement piece.</div>
<div class="navigation-arrow">
<div class="tp-caption rev-btn d-flex justify-content-center align-items-center text-derk-gray btn btn-large bg-white btn-slide-right pb-5px md-pb-0 text-uppercase" id="slide-1-layer-13" data-x="['left','left','center','center']" data-hoffset="['0','0','-50','-80']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-visibility="['on','on','on','on']" data-width="['150','150','110','110']" data-height="['115','115','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','16','15']" data-fontweight="['700','700','700','700']" data-letterspacing="['0','0','0','0']" data-lineheight="['0','60','0','0']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;next&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;2200&quot;,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:500,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blocktoleft&quot;,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;z:0;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;&quot;,&quot;style&quot;:&quot;c:rgb(255,255,255);bc:rgba(255,255,255,0);&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="grid" data-paddingtop="[8,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" style="border: none;">Next<span class="bg-dark-gray"></span>
</div>
<div class="tp-caption rev-btn alt-font d-flex justify-content-start align-items-center text-derk-gray text-uppercase pb-5px next-btn" id="slide-1-layer-14" data-x="['left','left','center','center']" data-hoffset="['150','150','60','30']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-visibility="['on','on','on','on']" data-width="['200','200','110','110']" data-height="['115','115','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','22','15']" data-lineheight="['20','60','50','55']" data-fontweight="['700','700','700','700']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;next&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:2600,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;z:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="grid" style="border: none; background-image: url('images/demo-decor-store-slider-02-thumb.jpg');">
</div>
</div>
</li>
<li data-index="rs-72" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="http://works.themepunch.com/revolution_5_3/wp-content/" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="01" data-description>
<img src="images/rev-trans-tile.png" alt="dummy" class="rev-slidebg" data-bgcolor="#f9f1eb">
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-2-layer-01" data-x="['right','center','center','center']" data-hoffset="['280','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['60','0','0','0']" data-width="['800','600','600','600']" data-height="['800','600','600','600']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:900,&quot;speed&quot;:500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-basealign="slide" style="background:rgba(255,255,255,0.33);border-radius:50%;">
</div>
<div class="tp-caption tp-resizeme right-image-layer" data-frames="[{&quot;delay&quot;:500,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:50px;opacity:0;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-visibility="['on','on','off','off']" id="slide-2-layer-02" data-x="['right','right','right','center']" data-y="['middle','middle','middle','middle']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['580','450','auto','auto']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','nowrap','normal']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-type="image" data-basealign="slide" data-responsive_offset="on" data-responsive="on">
<img src="images/demo-decor-store-slider-02-img-05.jpg" alt="background-pattern" data-ww="100%" data-hh="auto">
</div>
<div class="tp-caption tp-resizeme right-image-layer" data-frames="[{&quot;delay&quot;:500,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:50px;opacity:0;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-visibility="['off','off','on','on']" id="slide-2-layer-03" data-x="['right','right','center','center']" data-y="['middle','middle','bottom','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','-150','-150']" data-width="['0','0','1400','1200']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','nowrap','normal']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-type="image" data-basealign="slide" data-responsive_offset="on" data-responsive="on">
<img src="images/demo-decor-store-slider-02-img-06.jpg" alt="background-pattern" data-ww="100%" data-hh="auto">
</div>
<div class="tp-caption tp-resizeme product-image-layer" data-frames="[{&quot;delay&quot;:1000,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:50px;opacity:0;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" id="slide-2-layer-04" data-visibility="['on','on','on','on']" data-x="['right','right','center','center']" data-y="['middle','middle','bottom','middle']" data-hoffset="['-780','-450','140','100']" data-voffset="['100','30','100','200']" data-width="['1678','1000','700','500']" data-height="['auto','auto','auto','auto']" data-type="image" data-basealign="slide" data-responsive_offset="on" data-responsive="on">
<img src="images/demo-decor-store-slider-02-img-04.png" alt="background-pattern" data-ww="100%" data-hh="auto">
</div>
<div id="rrzm_639" class="rev_row_zone rev_row_zone_middle" style="z-index: 8;">
<div class="tp-caption" id="slide-2-layer-05" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="row" data-columnbreak="2" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[30,30,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 8; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
<div class="tp-caption left-column" id="slide-2-layer-06" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','top','middle']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="50%" data-verticalalign="top" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,200,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9; width: 100%;">
<div class="tp-caption alt-font" id="slide-2-layer-07" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['120','100','100','90']" data-lineheight="['105','90','90','90']" data-fontweight="['700','700','700','800']" data-letterspacing="['-3','-2','-2','-2']" data-color="['#16202c','#16202c','#16202c','#16202c']" data-width="auto" data-height="auto" data-whitespace="normal" data-basealign="grid" data-type="text" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;1200&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,200,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,200,0]">
Verona sofas
</div>
<div class="tp-caption alt-font" id="slide-2-layer-08" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['22','22','20','22']" data-lineheight="['30','50','36','35']" data-fontweight="['400','400','400','400']" data-width="auto" data-height="auto" data-whitespace="normal" data-basealign="grid" data-type="text" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;1500&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-margintop="[30,20,20,20]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="color: rgba(22,32,44,0.8)">
Price starting from <span class="text-decoration-line-bottom-medium fw-600 text-dark-gray">$259.00</span>
</div>
<a href="demo-decor-store-shop.html" class="tp-caption alt-font text-uppercase btn btn-dark-gray btn-large btn-switch-text btn-round-edge btn-box-shadow d-inline-block shop-button btn-rounded" id="slide-2-layer-09" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['14','13','14','14']" data-lineheight="['20','20','20','20']" data-fontweight="['600','600','600','600']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="auto" data-height="auto" data-basealign="grid" data-type="text" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;1700&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-margintop="[40,30,30,25]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-whitespace="['nowrap','normal','nowrap','normal']" data-paddingtop="[16,12,12,12]" data-paddingright="[29,24,22,20]" data-paddingbottom="[16,12,12,12]" data-paddingleft="[25,18,16,16]" style="color: rgba(22,32,44,0.8)">
<i class="feather icon-feather-shopping-bag pe-10px icon-small"></i>Shop Now
</a>
</div>
<div class="tp-caption right-column" id="slide-2-layer-10" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="none" data-height="none" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;+0&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-columnwidth="50%" data-verticalalign="top" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,50,100]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,50,100]" data-paddingleft="[0,0,0,0]" style="z-index: 9; width: 100%;">
</div>
</div>
</div>
<div class="tp-caption alt-font d-flex align-items-center" id="slide-2-layer-11" data-x="['right','right','left','left']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['14','14','36','30']" data-lineheight="['20','20','40','35']" data-fontweight="['600','400','400','400']" data-color="['#16202c','#16202c','#16202c','#16202c']" data-width="['auto','210','400','400']" data-visibility="['on','on','off','off']" data-height="auto" data-basealign="slide" data-type="text" data-responsive_offset="off" data-responsive="off" data-actions="[{&quot;event&quot;:&quot;mouseenter&quot;,&quot;action&quot;:&quot;startlayer&quot;,&quot;layer&quot;:&quot;slide-2-layer-12&quot;,&quot;delay&quot;:&quot;&quot;},{&quot;event&quot;:&quot;mouseleave&quot;,&quot;action&quot;:&quot;stoplayer&quot;,&quot;layer&quot;:&quot;slide-2-layer-12&quot;,&quot;delay&quot;:&quot;&quot;}]" data-frames="[{&quot;delay&quot;:2000,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[60,30,0,0]" data-marginbottom="[40,30,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-whitespace="['nowrap','normal','nowrap','normal']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">
<span class="pe-20px">More information</span><a href="demo-decor-store.html#" class="d-flex justify-content-center align-items-center icon-box w-45px h-45px rounded-circle border border-color-transparent-dark-very-light border-2"><i class="bi bi-info icon-extra-medium text-dark-gray"></i></a>
</div>
<div class="tp-caption tooltip-arrow" id="slide-2-layer-12" data-x="['right','right','center','center']" data-hoffset="['0','12','0','0']" data-y="['bottom','bottom','top','top']" data-voffset="['83','110','55','45']" data-width="310" data-height="auto" data-whitespace="normal" data-fontsize="['14','14','36','30']" data-lineheight="['26','26','40','35']" data-fontweight="['300','300','400','400']" data-type="text" data-basealign="slide" data-responsive_offset="on" data-responsive="off" data-margintop="[0,0,0,0]" data-marginright="[40,0,0,0]" data-marginbottom="[20,0,0,0]" data-marginleft="[0,0,0,0]" data-frames="[{&quot;from&quot;:&quot;opacity:0;&quot;,&quot;speed&quot;:100,&quot;to&quot;:&quot;o:1;&quot;,&quot;delay&quot;:&quot;bytrigger&quot;,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.02,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;bytrigger&quot;,&quot;speed&quot;:300,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;nothing&quot;}]" data-textAlign="['left','left','center','center']" data-paddingtop="[30,25,0,0]" data-paddingright="[35,25,0,0]" data-paddingbottom="[30,25,0,0]" data-paddingleft="[35,25,0,0]" data-lasttriggerstate="reset" style="z-index: 36; background-color: rgba(22,32,44,0.85); color: rgba(255,255,255,0.8); border-radius: 6px;">The three-seater works not just as the primary seating option, but also as an elegant statement piece.</div>
<div class="navigation-arrow">
<div class="tp-caption rev-btn d-flex justify-content-center align-items-center text-derk-gray btn btn-large bg-white btn-slide-right pb-5px md-pb-0 text-uppercase" id="slide-2-layer-13" data-x="['left','left','center','center']" data-hoffset="['0','0','-50','-80']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-visibility="['on','on','on','on']" data-width="['150','150','110','110']" data-height="['115','115','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','16','15']" data-fontweight="['700','700','700','700']" data-letterspacing="['0','0','0','0']" data-lineheight="['0','60','0','0']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;next&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;2200&quot;,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:500,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blocktoleft&quot;,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;z:0;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;&quot;,&quot;style&quot;:&quot;c:rgb(255,255,255);bc:rgba(255,255,255,0);&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="grid" data-paddingtop="[8,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" style="border: none;">Next<span class="bg-dark-gray"></span>
</div>
<div class="tp-caption rev-btn alt-font d-flex justify-content-start align-items-center text-derk-gray text-uppercase pb-5px next-btn" id="slide-2-layer-14" data-x="['left','left','center','center']" data-hoffset="['150','150','60','30']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-visibility="['on','on','on','on']" data-width="['200','200','110','110']" data-height="['115','115','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','22','15']" data-lineheight="['20','60','50','55']" data-fontweight="['700','700','700','700']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;next&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:2600,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;z:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="grid" style="border: none; background-image: url('images/demo-decor-store-slider-03-thumb.jpg');">
</div>
</div>
</li>
<li data-index="rs-74" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="http://works.themepunch.com/revolution_5_3/wp-content/" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="01" data-description>
<img src="images/rev-trans-tile.png" alt="dummy" class="rev-slidebg" data-bgcolor="#e9fafb">
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-3-layer-01" data-x="['right','center','center','center']" data-hoffset="['280','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['60','0','0','0']" data-width="['800','600','600','600']" data-height="['800','600','600','600']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:900,&quot;speed&quot;:500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-basealign="slide" style="background:rgba(255,255,255,0.33);border-radius:50%;">
</div>
<div class="tp-caption tp-resizeme right-image-layer" data-frames="[{&quot;delay&quot;:500,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-visibility="['on','on','off','off']" id="slide-3-layer-02" data-x="['right','right','right','center']" data-y="['middle','middle','middle','middle']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','0','0']" data-width="['580','450','auto','auto']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','nowrap','normal']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-type="image" data-basealign="slide" data-responsive_offset="on" data-responsive="on">
<img src="images/demo-decor-store-slider-03-img-08.jpg" alt="background-pattern" data-ww="100%" data-hh="auto">
</div>
<div class="tp-caption tp-resizeme right-image-layer" data-frames="[{&quot;delay&quot;:500,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-visibility="['off','off','on','on']" id="slide-3-layer-03" data-x="['right','right','center','center']" data-y="['middle','middle','bottom','bottom']" data-hoffset="['0','0','0','0']" data-voffset="['0','0','-150','-150']" data-width="['0','0','1400','1200']" data-height="['auto','auto','auto','auto']" data-whitespace="['normal','normal','nowrap','normal']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-type="image" data-basealign="slide" data-responsive_offset="on" data-responsive="on">
<img src="images/demo-decor-store-slider-03-img-09.jpg" alt="background-pattern" data-ww="100%" data-hh="auto">
</div>
<div class="tp-caption tp-resizeme product-image-layer" data-frames="[{&quot;delay&quot;:1000,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:50px;opacity:0;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" id="slide-3-layer-04" data-visibility="['on','on','on','on']" data-x="['right','right','center','center']" data-y="['middle','middle','bottom','middle']" data-hoffset="['-780','-450','160','120']" data-voffset="['100','30','100','200']" data-width="['1678','1000','700','500']" data-height="['auto','auto','auto','auto']" data-type="image" data-basealign="slide" data-responsive_offset="on" data-responsive="on">
<img src="images/demo-decor-store-slider-03-img-07.png" alt="background-pattern" data-ww="100%" data-hh="auto">
</div>
<div id="rrzm_640" class="rev_row_zone rev_row_zone_middle" style="z-index: 8;">
<div class="tp-caption" id="slide-3-layer-05" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="row" data-columnbreak="2" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[30,30,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 8; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
<div class="tp-caption left-column" id="slide-3-layer-06" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','top','middle']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="50%" data-verticalalign="top" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,200,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9; width: 100%;">
<div class="tp-caption alt-font" id="slide-3-layer-07" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['120','100','100','90']" data-lineheight="['105','90','90','90']" data-fontweight="['700','700','700','800']" data-letterspacing="['-3','-2','-2','-2']" data-color="['#16202c','#16202c','#16202c','#16202c']" data-width="auto" data-height="auto" data-whitespace="normal" data-basealign="grid" data-type="text" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;1200&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,200,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,200,0]">
Lewis sofas
</div>
<div class="tp-caption alt-font" id="slide-3-layer-08" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['22','22','20','22']" data-lineheight="['30','50','36','35']" data-fontweight="['400','400','400','400']" data-width="auto" data-height="auto" data-whitespace="normal" data-basealign="grid" data-type="text" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:&quot;1500&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-margintop="[30,20,20,20]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="color: rgba(22,32,44,0.8)">
Price starting from <span class="text-decoration-line-bottom-medium fw-600 text-dark-gray">$259.00</span>
</div>
<a href="demo-decor-store-shop.html" class="tp-caption alt-font text-uppercase btn btn-dark-gray btn-large btn-switch-text btn-round-edge btn-box-shadow d-inline-block shop-button btn-rounded" id="slide-3-layer-09" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['14','13','14','14']" data-lineheight="['20','20','20','20']" data-fontweight="['600','600','600','600']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="auto" data-height="auto" data-basealign="grid" data-type="text" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;1700&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:600,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-margintop="[40,30,30,25]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-whitespace="['nowrap','normal','nowrap','normal']" data-paddingtop="[16,12,12,12]" data-paddingright="[29,24,22,20]" data-paddingbottom="[16,12,12,12]" data-paddingleft="[25,18,16,16]" style="color: rgba(22,32,44,0.8)">
<i class="feather icon-feather-shopping-bag pe-10px icon-small"></i>Shop Now
</a>
</div>
<div class="tp-caption right-column" id="slide-3-layer-10" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="none" data-height="none" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="on" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;+0&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-columnwidth="50%" data-verticalalign="top" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-paddingtop="[0,0,50,100]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,50,100]" data-paddingleft="[0,0,0,0]" style="z-index: 9; width: 100%;">
</div>
</div>
</div>
<div class="tp-caption alt-font d-flex align-items-center" id="slide-3-layer-11" data-x="['right','right','left','left']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['14','14','36','30']" data-lineheight="['20','20','40','35']" data-fontweight="['600','400','400','400']" data-color="['#16202c','#16202c','#16202c','#16202c']" data-width="['auto','210','400','400']" data-visibility="['on','on','off','off']" data-height="auto" data-basealign="slide" data-type="text" data-responsive_offset="off" data-responsive="off" data-actions="[{&quot;event&quot;:&quot;mouseenter&quot;,&quot;action&quot;:&quot;startlayer&quot;,&quot;layer&quot;:&quot;slide-3-layer-12&quot;,&quot;delay&quot;:&quot;&quot;},{&quot;event&quot;:&quot;mouseleave&quot;,&quot;action&quot;:&quot;stoplayer&quot;,&quot;layer&quot;:&quot;slide-3-layer-12&quot;,&quot;delay&quot;:&quot;&quot;}]" data-frames="[{&quot;delay&quot;:2000,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[60,30,0,0]" data-marginbottom="[40,30,0,0]" data-marginleft="[0,0,0,0]" data-textAlign="['left','left','center','center']" data-whitespace="['nowrap','normal','nowrap','normal']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">
<span class="pe-20px">More information</span><a href="demo-decor-store.html#" class="d-flex justify-content-center align-items-center icon-box w-45px h-45px rounded-circle border border-color-transparent-dark-very-light border-2"><i class="bi bi-info icon-extra-medium text-dark-gray"></i></a>
</div>
<div class="tp-caption tooltip-arrow" id="slide-3-layer-12" data-x="['right','right','center','center']" data-hoffset="['0','12','0','0']" data-y="['bottom','bottom','top','top']" data-voffset="['83','110','55','45']" data-width="310" data-height="auto" data-whitespace="normal" data-fontsize="['14','14','36','30']" data-lineheight="['26','26','40','35']" data-fontweight="['300','300','400','400']" data-type="text" data-basealign="slide" data-responsive_offset="on" data-responsive="off" data-margintop="[0,0,0,0]" data-marginright="[40,0,0,0]" data-marginbottom="[20,0,0,0]" data-marginleft="[0,0,0,0]" data-frames="[{&quot;from&quot;:&quot;opacity:0;&quot;,&quot;speed&quot;:100,&quot;to&quot;:&quot;o:1;&quot;,&quot;delay&quot;:&quot;bytrigger&quot;,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.02,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;bytrigger&quot;,&quot;speed&quot;:300,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;nothing&quot;}]" data-textAlign="['left','left','center','center']" data-paddingtop="[30,25,0,0]" data-paddingright="[35,25,0,0]" data-paddingbottom="[30,25,0,0]" data-paddingleft="[35,25,0,0]" data-lasttriggerstate="reset" style="z-index: 36; background-color: rgba(22,32,44,0.85); color: rgba(255,255,255,0.8); border-radius: 6px;">The three-seater works not just as the primary seating option, but also as an elegant statement piece.</div>
<div class="navigation-arrow">
<div class="tp-caption rev-btn d-flex justify-content-center align-items-center text-derk-gray btn btn-large bg-white btn-slide-right pb-5px md-pb-0 text-uppercase" id="slide-3-layer-13" data-x="['left','left','center','center']" data-hoffset="['0','0','-50','-80']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-visibility="['on','on','on','on']" data-width="['150','150','110','110']" data-height="['115','115','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','16','15']" data-fontweight="['700','700','700','700']" data-letterspacing="['0','0','0','0']" data-lineheight="['0','60','0','0']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;next&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;2200&quot;,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:500,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blocktoleft&quot;,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;z:0;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;500&quot;,&quot;ease&quot;:&quot;Power1.easeInOut&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;&quot;,&quot;style&quot;:&quot;c:rgb(255,255,255);bc:rgba(255,255,255,0);&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="grid" data-paddingtop="[8,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" style="border: none;">Next<span class="bg-dark-gray"></span>
</div>
<div class="tp-caption rev-btn alt-font d-flex justify-content-start align-items-center text-derk-gray text-uppercase pb-5px next-btn" id="slide-3-layer-14" data-x="['left','left','center','center']" data-hoffset="['150','150','60','30']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-visibility="['on','on','on','on']" data-width="['200','200','110','110']" data-height="['115','115','80','80']" data-whitespace="nowrap" data-fontsize="['18','18','22','15']" data-lineheight="['20','60','50','55']" data-fontweight="['700','700','700','700']" data-type="button" data-actions="[{&quot;event&quot;:&quot;click&quot;,&quot;action&quot;:&quot;jumptoslide&quot;,&quot;slide&quot;:&quot;next&quot;,&quot;delay&quot;:&quot;&quot;}]" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:2600,&quot;speed&quot;:1000,&quot;sfxcolor&quot;:&quot;#ffffff&quot;,&quot;sfx_effect&quot;:&quot;blockfromright&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;z:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']" data-basealign="grid" style="border: none; background-image: url('images/demo-decor-store-slider-01-thumb.jpg');">
</div>
</div>
</li>
</ul>
</div>
</div>
</article>
</section>
<section class="position-relative pt-0 overflow-hidden">
<div class="container container position-relative z-index-9">
<div class="row align-items-center mb-6 mt-7 xs-mb-30px xs-mt-35px">
<div class="col-xl-2 col-lg-3 md-mb-40px" data-anime="{ &quot;translateX&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="feature-box feature-box-left-icon-middle mb-5px">
<div class="feature-box-icon me-5px">
<i class="bi bi-heart-fill text-red fs-13"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block fs-16 fw-500 alt-font text-dark-gray">On demand</span>
</div>
</div>
<h6 class="mb-0 fw-700 alt-font text-dark-gray">Featured categories</h6>
</div>
<div class="col-xl-10 col-lg-9">
<div class="row row-cols-2 row-cols-md-6 row-cols-sm-3 justify-content-center align-items-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col categories-style-01 text-center sm-mb-30px">
<div class="categories-box">
<div class="icon-box position-relative mb-10px">
<a href="demo-decor-store-shop.html"><img src="images/demo-decor-store-icon-01.png" alt /></a>
<div class="count-circle d-flex align-items-center justify-content-center w-35px h-35px bg-base-color text-white rounded-circle alt-font fw-600 fs-12">02</div>
</div>
<a href="demo-decor-store-shop.html" class="alt-font fw-600 fs-17 text-dark-gray text-dark-gray-hover">Lamp</a>
</div>
</div>
<div class="col categories-style-01 text-center sm-mb-30px">
<div class="categories-box">
<div class="icon-box position-relative mb-10px">
<a href="demo-decor-store-shop.html"><img src="images/demo-decor-store-icon-03.png" alt /></a>
<div class="count-circle d-flex align-items-center justify-content-center w-35px h-35px bg-base-color text-white rounded-circle alt-font fw-600 fs-12">03</div>
</div>
<a href="demo-decor-store-shop.html" class="alt-font fw-600 fs-17 text-dark-gray text-dark-gray-hover">Stool</a>
</div>
</div>
<div class="col categories-style-01 text-center sm-mb-30px">
<div class="categories-box">
<div class="icon-box position-relative mb-10px">
<a href="demo-decor-store-shop.html"><img src="images/demo-decor-store-icon-02.png" alt /></a>
<div class="count-circle d-flex align-items-center justify-content-center w-35px h-35px bg-base-color text-white rounded-circle alt-font fw-600 fs-12">05</div>
</div>
<a href="demo-decor-store-shop.html" class="alt-font fw-600 fs-17 text-dark-gray text-dark-gray-hover">Chair</a>
</div>
</div>
<div class="col categories-style-01 text-center xs-mb-30px">
<div class="categories-box">
<div class="icon-box position-relative mb-10px">
<a href="demo-decor-store-shop.html"><img src="images/demo-decor-store-icon-10.png" alt /></a>
<div class="count-circle d-flex align-items-center justify-content-center w-35px h-35px bg-base-color text-white rounded-circle alt-font fw-600 fs-12">03</div>
</div>
<a href="demo-decor-store-shop.html" class="alt-font fw-600 fs-17 text-dark-gray text-dark-gray-hover">Cabinet</a>
</div>
</div>
<div class="col categories-style-01 text-center">
<div class="categories-box">
<div class="icon-box position-relative mb-10px">
<a href="demo-decor-store-shop.html"><img src="images/demo-decor-store-icon-04.png" alt /></a>
<div class="count-circle d-flex align-items-center justify-content-center w-35px h-35px bg-base-color text-white rounded-circle alt-font fw-600 fs-12">08</div>
</div>
<a href="demo-decor-store-shop.html" class="alt-font fw-600 fs-17 text-dark-gray text-dark-gray-hover">Light</a>
</div>
</div>
<div class="col categories-style-01 text-center">
<div class="categories-box">
<div class="icon-box position-relative mb-10px">
<a href="demo-decor-store-shop.html"><img src="images/demo-decor-store-icon-05.png" alt /></a>
<div class="count-circle d-flex align-items-center justify-content-center w-35px h-35px bg-base-color text-white rounded-circle alt-font fw-600 fs-12">04</div>
</div>
<a href="demo-decor-store-shop.html" class="alt-font fw-600 fs-17 text-dark-gray text-dark-gray-hover">Sofa</a>
</div>
</div>
</div>
</div>
</div>
<div class="row g-0">
<div class="col-12 filter-content">
<ul class="shop-wrapper shop-grid grid-loading grid grid-2col xxl-grid-2col xl-grid-2col lg-grid-2col md-grid-1col sm-grid-1col xs-grid-1col gutter-large text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translate&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:150, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li class="grid-sizer"></li>
<li class="grid-item">
<div class="shop-box position-relative overflow-hidden">
<div class="shop-image">
<img src="images/demo-decor-store-main-banner-01.jpg" alt />
</div>
<div class="position-absolute top-0 left-0 w-100 h-100 d-flex align-items-end justify-content-start text-start">
<div class="p-14 sm-p-10 w-80 lg-w-90 md-w-65 xs-w-300px">
<h3 class="alt-font text-dark-gray ls-minus-1px mb-30px xs-mb-25px">Wooden <span class="fw-700">classic table</span></h3>
<a href="demo-decor-store-shop.html" class="btn btn-dark-gray btn-large btn-switch-text btn-round-edge btn-box-shadow">
<span>
<span class="btn-double-text" data-text="Explore category">Explore category</span>
</span>
</a>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box position-relative overflow-hidden">
<div class="shop-image">
<img src="images/demo-decor-store-main-banner-02.jpg" alt />
</div>
<div class="position-absolute top-0 left-0 w-100 h-100 d-flex align-items-center justify-content-start text-start">
<div class="p-11 xs-p-8 w-60 md-w-50 xs-w-230px">
<h5 class="alt-font text-dark-gray ls-minus-1px mb-25px xs-mb-20px">Pottery <span class="fw-700">products</span></h5>
<a href="demo-decor-store-shop.html" class="btn btn-dark-gray btn-small btn-switch-text btn-round-edge btn-box-shadow">
<span>
<span class="btn-double-text" data-text="Explore category">Explore category</span>
</span>
</a>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box position-relative overflow-hidden">
<div class="shop-image">
<img src="images/demo-decor-store-main-banner-03.jpg" alt />
</div>
<div class="position-absolute top-0 left-0 w-100 h-100 d-flex align-items-center justify-content-end text-start">
<div class="p-11 xs-p-5 w-55 md-w-50 xs-w-200px">
<h5 class="alt-font text-dark-gray ls-minus-1px mb-25px xs-mb-20px">Florence <span class="fw-700">compact</span></h5>
<a href="demo-decor-store-shop.html" class="btn btn-dark-gray btn-small btn-switch-text btn-round-edge btn-box-shadow">
<span>
<span class="btn-double-text" data-text="Explore category">Explore category</span>
</span>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="pt-0 pb-0">
<div class="container">
<div class="row mb-4">
<div class="col-12 tab-style-04">
<ul class="nav nav-tabs border-0 justify-content-center text-uppercase fw-600 mb-50px sm-mb-20px alt-font fs-32 ls-minus-05px text-transform-none" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li class="nav-item"><a data-bs-toggle="tab" href="demo-decor-store.html#tab_five1" class="nav-link active">Best sellers<span class="tab-border bg-dark-gray h-2px"></span></a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-decor-store.html#tab_five2">New arrivals<span class="tab-border bg-dark-gray h-2px"></span></a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active show" id="tab_five1">
<div class="row">
<div class="col-12 filter-content">
<ul class="shop-boxed shop-wrapper grid grid-4col xxl-grid-5col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-large text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:150, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li class="grid-sizer"></li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-01.jpg" alt />
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Table clock</a>
<div class="fw-500 fs-15 lh-normal"><del>$30.00</del>$23.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-14.jpg" alt />
<span class="lable new">New</span>
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Wood stool</a>
<div class="fw-500 fs-15 lh-normal">$54.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-12.jpg" alt />
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Ceramic mug</a>
<div class="fw-500 fs-15 lh-normal"><del>$20.00</del>$15.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-05.jpg" alt />
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Decorative plants</a>
<div class="fw-500 fs-15 lh-normal"><del>$30.00</del>$35.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-06.jpg" alt />
<span class="lable new">New</span>
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Ceramic pot</a>
<div class="fw-500 fs-15 lh-normal">$23.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-13.jpg" alt />
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Ceramic plate</a>
<div class="fw-500 fs-15 lh-normal"><del>$25.00</del>$15.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-09.jpg" alt />
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Ceramic container</a>
<div class="fw-500 fs-15 lh-normal">$35.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-10.jpg" alt />
<span class="lable hot">Hot</span>
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Design wall clock</a>
<div class="fw-500 fs-15 lh-normal">$19.00</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_five2">
<div class="row">
<div class="col-12 filter-content">
<ul class="shop-boxed shop-wrapper grid grid-4col xxl-grid-5col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-large text-center">
<li class="grid-sizer"></li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-15.jpg" alt />
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Ceramic pot</a>
<div class="fw-500 fs-15 lh-normal">$23.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-13.jpg" alt />
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Ceramic plate</a>
<div class="fw-500 fs-15 lh-normal">$15.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-09.jpg" alt />
<span class="lable new">New</span>
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Ceramic container</a>
<div class="fw-500 fs-15 lh-normal">$35.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-10.jpg" alt />
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Design wall clock</a>
<div class="fw-500 fs-15 lh-normal">$19.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-01.jpg" alt />
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Table clock</a>
<div class="fw-500 fs-15 lh-normal">$23.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-14.jpg" alt />
<span class="lable new">New</span>
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Wood stool</a>
<div class="fw-500 fs-15 lh-normal">$54.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-12.jpg" alt />
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Ceramic mug</a>
<div class="fw-500 fs-15 lh-normal">$15.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box pb-25px">
<div class="shop-image">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-05.jpg" alt />
<div class="product-overlay bg-gradient-extra-midium-gray-transparent"></div>
</a>
<div class="shop-hover d-flex justify-content-center">
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to wishlist"><i class="feather icon-feather-heart fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Add to cart"><i class="feather icon-feather-shopping-bag fs-15"></i></a>
<a href="demo-decor-store.html#" class="bg-white w-45px h-45px text-dark-gray d-flex flex-column align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-medium-bottom" data-bs-toggle="tooltip" data-bs-placement="top" title="Quick shop"><i class="feather icon-feather-eye fs-15"></i></a>
</div>
</div>
<div class="shop-footer text-center pt-20px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fs-17 alt-font fw-600">Decorative plants</a>
<div class="fw-500 fs-15 lh-normal">$35.00</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt-0" data-anime="{ &quot;translateX&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="container-fluid ps-8 pe-8">
<div class="row position-relative">
<div class="col swiper text-cente feather-shadow" data-slider-options="{ &quot;slidesPerView&quot;: &quot;auto&quot;, &quot;spaceBetween&quot;:0, &quot;centeredSlides&quot;: true, &quot;speed&quot;: 8000, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination-2&quot;, &quot;clickable&quot;: false }, &quot;allowTouchMove&quot;: false, &quot;autoplay&quot;: { &quot;delay&quot;:1, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-four-slide-next-2&quot;, &quot;prevEl&quot;: &quot;.slider-four-slide-prev-2&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper pb-20px swiper-width-auto marquee-slide">
<div class="swiper-slide">
<div class="fs-50 text-dark-gray alt-font fw-700 ls-minus-1px"><span class="w-15px h-15px border border-2 border-radius-100 border-color-medium-gray d-inline-block align-middle ms-50px me-50px"></span> Pay with multiple credit cards</div>
</div>
<div class="swiper-slide">
<div class="fs-50 text-dark-gray alt-font fw-700 ls-minus-1px"><span class="w-15px h-15px border border-2 border-radius-100 border-color-medium-gray d-inline-block align-middle ms-50px me-50px"></span> Get offer up to 50% on modern furniture</div>
</div>
<div class="swiper-slide">
<div class="fs-50 text-dark-gray alt-font fw-700 ls-minus-1px"><span class="w-15px h-15px border border-2 border-radius-100 border-color-medium-gray d-inline-block align-middle ms-50px me-50px"></span> Free shipping for orders over $130</div>
</div>
<div class="swiper-slide">
<div class="fs-50 text-dark-gray alt-font fw-700 ls-minus-1px"><span class="w-15px h-15px border border-2 border-radius-100 border-color-medium-gray d-inline-block align-middle ms-50px me-50px"></span> Pay with multiple credit cards</div>
</div>
<div class="swiper-slide">
<div class="fs-50 text-dark-gray alt-font fw-700 ls-minus-1px"><span class="w-15px h-15px border border-2 border-radius-100 border-color-medium-gray d-inline-block align-middle ms-50px me-50px"></span> Get offer up to 50% on modern furniture</div>
</div>
<div class="swiper-slide">
<div class="fs-50 text-dark-gray alt-font fw-700 ls-minus-1px"><span class="w-15px h-15px border border-2 border-radius-100 border-color-medium-gray d-inline-block align-middle ms-50px me-50px"></span> Free shipping for orders over $130</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-0 overflow-hidden">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-md-8 cover-background" style="background-image:url('images/demo-decor-store-banner-04.jpg')" data-anime="{ &quot;translateX&quot;: [-50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:150, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="pt-13 pb-13 pe-5 w-40 xl-w-45 lg-w-55 md-w-65 sm-w-50 xs-w-270px float-end">
<span class="fs-15 fw-700 text-dark-gray text-uppercase mb-20px xs-mb-15px d-inline-block text-decoration-line-bottom-medium">Save up to 50% off</span>
<h1 class="alt-font fw-400 text-dark-gray mb-40px lg-mb-35px xs-mb-25px ls-minus-1px">Lounge <span class="fw-700">collection</span></h1>
<a href="demo-decor-store-shop.html" class="btn btn-dark-gray btn-extra-large btn-switch-text btn-round-edge btn-box-shadow">
<span>
<span class="btn-double-text" data-text="Explore category">Explore category</span>
</span>
</a>
</div>
</div>
<div class="col-md-4" data-anime="{ &quot;translateX&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:150, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="swiper position-relative h-100" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;loop&quot;: true, &quot;allowTouchMove&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-one-slide-next-1&quot;, &quot;prevEl&quot;: &quot;.slider-one-slide-prev-1&quot; }, &quot;effect&quot;: &quot;fade&quot; }">
<div class="swiper-wrapper">
<div class="swiper-slide cover-background h-100 text-center" style="background-image: url('images/demo-decor-store-product-slider-bg-img.jpg')">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-slider-01.png" alt />
</a>
<div class="position-absolute bottom-70px xs-bottom-25px w-100 left-0 text-center ls-minus-05px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray alt-font d-inline-block fs-20 fw-600">Wooden cabinet</a>
<div class="d-block">
<div class="d-inline-block align-middle fs-18 fw-600 text-dark-gray"><del class="me-10px">$50.00</del>$23.00</div>
</div>
</div>
</div>
<div class="swiper-slide cover-background h-100 text-center" style="background-image: url('images/demo-decor-store-product-slider-bg-img.jpg')">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-slider-02.png" alt />
</a>
<div class="position-absolute bottom-70px xs-bottom-25px w-100 left-0 text-center ls-minus-05px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray alt-font fs-20 fw-600">Modern chair</a>
<div class="d-block">
<div class="d-inline-block align-middle fs-18 fw-600 text-dark-gray"><del class="me-10px">$40.00</del>$18.00</div>
</div>
</div>
</div>
<div class="swiper-slide cover-background h-100 text-center" style="background-image: url('images/demo-decor-store-product-slider-bg-img.jpg')">
<a href="demo-decor-store-single-product.html">
<img src="images/demo-decor-store-product-slider-03.png" alt />
</a>
<div class="position-absolute bottom-70px xs-bottom-25px w-100 left-0 text-center ls-minus-05px">
<a href="demo-decor-store-single-product.html" class="text-dark-gray alt-font fs-20 fw-600">Classic stools</a>
<div class="d-block">
<div class="d-inline-block align-middle fs-18 fw-600 text-dark-gray"><del class="me-10px">$56.00</del>$24.00</div>
</div>
</div>
</div>
</div>
<div class="slider-one-slide-prev-1 swiper-button-prev slider-navigation-style-06"><i class="bi bi-arrow-left icon-extra-medium text-dark-gray"></i></div>
<div class="slider-one-slide-next-1 swiper-button-next slider-navigation-style-06"><i class="bi bi-arrow-right icon-extra-medium text-dark-gray"></i></div>
</div>
</div>
</div>
</div>
</section>
<section class="half-section" data-anime="{ &quot;translate&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="container">
<div class="row position-relative clients-style-08">
<div class="col swiper text-center feather-shadow" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;:0, &quot;speed&quot;: 3000, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination-2&quot;, &quot;clickable&quot;: false }, &quot;allowTouchMove&quot;: false, &quot;autoplay&quot;: { &quot;delay&quot;:0, &quot;disableOnInteraction&quot;: false, &quot;pauseOnMouseEnter&quot;: false}, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-four-slide-next-2&quot;, &quot;prevEl&quot;: &quot;.slider-four-slide-prev-2&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1200&quot;: { &quot;slidesPerView&quot;: 4 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;576&quot;: { &quot;slidesPerView&quot;: 2 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper marquee-slide">
<div class="swiper-slide">
<a href="demo-decor-store.html#"><img src="images/demo-decor-store-client-01.png" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-decor-store.html#"><img src="images/demo-decor-store-client-02.png" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-decor-store.html#"><img src="images/demo-decor-store-client-03.png" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-decor-store.html#"><img src="images/demo-decor-store-client-04.png" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-decor-store.html#"><img src="images/demo-decor-store-client-05.png" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-decor-store.html#"><img src="images/demo-decor-store-client-01.png" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-decor-store.html#"><img src="images/demo-decor-store-client-02.png" alt /></a>
</div>
<div class="swiper-slide">
<a href="demo-decor-store.html#"><img src="images/demo-decor-store-client-03.png" alt /></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pb-3 bg-gradient-very-light-gray lg-pb-40px md-pb-20px">
<div class="container">
<div class="row justify-content-center mb-25px">
<div class="col-lg-5 text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="text-uppercase fs-14 ls-2px fw-600">Designers ideas</span>
<h4 class="alt-font text-dark-gray fw-700 mb-20px">The decor article</h4>
</div>
</div>
<div class="row">
<div class="col-12">
<ul class="blog-classic blog-wrapper grid-loading grid grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li class="grid-sizer"></li>
<li class="grid-item">
<div class="card bg-transparent border-0 h-100">
<div class="blog-image position-relative overflow-hidden border-radius-4px">
<a href="demo-decor-store-blog-single-classic.html"><img src="images/demo-decor-store-blog-07.jpg" alt /></a>
</div>
<div class="card-body px-0 pt-30px pb-30px xs-pb-15px">
<span class="fs-13 text-uppercase d-block mb-5px fw-500"><a href="demo-decor-store-blog.html" class="text-dark-gray fw-700 categories-text">Decor</a><a href="demo-decor-store.html#" class="blog-date">08 August 2023</a></span>
<a href="demo-decor-store-blog-single-classic.html" class="card-title alt-font fw-600 fs-17 lh-30 text-dark-gray d-inline-block w-95 sm-w-100">The best influencers to follow for sartorial inspiration</a>
</div>
</div>
</li>
<li class="grid-item">
<div class="card bg-transparent border-0 h-100">
<div class="blog-image position-relative overflow-hidden border-radius-4px">
<a href="demo-decor-store-blog-single-classic.html"><img src="images/demo-decor-store-blog-08.jpg" alt /></a>
</div>
<div class="card-body px-0 pt-30px pb-30px xs-pb-15px">
<span class="fs-13 text-uppercase d-block mb-5px fw-500"><a href="demo-decor-store-blog.html" class="text-dark-gray fw-700 categories-text">Design</a><a href="demo-decor-store.html#" class="blog-date">12 August 2023</a></span>
<a href="demo-decor-store-blog-single-classic.html" class="card-title alt-font fw-600 fs-17 lh-30 text-dark-gray d-inline-block w-95 sm-w-100">Everything you need to know about decor's big night out</a>
</div>
</div>
</li>
<li class="grid-item">
<div class="card bg-transparent border-0 h-100">
<div class="blog-image position-relative overflow-hidden border-radius-4px">
<a href="demo-decor-store-blog-single-classic.html"><img src="images/demo-decor-store-blog-04.jpg" alt /></a>
</div>
<div class="card-body px-0 pt-30px pb-30px xs-pb-15px">
<span class="fs-13 text-uppercase d-block mb-5px fw-500"><a href="demo-decor-store-blog.html" class="text-dark-gray fw-700 categories-text">Decor</a><a href="demo-decor-store.html#" class="blog-date">20 August 2023</a></span>
<a href="demo-decor-store-blog-single-classic.html" class="card-title alt-font fw-600 fs-17 lh-30 text-dark-gray d-inline-block w-95 sm-w-100">All the best looks & moments from the met gala 2023</a>
</div>
</div>
</li>
<li class="grid-item">
<div class="card bg-transparent border-0 h-100">
<div class="blog-image position-relative overflow-hidden border-radius-4px">
<a href="demo-decor-store-blog-single-classic.html"><img src="images/demo-decor-store-blog-03.jpg" alt /></a>
</div>
<div class="card-body px-0 pt-30px pb-30px xs-pb-15px">
<span class="fs-13 text-uppercase d-block mb-5px fw-500"><a href="demo-decor-store-blog.html" class="text-dark-gray fw-700 categories-text">Decor</a><a href="demo-decor-store.html#" class="blog-date">26 August 2023</a></span>
<a href="demo-decor-store-blog-single-classic.html" class="card-title alt-font fw-600 fs-17 lh-30 text-dark-gray d-inline-block w-95 sm-w-100">Find a colour palettes that reflects your passion</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="border-top border-color-extra-medium-gray py-0 overflow-hidden">
<div class="container-fluid">
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col d-flex justify-content-center icon-with-text-style-08 text-center border-end md-border-bottom xs-border-end-0 border-color-extra-medium-gray pt-45px pb-45px">
<div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
<div class="feature-box-icon me-15px">
<img src="images/demo-decor-store-icon-06.png" alt />
</div>
<div class="feature-box-content">
<span class="alt-font fw-600 text-dark-gray d-block lh-24 fs-17">Free shipping</span>
<span>Free return & exchange</span>
</div>
</div>
</div>
<div class="col d-flex justify-content-center icon-with-text-style-08 text-center border-end md-border-bottom md-border-end-0 border-color-extra-medium-gray pt-45px pb-45px">
<div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
<div class="feature-box-icon me-15px">
<img src="images/demo-decor-store-icon-07.png" alt />
</div>
<div class="feature-box-content">
<span class="alt-font fw-600 text-dark-gray d-block lh-24 fs-17">Store locator</span>
<span>Find nearest store</span>
</div>
</div>
</div>
<div class="col d-flex justify-content-center icon-with-text-style-08 text-center border-end xs-border-bottom xs-border-end-0 border-color-extra-medium-gray pt-45px pb-45px">
<div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
<div class="feature-box-icon me-15px">
<img src="images/demo-decor-store-icon-08.png" alt />
</div>
<div class="feature-box-content">
<span class="alt-font fw-600 text-dark-gray d-block lh-24 fs-17">Secure payment</span>
<span>100% secure method</span>
</div>
</div>
</div>
<div class="col d-flex justify-content-center icon-with-text-style-08 text-center pt-45px pb-45px">
<div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
<div class="feature-box-icon me-15px">
<img src="images/demo-decor-store-icon-09.png" alt />
</div>
<div class="feature-box-content">
<span class="alt-font fw-600 text-dark-gray d-block lh-24 fs-17">Online support</span>
<span>24/7 support center</span>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-dark bg-dark-gray pb-0 pt-0 cover-background" style="background-image:url('images/demo-decor-store-footer-bg.jpg')">
<div class="container pt-4 pb-4 md-pt-45px md-pb-45px">
<div class="row justify-content-center">
<div class="col-6 col-lg-3 last-paragraph-no-margin order-sm-1 md-mb-50px xs-mb-30px">
<a href="demo-decor-store.html" class="footer-logo mb-15px d-inline-block"><img src="images/demo-decor-store-logo-white.png" data-at2x="images/demo-decor-store-logo-white@2x.png" alt></a>
<p class="w-80 sm-w-100">Lorem ipsum amet adipiscing elit to eiusmod ad tempor.</p>
<div class="elements-social social-icon-style-02 mt-15px">
<ul class="small-icon light">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
<span class="fs-16 alt-font fw-500 d-block text-white mb-5px">Categories</span>
<ul>
<li><a href="demo-decor-store-shop.html">Bed room</a></li>
<li><a href="demo-decor-store-shop.html">Living room</a></li>
<li><a href="demo-decor-store-shop.html">Lightning</a></li>
<li><a href="demo-decor-store-shop.html">Fabrics sofa</a></li>
</ul>
</div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
<span class="fs-16 alt-font fw-500 d-block text-white mb-5px">Information</span>
<ul>
<li><a href="demo-decor-store-about.html">About us</a></li>
<li><a href="demo-decor-store-contact.html">Contact us</a></li>
<li><a href="demo-decor-store-faq.html">FAQs</a></li>
<li><a href="demo-decor-store-faq.html">Payment</a></li>
</ul>
</div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
<span class="fs-16 alt-font fw-500 d-block text-white mb-5px">Account</span>
<ul>
<li><a href="demo-decor-store-account.html">My account</a></li>
<li><a href="demo-decor-store-cart.html">Orders</a></li>
<li><a href="demo-decor-store-checkout.html">Checkout</a></li>
<li><a href="demo-decor-store.html#">My wishlists</a></li>
</ul>
</div>
<div class="col-lg-3 col-sm-6 ps-20px sm-ps-15px md-mb-50px xs-mb-0 order-sm-2 order-lg-5">
<span class="fs-16 alt-font fw-500 d-block text-white mb-5px">Newsletter</span>
<div class="mb-20px">Get everything you need succeed!</div>
<div class="d-inline-block w-100 newsletter-style-02 position-relative mb-15px">
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="bg-blue-tangaroa border-color-transparent-white-light w-100 form-control pe-50px ps-20px lg-ps-15px required" type="email" name="email" placeholder="Enter your email" />
<input type="hidden" name="redirect" value>
<button class="btn pe-20px submit" aria-label="submit"><i class="icon feather icon-feather-mail icon-small text-white"></i></button>
<div class="form-results border-radius-4px pt-5px pb-5px ps-15px pe-15px fs-14 lh-22 mt-10px w-100 text-center position-absolute d-none"></div>
</form>
</div>
<div class="footer-card">
<a href="demo-decor-store.html#" class="d-inline-block me-5px align-middle"><img src="images/demo-decor-store-payment-icon-01.png" alt></a>
<a href="demo-decor-store.html#" class="d-inline-block me-5px align-middle"><img src="images/demo-decor-store-payment-icon-02.png" alt></a>
<a href="demo-decor-store.html#" class="d-inline-block me-5px align-middle"><img src="images/demo-decor-store-payment-icon-03.png" alt></a>
<a href="demo-decor-store.html#" class="d-inline-block me-5px align-middle"><img src="images/demo-decor-store-payment-icon-04.png" alt></a>
</div>
</div>
</div>
</div>
<div class="border-top border-color-transparent-white-light pt-30px pb-30px">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-xl-8 last-paragraph-no-margin text-center text-xl-start lg-mt-20px order-3 order-xl-1">
<p class="fs-14 mb-0 w-90 xl-w-100">This site is protected by reCAPTCHA and the Google <a href="demo-decor-store.html#" class="text-white text-decoration-line-bottom">privacy policy</a> and terms of service apply.</p>
<p class="fs-14 w-90 xl-w-100">&copy; 2024 Crafto is Proudly Powered by <a href="https://www.themezaa.com/" target="_blank" class="text-white text-decoration-line-bottom">ThemeZaa</a></p>
</div>
<div class="col-6 col-xl-2 col-md-3 col-sm-5 text-center text-xl-start order-1 order-xl-2">
<span class="lh-26 alt-font d-block">Need support?</span>
<a href="tel:12345678910" class="fs-16 text-white fw-500">+1 234 567 8910</a>
</div>
<div class="col-6 col-xl-2 col-md-3 col-sm-5 text-center text-xl-start order-2 order-xl-3">
<span class="lh-26 alt-font d-block">Customer care</span>
<a href="cdn-cgi/l/email-protection.html#cca5a2aaa38ca8a3a1ada5a2e2afa3a1" class="fs-16 text-white fw-500"><span class="__cf_email__" data-cfemail="0960676f66496d6664686067276a6664">[email&#160;protected]</span></a>
</div>
</div>
</div>
</div>
</footer>
<div id="cookies-model" class="cookie-message bg-dark-gray border-radius-8px">
<div class="cookie-description fs-14 text-white mb-20px lh-22">We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking "Allow cookies" you consent to our use of cookies. </div>
<div class="cookie-btn">
<a href="demo-decor-store.html#" class="btn btn-transparent-white border-1 border-color-transparent-white-light btn-very-small btn-switch-text btn-rounded w-100 mb-15px" aria-label="btn">
<span>
<span class="btn-double-text" data-text="Cookie policy">Cookie policy</span>
</span>
</a>
<a href="demo-decor-store.html#" class="btn btn-white btn-very-small btn-switch-text btn-box-shadow accept_cookies_btn btn-rounded w-100" data-accept-btn aria-label="text">
<span>
<span class="btn-double-text" data-text="Allow cookies">Allow cookies</span>
</span>
</a>
</div>
</div>
<div class="sticky-wrap d-none d-xl-inline-block z-index-1" data-animation-delay="100" data-shadow-animation="true">
<div class="elements-social social-icon-style-10">
<ul class="fs-15 fw-500">
<li class="me-30px"><a class="facebook" href="https://www.facebook.com/" target="_blank">
<i class="fa-brands fa-facebook-f me-10px"></i>
<span class="alt-font">Facebook</span>
</a>
</li>
<li class="me-30px">
<a class="dribbble" href="http://www.dribbble.com" target="_blank">
<i class="fa-brands fa-dribbble me-10px"></i>
<span class="alt-font">Dribbble</span>
</a>
</li>
<li class="me-30px">
<a class="twitter" href="https://www.twitter.com" target="_blank">
<i class="fa-brands fa-twitter me-10px"></i>
<span class="alt-font">Twitter</span>
</a>
</li>
<li>
<a class="instagram" href="https://www.instagram.com" target="_blank">
<i class="fa-brands fa-instagram me-10px"></i>
<span class="alt-font">Instagram</span>
</a>
</li>
</ul>
</div>
</div>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-decor-store.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="revolution/revolution-addons/particles/js/revolution.addon.particles.min-ver=1.0.3.js"></script>
<script type="text/javascript">
/* https://learn.jquery.com/using-jquery-core/document-ready/ */
jQuery(document).ready(function () {
/* initialize the slider based on the Slider's ID attribute from the wrapper above */
jQuery('#decor-store-slider').show().revolution({
sliderType: "standard",
/* sets the Slider's default timeline */
delay: 9000,
/* options are 'auto', 'fullwidth' or 'fullscreen' */
sliderLayout: 'fullscreen',
/* RESPECT ASPECT RATIO */
autoHeight: 'off',
/* options that disable autoplay */
stopLoop: "on",
stopAfterLoops: 0,
stopAtSlide: 1,
navigation: {
keyboardNavigation: "on",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
mouseScrollReverse: "default",
onHoverStop: "off",
touch: {
touchenabled: "on",
touchOnDesktop: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: true
},
arrows: {
enable: false,
style: 'uranus',
rtl: false,
hide_onleave: false,
hide_onmobile: false,
hide_under: 0,
hide_over: 778,
hide_delay: 200,
hide_delay_mobile: 1200,
left: {
container: 'slider',
h_align: 'left',
v_align: 'center',
h_offset: 10,
v_offset: 10
},
right: {
container: 'slider',
h_align: 'right',
v_align: 'center',
h_offset: 10,
v_offset: 10
}
}
},
/* Lazy Load options are "all", "smart", "single" and "none" */
lazyType: "smart",
spinner: "spinner0",
/* DISABLE FORCE FULL-WIDTH */
fullScreenAlignForce: 'off',
hideThumbsOnMobile: 'off',
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
responsiveLevels: [1240, 1024, 778, 480],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridwidth: [1220, 1024, 778, 480],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridheight: [900, 1000, 960, 720],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
visibilityLevels: [1240, 1024, 1024, 480],
fallbacks: {
simplifyAll: 'on',
nextSlideOnWindowFocus: 'off',
disableFocusListener: false
},
});
});
</script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>