ok

Mini Shell

Direktori : /home2/selectio/www/thecomponents.in/file/
Upload File :
Current File : /home2/selectio/www/thecomponents.in/file/demo-cake.html

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

<!-- Mirrored from d-themes.com/html/riode/demo-cake.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Aug 2023 09:59: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-regular-400.woff2" 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,600,800', 'Jost: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/demo-cake.min.css">
</head>
<body class="home">
<div class="page-wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="header-left">
<p class="welcome-msg pb-2">Welcome to Riode store message or remove it!</p>
</div>

<div class="header-right">
<div class="dropdown">
<a href="#currency">USD</a>
<ul class="dropdown-box">
<li>
<a href="#USD">USD</a>
</li>
<li>
<a href="#USD">EUR</a>
</li>
</ul>
</div>

<div class="dropdown ml-4">
<a href="#language">ENG</a>
<ul class="dropdown-box">
<li>
<a href="#ENG">ENG</a>
</li>
<li>
<a href="#FRH">FRA</a>
</li>
</ul>
</div>

<span class="divider d-lg-show"></span>
<div class="dropdown dropdown-expanded d-md-show">
<a href="#dropdown">Links</a>
<ul class="dropdown-box">
<li>
<a href="about-us.html">About</a>
</li>
<li>
<a href="blog-classic.html">Blog</a>
</li>
<li>
<a href="contact-us.html">Contact</a>
</li>
<li>
<a href="#">Newsletter</a>
</li>
<li>
<a href="wishlist.html">Wishlist</a>
</li>
</ul>
</div>
</div>

</div>

</div>

<div class="sticky-content-wrapper">
<div class="header-middle sticky-header fix-top sticky-content">
<div class="container">
<div class="header-left">
<a href="#" class="mobile-menu-toggle mr-0">
<i class="d-icon-bars2"></i>
</a>
<a href="demo-cake.html" class="logo">
<img src="images/demos/demo-cake/logo.png" alt="logo" width="154" height="43">
</a>
<nav class="main-nav">
<ul class="menu">
<li class="active">
<a href="demo-cake.html">Home</a>
</li>
<li>
<a href="demo-cake-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="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="demo-cake-product.html">Products</a>
<div class="megamenu">
<div class="row">
<div class="col-6 col-sm-4 col-md-3">
<h4 class="menu-title">Product Pages</h4>
<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>
</div>
<div class="col-6 col-sm-4 col-md-3">
<h4 class="menu-title">Product Layouts</h4>
<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>
</div>
<div class="col-6 col-sm-4 col-md-3">
<h4 class="menu-title">Product Features</h4>
<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>
</div>
<div class="col-6 col-sm-4 col-md-3 menu-banner menu-banner2 banner banner-fixed">
<figure>
<img src="images/menu/banner-2.jpg" alt="Menu banner" width="221" height="330" />
</figure>
<div class="banner-content x-50 text-center">
<h3 class="banner-title text-white text-uppercase">Sunglasses
</h3>
<h4 class="banner-subtitle font-weight-bold text-white mb-0">
$23.00
-
$120.00</h4>
</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</a></li>
<li><a href="error-404-1.html">Error 404-1</a></li>
<li><a href="error-404-2.html">Error 404-2</a></li>
<li><a href="error-404-3.html">Error 404-3</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li class="d-xl-show">
<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>
<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="about-us.html">About Us</a>
</li>
</ul>
</nav>

</div>
<div class="header-right">
<div class="header-search hs-toggle d-xl-show mr-4">
<a class="search-toggle" href="#">
<span class="sr-only">search</span>
<i class="d-icon-search"></i>
</a>
<form action="#" class="input-wrapper">
<input type="text" class="form-control" autocomplete="off" placeholder="Search..." required>
<button class="btn btn-search" type="submit">
<i class="d-icon-search"></i>
</button>
</form>
</div>
<a class="login-link d-lg-show" href="ajax/login.html" data-toggle="login-modal">
<span class="sr-only">login</span>
<i class="d-icon-user"></i>
</a>
<div class="dropdown wishlist wishlist-dropdown off-canvas mr-4 d-lg-show">
<a href="wishlist.html" class="wishlist-toggle" title="wishlist">
<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 mr-0 mr-lg-2">
<a href="#" class="cart-toggle link">
<i class="d-icon-bag">
<span class="cart-count">0</span>
</i>
</a>
<div class="dropdown-box">
<p class="d-flex justify-content-center m-0 text-body">No products in the cart.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</header>

<main class="main">
<div class="page-content">
<section class="intro-section p-relative">
<div class="owl-carousel owl-theme intro-carousel owl-nav-arrow owl-dot-inner animation-slider d-block" data-owl-options="{
                    &quot;nav&quot;: false,
                    &quot;dots&quot;: true,
                    &quot;items&quot;: 1,
                    &quot;loop&quot;: true,
                    &quot;margin&quot;: 0,
                    &quot;responsive&quot;: {
                        &quot;992&quot;: {
                            &quot;nav&quot;: true,
                            &quot;dots&quot;: false
                        }
                    }
                }">
<div class="intro-slide intro-slide1 overflow-hidden banner">
<figure class="banner-media">
<img src="images/demos/demo-cake/slides/slide1.jpg" alt="intro banner" width="1903" height="767" style="background: #FFE1D4;">
</figure>
<div class="banner-content d-flex p-absolute text-center x-50 y-50">
<span class="slide-animate text-white ls-normal font-weight-semi-bold text-uppercase mr-10 pr-8" data-animation-options="{
                                'name': 'fadeInUpShorter',
                                'duration': '1.2s'
                            }">Cakes &</span>
<span class="slide-animate text-white ls-normal font-weight-semi-bold text-uppercase" data-animation-options="{
                                'name': 'fadeInUpShorter',
                                'duration': '1.2s'
                            }">Pastries</span>
<figure class="banner-item banner-item1 p-absolute floating slide-animate" data-animation-options="{
                                'duration': '1.2s',
                                'delay': '0.7s'
                            }" data-options="{&quot;invertX&quot;:false,&quot;invertY&quot;:false}" data-floating-depth=".4">
<img class="layer" src="images/demos/demo-cake/slides/s-1-1.png" alt="banner-item" width="285" height="302">
</figure>
<figure class="banner-item banner-item2 p-absolute floating slide-animate" data-animation-options="{
                                'duration': '1.2s',
                                'delay': '0.7s'
                            }" data-options="{&quot;invertX&quot;:false,&quot;invertY&quot;:false}" data-floating-depth=".3">
<img class="layer" src="images/demos/demo-cake/slides/s-1-2.png" alt="banner-item" width="234" height="201">
</figure>
<figure class="banner-item banner-item3 p-absolute floating slide-animate" data-animation-options="{
                                'duration': '1.2s',
                                'delay': '0.7s'
                            }" data-options="{&quot;invertX&quot;:false,&quot;invertY&quot;:false}" data-floating-depth=".3">
<img class="layer" src="images/demos/demo-cake/slides/s-1-3.png" alt="banner-item" width="100" height="116">
</figure>
</div>
</div>
<div class="intro-slide intro-slide2 overflow-hidden banner">
<figure class="banner-media">
<img src="images/demos/demo-cake/slides/slide2.jpg" alt="intro banner" width="1903" height="767" style="background: #DDF0FF;">
</figure>
<div class="banner-content d-block p-absolute text-left">
<div class="banner-title">
<span class="slide-animate d-inline-block p-relative font-weight-semi-bold text-uppercase text-white" data-animation-options="{'name': 'fadeInLeftShorter','duration': '1s'}">Tasty
and<br>Favorable Cake</span>
</div>
<a class="btn btn-round btn-primary slide-animate ls-m" href="demo-cake-shop.html" data-animation-options="{'name': 'fadeInLeftShorter','duration': '1s', 'delay': '.8s'}">SHOP
NOW<i class="d-icon-arrow-right"></i></a>
</div>
<figure class="banner-item banner-item4 p-absolute slide-animate floating" data-animation-options="{
                            'duration': '1s',
                            'delay': '0.5s'
                        }" data-options="{&quot;invertX&quot;:false,&quot;invertY&quot;:false}" data-floating-depth=".5">
<img class="layer" src="images/demos/demo-cake/slides/s-2-1.png" alt="banner-item" width="285" height="302">
</figure>
</div>
<div class="intro-slide intro-slide3 overflow-hidden banner">
<figure class="banner-media">
<img src="images/demos/demo-cake/slides/slide3.jpg" alt="intro banner" width="1903" height="767" style="background: #FDDDD2;">
</figure>
<div class="banner-content d-block p-absolute text-right">
<h3 class="banner-title slide-animate text-white text-uppercase mb-9" data-animation-options="{'name': 'fadeInRightShorter','duration': '1s'}"><span>Cakes
&</span><br>Cookies</h3>
<a class="btn btn-round btn-primary slide-animate ls-m" href="demo-cake-shop.html" data-animation-options="{'name': 'fadeInRightShorter','duration': '1s', 'delay': '.8s'}">SHOP
NOW<i class="d-icon-arrow-right ml-2"></i></a>
</div>
</div>
</div>
</section>
<div class="intro-svg svg-container w-100 p-absolute overflow-hidden">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="180px" viewBox="-539.055 307.51 1920 180" enable-background="new -539.055 307.51 1920 200" xml:space="preserve" preserveAspectRatio="none">
<path fill="#fff" d="M1190.163,327.482c-102.974-14.711-197.656,20.918-232.17,34.359
                        c-34.512,13.442-109.021,33.352-109.021,33.352c-166.265,29.572-233.932-18.368-298.793-41.438
                        c-64.861-23.067-153.324,9.291-211.981,21.221c-48.262,9.823-83.781,8.09-83.781,8.09c-72.335-7.397-85.077-32.244-133.246-44.465
                        c-56.099-14.242-107.473,15.766-148.387,33.344c-40.917,17.587-120.32,33.2-194.822,34.363
                        c-74.502,1.16-141.388-19.22-183.715-32.339c-42.326-13.118-133.303-15.156-133.303-15.156V507.51h1920v-148.7
                        C1293.631,352.113,1293.136,342.191,1190.163,327.482z"></path>
<path fill="#fff" d="M1213.12,308.177c-11.504-1.465-21.109-0.436-21.464,2.305c-0.346,2.744,8.695,6.155,20.198,7.627
                        c11.503,1.471,21.116,0.438,21.462-2.304C1233.666,313.066,1224.626,309.65,1213.12,308.177z M664.473,371.227
                        c-11.37-2.292-21.026-1.948-21.573,0.76c-0.549,2.709,8.229,6.759,19.598,9.049c11.37,2.29,21.034,1.948,21.575-0.762
                        C684.618,377.566,675.844,373.516,664.473,371.227z M716.767,378.134c-11.573-0.657-21.086,1.045-21.247,3.805
                        c-0.155,2.76,9.104,5.533,20.682,6.189c11.578,0.658,21.094-1.044,21.25-3.804C737.61,381.565,728.348,378.792,716.767,378.134z
                            M227.475,358.231c-11.372-2.29-21.027-1.946-21.573,0.76c-0.548,2.712,8.228,6.765,19.6,9.05
                        c11.371,2.285,21.027,1.945,21.575-0.76C247.623,364.57,238.844,360.517,227.475,358.231z M-425.523,345.229
                        c-11.372-2.285-21.03-1.945-21.576,0.765c-0.545,2.709,8.229,6.76,19.598,9.049c11.371,2.289,21.029,1.947,21.575-0.76
                        C-405.38,351.572-414.154,347.519-425.523,345.229z M1.792,337.428c-10.917,3.915-19.006,9.2-18.071,11.799
                        c0.934,2.605,10.541,1.538,21.455-2.38c10.917-3.914,19.009-9.199,18.076-11.802C22.319,332.445,12.71,333.513,1.792,337.428z">
</path>
</svg>
</div>
<section class="category-section appear-animate" data-animation-options="{'name': 'fadeIn', 'duration': '1s'}">
<div class="container">
<h2 class="title title-center appear-animate" data-animation-options="{'name': 'fadeInUpShorter'}">Our Categories</h2>
<p class="text-center appear-animate" data-animation-options="{'name': 'fadeInUpShorter'}">Only
the Best Seller Products Added Recently</p>
<div class="owl-carousel owl-theme category-slider row appear-animate" data-owl-options="{
                            &quot;nav&quot;: false,
                            &quot;dots&quot;: true,
                            &quot;margin&quot;: 20,
                            &quot;loop&quot;: true,
                            &quot;autoplay&quot;: true,
                            &quot;responsive&quot;: {
                                &quot;0&quot;: {
                                    &quot;items&quot;: 1
                                },
                                &quot;576&quot;: {
                                    &quot;items&quot;: 2
                                },
                                &quot;992&quot;: {
                                    &quot;items&quot;: 3,
                                    &quot;dots&quot;: false
                                }
                            }
                        }">
<div class="category mb-4">
<article class="category-frame">
<figure class="category-media">
<a href="post-single.html">
<img src="images/demos/demo-cake/categories/cake-1.png" alt="Category Image" width="168" height="156">
</a>
</figure>
<div class="details text-center">
<h3 class="title d-block text-capitalize text-center">Cupcakes<a href="#"><span class="sr-only">category title</span></a></h3>
<p class="subtitle">Aliquam id diam maecenas utri mae <br>cenas mi eget mauris
</p>
<a href="#" class="btn btn-primary btn-link btn-underline">View More</a>
</div>
</article>
</div>
<div class="category">
<article class="category-frame">
<figure class="category-media">
<a href="post-single.html">
<img src="images/demos/demo-cake/categories/cake-2.png" alt="Category Image" width="168" height="156">
</a>
</figure>
<div class="details text-center">
<h3 class="title d-block text-capitalize text-center">Party Cake<a href="#"><span class="sr-only">category title</span></a></h3>
<p class="subtitle">Aliquam id diam maecenas utri mae <br>cenas mi eget mauris
</p>
<a href="#" class="btn btn-primary btn-link btn-underline">View More</a>
</div>
</article>
</div>
<div class="category">
<article class="category-frame">
<figure class="category-media">
<a href="post-single.html">
<img src="images/demos/demo-cake/categories/cake-3.png" alt="Category Image" width="168" height="156">
</a>
</figure>
<div class="details text-center">
<h3 class="title d-block text-capitalize text-center">Muffins<a href="#"><span class="sr-only">category title</span></a></h3>
<p class="subtitle">Aliquam id diam maecenas utri mae <br>cenas mi eget mauris
</p>
<a href="#" class="btn btn-primary btn-link btn-underline">View More</a>
</div>
</article>
</div>
</div>
</div>
</section>
<section class="mt-10 newarrival-section">
<div class="container mb-10">
<h2 class="title title-simple title-center appear-animate" data-animation-options="{'name': 'fadeInUpShorter'}">New Arrivals</h2>
<p class="text-center appear-animate" data-animation-options="{'name': 'fadeInUpShorter'}">
Amazing Products added recently in our products</p>
<div class="product-wrapper row">
<div class="col-lg-3 col-md-4 col-6 mb-4">
<div class="product appear-animate" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1.jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2.jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Cake For Lovers</a>
</h3>
<div class="product-price">
<span class="price">$99.00</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mb-4">
<div class="product appear-animate" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1(1).jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2(1).jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Birthday Cake</a>
</h3>
<div class="product-price">
<span class="price">$150.00</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mb-4">
<div class="product appear-animate" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1(2).jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2(2).jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Chocolate Cake</a>
</h3>
<div class="product-price">
<span class="price">$130.00</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mb-4">
<div class="product appear-animate" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1(3).jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2(3).jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</a>
<div class="product-label-group">
<label class="product-label label-sale">10% off</label>
</div>
<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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Creemy Cake</a>
</h3>
<div class="product-price">
<span class="price">$99.00</span>
<del class="old-price">$110.00</del>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mb-4">
<div class="product appear-animate" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1(4).jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2(4).jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Cup Cake</a>
</h3>
<div class="product-price">
<span class="price">$32.00</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mb-4">
<div class="product appear-animate" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1(5).jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2(5).jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</a>
<div class="product-label-group">
<label class="product-label label-top">Top</label>
</div>
<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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Fruit Cake</a>
</h3>
<div class="product-price">
<span class="price">$60.00</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mb-4">
<div class="product appear-animate" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1(6).jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2(6).jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</a>
<div class="product-label-group">
<label class="product-label label-top">Top</label>
<label class="product-label label-sale">13% off</label>
</div>
<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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Gift Cake</a>
</h3>
<div class="product-price">
<span class="price">$139.00</span>
<del class="old-price">$160.00</del>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mb-4">
<div class="product appear-animate" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1(8).jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2(8).jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Heart Cake</a>
</h3>
<div class="product-price">
<span class="price">$129.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="svg-container">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 296 1920 150" enable-background="new 0 296 1920 200" xml:space="preserve" preserveAspectRatio="none">
<path fill="#faf9f7" d="M1920,495.999l0.001-152.493c0,0-96.975-2.038-139.302-15.146c-42.328-13.11-109.216-33.475-183.719-32.313
                            c-74.502,1.163-153.904,16.764-194.819,34.333c-40.915,17.569-92.363,47.845-148.388,33.322
                            c-56.022-14.524-60.91-37.04-133.245-44.429c0,0-47.52,2.78-83.782,8.078c-42.967,6.277-147.12,44.255-211.981,21.205
                            c-64.862-23.05-132.528-70.953-298.793-41.4c0,0-74.508,19.89-109.019,33.322c-34.511,13.432-129.197,49.03-232.17,34.332
                            C81.81,360.111,87.315,350.2,0,343.507L0,496L1920,495.999L1920,495.999z"></path>
</svg>
</div>
</section>
<section class="feature-box p-relative">
<div class="container">
<div class="row">
<h3 class="title justify-content-center appear-animate" data-animation-options="{'name':'fadeInUpShorter','during':'1.2s'}">Love Our Cakes</h3>
<p class="text-center mb-4 appear-animate" data-animation-options="{'during':'1.2s','delay':'.7s'}">Lorem ipsum dolor sit amet
consectetur adipiscing elit</p>
<div class="col-md-3 col-12 feature-body-left">
<div class="appear-animate" data-animation-options="{'name':'fadeInRightShorter','during':'1.2s'}">
<div class="svg-icon svg-delivery-icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" xml:space="preserve">
<g>
<path fill="#ff9966" d="M0,56.99c0,0.88,0.714,1.594,1.594,1.594h27.195c0.88,0,1.594-0.714,1.594-1.594   c0-0.881-0.715-1.594-1.594-1.594H1.594C0.714,55.396,0,56.109,0,56.99z">
</path>
<path fill="#ff9966" d="M14.513,48.223c-0.88,0-1.595,0.714-1.595,1.594c0,0.88,0.715,1.594,1.595,1.594h23.908   c0.88,0,1.594-0.713,1.594-1.594c0-0.881-0.714-1.594-1.594-1.594H14.513z">
</path>
<path fill="#ff9966" d="M8.021,48.223H3.238c-0.879,0-1.594,0.714-1.594,1.594c0,0.88,0.715,1.594,1.594,1.594h4.782   c0.88,0,1.595-0.714,1.595-1.594C9.615,48.937,8.9,48.223,8.021,48.223z">
</path>
<path fill="#ff9966" d="M90.635,56.068c0.248-0.379,0.288-0.858,0.105-1.273l-7.166-16.312c-0.107-0.253-0.244-0.519-0.418-0.81   c-0.242-0.409-0.683-0.658-1.156-0.658h-6.394c-0.741,0-1.346,0.603-1.346,1.345v16.975c0,0.744,0.603,1.347,1.346,1.347h13.901   C89.963,56.682,90.387,56.451,90.635,56.068z M87.447,53.99H76.951V39.707h4.22L87.447,53.99z">
</path>
<path fill="#ff9966" d="M22.641,73.625c0,2.477,2.014,4.494,4.491,4.494s4.493-2.018,4.493-4.494s-2.014-4.492-4.493-4.492   C24.656,69.133,22.641,71.148,22.641,73.625z M25.33,73.625c0-0.993,0.811-1.8,1.802-1.8c0.993,0,1.804,0.807,1.804,1.8   c0,0.992-0.811,1.802-1.804,1.802C26.141,75.427,25.33,74.617,25.33,73.625z">
</path>
<path fill="#ff9966" d="M78.24,73.625c0,2.477,2.016,4.494,4.492,4.494c2.479,0,4.493-2.018,4.493-4.494s-2.015-4.492-4.493-4.492   C80.256,69.133,78.24,71.148,78.24,73.625z M80.932,73.625c0-0.993,0.809-1.8,1.801-1.8c0.994,0,1.803,0.807,1.803,1.8   c0,0.992-0.809,1.802-1.803,1.802C81.74,75.427,80.932,74.617,80.932,73.625z">
</path>
<path fill="#ff9966" d="M8.154,68.926v2.682c0,2.217,1.803,4.023,4.021,4.023h3.309c0.959,5.571,5.811,9.827,11.649,9.827   s10.694-4.256,11.651-9.827H71.08c0.959,5.571,5.813,9.827,11.652,9.827s10.693-4.256,11.651-9.827h1.771   c2.219,0,4.025-1.805,4.025-4.023c0-2.139-1.684-3.879-3.792-4.002v-11.99c0-0.008,0-0.014,0-0.021c0-0.006,0-0.013,0-0.021   c0-0.185-0.039-0.37-0.115-0.542l-8.054-18.335c-0.879-2.063-3.035-4.147-5.466-4.147H71.591v-6.695   c0-3.698-3.009-6.706-6.707-6.706h-50.03c-3.697,0-6.703,3.008-6.703,6.706v15.978c0,0.743,0.603,1.345,1.346,1.345   c0.742,0,1.346-0.602,1.346-1.345V25.853c0-2.213,1.8-4.014,4.014-4.014h50.029c2.215,0,4.016,1.801,4.016,4.014v7.729   c-0.025,0.104-0.063,0.202-0.063,0.313s0.038,0.209,0.063,0.312V67.58H49.34c-0.742,0-1.344,0.604-1.344,1.346   c0,0.743,0.602,1.346,1.344,1.346h22.048c-0.253,0.854-0.403,1.748-0.457,2.67H38.934c-0.357-6.205-5.508-11.151-11.803-11.151   c-4.314,0-8.088,2.331-10.156,5.792H9.496C8.753,67.582,8.15,68.184,8.154,68.926z M93.697,55.855v11.726h-0.809   c-2.068-3.461-5.84-5.792-10.157-5.792s-8.09,2.331-10.157,5.792h-0.983V35.239h11.162c1.151,0,2.475,1.301,2.989,2.515   c0.002,0.007,0.006,0.012,0.01,0.017L93.697,55.855z M96.154,72.941h-1.621c-0.054-0.922-0.205-1.816-0.457-2.67h2.078   c0.735,0,1.334,0.601,1.334,1.336C97.488,72.342,96.89,72.941,96.154,72.941z M73.589,73.625c0-5.042,4.101-9.145,9.144-9.145   c5.041,0,9.145,4.103,9.145,9.145c0,5.043-4.102,9.145-9.145,9.145S73.589,78.668,73.589,73.625z M17.986,73.625   c0-5.042,4.103-9.145,9.146-9.145s9.146,4.103,9.146,9.145c0,5.043-4.103,9.145-9.146,9.145S17.986,78.668,17.986,73.625z    M10.842,70.271h4.947c-0.254,0.854-0.403,1.748-0.457,2.67h-3.158c-0.734,0-1.332-0.602-1.332-1.334V70.271z">
</path>
<path fill="#ff9966" d="M41.765,67.493c-0.792,0-1.437,0.643-1.437,1.435c0,0.793,0.645,1.436,1.437,1.436h3.188   c0.791,0,1.435-0.643,1.435-1.436c0-0.792-0.644-1.435-1.435-1.435H41.765z">
</path>
</g>
</svg>
</div>
<h4 class="title text-normal mb-2">Free Delivery</h4>
<p class="mb-10 pb-4">A condimentum vitae sapien pellen que habitant morbi tristique
senectus us et tristique senectus.</p>
</div>
<div class="appear-animate" data-animation-options="{'name':'fadeInRightShorter','during':'1.2s','delay':'.7s'}">
<div class="svg-icon svg-order-icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" xml:space="preserve">
<g>
<path fill="#ff9966" d="M71.565,57.509c-5.861,0-11.163,2.417-14.977,6.299H42.671v3.017H54.12   c-2.245,3.341-3.56,7.356-3.56,11.675c0,11.572,9.423,20.987,21.005,20.987c11.584,0,21.009-9.415,21.009-20.987   C92.574,66.925,83.149,57.509,71.565,57.509z M71.565,96.486c-9.928,0-18.005-8.069-18.005-17.987c0-9.92,8.077-17.99,18.005-17.99   c9.93,0,18.009,8.07,18.009,17.99C89.574,88.417,81.495,96.486,71.565,96.486z">
</path>
<path fill="#ff9966" d="M45.579,84.349c0,0-0.001,0-0.001,0L20.187,84.37c-2.212,0-4.011-1.798-4.011-4.007v-69.38   c0-2.208,1.799-4.004,4.011-4.004H30.76c0,0.018-0.002,0.035-0.002,0.053v3.891h34.796V7.031c0-0.018-0.002-0.035-0.003-0.053   h8.987c2.25,0,4.013,1.817,4.013,4.136v42.689c0,0.828,0.672,1.5,1.5,1.5s1.5-0.672,1.5-1.5V11.115   c0-3.935-3.146-7.136-7.013-7.136H64.88c-1.076-2.33-3.336-3.943-5.952-3.943H37.385c-2.617,0-4.877,1.613-5.954,3.943H20.187   c-3.866,0-7.011,3.142-7.011,7.004v69.38c0,3.863,3.145,7.007,7.013,7.007l25.393-0.021c0.828-0.001,1.499-0.673,1.499-1.501   S46.407,84.349,45.579,84.349z M33.758,7.031c0-2.204,1.627-3.996,3.627-3.996h21.543c1.999,0,3.626,1.792,3.626,3.996v0.891   H33.758V7.031z">
</path>
<polygon fill="#ff9966" points="67.962,26.246 67.959,26.246 42.671,26.246 42.671,29.261 67.962,29.261  ">
</polygon>
<polygon fill="#ff9966" points="67.962,38.767 67.959,38.767 42.671,38.767 42.671,41.783 67.962,41.783  ">
</polygon>
<polygon fill="#ff9966" points="42.671,54.304 67.962,54.304 67.962,51.287 67.959,51.287 42.671,51.287  ">
</polygon>
<polygon fill="#ff9966" points="37.667,22.72 31.474,30.247 27.774,26.929 25.756,29.173 31.805,34.596 40,24.637  ">
</polygon>
<polygon fill="#ff9966" points="39.38,37.887 37.046,35.97 30.853,43.498 27.153,40.179 25.136,42.424 31.184,47.847  ">
</polygon>
<polygon fill="#ff9966" points="37.667,49.22 31.474,56.746 27.774,53.431 25.756,55.672 31.805,61.096 40,51.138  ">
</polygon>
<polygon fill="#ff9966" points="27.153,66.679 25.136,68.924 31.184,74.347 39.38,64.386 37.046,62.472 30.853,69.998  ">
</polygon>
<path fill="#ff9966" d="M78.376,82.097l-5.055-3.201V68.409c0-0.828-0.672-1.5-1.5-1.5s-1.5,0.672-1.5,1.5v12.137l6.449,4.086   c0.249,0.157,0.526,0.232,0.802,0.232c0.496,0,0.982-0.246,1.269-0.697C79.284,83.467,79.076,82.54,78.376,82.097z">
</path>
</g>
</svg>
</div>
<h4 class="title mb-3 text-normal">Order on Any Time</h4>
<p>A condimentum vitae sapien pellen que habitant morbi tristique senectus us et
tristique senectus.</p>
</div>
</div>
<div class="col-md-6 col-12 feature-body-center p-relative">
<div class="svg-container p-relative ml-10 pl-1">
<svg xmlns="http://www.w3.org/2000/svg" style="min-height: 230px;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path fill="none" d="M-161.649-67.585c23.55-48.942,71.167-60.855,119.643-52.805c71.954,11.951,108.531-12.268,141.299-19.784  c103.46-23.732,146.885,0.101,168.32,22.912c25.221,26.839,3.053,70.766-29.967,127.585  c-31.344,53.936-46.625,102.587-59.219,142.674c-21.215,67.536-59.811,111.733-129.33,58.163  c-28.84-22.225-55.589-44.385-93.278-77.262C-125.984,62.54-193.004-2.422-161.649-67.585z">
</path>
<path fill="#fff" d="M94.18,18.069c-4.615-4.914-13.974-10.049-36.264-4.936c-7.059,1.619-14.939,6.837-30.44,4.262  C17.031,15.661,6.772,18.227,1.7,28.772c-6.755,14.039,7.683,28.035,25.308,43.41c8.119,7.08,13.883,11.856,20.097,16.644  c14.976,11.543,23.292,2.021,27.861-12.53c2.714-8.636,6.009-19.118,12.761-30.738C94.84,33.315,99.613,23.851,94.18,18.069z   M93.296,76.294c-3.688,0-6.681,1.015-6.681,2.265s2.99,2.264,6.681,2.264c3.688,0,6.679-1.014,6.679-2.264  S96.982,76.294,93.296,76.294z">
</path>
</svg>
</div>
<img class="appear-animate p-absolute" src="images/demos/demo-cake/love-cake.png" alt="Featured image" width="472" height="362">
</div>
<div class="col-md-3 col-12 feature-body-right text-right">
<div class="appear-animate" data-animation-options="{'name':'fadeInLeftShorter','during':'1.2s'}">
<div class="svg-icon svg-delicious-icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" xml:space="preserve">
<g>
<g>
<path fill="#ff9966" d="M15.939,92.395c-1.404,0-2.422-1.097-2.422-2.608c0-0.214,0.019-0.443,0.062-0.69l1.314-7.664    c0.14-0.816,0.917-1.363,1.732-1.225c0.816,0.14,1.365,0.915,1.225,1.732l-1.219,7.106l3.327-1.749    c0.734-0.383,1.64-0.104,2.025,0.63s0.104,1.641-0.63,2.026l-3.829,2.013C16.981,92.25,16.449,92.395,15.939,92.395z     M58.913,91.557c-0.235,0-0.475-0.056-0.697-0.172l-13.371-7.029c-0.733-0.386-1.015-1.293-0.629-2.026    c0.385-0.733,1.29-1.014,2.026-0.63l13.371,7.029c0.733,0.386,1.015,1.293,0.63,2.026C59.974,91.266,59.452,91.557,58.913,91.557z     M61.442,88.837c-0.717,0-1.352-0.516-1.477-1.246l-2.554-14.889c-0.14-0.816,0.408-1.592,1.225-1.732    c0.819-0.14,1.593,0.409,1.732,1.225l2.554,14.889c0.14,0.816-0.408,1.592-1.225,1.732C61.612,88.83,61.526,88.837,61.442,88.837z     M26.227,87.196c-0.54,0-1.061-0.291-1.329-0.802c-0.386-0.733-0.104-1.641,0.629-2.026l10.01-5.263    c1.297-0.68,3.288-0.833,4.829-0.376c0.794,0.234,1.249,1.068,1.014,1.863c-0.234,0.794-1.07,1.249-1.863,1.014    c-0.801-0.235-1.979-0.162-2.584,0.155l-10.009,5.263C26.701,87.141,26.462,87.196,26.227,87.196z M17.437,76.982    c-0.084,0-0.169-0.007-0.255-0.021c-0.816-0.14-1.365-0.915-1.225-1.732l1.328-7.743c0.019-0.11,0.027-0.228,0.027-0.349    c0-0.873-0.416-1.964-0.948-2.482l-1.958-1.908c-0.593-0.578-0.605-1.528-0.027-2.121c0.578-0.594,1.528-0.606,2.121-0.027    l1.958,1.909c1.109,1.082,1.853,2.942,1.853,4.63c0,0.295-0.023,0.582-0.07,0.855l-1.328,7.744    C18.788,76.467,18.153,76.982,17.437,76.982z M58.126,67.731c-0.093,0-0.186-0.008-0.279-0.026    c-0.814-0.153-1.35-0.938-1.196-1.751c0.253-1.345,0.901-2.633,1.735-3.446l8.671-8.452c0.591-0.579,1.542-0.566,2.121,0.027    c0.578,0.593,0.566,1.543-0.027,2.121l-8.67,8.451c-0.396,0.387-0.743,1.115-0.883,1.854    C59.463,67.229,58.833,67.731,58.126,67.731z M10.945,58.778c-0.377,0-0.755-0.142-1.047-0.426l-9.237-9.004    c-0.846-0.824-1.023-1.624-1.023-2.148c0-0.858,0.454-1.611,1.247-2.066c0.718-0.413,1.636-0.165,2.048,0.554    c0.3,0.522,0.25,1.15-0.075,1.612l9.135,8.904c0.593,0.578,0.605,1.528,0.027,2.121C11.726,58.627,11.335,58.778,10.945,58.778z     M72.611,52.237c-0.391,0-0.78-0.151-1.074-0.453c-0.578-0.593-0.566-1.542,0.027-2.121l2.118-2.065l-7.924-1.151    c-0.819-0.119-1.388-0.88-1.269-1.7c0.119-0.821,0.886-1.386,1.7-1.269l8.487,1.232c1.867,0.271,2.53,1.51,2.53,2.489    c0,0.524-0.178,1.323-1.022,2.148l-2.527,2.463C73.367,52.096,72.989,52.237,72.611,52.237z M7.824,46.905    c-0.733,0-1.374-0.538-1.482-1.285c-0.119-0.82,0.449-1.581,1.269-1.7l14.949-2.17c0.816-0.124,1.581,0.449,1.7,1.269    c0.119,0.82-0.449,1.581-1.269,1.7l-14.949,2.17C7.969,46.9,7.896,46.905,7.824,46.905z M59.747,45.558    c-0.072,0-0.145-0.005-0.218-0.016l-6.988-1.015c-1.839-0.269-3.846-1.728-4.667-3.394l-1.561-3.163    c-0.367-0.743-0.062-1.643,0.681-2.009c0.742-0.365,1.643-0.063,2.009,0.681l1.561,3.163c0.383,0.776,1.553,1.627,2.41,1.752    l6.987,1.015c0.819,0.119,1.388,0.88,1.269,1.7C61.121,45.021,60.479,45.558,59.747,45.558z M27.824,41.567    c-0.223,0-0.449-0.05-0.663-0.155c-0.743-0.367-1.048-1.266-0.682-2.009l6.685-13.546c0.367-0.744,1.267-1.048,2.009-0.682    c0.743,0.367,1.048,1.266,0.682,2.009L29.17,40.73C28.909,41.26,28.377,41.567,27.824,41.567z M44.874,33.164    c-0.553,0-1.085-0.307-1.346-0.837L38.17,21.469c-0.07-0.142-0.12-0.191-0.121-0.192c0.034,0.033,0.228,0.136,0.441,0.112    l-1.196-0.513l-1.343-0.667l0.035-0.071c0.546-1.108,1.435-1.746,2.436-1.746s1.89,0.637,2.438,1.749L46.218,31    c0.367,0.743,0.062,1.642-0.682,2.009C45.323,33.114,45.097,33.164,44.874,33.164z">
</path>
</g>
<g>
<path fill="#ff9966" stroke="#231F20" stroke-width="2.4703" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="    M50.312,42.687"></path>
</g>
<g>
<path fill="#ff9966" d="M15.931,92.394c-0.518,0-1-0.149-1.409-0.446c-0.81-0.588-1.154-1.627-0.945-2.849l3.706-21.613    c0.146-0.852-0.301-2.227-0.919-2.83L0.661,49.349c-0.888-0.866-1.221-1.908-0.912-2.859c0.309-0.951,1.19-1.6,2.417-1.778    l21.707-3.152c0.854-0.125,2.025-0.976,2.408-1.752l9.704-19.666c0.548-1.111,1.436-1.749,2.437-1.75h0    c1.001,0,1.89,0.638,2.438,1.749l9.315,18.876c0.367,0.743,0.062,1.642-0.682,2.009c-0.744,0.364-1.643,0.062-2.009-0.682    L38.422,21.98l-9.451,19.154c-0.822,1.667-2.828,3.125-4.666,3.394l-21.143,3.07l15.295,14.909    c1.331,1.297,2.097,3.656,1.783,5.486l-3.61,21.053l18.215-9.576c0.733-0.383,1.64-0.104,2.025,0.63    c0.386,0.733,0.104,1.641-0.63,2.026l-18.717,9.84C16.981,92.251,16.438,92.394,15.931,92.394z">
</path>
</g>
<g>
<path fill="#ff9966" d="M70.128,31.196c-0.25,0-0.503-0.066-0.753-0.198l-6.31-3.317c-0.034-0.018-0.453-0.02-0.494,0.001    l-6.306,3.316c-0.64,0.333-1.341,0.22-1.739-0.252c-0.267-0.316-0.368-0.75-0.287-1.221l1.204-7.023    c0.018-0.113-0.071-0.387-0.151-0.466l-5.104-4.977c-0.428-0.417-0.587-0.961-0.426-1.456c0.161-0.495,0.611-0.84,1.203-0.925    l7.052-1.024c0.114-0.018,0.344-0.184,0.396-0.286l3.155-6.394c0.262-0.535,0.73-0.854,1.251-0.854    c0.519,0,0.987,0.318,1.253,0.851l3.152,6.395c0.051,0.101,0.284,0.271,0.396,0.289l7.056,1.025c0.589,0.084,1.039,0.43,1.2,0.925    s0.001,1.04-0.428,1.457l-5.101,4.976c-0.082,0.081-0.172,0.359-0.153,0.472l1.205,7.019c0.081,0.472-0.022,0.905-0.289,1.221    C70.87,31.032,70.512,31.196,70.128,31.196z M52.461,16.481l4.227,4.122c0.552,0.538,0.857,1.479,0.727,2.238l-0.997,5.817    l5.226-2.748c0.426-0.222,0.874-0.268,1.177-0.268s0.751,0.046,1.174,0.267l5.229,2.749l-0.999-5.818    c-0.127-0.764,0.18-1.703,0.729-2.237l4.225-4.122l-5.843-0.849c-0.761-0.109-1.562-0.691-1.903-1.382L62.82,8.955l-2.612,5.295    c-0.338,0.69-1.139,1.273-1.904,1.383L52.461,16.481z">
</path>
</g>
<g>
<path fill="#ff9966" d="M96.351,38.59c-0.17,0-0.342-0.045-0.511-0.134l-4.025-2.116c-0.018-0.007-0.235-0.008-0.259,0.001    l-4.023,2.114c-0.426,0.226-0.914,0.148-1.187-0.177c-0.182-0.217-0.25-0.513-0.193-0.831l0.766-4.477    c0.007-0.06-0.039-0.201-0.081-0.247l-3.253-3.169c-0.291-0.286-0.397-0.657-0.287-0.995c0.111-0.338,0.416-0.574,0.817-0.631    l4.5-0.654c0.055-0.012,0.173-0.097,0.203-0.149l2.014-4.08c0.359-0.726,1.354-0.727,1.711,0.002l2.011,4.076    c0.03,0.053,0.149,0.139,0.209,0.151l4.499,0.653c0.399,0.058,0.704,0.294,0.814,0.632s0.003,0.71-0.287,0.993l-3.256,3.173    c-0.038,0.042-0.084,0.181-0.078,0.241l0.769,4.485c0.055,0.317-0.016,0.612-0.197,0.828C96.859,38.478,96.614,38.59,96.351,38.59    z M91.687,34.923c0.2,0,0.497,0.031,0.777,0.178l3.226,1.695l-0.615-3.589c-0.089-0.497,0.112-1.122,0.48-1.481l2.607-2.542    l-3.605-0.523c-0.509-0.075-1.039-0.462-1.262-0.921l-1.609-3.262l-1.612,3.266c-0.221,0.454-0.75,0.841-1.256,0.916l-3.607,0.524    l2.607,2.541c0.366,0.36,0.567,0.982,0.48,1.483l-0.613,3.587l3.224-1.693C91.189,34.954,91.486,34.923,91.687,34.923z">
</path>
</g>
</g>
</svg>
</div>
<h4 class="title title-1 text-normal d-flex justify-content-end">Delicious Taste
</h4>
<p class="ml-auto mb-10 pb-2">A condimentum sapien pellentes habitant morbi
tristique senectus et que senectus et tristique.</p>
</div>
<div class="second-div appear-animate" data-animation-options="{'name':'fadeInLeftShorter','during':'1.2s','delay':'.7s'}">
<div class="svg-icon svg-calory-icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" xml:space="preserve">
<g>
<path fill="#ff9966" d="M64.568,35.28c-0.209-0.142-0.452-0.217-0.703-0.217h-6.702c0.076-0.114,0.16-0.226,0.251-0.334   c1.26-1.501,1.841-3.525,1.593-5.552c-0.257-2.101-1.369-4.008-3.053-5.234c-0.05-0.035-0.101-0.067-0.152-0.094   c-0.552-0.291-1.222-0.458-1.838-0.458c-1.088,0-1.969,0.507-2.481,1.428c-0.414,0.746-0.73,1.777-1.104,2.995   c-0.424,1.383-0.906,2.95-1.598,4.218c-1.977,3.618-3.591,4.801-4.117,5.113l-1.668,0.007c-0.58-0.471-1.293-0.73-2.02-0.73h-4.717   c-1.778,0-3.225,1.446-3.225,3.224V54.91c0,1.777,1.447,3.223,3.225,3.223h4.717c1.539,0,2.864-1.127,3.151-2.619   c2.418,0.952,6.539,2.439,9.081,2.615l0.305,0.022c1.003,0.071,2.14,0.151,3.266,0.151c2.467,0,5.889-0.337,7.119-3.255   c0.468-1.113,0.608-2.118,0.419-2.989c0.579-0.468,1.271-1.207,1.543-2.207c0.134-0.491,0.213-1.252-0.135-2.14   c0.501-0.806,1.632-3.063,0.229-5.205c0.599-0.776,1.241-1.944,1.169-3.322C67.044,37.696,66.186,36.383,64.568,35.28z    M63.481,41.522c-0.274,0.232-0.436,0.571-0.443,0.932c-0.006,0.361,0.143,0.707,0.406,0.946c1.499,1.368,0.039,3.185-0.131,3.385   c-0.362,0.42-0.402,1.038-0.098,1.503c0.226,0.343,0.301,0.639,0.23,0.905c-0.165,0.617-0.985,1.151-1.259,1.289   c-0.626,0.311-0.773,0.706-0.787,0.981c-0.015,0.295,0.016,0.714,0.436,1.007c0.049,0.119,0.182,0.591-0.246,1.609   c-0.494,1.176-2.023,1.724-4.813,1.724c-1.052,0-2.143-0.077-3.109-0.146l-0.287-0.021c-2.58-0.18-7.496-2.104-9.183-2.79V39.646   c0,0,0-0.001,0-0.002h0.773c0.185,0,0.362-0.04,0.527-0.117c0.821-0.38,2.997-1.756,5.477-6.297   c0.819-1.499,1.341-3.201,1.805-4.717c0.31-1.012,0.602-1.967,0.888-2.48c0.039-0.071,0.11-0.152,0.315-0.152   c0.247,0,0.529,0.122,0.564,0.132c1.088,0.821,1.81,2.084,1.979,3.468c0.166,1.359-0.198,2.653-1.027,3.642   c-1.197,1.425-1.351,2.84-1.37,3.111c-0.021,0.343,0.102,0.683,0.336,0.934c0.235,0.251,0.567,0.395,0.912,0.395h8.083   c0.74,0.569,1.132,1.156,1.164,1.745C64.678,40.261,63.793,41.252,63.481,41.522z M35.533,39.646c0-0.399,0.325-0.724,0.725-0.724   h4.717c0.399,0,0.723,0.325,0.723,0.724V54.91c0,0.398-0.324,0.723-0.723,0.723h-4.717c-0.399,0-0.725-0.324-0.725-0.723V39.646z">
</path>
<circle fill="#ff9966" cx="38.615" cy="52.829" r="1.69"></circle>
<path fill="#ff9966" d="M88.23,45.508c0.043-0.355,0.568-0.977,0.989-1.476c0.756-0.893,1.612-1.904,1.612-3.189   c0-1.28-0.854-2.292-1.609-3.184c-0.423-0.5-0.949-1.122-0.992-1.477c-0.046-0.382,0.325-1.129,0.623-1.73   c0.515-1.034,1.097-2.205,0.801-3.425c-0.302-1.239-1.368-2.012-2.312-2.696c-0.53-0.385-1.191-0.865-1.32-1.21   c-0.132-0.348,0.047-1.152,0.194-1.816c0.252-1.131,0.538-2.413-0.045-3.528c-0.592-1.128-1.811-1.62-2.891-2.055   c-0.608-0.246-1.365-0.551-1.571-0.849c-0.212-0.309-0.228-1.172-0.239-1.803c-0.023-1.164-0.05-2.482-0.885-3.428   c-0.838-0.952-2.137-1.137-3.288-1.301c-0.65-0.093-1.46-0.209-1.731-0.45c-0.27-0.241-0.479-1.026-0.654-1.684   c-0.297-1.126-0.634-2.403-1.676-3.126c-0.728-0.506-1.557-0.565-2.118-0.565c-0.467,0-0.948,0.049-1.374,0.092   c-1.211,0.122-1.69,0.033-1.798-0.024c-0.318-0.168-0.71-0.883-1.033-1.475c-0.558-1.022-1.189-2.181-2.375-2.634   c-0.326-0.125-0.687-0.188-1.069-0.188c-0.831,0-1.642,0.291-2.428,0.573c-0.576,0.207-1.223,0.427-1.612,0.427   c-0.057,0-0.106-0.005-0.145-0.014c-0.343-0.084-0.891-0.682-1.341-1.172c-0.79-0.86-1.687-1.835-2.956-1.987   c-1.225-0.155-2.378,0.608-3.296,1.221C51.14,1.7,50.454,2.157,50.079,2.157c-0.376,0-1.063-0.458-1.626-0.832   c-0.956-0.638-2.058-1.365-3.287-1.213c-1.266,0.155-2.16,1.13-2.951,1.993c-0.418,0.458-0.99,1.084-1.34,1.17   c-0.038,0.01-0.086,0.015-0.144,0.015c-0.388,0-1.036-0.221-1.612-0.428c-0.782-0.282-1.591-0.574-2.426-0.574   c-0.381,0-0.74,0.063-1.069,0.188c-1.187,0.453-1.82,1.612-2.382,2.641c-0.316,0.579-0.708,1.299-1.027,1.468   c-0.065,0.034-0.241,0.092-0.693,0.092c-0.287,0-0.647-0.023-1.103-0.07c-0.425-0.043-0.906-0.092-1.374-0.092   c-0.562,0-1.393,0.059-2.123,0.567c-1.036,0.723-1.374,1.996-1.671,3.12c-0.17,0.643-0.382,1.443-0.658,1.688   c-0.271,0.243-1.078,0.358-1.734,0.452c-1.147,0.164-2.447,0.349-3.286,1.301c-0.833,0.945-0.859,2.262-0.883,3.424   c-0.012,0.631-0.029,1.494-0.241,1.805c-0.206,0.3-0.964,0.606-1.576,0.853c-1.076,0.434-2.296,0.926-2.885,2.054   c-0.583,1.117-0.296,2.398-0.042,3.529c0.139,0.617,0.329,1.461,0.194,1.818c-0.129,0.341-0.791,0.821-1.322,1.206   c-0.941,0.682-2.008,1.455-2.314,2.696c-0.296,1.219,0.286,2.391,0.803,3.43c0.297,0.599,0.668,1.344,0.622,1.728   c-0.041,0.354-0.564,0.974-0.99,1.478c-0.753,0.89-1.607,1.899-1.607,3.181c0,1.283,0.854,2.294,1.609,3.187   c0.4,0.472,0.947,1.118,0.989,1.476c0.046,0.384-0.326,1.131-0.625,1.732c-0.514,1.033-1.097,2.204-0.801,3.424   c0.303,1.241,1.371,2.015,2.32,2.702c0.53,0.384,1.189,0.86,1.317,1.197c0.133,0.354-0.048,1.163-0.194,1.818   c-0.253,1.131-0.541,2.413,0.043,3.535c0.59,1.126,1.81,1.618,2.885,2.053c0.577,0.23,1.367,0.548,1.574,0.851   c0.211,0.308,0.229,1.138,0.242,1.806c0.024,1.16,0.051,2.477,0.885,3.424c0.839,0.952,2.137,1.136,3.281,1.298   c0.349,0.051,0.71,0.106,1.026,0.182l-2.608,5.511c-0.143,0.302-0.16,0.641-0.047,0.955c0.112,0.315,0.341,0.567,0.642,0.71   c0.597,0.285,1.378,0.008,1.666-0.596l1.887-3.987c0.273,0.941,0.654,1.897,1.5,2.486c0.73,0.51,1.563,0.568,2.127,0.568   c0.465,0,0.946-0.049,1.369-0.092c0.295-0.029,0.73-0.069,1.101-0.069c0.453,0,0.63,0.06,0.697,0.096   c0.318,0.166,0.711,0.886,1.032,1.473c0.558,1.021,1.191,2.179,2.373,2.631c0.329,0.126,0.69,0.19,1.074,0.19   c0.827,0,1.631-0.288,2.427-0.573c0.366-0.132,0.737-0.259,1.06-0.339L31.998,95.89l-5.972-6.19l-8.578-0.651l4.444-9.452   c0.143-0.302,0.159-0.642,0.045-0.957c-0.113-0.314-0.342-0.565-0.644-0.707c-0.607-0.286-1.381-0.004-1.663,0.599l-5.987,12.736   l11.245,0.854l7.829,8.113l9.639-20.494c0.755,0.821,1.618,1.693,2.815,1.839c1.245,0.149,2.381-0.611,3.295-1.223   c0.552-0.367,1.239-0.824,1.614-0.824c0.378,0,1.069,0.461,1.628,0.834c0.908,0.605,1.847,1.231,2.954,1.231   c0.111,0,0.22-0.007,0.327-0.021c1.196-0.146,2.059-1.018,2.815-1.839l9.639,20.497l7.834-8.113l11.24-0.855l-7.62-16.205   l-2.506-5.559c0.285-0.061,0.601-0.109,0.91-0.153c1.146-0.164,2.443-0.351,3.278-1.3c0.839-0.949,0.864-2.267,0.887-3.429   c0.012-0.63,0.027-1.492,0.24-1.799c0.208-0.303,0.998-0.621,1.578-0.854c1.076-0.434,2.295-0.925,2.885-2.056   c0.58-1.114,0.295-2.395,0.042-3.531c-0.145-0.651-0.324-1.462-0.192-1.814c0.13-0.343,0.818-0.841,1.32-1.205   c0.943-0.682,2.012-1.455,2.314-2.699c0.298-1.217-0.285-2.389-0.801-3.425C88.556,46.636,88.185,45.888,88.23,45.508z    M85.746,45.211c-0.133,1.124,0.376,2.147,0.868,3.136c0.292,0.586,0.691,1.389,0.609,1.723c-0.084,0.35-0.816,0.88-1.354,1.269   c-0.883,0.64-1.797,1.302-2.189,2.345c-0.395,1.049-0.148,2.159,0.093,3.243c0.143,0.644,0.338,1.524,0.179,1.832   c-0.164,0.314-0.996,0.648-1.604,0.894c-1.014,0.408-2.062,0.831-2.698,1.751c-0.636,0.923-0.658,2.063-0.681,3.168   c-0.013,0.658-0.029,1.561-0.263,1.824c-0.228,0.261-1.115,0.387-1.763,0.479c-1.032,0.146-2.202,0.311-3.048,1.063   c-0.019,0.018-0.035,0.037-0.047,0.055c-0.024,0.024-0.045,0.049-0.048,0.056c-0.771,0.767-1.068,1.892-1.306,2.795   c-0.17,0.64-0.402,1.516-0.687,1.716c-0.046,0.031-0.206,0.104-0.727,0.104c-0.286,0-0.632-0.021-1.088-0.066   c-0.421-0.043-0.899-0.093-1.376-0.093c-0.753,0-1.339,0.125-1.846,0.394c-0.981,0.518-1.523,1.512-2.052,2.48   c-0.315,0.58-0.748,1.374-1.07,1.497c-0.026,0.01-0.075,0.021-0.162,0.021c-0.385,0-1.026-0.212-1.604-0.42   c-0.996-0.356-2.242-0.719-3.204-0.487c-0.333,0.083-0.651,0.234-1.029,0.488c-0.046,0.021-0.078,0.05-0.103,0.07   c-0.552,0.392-1.034,0.9-1.445,1.349c-0.448,0.488-1.062,1.156-1.44,1.202c-0.349,0-1.017-0.445-1.57-0.813   c-0.923-0.616-1.877-1.253-3.012-1.253c-1.136,0-2.09,0.637-3.013,1.253l-0.091,0.062c-0.5,0.334-1.122,0.751-1.507,0.752   c-0.353-0.043-0.965-0.712-1.412-1.2c-0.398-0.435-0.868-0.931-1.428-1.339c-0.025-0.021-0.064-0.056-0.114-0.079l-0.011-0.005   c-0.261-0.174-0.609-0.381-1.027-0.485c-0.918-0.222-2.127,0.101-3.202,0.488c-0.573,0.205-1.217,0.423-1.596,0.423   c-0.089,0-0.139-0.012-0.167-0.022c-0.323-0.123-0.753-0.909-1.075-1.498c-0.526-0.964-1.069-1.962-2.054-2.479   c-0.507-0.27-1.093-0.395-1.845-0.395c-0.458,0-0.917,0.046-1.373,0.091c-0.441,0.046-0.795,0.067-1.083,0.067   c-0.524,0-0.688-0.074-0.733-0.105c-0.284-0.198-0.516-1.069-0.686-1.711c-0.251-0.954-0.526-1.87-1.102-2.555   c-0.061-0.094-0.13-0.174-0.224-0.265c-0.025-0.033-0.052-0.065-0.083-0.094c-0.84-0.749-2.012-0.915-3.052-1.062   c-0.645-0.093-1.528-0.22-1.753-0.475c-0.229-0.262-0.247-1.165-0.261-1.825c-0.023-1.104-0.046-2.247-0.682-3.169   c-0.632-0.921-1.682-1.345-2.699-1.755c-0.608-0.245-1.442-0.581-1.604-0.89c-0.16-0.309,0.037-1.189,0.181-1.832   c0.241-1.078,0.49-2.192,0.093-3.247c-0.393-1.038-1.306-1.699-2.194-2.343c-0.536-0.388-1.269-0.919-1.354-1.266   c-0.08-0.333,0.319-1.135,0.61-1.721c0.494-0.992,1.004-2.017,0.87-3.14c-0.129-1.099-0.855-1.959-1.562-2.796   c-0.43-0.507-1.019-1.202-1.019-1.573c0-0.365,0.587-1.06,1.02-1.571c0.704-0.833,1.431-1.695,1.561-2.794   c0.134-1.126-0.375-2.15-0.869-3.14c-0.291-0.586-0.69-1.388-0.61-1.717c0.086-0.349,0.818-0.88,1.353-1.268   c0.886-0.641,1.801-1.303,2.195-2.35c0.396-1.053,0.147-2.167-0.095-3.252c-0.144-0.64-0.339-1.516-0.18-1.82   c0.162-0.31,0.991-0.645,1.604-0.893c1.017-0.41,2.068-0.833,2.702-1.757c0.634-0.924,0.657-2.063,0.68-3.169   c0.013-0.659,0.03-1.562,0.26-1.823c0.229-0.26,1.114-0.386,1.761-0.478c1.086-0.154,2.21-0.313,3.047-1.061   c0.834-0.744,1.126-1.845,1.41-2.916c0.169-0.637,0.4-1.51,0.684-1.707c0.046-0.032,0.208-0.106,0.732-0.106   c0.286,0,0.64,0.022,1.082,0.067c0.449,0.046,0.913,0.094,1.376,0.094c0.752,0,1.338-0.125,1.844-0.395   c0.983-0.522,1.525-1.516,2.049-2.478c0.317-0.582,0.751-1.378,1.08-1.503c0.025-0.009,0.072-0.021,0.158-0.021   c0.37,0,0.987,0.203,1.6,0.423c1.08,0.387,2.293,0.712,3.205,0.487c1.078-0.266,1.842-1.101,2.583-1.908   c0.472-0.515,1.059-1.156,1.438-1.201c0.351,0,1.027,0.451,1.573,0.815c0.922,0.614,1.875,1.249,3.01,1.249   s2.088-0.636,3.016-1.254c0.54-0.359,1.213-0.807,1.592-0.809c0.354,0.043,0.968,0.713,1.419,1.205   c0.738,0.805,1.503,1.638,2.576,1.902c0.221,0.055,0.462,0.083,0.717,0.083c0.834,0,1.722-0.294,2.488-0.569   C62.468,5,63.112,4.787,63.488,4.787c0.09,0,0.136,0.013,0.157,0.021c0.327,0.125,0.759,0.918,1.078,1.505   c0.526,0.963,1.07,1.958,2.052,2.477c0.506,0.27,1.093,0.396,1.847,0.396c0.471,0,0.951-0.049,1.376-0.092   c0.448-0.045,0.804-0.067,1.088-0.067c0.519,0,0.679,0.073,0.725,0.105c0.287,0.2,0.526,1.11,0.685,1.714   c0.281,1.064,0.572,2.164,1.407,2.91c0.836,0.745,1.958,0.905,3.055,1.061c0.644,0.092,1.524,0.218,1.752,0.477   c0.229,0.258,0.247,1.154,0.262,1.83c0.022,1.101,0.045,2.238,0.679,3.164c0.635,0.921,1.685,1.344,2.7,1.754   c0.609,0.245,1.443,0.581,1.606,0.894c0.16,0.307-0.036,1.184-0.179,1.825c-0.242,1.077-0.492,2.191-0.094,3.242   c0.391,1.046,1.308,1.711,2.193,2.354c0.533,0.387,1.263,0.917,1.347,1.263c0.081,0.335-0.318,1.137-0.609,1.722   c-0.492,0.989-1.002,2.011-0.868,3.14c0.133,1.1,0.861,1.961,1.566,2.794c0.43,0.508,1.018,1.204,1.018,1.569   c0,0.367-0.588,1.063-1.02,1.575C86.606,43.247,85.879,44.106,85.746,45.211z M74.138,89.699l-5.975,6.189L59.98,78.489   c0.321,0.08,0.692,0.206,1.058,0.338c0.745,0.269,1.59,0.573,2.429,0.573c0.382,0,0.742-0.063,1.071-0.188   c1.188-0.452,1.82-1.614,2.388-2.656c0.313-0.571,0.7-1.283,1.016-1.449c0.106-0.056,0.548-0.152,1.846-0.019   c0.433,0.043,0.881,0.088,1.327,0.088c0.561,0,1.392-0.059,2.121-0.566c0.885-0.616,1.261-1.633,1.537-2.617l1.854,4.114   l6.082,12.941l-8.476,0.645L74.138,89.699z">
</path>
<path fill="#ff9966" d="M75.898,57.925c-0.69-0.509-1.739-0.35-2.244,0.336c-0.707,0.956-1.485,1.883-2.312,2.752   c-0.609,0.64-0.585,1.657,0.056,2.268c0.299,0.285,0.692,0.442,1.106,0.442c0.438,0,0.862-0.182,1.162-0.497   c0.914-0.959,1.777-1.987,2.567-3.056c0.255-0.345,0.36-0.769,0.297-1.192S76.243,58.18,75.898,57.925z">
</path>
<path fill="#ff9966" d="M50.08,8.68c-17.734,0-32.161,14.429-32.161,32.164c0,17.734,14.427,32.163,32.161,32.163   c5.943,0,11.751-1.637,16.797-4.733c0.284-0.175,0.484-0.449,0.562-0.774c0.078-0.324,0.024-0.66-0.15-0.944   c-0.35-0.569-1.146-0.764-1.72-0.412c-4.649,2.855-10.006,4.364-15.489,4.364c-16.355,0-29.661-13.307-29.661-29.663   S33.724,11.18,50.079,11.18c16.357,0,29.665,13.307,29.665,29.664c0,3.87-0.733,7.631-2.181,11.179   c-0.261,0.638,0.047,1.369,0.685,1.63c0.151,0.063,0.312,0.094,0.474,0.094c0.509,0,0.963-0.306,1.156-0.778   c1.57-3.849,2.367-7.928,2.367-12.124C82.245,23.109,67.816,8.68,50.08,8.68z">
</path>
</g>
</svg>
</div>
<h4 class="title d-flex mb-3 text-capitalize">High Calories</h4>
<p>A condimentum sapien pellentes habitant morbi tristique senectus et que senectus
et tristique.</p>
</div>
</div>
</div>
</div>
<div class="svg-container">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="100px" viewBox="0 0 1920 100" enable-background="new 0 0 1920 200" xml:space="preserve" preserveAspectRatio="none">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M0,200V34.793c0,0,90.974,2.038,133.302,15.158
                            s109.214,33.502,183.717,32.338c74.503-1.163,153.906-16.776,194.821-34.358c40.916-17.584,92.364-47.885,148.387-33.35
                            c56.023,14.536,60.91,37.069,133.246,44.466c0,0,47.52-2.782,83.783-8.085c42.966-6.282,147.12-44.291,211.981-21.222
                            c64.861,23.068,132.528,71.009,298.793,41.434c0,0,74.508-19.906,109.019-33.35c34.512-13.442,129.197-49.07,232.17-34.359
                            S1832.685,28.096,1920,34.793V200H0z"></path>
</svg>
</div>
</section>
<section class="bestseller-section p-relative bg-white">
<div class="container">
<h2 class="title title-center appear-animate" data-animation-options="{'name': 'fadeInUpShorter'}">Best Sellers</h2>
<p class="text-center appear-animate" data-animation-options="{'name': 'fadeInUpShorter'}">
Products in our store recorded top sale recently</p>
<div class="owl-carousel owl-theme category-slider row appear-animate" data-owl-options="{
                        &quot;nav&quot;: false,
                        &quot;dots&quot;: true,
                        &quot;margin&quot;: 20,
                        &quot;loop&quot;: false,
                        &quot;autoplay&quot;: false,
                        &quot;responsive&quot;: {
                            &quot;0&quot;: {
                                &quot;items&quot;: 2
                            },
                            &quot;768&quot;: {
                                &quot;items&quot;: 3
                            },
                            &quot;992&quot;: {
                                &quot;items&quot;: 4,
                                &quot;dots&quot;: false
                            }
                        }
                    }">
<div class="product" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1(5).jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2(5).jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Fruit Cake</a>
</h3>
<div class="product-price">
<span class="price">$60.00</span>
</div>
</div>
</div>
<div class="product" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1(6).jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2(6).jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</a>
<div class="product-label-group">
<label class="product-label label-sale">13% off</label>
</div>
<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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Gift Cake</a>
</h3>
<div class="product-price">
<span class="price">$139.00</span>
<del>$160.00</del>
</div>
</div>
</div>
<div class="product" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1(7).jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2(7).jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Sweety Cake</a>
</h3>
<div class="product-price">
<span class="price">$190.00 &ndash; $210.00</span>
</div>
</div>
</div>
<div class="product" data-animation-options="{'delay': '.3s'}">
<figure class="product-media">
<a href="demo-cake-product.html">
<img src="images/demos/demo-cake/products/1(11).jpg" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
<img src="images/demos/demo-cake/products/2(11).jpg" class="product-hover-image" alt="product" width="280" height="315" style="background-color: #F8F9FB;">
</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 text-center">
<h3 class="product-name">
<a href="demo-cake-product.html">Trendy Cake</a>
</h3>
<div class="product-price">
<span class="price">$20.00</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="blog-section pt-7">
<div class="container">
<h2 class="title text-center d-block">From Our Blog</h2>
<p class="text-center">Our loyal customers always love to make posts.</p>
<div class="owl-carousel owl-theme row cols-lg-3 cols-sm-2 cols-1" data-owl-options="{
                        'items': 1,
                        'margin': 20,
                        'dots': true,
                        'nav': false,
                        'loop': false,
                        'responsive': {
                            '0': {
                                'items': 1
                            },
                            '576': {
                                'items': 2
                            },
                            '992': {
                                'items': 3,
                                'dots': false
                            }
                        }
                    }">
<div class="post post-outer overlay-zoom overlay-dark" data-animation-options="{'name': 'fadeInRightShorter', 'delay': '.1s'}">
<figure class="post-media">
<a href="post-single.html">
<img src="images/demos/demo-cake/blog/shutterstock_1303047670.jpg" width="380" height="250" alt="post" style="background: #D1D9E6;">
</a>
</figure>
<div class="post-details text-center">
<div class="post-meta">
<a href="#" class="post-date"><span class="text-grey text-normal font-weight-normal">on&nbsp;</span>Sep 27,
2020</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" class="post-comment"><mark class="font-weight-semi-bold bg-white">0</mark>&nbsp;comment</a>
</div>
<h3 class="post-title"><a href="#">Semper quis lectus nuies</a></h3>
<a href="blog-classic.html" class="btn btn-link btn-underline"><span class="sr-only">blog</span>Read More<i class="d-icon-arrow-right"></i></a>
</div>
</div>
<div class="post post-outer overlay-zoom overlay-dark" data-animation-options="{'name': 'fadeInRightShorter', 'delay': '.1s'}">
<figure class="post-media">
<a href="post-single.html">
<img src="images/demos/demo-cake/blog/shutterstock_389160322.jpg" width="380" height="250" alt="post" style="background: #ECECF4;">
</a>
</figure>
<div class="post-details text-center">
<div class="post-meta">
<a href="#" class="post-date"><span class="text-grey text-normal font-weight-normal">on&nbsp;</span>Sep 27,
2020</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" class="post-comment"><mark class="font-weight-semi-bold bg-white">0</mark>&nbsp;comment</a>
</div>
<h3 class="post-title"><a href="#">Commodo elit at imperdiet</a></h3>
<a href="blog-classic.html" class="btn btn-link btn-underline"><span class="sr-only">blog</span>Read More<i class="d-icon-arrow-right"></i></a>
</div>
</div>
<div class="post post-outer overlay-zoom overlay-dark" data-animation-options="{'name': 'fadeInRightShorter', 'delay': '.1s'}">
<figure class="post-media">
<a href="post-single.html">
<img src="images/demos/demo-cake/blog/shutterstock_293217344.jpg" width="380" height="250" alt="post" style="background: #E4AF8F;">
</a>
</figure>
<div class="post-details text-center">
<div class="post-meta">
<a href="#" class="post-date"><span class="text-grey text-normal font-weight-normal">on&nbsp;</span>Sep 27,
2020</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" class="post-comment"><mark class="font-weight-semi-bold bg-white">0</mark>&nbsp;comment</a>
</div>
<h3 class="post-title"><a href="#">Vel pretium lectus quam</a></h3>
<a href="blog-classic.html" class="btn btn-link btn-underline"><span class="sr-only">blog</span>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-top">
<div class="svg-container">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="100px" viewBox="0 0 1920 100" enable-background="new 0 0 1920 100" xml:space="preserve" preserveAspectRatio="none">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#F8F8F8" d="M1920,200H0V47.548c87.315,6.697,87.81,16.617,190.783,31.328
                        c102.973,14.711,197.659-20.918,232.17-34.361c34.511-13.443,109.019-33.35,109.019-33.35
                        C698.236-18.413,765.903,29.53,830.764,52.599c64.861,23.07,169.015-14.939,211.98-21.221c36.264-5.305,83.783-8.086,83.783-8.086
                        c72.336,7.396,77.223,29.93,133.246,44.467s107.471-15.766,148.387-33.35s120.318-33.197,194.82-34.361
                        c74.504-1.164,141.389,19.219,183.717,32.34C1829.025,45.507,1920,47.548,1920,47.548V200z">
</path>
</svg>
</div>
</div>
<div class="footer-middle">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="widget">
<h4 class="widget-title">Get To Know Us</h4>
<ul class="widget-body">
<li><a href="#">About Riode</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Affiliate Program</a></li>
<li><a href="#">Show Hosts</a></li>
<li><a href="#">Riode Cares</a></li>
<li><a href="#">Submit Your Product</a></li>
</ul>
</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-3 col-md-6">
<div class="widget">
<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">Newsletter</h4>
<div class="widget-body widget-newsletter">
<p>Sign up for newsletter today</p>
<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-rounded btn-icon-right" 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">
<div class="social-links">
<a href="#" class="social-link social-facebook fab fa-facebook-f"><span class="sr-only">social link</span></a>
<a href="#" class="social-link social-twitter fab fa-twitter"><span class="sr-only">social link</span></a>
<a href="#" class="social-link social-linkedin fab fa-linkedin-in"><span class="sr-only">social link</span></a>
</div>
<figure class="payment">
<img src="images/demos/demo-cake/payment.png" alt="payment" width="135" height="24" />
</figure>
</div>
</div>
</div>
</div>
</div>

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

</footer>


<div class="sticky-footer sticky-content fix-bottom">
<a href="demo-cake.html" class="sticky-link">
<i class="d-icon-home"></i>
<span>Home</span>
</a>
<a href="demo-cake-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">
<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">
<i class="d-icon-search"></i>
</button>
</form>

<ul class="mobile-menu mmenu-anim">
<li>
<a href="demo-cake.html">Home</a>
</li>
<li>
<a href="demo-cake-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="demo-cake-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</a></li>
<li><a href="error-404-1.html">Error 404-1</a></li>
<li><a href="error-404-2.html">Error 404-2</a></li>
<li><a href="error-404-3.html">Error 404-3</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="#" class="social-link social-linkedin fab fa-google"></a>
<a href="#" class="social-link social-facebook fab fa-facebook-f"></a>
<a href="#" 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 src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="vendor/jquery.floating/jquery.floating.min.js"></script>
<script src="vendor/owl-carousel/owl.carousel.min.js"></script>
<script src="vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>

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

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

Zerion Mini Shell 1.0