ok

Mini Shell

Direktori : /home2/selectio/public_html/thecomponents.in/file/
Upload File :
Current File : /home2/selectio/public_html/thecomponents.in/file/demo8.html

<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from d-themes.com/html/riode/demo8.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Aug 2023 09:39:42 GMT -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Riode - Ultimate eCommerce Template</title>
<meta name="keywords" content="HTML5 Template" />
<meta name="description" content="Riode - Ultimate eCommerce Template">
<meta name="author" content="D-THEMES">

<link rel="icon" type="image/png" href="images/icons/favicon.png">

<link rel="preload" href="fonts/riode115b.ttf?5gap68" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="vendor/fontawesome-free/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="vendor/fontawesome-free/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<script>
        WebFontConfig = {
            google: { families: ['Poppins:400,500,600,700,800', 'Oswald:400,600,700'] }
        };
        (function (d) {
            var wf = d.createElement('script'), s = d.scripts[0];
            wf.src = 'js/webfont.js';
            wf.async = true;
            s.parentNode.insertBefore(wf, s);
        })(document);
    </script>
<link rel="stylesheet" type="text/css" href="vendor/fontawesome-free/css/all.min.css">
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.min.css">

<link rel="stylesheet" type="text/css" href="vendor/magnific-popup/magnific-popup.min.css">
<link rel="stylesheet" type="text/css" href="vendor/owl-carousel/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="vendor/sticky-icon/stickyicon.css">

<link rel="stylesheet" type="text/css" href="css/demo8.min.css">
</head>
<body class="home">
<div class="page-wrapper">
<h1 class="d-none">Riode - Responsive eCommerce HTML Template</h1>
<header class="header header-transparent">
<div class="header-top">
<div class="container-fluid">
<div class="header-left">
<div class="social-links inline-links d-lg-show">
<a href="#" title="social-link" class="social-link social-twitter fab fa-twitter"></a>
<a href="#" title="social-link" class="social-link social-linkedin fab fa-linkedin-in"></a>
<a href="#" title="social-link" class="social-link social-facebook fab fa-facebook-f"></a>
<a href="#" title="social-link" class="social-link social-pinterest fab fa-pinterest-p"></a>
</div>
<p class="welcome-msg ls-normal">Welcome to Riode store message or remove it!</p>
</div>
<div class="header-right">
<a class="call d-lg-show" href="#">
<span>Call us: </span>123-456-7890
</a>
<div class="dropdown ml-4 d-lg-show">
<a href="#currency">USD</a>
<ul class="dropdown-box">
<li><a href="#USD">USD</a></li>
<li><a href="#EUR">EUR</a></li>
</ul>
</div>
<span class="divider ml-3 d-lg-show"></span>

<div class="dropdown language-dropdown d-lg-show">
<a href="#language">ENG</a>
<ul class="dropdown-box">
<li>
<a href="#USD">ENG</a>
</li>
<li>
<a href="#EUR">FRH</a>
</li>
</ul>
</div>
<a href="contact-us.html" class="btn btn-primary btn-sm contact font-weight-normal mr-0 ml-4">Contact us</a>
</div>
</div>
</div>

<div class="header-middle sticky-header fix-top sticky-content has-center">
<div class="container-fluid">
<div class="header-left">
<a href="#" class="mobile-menu-toggle">
<i class="d-icon-bars2"></i>
</a>
<a href="demo8.html" class="logo d-block d-lg-none">
<img src="images/demos/demo8/logo.png" alt="logo" width="154" height="44" />
</a>
<nav class="main-nav ml-0">
<ul class="menu">
<li class="active">
<a href="demo8.html">Home</a>
</li>
<li>
<a href="demo8-shop.html">Categories</a>
<div class="megamenu">
<div class="row">
<div class="col-6 col-sm-4 col-md-4 col-lg-3">
<h4 class="menu-title">Variations 1</h4>
<ul>
<li><a href="shop-classic-filter.html">Classic Filter</a></li>
<li><a href="shop-left-toggle-sidebar.html">Left Toggle Filter</a>
</li>
<li><a href="shop-right-toggle-sidebar.html">Right Toggle
Sidebar</a></li>
<li><a href="shop-horizontal-filter.html">Horizontal Filter </a>
</li>
<li><a href="shop-navigation-filter.html">Navigation Filter</a></li>
<li><a href="shop-off-canvas-filter.html">Off-Canvas Filter </a>
</li>
<li><a href="shop-top-banner.html">Top Banner</a></li>
<li><a href="shop-inner-top-banner.html">Inner Top Banner</a></li>
<li><a href="shop-with-bottom-block.html">With Bottom Block</a></li>
<li><a href="shop-category-in-page-header.html">Category In Page
Header</a>
</ul>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3">
<h4 class="menu-title">Variations 2</h4>
<ul>
<li><a href="shop-grid-3cols.html">3 Columns Mode</a></li>
<li><a href="shop-grid-4cols.html">4 Columns Mode</a></li>
<li><a href="shop-grid-5cols.html">5 Columns Mode</a></li>
<li><a href="shop-grid-6cols.html">6 Columns Mode</a></li>
<li><a href="shop-grid-7cols.html">7 Columns Mode</a></li>
<li><a href="shop-grid-8cols.html">8 Columns Mode</a></li>
<li><a href="shop-list-mode.html">List Mode</a></li>
<li><a href="shop-pagination.html">Pagination</a></li>
<li><a href="shop-infinite-ajaxscroll.html">Infinite Ajaxscroll </a>
</li>
<li><a href="shop-loadmore-button.html">Loadmore Button</a></li>
</ul>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3">
<h4 class="menu-title">Variations 3</h4>
<ul>
<li><a href="shop-category-grid-shop.html">Category Grid Shop</a>
</li>
<li><a href="shop-category%2bproducts.html">Category + Products</a>
</li>
<li><a href="shop-default-1.html">Shop Default 1 </a></li>
<li><a href="shop-default-2.html">Shop Default 2</a>
</li>
<li><a href="shop-default-3.html">Shop Default 3</a>
</li>
<li><a href="shop-default-4.html">Shop Default 4</a>
</li>
<li><a href="shop-default-5.html">Shop Default 5</a>
</li>
<li><a href="shop-default-6.html">Shop Default 6</a>
</li>
<li><a href="shop-default-7.html">Shop Default 7</a>
</li>
<li><a href="shop-default-8.html">Shop Default 8</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-3 menu-banner menu-banner1 banner banner-fixed">
<figure>
<img src="images/menu/banner-1.jpg" alt="Menu banner" width="221" height="330" />
</figure>
<div class="banner-content y-50">
<h4 class="banner-subtitle font-weight-bold text-primary ls-m">Sale.
</h4>
<h3 class="banner-title font-weight-bold"><span class="text-uppercase">Up to</span>70% Off</h3>
<a href="demo8-shop.html" class="btn btn-link btn-underline">shop
now<i class="d-icon-arrow-right"></i></a>
</div>
</div>

</div>
</div>
</li>
<li>
<a href="#">Pages</a>
<ul>
<li><a href="about-us.html">About</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="account.html">My Account</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="error-404.html">Error 404</a>
<ul>
<li><a href="error-404.html">Error 404-1</a></li>
<li><a href="error-404-1.html">Error 404-2</a></li>
<li><a href="error-404-2.html">Error 404-3</a></li>
<li><a href="error-404-3.html">Error 404-4</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li>
<a href="blog-classic.html">Blog</a>
<ul>
<li><a href="blog-classic.html">Classic</a></li>
<li><a href="blog-listing.html">Listing</a></li>
<li>
<a href="#">Grid</a>
<ul>
<li><a href="blog-grid-2col.html">Grid 2 columns</a></li>
<li><a href="blog-grid-3col.html">Grid 3 columns</a></li>
<li><a href="blog-grid-4col.html">Grid 4 columns</a></li>
<li><a href="blog-grid-sidebar.html">Grid sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Masonry</a>
<ul>
<li><a href="blog-masonry-2col.html">Masonry 2 columns</a></li>
<li><a href="blog-masonry-3col.html">Masonry 3 columns</a></li>
<li><a href="blog-masonry-4col.html">Masonry 4 columns</a></li>
<li><a href="blog-masonry-sidebar.html">Masonry sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Mask</a>
<ul>
<li><a href="blog-mask-grid.html">Blog mask grid</a></li>
<li><a href="blog-mask-masonry.html">Blog mask masonry</a></li>
</ul>
</li>
<li>
<a href="post-single.html">Single Post</a>
</li>
</ul>
</li>
<li>
<a href="element.html">Elements</a>
<div class="megamenu">
<div class="row">
<div class="col-md-3">
<h4 class="menu-title">Elements 1</h4>
<ul>
<li><a href="element-accordions.html">Accordions</a></li>
<li><a href="element-alerts.html">Alert &amp; Notification</a></li>
<li><a href="element-banner-effect.html">Banner Effect
</a></li>
<li><a href="element-banner.html">Banner
</a></li>
<li><a href="element-blog-posts.html">Blog Posts</a></li>
<li><a href="element-breadcrumb.html">Breadcrumb
</a></li>
<li><a href="element-buttons.html">Buttons</a></li>
<li><a href="element-cta.html">Call to Action</a></li>
<li><a href="element-countdown.html">Countdown
</a></li>
</ul>
</div>
<div class="col-md-3">
<h4 class="menu-title">Elements 2</h4>
<ul>
<li><a href="element-counter.html">Counter </a></li>
<li><a href="element-creative-grid.html">Creative Grid
</a></li>
<li><a href="element-animation.html">Entrance Effect
</a></li>
<li><a href="element-floating.html">Floating
</a></li>
<li><a href="element-hotspot.html">Hotspot
</a></li>
<li><a href="element-icon-boxes.html">Icon Boxes</a></li>
<li><a href="element-icons.html">Icons</a></li>
<li><a href="element-image-box.html">Image box
</a></li>
<li><a href="element-instagrams.html">Instagrams</a></li>
</ul>
</div>
<div class="col-md-3">
<h4 class="menu-title">Elements 3</h4>
<ul>
<li><a href="element-categories.html">Product Category</a></li>
<li><a href="element-products.html">Products</a></li>
<li><a href="element-product-banner.html">Products + Banner
</a></li>
<li><a href="element-product-grid.html">Products + Grid
</a></li>
<li><a href="element-product-single.html">Product Single
</a>
</li>
<li><a href="element-product-tab.html">Products + Tab
</a></li>
<li><a href="element-single-product.html">Single Product
</a></li>
<li><a href="element-slider.html">Slider
</a></li>
<li><a href="element-social-link.html">Social Icons </a></li>
</ul>
</div>
<div class="col-md-3">
<h4 class="menu-title">Elements 4</h4>
<ul>
<li><a href="element-subcategory.html">Subcategory
</a></li>
<li><a href="element-svg-floating.html">Svg Floating
</a></li>
<li><a href="element-tabs.html">Tabs</a></li>
<li><a href="element-testimonials.html">Testimonials
</a></li>
<li><a href="element-titles.html">Title</a></li>
<li><a href="element-typography.html">Typography</a></li>
<li><a href="element-vendor.html">Vendor
</a></li>
<li><a href="element-video.html">Video
</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</nav>
</div>
<div class="header-center d-none d-lg-block">
<a href="demo8.html" class="logo">
<img src="images/demos/demo8/logo.png" alt="logo" width="154" height="44" />
</a>

</div>
<div class="header-right">
<div class="header-search hs-toggle">
<a href="#" class="search-toggle">
<i class="d-icon-search"></i>
</a>
<form action="#" class="input-wrapper">
<input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search your keyword..." required />
<button class="btn btn-search" type="submit" title="submit-button">
<i class="d-icon-search"></i>
</button>
</form>
</div>

<a class="login-link" href="ajax/login.html" data-toggle="login-modal"><i class="d-icon-user"></i></a>
<div class="dropdown wishlist wishlist-dropdown off-canvas">
<a href="wishlist.html" class="wishlist-toggle">
<i class="d-icon-heart"></i>
</a>
<div class="canvas-overlay"></div>

<div class="dropdown-box scrollable">
<div class="canvas-header">
<h4 class="canvas-title">wishlist</h4>
<a href="#" class="btn btn-dark btn-link btn-icon-right btn-close">close<i class="d-icon-arrow-right"></i><span class="sr-only">wishlist</span></a>
</div>
<div class="products scrollable">
<div class="product product-wishlist">
<figure class="product-media">
<a href="product.html">
<img src="images/wishlist/product-1.jpg" width="100" height="100" alt="product" />
</a>
<button class="btn btn-link btn-close">
<i class="fas fa-times"></i><span class="sr-only">Close</span>
</button>
</figure>
<div class="product-detail">
<a href="product.html" class="product-name">Girl's Dark Bag</a>
<div class="price-box">
<span class="product-price">$84.00</span>
</div>
</div>
</div>

<div class="product product-wishlist">
<figure class="product-media">
<a href="product.html">
<img src="images/wishlist/product-2.jpg" width="100" height="100" alt="product" />
</a>
<button class="btn btn-link btn-close">
<i class="fas fa-times"></i><span class="sr-only">Close</span>
</button>
</figure>
<div class="product-detail">
<a href="product.html" class="product-name">Women's Fashional Comforter
</a>
<div class="price-box">
<span class="product-price">$84.00</span>
</div>
</div>
</div>

<div class="product product-wishlist">
<figure class="product-media">
<a href="product.html">
<img src="images/wishlist/product-3.jpg" width="100" height="100" alt="product" />
</a>
<button class="btn btn-link btn-close">
<i class="fas fa-times"></i><span class="sr-only">Close</span>
</button>
</figure>
<div class="product-detail">
<a href="product.html" class="product-name">Wide Knickerbockers</a>
<div class="price-box">
<span class="product-price">$84.00</span>
</div>
</div>
</div>

</div>
<a href="wishlist.html" class="btn btn-dark wishlist-btn mt-4"><span>Go To
Wishlist</span></a>

</div>

</div>
<div class="dropdown cart-dropdown type2">
<a href="#" class="cart-toggle link">
<i class="d-icon-bag"><span class="cart-count">2</span></i>
</a>

<div class="dropdown-box">
<div class="products scrollable">
<div class="product product-cart">
<figure class="product-media">
<a href="product.html">
<img src="images/cart/product-1.jpg" alt="product" width="80" height="88" />
</a>
<button class="btn btn-link btn-close">
<i class="fas fa-times"></i><span class="sr-only">Close</span>
</button>
</figure>
<div class="product-detail">
<a href="product.html" class="product-name">Riode White Trends</a>
<div class="price-box">
<span class="product-quantity">1</span>
<span class="product-price">$21.00</span>
</div>
</div>
</div>

<div class="product product-cart">
<figure class="product-media">
<a href="product.html">
<img src="images/cart/product-2.jpg" alt="product" width="80" height="88" />
</a>
<button class="btn btn-link btn-close">
<i class="fas fa-times"></i><span class="sr-only">Close</span>
</button>
</figure>
<div class="product-detail">
<a href="product.html" class="product-name">Dark Blue Women’s
Leomora Hat</a>
<div class="price-box">
<span class="product-quantity">1</span>
<span class="product-price">$118.00</span>
</div>
</div>
</div>

</div>

<div class="cart-total">
<label>Subtotal:</label>
<span class="price">$139.00</span>
</div>

<div class="cart-action">
<a href="cart.html" class="btn btn-dark btn-link">View Cart</a>
<a href="checkout.html" class="btn btn-dark"><span>Go To Checkout</span></a>
</div>

</div>

</div>
</div>
</div>
</div>
</header>

<main class="main">
<div class="page-content">
<section class="intro-section">
<div class="banner banner-fixed" style="background-color: #22252a;">
<figure>
<img src="images/demos/demo8/banners/intro-banner.jpg" alt="banner" width="1903" height="1010" />
</figure>
<div class="banner-content w-100 x-50 y-50 text-center pl-3 pr-3">
<h3 class="banner-title font-secondary text-white slide-animate" data-animation-options="{'name': 'fadeInUpShorter', 'delay': '.7s'}">Make Yourself at
Home</h3>
<p class="mb-10 font-primary text-white slide-animate" data-animation-options="{'name': 'fadeInUp', 'delay': '1s'}">We create <strong class="text-uppercase">High Quailty Products</strong><br>
that are used &amp; loved by thousands of customers</p>
<a href="demo8-shop.html" class="btn btn-outline btn-white btn-rounded slide-animate" data-animation-options="{'name': 'fadeInUp', 'delay': '1.3s'}">Discover Now</a>
</div>
</div>
</section>
<section class="categories-section pt-10 mt-10">
<div class="title-wrapper container text-center appear-animate mt-1">
<h2 class="title title-simple">Popular Categories</h2>
<p>Lorem quis bibendum auctor, nisi elit consequat ipsum</p>
</div>
<div class="owl-carousel owl-theme row cols-lg-4 cols-md-3 cols-xs-2 cols-1 gutter-no" data-owl-options="{
                        'items': 4,
                        'nav': false,
                        'dots': false,
                        'autoplay': true,
                        'responsive': {
                            '0': {
                                'items': 2
                            },
                            '480': {
                                'items': 2
                            },
                            '768': {
                                'items': 3
                            },
                            '992': {
                                'items': 4,
                                'loop': false
                            }
                        }
                    }">
<div class="category category-overlay category-absolute overlay-dark overlay-zoom text-white appear-animate" data-animation-options="{
                            'name': 'fadeInRightShorter',
                            'delay': '.3s'
                        }" style="background-color: #f0f0f0">
<a href="demo8-shop.html">
<figure class="category-media">
<img src="images/demos/demo8/categories/1.jpg" alt="category" width="480" height="480" />
</figure>
</a>
<div class="category-content x-50 y-50 appear-animate">
<h4 class="category-name font-secondary font-weight-bold ls-normal text-uppercase">
Bedspreads</h4>
</div>
</div>
<div class="category category-overlay category-absolute overlay-dark overlay-zoom text-white appear-animate" data-animation-options="{
                            'name': 'fadeInRightShorter',
                            'delay': '.4s'
                        }" style="background-color: #554f48">
<a href="demo8-shop.html">
<figure class="category-media">
<img src="images/demos/demo8/categories/2.jpg" alt="category" width="480" height="480" />
</figure>
</a>
<div class="category-content x-50 y-50 appear-animate">
<h4 class="category-name font-secondary font-weight-bold ls-normal text-uppercase">
Gallery</h4>
</div>
</div>
<div class="category category-overlay category-absolute overlay-dark overlay-zoom text-white appear-animate" data-animation-options="{
                            'name': 'fadeInRightShorter',
                            'delay': '.5s'
                        }" style="background-color: #c4c4c4">
<a href="demo8-shop.html">
<figure class="category-media">
<img src="images/demos/demo8/categories/3.jpg" alt="category" width="480" height="480" />
</figure>
</a>
<div class="category-content x-50 y-50 appear-animate">
<h4 class="category-name font-secondary font-weight-bold ls-normal text-uppercase">Chair
</h4>
</div>
</div>
<div class="category category-overlay category-absolute overlay-dark overlay-zoom text-white appear-animate" data-animation-options="{
                            'name': 'fadeInRightShorter',
                            'delay': '.6s'
                        }" style="background-color: #9a9ca0">
<a href="demo8-shop.html">
<figure class="category-media">
<img src="images/demos/demo8/categories/4.jpg" alt="category" width="480" height="480" />
</figure>
</a>
<div class="category-content x-50 y-50 appear-animate">
<h4 class="category-name font-secondary font-weight-bold ls-normal text-uppercase">Lamp
</h4>
</div>
</div>
</div>
</section>
<section class="mt-10 pt-4 pb-4 mb-10">
<div class="container">
<div class="banner banner-cta1 row">
<div class="col-lg-5">
<div class="banner-content">
<h4 class="banner-subtitle font-weight-bold ls-normal text-primary text-uppercase">
New Collection</h4>
<h3 class="banner-title font-secondary font-weight-bold text-uppercase">Complete
your perfect set.
</h3>
<p class="mb-7 font-primary text-body">
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,
lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id
elit.
Duis sed odio sit amet nibh.</p>
<a href="demo8-shop.html" class="btn btn-outline">Shop now</a>
</div>
</div>
<div class="col-lg-7">
<figure class="d-flex align-items-center h-100 appear-animate" data-animation-options="{
                                    'name': 'fadeInLeftShorter'
                                }">
<img src="images/demos/demo8/banners/1.jpg" alt="banner" width="820" height="354" />
</figure>
</div>
</div>
</div>
</section>
<section class="product-wrapper appear-animate pb-2">
<div class="container">
<h2 class="title title-center pt-3">Popular Items</h2>
<div class="owl-carousel owl-theme row cols-xl-5 cols-lg-4 cols-md-3 cols-2" data-owl-options="{
                            'items': 5,
                            'nav': false,
                            'dots': true,
                            'loop': false,
                            'margin': 20,
                            'responsive': {
                                '0': {
                                    'items': 2
                                },
                                '768': {
                                    'items': 3
                                },
                                '992': {
                                    'items': 4
                                },
                                '1200': {
                                    'items': 5,
                                    'dots': false
                                }
                            }
                        }">
<div class="product product-classic product-variable">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/1.jpg" alt="product" width="272" height="306">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Kitchen Toolkit</a>
</h3>
<div class="product-price">
<span class="price">$140.00</span>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 12 reviews )</a>
</div>
<div class="product-action">
<a href="demo8-product.html" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal"><span>Select Options</span></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
<a href="#" class="btn-product-icon btn-quickview" title="Quick View"><i class="d-icon-search"></i></a>
</div>
</div>
</div>
<div class="product product-classic">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/2.jpg" alt="product" width="272" height="306">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Butler Stool Lamp</a>
</h3>
<div class="product-price">
<ins class="new-price">$125.99</ins><del class="old-price">$160.99</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:60%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 8 reviews )</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
<a href="#" class="btn-product-icon btn-quickview" title="Quick View"><i class="d-icon-search"></i></a>
</div>
</div>
</div>
<div class="product product-classic">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/3.jpg" alt="product" width="272" height="306">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Petite Lamp</a>
</h3>
<div class="product-price">
<span class="price">$78.64</span>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:40%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 2 reviews )</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
<a href="#" class="btn-product-icon btn-quickview" title="Quick View"><i class="d-icon-search"></i></a>
</div>
</div>
</div>
<div class="product product-classic">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/4.jpg" alt="product" width="272" height="306">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Recycle Bin</a>
</h3>
<div class="product-price">
<span class="price">$164.00</span>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:80%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 6 reviews )</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
<a href="#" class="btn-product-icon btn-quickview" title="Quick View"><i class="d-icon-search"></i></a>
</div>
</div>
</div>
<div class="product product-classic">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/5.jpg" alt="product" width="272" height="306">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Carronade Suspension Table</a>
</h3>
<div class="product-price">
<span class="price">$184.00</span>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:80%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 6 reviews )</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
<a href="#" class="btn-product-icon btn-quickview" title="Quick View"><i class="d-icon-search"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mt-10">
<div class="banner banner-cta2" style="background-image: url(images/demos/demo8/banners/2.jpg); background-color: #666563;">
<div class="container">
<div class="banner-content text-center appear-animate">
<h4 class="banner-subtitle font-weight-bold ls-m mb-3 text-uppercase text-white">Best
For Less</h4>
<h3 class="banner-title font-secondary mb-10 font-weight-bold ls-normal text-uppercase text-white">
Modern Furniture &amp; design</h3>
<a href="demo8-shop.html" class="btn btn-outline btn-white ls-m font-weight-normal">Discover now</a>
</div>
</div>
</div>
</section>
<section class="products-section row gutter-no align-items-center">
<div class="col-lg-6">
<div class="intro-media appear-animate" style="background-color: #EFEFEF;">
<img src="images/demos/demo8/banners/3.jpg" alt="banner" width="951" height="645" />
</div>
</div>
<div class="col-lg-6 order-lg-first">
<div class="product-wrapper">
<h2 class="title title-simple">Decoration</h2>
<div class="owl-carousel owl-theme row owl-nav-full cols-2" data-owl-options="{
                                'items': 2,
                                'nav': true,
                                'dots': false,
                                'loop': false,
                                'margin': 20
                            }">
<div class="product text-center">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/6.jpg" alt="product" width="267" height="301">
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview" title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Wingback Table</a>
</h3>
<div class="product-price">
<span class="price">$189.00</span>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 6 reviews )</a>
</div>
</div>
</div>
<div class="product text-center">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/7.jpg" alt="product" width="267" height="301">
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview" title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Riode Tray</a>
</h3>
<div class="product-price">
<ins class="new-price">$200.00</ins><del class="old-price">$232.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 6 reviews )</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="products-section row gutter-no align-items-center">
<div class="col-lg-6">
<div class="intro-media appear-animate">
<img src="images/demos/demo8/banners/4.jpg" alt="banner" width="960" height="664" />
</div>
</div>
<div class="col-lg-6">
<div class="product-wrapper">
<h2 class="title title-simple">Small Furniture</h2>
<div class="owl-carousel owl-theme row owl-nav-full cols-2" data-owl-options="{
                                'items': 2,
                                'nav': true,
                                'dots': false,
                                'loop': false,
                                'margin': 20
                            }">
<div class="product text-center">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/8.jpg" alt="product" width="267" height="301">
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview" title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">2-Seater</a>
</h3>
<div class="product-price">
<ins class="new-price">$250.00</ins><del class="old-price">$300.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 12 reviews )</a>
</div>
</div>
</div>
<div class="product text-center">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/9.jpg" alt="product" width="267" height="301">
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview" title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Carronade Suspension Table</a>
</h3>
<div class="product-price">
<span class="price">$99.00</span>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:80%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 8 reviews )</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="banner video-banner pl-2 pr-2" style="background-image: url(images/demos/demo8/banners/5.jpg); background-color: #9bb5c4;">
<div class="banner-content text-center appear-animate" data-animation-options="{
                        'name': 'blurIn'
                    }">
<h3 class="banner-title font-secondary mb-0 font-weight-bold text-white text-uppercase mb-10">
Modern Furniture &amp; Designe
</h3>
<a class="btn-play btn-iframe text-white" href="video/memory-of-a-woman.mp4"><i class="d-icon-play-solid"></i></a>
</div>
</section>
<section class="mt-10 pt-9 mb-10 appear-animate">
<div class="container">
<h2 class="title title-simple">Popular Items</h2>
<div class="owl-carousel owl-theme row cols-xl-5 cols-lg-4 cols-md-3 cols-2" data-owl-options="{
                            'items': 5,
                            'nav': false,
                            'dots': true,
                            'loop': false,
                            'margin': 20,
                            'responsive': {
                                '0': {
                                    'items': 2
                                },
                                '768': {
                                    'items': 3
                                },
                                '992': {
                                    'items': 4
                                },
                                '1200': {
                                    'items': 5,
                                    'dots': false
                                }
                            }
                        }">
<div class="product product-classic">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/10.jpg" alt="product" width="268" height="301">
</a>
<div class="product-label-group">
<label class="product-label label-new">new</label>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Original Outdoor Bin</a>
</h3>
<div class="product-price">
<ins class="new-price">$199.00</ins><del class="old-price">$210.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 6 reviews )</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
<a href="#" class="btn-product-icon btn-quickview" title="Quick View"><i class="d-icon-search"></i></a>
</div>
</div>
</div>
<div class="product product-classic">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/11.jpg" alt="product" width="268" height="301">
</a>
<div class="product-label-group">
<label class="product-label label-new">new</label>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Cushion Set</a>
</h3>
<div class="product-price">
<ins class="new-price">$199.00</ins><del class="old-price">$210.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 6 reviews )</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
<a href="#" class="btn-product-icon btn-quickview" title="Quick View"><i class="d-icon-search"></i></a>
</div>
</div>
</div>
<div class="product product-classic">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/7.jpg" alt="product" width="268" height="301">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Wingback Table</a>
</h3>
<div class="product-price">
<ins class="new-price">$199.00</ins><del class="old-price">$210.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 6 reviews )</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart"><i class="d-icon-bag"></i><span>Add to cart</span></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
<a href="#" class="btn-product-icon btn-quickview" title="Quick View"><i class="d-icon-search"></i></a>
</div>
</div>
</div>
<div class="product product-classic product-variable">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/8.jpg" alt="product" width="268" height="301">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">2-Seater</a>
</h3>
<div class="product-price">
<ins class="new-price">$199.00</ins><del class="old-price">$210.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 6 reviews )</a>
</div>
<div class="product-action">
<a href="demo8-product.html" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal"><span>Select Options</span></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
<a href="#" class="btn-product-icon btn-quickview" title="Quick View"><i class="d-icon-search"></i></a>
</div>
</div>
</div>
<div class="product product-classic product-variable">
<figure class="product-media">
<a href="demo8-product.html">
<img src="images/demos/demo8/products/12.jpg" alt="product" width="268" height="301">
</a>
<div class="product-label-group">
<label class="product-label label-sale">27% off</label>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="demo8-product.html">Pillow</a>
</h3>
<div class="product-price">
<ins class="new-price">$199.00</ins><del class="old-price">$210.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="demo8-product.html" class="rating-reviews">( 6 reviews )</a>
</div>
<div class="product-action">
<a href="demo8-product.html" class="btn-product btn-cart" data-toggle="modal" data-target="#addCartModal"><span>Select Options</span></a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><i class="d-icon-heart"></i></a>
<a href="#" class="btn-product-icon btn-quickview" title="Quick View"><i class="d-icon-search"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="blog-section pt-6 pb-2 mb-10">
<div class="container">
<h2 class="title title-center">Latest Blog</h2>
<div class="owl-carousel owl-theme row cols-lg-4 cols-md-3 cols-sm-2 cols-1" data-owl-options="{
                            'nav': false,
                            'dots': true,
                            'margin': 20,
                            'responsive': {
                                '0': {
                                    'items': 1
                                },
                                '576': {
                                    'items': 2
                                },
                                '768': {
                                    'items': 3
                                },
                                '992': {
                                    'items': 4,
                                    'dots': false
                                }
                            }
                        }">
<div class="post overlay-dark">
<figure class="post-media" style="background-color: #d6e1e3;">
<a href="post-single.html">
<img src="images/demos/demo8/blog/1.jpg" width="345" height="222" alt="post" />
</a>
</figure>
<div class="post-details">
<div class="post-meta">
on <a href="#" class="post-date">September 6, 2020</a>
| <a href="#" class="post-comment"><span>2</span> Comments</a>
</div>
<h4 class="post-title"><a href="post-single.html">Explore Fashion For Women In </a>
</h4>
<a href="post-single.html" class="btn btn-link btn-underline btn-dark
                                    text-capitalize font-primary font-weight-semi-bold">Read More<i class="d-icon-arrow-right"></i></a>
</div>
</div>
<div class="post overlay-dark">
<figure class="post-media" style="background-color: #d0b7a1;">
<a href="post-single.html">
<img src="images/demos/demo8/blog/2.jpg" width="345" height="222" alt="post" />
</a>
</figure>
<div class="post-details">
<div class="post-meta">
on <a href="#" class="post-date">September 6, 2020</a>
| <a href="#" class="post-comment"><span>2</span> Comments</a>
</div>
<h4 class="post-title"><a href="post-single.html">Explore Fashion For Women In </a>
</h4>
<a href="post-single.html" class="btn btn-link btn-underline btn-dark 
                                        text-capitalize font-primary font-weight-semi-bold">Read More<i class="d-icon-arrow-right"></i></a>
</div>
</div>
<div class="post overlay-dark">
<figure class="post-media" style="background-color: #75879c;">
<a href="post-single.html">
<img src="images/demos/demo8/blog/3.jpg" width="345" height="222" alt="post" />
</a>
</figure>
<div class="post-details">
<div class="post-meta">
on <a href="#" class="post-date">September 6, 2020</a>
| <a href="#" class="post-comment"><span>2</span> Comments</a>
</div>
<h4 class="post-title"><a href="post-single.html">Explore Fashion For Women In </a>
</h4>
<a href="post-single.html" class="btn btn-link btn-underline btn-dark text-capitalize 
                                        font-primary font-weight-semi-bold">Read More<i class="d-icon-arrow-right"></i></a>
</div>
</div>
<div class="post overlay-dark">
<figure class="post-media" style="background-color: #c7dad9;">
<a href="post-single.html">
<img src="images/demos/demo8/blog/4.jpg" width="345" height="222" alt="post" />
</a>
</figure>
<div class="post-details">
<div class="post-meta">
on <a href="#" class="post-date">September 6, 2020</a>
| <a href="#" class="post-comment"><span>2</span> Comments</a>
</div>
<h4 class="post-title"><a href="post-single.html">Explore Fashion For Women In </a>
</h4>
<a href="post-single.html" class="btn btn-link btn-underline btn-dark text-capitalize 
                                        font-primary font-weight-semi-bold">Read More<i class="d-icon-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</section>
</div>
</main>

<footer class="footer appear-animate">
<div class="footer-middle">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="widget widget-about">
<a href="demo8.html" class="logo-footer">
<img src="images/demos/demo8/logo.png" alt="logo-footer" width="154" height="44" />
</a>
<div class="widget-body">
<p>Fringilla urna porttitor rhoncus dolor purus
luctus venenatis lectus magna fringilla diam
maecenas ultricies mi eget mauris.</p>
<a href="https://d-themes.com/cdn-cgi/l/email-protection#fb969a9297bb8992949f9ed5989496"><span class="__cf_email__" data-cfemail="e0b2898f8485a08598818d908c85ce838f8d">[email&#160;protected]</span></a>
</div>
</div>

</div>
<div class="col-lg-3 col-md-6">
<div class="widget">
<h4 class="widget-title">Account</h4>
<ul class="widget-body">
<li>
<a href="account.html">My Account</a>
</li>
<li>
<a href="#">Our Guarantees</a>
</li>
<li>
<a href="#">Terms And Conditions</a>
</li>
<li>
<a href="#">Privacy Policy</a>
</li>
<li>
<a href="#">Intellectual Property Claims</a>
</li>
<li>
<a href="#">Site Map</a>
</li>
</ul>
</div>

</div>
<div class="col-lg-2 col-md-6">
<div class="widget mb-0 mb-lg-6">
<h4 class="widget-title">Get Help</h4>
<ul class="widget-body">
<li>
<a href="#">Shipping &amp; Delivery</a>
</li>
<li>
<a href="#">Order Status</a>
</li>
<li>
<a href="#">Brand</a>
</li>
<li>
<a href="#">Returns</a>
</li>
<li>
<a href="#">Payment Options</a>
</li>
<li>
<a href="contact-us.html">Contact Us</a>
</li>
</ul>
</div>

</div>
<div class="col-lg-4 col-md-6">
<div class="widget">
<h4 class="widget-title pt-1 mb-4">Subscribe to Our Newsletter</h4>
<div class="widget-body widget-newsletter pt-0">
<form action="#" class="input-wrapper input-wrapper-inline">
<input type="email" class="form-control" name="email" id="email" placeholder="Email address here..." required />
<button class="btn btn-primary btn-sm btn-icon-right font-primary" type="submit">subscribe<i class="d-icon-arrow-right"></i></button>
</form>
</div>
</div>
<div class="footer-info d-flex align-items-center justify-content-between">
<figure class="payment">
<img src="images/demos/demo4/payment.png" alt="payment" width="135" height="24" />
</figure>
<div class="social-links">
<a href="#" title="social-link" class="social-link social-facebook fab fa-facebook-f"></a>
<a href="#" title="social-link" class="social-link social-twitter fab fa-twitter"></a>
<a href="#" title="social-link" class="social-link social-linkedin fab fa-linkedin-in"></a>
</div>
</div>

</div>
</div>
</div>
</div>

<div class="footer-bottom d-block">
<div class="container justify-content-center">
<div class="footer-center mb-0">
<p class="copyright">Riode eCommerce &copy; 2022. All Rights Reserved</p>
</div>
</div>
</div>

</footer>

</div>

<div class="sticky-footer sticky-content fix-bottom">
<a href="demo8.html" class="sticky-link">
<i class="d-icon-home"></i>
<span>Home</span>
</a>
<a href="demo8-shop.html" class="sticky-link">
<i class="d-icon-volume"></i>
<span>Categories</span>
</a>
<a href="wishlist.html" class="sticky-link">
<i class="d-icon-heart"></i>
<span>Wishlist</span>
</a>
<a href="account.html" class="sticky-link">
<i class="d-icon-user"></i>
<span>Account</span>
</a>
<div class="header-search hs-toggle dir-up">
<a href="#" class="search-toggle sticky-link">
<i class="d-icon-search"></i>
<span>Search</span>
</a>
<form action="#" class="input-wrapper">
<input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search your keyword..." required />
<button class="btn btn-search" type="submit" title="submit-button">
<i class="d-icon-search"></i>
</button>
</form>
</div>
</div>

<a id="scroll-top" href="#top" title="Top" role="button" class="scroll-top"><i class="d-icon-arrow-up"></i></a>

<div class="mobile-menu-wrapper">
<div class="mobile-menu-overlay">
</div>

<a class="mobile-menu-close" href="#"><i class="d-icon-times"></i></a>

<div class="mobile-menu-container scrollable">
<form action="#" class="input-wrapper">
<input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search your keyword..." required />
<button class="btn btn-search" type="submit" title="submit-button">
<i class="d-icon-search"></i>
</button>
</form>

<ul class="mobile-menu mmenu-anim">
<li>
<a href="demo8.html">Home</a>
</li>
<li>
<a href="demo8-shop.html">Categories</a>
<ul>
<li>
<a href="#">
Variations 1
</a>
<ul>
<li><a href="shop-classic-filter.html">Classic Filter</a></li>
<li><a href="shop-left-toggle-sidebar.html">Left Toggle Filter</a></li>
<li><a href="shop-right-toggle-sidebar.html">Right Toggle Sidebar</a></li>
<li><a href="shop-horizontal-filter.html">Horizontal Filter </a>
</li>
<li><a href="shop-navigation-filter.html">Navigation Filter</a></li>
<li><a href="shop-off-canvas-filter.html">Off-Canvas Filter </a></li>
<li><a href="shop-top-banner.html">Top Banner</a></li>
<li><a href="shop-inner-top-banner.html">Inner Top Banner</a></li>
<li><a href="shop-with-bottom-block.html">With Bottom Block</a></li>
<li><a href="shop-category-in-page-header.html">Category In Page Header</a>
</ul>
</li>
<li>
<a href="#">
Variations 2
</a>
<ul>
<li><a href="shop-grid-3cols.html">3 Columns Mode</a></li>
<li><a href="shop-grid-4cols.html">4 Columns Mode</a></li>
<li><a href="shop-grid-5cols.html">5 Columns Mode</a></li>
<li><a href="shop-grid-6cols.html">6 Columns Mode</a></li>
<li><a href="shop-grid-7cols.html">7 Columns Mode</a></li>
<li><a href="shop-grid-8cols.html">8 Columns Mode</a></li>
<li><a href="shop-list-mode.html">List Mode</a></li>
<li><a href="shop-pagination.html">Pagination</a></li>
<li><a href="shop-infinite-ajaxscroll.html">Infinite Ajaxscroll </a></li>
<li><a href="shop-loadmore-button.html">Loadmore Button</a></li>
</ul>
</li>
<li>
<a href="#">
Variations 3
</a>
<ul>
<li><a href="shop-category-grid-shop.html">Category Grid Shop</a></li>
<li><a href="shop-category%2bproducts.html">Category + Products</a></li>
<li><a href="shop-default-1.html">Shop Default 1 </a>
</li>
<li><a href="shop-default-2.html">Shop Default 2</a></li>
<li><a href="shop-default-3.html">Shop Default 3</a></li>
<li><a href="shop-default-4.html">Shop Default 4</a></li>
<li><a href="shop-default-5.html">Shop Default 5</a></li>
<li><a href="shop-default-6.html">Shop Default 6</a></li>
<li><a href="shop-default-7.html">Shop Default 7</a></li>
<li><a href="shop-default-8.html">Shop Default 8</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="demo8-product.html">Products</a>
<ul>
<li>
<a href="#">Product Pages</a>
<ul>
<li><a href="product-simple.html">Simple Product</a></li>
<li><a href="product-featured.html">Featured &amp; On Sale</a></li>
<li><a href="product.html">Variable Product</a></li>
<li><a href="product-variable-swatch.html">Variation Swatch
Product</a></li>
<li><a href="product-grouped.html">Grouped Product </a></li>
<li><a href="product-external.html">External Product</a></li>
<li><a href="product-in-stock.html">In Stock Product</a></li>
<li><a href="product-out-stock.html">Out of Stock Product</a></li>
<li><a href="product-upsell.html">Upsell Products</a></li>
<li><a href="product-cross-sell.html">Cross Sell Products</a></li>
</ul>
</li>
<li>
<a href="#">Product Layouts</a>
<ul>
<li><a href="product-vertical.html">Vertical Thumb</a></li>
<li><a href="product-horizontal.html">Horizontal Thumb</a></li>
<li><a href="product-gallery.html">Gallery Type</a></li>
<li><a href="product-grid.html">Grid Images</a></li>
<li><a href="product-masonry.html">Masonry Images</a></li>
<li><a href="product-sticky.html">Sticky Info</a></li>
<li><a href="product-sticky-both.html">Left & Right Sticky</a></li>
<li><a href="product-left-sidebar.html">With Left Sidebar</a></li>
<li><a href="product-right-sidebar.html">With Right Sidebar</a></li>
<li><a href="product-full.html">Full Width Layout </a></li>
</ul>
</li>
<li>
<a href="#">Product Features</a>
<ul>
<li><a href="product-sale.html">Sale Countdown</a></li>
<li><a href="product-hurryup.html">Hurry Up Notification </a></li>
<li><a href="product-attribute-guide.html">Attribute Guide </a></li>
<li><a href="product-sticky-cart.html">Add Cart Sticky</a></li>
<li><a href="product-thumbnail-label.html">Labels on Thumbnail</a>
</li>
<li><a href="product-more-description.html">More Description
Tabs</a></li>
<li><a href="product-accordion-data.html">Data In Accordion</a></li>
<li><a href="product-tabinside.html">Data Inside</a></li>
<li><a href="product-video.html">Video Thumbnail </a>
</li>
<li><a href="product-360-degree.html">360 Degree Thumbnail </a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Pages</a>
<ul>
<li><a href="about-us.html">About</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="account.html">Login</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="error-404.html">Error 404</a>
<ul>
<li><a href="error-404.html">Error 404-1</a></li>
<li><a href="error-404-1.html">Error 404-2</a></li>
<li><a href="error-404-2.html">Error 404-3</a></li>
<li><a href="error-404-3.html">Error 404-4</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li>
<a href="blog-classic.html">Blog</a>
<ul>
<li><a href="blog-classic.html">Classic</a></li>
<li><a href="blog-listing.html">Listing</a></li>
<li>
<a href="#">Grid</a>
<ul>
<li><a href="blog-grid-2col.html">Grid 2 columns</a></li>
<li><a href="blog-grid-3col.html">Grid 3 columns</a></li>
<li><a href="blog-grid-4col.html">Grid 4 columns</a></li>
<li><a href="blog-grid-sidebar.html">Grid sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Masonry</a>
<ul>
<li><a href="blog-masonry-2col.html">Masonry 2 columns</a></li>
<li><a href="blog-masonry-3col.html">Masonry 3 columns</a></li>
<li><a href="blog-masonry-4col.html">Masonry 4 columns</a></li>
<li><a href="blog-masonry-sidebar.html">Masonry sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Mask</a>
<ul>
<li><a href="blog-mask-grid.html">Blog mask grid</a></li>
<li><a href="blog-mask-masonry.html">Blog mask masonry</a></li>
</ul>
</li>
<li>
<a href="post-single.html">Single Post</a>
</li>
</ul>
</li>

<li>
<a href="element.html">Elements</a>
<ul>
<li>
<a href="#">Elements 1</a>
<ul>
<li><a href="element-accordions.html">Accordions</a></li>
<li><a href="element-alerts.html">Alert &amp; Notification</a></li>
<li><a href="element-banner-effect.html">Banner Effect
</a></li>
<li><a href="element-banner.html">Banner
</a></li>
<li><a href="element-blog-posts.html">Blog Posts</a></li>
<li><a href="element-breadcrumb.html">Breadcrumb
</a></li>
<li><a href="element-buttons.html">Buttons</a></li>
<li><a href="element-cta.html">Call to Action</a></li>
<li><a href="element-countdown.html">Countdown
</a></li>
</ul>
</li>
<li>
<a href="#">Elements 2</a>
<ul>
<li><a href="element-counter.html">Counter </a></li>
<li><a href="element-creative-grid.html">Creative Grid
</a></li>
<li><a href="element-animation.html">Entrance Effect
</a></li>
<li><a href="element-floating.html">Floating
</a></li>
<li><a href="element-hotspot.html">Hotspot
</a></li>
<li><a href="element-icon-boxes.html">Icon Boxes</a></li>
<li><a href="element-icons.html">Icons</a></li>
<li><a href="element-image-box.html">Image box
</a></li>
<li><a href="element-instagrams.html">Instagrams</a></li>
</ul>
</li>
<li>
<a href="#">Elements 3</a>
<ul>
<li><a href="element-categories.html">Product Category</a></li>
<li><a href="element-products.html">Products</a></li>
<li><a href="element-product-banner.html">Products + Banner
</a></li>
<li><a href="element-product-grid.html">Products + Grid
</a></li>
<li><a href="element-product-single.html">Product Single
</a>
</li>
<li><a href="element-product-tab.html">Products + Tab
</a></li>
<li><a href="element-single-product.html">Single Product
</a></li>
<li><a href="element-slider.html">Slider
</a></li>
<li><a href="element-social-link.html">Social Icons </a></li>
</ul>
</li>
<li>
<a href="#">Elements 4</a>
<ul>
<li><a href="element-subcategory.html">Subcategory
</a></li>
<li><a href="element-svg-floating.html">Svg Floating
</a></li>
<li><a href="element-tabs.html">Tabs</a></li>
<li><a href="element-testimonials.html">Testimonials
</a></li>
<li><a href="element-titles.html">Title</a></li>
<li><a href="element-typography.html">Typography</a></li>
<li><a href="element-vendor.html">Vendor
</a></li>
<li><a href="element-video.html">Video
</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="https://d-themes.com/buynow/riodehtml">Buy Riode!</a></li>
</ul>

</div>
</div>

<div class="newsletter-popup newsletter-pop5 mfp-hide" id="newsletter-popup">
<figure>
<img src="images/newsletter-popup5.png" width="500" height="570" alt="newsletter5" />
</figure>
<div class="newsletter-content p-absolute">
<h2 class="font-weight-semi-bold ls-m mb-2">Sign up to <span class="font-weight-bolder">RIODE</span></h2>
<p class="text-body">Get timely updates from your favorite products.</p>
<form action="#" method="get" class="input-wrapper input-wrapper-inline input-wrapper-round">
<input type="email" class="form-control email" name="email" id="email2" placeholder="Email address here..." required>
<button class="btn btn-dark" type="submit">SUBMIT</button>
</form>
<div class="form-checkbox justify-content-center">
<input type="checkbox" class="custom-checkbox" id="hide-newsletter-popup" name="hide-newsletter-popup" required />
<label class="hide-newsletter-popup">Don't show this popup again</label>
</div>
<div class="social-links">
<a href="#" title="social-link" class="social-link social-linkedin fab fa-google"></a>
<a href="#" title="social-link" class="social-link social-facebook fab fa-facebook-f"></a>
<a href="#" title="social-link" class="social-link social-twitter fab fa-twitter"></a>
</div>
</div>
</div>

<div class="sticky-icons-wrapper">
<div class="sticky-icon-links">
<ul>
<li><a href="#" class="demo-toggle"><i class="fas fa-home"></i><span>Demos</span></a></li>
<li><a href="documentation.html"><i class="fas fa-info-circle"></i><span>Documentation</span></a>
</li>
<li><a href="https://themeforest.net/downloads/"><i class="fas fa-star"></i><span>Reviews</span></a>
</li>
<li><a href="https://d-themes.com/buynow/riodehtml"><i class="fas fa-shopping-cart"></i><span>Buy
now!</span></a></li>
</ul>
</div>
<div class="demos-list">
<div class="demos-overlay"></div>
<a class="demos-close" href="#"><i class="close-icon"></i></a>
<div class="demos-content scrollable scrollable-light">
<h3 class="demos-title">Demos</h3>
<div class="demos">
</div>
</div>
</div>
</div>

<script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/parallax/parallax.min.js"></script>
<script src="vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="vendor/elevatezoom/jquery.elevatezoom.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="vendor/owl-carousel/owl.carousel.min.js"></script>

<script src="js/main.min.js"></script>
</body>

<!-- Mirrored from d-themes.com/html/riode/demo8.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Aug 2023 09:39:59 GMT -->
</html>

Zerion Mini Shell 1.0