1139 lines
60 KiB
HTML
1139 lines
60 KiB
HTML
<!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" 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-single-product.html#">Modern chair</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Luxurious sofa</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Sitting tables</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Century cabinet</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Wooden stool</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Dining tabl</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col">
|
||
<ul>
|
||
<li class="sub-title">Lighting</li>
|
||
<li><a href="demo-decor-store-single-product.html#">Table lamps</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Wall lights</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Ceiling lights</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Chandeliers</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Smart lights</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Outdoor lights</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col">
|
||
<ul>
|
||
<li class="sub-title">Decor</li>
|
||
<li><a href="demo-decor-store-single-product.html#">Home decor</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Kitchen decor</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Office decor</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Wooden mirrors</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Designer clocks</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Spiritual</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col">
|
||
<ul>
|
||
<li class="sub-title">Cabinetry</li>
|
||
<li><a href="demo-decor-store-single-product.html#">Wardrobes</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Shoe racks</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Movable</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Folding storage</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Wooden units</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Kids storage</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col">
|
||
<ul>
|
||
<li class="sub-title">Commercial</li>
|
||
<li><a href="demo-decor-store-single-product.html#">Hotel furniture</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Bar furniture</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">School furniture</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Public furniture</a></li>
|
||
<li><a href="demo-decor-store-single-product.html#">Office furniture</a></li>
|
||
<li><a href="demo-decor-store-single-product.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="top-space-margin border-top border-color-extra-medium-gray pt-20px pb-20px ps-45px pe-45px lg-ps-35px lg-pe-35px md-ps-15px md-pe-15px sm-ps-0 sm-pe-0">
|
||
<div class="container-fluid">
|
||
<div class="row align-items-center">
|
||
<div class="col-12 breadcrumb breadcrumb-style-01 fs-14 alt-font">
|
||
<ul>
|
||
<li><a href="demo-decor-store.html">Home</a></li>
|
||
<li><a href="demo-decor-store-shop.html">Shop</a></li>
|
||
<li>Minimalist wooden chair</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="pt-40px pb-0">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-6 md-mb-40px" data-anime="{ "translate": [0, 0], "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||
<div class="row overflow-hidden position-relative">
|
||
<div class="col-12 position-relative product-image">
|
||
<div class="swiper product-image-slider" data-slider-options="{ "spaceBetween": 0, "watchOverflow": true, "navigation": { "nextEl": ".slider-product-next", "prevEl": ".slider-product-prev" }, "thumbs": { "swiper": { "el": ".product-image-thumb", "slidesPerView": "5", "spaceBetween": 15 } } }" data-swiper-thumb-click="1">
|
||
<div class="swiper-wrapper">
|
||
|
||
<div class="swiper-slide gallery-box">
|
||
<a href="images/demo-decor-store-product-detail-01.jpg" data-group="lightbox-gallery" title="Minimalist wooden chair">
|
||
<img class="w-100" src="images/demo-decor-store-product-detail-01.jpg" alt>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide gallery-box">
|
||
<a href="images/demo-decor-store-product-detail-01-a.jpg" data-group="lightbox-gallery" title="Minimalist wooden chair">
|
||
<img class="w-100" src="images/demo-decor-store-product-detail-01-a.jpg" alt>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide gallery-box">
|
||
<a href="images/demo-decor-store-product-detail-01-b.jpg" data-group="lightbox-gallery" title="Minimalist wooden chair">
|
||
<img class="w-100" src="images/demo-decor-store-product-detail-01-b.jpg" alt>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide gallery-box">
|
||
<a href="images/demo-decor-store-product-detail-01-c.jpg" data-group="lightbox-gallery" title="Minimalist wooden chair">
|
||
<img class="w-100" src="images/demo-decor-store-product-detail-01-c.jpg" alt>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide gallery-box">
|
||
<a href="images/demo-decor-store-product-detail-01-d.jpg" data-group="lightbox-gallery" title="Minimalist wooden chair">
|
||
<img class="w-100" src="images/demo-decor-store-product-detail-01-d.jpg" alt>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide gallery-box">
|
||
<a href="images/demo-decor-store-product-detail-01-d.jpg" data-group="lightbox-gallery" title="Minimalist wooden chair">
|
||
<img class="w-100" src="images/demo-decor-store-product-detail-01-d.jpg" alt>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="swiper-slide gallery-box">
|
||
<a href="images/demo-decor-store-product-detail-01-d.jpg" data-group="lightbox-gallery" title="Minimalist wooden chair">
|
||
<img class="w-100" src="images/demo-decor-store-product-detail-01-d.jpg" alt>
|
||
</a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="slider-product-next swiper-button-next border-radius-100 border border-1 border-color-extra-medium-gray"><i class="fa fa-chevron-right text-dark-gray icon-very-small"></i></div>
|
||
<div class="slider-product-prev swiper-button-prev border-radius-100 border border-1 border-color-extra-medium-gray"><i class="fa fa-chevron-left text-dark-gray icon-very-small"></i></div>
|
||
</div>
|
||
<div class="col-12 position-relative">
|
||
<div class="swiper-container product-image-thumb">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide"><img class="w-100" src="images/demo-decor-store-product-detail-01.jpg" alt></div>
|
||
<div class="swiper-slide"><img class="w-100" src="images/demo-decor-store-product-detail-01-a.jpg" alt></div>
|
||
<div class="swiper-slide"><img class="w-100" src="images/demo-decor-store-product-detail-01-b.jpg" alt></div>
|
||
<div class="swiper-slide"><img class="w-100" src="images/demo-decor-store-product-detail-01-c.jpg" alt></div>
|
||
<div class="swiper-slide"><img class="w-100" src="images/demo-decor-store-product-detail-01-d.jpg" alt></div>
|
||
<div class="swiper-slide"><img class="w-100" src="images/demo-decor-store-product-detail-01-d.jpg" alt></div>
|
||
<div class="swiper-slide"><img class="w-100" src="images/demo-decor-store-product-detail-01-d.jpg" alt></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-5 offset-lg-1 product-info" data-anime="{ "translate": [0, 0], "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||
<span class="fw-500 text-dark-gray d-block">Interio</span>
|
||
<h5 class="alt-font text-dark-gray fw-700 mb-10px">Minimalist wooden chair</h5>
|
||
<div class="d-block d-sm-flex align-items-center mb-20px">
|
||
<div class="me-10px xs-me-0">
|
||
<a href="demo-decor-store-single-product.html#tab" class="section-link ls-minus-1px icon-small">
|
||
<i class="bi bi-star-fill text-golden-yellow"></i>
|
||
<i class="bi bi-star-fill text-golden-yellow"></i>
|
||
<i class="bi bi-star-fill text-golden-yellow"></i>
|
||
<i class="bi bi-star-fill text-golden-yellow"></i>
|
||
<i class="bi bi-star-fill text-golden-yellow"></i>
|
||
</a>
|
||
</div>
|
||
<a href="demo-decor-store-single-product.html#tab" class="me-25px text-dark-gray fw-500 section-link xs-me-0">165 Reviews</a>
|
||
<div><span class="text-dark-gray fw-500">SKU: </span>M492300</div>
|
||
</div>
|
||
<div class="product-price mb-10px">
|
||
<span class="text-dark-gray fs-28 xs-fs-24 fw-700 ls-minus-1px"><del class="text-medium-gray me-10px fw-500">$85.00</del>$65.00</span>
|
||
</div>
|
||
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry lorem ipsum standard.</p>
|
||
<div class="d-flex align-items-center mb-35px">
|
||
<label class="text-dark-gray alt-font me-15px fw-500">Color</label>
|
||
<ul class="shop-color mb-0">
|
||
<li>
|
||
<input class="d-none" type="radio" id="color-1" name="color" checked>
|
||
<label for="color-1"><span style="background-color: #232323"></span></label>
|
||
</li>
|
||
<li>
|
||
<input class="d-none" type="radio" id="color-2" name="color" checked>
|
||
<label for="color-2"><span style="background-color: #8E412E"></span></label>
|
||
</li>
|
||
<li>
|
||
<input class="d-none" type="radio" id="color-3" name="color" checked>
|
||
<label for="color-3"><span style="background-color: #BAB9B8"></span></label>
|
||
</li>
|
||
<li>
|
||
<input class="d-none" type="radio" id="color-4" name="color" checked>
|
||
<label for="color-4"><span style="background-color: #9DA693"></span></label>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="d-flex align-items-center flex-column flex-sm-row mb-20px position-relative">
|
||
<div class="quantity me-15px xs-mb-15px order-1">
|
||
<button type="button" class="qty-minus">-</button>
|
||
<input class="qty-text" type="text" id="1" value="1" aria-label="qty-text" />
|
||
<button type="button" class="qty-plus">+</button>
|
||
</div>
|
||
<a href="demo-decor-store-cart.html" class="btn btn-cart btn-extra-large btn-switch-text btn-box-shadow btn-none-transform btn-dark-gray left-icon border-radius-5px me-15px xs-me-0 order-3 order-sm-2">
|
||
<span>
|
||
<span><i class="feather icon-feather-shopping-bag"></i></span>
|
||
<span class="btn-double-text" data-text="Add to cart">Add to cart</span>
|
||
</span>
|
||
</a>
|
||
<a href="demo-decor-store-single-product.html#" class="wishlist d-flex align-items-center justify-content-center border border-radius-5px border-color-extra-medium-gray order-2 order-sm-3">
|
||
<i class="feather icon-feather-heart icon-small text-base-color"></i>
|
||
</a>
|
||
</div>
|
||
<div class="row mb-20px">
|
||
<div class="col-auto icon-with-text-style-08">
|
||
<div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
|
||
<div class="feature-box-icon me-10px">
|
||
<i class="feather icon-feather-repeat align-middle text-dark-gray"></i>
|
||
</div>
|
||
<div class="feature-box-content">
|
||
<a href="demo-decor-store-single-product.html#" class="alt-font fw-500 text-dark-gray d-block">Compare</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-auto icon-with-text-style-08">
|
||
<div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
|
||
<div class="feature-box-icon me-10px">
|
||
<i class="feather icon-feather-mail align-middle text-dark-gray"></i>
|
||
</div>
|
||
<div class="feature-box-content">
|
||
<a href="demo-decor-store-single-product.html#" class="alt-font fw-500 text-dark-gray d-block">Ask a question</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-auto icon-with-text-style-08">
|
||
<div class="feature-box feature-box-left-icon-middle d-inline-flex align-middle">
|
||
<div class="feature-box-icon me-10px">
|
||
<i class="feather icon-feather-share-2 align-middle text-dark-gray"></i>
|
||
</div>
|
||
<div class="feature-box-content">
|
||
<a href="demo-decor-store-single-product.html#" class="alt-font fw-500 text-dark-gray d-block">Share</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mb-20px h-1px w-100 bg-extra-medium-gray d-block"></div>
|
||
<div class="row mb-15px">
|
||
<div class="col-12 icon-with-text-style-08">
|
||
<div class="feature-box feature-box-left-icon d-inline-flex align-middle">
|
||
<div class="feature-box-icon me-10px">
|
||
<i class="feather icon-feather-truck top-8px position-relative align-middle text-dark-gray"></i>
|
||
</div>
|
||
<div class="feature-box-content">
|
||
<span><span class="alt-font text-dark-gray fw-500">Estimated delivery:</span> March 03 - March 07</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 icon-with-text-style-08 mb-10px">
|
||
<div class="feature-box feature-box-left-icon d-inline-flex align-middle">
|
||
<div class="feature-box-icon me-10px">
|
||
<i class="feather icon-feather-archive top-8px position-relative align-middle text-dark-gray"></i>
|
||
</div>
|
||
<div class="feature-box-content">
|
||
<span><span class="alt-font text-dark-gray fw-500">Free shipping & returns:</span> On all orders over $50</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bg-very-light-gray ps-30px pe-30px pt-25px pb-25px mb-20px xs-p-25px border-radius-4px">
|
||
<span class="alt-font fs-15 fw-500 text-dark-gray mb-15px d-block lh-initial">Guarantee safe and secure checkout</span>
|
||
<div>
|
||
<a href="demo-decor-store-single-product.html#"><img src="images/visa.svg" class="h-30px me-5px mb-5px" alt></a>
|
||
<a href="demo-decor-store-single-product.html#"><img src="images/mastercard.svg" class="h-30px me-5px mb-5px" alt></a>
|
||
<a href="demo-decor-store-single-product.html#"><img src="images/american-express.svg" class="h-30px me-5px mb-5px" alt></a>
|
||
<a href="demo-decor-store-single-product.html#"><img src="images/discover.svg" class="h-30px me-5px mb-5px" alt></a>
|
||
<a href="demo-decor-store-single-product.html#"><img src="images/diners-club.svg" class="h-30px me-5px mb-5px" alt></a>
|
||
<a href="demo-decor-store-single-product.html#"><img src="images/union-pay.svg" class="h-30px" alt></a>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="w-100 d-block"><span class="text-dark-gray alt-font fw-500">Category:</span> <a href="demo-decor-store-single-product.html#">Decor,</a> <a href="demo-decor-store-single-product.html#">Minimalist</a></div>
|
||
<div><span class="text-dark-gray alt-font fw-500">Tags: </span><a href="demo-decor-store-single-product.html#">Chair,</a> <a href="demo-decor-store-single-product.html#">Modern,</a> <a href="demo-decor-store-single-product.html#">Wooden</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section id="tab">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12 tab-style-04" data-anime="{ "translate": [0, 0], "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||
<ul class="nav nav-tabs border-0 justify-content-center alt-font fs-17 fw-500">
|
||
<li class="nav-item"><a data-bs-toggle="tab" href="demo-decor-store-single-product.html#tab_five1" class="nav-link active">Description<span class="tab-border bg-dark-gray"></span></a></li>
|
||
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-decor-store-single-product.html#tab_five2">Additional information<span class="tab-border bg-dark-gray"></span></a></li>
|
||
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-decor-store-single-product.html#tab_five3">Shipping and return<span class="tab-border bg-dark-gray"></span></a></li>
|
||
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-decor-store-single-product.html#tab_five4" data-tab="review-tab">Reviews (3)<span class="tab-border bg-dark-gray"></span></a></li>
|
||
</ul>
|
||
<div class="mb-6 h-1px w-100 bg-extra-medium-gray sm-mt-10px"></div>
|
||
<div class="tab-content">
|
||
|
||
<div class="tab-pane fade in active show" id="tab_five1">
|
||
<div class="row align-items-center justify-content-center mb-5 sm-mb-10">
|
||
<div class="col-xl-4 col-lg-5 md-mb-40px">
|
||
<div class="d-flex align-items-center mb-10px">
|
||
<div class="col-auto pe-5px"><i class="bi bi-heart-fill text-red fs-14"></i></div>
|
||
<div class="col alt-font fs-15 fw-500 text-dark-gray">Designer thoughts</div>
|
||
</div>
|
||
<h4 class="alt-font text-dark-gray fw-700 mb-20px">Minimalist design and modern chair.</h4>
|
||
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry lorem ipsum has been the standard dummy text typesetting.</p>
|
||
<div>
|
||
<div class="feature-box feature-box-left-icon-middle mb-10px">
|
||
<div class="feature-box-icon feature-box-icon-rounded w-30px h-30px rounded-circle bg-very-light-gray me-10px">
|
||
<i class="fa-solid fa-check fs-12 text-dark-gray"></i>
|
||
</div>
|
||
<div class="feature-box-content">
|
||
<span class="d-block text-dark-gray fw-500">FSC certified natural wood teak product.</span>
|
||
</div>
|
||
</div>
|
||
<div class="feature-box feature-box-left-icon-middle mb-10px">
|
||
<div class="feature-box-icon feature-box-icon-rounded w-30px h-30px rounded-circle bg-very-light-gray me-10px">
|
||
<i class="fa-solid fa-check fs-12 text-dark-gray"></i>
|
||
</div>
|
||
<div class="feature-box-content">
|
||
<span class="d-block text-dark-gray fw-500">Removable cushion with polypropylene.</span>
|
||
</div>
|
||
</div>
|
||
<div class="feature-box feature-box-left-icon-middle mb-10px">
|
||
<div class="feature-box-icon feature-box-icon-rounded w-30px h-30px rounded-circle bg-very-light-gray me-10px">
|
||
<i class="fa-solid fa-check fs-12 text-dark-gray"></i>
|
||
</div>
|
||
<div class="feature-box-content">
|
||
<span class="d-block text-dark-gray fw-500">Durability wood & lightweight modern.</span>
|
||
</div>
|
||
</div>
|
||
<div class="feature-box feature-box-left-icon-middle">
|
||
<div class="feature-box-icon feature-box-icon-rounded w-30px h-30px rounded-circle bg-very-light-gray me-10px">
|
||
<i class="fa-solid fa-check fs-12 text-dark-gray"></i>
|
||
</div>
|
||
<div class="feature-box-content">
|
||
<span class="d-block text-dark-gray fw-500">Topstitch detailing along back of seat.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-7 offset-xl-1">
|
||
<img src="images/demo-decor-store-product-detail-tab-01.jpg" alt class="w-100" />
|
||
</div>
|
||
</div>
|
||
<div class="row mb-6 sm-mb-10">
|
||
<div class="col-12">
|
||
<img src="images/demo-decor-store-product-detail-tab-03.jpg" alt class="w-100" />
|
||
</div>
|
||
</div>
|
||
<div class="row mb-6 sm-mb-10">
|
||
<div class="co-12 col-md-4 sm-mb-35px">
|
||
<h5 class="text-dark-gray alt-font mb-0 fw-700">The dining chair design for those looking for a new level of comfort.</h5>
|
||
</div>
|
||
<div class="co-12 col-md-4 sm-mb-35px outside-box-top-18 sm-outside-box-top-0"><img src="images/demo-decor-store-product-detail-tab-04.png" alt /></div>
|
||
<div class="co-12 col-md-4 last-paragraph-no-margin">
|
||
<p>Lorem ipsum is simply dummy text printing typesetting industry lorem ipsum has been standard dummy text lorem ipsum.</p>
|
||
</div>
|
||
</div>
|
||
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 mb-5 sm-mb-10 border border-1 border-color-extra-medium-gray g-0">
|
||
<div class="col border-end xs-border-end-0 md-border-bottom border-color-extra-medium-gray last-paragraph-no-margin text-center ps-3 pe-3 pt-4 pb-4 xl-ps-2 xl-pe-2 md-p-30px">
|
||
<img src="images/demo-decor-store-product-detail-tab-05.jpg" alt class="border-radius-100 box-shadow-quadruple-large mb-30px" />
|
||
<span class="d-block fs-15 fw-700 text-dark-gray text-uppercase ls-05px mb-5px">Wooden</span>
|
||
<p>Lorem ipsum simply dummy text printing typesetting.</p>
|
||
</div>
|
||
<div class="col border-end md-border-end-0 md-border-bottom border-color-extra-medium-gray last-paragraph-no-margin text-center ps-3 pe-3 pt-4 pb-4 xl-ps-2 xl-pe-2 md-p-30px">
|
||
<img src="images/demo-decor-store-product-detail-tab-06.jpg" alt class="border-radius-100 box-shadow-quadruple-large mb-30px" />
|
||
<span class="d-block fs-15 fw-700 text-dark-gray text-uppercase ls-05px mb-5px">Fabric</span>
|
||
<p>Lorem ipsum simply dummy text printing typesetting.</p>
|
||
</div>
|
||
<div class="col border-end xs-border-end-0 xs-border-bottom border-color-extra-medium-gray last-paragraph-no-margin text-center ps-3 pe-3 pt-4 pb-4 xl-ps-2 xl-pe-2 md-p-30px">
|
||
<img src="images/demo-decor-store-product-detail-tab-07.jpg" alt class="border-radius-100 box-shadow-quadruple-large mb-30px" />
|
||
<span class="d-block fs-15 fw-700 text-dark-gray text-uppercase ls-05px mb-5px">Strength</span>
|
||
<p>Lorem ipsum simply dummy text printing typesetting.</p>
|
||
</div>
|
||
<div class="col text-center last-paragraph-no-margin ps-3 pe-3 pt-4 pb-4 xl-ps-2 xl-pe-2 md-p-30px">
|
||
<img src="images/demo-decor-store-product-detail-tab-08.jpg" alt class="border-radius-100 box-shadow-quadruple-large mb-30px" />
|
||
<span class="d-block fs-15 fw-700 text-dark-gray text-uppercase ls-05px mb-5px">Comfort</span>
|
||
<p>Lorem ipsum simply dummy text printing typesetting.</p>
|
||
</div>
|
||
</div>
|
||
<div class="row justify-content-center">
|
||
<div class="col-auto text-center last-paragraph-no-margin">
|
||
<div class="d-inline-block align-middle me-10px"><i class="bi bi-patch-check-fill icon-extra-medium text-dark-gray"></i></div>
|
||
<div class="d-inline-block text-dark-gray text-uppercase fs-15 fw-600 ls-05px align-middle">Premium quality solid wood finish product materials.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="tab-pane fade in" id="tab_five2">
|
||
<div class="row m-0">
|
||
<div class="col-12">
|
||
<div class="row">
|
||
<div class="col-lg-2 col-md-3 col-sm-4 pt-10px pb-10px xs-pb-0 text-dark-gray alt-font fw-600">Overall:</div>
|
||
<div class="col-lg-10 col-md-9 col-sm-8 pt-10px pb-10px xs-pt-0">29.10'' H x 19.50'' W x 23.20'' D</div>
|
||
</div>
|
||
<div class="row bg-very-light-gray">
|
||
<div class="col-lg-2 col-md-3 col-sm-4 pt-10px pb-10px xs-pb-0 text-dark-gray alt-font fw-600">Product weight:</div>
|
||
<div class="col-lg-10 col-md-9 col-sm-8 pt-10px pb-10px xs-pt-0">16.11 lb.</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-2 col-md-3 col-sm-4 pt-10px pb-10px xs-pb-0 text-dark-gray alt-font fw-600">Color:</div>
|
||
<div class="col-lg-10 col-md-9 col-sm-8 pt-10px pb-10px xs-pt-0">Golden Oak, Dark Brown, Light Oak</div>
|
||
</div>
|
||
<div class="row bg-very-light-gray">
|
||
<div class="col-lg-2 col-md-3 col-sm-4 pt-10px pb-10px xs-pb-0 text-dark-gray alt-font fw-600">Fabric:</div>
|
||
<div class="col-lg-10 col-md-9 col-sm-8 pt-10px pb-10px xs-pt-0">Polyolefin, Crepe fabric, Wollen fabric, Modacrylics, Polyester</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-2 col-md-3 col-sm-4 pt-10px pb-10px xs-pb-0 text-dark-gray alt-font fw-600">Material:</div>
|
||
<div class="col-lg-10 col-md-9 col-sm-8 pt-10px pb-10px xs-pt-0">Solid wood, Fabric, Soft cotton</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mt-6">
|
||
<div class="col-12 text-center">
|
||
<img src="images/demo-decor-store-product-detail-tab-02.jpg" alt />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="tab-pane fade in" id="tab_five3">
|
||
<div class="row">
|
||
<div class="col-md-6 last-paragraph-no-margin sm-mb-30px">
|
||
<div class="fs-20 alt-font text-dark-gray mb-20px fw-600">Shipping information</div>
|
||
<p class="mb-0"><span class="fw-600 text-dark-gray">Standard:</span> Arrives in 5-8 business days</p>
|
||
<p><span class="fw-600 text-dark-gray">Express:</span> Arrives in 2-3 business days</p>
|
||
<p class="w-80 md-w-100">These shipping rates are not applicable for orders shipped outside of the US. Some oversized items may require an additional shipping charge. Free Shipping applies only to merchandise taxes and gift cards do not count toward the free shipping total.</p>
|
||
</div>
|
||
<div class="col-md-6 last-paragraph-no-margin">
|
||
<div class="fs-20 alt-font text-dark-gray mb-20px fw-600">Return information</div>
|
||
<p class="w-80 md-w-100">Orders placed between 10/1/2023 and 12/23/2023 can be returned by 2/27/2023.</p>
|
||
<p class="w-80 md-w-100">Return or exchange any unused or defective merchandise by mail or at one of our US or Canada store locations. Returns made within 30 days of the order delivery date will be issued a full refund to the original form of payment.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="tab-pane fade in" id="tab_five4">
|
||
<div class="row align-items-center mb-6 sm-mb-10">
|
||
<div class="col-lg-4 col-md-12 col-sm-7 md-mb-30px text-center text-lg-start">
|
||
<h5 class="alt-font text-dark-gray fw-600 mb-0 w-85 lg-w-100"><span class="fw-800">25,000+</span> people are like our product and say good story.</h5>
|
||
</div>
|
||
<div class="col-lg-2 col-md-4 col-sm-5 text-center sm-mb-20px p-0 md-ps-15px md-pe-15px">
|
||
<div class="border-radius-4px bg-very-light-gray p-30px xl-p-25px">
|
||
<h2 class="mb-5px alt-font text-dark-gray fw-800">4.9</h2>
|
||
<span class="text-golden-yellow icon-small d-block ls-minus-1px mb-5px">
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
</span>
|
||
<span class="ps-15px pe-15px pt-10px pb-10px lh-normal bg-dark-gray text-white fs-12 fw-600 text-uppercase border-radius-4px d-inline-block text-center">2,488 Reviews</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-9 col-lg-4 col-md-5 col-sm-8 progress-bar-style-02">
|
||
<div class="ps-20px md-ps-0">
|
||
<div class="text-dark-gray mb-15px fw-600">Average customer ratings</div>
|
||
|
||
<div class="progress mb-20px border-radius-6px">
|
||
<div class="progress-bar bg-green m-0" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" aria-label="rating-one"></div>
|
||
</div>
|
||
|
||
|
||
<div class="progress mb-20px border-radius-6px">
|
||
<div class="progress-bar bg-green m-0" role="progressbar" aria-valuenow="66" aria-valuemin="0" aria-valuemax="100" aria-label="rating-two"></div>
|
||
</div>
|
||
|
||
|
||
<div class="progress mb-20px border-radius-6px">
|
||
<div class="progress-bar bg-green m-0" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" aria-label="rating-three"></div>
|
||
</div>
|
||
|
||
|
||
<div class="progress mb-20px border-radius-6px">
|
||
<div class="progress-bar bg-green m-0" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" aria-label="rating-four"></div>
|
||
</div>
|
||
|
||
|
||
<div class="progress sm-mb-0 border-radius-6px">
|
||
<div class="progress-bar bg-green m-0" role="progressbar" aria-valuenow="05" aria-valuemin="0" aria-valuemax="100" aria-label="rating-five"></div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-3 col-lg-2 col-md-3 col-sm-4 mt-45px">
|
||
<div class="mb-15px lh-0 xs-lh-normal xs-mb-10px">
|
||
<span class="text-golden-yellow fs-15 ls-minus-1px d-none d-sm-inline-block">
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
</span>
|
||
<span class="fs-13 text-dark-gray fw-600 ms-10px xs-ms-0">80%</span>
|
||
</div>
|
||
<div class="mb-15px lh-0 xs-lh-normal xs-mb-10px">
|
||
<span class="text-golden-yellow fs-15 ls-minus-1px d-none d-sm-inline-block">
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="feather icon-feather-star"></i>
|
||
</span>
|
||
<span class="fs-13 text-dark-gray fw-600 ms-10px xs-ms-0">10%</span>
|
||
</div>
|
||
<div class="mb-15px lh-0 xs-lh-normal xs-mb-10px">
|
||
<span class="text-golden-yellow fs-15 ls-minus-1px d-none d-sm-inline-block">
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="feather icon-feather-star"></i>
|
||
<i class="feather icon-feather-star"></i>
|
||
</span>
|
||
<span class="fs-13 text-dark-gray fw-600 ms-10px xs-ms-0">05%</span>
|
||
</div>
|
||
<div class="mb-15px lh-0 xs-lh-normal xs-mb-10px">
|
||
<span class="text-golden-yellow fs-15 ls-minus-1px d-none d-sm-inline-block">
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="feather icon-feather-star"></i>
|
||
<i class="feather icon-feather-star"></i>
|
||
<i class="feather icon-feather-star"></i>
|
||
</span>
|
||
<span class="fs-13 text-dark-gray fw-600 ms-10px xs-ms-0">03%</span>
|
||
</div>
|
||
<div class="lh-0 xs-lh-normal">
|
||
<span class="text-golden-yellow fs-15 ls-minus-1px d-none d-sm-inline-block">
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="feather icon-feather-star"></i>
|
||
<i class="feather icon-feather-star"></i>
|
||
<i class="feather icon-feather-star"></i>
|
||
<i class="feather icon-feather-star"></i>
|
||
</span>
|
||
<span class="fs-13 text-dark-gray fw-600 ms-10px xs-ms-0">02%</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row g-0 mb-4 md-mb-35px">
|
||
<div class="col-12 border-bottom border-color-extra-medium-gray pb-40px mb-40px xs-pb-30px xs-mb-30px">
|
||
<div class="d-block d-md-flex w-100 align-items-center">
|
||
<div class="w-300px md-w-250px sm-w-100 sm-mb-10px text-center">
|
||
<img src="images/avtar-27.jpg" class="rounded-circle w-90px mb-10px" alt>
|
||
<span class="text-dark-gray fw-600 d-block">Herman miller</span>
|
||
<div class="fs-14 lh-18">06 April 2023</div>
|
||
</div>
|
||
<div class="w-100 last-paragraph-no-margin sm-ps-0 position-relative text-center text-md-start">
|
||
<span class="text-golden-yellow ls-minus-1px mb-5px sm-me-10px sm-mb-0 d-inline-block d-md-block">
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
</span>
|
||
<a href="demo-decor-store-single-product.html#" class="w-65px bg-light-red border-radius-15px fs-13 text-dark-gray fw-600 text-center position-absolute sm-position-relative d-inline-block d-md-block right-0px top-0px"><i class="fa-solid fa-heart text-red me-5px"></i><span>08</span></a>
|
||
<p class="w-85 sm-w-100 sm-mt-15px">Lorem ipsum dolor sit sed do eiusmod tempor incididunt labore enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 border-bottom border-color-extra-medium-gray pb-40px mb-40px xs-pb-30px xs-mb-30px">
|
||
<div class="d-block d-md-flex w-100 align-items-center">
|
||
<div class="w-300px md-w-250px sm-w-100 sm-mb-10px text-center">
|
||
<img src="images/avtar-28.jpg" class="rounded-circle w-90px mb-10px" alt>
|
||
<span class="text-dark-gray fw-600 d-block">Wilbur haddock</span>
|
||
<div class="fs-14 lh-18">26 April 2023</div>
|
||
</div>
|
||
<div class="w-100 last-paragraph-no-margin sm-ps-0 position-relative text-center text-md-start">
|
||
<span class="text-golden-yellow ls-minus-1px mb-5px sm-me-10px sm-mb-0 d-inline-block d-md-block">
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
</span>
|
||
<a href="demo-decor-store-single-product.html#" class="w-65px bg-light-red border-radius-15px fs-13 text-dark-gray fw-600 text-center position-absolute sm-position-relative d-inline-block d-md-block right-0px top-0px"><i class="fa-solid fa-heart text-red me-5px"></i><span>06</span></a>
|
||
<p class="w-85 sm-w-100 sm-mt-15px">Lorem ipsum dolor sit sed do eiusmod tempor incididunt labore enim ad minim veniamnisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 border-bottom border-color-extra-medium-gray pb-40px mb-40px xs-pb-30px md-mb-25px">
|
||
<div class="d-block d-md-flex w-100 align-items-center">
|
||
<div class="w-300px md-w-250px sm-w-100 sm-mb-10px text-center">
|
||
<img src="images/avtar-29.jpg" class="rounded-circle w-90px mb-10px" alt>
|
||
<span class="text-dark-gray fw-600 d-block">Colene landin</span>
|
||
<div class="fs-14 lh-18">28 April 2023</div>
|
||
</div>
|
||
<div class="w-100 last-paragraph-no-margin sm-ps-0 position-relative text-center text-md-start">
|
||
<span class="text-golden-yellow ls-minus-1px mb-5px sm-me-10px sm-mb-0 d-inline-block d-md-block">
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
<i class="bi bi-star-fill"></i>
|
||
</span>
|
||
<a href="demo-decor-store-single-product.html#" class="w-65px bg-light-red border-radius-15px fs-13 text-dark-gray fw-600 text-center position-absolute sm-position-relative d-inline-block d-md-block right-0px top-0px"><i class="fa-regular fa-heart text-red me-5px"></i><span>00</span></a>
|
||
<p class="w-85 sm-w-100 sm-mt-15px">Lorem ipsum dolor sit sed do eiusmod tempor incididunt labore enim adquis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 last-paragraph-no-margin text-center">
|
||
<a href="demo-decor-store-single-product.html#" class="btn btn-link btn-hover-animation-switch btn-extra-large fw-600 text-dark-gray">
|
||
<span>
|
||
<span class="btn-text">Show more reviews</span>
|
||
<span class="btn-icon"><i class="fa-solid fa-chevron-down"></i></span>
|
||
<span class="btn-icon"><i class="fa-solid fa-chevron-down"></i></span>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="row justify-content-center">
|
||
<div class="col-12">
|
||
<div class="p-7 lg-p-5 sm-p-7 bg-very-light-gray">
|
||
<div class="row justify-content-center mb-30px sm-mb-10px">
|
||
<div class="col-md-9 text-center">
|
||
<h4 class="alt-font text-dark-gray fw-700 mb-20px">Add a review</h4>
|
||
</div>
|
||
</div>
|
||
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
|
||
<div class="col-lg-5 col-md-6 mb-20px">
|
||
<label class="form-label mb-15px">Your name*</label>
|
||
<input class="input-name border-radius-4px form-control required" type="text" name="name" placeholder="Enter your name">
|
||
</div>
|
||
<div class="col-lg-5 col-md-6 mb-20px">
|
||
<label class="form-label mb-15px">Your email address*</label>
|
||
<input class="border-radius-4px form-control required" type="email" name="email" placeholder="Enter your email address">
|
||
</div>
|
||
<div class="col-lg-2 mb-20px">
|
||
<label class="form-label">Your rating*</label>
|
||
<div>
|
||
<span class="ls-minus-1px icon-small d-block mt-20px md-mt-0">
|
||
<i class="feather icon-feather-star text-golden-yellow"></i>
|
||
<i class="feather icon-feather-star text-golden-yellow"></i>
|
||
<i class="feather icon-feather-star text-golden-yellow"></i>
|
||
<i class="feather icon-feather-star text-golden-yellow"></i>
|
||
<i class="feather icon-feather-star text-golden-yellow"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 mb-20px">
|
||
<label class="form-label mb-15px">Your review</label>
|
||
<textarea class="border-radius-4px form-control" cols="40" rows="4" name="comment" placeholder="Your message"></textarea>
|
||
</div>
|
||
<div class="col-lg-9 md-mb-25px">
|
||
<div class="position-relative terms-condition-box text-start mt-10px">
|
||
<label class="d-inline-block">
|
||
<input type="checkbox" name="terms_condition" id="terms_condition" value="1" class="terms-condition check-box align-middle required">
|
||
<span class="box fs-15">I accept the crafto terms and conditions and I have read the privacy policy.</span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 text-start text-lg-end">
|
||
<input type="hidden" name="redirect" value>
|
||
<button class="btn btn-base-color btn-small btn-box-shadow btn-round-edge submit" type="submit">Submit review</button>
|
||
</div>
|
||
<div class="col-12">
|
||
<div class="form-results mt-20px d-none"></div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="pt-0">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-5 text-center mb-25px sm-mb-10px" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||
<span class="text-uppercase fs-14 ls-2px fw-600">You may also like</span>
|
||
<h4 class="alt-font text-dark-gray fw-700 mb-20px">Related products</h4>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12 px-0 sm-ps-15px sm-pe-15px">
|
||
<ul class="shop-boxed shop-wrapper grid grid-4col xxl-grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-large text-center" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay":100, "staggervalue": 150, "easing": "easeOutQuad" }">
|
||
<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-single-product.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-single-product.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-single-product.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 />
|
||
<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-single-product.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-single-product.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-single-product.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-single-product.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-single-product.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-single-product.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-single-product.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-single-product.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-single-product.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>
|
||
|
||
</ul>
|
||
</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-single-product.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-single-product.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-single-product.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-single-product.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-single-product.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-single-product.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">© 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#c7aea9a1a887a3a8aaa6aea9e9a4a8aa" class="fs-16 text-white fw-500"><span class="__cf_email__" data-cfemail="b2dbdcd4ddf2d6dddfd3dbdc9cd1dddf">[email 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-single-product.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-single-product.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="scroll-progress d-none d-xxl-block">
|
||
<a href="demo-decor-store-single-product.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="js/main.js"></script>
|
||
</body>
|
||
</html> |