Access_New/pages/demo-decor-store-blog-single-classic.html

736 lines
36 KiB
HTML
Raw Normal View History

2024-09-05 05:48:27 +00:00
<!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-blog-single-classic.html#">Modern chair</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Luxurious sofa</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Sitting tables</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Century cabinet</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Wooden stool</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Dining tabl</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Lighting</li>
<li><a href="demo-decor-store-blog-single-classic.html#">Table lamps</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Wall lights</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Ceiling lights</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Chandeliers</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Smart lights</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Outdoor lights</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Decor</li>
<li><a href="demo-decor-store-blog-single-classic.html#">Home decor</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Kitchen decor</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Office decor</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Wooden mirrors</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Designer clocks</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Spiritual</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Cabinetry</li>
<li><a href="demo-decor-store-blog-single-classic.html#">Wardrobes</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Shoe racks</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Movable</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Folding storage</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Wooden units</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Kids storage</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Commercial</li>
<li><a href="demo-decor-store-blog-single-classic.html#">Hotel furniture</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Bar furniture</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">School furniture</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Public furniture</a></li>
<li><a href="demo-decor-store-blog-single-classic.html#">Office furniture</a></li>
<li><a href="demo-decor-store-blog-single-classic.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 half-section pb-0">
<div class="container">
<div class="row">
<div class="col-12">
<img class="border-radius-6px" src="images/demo-decor-store-blog-single-classic-01.jpg" alt>
</div>
</div>
</div>
</section>
<section class="overlap-section text-center p-0 sm-pt-50px">
<img class="rounded-circle box-shadow-medium-bottom w-150px border border-9 border-color-white" src="images/avtar-07.jpg" alt>
</section>
<section class="pb-0 pt-40px">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 text-center">
<span class="fs-18 mb-20px d-inline-block">Writer by <a href="demo-decor-store-blog.html" class="fw-600 d-inline-block align-middle text-dark-gray">Charlene carberry</a> in <a href="demo-decor-store-blog.html" class="d-inline-block align-middle text-dark-gray fw-600">Decor</a></span>
<h2 class="alt-font fw-700 text-dark-gray mx-auto w-80 xl-w-100 mb-5">The best influencers to follow for sartorial inspiration.</h2>
<i class="feather icon-feather-more-horizontal- icon-double-large text-light-gray d-inline-block mb-5 d-inline-block"></i>
</div>
</div>
</div>
</section>
<section class="py-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="dropcap-style-02 last-paragraph-no-margin">
<p><span class="alt-font first-letter first-letter-block first-letter-round bg-dark-gray text-white">M</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla, sapien luctus fermentum cursus, risus arcu tristique libero, eu ultricies mauris risus at mauris. Duis sit amet tempus massa, sit amet luctus erat. Quisque pulvinar ac nibh non sodales. Fusce facilisis est. Vestibulum venenatis, mauris ut accumsan lacinia ipsum nisl volutpat leo ut dictum mauris quam eget nibhmauris ut accumsan lacinia.</p>
<img src="images/demo-decor-store-blog-single-classic-02.jpg" class="mb-30px mt-6" alt>
<p class="pb-25px text-center alt-font text-dark-gray ls-1px fw-600 text-uppercase">We must never confuse elegance with snobbery</p>
<div class="h-3px w-100 bg-dark-gray"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row">
<div class="col-xl-5 col-lg-6 md-mb-50px">
<h4 class="alt-font text-dark-gray fw-700">Diversity lasts when it no longer has to be the subject of a story.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla, sapien luctus fermentum cursus, risus arcu tristique libero, eu ultricies mauris risus at mauris. Duis sit amet tempus massa, sit amet luctus erat. Vestibulum venenatis accumsan lacinia ipsum nisl volutpat leo, ut dictum mauris quam eget Suspendisse fringilla sapien luctus.</p>
<p>Suspendisse fringilla, sapien luctus and fermentum cursus, risus arcu tristique libero, eu ultricies.</p>
<a href="demo-decor-store-blog-single-classic.html#" class="btn btn-dark-gray btn-medium mt-15px">Fashion trends</a>
</div>
<div class="col-lg-6 offset-xl-1"><img src="images/demo-decor-store-blog-single-classic-03.jpg" alt></div>
</div>
</div>
</div>
</div>
</section>
<section class="pt-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row">
<div class="col-12 last-paragraph-no-margin">
<div class="h-3px w-100 bg-dark-gray"></div>
<p class="pt-25px text-center alt-font text-dark-gray ls-1px fw-600 text-uppercase">I want people to see the dress, but focus on the woman</p>
<img src="images/demo-decor-store-blog-single-classic-04.jpg" class="mb-8 mt-30px" alt>
</div>
<div class="col-md-6">
<h4 class="alt-font text-dark-gray fw-700">Fashion is what you're offered four times a year by designers.</h4>
</div>
<div class="col-md-6 last-paragraph-no-margin">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla sapien luctus fermentum cursus, risus arcu tristique libero, eu ultricies mauris risus at mauris. Duis sit amet tempus massa. Vestibulum and venenatis, mauris ut accumsan lacinia, ipsum nisl volutpat leo, ut dictum mauris quam.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="half-section pt-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row mb-30px">
<div class="tag-cloud col-md-9 text-center text-md-start sm-mb-15px">
<a href="demo-decor-store-blog.html">Development</a>
<a href="demo-decor-store-blog.html">Event</a>
<a href="demo-decor-store-blog.html">Multimedia </a>
<a href="demo-decor-store-blog.html">Fashion</a>
</div>
<div class="tag-cloud col-md-3 text-uppercase text-center text-md-end">
<a class="likes-count fw-500 mx-0" href="demo-decor-store-blog-single-classic.html#"><i class="fa-regular fa-heart text-red me-10px"></i><span class="text-dark-gray text-dark-gray-hover">05 Likes</span></a>
</div>
</div>
<div class="row">
<div class="col-12 mb-6">
<div class="d-block d-md-flex w-100 box-shadow-extra-large align-items-center border-radius-4px p-7 sm-p-35px">
<div class="w-140px text-center me-50px sm-mx-auto">
<img src="images/avtar-07.jpg" class="rounded-circle w-120px" alt>
<a href="demo-decor-store-blog.html" class="text-dark-gray fw-600 mt-20px d-inline-block lh-20">Colene Landin</a>
<span class="fs-15 lh-20 d-block sm-mb-15px">Co-founder</span>
</div>
<div class="w-75 sm-w-100 text-center text-md-start last-paragraph-no-margin">
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type.</p>
<a href="demo-decor-store-blog.html" class="btn btn-link btn-large text-dark-gray mt-15px fw-600">All author posts</a>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 text-center elements-social social-icon-style-04">
<ul class="large-icon dark">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i><span></span></a></li>
<li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="fa-brands fa-linkedin-in"></i><span></span></a></li>
<li><a class="behance" href="http://www.behance.com/" target="_blank"><i class="fa-brands fa-behance"></i><span></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray">
<div class="container">
<div class="row justify-content-center mb-1">
<div class="col-lg-7 text-center">
<span class="text-uppercase fs-14 ls-2px fw-600 d-inline-block">You may also like</span>
<h4 class="alt-font text-dark-gray fw-700">Related posts</h4>
</div>
</div>
<div class="row g-0">
<div class="col-12">
<ul class="blog-classic blog-wrapper grid grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large">
<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-blog-single-classic.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-blog-single-classic.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-blog-single-classic.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-blog-single-classic.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>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 text-center mb-2">
<h6 class="alt-font text-dark-gray fw-700">4 Comments</h6>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-9">
<ul class="blog-comment">
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-18.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-decor-store-blog-single-classic.html#" class="text-dark-gray fw-600">Herman Miller</a>
<a href="demo-decor-store-blog-single-classic.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">17 July 2020, 6:05 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make book.</p>
</div>
</div>
<ul class="child-comment">
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-19.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-decor-store-blog-single-classic.html#" class="text-dark-gray fw-600">Wilbur Haddock</a>
<a href="demo-decor-store-blog-single-classic.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">18 July 2020, 10:19 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
</li>
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start border-radius-5px p-50px md-p-30px sm-p-20px bg-very-light-gray">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-17.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-decor-store-blog-single-classic.html#" class="text-dark-gray fw-600">Colene Landin</a>
<a href="demo-decor-store-blog-single-classic.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">18 July 2020, 12:39 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
</li>
</ul>
</li>
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-18.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-decor-store-blog-single-classic.html#" class="text-dark-gray fw-600">Jennifer Freeman</a>
<a href="demo-decor-store-blog-single-classic.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">19 July 2020, 8:25 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make a type specimen book.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="comments" class="pt-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 mb-3 sm-mb-6">
<h6 class="alt-font text-dark-gray fw-700 mb-5px">Write a comment</h6>
<div class="mb-5px">Your email address will not be published. Required fields are marked *</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-9">
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
<div class="col-md-6 mb-30px">
<input class="input-name border-radius-4px form-control required" type="text" name="name" placeholder="Enter your name*">
</div>
<div class="col-md-6 mb-30px">
<input class="border-radius-4px form-control required" type="email" name="email" placeholder="Enter your email address*">
</div>
<div class="col-md-12 mb-30px">
<textarea class="border-radius-4px form-control" cols="40" rows="4" name="comment" placeholder="Your message"></textarea>
</div>
<div class="col-12">
<input type="hidden" name="redirect" value>
<button class="btn btn-dark-gray btn-small btn-round-edge submit" type="submit">Post Comment</button>
<div class="form-results mt-20px d-none"></div>
</div>
</form>
</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-blog-single-classic.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-blog-single-classic.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-blog-single-classic.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-blog-single-classic.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-blog-single-classic.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-blog-single-classic.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#533a3d353c13373c3e323a3d7d303c3e" class="fs-16 text-white fw-500"><span class="__cf_email__" data-cfemail="dcb5b2bab39cb8b3b1bdb5b2f2bfb3b1">[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-blog-single-classic.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-blog-single-classic.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-blog-single-classic.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>