ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from d-themes.com/html/riode/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Aug 2023 09:28:50 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">
<script>
WebFontConfig = {
google: { families: ['Poppins:400,600,700,800'] }
};
(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/owl-carousel/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="vendor/magnific-popup/magnific-popup.min.css">
<link rel="stylesheet" type="text/css" href="landing/landing-critical.min.css">
</head>
<body class="loaded">
<div class="loading-overlay d-none">
<div class="bounce-loader">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
<div class="bounce4"></div>
</div>
</div>
<div class="page-wrapper">
<h1 class="d-none">Riode - Responsive eCommerce HTML Template</h1>
<header class="header header-transparent">
<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 d-lg-none mr-3" title="mobile toggle">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px" height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve">
<line fill="none" stroke-width="3.028" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" x1="17.953" y1="23.538" x2="52.047" y2="23.538" />
<line fill="none" stroke-width="3.028" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" x1="17.953" y1="34.999" x2="52.047" y2="34.999" />
<line fill="none" stroke-width="3.028" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" x1="17.953" y1="46.462" x2="34.707" y2="46.462" />
</svg>
</a>
<a href="index.html" class="logo">
<img src="landing/images/logo.png" alt="logo" width="153" height="44" />
</a>
<span class="divider"></span>
<h3 class="change-log ls-s text-uppercase text-white d-none d-lg-block"><span class="d-xl-inline-block d-none">Changelog </span> v1.2</h3>
</div>
<div class="header-center">
<nav class="main-nav d-lg-block d-none">
<ul class="menu menu-active-underline">
<li>
<a href="#sec-demos">Demos</a>
</li>
<li>
<a href="shop.html">Categories</a>
<div class="megamenu">
<div class="row">
<div class="col-6 col-sm-4">
<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></li>
</ul>
</div>
<div class="col-6 col-sm-4">
<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">
<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>
</div>
</li>
<li>
<a href="product.html">Products</a>
<div class="megamenu">
<div class="row">
<div class="col-6 col-sm-4">
<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 & 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">
<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">
<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>
</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 class="d-xl-show submenu-container">
<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 & 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>
</ul>
</nav>
</div>
<div class="header-right">
<a href="https://d-themes.com/buynow/riodehtml" target="_blank" rel="noopener" class="btn btn-rounded btn-solid gra-reversed btn-purchase">Purchase
Now!</a>
</div>
</div>
</div>
</header>
<main class="main">
<div class="page-content">
<section class="intro-section">
<div class="intro-banner banner banner-fixed" style="background-image: url(landing/images/bg1.jpg); background-color: #216bd6;background-repeat: no-repeat; background-position: 0px 0px;">
<div class="container">
<div class="banner-content">
<h3 class="banner-subtitle mb-5 text-white text-uppercase font-weight-bold ls-s appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.5s'
}">
<span class="text-lg">a </span><span class="gift">gift</span>for Pros &
Beginners.
</h3>
<h2 class="banner-title text-white font-weight-bold ls-m appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.6s'
}">Creative Multi-Purpose
<br>
eCommerce Template.
</h2>
<a class="btn-play btn-iframe text-white appear-animate" data-animation-options="{
'name': 'zoomIn', 'delay': '1s'
}" title="play" href="video/landing.mp4">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px" height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve">
<g>
<g>
<path d="M29.236,27.527l14.865,8.388l-14.865,8.387V27.527 M27.182,22.02c-0.704,0-1.408,0.285-1.946,0.854v26.083
c0.538,0.569,1.242,0.854,1.946,0.854s1.408-0.284,1.945-0.854l19.466-10.982c1.074-1.136,1.074-2.981,0-4.117L29.127,22.873
C28.59,22.304,27.886,22.02,27.182,22.02L27.182,22.02z" />
</g>
</g>
</svg>
</a>
<p class="video-desc font-weight-bold d-inline-block text-white mb-0 appear-animate" data-animation-options="{
'name': 'fadeInRightShorter', 'delay': '1.4s'
}">
Watch Riode Builder<span class="d-block font-weight-normal text-left">(01:28
min)</span>
</p>
</div>
</div>
<figure class="custom-absolute-img1 appear-animate" data-animation-options="{
'name': 'fadeInLeftShorter', 'delay': '.2s'
}">
<img src="landing/images/tablet1.png" width="900" height="656" alt="tablet" />
</figure>
<div class="custom-absolute-img2 appear-animate" data-animation-options="{
'name': 'fadeInRightShorter', 'delay': '.4s'
}">
<figure class="scroll-float-el">
<img src="landing/images/mobile.png" width="307" height="610" alt="mobile" />
</figure>
</div>
</div>
</section>
<section class="container main-features text-center same-height">
<h2 class="text-left ls-m mb-10 appear-animate" data-animation-options="{
'name': 'fadeIn', 'delay': '1.2s'
}">Ultimate eCommerce Template<br/>RIODE<span class="text-primary ls-m appear-animate" data-animation-options="{
'name': 'blurIn', 'delay': '1.4s'
}">is now available!</span>
</h2>
<div class="row justify-content-center gutter-lg pb-5">
<div class="col-md-6 col-lg-3 mb-5">
<div class="flip-card flip-card-3d appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '1s'
}">
<div class="icon-box flip-front">
<span class="icon-box-icon mb-4">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="90px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M51.528,17.152v-1.808h3.296c1.696,0,3.292-0.661,4.492-1.861c1.198-1.2,1.859-2.795,1.859-4.491
c0-1.697-0.661-3.292-1.859-4.493c-1.2-1.199-2.796-1.86-4.492-1.86h-9.649c-1.697,0-3.292,0.661-4.491,1.86
c-1.2,1.2-1.861,2.796-1.861,4.493s0.661,3.292,1.861,4.491c1.199,1.201,2.794,1.861,4.491,1.861h3.298v1.808
C27.054,17.959,9.877,35.625,9.877,57.236c0,22.123,17.998,40.123,40.122,40.123c22.125,0,40.124-18,40.124-40.123
C90.123,35.626,72.946,17.96,51.528,17.152z M45.175,12.289c-0.881,0-1.708-0.342-2.33-0.966c-0.624-0.623-0.967-1.45-0.967-2.33
c0-0.881,0.343-1.709,0.967-2.332c0.622-0.623,1.449-0.965,2.33-0.965h9.649c0.88,0,1.709,0.343,2.331,0.965
c0.622,0.622,0.965,1.451,0.965,2.332c0,0.88-0.343,1.708-0.965,2.33c-0.622,0.624-1.451,0.966-2.331,0.966h-3.296V8.993h-3.056
v3.296H45.175z M49.999,94.305c-20.438,0-37.066-16.629-37.066-37.068c0-20.439,16.628-37.067,37.066-37.067
c20.44,0,37.068,16.628,37.068,37.067C87.067,77.676,70.439,94.305,49.999,94.305z M49.999,23.117c-18.813,0-34.119,15.306-34.119,34.119c0,18.813,15.305,34.119,34.119,34.119
c18.814,0,34.12-15.307,34.12-34.119C84.119,38.423,68.813,23.117,49.999,23.117z M49.999,88.301
c-17.127,0-31.063-13.936-31.063-31.064c0-17.128,13.936-31.064,31.063-31.064c17.13,0,31.065,13.936,31.065,31.064
C81.064,74.365,67.129,88.301,49.999,88.301z" />
<rect x="48.472" y="29.898" width="3.056" height="3.752" />
<rect x="35.393" y="33.658" transform="matrix(-0.5002 -0.8659 0.8659 -0.5002 25.4419 85.0564)" width="3.752" height="3.055" />
<rect x="26.073" y="42.978" transform="matrix(-0.8659 -0.5002 0.5002 -0.8659 29.8876 97.0238)" width="3.75" height="3.056" />
<rect x="22.661" y="55.708" width="3.753" height="3.055" />
<rect x="26.421" y="68.091" transform="matrix(-0.5006 -0.8657 0.8657 -0.5006 -18.6287 129.187)" width="3.055" height="3.752" />
<rect x="35.741" y="77.412" transform="matrix(-0.8657 -0.5005 0.5005 -0.8657 29.8462 166.5814)" width="3.055" height="3.751" />
<rect x="48.472" y="80.822" width="3.056" height="3.752" />
<rect x="60.855" y="77.759" transform="matrix(-0.5005 -0.8657 0.8657 -0.5005 25.489 173.2798)" width="3.752" height="3.056" />
<rect x="70.173" y="68.439" transform="matrix(-0.8662 -0.4997 0.4997 -0.8662 99.5038 166.5748)" width="3.756" height="3.055" />
<rect x="73.583" y="55.707" width="3.755" height="3.057" />
<rect x="70.524" y="42.627" transform="matrix(0.4999 0.8661 -0.8661 0.4999 74.5762 -40.1453)" width="3.055" height="3.756" />
<rect x="61.202" y="33.309" transform="matrix(-0.8659 -0.5002 0.5002 -0.8659 99.4488 97.0313)" width="3.056" height="3.753" />
<path d="M48.504,49.788h3.006c0.773,0,1.545,0.319,2.094,0.854c0.697,0.707,0.844,1.533,0.844,2.1h3.056
c0-1.609-0.612-3.117-1.745-4.266c-1.132-1.103-2.671-1.737-4.228-1.743v-3.076h-3.056v3.077c-1.59,0.007-3.087,0.627-4.24,1.769
c-1.122,1.146-1.74,2.653-1.74,4.239c0,1.611,0.621,3.123,1.757,4.266c1.142,1.133,2.652,1.758,4.253,1.758h3.006
c0.771,0,1.542,0.32,2.103,0.869c0.538,0.537,0.835,1.279,0.835,2.096c0,0.809-0.297,1.553-0.822,2.08
c-0.572,0.557-1.342,0.877-2.115,0.877h-3.006c-0.789,0-1.535-0.309-2.091-0.855c-0.556-0.564-0.863-1.311-0.863-2.102h-3.056
c0,1.6,0.621,3.107,1.759,4.26c1.135,1.124,2.632,1.743,4.222,1.751v3.075h3.056v-3.075c1.557-0.006,3.096-0.639,4.245-1.759
c1.114-1.119,1.728-2.629,1.728-4.252c0-1.633-0.615-3.146-1.743-4.271c-1.139-1.111-2.687-1.75-4.25-1.75h-3.006
c-0.789,0-1.535-0.309-2.094-0.861c-0.555-0.559-0.86-1.307-0.86-2.105c0-0.783,0.309-1.531,0.852-2.086
C46.967,50.097,47.714,49.788,48.504,49.788z" />
<path d="M80.874,23.065c0.393-0.395,1.083-0.392,1.477,0l1.818,1.819c0.198,0.198,0.308,0.461,0.308,0.739
c0,0.28-0.108,0.542-0.307,0.74l-2.274,2.274l2.161,2.161l2.273-2.273c0.774-0.775,1.201-1.805,1.201-2.902
c0-1.094-0.426-2.124-1.2-2.899l-1.819-1.821c-0.774-0.773-1.805-1.199-2.9-1.2c-1.096,0.001-2.126,0.428-2.898,1.202l-2.275,2.273
l2.161,2.161L80.874,23.065z" />
<path d="M15.942,30.798l2.161-2.16l-2.273-2.274c-0.198-0.198-0.307-0.461-0.307-0.736
c0-0.281,0.109-0.544,0.307-0.742l1.818-1.818c0.398-0.398,1.086-0.394,1.479-0.001l2.275,2.274l2.161-2.161l-2.274-2.273
c-0.775-0.774-1.805-1.2-2.9-1.202c-1.094,0-2.124,0.427-2.9,1.202l-1.818,1.82c-0.773,0.773-1.201,1.801-1.202,2.902
c0.001,1.095,0.429,2.124,1.202,2.897L15.942,30.798z" />
</g>
</svg>
</span>
<h3 class="icon-box-title ls-l font-weight-bold text-none mb-3">High-Speed
Performance
</h3>
<p>The most advanced way to optimize web applications...</p>
</div>
<div class="icon-box flip-back bg-gradient">
<div class="flip-content">
<p class="text-white">
The most advanced way to optimize web applications has been introduced.
Optimized css & fastest execution of javascript are the first and
foremost
purpose of Riode.
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-5">
<div class="flip-card flip-card-3d appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.8s'
}">
<div class="icon-box flip-front">
<span class="icon-box-icon pt-1 mb-3">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve" style="width: 7rem; height: 7rem;">
<g>
<g>
<path d="M39.014,55.077c-1.398,0-2.535,1.137-2.535,2.534s1.137,2.534,2.535,2.534c1.397,0,2.534-1.137,2.534-2.534
S40.411,55.077,39.014,55.077z M39.014,58.563c-0.526,0-0.953-0.428-0.953-0.952s0.427-0.952,0.953-0.952
c0.525,0,0.953,0.428,0.953,0.952S39.539,58.563,39.014,58.563z" />
<path d="M93.042,46.781h-8.799c-0.11-5.777-4.157-10.375-9.555-11.144V22.161c0-4.076-3.316-7.393-7.393-7.393H10.73
c-4.076,0-7.393,3.316-7.393,7.393v35.257c0,4.075,3.316,7.393,7.393,7.393H28.86v8.072H18.545v8.394h33.721
c1.588,2.31,4.245,3.955,6.998,3.955h30.159c4.529,0,7.239-4.318,7.239-8.497V50.201C96.661,46.781,93.937,46.781,93.042,46.781z
M73.094,39.231c0.55,0,1.082,0.063,1.595,0.177c3.308,0.731,5.731,3.693,5.837,7.373h-5.837h-3.163h-5.864
c0.104-3.689,2.545-6.66,5.864-7.38C72.029,39.292,72.553,39.231,73.094,39.231z M10.73,61.646c-2.332,0-4.229-1.896-4.229-4.229
v-4.285H50.77v8.514H10.73z M50.77,64.811v8.072h-1.603v-8.072H50.77z M46.003,65.004v7.879h-13.98v-7.879H46.003z M21.708,78.113
v-2.067h7.152h20.307h1.603v0.688c0,0.464,0.057,0.924,0.145,1.379H21.708z M50.77,50.201v1.35H6.501v-29.39
c0-2.332,1.898-4.23,4.229-4.23h56.565c2.333,0,4.229,1.898,4.229,4.23v13.472c-5.413,0.754-9.473,5.356-9.584,11.148l-7.502,0
C53.532,46.78,50.77,46.78,50.77,50.201z M92.943,76.735h-0.002c0,2.348-1.318,4.773-3.519,4.773H59.267
c-0.426,0-0.855-0.083-1.273-0.232c-1.41-0.502-2.688-1.76-3.229-3.163c-0.174-0.452-0.274-0.917-0.274-1.378v-0.689v-3.163
v-8.072v-3.164v-8.514v-1.582v-1.047h7.439v1.047v1.582v3.571c0,1.03,0.834,1.862,1.861,1.862c1.026,0,1.86-0.833,1.86-1.862
v-3.571v-1.582v-1.047h5.874h3.163h5.849v6.2c0,1.03,0.835,1.862,1.862,1.862c1.024,0,1.86-0.832,1.857-1.862v-6.2h8.687V76.735z" />
</g>
</g>
</svg>
</span>
<h3 class="icon-box-title ls-l font-weight-bold text-none mb-3">Multi-Purpose+
eCommerce</h3>
<p>Riode comes with latest UI/UX trendy designs of...</p>
</div>
<div class="icon-box flip-back bg-gradient">
<div class="flip-content">
<p class="text-white">
Riode comes with latest UI/UX trendy designs of live websites. Riode is
perfectly ready for fashionable multipurpose websites
and professional eCommerce websites.
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-5">
<div class="flip-card flip-card-3d appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.6s'
}">
<div class="icon-box flip-front">
<span class="icon-box-icon mb-4">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="90px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M71.058,48.175H69.39c-0.928-10.461-9.727-18.693-20.426-18.693c-11.313,0-20.516,9.204-20.516,20.518 c0,11.315,9.203,20.518,20.516,20.518c3.426,0,6.816-0.861,9.808-2.492l-1.747-3.201c-2.456,1.338-5.242,2.045-8.061,2.045 c-9.301,0-16.868-7.568-16.868-16.87c0-9.301,7.567-16.869,16.868-16.869c8.686,0,15.855,6.6,16.768,15.045h-3.183 C61.651,41.472,55.91,36.28,48.964,36.28c-7.564,0-13.719,6.155-13.719,13.72c0,7.565,6.154,13.721,13.719,13.721 c2.195,0,4.378-0.531,6.311-1.537l-1.682-3.236c-1.416,0.736-3.017,1.125-4.629,1.125c-5.553,0-10.07-4.518-10.07-10.073 c0-5.553,4.518-10.071,10.07-10.071c4.931,0,9.037,3.563,9.899,8.247h-1.401c-1.566,0-2.834,0.65-3.475,1.783 c-0.641,1.131-0.545,2.551,0.261,3.895l6.698,11.166c0.797,1.326,2.004,2.088,3.313,2.088s2.517-0.762,3.313-2.088l6.699-11.166 c0.806-1.344,0.9-2.764,0.259-3.897C73.89,48.826,72.624,48.175,71.058,48.175z M71.143,51.977l-6.698,11.166 c-0.069,0.117-0.135,0.197-0.185,0.25c-0.051-0.053-0.116-0.133-0.185-0.25l-6.699-11.168c-0.031-0.051-0.057-0.1-0.078-0.143 c0.047-0.004,0.103-0.008,0.164-0.008h13.596c0.062,0,0.117,0.004,0.164,0.008C71.2,51.875,71.175,51.924,71.143,51.977z">
</path>
<path d="M80.274,34.323l5.953-5.952L71.632,13.775l-5.954,5.952c-1.707-0.884-3.501-1.624-5.356-2.213V9.089H39.679 v8.425c-1.855,0.589-3.648,1.329-5.355,2.213l-5.954-5.952L13.773,28.371l5.952,5.952c-0.883,1.706-1.623,3.499-2.21,5.356H9.089 v20.643h8.427c0.587,1.855,1.327,3.648,2.21,5.355l-5.952,5.953l14.596,14.594l5.954-5.951c1.707,0.885,3.5,1.625,5.355,2.213v8.424 h20.643v-8.424c1.855-0.588,3.649-1.328,5.356-2.213l5.954,5.951l14.596-14.594l-5.953-5.953c0.883-1.709,1.623-3.502,2.211-5.355 h8.426V39.679h-8.426C81.897,37.824,81.157,36.031,80.274,34.323z M87.263,56.674h-7.535l-0.366,1.344 c-0.681,2.496-1.665,4.879-2.925,7.08l-0.691,1.211l5.323,5.322l-9.437,9.436l-5.325-5.322l-1.21,0.693 c-2.199,1.26-4.582,2.244-7.08,2.924l-1.344,0.367v7.535H43.327v-7.535l-1.344-0.367c-2.498-0.68-4.88-1.664-7.08-2.924 l-1.209-0.693l-5.325,5.322l-9.437-9.436l5.323-5.322l-0.693-1.211c-1.258-2.199-2.242-4.582-2.923-7.08l-0.367-1.344h-7.535V43.327 h7.535l0.367-1.344c0.681-2.499,1.665-4.882,2.923-7.08l0.693-1.21l-5.323-5.322l9.437-9.438l5.325,5.324l1.209-0.693 c2.2-1.261,4.582-2.244,7.08-2.926l1.344-0.367v-7.533h13.346v7.533l1.344,0.367c2.498,0.682,4.881,1.665,7.08,2.926l1.21,0.693 l5.325-5.324l9.437,9.438l-5.323,5.322l0.691,1.21c1.26,2.202,2.244,4.585,2.925,7.08l0.366,1.344h7.535V56.674z">
</path>
</svg>
</span>
<h3 class="icon-box-title ls-l font-weight-bold text-none mb-3">Customization
Options</h3>
<p>A group of sass options ensures the powerfulness and ...</p>
</div>
<div class="icon-box flip-back bg-gradient">
<div class="flip-content">
<p class="text-white">
A group of sass options ensures the powerfulness and the flexibility of
Riode. Its structure is based on high quality code and
everything is fully customizable.
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-5">
<div class="flip-card flip-card-3d appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.4s'
}">
<div class="icon-box flip-front">
<span class="icon-box-icon mb-4">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="90px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M5.581,27.402h82.603v-1.501V11.932H2.581v15.47v54.803h36.214v-3H5.581V27.402z M5.581,14.932h79.603v9.47 H5.581V14.932z">
</path>
<rect x="12.431" y="18.152" width="3.034" height="3.038"></rect>
<rect x="62.379" y="18.152" width="3.033" height="3.038"></rect>
<rect x="68.504" y="18.152" width="3.039" height="3.038"></rect>
<rect x="74.695" y="18.152" width="3.041" height="3.038"></rect>
<rect x="12.764" y="31.982" width="15.258" height="3"></rect>
<rect x="18.631" y="38.426" width="16.768" height="3"></rect>
<rect x="18.631" y="45.13" width="8.385" height="3"></rect>
<rect x="29.917" y="45.13" width="6.673" height="3"></rect>
<rect x="18.631" y="51.336" width="12.365" height="3"></rect>
<rect x="12.764" y="58.084" width="15.258" height="3"></rect>
<rect x="18.631" y="64.529" width="7.395" height="3"></rect>
<rect x="13.948" y="70.668" width="7.394" height="3"></rect>
<rect x="29.917" y="64.529" width="6.673" height="3"></rect>
<path d="M87.572,64.756c0.828,0,1.5-0.672,1.5-1.5v-5.172c0-0.828-0.672-1.5-1.5-1.5h-3.512 c-0.297-1.027-0.707-2.014-1.223-2.949l2.484-2.482c0.281-0.281,0.439-0.663,0.439-1.061c0-0.397-0.158-0.779-0.439-1.061 l-3.658-3.658c-0.586-0.586-1.535-0.586-2.121,0l-2.482,2.483c-0.939-0.518-1.926-0.927-2.951-1.224v-3.511 c0-0.828-0.672-1.5-1.5-1.5h-5.172c-0.828,0-1.5,0.672-1.5,1.5v3.51c-1.025,0.298-2.014,0.707-2.951,1.225l-2.482-2.483 c-0.564-0.564-1.559-0.563-2.123,0l-3.654,3.658c-0.586,0.586-0.586,1.535,0,2.122l2.482,2.482 c-0.518,0.938-0.926,1.924-1.223,2.949h-3.51c-0.828,0-1.5,0.672-1.5,1.5v5.172c0,0.828,0.671,1.5,1.5,1.5h3.508 c0.299,1.025,0.707,2.012,1.225,2.951l-2.482,2.482c-0.586,0.586-0.586,1.535,0,2.121l3.656,3.658 c0.281,0.281,0.662,0.439,1.061,0.439c0.396,0,0.779-0.158,1.061-0.439l2.482-2.484c0.938,0.518,1.924,0.928,2.951,1.225v3.51 c0,0.828,0.672,1.5,1.5,1.5h5.172c0.828,0,1.5-0.672,1.5-1.5v-3.51c1.025-0.297,2.012-0.707,2.951-1.225l2.482,2.484 c0.281,0.281,0.662,0.439,1.061,0.439s0.779-0.158,1.061-0.439l3.658-3.658c0.281-0.281,0.439-0.662,0.439-1.061 s-0.158-0.779-0.439-1.061l-2.484-2.482c0.518-0.938,0.926-1.924,1.223-2.951H87.572z M81.414,62.961 c-0.297,1.486-0.875,2.879-1.717,4.141c-0.396,0.596-0.318,1.389,0.188,1.895l2.256,2.254l-1.537,1.537l-2.254-2.256 c-0.508-0.508-1.299-0.584-1.893-0.188c-1.266,0.844-2.658,1.422-4.141,1.719c-0.701,0.139-1.207,0.756-1.207,1.471v3.186h-2.172 v-3.186c0-0.715-0.504-1.332-1.205-1.471c-1.486-0.297-2.879-0.875-4.139-1.719c-0.596-0.396-1.387-0.32-1.895,0.188l-2.256,2.254 l-1.535-1.535l2.254-2.254c0.506-0.506,0.584-1.297,0.188-1.893c-0.844-1.268-1.422-2.66-1.717-4.143 c-0.141-0.701-0.756-1.205-1.471-1.205h-3.186v-2.172h3.186c0.715,0,1.33-0.506,1.471-1.207c0.295-1.48,0.873-2.873,1.717-4.141 c0.396-0.596,0.318-1.387-0.188-1.893l-2.254-2.252l1.535-1.536l2.252,2.254c0.504,0.505,1.297,0.582,1.893,0.188 c1.266-0.844,2.66-1.422,4.145-1.718c0.701-0.14,1.205-0.756,1.205-1.471v-3.187h2.172v3.187c0,0.715,0.506,1.331,1.207,1.471 c1.48,0.296,2.875,0.874,4.141,1.718c0.596,0.396,1.387,0.318,1.893-0.188l2.254-2.255l1.537,1.536l-2.256,2.253 c-0.506,0.506-0.584,1.299-0.188,1.893c0.842,1.264,1.42,2.656,1.717,4.143c0.141,0.699,0.756,1.205,1.471,1.205h3.188v2.172h-3.188 C82.17,61.756,81.555,62.26,81.414,62.961z">
</path>
<path d="M70.023,53.902c-3.732,0-6.768,3.035-6.768,6.768s3.035,6.77,6.768,6.77s6.768-3.037,6.768-6.77 S73.756,53.902,70.023,53.902z M70.023,64.439c-2.078,0-3.768-1.691-3.768-3.77s1.689-3.768,3.768-3.768s3.768,1.689,3.768,3.768 S72.102,64.439,70.023,64.439z">
</path>
<path d="M70.023,36.275c9.16,0,17.422,5.031,21.643,13.144c0.131,0.694,0.738,1.22,1.471,1.22 c0.828,0,1.5-0.672,1.5-1.5V37.404c0-0.828-0.672-1.5-1.5-1.5s-1.5,0.672-1.5,1.5v6.435c-5.127-6.612-13.018-10.563-21.613-10.563 c-15.105,0-27.396,12.29-27.396,27.395c0,0.828,0.672,1.5,1.5,1.5s1.5-0.672,1.5-1.5C45.627,47.218,56.572,36.275,70.023,36.275z">
</path>
<path d="M95.92,59.17c-0.828,0-1.5,0.672-1.5,1.5c0,13.453-10.943,24.398-24.396,24.398 c-9.252,0-17.598-5.131-21.78-13.391c-0.374-0.74-1.276-1.035-2.016-0.66c-0.591,0.299-0.892,0.936-0.8,1.557 c-0.011,0.074-0.022,0.146-0.022,0.225v11.734c0,0.828,0.672,1.5,1.5,1.5s1.5-0.672,1.5-1.5V77.5 c5.129,6.615,13.022,10.568,21.618,10.568c15.105,0,27.396-12.291,27.396-27.398C97.42,59.842,96.748,59.17,95.92,59.17z">
</path>
<rect x="38.993" y="38.426" width="4.485" height="3"></rect>
</svg>
</span>
<h3 class="icon-box-title ls-l font-weight-bold text-none mb-3">Easy-to-use
Template</h3>
<p>Riode consists of well-designed & understandable codes...</p>
</div>
<div class="icon-box flip-back bg-gradient">
<div class="flip-content">
<p class="text-white">
Riode consists of well-designed & understandable codes so you can build
your own
website without any difficulties. And it's incredibly easy and fun to use.
Please enjoy Riode!
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container attractive-features pt-5 mt-10 pb-10 mb-6 overflow-hidden" id="sec-overview">
<div class="row pt-lg-10 mt-4 pb-10 mb-3">
<div class="col-lg-5 col-xl-6 col-features">
<div class="feature-images">
<div class="particle particle1"></div>
<div class="particle particle2"></div>
<div class="particle particle2"></div>
<div class="feature-image feature1">
<img src="landing/images/lazy.png" style="padding-top: 100%;" data-src="landing/images/attractive1.png" class="lazy-img appear-animate" data-animation-options="{'name': 'zoomIn', 'delay': '.2s'}" alt="Riode html5 template's attractive feature" width="178" height="178">
</div>
<div class="feature-image feature2">
<img src="landing/images/lazy.png" style="padding-top: 100%;" data-src="landing/images/attractive2.png" class="lazy-img appear-animate" data-animation-options="{'name': 'zoomIn', 'delay': '.3s'}" alt="Riode html5 template's attractive feature" width="178" height="178">
</div>
<div class="feature-image feature3">
<img src="landing/images/lazy.png" style="padding-top: 100%;" data-src="landing/images/attractive3.png" class="lazy-img appear-animate" data-animation-options="{'name': 'zoomIn', 'delay': '.5s'}" alt="Riode html5 template's attractive feature" width="178" height="178">
</div>
<div class="feature-image feature4">
<img src="landing/images/lazy.png" style="padding-top: 100%;" data-src="landing/images/attractive4.png" class="lazy-img appear-animate" data-animation-options="{'name': 'zoomIn', 'delay': '.4s'}" alt="Riode html5 template's attractive feature" width="178" height="178">
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 order-lg-first col-gift">
<h2 class="font-weight-bold text-uppercase lh-1 text-primary">
<span class="d-inline-block appear-animate" data-animation-options="{
'name': 'zoomIn', 'delay': '.2s'
}">A gift for</span>
<b class="text-dark d-inline-block appear-animate" data-animation-options="{
'name': 'blurIn', 'delay': '.5s'
}">Pros & Beginners.</b>
</h2>
<p class="enjoy font-weight-semi-bold text-uppercase appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.7s'
}">Enjoy riode and step up to a dream builder
</p>
<a href="#sec-features" class="btn btn-rounded btn-lg btn-gradient gra-reversed appear-animate scroll-to" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.9s'
}">More Features</a>
</div>
<div class="col-sm-6 col-lg-4 col-xl-3 col-beautiful">
<h3 class="font-weight-bold mb-5 appear-animate" data-animation-options="{'name': 'fadeInUpShorter', 'delay': '.2s'}">
Build your Beautiful Shop With
<span class="text-primary appear-animate" data-animation-options="{
'name': 'blurIn', 'delay': '.2s'
}">Riode.</span>
</h3>
<p class="attractive text-uppercase appear-animate" data-animation-options="{'name': 'fadeInLeftShorter', 'delay': '.3s'}">A lot of factors
that make your website attractive</p>
<ol class="list ml-0">
<li class="appear-animate" data-animation-options="{
'name': 'fadeInLeftShorter', 'delay': '.2s'
}">
<span>01.</span> Fashion design
</li>
<li class="appear-animate" data-animation-options="{
'name': 'fadeInLeftShorter', 'delay': '.4s'
}">
<span>02.</span> Top performance
</li>
<li class="appear-animate" data-animation-options="{
'name': 'fadeInLeftShorter', 'delay': '.6s'
}">
<span>03.</span> Beautiful animations
</li>
<li class="appear-animate" data-animation-options="{
'name': 'fadeInLeftShorter', 'delay': '.8s'
}">
<span>04.</span> Coming more and more...
</li>
</ol>
</div>
</div>
</section>
<section class="experience grey-section pt-10 pb-4">
<div class="container pt-10 mt-5">
<div class="row">
<div class="col-md-7 shapes">
<div class="white-rect bg-white float-el appear-animate" data-animation-options="{
'name': 'fadeInLeftShorter', 'delay': '.4s'
}"></div>
<div class="drop float-el appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.1s'
}"></div>
<svg class="expshape2 appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.2s'
}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="388px" height="321px" viewBox="0 -15 149.579 123.832" xml:space="preserve">
<path d="M86.386,65.228c7.078,0.86,14.002,2.533,21.047,3.604c4.133,0.629,8.309,0.786,12.465,0.297
c0.961-0.113,1.92-0.258,2.871-0.43c13.252-2.396,26.113-12.679,26.781-26.13c0.668-13.471-10.588-24.613-22.396-31.13
C109.583,1.742,88.785-1.985,68.939,1.008c-19.492,2.939-38.6,12.667-52.549,27.138C9.117,35.69,3.039,45.449,0.849,55.771
c-1.792,8.451-0.83,17.663,3.683,25.03c1.62,2.646,3.467,5.185,5.682,7.368c1.721,1.697,3.682,3.178,5.886,4.19
c1.899,0.873,3.954,1.371,6.042,1.457c2.088,0.087,4.173-0.226,6.18-0.787c2.184-0.611,4.28-1.51,6.295-2.544
c2.208-1.134,4.326-2.437,6.391-3.811c2.201-1.465,4.344-3.016,6.467-4.59c2.182-1.616,4.343-3.259,6.522-4.878
c2.155-1.602,4.329-3.181,6.558-4.68c2.127-1.431,4.307-2.79,6.572-3.991c2.105-1.116,4.291-2.099,6.567-2.814
c3.821-1.201,7.44-1.062,11.37-0.645C85.503,65.125,85.945,65.175,86.386,65.228z" />
</svg>
<svg class="expshape1 appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.3s'
}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="423px" height="450px" viewBox="0 -15 160.961 172.157" xml:space="preserve">
<path d="M73.113,7.271c-0.176-0.063-0.35-0.127-0.525-0.188C60.322,2.741,47.128-1.155,33.989,0.316
C20.703,1.805,7.476,9.432,2.365,21.784c-4.9,11.842-1.609,25.655,4.61,36.859c6.22,11.205,15.123,20.652,22.462,31.158
c5.186,7.42,9.591,15.383,13.131,23.716c3.672,8.645,5.41,21.191,14.42,26.12c16.36,8.949,30.27-8.046,40.787-18.161
c20.09-19.32,65.719-40.53,63.076-73.525c-1.484-18.536-17.597-28.86-35.35-27.474C106.672,21.95,90.265,13.527,73.113,7.271z" />
</svg>
<img src="landing/images/lazy.png" style="padding-top: 52.8%" data-src="landing/images/window3.png" class="lazy-img window3 float-el appear-animate" alt="simple shape" data-animation-options="{
'name': 'fadeInLeftShorter', 'delay': '.5s'
}">
<div class="black-rect float-el appear-animate" data-animation-options="{
'name': 'fadeInLeftShorter', 'delay': '.6s'
}"></div>
<img src="landing/images/lazy.png" style="padding-top: 101.8%;" data-src="landing/images/window1.png" alt="simple shape" class="lazy-img window1 float-el appear-animate" data-animation-options="{
'name': 'fadeInRightShorter', 'delay': '.7s'
}">
<img src="landing/images/lazy.png" style="padding-top: 97.7%;" data-src="landing/images/window2.png" alt="simple shape" class="lazy-img window2 float-el appear-animate" data-animation-options="{
'name': 'fadeInLeftShorter', 'delay': '.8s'
}">
<h3 class="text-white lh-1 ls-m appear-animate" data-animation-options="{
'name': 'blurIn', 'delay': '1s'
}">
<b>50+</b>
<br>Pre-Built
<br>Design
</h3>
</div>
<div class="col-md-5">
<h3 class="ls-m font-weight-bold mb-0 appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.1s'
}">BEST UX
<span class="font-italic pr-1">l</span> UI
</h3>
<h2 class="ls-l font-weight-bold mb-7 appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.2s'
}"><span class="highlight-word">Experience<span class="parallax-effect highlight animated" data-parallax-options="{'animation': true}"></span></span></h2>
<p class="mb-5 appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.3s'
}">
All designs here are based on a collection of most fashionable designs in the world.
These designs are made by a group of trendsetting designers who are gifted with
second sight. More than 70K people are eager to become fans of these
designs and always give us top ratings.
</p>
<p class="text-grey mb-10 appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.3s'
}">
You will be satisfied with the wonderful artistic representation. Feel free to fully
enjoy our designs in order to make your site amazing and even more
<span class="text-body">fascinating</span>.
</p>
<div class="devotion pb-10 mb-8 appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.2s'
}">
<h3 class="text-white bg-dark d-inline-block ls-l lh-1">
<mark class="font-weight-bold text-white float-el appear-animate" data-animation-options="{
'name': 'blurIn', 'delay': '.5s'
}" data-float-options="{'max': 10}">2</mark> Years
</h3>
<p class="text-dark font-weight-bold ls-m">
of devotion for the
<br>completion of Riode
</p>
</div>
</div>
</div>
</div>
</section>
<section class="demos-section text-center pt-8 pb-9" id="sec-demos">
<div class="container-fluid pt-10 pb-10">
<h2 class="text-white font-weight-bold mb-1 appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.1s'
}">
<mark class="text-gradient lh-1 ls-l">50+</mark>
<br> World-Class Demos
</h2>
<p class="text-grey ls-m mb-7 p-max-width appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.2s'
}">
Comes with 50 homepages available with multi style that better your choice. Riode is
one of the best Multi-Purpose eCommerce
Template.
</p>
<nav class="demos-nav">
<ul class="nav-filters d-flex flex-wrap demo-filters justify-content-center font-weight-bold text-uppercase font-secondary fix-bottom appear-animate" data-animation-options="{'name': 'fadeInUpShorter', 'delay': '.3s'}" data-target=".demos">
<li>
<a href="#" class="nav-filter btn-gradient gra-boxed active" data-filter=".demo-home">All Demos
</a>
</li>
<li>
<a href="#" class="nav-filter btn-gradient gra-boxed" data-filter=".demo-popular">Most
Popular
</a>
</li>
<li>
<a href="#" class="nav-filter btn-gradient gra-boxed" data-filter=".demo-new">Newest
Demos
</a>
</li>
<li>
<a href="#" class="nav-filter btn-gradient gra-boxed" data-filter=".demo-trending">Today's Trending</a>
</li>
</ul>
<div class="demos grid row cols-xs-2 cols-md-3 cols-lg-4 gutter-lg mb-6" data-grid-options="{
'layoutMode': 'fitRows',
'fitRows': {
'gutter': 0
},
'customDelay': 1000,
'customInitHeight': true,
'filter': '.demo-home'
}">
<div class="grid-item demo-home demo-popular">
<a target="_blank" href="demo1.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo1.jpg" alt="Riode html5 template demo-1" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 1
</span>
<div class="demo-label label-popular">Popular</div>
</a>
</div>
<div class="grid-item demo-home demo-popular">
<a target="_blank" href="demo2.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo2.jpg" alt="Riode html5 template demo-2" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 2
</span>
<div class="demo-label label-popular">Popular</div>
</a>
</div>
<div class="grid-item demo-home demo-popular">
<a target="_blank" href="demo3.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo3.jpg" alt="Riode html5 template demo-3" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 3
</span>
<div class="demo-label label-popular">Popular</div>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo4.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo4.jpg" alt="Riode html5 template demo-4" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 4
</span>
</a>
</div>
<div class="grid-item demo-home demo-popular">
<a target="_blank" href="demo5.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo5.jpg" alt="Riode html5 template demo-5" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 5
</span>
<div class="demo-label label-popular">Popular</div>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo6.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo6.jpg" alt="Riode html5 template demo-6" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 6
</span>
</a>
</div>
<div class="grid-item demo-home demo-trending">
<a target="_blank" href="demo7.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo7.jpg" alt="Riode html5 template demo-7" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 7
</span>
<div class="demo-label label-trending">Trending</div>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo8.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo8.jpg" alt="Riode html5 template demo-8" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 8
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo9.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo9.jpg" alt="Riode html5 template demo-9" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 9
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo10.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo10.jpg" alt="Riode html5 template demo-10" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 10
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo11.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo11.jpg" alt="Riode html5 template demo-11" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 11
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo12.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo12.jpg" alt="Riode html5 template demo-12" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 12
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo13.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo13.jpg" alt="Riode html5 template demo-13" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 13
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo14.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo14.jpg" alt="Riode html5 template demo-14" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 14
</span>
</a>
</div>
<div class="grid-item demo-home demo-trending">
<a target="_blank" href="demo15.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo15.jpg" alt="Riode html5 template demo-15" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 15
</span>
<div class="demo-label label-trending">Trending</div>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo16.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo16.jpg" alt="Riode html5 template demo-16" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 16
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo17.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo17.jpg" alt="Riode html5 template demo-17" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 17
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo18.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo18.jpg" alt="Riode html5 template demo-18" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 18
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo19.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo19.jpg" alt="Riode html5 template demo-19" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 19
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo20.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo20.jpg" alt="Riode html5 template demo-20" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 20
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo21.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo21.jpg" alt="Riode html5 template demo-21" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 21
</span>
</a>
</div>
<div class="grid-item demo-home demo-popular">
<a target="_blank" href="demo22.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo22.jpg" alt="Riode html5 template demo-22" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 22
</span>
<div class="demo-label label-popular">Popular</div>
</a>
</div>
<div class="grid-item demo-home demo-popular">
<a target="_blank" href="demo23.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo23.jpg" alt="Riode html5 template demo-23" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 23
</span>
<div class="demo-label label-popular">Popular</div>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo24.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo24.jpg" alt="Riode html5 template demo-24" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 24
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo25.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo25.jpg" alt="Riode html5 template demo-25" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 25
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo26.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo26.jpg" alt="Riode html5 template demo-26" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 26
</span>
</a>
</div>
<div class="grid-item demo-home demo-trending">
<a target="_blank" href="demo27.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo27.jpg" alt="Riode html5 template demo-27" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 27
</span>
<div class="demo-label label-trending">Trending</div>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo28.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo28.jpg" alt="Riode html5 template demo-28" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 28
</span>
</a>
</div>
<div class="grid-item demo-home demo-trending">
<a target="_blank" href="demo29.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo29.jpg" alt="Riode html5 template demo-29" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 29
</span>
<div class="demo-label label-trending">Trending</div>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo30.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo30.jpg" alt="Riode html5 template demo-30" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 30
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo31.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo31.jpg" alt="Riode html5 template demo-31" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 31
</span>
</a>
</div>
<div class="grid-item demo-home demo-trending">
<a target="_blank" href="demo32.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo32.jpg" alt="Riode html5 template demo-32" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 32
</span>
<div class="demo-label label-trending">Trending</div>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo33.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo33.jpg" alt="Riode html5 template demo-33" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 33
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo34.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo34.jpg" alt="Riode html5 template demo-34" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 34
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo35.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo35.jpg" alt="Riode html5 template demo-35" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Demo 35
</span>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo-kid.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/baby.jpg" alt="Riode html5 template baby" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Kid
</span>
</a>
</div>
<div class="grid-item demo-home demo-trending">
<a target="_blank" href="demo-beauty.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/beauty.jpg" alt="Riode html5 template beauty" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Beauty
</span>
<div class="demo-label label-trending">Trending</div>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo-diamart.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/diamart.jpg" alt="Riode html5 template Diamart" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Diamart
</span>
</a>
</div>
<div class="grid-item demo-home demo-trending">
<a target="_blank" href="demo-food.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/food.jpg" alt="Riode html5 template Diamart" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Food 1
</span>
<div class="demo-label label-trending">Trending</div>
</a>
</div>
<div class="grid-item demo-home demo-new">
<a target="_blank" href="demo-food2.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/food2.jpg" alt="Riode html5 template Diamart" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Food 2
</span>
<div class="demo-label label-new">New</div>
</a>
</div>
<div class="grid-item demo-home demo-new">
<a target="_blank" href="demo-food3.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/food3.jpg" alt="Riode html5 template Diamart" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Food 3
</span>
<div class="demo-label label-new">New</div>
</a>
</div>
<div class="grid-item demo-home demo-popular">
<a href="market1.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/market2.jpg" alt="Riode html5 template market2" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Market 1
</span>
<div class="demo-label label-popular">Popular</div>
</a>
</div>
<div class="grid-item demo-home demo-popular">
<a href="market2.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/market1.jpg" alt="Riode html5 template market1" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Market 2
</span>
<div class="demo-label label-popular">Popular</div>
</a>
</div>
<div class="grid-item demo-home demo-new">
<a href="market3.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/market3.jpg" alt="Riode html5 template market1" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Market 3
</span>
<div class="demo-label label-new">New</div>
</a>
</div>
<div class="grid-item demo-home demo-trending">
<a target="_blank" href="demo-medical.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/medical.jpg" alt="Riode html5 template medical" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Medical
</span>
<div class="demo-label label-trending">Trending</div>
</a>
</div>
<div class="grid-item demo-home">
<a target="_blank" href="demo-sport.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/sports.jpg" alt="Riode html5 template medical" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Sport
</span>
</a>
</div>
<div class="grid-item demo-home demo-new">
<a target="_blank" href="demo-yoga.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/yoga.jpg" alt="Riode html5 template medical" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Yoga
</span>
<div class="demo-label label-new">New</div>
</a>
</div>
<div class="grid-item demo-home demo-new">
<a target="_blank" href="demo-cake.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/cake.jpg" alt="Riode html5 template medical" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Cake
</span>
<div class="demo-label label-new">New</div>
</a>
</div>
<div class="grid-item demo-home demo-new">
<a target="_blank" href="demo-tea.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/tea.jpg" alt="Riode html5 template medical" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Tea
</span>
<div class="demo-label label-new">New</div>
</a>
</div>
<div class="grid-item demo-home demo-new">
<a target="_blank" href="demo-single-product.html" class="appear-animate" data-animation-options="{'name':'fadeInUpShorter'}">
<img src="landing/images/lazy.png" class="lazy-img" style="padding-top: 75%" data-src="landing/images/pages/demo-single-product.jpg" alt="Riode html5 template medical" width="425" height="319" />
<span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="25px" height="25px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M20.029,20.154v60.693h60.692V20.154H20.029z M76.675,76.802h-52.6V24.2h52.6V76.802z
M32.167,32.289h36.416v8.096H32.167V32.289z M32.167,44.431h8.092V68.71h-8.092V44.431z
M44.306,44.431h24.277V68.71H44.306V44.431z" />
</svg>
Product Landing
</span>
<div class="demo-label label-new">New</div>
</a>
</div>
</div>
<div>
<a href="demo1.html" class="btn btn-lg btn-rounded btn-dark btn-solid mr-xs-3 overflow-hidden" target="_blank">View
Main
Demo
</a>
<a href="https://d-themes.com/buynow/riodehtml/" rel="noopener" class="btn btn-lg btn-rounded btn-gradient gra-reversed" target="_blank">Buy Now
</a>
</div>
</nav>
</div>
</section>
<section class="container features-section text-center pt-10 mt-7" id="sec-features">
<h2 class="ls-m font-weight-bold mb-1 appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.2s'}">Our Core Features</h2>
<p class="mb-9 appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.2s'}">
Powerful features and inclusions, which make Riode standout,
<br> easily customizable and scalable.
</p>
<div class="features row cols-md-2 cols-lg-3 same-height">
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M95.787,37.555h-3.079V14.369c0-2.143-1.745-3.887-3.89-3.887H5.156c-2.144,0-3.888,1.744-3.888,3.887v50.259H1.217v8.932
c0,2.264,2.161,4.487,4.362,4.487h30.074c-0.001,0.495,0.005,1.029,0.013,1.58c0.023,1.715,0.048,3.656-0.165,4.733
c-0.177,0.892-0.284,1.092-0.307,1.124c-0.049,0.048-0.264,0.166-0.437,0.261l-0.125,0.069c-0.318,0.175-0.846,0.427-1.513,0.724
h-3.514v2.927h4.025l0.017,0.04c0.028-0.013,0.061-0.026,0.089-0.04h26.414c0.037,0.018,0.086,0.038,0.12,0.054l0.022-0.054h4.111
v-2.927h-3.637c-0.657-0.295-1.203-0.559-1.576-0.76c-0.173-0.098-0.39-0.218-0.425-0.246c-0.042-0.064-0.137-0.303-0.309-1.172
c-0.214-1.079-0.188-2.99-0.166-4.677c0.008-0.571,0.015-1.126,0.013-1.637h13.01v7.758c0,1.652,1.345,2.997,2.997,2.997h21.477
c1.652,0,2.996-1.345,2.996-2.997V40.552C98.783,38.899,97.439,37.555,95.787,37.555z M37.916,86.538
c0.175-0.415,0.321-0.924,0.456-1.608c0.273-1.378,0.247-3.392,0.221-5.341c-0.007-0.517-0.014-1.018-0.013-1.474l16.799,0.084
c0,0.448-0.007,0.941-0.014,1.444c-0.025,1.921-0.053,3.906,0.221,5.284c0.135,0.683,0.27,1.191,0.438,1.61H37.916z M95.855,40.552
v1.561H74.24v-1.561c0-0.039,0.031-0.07,0.07-0.07h21.477C95.825,40.482,95.855,40.513,95.855,40.552z M71.313,40.552v17.905
H10.255V19.579h73.375v17.976h-9.32C72.658,37.555,71.313,38.899,71.313,40.552z M74.24,45.04h21.615v30.162H74.24V45.04z
M4.196,14.369c0-0.53,0.431-0.96,0.96-0.96h83.662c0.53,0,0.962,0.431,0.962,0.96v23.186h-3.222V16.652H7.329v44.731h63.985v3.244
H4.196V14.369z M5.579,75.12c-0.59,0-1.435-0.919-1.435-1.561v-5.953h67.169v7.514H5.579z M95.787,85.875H74.311
c-0.039,0-0.07-0.03-0.07-0.07v-7.676h21.615v7.676C95.855,85.843,95.825,85.875,95.787,85.875z" />
<rect x="83.629" y="80.808" width="2.838" height="2.928" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Fully Responsive and Retina Ready</h3>
<p>Riode is perfectly designed with modern UX/UI features for all devices. Don't
worry
about poor images, text and slow speed. All are tested.</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M2.579,13.325v11.68v61.671h94.842V25.005v-11.68H2.579z M5.382,16.128h89.236v6.074H5.382V16.128z M94.618,83.872H5.382
V25.005h89.236V83.872z" />
<rect x="7.251" y="17.686" width="2.889" height="2.803" />
<rect x="12.251" y="17.686" width="2.887" height="2.803" />
<rect x="17.25" y="17.686" width="2.889" height="2.803" />
<rect x="20.116" y="29.991" width="8.353" height="2.803" />
<rect x="39.354" y="29.991" width="17.088" height="2.803" />
<rect x="30.874" y="29.991" width="3.924" height="2.803" />
<rect x="22.9" y="43.183" width="8.607" height="2.803" />
<rect x="43.404" y="43.183" width="13.038" height="2.803" />
<rect x="33.913" y="43.183" width="4.937" height="2.803" />
<rect x="56.948" y="56.372" width="25.428" height="2.803" />
<rect x="34.418" y="56.372" width="19.365" height="2.803" />
<rect x="69.763" y="43.183" width="14.907" height="2.803" />
<rect x="60.112" y="43.183" width="6.963" height="2.803" />
<rect x="27.456" y="49.778" width="5.064" height="2.803" />
<rect x="34.418" y="49.778" width="19.739" height="2.803" />
<rect x="68.467" y="29.991" width="17.088" height="2.803" />
<rect x="59.986" y="29.991" width="3.926" height="2.803" />
<rect x="20.116" y="36.587" width="33.667" height="2.803" />
<rect x="20.116" y="63.077" width="46.326" height="2.803" />
<rect x="20.116" y="69.673" width="53.655" height="2.803" />
<rect x="20.116" y="76.269" width="23.289" height="2.803" />
<rect x="10.284" y="29.991" width="3.466" height="2.803" />
<rect x="10.284" y="36.587" width="3.466" height="2.803" />
<rect x="10.284" y="43.183" width="3.466" height="2.803" />
<rect x="10.284" y="49.778" width="3.466" height="2.803" />
<rect x="10.284" y="56.372" width="3.466" height="2.803" />
<rect x="10.284" y="62.968" width="3.466" height="2.803" />
<rect x="10.284" y="69.563" width="3.466" height="2.803" />
<rect x="10.284" y="76.159" width="3.466" height="2.803" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Clean and Professional Codes</h3>
<p>Developer-friendly codes are the main reason for the developers to customize
and
build a
beautiful site in a easy way with only copy/paste blocks.</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M95.605,11.632H4.396c-1.071,0-1.942,0.871-1.942,1.942v72.852c0,1.071,0.871,1.942,1.942,1.942h91.21
c1.071,0,1.941-0.871,1.941-1.942V13.574C97.547,12.503,96.677,11.632,95.605,11.632z M93.664,84.483H6.338V69.837h87.326V84.483z
M93.664,65.95H6.338V54.126l28.595-24.695l30.853,27.006c0.371,0.431,0.908,0.677,1.476,0.677c0.476,0,0.914-0.159,1.264-0.461
c0.803-0.689,0.902-1.896,0.23-2.705l-1.829-1.632l12.829-10.178l13.642,9.739c0.011,0.007,0.022,0.013,0.031,0.021l0.236,0.166
V65.95z M93.664,47.294l-12.843-9.168c-0.331-0.236-0.722-0.362-1.128-0.362c-0.438,0-0.866,0.15-1.207,0.422L63.984,49.692
L36.394,25.086c-0.357-0.416-0.881-0.646-1.474-0.646h-0.007c-0.584,0-1.12,0.238-1.474,0.654l-0.056,0.057L6.338,49.018V15.517
h87.326V47.294z" />
<path d="M75.983,33.067c3.127,0,5.67-2.543,5.67-5.67c0-3.126-2.543-5.671-5.67-5.671s-5.67,2.545-5.67,5.671
C70.313,30.524,72.856,33.067,75.983,33.067z M75.983,24.321c1.697,0,3.076,1.38,3.076,3.076s-1.379,3.076-3.076,3.076
c-1.695,0-3.075-1.38-3.075-3.076S74.288,24.321,75.983,24.321z" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Creative and Modern Design Layout</h3>
<p>We want to our customers to increase the number of visitors satisfied in their
first
visit.
Be creative, modern and attractive all the time!</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M55.701,74.454h-6.063c-1.919,0-3.769,0.601-5.313,1.712v-52.52c0-2.93,2.383-5.313,5.313-5.313h29.726
v22.224c0,1.048,0.854,1.9,1.9,1.9s1.9-0.853,1.9-1.9V16.434c0-1.048-0.854-1.9-1.9-1.9H49.638c-2.845,0-5.489,1.314-7.213,3.552
c-1.724-2.237-4.368-3.552-7.213-3.552H2.314c-1.048,0-1.9,0.853-1.9,1.9v59.92c0,1.047,0.853,1.899,1.9,1.899h32.898
c2.93,0,5.313,2.384,5.313,5.313c0,1.049,0.853,1.901,1.9,1.901c1.048,0,1.9-0.853,1.9-1.901c0-2.929,2.383-5.313,5.313-5.313
h6.063c1.047,0,1.9-0.853,1.9-1.899C57.602,75.305,56.748,74.454,55.701,74.454z M40.524,76.166
c-1.543-1.111-3.394-1.712-5.313-1.712H4.213V18.333h30.999c2.93,0,5.313,2.384,5.313,5.313V76.166z" />
<path d="M33.744,25.928H10.896c-1.048,0-1.9,0.853-1.9,1.899c0,1.048,0.852,1.9,1.9,1.9h22.848
c1.048,0,1.899-0.853,1.899-1.9C35.643,26.78,34.792,25.928,33.744,25.928z" />
<path d="M33.744,34.86H10.896c-1.048,0-1.9,0.852-1.9,1.899s0.852,1.9,1.9,1.9h22.848
c1.048,0,1.899-0.853,1.899-1.9S34.792,34.86,33.744,34.86z" />
<path d="M33.744,43.792H10.896c-1.048,0-1.9,0.854-1.9,1.899c0,1.048,0.852,1.901,1.9,1.901h22.848
c1.048,0,1.899-0.854,1.899-1.901C35.643,44.646,34.792,43.792,33.744,43.792z" />
<path d="M72.557,25.928H50.979c-1.047,0-1.9,0.853-1.9,1.899c0,1.048,0.854,1.9,1.9,1.9h21.578
c1.045,0,1.898-0.853,1.898-1.9C74.455,26.78,73.602,25.928,72.557,25.928z" />
<path d="M74.455,36.76c0-1.048-0.854-1.899-1.898-1.899H50.979c-1.047,0-1.9,0.852-1.9,1.899s0.854,1.9,1.9,1.9
h21.578C73.602,38.66,74.455,37.808,74.455,36.76z" />
<path d="M50.979,43.792c-1.047,0-1.9,0.854-1.9,1.899c0,1.048,0.854,1.901,1.9,1.901H61.07
c1.049,0,1.9-0.854,1.9-1.901c0-1.046-0.852-1.899-1.9-1.899H50.979z" />
<path d="M33.744,52.725H10.896c-1.048,0-1.9,0.853-1.9,1.901c0,1.047,0.852,1.899,1.9,1.899h22.848
c1.048,0,1.899-0.853,1.899-1.899C35.643,53.577,34.792,52.725,33.744,52.725z" />
<path d="M95.877,58.743c-0.152,0-0.307,0.018-0.459,0.056c-1.016,0.254-1.637,1.286-1.383,2.302
c0.324,1.304,0.488,2.654,0.488,4.011c0,9.121-7.42,16.541-16.541,16.541c-3.355,0-6.59-1.002-9.352-2.897
c-0.496-0.342-1.152-0.428-1.721-0.223l-3.678,1.329l1.33-3.678c0.207-0.572,0.125-1.217-0.221-1.72
c-1.896-2.76-2.9-5.995-2.9-9.353c0-9.121,7.422-16.541,16.541-16.541c3.83,0,7.563,1.339,10.512,3.771
c0.34,0.277,0.768,0.432,1.207,0.432c0.57,0,1.105-0.252,1.469-0.691c0.664-0.808,0.549-2.008-0.26-2.675
c-3.627-2.989-8.219-4.635-12.928-4.635c-11.215,0-20.34,9.126-20.34,20.34c0,3.783,1.045,7.467,3.023,10.671l-2.383,6.598
c-0.25,0.689-0.076,1.471,0.441,1.988c0.508,0.507,1.314,0.688,1.99,0.443l6.598-2.384c3.203,1.979,6.887,3.024,10.67,3.024
c11.215,0,20.34-9.124,20.34-20.341c0-1.666-0.201-3.324-0.602-4.929C97.512,59.335,96.752,58.743,95.877,58.743z" />
<path d="M99.031,49.53c-0.359-0.359-0.838-0.557-1.344-0.557c-0.508,0-0.984,0.198-1.344,0.557L78.133,67.74
l-8.59-8.592c-0.359-0.359-0.838-0.558-1.346-0.558s-0.984,0.198-1.342,0.558c-0.359,0.358-0.557,0.835-0.557,1.343
c0,0.51,0.197,0.986,0.557,1.345l9.936,9.935c0.357,0.359,0.836,0.557,1.342,0.557c0.508,0,0.986-0.197,1.344-0.557l19.555-19.554
c0.357-0.357,0.555-0.834,0.555-1.342S99.389,49.889,99.031,49.53z" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Perfect Documentations</h3>
<p>Do you also think HTML documentation is not important? Riode will say 'It's
also
important'
and try to provide rich HOW-TOs to our customers.
</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M98.737,52.198l-7.71-7.71c-0.771-0.771-1.576-1.161-2.39-1.161c-0.676,0-1.294,0.266-1.786,0.771
c-0.704,0.725-0.935,1.73-0.917,2.371c0.042,1.648-0.263,2.306-0.525,2.571c-0.877,0.875-2.524,0.725-3.557-0.308
c-0.551-0.55-0.878-1.224-0.922-1.895c-0.041-0.631,0.177-1.222,0.616-1.66c0.454-0.455,1.354-0.514,2.089-0.514
c0.177,0,0.346,0.004,0.576,0.01c1.067,0,2.401-0.611,2.885-1.777c0.313-0.754,0.396-1.942-0.979-3.317l-7.729-7.729
c-0.119-0.12-0.259-0.226-0.42-0.321c-0.114-0.373-0.313-0.708-0.586-0.98l-7.71-7.71c-0.771-0.771-1.574-1.162-2.39-1.162
c-0.676,0-1.294,0.267-1.786,0.772c-0.705,0.724-0.934,1.73-0.917,2.371c0.042,1.647-0.262,2.308-0.524,2.57
c-0.877,0.875-2.524,0.727-3.557-0.306c-0.551-0.551-0.879-1.224-0.923-1.896c-0.041-0.631,0.178-1.221,0.616-1.66
c0.46-0.46,1.412-0.514,2.089-0.514c0.177,0,0.348,0.004,0.576,0.009c1.067,0,2.401-0.61,2.885-1.775
c0.313-0.754,0.397-1.943-0.979-3.318l-7.729-7.729c-0.859-0.86-2.498-0.86-3.359,0.001l-7.685,7.685
c-0.143,0.143-0.251,0.229-0.326,0.282c-0.029-0.08-0.049-0.166-0.047-0.217c0.033-1.253,0.096-3.585-1.468-5.148
c-0.955-0.955-2.135-1.459-3.414-1.459c-1.563,0-3.185,0.762-4.568,2.146c-1.16,1.16-1.881,2.475-2.087,3.804
c-0.243,1.575,0.24,3.021,1.399,4.18c1.006,1.007,2.528,1.497,4.651,1.497c0.172,0,0.332-0.003,0.477-0.007
c0.07,0,0.149,0.021,0.218,0.046c-0.058,0.082-0.146,0.191-0.282,0.328l-7.905,7.904c-0.449,0.449-0.696,1.046-0.696,1.68
s0.247,1.23,0.696,1.68l7.414,7.414c0.165,0.166,0.259,0.316,0.31,0.412c-0.076,0.053-0.167,0.101-0.22,0.101l-0.388-0.005
c-1.3-0.023-3.269-0.026-4.623,1.327c-1.116,1.117-1.652,2.525-1.551,4.072c0.095,1.448,0.763,2.859,1.881,3.978
c1.193,1.192,2.786,1.877,4.369,1.877c1.417,0,2.753-0.557,3.765-1.567c1.388-1.389,1.496-3.522,1.457-5.005
c-0.001-0.033,0.009-0.083,0.024-0.136c0.072,0.054,0.16,0.129,0.263,0.233l7.647,7.647c0.12,0.121,0.256,0.226,0.421,0.326
c0.114,0.369,0.313,0.704,0.585,0.977l7.414,7.413c0.224,0.224,0.316,0.544,0.35,0.69c-0.086,0.129-0.217,0.293-0.26,0.318
c-0.196,0-0.424-0.015-0.673-0.029c-0.318-0.021-0.67-0.04-1.037-0.04c-0.926,0-2.274,0.118-3.301,1.144
c-1.142,1.145-1.649,2.436-1.551,3.947c0.094,1.426,0.744,2.779,1.881,3.916c1.174,1.174,2.767,1.848,4.369,1.848
c1.406,0,2.742-0.563,3.764-1.585c1.389-1.389,1.496-3.525,1.457-5.013c-0.001-0.032,0.009-0.084,0.025-0.139
c0.071,0.054,0.159,0.128,0.262,0.231l7.648,7.647c0.446,0.446,1.042,0.693,1.68,0.693c0.635,0,1.231-0.247,1.679-0.696l7.911-7.91
c1.269-1.269,1.322-1.93,0.974-2.774c-0.48-1.161-1.729-1.235-2.733-1.24c-0.001-0.005-0.003-0.009-0.005-0.013
c-0.098-0.215-0.231-0.51-0.553-0.51c-1.036,0-1.811-0.406-2.191-0.786c-0.411-0.411-0.649-1.105-0.605-1.766
c0.044-0.688,0.384-1.41,0.909-1.936c1.027-1.027,2.646-1.193,3.504-0.335c0.507,0.507,0.522,1.575,0.497,2.536
c-0.019,0.666,0.211,1.634,0.914,2.355c0.486,0.499,1.102,0.763,1.778,0.763c0.81,0,1.609-0.39,2.377-1.157l8.264-8.265
C99.663,54.632,99.663,53.124,98.737,52.198z M83.534,66.614l-7.517,7.517l-7.254-7.254c-0.809-0.808-1.647-1.219-2.494-1.219
c-0.697,0-1.334,0.276-1.841,0.797c-0.735,0.754-0.976,1.804-0.957,2.476c0.048,1.81-0.301,2.546-0.6,2.847
c-0.434,0.434-1.033,0.673-1.689,0.673c-0.822,0-1.66-0.366-2.297-1.002c-0.614-0.613-0.979-1.369-1.027-2.126
c-0.047-0.704,0.2-1.365,0.697-1.861c0.52-0.521,1.511-0.587,2.318-0.587c0.193,0,0.383,0.004,0.628,0.01
c1.113,0,2.504-0.633,3.004-1.842c0.324-0.782,0.408-2.014-1.029-3.451l-6.889-6.888l7.665-7.666
c1.386-1.386,1.27-2.305,0.974-3.023c-0.392-0.945-1.359-1.457-2.806-1.486c-0.093-0.107-0.244-0.276-0.485-0.276
c-1.127,0-1.87-0.342-2.191-0.662c-0.422-0.422-0.647-1.06-0.605-1.704c0.044-0.676,0.375-1.37,0.91-1.904
c1.023-1.023,2.644-1.179,3.503-0.32c0.509,0.508,0.522,1.58,0.498,2.545c-0.018,0.638,0.211,1.637,0.913,2.359
c0.488,0.5,1.104,0.765,1.778,0.765c0.81,0,1.609-0.389,2.377-1.158l7.724-7.722l7.203,7.202c0.03,0.03,0.058,0.059,0.083,0.086
c-1.179-0.031-3.222-0.068-4.654,1.366c-1.022,1.022-1.552,2.372-1.489,3.802c0.062,1.417,0.698,2.802,1.795,3.899
c1.137,1.137,2.643,1.788,4.132,1.788c1.347,0,2.614-0.524,3.571-1.48c1.288-1.29,1.414-3.244,1.386-4.635
c0.026,0.024,0.056,0.053,0.086,0.083l7.316,7.317l-7.871,7.871c-0.021,0.021-0.041,0.041-0.062,0.061
c0.029-1.163,0.036-3.194-1.358-4.589c-0.949-0.948-2.209-1.472-3.548-1.472c-1.479,0-2.975,0.647-4.102,1.776
c-1.083,1.081-1.715,2.45-1.779,3.852c-0.067,1.431,0.457,2.78,1.476,3.797c0.929,0.929,2.323,1.382,4.264,1.382
c0.108,0,0.211-0.002,0.306-0.004C83.575,66.572,83.556,66.592,83.534,66.614z M43.152,43.391c0.324-0.78,0.408-2.013-1.03-3.449
l-7.02-7.021l7.512-7.513c1.171-1.172,1.503-2.23,1.047-3.33c-0.436-1.05-1.582-1.682-3.074-1.696
c-0.002-0.003-0.01-0.009-0.029-0.02c-0.096-0.06-0.241-0.149-0.431-0.149c-1.16,0-2.123-0.271-2.577-0.726
c-0.482-0.481-0.676-1.055-0.575-1.702c0.109-0.706,0.569-1.508,1.263-2.201c1.372-1.372,2.861-1.671,3.836-0.697
c0.62,0.62,0.64,1.869,0.61,2.992c-0.018,0.681,0.226,1.749,0.974,2.518c0.515,0.528,1.161,0.806,1.868,0.806
c0.857,0,1.711-0.417,2.536-1.241l7.293-7.293l7.335,7.335c0.03,0.03,0.059,0.059,0.083,0.086
c-1.179-0.032-3.222-0.067-4.654,1.366c-2.107,2.108-1.976,5.419,0.307,7.702c1.136,1.136,2.643,1.788,4.132,1.788
c1.347,0,2.613-0.526,3.57-1.481c1.289-1.29,1.414-3.243,1.386-4.635c0.026,0.025,0.056,0.053,0.086,0.083l7.316,7.317L67.045,40.1
c-0.021,0.021-0.041,0.041-0.063,0.06c0.029-1.163,0.037-3.194-1.357-4.589c-0.948-0.949-2.209-1.471-3.547-1.471
c-1.479,0-2.975,0.647-4.103,1.776c-1.083,1.082-1.715,2.45-1.78,3.852c-0.066,1.431,0.458,2.78,1.477,3.797
c0.929,0.929,2.323,1.38,4.264,1.38c0.108,0,0.21-0.001,0.306-0.003c-0.02,0.02-0.039,0.041-0.062,0.063l-7.517,7.517l-7.254-7.254
c-0.809-0.808-1.648-1.219-2.493-1.219c-0.698,0-1.335,0.276-1.842,0.797c-0.735,0.753-0.976,1.803-0.957,2.474
c0.048,1.812-0.299,2.548-0.599,2.849c-0.433,0.434-1.033,0.672-1.689,0.672c-0.823,0-1.66-0.365-2.297-1.003
c-0.614-0.613-0.979-1.367-1.028-2.125c-0.046-0.704,0.201-1.366,0.698-1.862c0.519-0.52,1.512-0.586,2.318-0.586
c0.193,0,0.383,0.004,0.628,0.01C41.261,45.234,42.651,44.601,43.152,43.391z M62.289,43.318L62.289,43.318c0,0,0.002,0,0.003,0
C62.291,43.318,62.29,43.318,62.289,43.318z M40.537,21.173l-0.001,0c0.001,0,0.002,0,0.004,0
C40.54,21.173,40.538,21.173,40.537,21.173z M40.141,43.318c0.038,0,0.074-0.017,0.112-0.021
C40.215,43.31,40.178,43.318,40.141,43.318C40.14,43.318,40.14,43.318,40.141,43.318c-0.001,0-0.002,0-0.002,0H40.141z
M61.494,65.463L61.494,65.463c-0.005,0-0.01,0-0.014,0C61.484,65.463,61.49,65.463,61.494,65.463z M83.663,65.463
c-0.005,0-0.012,0-0.018,0h-0.002c-0.003,0-0.005-0.006-0.008-0.006C83.646,65.457,83.653,65.463,83.663,65.463z" />
<path d="M38.301,57.639c-0.771-0.772-1.574-1.162-2.389-1.162c-0.676,0-1.294,0.266-1.786,0.771
c-0.705,0.725-0.935,1.729-0.917,2.371c0.042,1.648-0.263,2.308-0.525,2.571c-0.878,0.871-2.525,0.725-3.556-0.307
c-0.551-0.552-0.878-1.226-0.922-1.896c-0.042-0.632,0.176-1.222,0.615-1.66c0.456-0.454,1.355-0.514,2.089-0.514
c0.177,0,0.346,0.004,0.576,0.009c1.067,0,2.401-0.61,2.885-1.775c0.312-0.756,0.396-1.943-0.979-3.318L25.663,45
c-0.859-0.86-2.499-0.862-3.358,0l-7.685,7.685c-0.143,0.143-0.252,0.229-0.327,0.28c-0.028-0.08-0.048-0.164-0.047-0.216
c0.033-1.253,0.095-3.585-1.469-5.149c-0.953-0.954-2.133-1.459-3.413-1.459c-1.563,0-3.186,0.763-4.569,2.146
c-1.159,1.158-1.88,2.473-2.087,3.804c-0.244,1.576,0.24,3.021,1.399,4.181c1.007,1.007,2.529,1.496,4.651,1.496
c0.172,0,0.333-0.003,0.477-0.007c0.07,0,0.148,0.021,0.218,0.046C9.394,57.89,9.305,58,9.169,58.135l-7.905,7.904
c-0.449,0.45-0.696,1.047-0.696,1.681s0.247,1.23,0.696,1.68l7.414,7.415c0.166,0.164,0.259,0.316,0.31,0.412
c-0.076,0.053-0.167,0.101-0.22,0.101l-0.388-0.005c-1.301-0.021-3.269-0.026-4.623,1.326c-1.116,1.117-1.652,2.524-1.55,4.072
c0.094,1.446,0.762,2.857,1.88,3.977c1.194,1.194,2.786,1.879,4.369,1.879c1.417,0,2.753-0.559,3.764-1.569
c1.388-1.389,1.496-3.52,1.457-5.003c-0.001-0.032,0.009-0.083,0.025-0.137c0.071,0.055,0.159,0.129,0.262,0.233l7.648,7.647
c0.449,0.449,1.046,0.696,1.68,0.696c0.635,0,1.231-0.247,1.679-0.696l7.911-7.91c1.385-1.386,1.27-2.308,0.973-3.023
c-0.391-0.945-1.359-1.458-2.805-1.486c-0.092-0.107-0.243-0.276-0.486-0.276c-1.128,0-1.871-0.341-2.19-0.661
c-0.422-0.423-0.649-1.06-0.606-1.706c0.043-0.674,0.375-1.368,0.91-1.902c1.023-1.022,2.644-1.18,3.503-0.321
c0.508,0.508,0.523,1.58,0.497,2.546c-0.017,0.637,0.211,1.636,0.914,2.358c0.489,0.501,1.104,0.765,1.779,0.765
c0.808,0,1.607-0.39,2.376-1.158l8.265-8.264c0.925-0.928,0.925-2.435,0-3.36L38.301,57.639z M30.809,79.765l-7.517,7.517
l-7.254-7.254c-0.809-0.81-1.647-1.219-2.493-1.219c-0.699,0-1.336,0.274-1.842,0.795c-0.734,0.754-0.975,1.805-0.958,2.475
c0.048,1.813-0.298,2.549-0.598,2.85c-0.433,0.432-1.033,0.671-1.689,0.671c-0.823,0-1.66-0.366-2.298-1.003
c-0.614-0.612-0.979-1.368-1.028-2.123c-0.046-0.706,0.201-1.367,0.698-1.863c0.519-0.519,1.512-0.585,2.318-0.585
c0.169,0,0.335,0.003,0.525,0.006l0.103,0.003c1.114,0,2.502-0.633,3.004-1.843c0.324-0.78,0.408-2.014-1.029-3.449l-7.02-7.021
l7.512-7.513c1.17-1.173,1.502-2.23,1.046-3.329c-0.436-1.051-1.58-1.682-3.072-1.696c-0.002-0.003-0.011-0.009-0.029-0.02
c-0.096-0.061-0.241-0.149-0.431-0.149c-1.16,0-2.124-0.272-2.578-0.727c-0.482-0.481-0.675-1.054-0.575-1.702
c0.109-0.704,0.57-1.508,1.263-2.199c1.373-1.372,2.861-1.672,3.835-0.699c0.621,0.621,0.64,1.869,0.61,2.993
c-0.018,0.68,0.226,1.747,0.974,2.516c0.515,0.528,1.161,0.808,1.867,0.808c0.857,0,1.709-0.417,2.536-1.241l7.293-7.293
l7.335,7.334c0.03,0.029,0.058,0.059,0.083,0.085c-1.177-0.026-3.223-0.065-4.654,1.367c-2.108,2.109-1.976,5.418,0.307,7.702
c1.136,1.135,2.642,1.787,4.131,1.787c1.347,0,2.615-0.525,3.571-1.481c1.289-1.288,1.415-3.243,1.386-4.635
c0.027,0.025,0.056,0.054,0.086,0.083l7.317,7.318l-7.871,7.87c-0.021,0.021-0.042,0.04-0.063,0.061
c0.029-1.163,0.036-3.195-1.358-4.59c-0.948-0.948-2.208-1.47-3.547-1.47c-1.48,0-2.976,0.646-4.103,1.774
c-1.083,1.081-1.714,2.45-1.779,3.853c-0.066,1.43,0.458,2.778,1.476,3.797c0.929,0.929,2.324,1.381,4.264,1.381
c0.108,0,0.212-0.002,0.306-0.003C30.851,79.722,30.83,79.742,30.809,79.765z M9.166,55.973l-0.001-0.001
c0.001,0,0.002,0.001,0.004,0.001C9.167,55.973,9.166,55.973,9.166,55.973z M8.769,78.118c0.038,0,0.074-0.018,0.112-0.022
C8.844,78.109,8.806,78.118,8.769,78.118c0,0-0.001,0-0.001,0c0,0-0.001,0-0.001,0H8.769z M30.918,78.118c0,0,0-0.002,0-0.002
c0.001,0,0.002,0.002,0.003,0.002C30.92,78.118,30.919,78.118,30.918,78.118z" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Well-Defined CSS & JS</h3>
<p>Have you ever seen JS working like a geared cogwheels? High speed and 'No Free
Time' is
the main point which Riode concentrate on all the time.
</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<polygon points="19.719,76.717 19.719,80.281 80.281,80.281 80.281,76.717 51.781,76.717 51.781,54.102 55.644,59.895
58.607,57.918 50,45.007 41.393,57.918 44.357,59.895 48.218,54.102 48.218,76.717 " />
<polygon points="32.188,83.844 10.813,83.844 10.813,69.594 32.188,69.594 32.188,74.938 35.75,74.938 35.75,66.031 7.25,66.031
7.25,87.406 19.719,87.406 19.719,89.188 16.156,89.188 16.156,92.75 26.844,92.75 26.844,89.188 23.281,89.188 23.281,87.406
35.75,87.406 35.75,82.063 32.188,82.063 " />
<polygon points="92.75,87.406 92.75,66.031 64.249,66.031 64.249,74.938 67.813,74.938 67.813,69.594 89.188,69.594 89.188,83.844
67.813,83.844 67.813,82.063 64.249,82.063 64.249,87.406 76.718,87.406 76.718,89.188 73.156,89.188 73.156,92.75 83.844,92.75
83.844,89.188 80.281,89.188 80.281,87.406 " />
<path d="M19.719,53.563h17.813V50H19.719V39.313h60.563V50H62.469v3.563h17.813v8.906h3.563V12.593
c0-2.947-2.396-5.344-5.344-5.344h-57c-2.947,0-5.344,2.397-5.344,5.344v49.875h3.563V53.563z M19.719,35.75V25.062h28.5h3.563
h28.5V35.75H19.719z M21.5,10.812h57c0.982,0,1.781,0.799,1.781,1.781V21.5h-28.5h-3.563h-28.5v-8.906
C19.719,11.611,20.518,10.812,21.5,10.812z" />
<rect x="23.281" y="14.375" width="3.563" height="3.562" />
<rect x="66.031" y="14.375" width="10.687" height="3.562" />
<rect x="23.281" y="28.624" width="3.563" height="3.563" />
<rect x="66.031" y="28.624" width="10.687" height="3.563" />
<rect x="23.281" y="42.875" width="3.563" height="3.562" />
<rect x="66.031" y="42.875" width="10.687" height="3.562" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Stable Structure</h3>
<p>Easily adaptable to our well-designed structure, customers will be satisfied
updating
forward versions without any big issues.</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M51.528,17.152v-1.808h3.296c1.696,0,3.292-0.661,4.492-1.861c1.198-1.2,1.859-2.795,1.859-4.491
c0-1.697-0.661-3.292-1.859-4.493c-1.2-1.199-2.796-1.86-4.492-1.86h-9.649c-1.697,0-3.292,0.661-4.491,1.86
c-1.2,1.2-1.861,2.796-1.861,4.493s0.661,3.292,1.861,4.491c1.199,1.201,2.794,1.861,4.491,1.861h3.298v1.808
C27.054,17.959,9.877,35.625,9.877,57.236c0,22.123,17.998,40.123,40.122,40.123c22.125,0,40.124-18,40.124-40.123
C90.123,35.626,72.946,17.96,51.528,17.152z M45.175,12.289c-0.881,0-1.708-0.342-2.33-0.966c-0.624-0.623-0.967-1.45-0.967-2.33
c0-0.881,0.343-1.709,0.967-2.332c0.622-0.623,1.449-0.965,2.33-0.965h9.649c0.88,0,1.709,0.343,2.331,0.965
c0.622,0.622,0.965,1.451,0.965,2.332c0,0.88-0.343,1.708-0.965,2.33c-0.622,0.624-1.451,0.966-2.331,0.966h-3.296V8.993h-3.056
v3.296H45.175z M49.999,94.305c-20.438,0-37.066-16.629-37.066-37.068c0-20.439,16.628-37.067,37.066-37.067
c20.44,0,37.068,16.628,37.068,37.067C87.067,77.676,70.439,94.305,49.999,94.305z" />
<path d="M49.999,23.117c-18.813,0-34.119,15.306-34.119,34.119c0,18.813,15.305,34.119,34.119,34.119
c18.814,0,34.12-15.307,34.12-34.119C84.119,38.423,68.813,23.117,49.999,23.117z M49.999,88.301
c-17.127,0-31.063-13.936-31.063-31.064c0-17.128,13.936-31.064,31.063-31.064c17.13,0,31.065,13.936,31.065,31.064
C81.064,74.365,67.129,88.301,49.999,88.301z" />
<rect x="48.472" y="29.898" width="3.056" height="3.752" />
<rect x="35.393" y="33.658" transform="matrix(-0.5002 -0.8659 0.8659 -0.5002 25.4419 85.0564)" width="3.752" height="3.055" />
<rect x="26.073" y="42.978" transform="matrix(-0.8659 -0.5002 0.5002 -0.8659 29.8876 97.0238)" width="3.75" height="3.056" />
<rect x="22.661" y="55.708" width="3.753" height="3.055" />
<rect x="26.421" y="68.091" transform="matrix(-0.5006 -0.8657 0.8657 -0.5006 -18.6287 129.187)" width="3.055" height="3.752" />
<rect x="35.741" y="77.412" transform="matrix(-0.8657 -0.5005 0.5005 -0.8657 29.8462 166.5814)" width="3.055" height="3.751" />
<rect x="48.472" y="80.822" width="3.056" height="3.752" />
<rect x="60.855" y="77.759" transform="matrix(-0.5005 -0.8657 0.8657 -0.5005 25.489 173.2798)" width="3.752" height="3.056" />
<rect x="70.173" y="68.439" transform="matrix(-0.8662 -0.4997 0.4997 -0.8662 99.5038 166.5748)" width="3.756" height="3.055" />
<rect x="73.583" y="55.707" width="3.755" height="3.057" />
<rect x="70.524" y="42.627" transform="matrix(0.4999 0.8661 -0.8661 0.4999 74.5762 -40.1453)" width="3.055" height="3.756" />
<rect x="61.202" y="33.309" transform="matrix(-0.8659 -0.5002 0.5002 -0.8659 99.4488 97.0313)" width="3.056" height="3.753" />
<path d="M48.504,49.788h3.006c0.773,0,1.545,0.319,2.094,0.854c0.697,0.707,0.844,1.533,0.844,2.1h3.056
c0-1.609-0.612-3.117-1.745-4.266c-1.132-1.103-2.671-1.737-4.228-1.743v-3.076h-3.056v3.077c-1.59,0.007-3.087,0.627-4.24,1.769
c-1.122,1.146-1.74,2.653-1.74,4.239c0,1.611,0.621,3.123,1.757,4.266c1.142,1.133,2.652,1.758,4.253,1.758h3.006
c0.771,0,1.542,0.32,2.103,0.869c0.538,0.537,0.835,1.279,0.835,2.096c0,0.809-0.297,1.553-0.822,2.08
c-0.572,0.557-1.342,0.877-2.115,0.877h-3.006c-0.789,0-1.535-0.309-2.091-0.855c-0.556-0.564-0.863-1.311-0.863-2.102h-3.056
c0,1.6,0.621,3.107,1.759,4.26c1.135,1.124,2.632,1.743,4.222,1.751v3.075h3.056v-3.075c1.557-0.006,3.096-0.639,4.245-1.759
c1.114-1.119,1.728-2.629,1.728-4.252c0-1.633-0.615-3.146-1.743-4.271c-1.139-1.111-2.687-1.75-4.25-1.75h-3.006
c-0.789,0-1.535-0.309-2.094-0.861c-0.555-0.559-0.86-1.307-0.86-2.105c0-0.783,0.309-1.531,0.852-2.086
C46.967,50.097,47.714,49.788,48.504,49.788z" />
<path d="M80.874,23.065c0.393-0.395,1.083-0.392,1.477,0l1.818,1.819c0.198,0.198,0.308,0.461,0.308,0.739
c0,0.28-0.108,0.542-0.307,0.74l-2.274,2.274l2.161,2.161l2.273-2.273c0.774-0.775,1.201-1.805,1.201-2.902
c0-1.094-0.426-2.124-1.2-2.899l-1.819-1.821c-0.774-0.773-1.805-1.199-2.9-1.2c-1.096,0.001-2.126,0.428-2.898,1.202l-2.275,2.273
l2.161,2.161L80.874,23.065z" />
<path d="M15.942,30.798l2.161-2.16l-2.273-2.274c-0.198-0.198-0.307-0.461-0.307-0.736
c0-0.281,0.109-0.544,0.307-0.742l1.818-1.818c0.398-0.398,1.086-0.394,1.479-0.001l2.275,2.274l2.161-2.161l-2.274-2.273
c-0.775-0.774-1.805-1.2-2.9-1.202c-1.094,0-2.124,0.427-2.9,1.202l-1.818,1.82c-0.773,0.773-1.201,1.801-1.202,2.902
c0.001,1.095,0.429,2.124,1.202,2.897L15.942,30.798z" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">High-Speed Oriented</h3>
<p>Riode has high performance framework base, everything is oriented to high
speed.
Choose
Riode and make your site at high performance.</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M26.059,24.448c5.63,0,10.212-4.58,10.212-10.213c0-5.631-4.582-10.212-10.212-10.212c-5.632,0-10.213,4.581-10.213,10.212
C15.846,19.868,20.427,24.448,26.059,24.448z M26.059,6.959c4.012,0,7.275,3.265,7.275,7.276c0,4.013-3.264,7.278-7.275,7.278
c-4.013,0-7.278-3.266-7.278-7.278C18.78,10.224,22.046,6.959,26.059,6.959z" />
<path d="M75.222,21.084h-7.633c-0.454,0-0.883,0.211-1.161,0.57l-9.407,12.171l-5.55-7.165c-0.274-0.354-0.698-0.564-1.16-0.569
c-0.445,0-0.866,0.202-1.145,0.55l-6.961,8.664c-0.51,0.633-0.408,1.556,0.224,2.063c0.271,0.218,0.597,0.323,0.919,0.323
c0.43,0,0.854-0.187,1.146-0.549l5.796-7.214l5.571,7.194c0.277,0.359,0.706,0.568,1.162,0.568c0.454,0,0.882-0.211,1.159-0.569
L68.31,24.021h6.912c0.811,0,1.468-0.657,1.468-1.469C76.689,21.741,76.032,21.084,75.222,21.084z" />
<path d="M76.563,40.208h-8.723c-0.811,0-1.468,0.657-1.468,1.468s0.657,1.468,1.468,1.468h8.723c0.811,0,1.468-0.657,1.468-1.468
S77.374,40.208,76.563,40.208z" />
<path d="M76.563,44.869h-8.723c-0.811,0-1.468,0.657-1.468,1.469c0,0.811,0.657,1.468,1.468,1.468h8.723
c0.811,0,1.468-0.657,1.468-1.468C78.031,45.526,77.374,44.869,76.563,44.869z" />
<path d="M63.521,55.766h19.166c0.811,0,1.468-0.656,1.468-1.467V13.913c0-0.811-0.657-1.468-1.468-1.468H41.673
c-0.812,0-1.469,0.657-1.469,1.468s0.657,1.468,1.469,1.468h39.546V52.83H62.053H46.578h-8.742c-0.811,0-1.468,0.658-1.468,1.469
s0.657,1.467,1.468,1.467h7.274v3.974c0,0,0,0.002,0,0.004v0.007c0,0.012,0.001,0.022,0.001,0.033
c0.001,0.035,0.002,0.073,0.006,0.11c0.002,0.018,0.005,0.033,0.008,0.051c0.003,0.031,0.008,0.063,0.013,0.091
c0.005,0.022,0.01,0.042,0.016,0.064c0.006,0.023,0.012,0.051,0.02,0.074c0.007,0.024,0.016,0.047,0.023,0.069
c0.008,0.021,0.016,0.046,0.024,0.068c0.01,0.024,0.022,0.048,0.033,0.07c0.01,0.02,0.019,0.04,0.028,0.06
c0.014,0.024,0.028,0.049,0.043,0.071c0.011,0.018,0.019,0.032,0.029,0.051l3.698,5.574L34.635,85.97
c-0.424-0.089-0.862-0.135-1.313-0.135h-0.767V47.605l2.197,1.938c0.957,0.844,2.189,1.31,3.469,1.31h14.411
c2.892,0,5.244-2.353,5.244-5.245c0-2.892-2.353-5.245-5.244-5.245H40.204l-7.648-6.742v-2.139c0-2.973-2.419-5.392-5.391-5.392
h-2.551c-3.76,0-6.819,3.06-6.819,6.82V57.99c0,2.409,1.669,4.655,3.777,5.404v29.647h-2.311c-0.811,0-1.467,0.655-1.467,1.466
c0,0.813,0.656,1.469,1.467,1.469h3.777h15.183h44.465c0.811,0,1.468-0.655,1.468-1.469c0-0.811-0.657-1.466-1.468-1.466h-3.749
L59.421,66.187l3.844-5.605c0.001-0.003,0.002-0.005,0.004-0.007c0.014-0.021,0.026-0.042,0.04-0.064
c0.011-0.02,0.024-0.039,0.035-0.06c0.002-0.004,0.005-0.011,0.008-0.016c0.039-0.075,0.071-0.152,0.097-0.229
c0.002-0.007,0.005-0.011,0.007-0.018c0.043-0.142,0.065-0.287,0.065-0.433c0,0,0-0.003,0-0.005V55.766z M60.585,55.766v2.518
h-12.54v-2.518H60.585z M49.313,61.219h3.316l-1.734,2.386L49.313,61.219z M52.033,67.03c0.011-0.016,0.022-0.031,0.032-0.044
l4.191-5.768h3.01L39.376,90.229c-0.386-1.179-1.105-2.208-2.048-2.973L52.033,67.03z M54.194,73.809l13.403,19.233h-26.59
L54.194,73.809z M23.05,60.72c-0.933-0.007-2.319-1.155-2.319-2.729V32.911c0-2.142,1.741-3.884,3.884-3.884h2.551
c1.354,0,2.455,1.102,2.455,2.455v2.801c0,0.422,0.181,0.822,0.497,1.102l8.562,7.547c0.268,0.237,0.613,0.367,0.971,0.367h12.983
c1.273,0,2.31,1.037,2.31,2.31c0,1.273-1.036,2.31-2.31,2.31H38.222c-0.563,0-1.105-0.204-1.527-0.576l-4.637-4.087l0,0
l-3.894-3.435c-0.61-0.536-1.537-0.479-2.072,0.13c-0.537,0.608-0.479,1.535,0.131,2.071l3.397,2.996v42.283
c0,0.812,0.656,1.47,1.468,1.47h2.234c1.893,0,3.432,1.539,3.432,3.43v0.842H24.508V62.188
C24.508,61.383,23.857,60.727,23.05,60.72z M75.31,93.042h-4.133l-15.208-21.82l1.691-2.467L75.31,93.042z" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Flexible & Customizable</h3>
<p>Not only using provided layouts, you can create new beautiful layouts without
any
complex
working. Best template for developers and designers!
</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M89.684,36.996c-0.451,0.067-0.851,0.306-1.122,0.672c-0.272,0.366-0.385,0.817-0.318,1.268
c0.67,4.542,0.532,9.113-0.407,13.583c-0.194,0.921,0.398,1.828,1.321,2.022c0.119,0.025,0.236,0.037,0.352,0.037
c0.804,0,1.507-0.571,1.671-1.358c1.024-4.868,1.173-9.841,0.444-14.782C91.489,37.523,90.637,36.86,89.684,36.996z" />
<path d="M81.507,36.228c-0.921,0.193-1.515,1.1-1.321,2.022c0.38,1.816,0.597,3.415,0.646,5.266
c0.024,0.933,0.774,1.402,1.707,1.402h0.039h0.007c0.456,0,0.882,0.06,1.195-0.272c0.313-0.331,0.48-0.635,0.468-1.091
c-0.054-2.054-0.294-4.053-0.717-6.07C83.341,36.583,82.422,36.038,81.507,36.228z" />
<path d="M93.202,17.822c-1.666-1.874-4.147-2.843-6.691-2.565l-23.175,2.587c-7.298,0.815-13.428,6.142-15.252,13.253l-0.526,2.05
c-0.113,0.442-0.048,0.902,0.185,1.295s0.604,0.672,1.047,0.786c0.895,0.23,1.85-0.336,2.079-1.231l0.526-2.05
c1.473-5.745,6.425-10.047,12.32-10.706l23.173-2.587c1.428-0.16,2.828,0.389,3.764,1.441c0.915,1.027,1.291,2.392,1.029,3.742
c-0.26,1.354-1.117,2.482-2.35,3.095L59.927,41.577c-0.408,0.204-0.713,0.554-0.858,0.986c-0.145,0.433-0.112,0.896,0.09,1.304
c0.291,0.585,0.878,0.948,1.53,0.948c0.268,0,0.523-0.061,0.761-0.18l29.405-14.645c2.195-1.093,3.719-3.101,4.183-5.508
C95.499,22.077,94.831,19.648,93.202,17.822z" />
<path d="M55.004,34.581c0.779,0,1.46-0.528,1.653-1.284c0.917-3.573,3.996-6.248,7.662-6.657c0.453-0.051,0.859-0.275,1.145-0.631
c0.284-0.356,0.413-0.803,0.363-1.256c-0.104-0.931-0.971-1.605-1.889-1.508c-5.068,0.566-9.324,4.265-10.591,9.204
c-0.233,0.913,0.318,1.846,1.23,2.079C54.718,34.563,54.861,34.581,55.004,34.581z" />
<path d="M60.815,47.917c-0.652-0.639-1.777-0.627-2.416,0.027c-0.319,0.324-0.492,0.756-0.488,1.212
c0.005,0.458,0.188,0.885,0.515,1.204l1.766,1.73c4.239,4.149,5.489,10.589,3.112,16.024l-9.348,21.364
c-0.566,1.298-1.734,2.245-3.119,2.534c-1.48,0.308-3.063-0.197-4.092-1.292c-0.823-0.876-1.254-2.067-1.18-3.27l2.037-33.049
c0.027-0.455-0.123-0.895-0.426-1.236c-0.303-0.343-0.721-0.546-1.286-0.577c-0.897,0-1.644,0.704-1.699,1.604L42.156,87.24
c-0.133,2.139,0.632,4.261,2.099,5.821c1.47,1.564,3.54,2.461,5.68,2.461c0.529,0,1.064-0.055,1.593-0.164
c2.473-0.515,4.551-2.201,5.559-4.513l9.348-21.361c2.944-6.728,1.396-14.699-3.852-19.837L60.815,47.917z" />
<path d="M59.206,68.187c0.216,0.095,0.447,0.143,0.684,0.143c0.681,0,1.295-0.402,1.565-1.023
c2.043-4.67,0.969-10.206-2.675-13.775c-0.649-0.638-1.776-0.628-2.416,0.025c-0.659,0.674-0.646,1.758,0.026,2.417
c2.635,2.581,3.412,6.586,1.935,9.964C57.947,66.8,58.344,67.809,59.206,68.187z" />
<path d="M42.719,51.448c0.224-0.396,0.278-0.857,0.156-1.298c-0.246-0.886-1.224-1.43-2.105-1.185l-2.419,0.676
c-1.26,0.352-2.56,0.53-3.865,0.53c-4.547,0-8.871-2.186-11.568-5.848L9.089,25.545c-0.841-1.141-1.078-2.625-0.633-3.972
c0.596-1.8,2.271-3.01,4.168-3.01c0.859,0,1.694,0.252,2.416,0.73l27.249,18.052c0.761,0.504,1.866,0.278,2.369-0.48
c0.52-0.785,0.305-1.848-0.48-2.369l-27.25-18.053c-1.282-0.849-2.771-1.298-4.303-1.298c-3.374,0-6.353,2.151-7.412,5.354
c-0.792,2.398-0.371,5.042,1.125,7.073l13.828,18.776c3.339,4.535,8.692,7.241,14.32,7.241c1.611,0,3.221-0.222,4.785-0.657
l2.419-0.677C42.129,52.134,42.494,51.847,42.719,51.448z" />
<path d="M36.891,44.407c-3.537,0.987-7.441-0.378-9.598-3.306c-0.537-0.731-1.657-0.901-2.389-0.362
c-0.758,0.559-0.92,1.631-0.361,2.389c2.318,3.148,6.036,5.027,9.944,5.027c1.119,0,2.236-0.153,3.321-0.457
c0.439-0.122,0.805-0.408,1.029-0.805c0.225-0.398,0.281-0.859,0.159-1.298C38.748,44.709,37.779,44.161,36.891,44.407z" />
<path d="M24.889,14.626c0.384,0,0.761-0.132,1.062-0.371c3.595-2.855,7.619-5.025,11.958-6.449
c0.434-0.143,0.786-0.445,0.992-0.852C39.107,6.547,39.143,6.084,39,5.651c-0.288-0.876-1.282-1.381-2.157-1.091
c-4.726,1.551-9.105,3.913-13.018,7.02c-0.357,0.284-0.583,0.69-0.635,1.143c-0.052,0.453,0.076,0.9,0.359,1.257
C23.875,14.391,24.364,14.626,24.889,14.626z" />
<path d="M31.961,15.398c-1.714,1.062-3.347,2.284-4.85,3.631c-0.34,0.305-0.541,0.724-0.566,1.179
c-0.025,0.456,0.129,0.894,0.433,1.233c0.324,0.361,0.788,0.568,1.273,0.568c0.421,0,0.827-0.155,1.141-0.437
c1.354-1.213,2.823-2.314,4.367-3.27c0.388-0.241,0.659-0.618,0.764-1.061c0.104-0.445,0.03-0.903-0.21-1.291
C33.833,15.177,32.743,14.917,31.961,15.398z" />
<path d="M34.851,80.152c-4.225-1.793-8.054-4.29-11.381-7.422c-0.66-0.621-1.795-0.587-2.416,0.073
c-0.646,0.687-0.613,1.771,0.073,2.416c3.621,3.408,7.79,6.126,12.392,8.079c0.212,0.089,0.436,0.134,0.665,0.134
c0.687,0,1.304-0.408,1.574-1.041C36.125,81.523,35.718,80.519,34.851,80.152z" />
<path d="M39.634,73.63c-1.774-0.631-3.497-1.426-5.12-2.365c-0.789-0.455-1.882-0.158-2.333,0.625
c-0.229,0.396-0.29,0.856-0.171,1.298c0.118,0.44,0.4,0.808,0.796,1.037c1.802,1.042,3.714,1.924,5.685,2.626
c0.185,0.064,0.377,0.099,0.572,0.099c0.72,0,1.368-0.457,1.61-1.137C40.987,74.926,40.521,73.946,39.634,73.63z" />
<path d="M81.443,53.154c-0.875-0.29-1.868,0.211-2.157,1.084c-0.095,0.285-0.194,0.572-0.298,0.854
c-0.156,0.429-0.136,0.894,0.057,1.308c0.192,0.413,0.535,0.728,0.962,0.882c0.188,0.071,0.386,0.105,0.587,0.105
c0.715,0,1.36-0.451,1.604-1.122c0.116-0.314,0.228-0.636,0.333-0.952C82.826,54.419,82.34,53.45,81.443,53.154z" />
<path d="M79.445,58.531c-0.803-0.439-1.883-0.109-2.314,0.691c-0.143,0.263-0.291,0.528-0.442,0.79
c-0.229,0.396-0.29,0.856-0.173,1.296c0.118,0.442,0.401,0.812,0.796,1.04c0.262,0.149,0.556,0.229,0.854,0.229
c0.608,0,1.176-0.327,1.478-0.852c0.169-0.29,0.334-0.585,0.493-0.879c0.217-0.401,0.264-0.863,0.135-1.301
C80.141,59.107,79.848,58.747,79.445,58.531z" />
<path d="M82.466,47.508c-0.946-0.129-1.803,0.535-1.936,1.45c-0.042,0.298-0.09,0.598-0.143,0.895
c-0.077,0.449,0.025,0.902,0.287,1.275c0.263,0.373,0.655,0.622,1.106,0.7c0.099,0.017,0.195,0.025,0.291,0.025
c0.833,0,1.54-0.596,1.682-1.417c0.058-0.328,0.111-0.662,0.159-0.994c0.064-0.452-0.05-0.902-0.324-1.268
C83.315,47.809,82.916,47.571,82.466,47.508z" />
<path d="M38.151,12.381c-0.316,0.117-0.632,0.238-0.94,0.362c-0.423,0.17-0.755,0.495-0.934,0.915
c-0.179,0.419-0.184,0.884-0.014,1.307c0.262,0.651,0.884,1.072,1.586,1.072c0.218,0,0.432-0.042,0.637-0.124
c0.276-0.111,0.562-0.22,0.845-0.325c0.428-0.157,0.77-0.472,0.961-0.886c0.191-0.414,0.21-0.879,0.053-1.307
C40.03,12.538,39.017,12.063,38.151,12.381z" />
<path d="M49.022,12.918h0.052c0.297,0,0.603,0.385,0.905,0.385c0.942,0,1.709-0.566,1.709-1.509c0-0.941-0.767-1.609-1.709-1.609
c-0.336,0-0.675,0.054-1.006,0.064c-0.456,0.013-0.879,0.229-1.192,0.562c-0.314,0.332-0.479,0.38-0.465,0.835
C47.343,12.577,48.092,12.918,49.022,12.918z" />
<path d="M43.332,14.381c0.118,0,0.235-0.012,0.346-0.036c0.3-0.062,0.599-0.119,0.894-0.171c0.927-0.164,1.547-1.052,1.383-1.98
c-0.161-0.916-1.033-1.551-1.979-1.385c-0.325,0.058-0.658,0.121-0.988,0.189c-0.446,0.093-0.832,0.354-1.081,0.736
c-0.251,0.381-0.338,0.837-0.244,1.283C41.824,13.808,42.525,14.381,43.332,14.381z" />
<path d="M25.879,63.837c-0.567-0.71-1.692-0.838-2.401-0.271c-0.737,0.587-0.858,1.665-0.27,2.402
c0.209,0.263,0.424,0.522,0.638,0.776c0.325,0.383,0.801,0.604,1.305,0.604c0.405,0,0.797-0.144,1.103-0.404
c0.349-0.295,0.561-0.708,0.599-1.163c0.038-0.454-0.104-0.897-0.399-1.246C26.261,64.308,26.067,64.073,25.879,63.837z" />
<path d="M28.138,70.983c0.306,0.253,0.692,0.392,1.088,0.392c0.513,0,0.993-0.227,1.318-0.62c0.6-0.726,0.497-1.807-0.229-2.405
c-0.232-0.191-0.464-0.389-0.69-0.588c-0.682-0.598-1.813-0.524-2.411,0.159c-0.62,0.708-0.55,1.788,0.158,2.41
C27.623,70.551,27.881,70.771,28.138,70.983z" />
<path d="M21.847,62.67c0.302,0,0.6-0.082,0.859-0.232c0.395-0.23,0.676-0.601,0.793-1.042c0.116-0.441,0.053-0.901-0.176-1.294
c-0.151-0.26-0.301-0.526-0.445-0.791c-0.434-0.798-1.513-1.118-2.317-0.685c-0.827,0.452-1.134,1.491-0.684,2.319
c0.159,0.292,0.326,0.588,0.493,0.874C20.674,62.344,21.24,62.67,21.847,62.67z" />
<path d="M41.43,44.321c0,4.714,3.836,8.55,8.55,8.55c4.715,0,8.551-3.836,8.551-8.55c0-4.715-3.836-8.551-8.551-8.551
C45.266,35.77,41.43,39.606,41.43,44.321z M55.112,44.321c0,2.831-2.303,5.134-5.133,5.134c-2.831,0-5.133-2.303-5.133-5.134
s2.302-5.134,5.133-5.134C52.81,39.187,55.112,41.49,55.112,44.321z" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">CSS 3 Animations</h3>
<p>Riode comes with cool animations based on latest CSS3 technologies, please
see
nice
and attractive CSS3 animation effects in demos.</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon pt-1 pb-1">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="90px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve">
<path d="M70,35.688c0.014-0.717-0.397-1.376-1.048-1.681L54.2,27.071l14.69-6.244
c0.661-0.281,1.096-0.924,1.109-1.643c0.014-0.717-0.397-1.376-1.048-1.681L35.942,1.986c-0.489-0.23-1.054-0.23-1.544-0.002
L1.052,17.531C0.4,17.834-0.011,18.491,0,19.211c0.012,0.717,0.444,1.362,1.104,1.644l14.703,6.299L1.052,34.035
C0.4,34.338-0.011,34.995,0,35.714c0.012,0.718,0.444,1.362,1.104,1.645l14.703,6.299l-14.755,6.88
C0.4,50.841-0.011,51.498,0,52.218c0.012,0.717,0.444,1.361,1.104,1.644l33.011,14.143c0.229,0.098,0.473,0.147,0.717,0.147
c0.243,0,0.485-0.048,0.713-0.145l33.346-14.174c0.661-0.28,1.096-0.924,1.109-1.643c0.014-0.717-0.397-1.376-1.048-1.682
L54.2,43.573l14.69-6.243C69.552,37.049,69.986,36.405,70,35.688z M35.164,5.646l28.555,13.42L50.703,24.6l0,0l-15.869,6.744
L22.66,26.127l0,0L6.283,19.112L35.164,5.646z M34.834,64.35L6.283,52.118L20.3,45.583L34.115,51.5
c0.228,0.099,0.471,0.148,0.716,0.148h0.001c0.243,0,0.485-0.049,0.713-0.146l14.157-6.017l14.015,6.586L34.834,64.35z
M50.703,41.103L50.703,41.103l-15.869,6.743L22.66,42.631l0,0L6.283,35.614L20.3,29.08l13.815,5.918
c0.228,0.098,0.471,0.147,0.716,0.147h0.001c0.243,0,0.485-0.048,0.713-0.145l14.157-6.018l14.017,6.586L50.703,41.103z" />
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Limitless Components</h3>
<p>Various types of components are provided in each demos and element pages.
Every
component is easily fully customizable as you imagine.
</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="-5 -5 80 80" enable-background="new -5 -5 80 80" xml:space="preserve">
<g>
<path d="M38.095,0C24.005,0,12.043,9.11,7.868,21.68c-1.254,0.416-2.479,1.225-3.7,2.517c-5.693,6.026-7.348,18.337,6.815,33.28
l3.515,3.244C22.005,66.791,29.504,70,36.186,70c4.931,0,9.278-1.736,12.255-4.881c0.837-0.887,1.455-1.773,1.874-2.66
c0.351-0.732,0.553-1.465,0.617-2.189c0.962-0.422,1.897-0.891,2.813-1.404c9.646-5.412,16.185-15.648,16.185-27.384
C69.929,14.123,55.646,0,38.095,0L38.095,0z M14.192,23.098c-0.71-0.548-1.462-0.957-2.249-1.223
c3.002-7.913,9.548-14.12,17.741-16.676c2.641-0.824,5.452-1.27,8.368-1.27c15.389,0,27.91,12.383,27.91,27.601
c0,0.432-0.049,0.85-0.065,1.275c-0.491,10.495-6.911,19.46-16.032,23.696c-0.422-0.709-0.981-1.369-1.642-2
c8.936-3.887,15.198-12.717,15.198-22.972c0-2.703-0.448-5.304-1.251-7.744C59.294,15.057,51.708,8.431,42.388,6.833
c-1.412-0.238-2.853-0.392-4.336-0.392C27.058,6.441,17.706,13.407,14.192,23.098L14.192,23.098z M28.557,52.539
c-0.139,0-0.269-0.018-0.379-0.064c-0.662-0.289-3.012-1.898-5.43-3.963c-2.349-2.346-4.13-4.553-4.46-5.182
c-0.323-0.615,0.12-1.684,0.335-2.035c0.194-0.271,4.742-6.756,1.148-11.708l-0.156-0.214c-1.337-1.842-2.644-3.619-4.032-5.028
c3.071-9.377,11.978-16.182,22.468-16.182c4.31,0,8.345,1.167,11.823,3.169c3.025,1.737,5.627,4.107,7.609,6.941
c2.639,3.771,4.194,8.335,4.194,13.257c0,9.847-6.197,18.271-14.93,21.71c-1.364-1.039-2.947-2.021-4.577-3.02l-0.23-0.143
c-1.17-0.717-2.496-1.084-3.937-1.084c-4.014,0-7.647,2.887-7.728,2.957C30.05,52.109,29.201,52.539,28.557,52.539L28.557,52.539z
M36.167,66.07c-5.774,0-12.405-2.895-19.095-8.297l-3.298-3.043C1.598,41.875,2.544,31.667,7.07,26.781
c0.023-0.024,0.044-0.055,0.069-0.081c0.703-0.746,1.359-1.225,1.975-1.489c0.33-0.142,0.654-0.237,0.953-0.237
c0.281,0,0.57,0.069,0.861,0.182c0.718,0.275,1.465,0.872,2.224,1.652c0.25,0.255,0.502,0.53,0.751,0.823
c0.248,0.287,0.496,0.585,0.743,0.898c0.712,0.896,1.431,1.876,2.141,2.853l0.155,0.216c2,2.757-0.709,7.033-1.147,7.688
c-0.031,0.049-0.054,0.08-0.06,0.088c-0.062,0.094-0.274,0.451-0.49,0.945c-0.154,0.361-0.3,0.789-0.412,1.279
c-0.214,0.986-0.242,2.168,0.365,3.324c0.604,1.143,2.785,3.729,5.176,6.102c2.452,2.104,5.205,4.082,6.407,4.605
c0.566,0.244,1.182,0.369,1.825,0.369c0.805,0,1.545-0.199,2.162-0.441c0.488-0.191,0.9-0.408,1.186-0.582
c0.229-0.139,0.383-0.25,0.446-0.295c0.004-0.006,0.188-0.148,0.495-0.357c0.935-0.633,3.036-1.883,5.11-1.883
c0.795,0,1.481,0.188,2.101,0.566l0.232,0.143c0.717,0.441,1.433,0.883,2.129,1.328c0.345,0.223,0.679,0.445,1.007,0.67
c0.319,0.215,0.625,0.432,0.919,0.648c0.906,0.674,1.674,1.346,2.18,2.012c0.358,0.473,0.604,0.943,0.668,1.41
c0.008,0.061-0.01,0.127-0.01,0.189c0.021,0.594-0.219,1.262-0.744,2.002c-0.216,0.303-0.469,0.619-0.776,0.943
C44.396,63.74,41.411,66.07,36.167,66.07L36.167,66.07z" />
<path d="M29.011,25.039c0.688-0.332,1.394-0.497,2.123-0.497c0.695,0,1.255,0.182,1.669,0.55c0.417,0.363,0.625,0.919,0.625,1.665
c0,0.503-0.094,0.986-0.281,1.453c-0.189,0.47-0.499,0.972-0.931,1.521c-0.428,0.548-1.343,1.532-2.742,2.95l-4.727,4.725v2.738
h13.164v-3.311h-8.205v-0.178l2.42-2.257c1.614-1.459,2.742-2.584,3.382-3.376c0.64-0.789,1.112-1.561,1.416-2.311
c0.304-0.752,0.459-1.555,0.459-2.414c0-0.982-0.251-1.86-0.748-2.623c-0.499-0.764-1.199-1.358-2.101-1.782
c-0.9-0.428-1.939-0.638-3.117-0.638c-0.891,0-1.697,0.086-2.42,0.261c-0.72,0.176-1.386,0.422-1.995,0.744
c-0.611,0.323-1.377,0.874-2.305,1.656l2.162,2.536C27.61,25.842,28.323,25.369,29.011,25.039z" />
<path d="M47.232,40.145h3.887v-3.859h2.27v-3.058h-2.27V21.522h-3.667l-8.257,12.024v2.738h8.037V40.145z M42.701,33.228
l3.449-5.158c0.446-0.662,0.829-1.341,1.147-2.038h0.104c-0.026,0.161-0.06,0.744-0.104,1.746
c-0.043,1.001-0.065,1.769-0.065,2.294v3.156H42.701z" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Continuous Updates</h3>
<p>Lifetime updates with trendy designs of nowadays and more advanced features
will
make your site always fashionable and up-to-date.</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M56.771,27.854c0.564,0,1.021-0.458,1.021-1.019c0-0.565-0.457-1.022-1.021-1.022c-0.561,0-1.018,0.457-1.018,1.022
C55.754,27.396,56.211,27.854,56.771,27.854z" />
<path d="M52.186,27.854c0.563,0,1.023-0.458,1.023-1.019c0-0.565-0.46-1.022-1.023-1.022c-0.562,0-1.019,0.457-1.019,1.022
C51.167,27.396,51.624,27.854,52.186,27.854z" />
<path d="M51.481,77.432c-0.549,0-0.993,0.448-0.993,0.994c0,0.552,0.444,0.994,0.993,0.994c0.546,0,0.994-0.442,0.994-0.994
C52.476,77.88,52.027,77.432,51.481,77.432z" />
<path d="M47.599,27.854c0.565,0,1.022-0.458,1.022-1.019c0-0.565-0.457-1.022-1.022-1.022c-0.562,0-1.019,0.457-1.019,1.022
C46.581,27.396,47.038,27.854,47.599,27.854z" />
<path d="M26.268,66.014c0.003,0,0.005,0,0.008,0c3.767,0,6.754-2.992,6.754-6.668c0-3.679-2.992-6.672-6.67-6.672
c-3.681,0-6.675,2.993-6.675,6.672C19.685,62.976,22.638,65.966,26.268,66.014z M26.36,53.753c3.083,0,5.591,2.509,5.591,5.593
c0,2.847-2.18,5.176-4.973,5.519v-7.545c0-0.395-0.319-0.716-0.714-0.716s-0.715,0.321-0.715,0.716v7.53
c-2.693-0.398-4.784-2.713-4.784-5.504C20.764,56.262,23.274,53.753,26.36,53.753z" />
<path d="M26.151,67.844c0.069,0.006,0.138,0.008,0.209,0.008c4.69,0,8.506-3.815,8.506-8.506s-3.815-8.507-8.506-8.507
c-4.692,0-8.51,3.816-8.51,8.507C17.85,63.959,21.568,67.76,26.151,67.844z M26.36,51.919c4.095,0,7.426,3.332,7.426,7.427
c0,4.096-3.332,7.427-7.426,7.427c-0.049,0-0.097-0.001-0.146-0.008c-3.997-0.048-7.286-3.378-7.286-7.419
C18.929,55.251,22.263,51.919,26.36,51.919z" />
<path d="M86.336,33.03h-7.842v-1.262c0-0.395-0.319-0.714-0.716-0.714s-0.715,0.319-0.715,0.714v1.262H62.251v-9.862
c0-0.395-0.321-0.714-0.716-0.714H40.161v-1.788c0-0.395-0.32-0.715-0.715-0.715s-0.715,0.32-0.715,0.715v1.788H23.093
c-0.395,0-0.715,0.319-0.715,0.714v9.862h-5.754c-1.122,0-2.035,0.914-2.035,2.038v7.963l-4.715,4.716
c-0.211,0.211-0.211,0.552,0,0.763l3.294,3.295c-0.642,1.122-1.135,2.312-1.471,3.547H7.041c-0.298,0-0.54,0.242-0.54,0.54v6.91
c0,0.298,0.241,0.539,0.54,0.539h4.656c0.335,1.235,0.829,2.424,1.47,3.545l-3.294,3.296c-0.211,0.211-0.211,0.552,0,0.763
l4.715,4.715v4.304c0,1.122,0.913,2.035,2.035,2.035h26.586v5.328h-4.514v1.673h25.568v-1.673h-4.512v-5.328h26.584
c1.123,0,2.037-0.913,2.037-2.035V35.068C88.373,33.944,87.459,33.03,86.336,33.03z M77.102,34.46
c0.084,0.301,0.348,0.525,0.677,0.525s0.594-0.225,0.678-0.525h7.88c0.335,0,0.609,0.273,0.609,0.608v2.319h-8.451v-0.615
c0-0.395-0.319-0.714-0.716-0.714s-0.715,0.319-0.715,0.714v0.615h-12.78c-0.393,0-0.715,0.32-0.715,0.715s0.322,0.715,0.715,0.715
h12.78v0.457c0,0.396,0.318,0.715,0.715,0.715s0.716-0.319,0.716-0.715v-0.457h8.451v36.273H38.7l4.147-4.146
c0.102-0.101,0.158-0.238,0.158-0.382c0-0.143-0.057-0.28-0.158-0.381l-3.298-3.296c0.641-1.115,1.134-2.304,1.471-3.545h4.66
c0.298,0,0.54-0.241,0.54-0.539v-6.91c0-0.298-0.241-0.54-0.54-0.54h-4.66c-0.337-1.24-0.83-2.431-1.471-3.547l3.298-3.295
c0.102-0.101,0.158-0.238,0.158-0.382c0-0.143-0.057-0.28-0.158-0.381l-4.889-4.888c-0.102-0.101-0.239-0.158-0.382-0.158
s-0.28,0.057-0.381,0.158L33.9,46.154c-1.121-0.642-2.31-1.135-3.545-1.471v-4.656c0-0.298-0.241-0.54-0.54-0.54h-6.008V30.9
h37.012v40.87c0,0.396,0.321,0.715,0.716,0.715s0.716-0.318,0.716-0.715V34.46H77.102z M16.019,38.818h6.359v1.146
c-0.002,0.021-0.013,0.041-0.013,0.063v4.656c-1.235,0.335-2.424,0.829-3.546,1.471l-2.8-2.801V38.818z M60.819,23.883v6.147
H23.807v-6.147H60.819z M16.623,34.46h5.754v2.927h-6.359v-2.319C16.019,34.733,16.289,34.46,16.623,34.46z M14.607,67.734
l0.601-0.601l-0.442-0.725c-0.735-1.205-1.274-2.505-1.602-3.86l-0.2-0.827h-0.85H8.12v-4.751h3.995h0.85l0.2-0.826
c0.327-1.356,0.866-2.656,1.602-3.863l0.442-0.726l-0.601-0.6l-2.827-2.828l3.3-3.3c0.328,0.264,0.646,0.54,0.938,0.841v-0.027
l1.951,1.952l0.6,0.6l0.725-0.441c1.207-0.736,2.507-1.274,3.863-1.602l0.826-0.199v-0.85v-3.995h4.752v3.995v0.85l0.827,0.199
c1.356,0.328,2.656,0.866,3.862,1.602l0.725,0.441l0.6-0.6l2.827-2.828l3.362,3.361l-2.831,2.827l-0.601,0.602l0.443,0.726
c0.733,1.2,1.272,2.498,1.602,3.862l0.2,0.826h0.85H44.6v4.751h-3.999h-0.85l-0.2,0.827c-0.33,1.362-0.868,2.661-1.602,3.858
l-0.444,0.727l0.602,0.601l2.831,2.828l-3.362,3.362l-2.827-2.831l-0.601-0.602l-0.726,0.444c-1.201,0.734-2.5,1.272-3.861,1.602
l-0.827,0.199v0.85v3.998h-4.752v-3.998v-0.85l-0.826-0.199c-1.362-0.329-2.661-0.867-3.86-1.6l-0.725-0.443l-0.601,0.602
l-2.829,2.828l-3.362-3.362L14.607,67.734z M58.323,87.326H44.639v-5.328h13.684V87.326z M86.336,80.566H16.623
c-0.334,0-0.604-0.269-0.604-0.604v-4.625l2.802-2.801c1.117,0.64,2.305,1.132,3.544,1.469v4.659c0,0.298,0.241,0.539,0.54,0.539
h6.911c0.298,0,0.54-0.241,0.54-0.539v-4.659c1.239-0.337,2.428-0.83,3.546-1.471l3.142,3.146v0.279h0.379
c0.05,0.015,0.101,0.03,0.154,0.03s0.104-0.016,0.154-0.03h49.215v4.003C86.945,80.298,86.671,80.566,86.336,80.566z" />
<path d="M72.923,12.32h2.499c0.396,0,0.715-0.321,0.715-0.714c0-0.396-0.319-0.716-0.715-0.716h-2.499
c-0.396,0-0.716,0.32-0.716,0.716C72.207,11.999,72.526,12.32,72.923,12.32z" />
<path d="M52.903,12.32h2.501c0.396,0,0.716-0.321,0.716-0.714c0-0.396-0.319-0.716-0.716-0.716h-2.501
c-0.395,0-0.713,0.32-0.713,0.716C52.19,11.999,52.509,12.32,52.903,12.32z" />
<path d="M62.912,12.32h2.504c0.394,0,0.715-0.321,0.715-0.714c0-0.396-0.321-0.716-0.715-0.716h-2.504
c-0.395,0-0.716,0.32-0.716,0.716C62.196,11.999,62.518,12.32,62.912,12.32z" />
<path d="M57.909,12.32h2.501c0.396,0,0.715-0.321,0.715-0.714c0-0.396-0.318-0.716-0.715-0.716h-2.501
c-0.395,0-0.716,0.32-0.716,0.716C57.193,11.999,57.515,12.32,57.909,12.32z" />
<path d="M67.917,12.32h2.501c0.395,0,0.716-0.321,0.716-0.714c0-0.396-0.321-0.716-0.716-0.716h-2.501
c-0.396,0-0.715,0.32-0.715,0.716C67.202,11.999,67.521,12.32,67.917,12.32z" />
<path d="M77.778,29.981c0.396,0,0.716-0.319,0.716-0.714v-2.502c0-0.395-0.319-0.714-0.716-0.714s-0.715,0.319-0.715,0.714v2.502
C77.063,29.662,77.382,29.981,77.778,29.981z" />
<path d="M77.778,19.973c0.396,0,0.716-0.319,0.716-0.714v-2.503c0-0.395-0.319-0.714-0.716-0.714s-0.715,0.32-0.715,0.714v2.503
C77.063,19.653,77.382,19.973,77.778,19.973z" />
<path d="M77.778,14.968c0.396,0,0.716-0.321,0.716-0.714v-2.502c0-0.396-0.319-0.714-0.716-0.714s-0.715,0.319-0.715,0.714v2.502
C77.063,14.647,77.382,14.968,77.778,14.968z" />
<path d="M77.778,24.977c0.396,0,0.716-0.319,0.716-0.715V21.76c0-0.395-0.319-0.714-0.716-0.714s-0.715,0.32-0.715,0.714v2.502
C77.063,24.658,77.382,24.977,77.778,24.977z" />
<path d="M77.778,44.995c0.396,0,0.716-0.321,0.716-0.715v-2.501c0-0.396-0.319-0.715-0.716-0.715s-0.715,0.319-0.715,0.715v2.501
C77.063,44.673,77.382,44.995,77.778,44.995z" />
<path d="M68.424,50.651h2.502c0.394,0,0.716-0.318,0.716-0.714c0-0.395-0.322-0.713-0.716-0.713h-2.502
c-0.396,0-0.715,0.318-0.715,0.713C67.709,50.333,68.027,50.651,68.424,50.651z" />
<path d="M77.778,49.998c0.396,0,0.716-0.319,0.716-0.715v-2.502c0-0.394-0.319-0.715-0.716-0.715s-0.715,0.321-0.715,0.715v2.502
C77.063,49.679,77.382,49.998,77.778,49.998z" />
<path d="M73.43,50.651h2.502c0.394,0,0.712-0.318,0.712-0.714c0-0.395-0.318-0.713-0.712-0.713H73.43
c-0.396,0-0.716,0.318-0.716,0.713C72.714,50.333,73.033,50.651,73.43,50.651z" />
<path d="M63.419,50.651h2.504c0.394,0,0.716-0.318,0.716-0.714c0-0.395-0.322-0.713-0.716-0.713h-2.504
c-0.395,0-0.716,0.318-0.716,0.713C62.703,50.333,63.024,50.651,63.419,50.651z" />
<path d="M39.446,13.875c0.395,0,0.715-0.32,0.715-0.716V12.32h0.232c0.395,0,0.715-0.321,0.715-0.714
c0-0.396-0.32-0.716-0.715-0.716h-0.948c-0.395,0-0.715,0.32-0.715,0.716v1.554C38.73,13.555,39.051,13.875,39.446,13.875z" />
<path d="M42.895,12.32h2.502c0.395,0,0.716-0.321,0.716-0.714c0-0.396-0.321-0.716-0.716-0.716h-2.502
c-0.394,0-0.714,0.32-0.714,0.716C42.181,11.999,42.501,12.32,42.895,12.32z" />
<path d="M39.446,18.879c0.395,0,0.715-0.32,0.715-0.715v-2.501c0-0.395-0.32-0.716-0.715-0.716s-0.715,0.321-0.715,0.716v2.501
C38.73,18.559,39.051,18.879,39.446,18.879z" />
<path d="M47.899,12.32h2.502c0.394,0,0.715-0.321,0.715-0.714c0-0.396-0.321-0.716-0.715-0.716h-2.502
c-0.395,0-0.714,0.32-0.714,0.716C47.185,11.999,47.505,12.32,47.899,12.32z" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Powerful Framework</h3>
<p>Riode is one of the world's powerful frameworks which is based on a huge
collection
of UI components and various UX layouts.
</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M62.802,43.26c3.35,0,6.074-2.727,6.074-6.076s-2.725-6.076-6.074-6.076s-6.076,2.727-6.076,6.076
S59.452,43.26,62.802,43.26z M62.802,34.188c1.65,0,2.995,1.342,2.995,2.996c0,1.652-1.345,2.996-2.995,2.996
c-1.653,0-2.997-1.344-2.997-2.996C59.805,35.529,61.148,34.188,62.802,34.188z" />
<path d="M84.615,69.686h-2.924L68.079,56.352c-0.596-0.584-1.549-0.588-2.148-0.006l-5.565,5.406L44.33,45.59
c-0.578-0.584-1.607-0.586-2.186-0.004l-23.92,24.1h-2.887c-0.85,0-1.54,0.701-1.54,1.551s0.69,1.551,1.54,1.551h3.461h48.878
h13.473h3.466c0.849,0,1.539-0.701,1.539-1.551S85.464,69.686,84.615,69.686z M22.494,69.686l20.744-20.906L63.98,69.686H22.494z
M68.331,69.686l-5.71-5.891l4.378-4.232l10.377,10.123H68.331z" />
<path d="M89.454,17.217H10.49c-3.393,0-6.155,2.691-6.155,6.086v53.395c0,3.395,2.763,6.086,6.155,6.086h78.964
c3.396,0,6.211-2.691,6.211-6.086V23.303C95.665,19.908,92.851,17.217,89.454,17.217z M92.561,76.697
c0,1.697-1.406,3.156-3.106,3.156H10.49c-1.694,0-3.052-1.459-3.052-3.156V23.303c0-1.697,1.357-3.156,3.052-3.156h78.964
c1.7,0,3.106,1.459,3.106,3.156V76.697z" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Cool Banners</h3>
<p>Comes with hundreds of trendy banners among 50+ demos and 200+ pages. They
are
fully
responsive and their animations work perfectly fine.</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon">
<svg version="1.1" 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" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M84.238,27.372h-5.896h-5.469h-1.965v-9.729c0-2.558-2.08-4.639-4.637-4.639h-5.725H46.141h-5.72
c-2.558,0-4.639,2.081-4.639,4.639v9.729h-12.48c-0.7,0-1.267,0.566-1.267,1.267v17.7l-7.541,0.021l0.088,30.599l7.453-0.021v8.76
c0,0.701,0.566,1.266,1.267,1.266H72.38c0.072,0.013,0.141,0.033,0.216,0.033h11.522c0.166,0,0.323-0.043,0.473-0.104
c0.524-0.154,0.914-0.619,0.914-1.195V28.639C85.505,27.938,84.938,27.372,84.238,27.372z M82.972,82.996l-3.361-3.019V29.905
h3.361V82.996z M75.938,84.429l2.42-2.174l2.416,2.174H75.938z M77.076,29.905v50.098l-2.935,2.636V29.905H77.076z M68.376,17.644
v9.729h-3.188v-9.729c0-0.762-0.203-1.471-0.529-2.105h1.613C67.431,15.538,68.376,16.482,68.376,17.644z M60.548,15.538
c1.161,0,2.106,0.944,2.106,2.105v9.729H44.036v-9.729c0-1.161,0.943-2.105,2.104-2.105H60.548z M38.316,17.644
c0-1.161,0.943-2.105,2.104-2.105h1.61c-0.327,0.635-0.529,1.344-0.529,2.105v9.729h-3.186V17.644z M17.036,48.886l35.928-0.098
l7.406,12.74l-7.334,12.785l-35.928,0.104L17.036,48.886z M24.568,76.929l29.937-0.088l8.793-15.318l-8.879-15.273l-29.851,0.082
V29.905h11.214v4.609c-0.725,0.457-1.21,1.258-1.21,2.176c0,1.42,1.155,2.575,2.574,2.575c1.422,0,2.577-1.155,2.577-2.575
c0-0.998-0.575-1.854-1.407-2.282v-4.503h24.338v4.582c-0.752,0.451-1.262,1.265-1.262,2.203c0,1.42,1.155,2.575,2.577,2.575
c1.419,0,2.573-1.155,2.573-2.575c0-0.977-0.552-1.818-1.354-2.254v-4.531h6.418v54.523H24.568V76.929z" />
<path d="M57.041,61.255c-0.007-1.908-1.564-3.461-3.474-3.461h-0.01c-1.914,0.01-3.467,1.572-3.46,3.482
c0.006,1.904,1.559,3.456,3.478,3.456C55.485,64.732,57.041,63.173,57.041,61.255z M52.632,61.269
c-0.002-0.516,0.418-0.938,0.934-0.939l0.002-1.268v1.268c0.516,0,0.938,0.418,0.939,0.928c0,0.52-0.418,0.941-0.947,0.941
C53.05,62.198,52.632,61.782,52.632,61.269z" />
<path d="M37.108,57.079l-3.33-6.743l-3.327,6.743l-7.441,1.078l5.384,5.252l-1.268,7.41l6.652-3.5l6.657,3.5l-1.272-7.41
l5.385-5.25L37.108,57.079z M37.07,66.187l-3.292-1.729l-3.29,1.729l0.628-3.66l-2.662-2.598l3.679-0.533l1.646-3.336l1.647,3.336
l3.679,0.531l-2.663,2.6L37.07,66.187z" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">UX eCommerce</h3>
<p>Various layouts and filtering options for stores and products are proved the
reason why
Riode is professional in eCommerce area.</p>
</div>
</div>
</div>
<div>
<div class="icon-box appear-animate">
<span class="icon-box-icon pt-2 pb-2">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="82px" height="80px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve">
<g>
<path d="M64.029,66.5H5.968c-2.125,0-4.107-1.23-5.171-3.072c-1.063-1.844-1.063-4.173,0-6.016L29.828,7.107
C30.892,5.266,32.873,4.11,35,4.11c2.125,0,4.108,1.139,5.171,2.981l29.031,50.28c1.063,1.843,1.063,4.215,0.001,6.058
C68.138,65.271,66.156,66.5,64.029,66.5z M35,8.081c-0.71,0-1.37,0.381-1.725,0.995L4.244,59.359c-0.354,0.614-0.354,1.953,0,2.568
C4.6,62.541,5.261,63.5,5.968,63.5h58.062c0.711,0,1.37-0.959,1.726-1.572c0.354-0.615,0.354-1.665-0.002-2.279L36.724,9.22
C36.368,8.606,35.708,8.081,35,8.081z" />
</g>
<g>
<path d="M31.756,55.081c0-1.954,1.357-3.365,3.203-3.365c1.954,0,3.203,1.411,3.203,3.365
c0,1.901-1.249,3.365-3.203,3.365C33.059,58.446,31.756,56.982,31.756,55.081z M33.113,47.317l-0.76-26.059h5.211l-0.761,26.059
H33.113z" />
</g>
</svg>
</span>
<div class="icon-box-content">
<h3 class="icon-box-title">Friendly Notification</h3>
<p>
The functionality to notify actions for shopping or to notify special events
is
one of Riode's cool features for user-friendly
UI and UX.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="variation-section text-center pt-10 pb-lg-10" id="sec-layouts" style="background-image: url('landing/images/variation.jpg');background-color: #2A67E4; background-size: cover;">
<div class="container pt-10 mt-10 pb-9 appear-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'delay': '.2s'}">
<h2 class="text-white font-weight-bold ls-m mt-10 pt-7 mb-2">Variation Layouts</h2>
<p class="text-white ls-m mb-8 p-max-width">
Comes with 50+ homepages available with multi style that better for your choice. Riode is
one of the best Multi-Purpose
eCommerce Template.
</p>
<div class="overflow-hidden">
<div class="owl-carousel owl-theme row cols-1 cols-sm-3 cols-md-4 cols-lg-5 gutter-lg owl-dot-white" data-owl-options="{
'margin': 30,
'dots': true,
'items': 1,
'autoplayTimeout': 2000,
'autoplay': true,
'loop': true,
'autoplayHoverPause': true,
'responsive': {
'992': {
'items': 5
},
'768': {
'items': 4
},
'576': {
'items': 3
}
}
}">
<a href="demo30.html" target="blank" class="layout">
<img src="landing/images/lazy.png" data-src="landing/images/pages/demo30.jpg" class="lazy-img" alt="Riode html5 template demo 30" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="226px" viewBox="0 0 306 226" enable-background="new 0 0 306 226" xml:space="preserve">
<circle cx="34.5" cy="15.5" r="3.375" />
<circle cx="23.5" cy="15.5" r="3.375" />
<circle cx="45.5" cy="15.5" r="3.375" />
<path d="M283.5,0h-260C17.351,0,11.611,2.443,7.324,6.884C2.6,10.947,0,16.487,0,22.5v180C0,215.019,10.981,226,23.5,226h260
c6.014,0,11.554-2.6,15.616-7.325c4.44-4.286,6.884-10.024,6.884-16.175v-180C306,10.093,295.906,0,283.5,0z M5,202.5V194h296v8.5
c0,4.813-1.929,9.306-5.43,12.648l-0.18,0.189c-3.104,3.65-7.326,5.662-11.891,5.662h-260C13.818,221,5,212.182,5,202.5z M5,30h296
v27H5V30z M5,22.5c0-4.564,2.011-8.787,5.662-11.892l0.189-0.178C14.194,6.928,18.687,5,23.5,5h260c9.649,0,17.5,7.851,17.5,17.5V27
H5V22.5z M301,60v131H5V60H301z" />
</svg>
<span>Fullwidth Layout</span>
</a>
<a href="demo29.html" target="blank" class="layout">
<img src="landing/images/lazy.png" data-src="landing/images/pages/demo29.jpg" class="lazy-img" alt="Riode html5 template demo 29" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="226px" viewBox="0 0 306 226" enable-background="new 0 0 306 226" xml:space="preserve">
<circle cx="34.5" cy="15.5" r="3.375" />
<circle cx="23.5" cy="15.5" r="3.375" />
<circle cx="45.5" cy="15.5" r="3.375" />
<path d="M283.5,0h-260C17.351,0,11.611,2.443,7.324,6.884C2.6,10.947,0,16.487,0,22.5v180C0,215.019,10.981,226,23.5,226h260
c6.013,0,11.554-2.6,15.616-7.325c4.44-4.286,6.884-10.024,6.884-16.175v-180C306,10.093,295.906,0,283.5,0z M301,22.5V27h-37h-3H46
h-3H5v-4.5c0-4.564,2.011-8.787,5.662-11.892l0.189-0.178C14.194,6.928,18.687,5,23.5,5h260C293.149,5,301,12.851,301,22.5z M301,57
v3v131v3v8.5c0,4.813-1.929,9.306-5.431,12.648l-0.178,0.189c-3.104,3.65-7.328,5.662-11.892,5.662H264v-27v-3V60v-3V30h37V57z
M5,202.5V30h38v27v3v131v3v27H23.5C13.817,221,5,212.182,5,202.5z M261,57H46V30h215V57z M261,191H46V60h215V191z M261,221H46v-27
h215V221z" />
</svg>
<span>Boxed Layout</span>
</a>
<a href="demo26.html" target="blank" class="layout">
<img src="landing/images/lazy.png" data-src="landing/images/pages/demo26.jpg" class="lazy-img" alt="Riode html5 template demo 26" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="226px" viewBox="0 0 306 226" enable-background="new 0 0 306 226" xml:space="preserve">
<g>
<circle cx="34.5" cy="15.5" r="3.375" />
<circle cx="23.5" cy="15.5" r="3.375" />
<circle cx="45.5" cy="15.5" r="3.375" />
<path d="M283.5,0h-260C17.351,0,11.611,2.443,7.326,6.883C2.601,10.945,0,16.487,0,22.5v180C0,215.019,10.981,226,23.5,226h260
c6.014,0,11.554-2.6,15.616-7.325c4.44-4.286,6.884-10.024,6.884-16.175v-180C306,10.093,295.906,0,283.5,0z M102,221H23.5
C13.818,221,5,212.182,5,202.5V194h97V221z M102,191H5V60h97V191z M102,57H5V30h97V57z M301,202.5c0,4.813-1.929,9.306-5.43,12.648
l-0.18,0.189c-3.104,3.65-7.326,5.662-11.891,5.662H105v-27h196V202.5z M301,191H105V60h196V191z M301,57H105V30h196V57z M301,27
H105h-3H5v-4.5c0-4.564,2.011-8.788,5.663-11.892l0.189-0.179C14.195,6.928,18.687,5,23.5,5h260c9.649,0,17.5,7.851,17.5,17.5V27z" />
</g>
</svg>
<span>Fullwidth With Sidebar</span>
</a>
<a href="demo14.html" target="blank" class="layout">
<img src="landing/images/lazy.png" data-src="landing/images/pages/demo14.jpg" class="lazy-img" alt="Riode html5 template demo 14" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="226px" viewBox="0 0 306 226" enable-background="new 0 0 306 226" xml:space="preserve">
<g>
<circle cx="34.5" cy="15.5" r="3.375" />
<circle cx="23.5" cy="15.5" r="3.375" />
<circle cx="45.5" cy="15.5" r="3.375" />
<path d="M283.5,0h-260C17.351,0,11.611,2.443,7.324,6.884C2.6,10.947,0,16.487,0,22.5v180C0,215.019,10.981,226,23.5,226h260
c6.013,0,11.554-2.6,15.616-7.325c4.44-4.286,6.884-10.025,6.884-16.175v-180C306,10.093,295.906,0,283.5,0z M43,57v3v131v3v27
H23.5C13.817,221,5,212.182,5,202.5V30h38V57z M261,221H46v-27h70h145V221z M46,191V60h67v131H46z M261,191H116V60h145V191z
M261,57H116H46V30h215V57z M301,57v3v131v3v8.5c0,4.813-1.929,9.306-5.431,12.648l-0.178,0.189
c-3.104,3.651-7.328,5.663-11.892,5.663H264v-30V60V30h37V57z M301,27h-37h-3H46h-3H5v-4.5c0-4.564,2.011-8.787,5.662-11.892
l0.189-0.178C14.194,6.928,18.687,5,23.5,5h260c9.649,0,17.5,7.851,17.5,17.5V27z" />
</g>
</svg>
<span>Boxed With Sidebar</span>
</a>
<a href="demo4.html" target="blank" class="layout">
<img src="landing/images/lazy.png" data-src="landing/images/pages/demo4.jpg" class="lazy-img" alt="Riode html5 template demo 4" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="226px" viewBox="0 0 306 226" enable-background="new 0 0 306 226" xml:space="preserve">
<g>
<circle cx="34.465" cy="15.5" r="3.375" />
<circle cx="23.465" cy="15.5" r="3.375" />
<circle cx="45.465" cy="15.5" r="3.375" />
<path d="M283.465,0h-260C17.326,0,11.594,2.443,7.308,6.883C2.594,10.937,0,16.478,0,22.5v180C0,215.019,10.965,226,23.465,226h260
c6.024,0,11.571-2.6,15.634-7.325C303.55,214.378,306,208.64,306,202.5v-180C306,10.093,295.891,0,283.465,0z M43,60v86v48v27
H23.465C13.801,221,5,212.182,5,202.5V30h38V60z M261,221H46v-27h106h3h106V221z M152,149v42H46v-42H152z M46,146V60h106v42v3v41
H46z M205,105v41h-50v-41H205z M155,102V60h50v42H155z M205,149v42h-50v-42H205z M261,191h-53v-42h53V191z M261,146h-53v-41h53V146
z M261,102h-53V60h53V102z M261,57h-53h-2h-1h-52h-1H46V30h215V57z M301,57v3v131v3v8.5c0,4.803-1.935,9.295-5.448,12.648
l-0.178,0.189c-3.104,3.651-7.334,5.663-11.909,5.663H264v-27v-1v-44v-1v-2v-41v-1v-2V60v-1v-2V30h37V57z M301,27h-37h-3H46h-3H5
v-4.5c0-4.573,2.005-8.797,5.645-11.892l0.189-0.178C14.177,6.928,18.663,5,23.465,5h260C293.134,5,301,12.851,301,22.5V27z" />
</g>
</svg>
<span>Boxed Creative Grid</span>
</a>
<a href="product-right-sidebar.html" target="blank" class="layout">
<img src="landing/images/lazy.png" data-src="landing/images/pages/product-right-sidebar.jpg" class="lazy-img" alt="Riode html5 template product right sidebar page" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="226px" viewBox="0 0 306 226" enable-background="new 0 0 306 226" xml:space="preserve">
<g>
<circle cx="34.014" cy="15.5" r="3.375" />
<circle cx="23.014" cy="15.5" r="3.375" />
<circle cx="45.014" cy="15.5" r="3.375" />
<path d="M283.014,0h-260C16.933,0,11.426,2.38,7.081,6.884C2.514,10.816,0,16.356,0,22.5v180C0,215.019,10.754,226,23.014,226h260
c6.079,0,11.852-2.668,15.858-7.325c4.531-4.372,7.128-10.26,7.128-16.175v-180C306,10.304,295.474,0,283.014,0z M43,57v3v131v3v27
H23.014C13.418,221,5,212.355,5,202.5V30h38V57z M261,221H46v-27h145h3h67V221z M46,191V60h145v42v2v1v41v2v1v42H46z M261,191h-67
v-42h67V191z M261,146h-67v-41h67V146z M261,102h-67V60h67V102z M261,57h-67h-3H46V30h215V57z M301,57v3v131v3v8.5
c0,4.596-2.068,9.207-5.674,12.648l-0.178,0.189c-3.06,3.599-7.482,5.663-12.135,5.663H264v-27v-3v-42v-3v-41v-3V60v-3V30h37V57z
M301,27h-37h-3H46h-3H5v-4.5c0-4.765,1.874-8.877,5.419-11.892l0.189-0.178C14,6.877,18.29,5,23.014,5h260
C292.764,5,301,13.014,301,22.5V27z" />
</g>
</svg>
<span>Boxed With Right Sidebar</span>
</a>
<a href="demo18.html" target="blank" class="layout">
<img src="landing/images/lazy.png" data-src="landing/images/pages/demo18.jpg" class="lazy-img" alt="Riode html5 template demo 18" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="226px" viewBox="0 0 306 226" enable-background="new 0 0 306 226" xml:space="preserve">
<g>
<circle cx="34.448" cy="15.5" r="3.375" />
<circle cx="23.448" cy="15.5" r="3.375" />
<circle cx="45.448" cy="15.5" r="3.375" />
<path d="M283.448,0h-260C17.315,0,11.586,2.443,7.3,6.883C2.591,10.933,0,16.474,0,22.5v180C0,215.019,10.957,226,23.448,226h260
c6.03,0,11.58-2.601,15.642-7.325c4.457-4.301,6.91-10.04,6.91-16.175v-180C306,10.093,295.884,0,283.448,0z M43,60v131v30H23.448
C13.793,221,5,212.182,5,202.5V30h38V60z M261,221H46v-27h122h93V221z M46,191V60h52v131H46z M206,153v38h-38h-67v-38H206z
M101,150V60h62h43v90H101z M261,191h-52V60h52V191z M261,57h-98H46V30h215V57z M301,57v3v131v3v8.5
c0,4.798-1.938,9.29-5.456,12.648l-0.18,0.189c-3.103,3.652-7.335,5.663-11.916,5.663H264v-30V60V30h37V57z M301,27h-37h-3H46h-3H5
v-4.5c0-4.578,2.002-8.801,5.637-11.892l0.189-0.178C14.169,6.928,18.652,5,23.448,5h260C293.126,5,301,12.851,301,22.5V27z" />
</g>
</svg>
<span>Boxed With Both Sidebar</span>
</a>
<a href="blog-grid-sidebar.html" target="blank" class="layout">
<img src="landing/images/lazy.png" data-src="landing/images/pages/blog-grid-sidebar.jpg" class="lazy-img" alt="Riode html5 template blog grid sidebar page" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="226px" viewBox="0 0 306 226" enable-background="new 0 0 306 226" xml:space="preserve">
<g>
<circle cx="34.115" cy="15.5" r="3.375" />
<circle cx="23.115" cy="15.5" r="3.375" />
<circle cx="45.115" cy="15.5" r="3.375" />
<path d="M283.115,0h-260C17.09,0,11.419,2.444,7.133,6.884C2.532,10.844,0,16.384,0,22.5v180C0,215.019,10.802,226,23.115,226h260
c6.048,0,11.802-2.668,15.808-7.325c4.499-4.34,7.077-10.229,7.077-16.175v-180C306,10.093,295.734,0,283.115,0z M43,221H23.115
C13.635,221,5,212.182,5,202.5V30h38V221z M113,221h-67v-93h67V221z M113,125h-67V30h67V125z M187,221h-71v-93h71V221z M187,125h-71V30h71V125z M261,221h-71
v-191h71V221z M301,57v3v131v3v8.5c0,4.628-2.05,9.238-5.622,12.648l-0.18,0.189
c-3.058,3.599-7.462,5.663-12.083,5.663H264V30h37V57z M301,27h-39h-1H46h-2H5v-4.5c0-4.668,1.943-8.892,5.471-11.892l0.189-0.178
C14.052,6.877,18.358,5,23.115,5h260C292.81,5,301,13.014,301,22.5V27z" />
</g>
</svg>
<span>2 Columns With Sidebar </span>
</a>
<a href="blog-mask-grid.html" target="blank" class="layout">
<img src="landing/images/lazy.png" data-src="landing/images/pages/blog-mask-grid.jpg" class="lazy-img" alt="Riode html5 template blog mask grid page" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="226px" viewBox="0 0 306 226" enable-background="new 0 0 306 226" xml:space="preserve">
<g>
<circle cx="34.115" cy="15.5" r="3.375" />
<circle cx="23.115" cy="15.5" r="3.375" />
<circle cx="45.115" cy="15.5" r="3.375" />
<path d="M283.115,0h-260C17.09,0,11.419,2.444,7.133,6.884C2.532,10.844,0,16.384,0,22.5v180C0,215.019,10.802,226,23.115,226h260
c6.048,0,11.802-2.668,15.808-7.325c4.499-4.34,7.077-10.229,7.077-16.175v-180C306,10.093,295.734,0,283.115,0z M43,221H23.115
C13.635,221,5,212.182,5,202.5V30h38V221z M116,221H46v-93h70V221z M116,125H46V30h70V125z M189,221h-70v-93h70V221z M189,125h-70
V30h70V125z M261,221h-69v-93h69V221z M261,59v66h-69V30h69V59z M301,57v3v131v3v8.5c0,4.628-2.05,9.238-5.622,12.648l-0.18,0.189
c-3.058,3.599-7.462,5.663-12.083,5.663H264V59V30h37V57z M301,27h-39h-1H46h-2H5v-4.5c0-4.668,1.943-8.892,5.471-11.892
l0.189-0.178C14.052,6.877,18.358,5,23.115,5h260C292.81,5,301,13.014,301,22.5V27z" />
</g>
</svg>
<span>Grid 3 Columns</span>
</a>
<a href="shop.html" target="blank" class="layout">
<img src="landing/images/lazy.png" data-src="landing/images/pages/shop.jpg" class="lazy-img" alt="Riode html5 template shop page" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="226px" viewBox="0 0 306 226" enable-background="new 0 0 306 226" xml:space="preserve">
<g>
<circle cx="34.099" cy="15.5" r="3.375" />
<circle cx="23.099" cy="15.5" r="3.375" />
<circle cx="45.099" cy="15.5" r="3.375" />
<path d="M283.099,0h-260C17.078,0,11.411,2.443,7.125,6.884C2.529,10.839,0,16.38,0,22.5v180C0,215.019,10.794,226,23.099,226h260
c6.053,0,11.811-2.668,15.816-7.325C303.42,214.33,306,208.442,306,202.5v-180C306,10.093,295.727,0,283.099,0z M43,221H23.099
C13.457,221,5,212.355,5,202.5V30h38V221z M97,221H46v-62h51V221z M97,156H46V95h51V156z M97,92H46V30h51V92z M152,221h-52v-62h52
V221z M152,156h-52V95h52V156z M152,92h-52V30h52V92z M206,221h-51v-62h51V221z M206,156h-51V95h51V156z M206,92h-51V30h51V92z
M261,221h-52v-62h52V221z M261,156h-52V95h52V156z M261,92h-52V30h52V92z M301,57v3v131v3v8.5c0,4.623-2.052,9.233-5.63,12.648
l-0.18,0.189c-3.058,3.599-7.465,5.663-12.092,5.663H264V30h37V57z M301,27h-39H44H5v-4.5c0-4.673,1.94-8.896,5.463-11.892
l0.189-0.178C14.044,6.877,18.348,5,23.099,5h260C292.802,5,301,13.014,301,22.5V27z" />
</g>
</svg>
<span>Grid 4 Columns</span>
</a>
<a href="shop-grid-6cols.html" target="blank" class="layout">
<img src="landing/images/lazy.png" data-src="landing/images/pages/shop-grid-6cols.jpg" class="lazy-img" alt="Riode html5 template shop grid 6cols" />
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="226px" viewBox="0 0 306 226" enable-background="new 0 0 306 226" xml:space="preserve">
<g>
<circle cx="34.099" cy="15.5" r="3.375" />
<circle cx="23.099" cy="15.5" r="3.375" />
<circle cx="45.099" cy="15.5" r="3.375" />
<path d="M283.099,0h-260C17.078,0,11.411,2.443,7.125,6.884C2.529,10.839,0,16.38,0,22.5v180C0,215.019,10.794,226,23.099,226h260
c6.053,0,11.811-2.668,15.816-7.325C303.42,214.33,306,208.442,306,202.5v-180C306,10.093,295.727,0,283.099,0z M52,221H23.099
C13.457,221,5,212.355,5,202.5V159h47V221z M52,156H5V95h47V156z M52,92H5V30h39h8V92z M102,221H55v-62h47V221z M102,156H55V95h47
V156z M102,92H55V30h47V92z M152,221h-47v-62h47V221z M152,156h-47V95h47V156z M152,92h-47V30h47V92z M201,221h-46v-62h46V221z
M201,156h-46V95h46V156z M201,92h-46V30h46V92z M251,221h-47v-62h47V221z M251,156h-47V95h47V156z M251,92h-47V30h47V92z M301,191
v3v8.5c0,4.623-2.052,9.233-5.63,12.648l-0.18,0.189c-3.058,3.599-7.465,5.663-12.092,5.663H254v-62h47V191z M301,156h-47V95h47
V156z M301,57v3v32h-47V30h8h39V57z M301,27h-39H44H5v-4.5c0-4.673,1.94-8.896,5.463-11.892l0.189-0.178
C14.044,6.877,18.348,5,23.099,5h260C292.802,5,301,13.014,301,22.5V27z" />
</g>
</svg>
<span>Grid 6 Columns</span>
</a>
</div>
</div>
</div>
</section>
<section class="grey-section elements-section text-center pt-10 pb-10" id="sec-elements">
<div class="container pt-9 pb-10 mb-10">
<h3 class="text-body font-weight-normal text-uppercase ls-s mb-1 appear-animate" data-animation-options="{ 'name': 'fadeInRightShorter', 'delay': '.2s'}">
For your new website design.</h3>
<h2 class="font-weight-bold ls-s lh-1 mb-8 appear-animate" data-animation-options="{
'name': 'fadeInLeftShorter', 'delay': '.3s'}">Riode Elements</h2>
<div class="row justify-content-center elements cols-xs-2 cols-md-3 cols-lg-4 cols-xl-5 pb-2">
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.1s'}">
<a href="element-accordions.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<rect x="16.396" y="18.941" width="67.209" height="4.045" />
<rect x="16.396" y="33.459" width="38.751" height="4.044" />
<rect x="16.396" y="47.977" width="51.376" height="4.048" />
<rect x="16.396" y="62.496" width="66.043" height="4.047" />
<rect x="16.396" y="77.016" width="39.376" height="4.043" />
</svg>
<p>accordions</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.2s'}">
<a href="element-banner.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<path d="M71.612,39.006c-0.314-0.42-1.229-0.922-3.797-0.922c-1.674,0-3.819,0.208-6.56,0.635l-0.268,0.042l0.284,1.691 l0.246-0.038c2.355-0.37,4.99-0.609,6.711-0.609c0.284,0,0.554,0.007,0.826,0.021l0.975,0.053l-0.405,0.879 c-2.603,5.659-2.596,9.772-2.592,11.982l-0.011,1.298l-0.743-0.094c-3.95-0.492-8.273-1.747-11.284-3.275 c-1.159-0.59-2.104-1.566-1.205-4.67l-1.67-0.488c-0.956,3.301-0.276,5.486,2.075,6.68c3.517,1.783,8.445,3.147,12.861,3.561 c0.648,0.06,1.043-0.251,1.144-0.34c0.551-0.497,0.575-1.257,0.573-2.67c-0.004-2.251-0.011-6.438,2.934-12.299 C71.954,39.942,71.92,39.419,71.612,39.006z">
</path>
<path d="M8.295,40.441c2.939,5.856,2.934,10.047,2.931,12.298c-0.001,1.414,0.024,2.174,0.577,2.674 c0.117,0.104,0.448,0.346,0.974,0.346c0.054,0,0.109-0.003,0.167-0.008c4.426-0.417,9.353-1.781,12.859-3.561 c2.355-1.196,3.035-3.382,2.075-6.682l-1.669,0.49c0.899,3.112-0.101,4.108-1.204,4.67c-3.015,1.528-7.339,2.783-11.286,3.275 l-0.748,0.094l-0.003-1.297c0.002-2.214,0.006-6.334-2.591-11.979L9.975,39.89l0.969-0.058c0.251-0.015,0.539-0.022,0.857-0.022 c1.771,0,4.273,0.227,6.693,0.607l0.233,0.035l0.284-1.69l-0.258-0.041c-2.736-0.429-4.884-0.637-6.564-0.637 c-2.572,0-3.489,0.504-3.805,0.927C8.081,39.416,8.048,39.951,8.295,40.441z">
</path>
<path d="M64.225,30.435c0.203-0.743,0.1-1.522-0.293-2.192c-0.392-0.67-1.026-1.148-1.787-1.348 c-0.1-0.027-10.297-2.654-22.132-2.654c-12.964,0-21.654,2.496-22.018,2.603c-1.54,0.454-2.455,2.065-2.039,3.592l4.249,15.564 c0.338,1.234,1.478,2.097,2.771,2.097c0.289,0,0.573-0.042,0.844-0.125c0.356-0.104,8.764-2.521,15.909-2.521 c0.229,0,0.457,0.002,0.686,0.008c7.697,0.166,15.115,2.272,15.936,2.512c0.277,0.084,0.563,0.127,0.852,0.127 c1.295,0,2.435-0.861,2.771-2.096L64.225,30.435z M58.248,45.547c-0.114,0.444-0.593,0.793-1.089,0.793 c-0.103,0-0.202-0.016-0.295-0.047c-0.323-0.097-8.072-2.401-16.412-2.586c-0.244-0.006-0.488-0.008-0.732-0.008 c-7.762,0-16.063,2.493-16.412,2.599c-0.107,0.031-0.21,0.046-0.316,0.046c-0.496,0-0.932-0.328-1.06-0.797l-4.25-15.565 c-0.168-0.616,0.211-1.288,0.827-1.467c0.929-0.259,9.413-2.528,21.505-2.528c11.449,0,21.256,2.488,21.668,2.594 c0.299,0.076,0.549,0.266,0.705,0.534c0.153,0.265,0.194,0.571,0.117,0.863L58.248,45.547z">
</path>
</g>
</svg>
<p>Banner</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.3s'}">
<a href="element-banner-effect.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g id="Element_4_1">
<g>
<path d="M35.419,39.002l-1.637-0.913l-2.445,1.348l-0.195-0.092l0.022-0.099l0.601-2.542l-2.284-1.906l3.046-0.314l1.11-2.419 c0.042-0.037,0.096-0.058,0.152-0.058h0.029l0.096,0.039l0.022,0.041l0.452,0.977c0.096-0.025,0.189-0.059,0.289-0.067 l0.758-0.067l-0.559-1.239c-0.098-0.212-0.253-0.389-0.449-0.51l-0.056-0.03c-0.172-0.101-0.373-0.153-0.585-0.153 c-0.235,0-0.462,0.063-0.657,0.184c-0.204,0.132-0.356,0.307-0.452,0.52l-0.833,1.834l-0.073,0.006l-2.047,0.184 c-0.232,0.022-0.45,0.107-0.627,0.245c-0.187,0.141-0.323,0.332-0.397,0.554c-0.073,0.213-0.08,0.44-0.02,0.659 c0.067,0.229,0.192,0.422,0.371,0.572l1.585,1.322l-0.459,1.944c-0.055,0.229-0.037,0.464,0.052,0.678 c0.078,0.208,0.23,0.394,0.43,0.528c0.187,0.13,0.408,0.202,0.642,0.211l0.06,0.002l0.009-0.002 c0.219-0.009,0.408-0.062,0.581-0.157l1.834-1.033l1.394,0.782L35.419,39.002z">
</path>
<path d="M51.273,34.523c-0.071-0.221-0.208-0.412-0.396-0.555c-0.178-0.138-0.395-0.223-0.629-0.246l-2.118-0.188l-0.834-1.835 c-0.095-0.213-0.248-0.388-0.454-0.521c-0.365-0.226-0.881-0.238-1.237-0.03l-0.063,0.035c-0.19,0.118-0.346,0.294-0.444,0.508 l-0.559,1.238L45.334,33c0.089,0.009,0.171,0.039,0.256,0.061l0.469-1.019l0.047-0.019c0.048-0.027,0.165-0.018,0.232,0.042 l0.031,0.042l1.079,2.376l3.046,0.314l-2.285,1.906l0.624,2.643l-0.195,0.089l-2.445-1.346l-1.612,0.899l0.241,1.027l1.371-0.77 l1.832,1.034c0.174,0.096,0.363,0.147,0.563,0.153l0.087,0.002c0.233-0.009,0.454-0.081,0.64-0.209 c0.201-0.137,0.354-0.323,0.43-0.526c0.09-0.219,0.107-0.453,0.054-0.682l-0.457-1.944l0.06-0.049l1.525-1.273 c0.175-0.148,0.303-0.346,0.368-0.573C51.354,34.966,51.347,34.732,51.273,34.523z">
</path>
</g>
<g>
<path d="M71.598,39.968c-0.314-0.42-1.229-0.922-3.797-0.922c-1.674,0-3.819,0.208-6.56,0.635l-0.268,0.042l0.284,1.691 l0.246-0.038c2.355-0.37,4.99-0.609,6.711-0.609c0.284,0,0.554,0.007,0.826,0.021l0.975,0.053L69.61,41.72 c-2.603,5.659-2.596,9.772-2.592,11.982L67.008,55l-0.743-0.094c-3.95-0.492-8.273-1.747-11.284-3.275 c-1.159-0.59-2.104-1.566-1.205-4.67l-1.67-0.488c-0.956,3.301-0.276,5.486,2.075,6.68c3.517,1.783,8.445,3.147,12.861,3.561 c0.648,0.06,1.043-0.251,1.144-0.34c0.551-0.497,0.575-1.257,0.573-2.67c-0.004-2.251-0.011-6.438,2.934-12.299 C71.939,40.904,71.905,40.381,71.598,39.968z">
</path>
<path d="M8.28,41.403c2.939,5.856,2.934,10.047,2.931,12.298c-0.001,1.414,0.024,2.174,0.577,2.674 c0.117,0.104,0.448,0.346,0.974,0.346c0.054,0,0.109-0.003,0.167-0.008c4.426-0.417,9.353-1.781,12.859-3.561 c2.355-1.196,3.035-3.382,2.075-6.682l-1.669,0.49c0.899,3.112-0.101,4.108-1.204,4.67c-3.015,1.528-7.339,2.783-11.286,3.275 L12.956,55l-0.003-1.297c0.002-2.214,0.006-6.334-2.591-11.979L9.96,40.852l0.969-0.058c0.251-0.015,0.539-0.022,0.857-0.022 c1.771,0,4.273,0.227,6.693,0.607l0.233,0.035l0.284-1.69l-0.258-0.041c-2.736-0.429-4.884-0.637-6.564-0.637 c-2.572,0-3.489,0.504-3.805,0.927C8.066,40.378,8.033,40.913,8.28,41.403z">
</path>
<path d="M64.21,31.396c0.203-0.743,0.1-1.522-0.293-2.192c-0.392-0.67-1.026-1.148-1.787-1.348 c-0.1-0.027-10.297-2.654-22.132-2.654c-12.964,0-21.654,2.496-22.018,2.603c-1.54,0.454-2.455,2.065-2.039,3.592l4.249,15.564 c0.338,1.234,1.478,2.097,2.771,2.097c0.289,0,0.573-0.042,0.844-0.125c0.356-0.104,8.764-2.521,15.909-2.521 c0.229,0,0.457,0.002,0.686,0.008c7.697,0.166,15.115,2.272,15.936,2.512c0.277,0.084,0.563,0.127,0.852,0.127 c1.295,0,2.435-0.861,2.771-2.096L64.21,31.396z M58.233,46.509c-0.114,0.444-0.593,0.793-1.089,0.793 c-0.103,0-0.202-0.016-0.295-0.047c-0.323-0.097-8.072-2.401-16.412-2.586c-0.244-0.006-0.488-0.008-0.732-0.008 c-7.762,0-16.063,2.493-16.412,2.599c-0.107,0.031-0.21,0.046-0.316,0.046c-0.496,0-0.932-0.328-1.06-0.797l-4.25-15.565 c-0.168-0.616,0.211-1.288,0.827-1.467c0.929-0.259,9.413-2.528,21.505-2.528c11.449,0,21.256,2.488,21.668,2.594 c0.299,0.076,0.549,0.266,0.705,0.534c0.153,0.265,0.194,0.571,0.117,0.863L58.233,46.509z">
</path>
</g>
</g>
<g id="Element_4_2">
<path d="M46.523,34.188c-0.084-0.26-0.246-0.485-0.47-0.655c-0.209-0.162-0.466-0.262-0.742-0.289l-2.871-0.258l-0.029-0.066 l-1.104-2.426c-0.109-0.244-0.293-0.455-0.534-0.611c-0.403-0.249-1.079-0.265-1.471-0.035l-0.07,0.038 c-0.229,0.143-0.411,0.351-0.523,0.599l-1.139,2.502L34.7,33.24c-0.273,0.025-0.533,0.126-0.751,0.291 c-0.214,0.164-0.373,0.384-0.461,0.636c-0.091,0.261-0.1,0.543-0.025,0.795c0.075,0.264,0.227,0.495,0.439,0.67l2.145,1.796 l-0.63,2.67c-0.055,0.261-0.033,0.531,0.061,0.759c0.101,0.258,0.275,0.476,0.506,0.633c0.219,0.15,0.48,0.238,0.757,0.253h0.076 c0.119-0.001,0.235-0.016,0.347-0.045c0.137-0.038,0.25-0.084,0.354-0.142l2.482-1.394l2.483,1.397l0.378,0.143 c0.103,0.024,0.201,0.039,0.293,0.041v0.003h0.102c0.273-0.01,0.533-0.096,0.751-0.246c0.236-0.155,0.422-0.382,0.512-0.623 c0.105-0.255,0.127-0.529,0.063-0.798l-0.621-2.646l0.06-0.049l2.092-1.748c0.208-0.177,0.356-0.405,0.438-0.677 C46.616,34.708,46.607,34.433,46.523,34.188z M45.452,34.864l-2.631,2.195l0.765,3.248c0.017,0.069,0.01,0.134-0.02,0.203 c-0.017,0.052-0.064,0.109-0.136,0.155c-0.053,0.036-0.115,0.06-0.18,0.066l-0.063,0.001c-0.066,0-0.142-0.02-0.201-0.053L40,39 l-2.988,1.678c-0.03,0.017-0.11,0.057-0.197,0.057l-0.032-0.002c-0.077-0.005-0.152-0.029-0.218-0.073 c-0.063-0.041-0.107-0.099-0.139-0.175c-0.021-0.059-0.025-0.117-0.013-0.172l0.77-3.257l-2.623-2.197 c-0.058-0.047-0.097-0.105-0.116-0.177c-0.017-0.056-0.013-0.121,0.011-0.185c0.021-0.064,0.062-0.122,0.116-0.165 c0.065-0.05,0.14-0.077,0.223-0.085l3.46-0.308l1.385-3.041c0.031-0.067,0.083-0.124,0.152-0.164 c0.073-0.042,0.158-0.051,0.217-0.051c0.041,0,0.143,0.005,0.217,0.051c0.068,0.044,0.117,0.099,0.149,0.168l1.382,3.037 l3.462,0.312c0.081,0.008,0.152,0.035,0.213,0.081c0.059,0.045,0.1,0.101,0.125,0.172c0.018,0.063,0.022,0.122,0.015,0.168 C45.544,34.756,45.505,34.815,45.452,34.864z">
</path>
</g>
</svg>
<p>Banner Effect</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.4s'}">
<a href="element-blog-posts.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<path d="M84.286,82.529c-6.099,0-11.062-4.963-11.062-11.063c0-0.687,0.07-1.394,0.207-2.099c-0.136-2.246-1.932-3.961-4.088-3.961
c-1.933,0-3.626,1.375-4.027,3.266c0.219,1.082,0.324,1.963,0.324,2.794c0,6.101-4.961,11.063-11.061,11.063
c-6.098,0-11.06-4.963-11.06-11.063c0-6.097,4.962-11.059,11.06-11.059c3.6,0,6.988,1.771,9.064,4.741l0.152,0.217
c0.041,0.059,0.107,0.096,0.179,0.099c0.003,0,0.009,0.001,0.011,0.001c0.066,0,0.133-0.03,0.178-0.081l0.172-0.2
c1.267-1.461,3.093-2.297,5.008-2.297c1.974,0,3.833,0.874,5.102,2.395l0.177,0.213c0.043,0.053,0.108,0.084,0.179,0.084
c0.002,0,0.007-0.002,0.01-0.002c0.072-0.002,0.139-0.039,0.18-0.1l0.155-0.227c2.069-3.033,5.489-4.843,9.141-4.843
c6.098,0,11.06,4.962,11.06,11.059C95.346,77.566,90.384,82.529,84.286,82.529z M54.58,62.926c-4.71,0-8.541,3.831-8.541,8.54
c0,4.712,3.831,8.544,8.541,8.544c4.709,0,8.543-3.832,8.543-8.544c0-0.665-0.088-1.354-0.259-2.046l-0.04-0.158
c-0.014-0.061-0.051-0.107-0.098-0.138l0.003-0.069c0.001-0.01-0.005-0.124-0.007-0.135C61.574,65.313,58.305,62.926,54.58,62.926z
M84.286,62.926c-4.71,0-8.542,3.831-8.542,8.54c0,4.712,3.83,8.544,8.541,8.544c4.709,0,8.541-3.832,8.541-8.544
C92.826,66.757,88.996,62.926,84.286,62.926z" />
<rect x="19.478" y="45.364" width="58.937" height="2.52" />
<rect x="39.083" y="54.756" width="39.331" height="2.519" />
<rect x="39.083" y="63.35" width="3.632" height="2.52" />
<rect x="19.478" y="71.946" width="19.862" height="2.519" />
<path d="M30.395,41.318l-6.58-8.65c-0.043-0.059-0.112-0.092-0.184-0.092c-0.025,0-0.05,0.005-0.075,0.013
c-0.094,0.032-0.158,0.12-0.158,0.22v8.51h-2.087V28.896h2.12l6.768,8.877c0.044,0.059,0.112,0.092,0.184,0.092
c0.026,0,0.051-0.004,0.076-0.012c0.094-0.031,0.157-0.121,0.157-0.221v-8.736h2.089v12.422H30.395z" />
<path d="M36.859,41.318V28.896h8.709v1.767h-6.391c-0.127,0-0.232,0.104-0.232,0.233v3.154c0,0.129,0.105,0.232,0.232,0.232h5.724
v1.651h-5.724c-0.127,0-0.232,0.104-0.232,0.232v3.174c0,0.128,0.105,0.231,0.232,0.231h6.602v1.746H36.859z" />
<path d="M60.144,41.318l-3.011-9.569c-0.031-0.097-0.122-0.163-0.221-0.163l0,0c-0.104,0-0.192,0.066-0.222,0.163l-2.995,9.569
h-1.573l-4.338-12.422h2.287l2.729,7.953c0.031,0.095,0.119,0.158,0.219,0.158c0,0,0.002,0,0.004,0
c0.101-0.002,0.189-0.069,0.219-0.164l2.453-7.947h2.453l2.432,7.946c0.028,0.096,0.117,0.162,0.217,0.165c0.002,0,0.004,0,0.005,0
c0.099,0,0.188-0.063,0.22-0.157l2.75-7.954h2.283l-4.334,12.422H60.144z" />
<path d="M72.896,41.472c-1.855,0-3.564-0.655-5.084-1.948l1.222-1.499c1.384,1.129,2.7,1.701,3.92,1.701
c0.642,0,1.162-0.149,1.549-0.441c0.42-0.317,0.643-0.769,0.643-1.304c0-0.539-0.236-0.992-0.683-1.309
c-0.377-0.27-1.066-0.525-2.107-0.781c-1.478-0.35-2.56-0.805-3.223-1.351c-0.607-0.499-0.917-1.319-0.917-2.439
c0-1.126,0.388-1.966,1.187-2.57c0.824-0.622,1.879-0.937,3.134-0.937c0.838,0,1.688,0.145,2.519,0.431
c0.697,0.239,1.324,0.565,1.871,0.968l-1.016,1.465c-1.115-0.754-2.281-1.137-3.471-1.137c-0.597,0-1.084,0.152-1.449,0.451
c-0.391,0.323-0.588,0.752-0.588,1.273c0,0.536,0.248,0.982,0.721,1.29c0.402,0.263,1.214,0.538,2.553,0.867
c1.186,0.293,2.113,0.73,2.754,1.302c0.598,0.533,0.9,1.338,0.9,2.393c0,1.063-0.387,1.9-1.183,2.564
C75.338,41.131,74.243,41.472,72.896,41.472z" />
<g>
<path d="M10.809,78.84c-1.695,0-3.052-1.46-3.052-3.157V23.555c0-1.696,1.356-3.154,3.052-3.154h72.629
c1.7,0,3.107,1.458,3.107,3.154v32.328h3.104V23.555c0-3.395-2.814-6.084-6.211-6.084H10.809c-3.393,0-6.154,2.689-6.154,6.084
v52.128c0,3.396,2.762,6.087,6.154,6.087h28.976v-2.93H10.809z" />
</g>
</svg>
<p>blog posts</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.5s'}">
<a href="element-breadcrumb.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 23px 0 10px 0;">
<path fill="none" stroke="#666" stroke-width="3" stroke-miterlimit="10" d="M74.594,65.801c0,1.65-1.35,3-3,3H8.405 c-1.65,0-3-1.35-3-3V15.957c0-1.65,1.35-3,3-3h63.188c1.65,0,3,1.35,3,3V65.801z">
</path>
<line fill="none" stroke="#666" stroke-width="3" stroke-miterlimit="10" x1="74.594" y1="34.586" x2="5.405" y2="34.586"></line>
<g>
<rect x="22.875" y="22.875" width="7" height="2.5"></rect>
<rect x="50.125" y="22.875" width="7" height="2.5"></rect>
<polygon points="35.887,19.941 40.033,24.183 36.123,28.194 37.913,29.939 43.527,24.18 37.674,18.193 ">
</polygon>
</g>
</svg>
<p>Breadcrumb</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.3s'}">
<a href="element-buttons.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<g>
<path d="M42.114,51.646c-0.452,0-0.881-0.181-1.198-0.509c-0.157-0.158-0.282-0.34-0.372-0.542
c-0.078-0.204-0.125-0.43-0.125-0.655c0-0.102,0.011-0.215,0.035-0.328c0.022-0.102,0.055-0.215,0.09-0.316
c0.044-0.102,0.103-0.203,0.157-0.293c0.069-0.092,0.137-0.182,0.215-0.261c0.079-0.067,0.158-0.146,0.26-0.202
c0.09-0.069,0.181-0.113,0.294-0.158c0.102-0.046,0.203-0.08,0.317-0.103c0.214-0.046,0.441-0.046,0.656,0
c0.113,0.022,0.214,0.057,0.315,0.103c0.102,0.045,0.203,0.089,0.293,0.158c0.091,0.057,0.181,0.135,0.26,0.202
c0.081,0.079,0.147,0.169,0.214,0.261c0.058,0.09,0.114,0.191,0.148,0.293c0.045,0.102,0.079,0.215,0.102,0.316
c0.022,0.113,0.033,0.227,0.033,0.328c0,0.464-0.182,0.881-0.498,1.197c-0.158,0.17-0.35,0.293-0.553,0.373
C42.556,51.603,42.342,51.646,42.114,51.646z" />
</g>
<g>
<path d="M79.854,49.952c0-0.938,0.757-1.695,1.694-1.695l0,0c0.938,0,1.696,0.758,1.696,1.695l0,0
c0,0.927-0.758,1.684-1.696,1.684l0,0C80.611,51.636,79.854,50.879,79.854,49.952z M66.713,49.952
c0-0.938,0.757-1.695,1.694-1.695l0,0c0.938,0,1.695,0.758,1.695,1.695l0,0c0,0.927-0.758,1.684-1.695,1.684l0,0
C67.47,51.636,66.713,50.879,66.713,49.952z M53.562,49.952c0-0.938,0.768-1.695,1.694-1.695l0,0c0.938,0,1.694,0.758,1.694,1.695
l0,0c0,0.927-0.756,1.684-1.694,1.684l0,0C54.329,51.636,53.562,50.879,53.562,49.952z" />
</g>
</g>
<path d="M21.765,61.756c-6.483,0-11.757-5.272-11.757-11.755s5.273-11.756,11.757-11.756c6.48,0,11.754,5.273,11.754,11.756
S28.246,61.756,21.765,61.756z M21.765,41.128c-4.894,0-8.874,3.98-8.874,8.873s3.98,8.873,8.874,8.873
c4.892,0,8.873-3.98,8.873-8.873S26.657,41.128,21.765,41.128z" />
<path d="M20.721,66.991c-8.844,0-16.04-7.195-16.04-16.039v-1.904c0-8.844,7.196-16.039,16.04-16.039h58.56
c8.846,0,16.039,7.195,16.039,16.039v1.904c0,8.844-7.193,16.039-16.039,16.039H20.721z M20.721,35.892
c-7.254,0-13.157,5.902-13.157,13.156v1.904c0,7.254,5.903,13.157,13.157,13.157h58.56c7.256,0,13.158-5.903,13.158-13.157v-1.904
c0-7.254-5.902-13.156-13.158-13.156H20.721z" />
</svg>
<p>buttons</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.4s'}">
<a href="element-cta.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M77.872,15.792H22.126c-3.492,0-6.334,2.843-6.334,6.335v24.072c0,0.701,0.566,1.268,1.266,1.268
c0.701,0,1.268-0.566,1.268-1.268V22.126c0-2.096,1.705-3.801,3.801-3.801h55.746c2.096,0,3.801,1.705,3.801,3.801v55.747
c0,2.096-1.705,3.801-3.801,3.801H53.8c-0.699,0-1.268,0.566-1.268,1.268s0.568,1.268,1.268,1.268h24.072
c3.496,0,6.336-2.842,6.336-6.336V22.126C84.208,18.634,81.368,15.792,77.872,15.792z" />
</g>
<path d="M51.899,50c-0.506,0-0.984-0.197-1.342-0.557c-0.742-0.74-0.742-1.945-0.002-2.688l16.58-16.578
c0.182-0.182,0.236-0.455,0.139-0.691c-0.1-0.236-0.33-0.391-0.586-0.391h-7.188v-3.801h13.305c1.049,0,1.9,0.852,1.9,1.9v13.303
h-3.803v-7.186c0-0.257-0.152-0.488-0.391-0.586c-0.078-0.032-0.16-0.049-0.242-0.049c-0.162,0-0.326,0.064-0.447,0.187
l-16.58,16.579C52.884,49.802,52.409,50,51.899,50z" />
<g>
<path d="M42.804,54.369c1.559,0,2.826,1.27,2.826,2.826v21.188c0,1.559-1.268,2.826-2.826,2.826H21.616
c-1.557,0-2.824-1.268-2.824-2.826V57.195c0-1.557,1.268-2.826,2.824-2.826H42.804 M42.804,51.369H21.616
c-3.212,0-5.824,2.613-5.824,5.826v21.188c0,3.213,2.612,5.826,5.824,5.826h21.188c3.213,0,5.826-2.613,5.826-5.826V57.195
C48.63,53.982,46.017,51.369,42.804,51.369L42.804,51.369z" />
</g>
</svg>
<p>call to action</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.5s'}">
<a href="element-countdown.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Element_10" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<path d="M39.999,25.754c-10.222,0-18.537,8.155-18.537,18.18c0,10.025,8.315,18.182,18.537,18.182 c10.221,0,18.536-8.156,18.536-18.182C58.535,33.909,50.22,25.754,39.999,25.754z M39.999,60.45 c-9.286,0-16.841-7.408-16.841-16.517c0-9.107,7.555-16.517,16.841-16.517s16.84,7.409,16.84,16.517 C56.839,53.042,49.285,60.45,39.999,60.45z">
</path>
<path d="M19.962,28.258l1.087,1.066l1.199-1.176l-1.088-1.067c-0.111-0.109-0.195-0.266-0.215-0.397 c-0.014-0.093-0.007-0.197,0.133-0.335l0.906-0.888c0.098-0.097,0.275-0.193,0.45-0.193h0.001c0.159,0,0.317,0.08,0.487,0.247 l1.005,0.985l1.199-1.177l-1.002-0.982c-0.616-0.608-1.257-0.737-1.687-0.738c-0.001,0-0.002,0-0.004,0 c-0.599,0-1.216,0.255-1.65,0.682l-0.906,0.888c-0.49,0.481-0.708,1.104-0.612,1.75C19.338,27.408,19.592,27.896,19.962,28.258z">
</path>
<path d="M57.147,25.513c0.167-0.165,0.325-0.245,0.484-0.245c0.001,0,0.001,0,0.001,0c0.174,0,0.354,0.097,0.451,0.193l0.904,0.888 c0.317,0.31-0.013,0.665-0.081,0.733l-1.087,1.066l1.199,1.176l1.088-1.067c0.781-0.769,1.076-2.11,0.081-3.085l-0.904-0.889 c-0.437-0.426-1.053-0.681-1.651-0.681c-0.001,0-0.002,0-0.004,0c-0.43,0.001-1.07,0.13-1.684,0.736l-1.005,0.984L56.14,26.5 L57.147,25.513z">
</path>
<path d="M53.239,44.767l2.033-0.001l-0.001-1.664l-2.033,0.001L53.239,44.767z">
</path>
<path d="M39.147,56.92l0.002,1.994l1.696-0.002l-0.001-1.993L39.147,56.92z">
</path>
<path d="M26.757,43.1l-2.033,0.002l0.002,1.664l2.033-0.002L26.757,43.1z">
</path>
<path d="M28.897,36.805l-1.771-0.982l-0.835,1.449l1.771,0.982L28.897,36.805z">
</path>
<path d="M31.547,31.428l1.03,1.721l1.462-0.843l-1.029-1.72L31.547,31.428z">
</path>
<path d="M48.396,31.391l-1.469-0.834l-1.019,1.728l1.468,0.833L48.396,31.391z">
</path>
<path d="M53.697,37.25l-0.841-1.446l-1.769,0.987l0.84,1.446L53.697,37.25z">
</path>
<path d="M51.109,51.047l1.773,0.979l0.833-1.449l-1.772-0.98L51.109,51.047z">
</path>
<path d="M45.974,55.554l1.032,1.72l1.462-0.846l-1.033-1.719L45.974,55.554z">
</path>
<path d="M31.517,56.422l1.463,0.844l1.031-1.721l-1.463-0.844L31.517,56.422z">
</path>
<path d="M26.403,50.817l0.862,1.434l1.752-1.014l-0.861-1.434L26.403,50.817z">
</path>
<path d="M40.843,28.961h-1.696v1.993h1.696V28.961z"></path>
<path d="M40.852,43.102h-1.686c-0.441,0-0.859-0.17-1.173-0.472c-0.31-0.307-0.481-0.717-0.481-1.158 c0-0.429,0.173-0.841,0.478-1.145c0.314-0.308,0.733-0.479,1.176-0.479h1.685c0.434,0,0.864,0.176,1.173,0.47 c0.391,0.389,0.474,0.843,0.474,1.153h1.71c0-0.883-0.343-1.711-0.978-2.343c-0.632-0.606-1.496-0.956-2.367-0.958v-1.688h-1.713 v1.688c-0.89,0.005-1.729,0.343-2.375,0.975c-0.629,0.626-0.975,1.456-0.975,2.326c0,0.887,0.348,1.717,0.984,2.345 c0.64,0.622,1.486,0.966,2.383,0.966h1.684c0.432,0,0.864,0.176,1.179,0.479c0.302,0.293,0.468,0.702,0.468,1.152 c0,0.443-0.166,0.851-0.461,1.14c-0.321,0.307-0.752,0.483-1.186,0.483h-1.684c-0.442,0-0.86-0.169-1.171-0.469 c-0.312-0.313-0.483-0.722-0.483-1.154h-1.713c0,0.879,0.349,1.705,0.986,2.338c0.636,0.619,1.475,0.959,2.365,0.963v1.689h1.712 v-1.689c0.872-0.004,1.734-0.351,2.377-0.967c0.624-0.614,0.969-1.444,0.969-2.334c0-0.899-0.347-1.73-0.977-2.349 C42.593,43.454,41.728,43.102,40.852,43.102z">
</path>
<ellipse fill="none" stroke="#666" stroke-width="2" stroke-miterlimit="10" cx="39.969" cy="43.788" rx="21.24" ry="20.912">
</ellipse>
<line fill="none" stroke="#666" stroke-width="2" stroke-miterlimit="10" x1="39.969" y1="22.876" x2="39.969" y2="17.406"></line>
</g>
<path fill="none" stroke="#666" stroke-width="2" stroke-miterlimit="10" d="M46.003,16.947c0,1.563-1.35,2.841-3,2.841h-6 c-1.65,0-3-1.278-3-2.841s1.35-2.841,3-2.841h6C44.653,14.106,46.003,15.385,46.003,16.947z">
</path>
</svg>
<p>Counter Down</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.6s'}">
<a href="element-counter.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<path d="M16.5,37.989v-1.905h4.276v16.271h-2.093V37.989H16.5z"></path>
<path d="M28.599,46.848c1.092-0.994,2.013-2.031,2.764-3.109c0.75-1.079,1.125-2.13,1.125-3.156c0-0.948-0.243-1.71-0.728-2.283 c-0.485-0.574-1.25-0.861-2.296-0.861c-1.032,0-1.832,0.326-2.399,0.976c-0.569,0.65-0.875,1.52-0.922,2.604h-2.001 c0.06-1.712,0.576-3.036,1.546-3.97c0.971-0.933,2.221-1.399,3.753-1.399c1.561,0,2.801,0.432,3.719,1.297 c0.917,0.863,1.375,2.047,1.375,3.546c0,1.223-0.376,2.433-1.126,3.625c-0.75,1.194-1.603,2.237-2.558,3.133 c-0.956,0.896-2.177,1.955-3.663,3.181h7.824v1.743h-10.94v-1.492C25.998,49.119,27.507,47.842,28.599,46.848z">
</path>
<path d="M38.97,36.635c0.97-0.796,2.229-1.192,3.776-1.192c1.029,0,1.92,0.186,2.672,0.562c0.75,0.374,1.318,0.883,1.705,1.525 c0.387,0.644,0.58,1.369,0.58,2.181c0,0.949-0.27,1.767-0.809,2.456c-0.537,0.688-1.238,1.132-2.103,1.331v0.114 c0.984,0.245,1.767,0.728,2.343,1.446c0.576,0.72,0.865,1.66,0.865,2.823c0,0.871-0.199,1.656-0.594,2.353 c-0.393,0.697-0.984,1.244-1.772,1.643c-0.788,0.396-1.737,0.595-2.843,0.595c-1.607,0-2.927-0.427-3.958-1.274 c-1.031-0.849-1.607-2.054-1.729-3.614h2.001c0.107,0.918,0.478,1.668,1.115,2.25c0.637,0.581,1.486,0.871,2.547,0.871 s1.869-0.279,2.422-0.838c0.553-0.558,0.83-1.28,0.83-2.168c0-1.148-0.379-1.974-1.137-2.479c-0.758-0.504-1.902-0.757-3.435-0.757 h-0.522v-1.745h0.547c1.393-0.015,2.447-0.249,3.16-0.699c0.713-0.451,1.068-1.15,1.068-2.1c0-0.811-0.262-1.461-0.783-1.95 c-0.523-0.49-1.271-0.735-2.241-0.735c-0.94,0-1.698,0.245-2.275,0.735c-0.576,0.489-0.917,1.146-1.022,1.973h-2.025 C37.46,38.532,37.999,37.43,38.97,36.635z">
</path>
<path d="M61.805,33.274l-6.137-6.703l-5.241,6.64l-1.805-1.451l6.917-8.762l7.961,8.697L61.805,33.274z">
</path>
<path d="M56.758,56.998h-2.309V25.95h2.309V56.998z"></path>
</g>
</svg>
<p>Counter Up</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.7s'}">
<a href="element-creative-grid.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<path d="M33.238,15.144c0-1.134-0.923-2.056-2.057-2.056H14.556c-1.133,0-2.056,0.922-2.056,2.056v21.244 c0,1.134,0.923,2.057,2.056,2.057h16.626c1.134,0,2.057-0.923,2.057-2.057V15.144z M30.973,36.179H14.765V15.353h16.208V36.179z">
</path>
<path d="M33.238,42.935c0-1.134-0.923-2.057-2.057-2.057H14.556c-1.133,0-2.056,0.923-2.056,2.057v12.008 c0,1.134,0.923,2.056,2.056,2.056h16.626c1.134,0,2.057-0.922,2.057-2.056V42.935z M30.973,54.732H14.765V43.144h16.208V54.732z">
</path>
<path d="M56.5,15.056c0-1.135-0.924-2.058-2.057-2.058H37.817c-1.134,0-2.057,0.923-2.057,2.058v12.007 c0,1.135,0.923,2.057,2.057,2.057h16.626c1.133,0,2.057-0.922,2.057-2.057V15.056z M54.233,26.854H38.025v-11.59h16.208V26.854z">
</path>
<path d="M56.5,33.698c0-1.134-0.924-2.057-2.057-2.057H37.817c-1.134,0-2.057,0.923-2.057,2.057v21.244 c0,1.134,0.923,2.056,2.057,2.056h16.626c1.133,0,2.057-0.922,2.057-2.056V33.698z M54.233,54.732H38.025V33.907h16.208V54.732z">
</path>
</g>
</svg>
<p>Creative Grid</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.3s'}">
<a href="element-animation.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Element_14" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<path d="M12.833,53.767l-3.917-0.349c2.748-9.556,11.795-17.333,21.949-21.955l0.789,1.838 C22.865,37.883,14.84,45.353,12.833,53.767z">
</path>
</g>
<g>
<path d="M18.707,60.905h-3.873c1.667-8.438,4.273-11.89,8.771-16.878l1.485,1.34C20.854,50.065,20.286,52.467,18.707,60.905z">
</path>
</g>
<g>
<path d="M28.167,63.209h-4.333c1.257-12.625,3.554-15.63,10.398-23.688l1.524,1.295C30.167,47.918,29.182,51.716,28.167,63.209z">
</path>
</g>
<g>
<path fill="none" stroke="#666" stroke-width="2" stroke-miterlimit="10" d="M55.403,36.56c0.186,0.518-0.091,0.804-0.614,0.637 l-6.363-2.034c-0.523-0.167-1.308-0.029-1.743,0.308l-5.279,4.086c-0.435,0.337-0.793,0.162-0.795-0.388l-0.031-6.679 c-0.002-0.55-0.376-1.253-0.831-1.563l-5.52-3.759c-0.455-0.31-0.399-0.704,0.123-0.876l6.341-2.094 c0.522-0.172,1.076-0.746,1.23-1.273l1.871-6.41c0.154-0.528,0.547-0.597,0.872-0.154l3.95,5.384 c0.325,0.443,1.042,0.792,1.592,0.776l6.674-0.201c0.55-0.017,0.737,0.335,0.416,0.781l-3.9,5.421 c-0.321,0.446-0.432,1.235-0.246,1.753L55.403,36.56z">
</path>
</g>
<line fill="none" stroke="#666" stroke-width="2" stroke-miterlimit="10" x1="47.474" y1="34.857" x2="52.712" y2="55.848"></line>
</svg>
<p>Entrance Effect</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.4s'}">
<a href="element-floating.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<g>
<path fill="#666" d="M36.488,35.565c1.957,0,3.549-1.593,3.549-3.549s-1.592-3.549-3.549-3.549 c-1.956,0-3.548,1.593-3.548,3.549S34.532,35.565,36.488,35.565z M36.488,30.266c0.965,0,1.75,0.785,1.75,1.75 s-0.785,1.75-1.75,1.75s-1.75-0.785-1.75-1.75S35.523,30.266,36.488,30.266z">
</path>
<path fill="#666" d="M48.229,51h-1.707l-7.951-7.789c-0.348-0.342-0.904-0.344-1.254-0.004l-3.251,3.16l-8.364-9.442 c-0.339-0.339-0.939-0.342-1.277-0.001L12.453,51h-1.687c-0.496,0-0.899,0.41-0.899,0.908c0,0.494,0.403,0.906,0.899,0.906h2.022 h25.547h7.869h2.023c0.496,0,0.898-0.412,0.898-0.906C49.127,51.41,48.725,51,48.229,51z M37.939,45.088L44,51h-5.283 l-3.334-3.439L37.939,45.088z M25.063,38.789L36.178,51h-21.23L25.063,38.789z">
</path>
</g>
</g>
<g>
<g>
<path d="M62.943,22.511v15.558h1.881V22.305l5.301,5.924l1.408-1.229l-7.688-8.594l-6.949,8.63l1.473,1.156L62.943,22.511z">
</path>
<path d="M64.824,60.902V45.139h-1.881v15.557l-4.574-5.68l-1.473,1.154l6.949,8.633l7.688-8.596l-1.408-1.229L64.824,60.902z">
</path>
</g>
<path fill="none" stroke="#666" stroke-width="2.5" stroke-miterlimit="10" d="M51.975,61.96c0,1.584-1.604,2.88-3.568,2.88 H10.588c-1.963,0-3.568-1.296-3.568-2.88V21.264c0-1.583,1.605-2.879,3.568-2.879h37.818c1.965,0,3.568,1.296,3.568,2.879V61.96z">
</path>
</g>
</svg>
<p>Floating Effect</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.5s'}">
<a href="element-hotspot.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 82 82" xml:space="preserve" style="margin: 23px 0 10px 0;">
<g>
</g>
<g>
<g>
<path fill="#666" d="M44.577,30.02c2.645,0,4.795-2.152,4.795-4.796c0-2.643-2.15-4.795-4.795-4.795 c-2.644,0-4.795,2.152-4.795,4.795C39.782,27.868,41.934,30.02,44.577,30.02z M44.577,22.859c1.304,0,2.364,1.06,2.364,2.364 c0,1.304-1.061,2.366-2.364,2.366c-1.305,0-2.365-1.062-2.365-2.366C42.212,23.918,43.272,22.859,44.577,22.859z">
</path>
<path fill="#666" d="M58.737,50.143l-9.994-9.791c-0.471-0.461-1.223-0.463-1.696-0.004l-4.393,4.267L29.999,31.858 c-0.457-0.46-1.269-0.463-1.726-0.003L9.394,50.877H7.115c-0.67,0-1.215,0.553-1.215,1.225c0,0.67,0.545,1.225,1.215,1.225h2.732 h38.578h8.436C57.343,52.176,57.982,51.112,58.737,50.143z M12.764,50.877l16.373-16.501l16.373,16.501H12.764z M44.435,46.229 l3.456-3.342l8.19,7.99h-7.14L44.435,46.229z">
</path>
</g>
<line fill="none" stroke="#030303" stroke-width="2" stroke-miterlimit="10" x1="63.745" y1="58.736" x2="75.745" y2="58.736"></line>
<line fill="none" stroke="#030303" stroke-width="2" stroke-miterlimit="10" x1="69.745" y1="52.736" x2="69.745" y2="64.736"></line>
<circle fill="none" stroke="#030303" stroke-width="2.5" stroke-miterlimit="10" cx="69.745" cy="58.736" r="11"></circle>
<path fill="#1A1818" d="M55.745,58.736c0-0.028,0.004-0.057,0.004-0.084H3.289c-1.17,0-2.158-1.026-2.158-2.241V14.268 c0-1.215,0.988-2.241,2.158-2.241h62.326c1.193,0,2.201,1.026,2.201,2.241v30.617c0.633-0.088,1.273-0.148,1.93-0.148 c0.345,0,0.682,0.027,1.021,0.052V14.268c0-2.786-2.312-5.053-5.151-5.053H3.289c-2.816,0-5.107,2.267-5.107,5.053v42.144 c0,2.786,2.291,5.054,5.107,5.054h52.726C55.841,60.582,55.745,59.67,55.745,58.736z">
</path>
</g>
</svg>
<p>Hotspot</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.6s'}">
<a href="element-icon-boxes.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M69.38,70.314H30.618c-0.625,0-1.129,0.506-1.129,1.131s0.504,1.129,1.129,1.129H69.38c0.623,0,1.129-0.504,1.129-1.129
S70.003,70.314,69.38,70.314z" />
<path d="M61.306,76.775H38.692c-0.623,0-1.129,0.504-1.129,1.127c0,0.627,0.506,1.131,1.129,1.131h22.613
c0.623,0,1.131-0.504,1.131-1.131C62.437,77.279,61.929,76.775,61.306,76.775z" />
<path d="M41.876,52.898c0.041,0.457,0.121,0.9,0.232,1.33l-2.729,2.73l-1.699,3.395l2.023,1.01l1.531-3.066l1.824-1.822
c1.447,2.34,4.041,3.898,6.939,3.898c2.896,0,5.49-1.559,6.939-3.898l1.822,1.822l1.535,3.066l2.02-1.01l-1.697-3.395L57.89,54.23
c0.111-0.432,0.193-0.875,0.232-1.332l0.184-2.217h6.227v-2.259h-6.039l0.342-4.079c0.012-0.168-0.01-0.334-0.012-0.501l0.049,0.05
l3.361-3.36l1.697-3.395l-2.021-1.011l-1.531,3.066l-2.197,2.195c-0.195-0.351-0.422-0.685-0.695-0.984
c-0.822-0.892-1.938-1.438-3.127-1.6v-2.172c0-1.016-0.363-1.939-0.949-2.682l2.445-4.889l-2.021-1.011l-2.262,4.525
c-0.49-0.19-1.018-0.305-1.572-0.305s-1.082,0.114-1.572,0.305l-2.262-4.524l-2.021,1.01l2.443,4.889
c-0.584,0.742-0.947,1.666-0.947,2.682v2.172c-1.189,0.161-2.305,0.709-3.125,1.601c-0.277,0.3-0.502,0.634-0.697,0.983
l-2.195-2.195l-1.533-3.066l-2.023,1.011l1.699,3.395l3.359,3.36l0.051-0.052c-0.002,0.169-0.025,0.334-0.012,0.503l0.34,4.079
h-6.039v2.259h6.229L41.876,52.898z M52.099,36.632v2.1h-4.199v-2.1c0-1.158,0.941-2.101,2.1-2.101
C51.155,34.532,52.099,35.474,52.099,36.632z M44.177,41.935c0.559-0.608,1.322-0.943,2.148-0.943h7.346
c0.826,0,1.59,0.335,2.15,0.942c0.561,0.608,0.83,1.397,0.762,2.222l-0.715,8.555c-0.252,3.029-2.83,5.402-5.869,5.402
s-5.619-2.373-5.871-5.402l-0.713-8.556C43.347,43.332,43.618,42.543,44.177,41.935z" />
</g>
<path d="M25.767,87.42c-2.572,0-4.664-2.092-4.664-4.664V17.245c0-2.572,2.092-4.664,4.664-4.664l40.664-0.001
c1.242,0,2.414,0.485,3.297,1.366l7.801,7.803c0.883,0.881,1.369,2.052,1.369,3.298v57.709c0,2.572-2.094,4.664-4.666,4.664H25.767z
M25.767,15.462c-0.982,0-1.781,0.8-1.781,1.782v65.511c0,0.982,0.799,1.781,1.781,1.781h48.465c0.984,0,1.783-0.799,1.783-1.781
V25.046c0-0.022-0.025-0.166-0.029-0.188c-0.02-0.125-0.139-0.271-0.266-0.271h-4.715c-2.27,0-4.117-1.846-4.117-4.115v-4.717
c0-0.126-0.094-0.232-0.217-0.251c-0.1-0.025-0.164-0.043-0.24-0.043H25.767z M68.894,17.293c-0.033,0-0.064,0.007-0.098,0.02
c-0.094,0.039-0.156,0.131-0.156,0.234v2.926c0,1.303,1.063,2.362,2.365,2.362h2.924c0.102,0,0.195-0.062,0.234-0.156
s0.018-0.203-0.057-0.276l-5.033-5.035C69.024,17.32,68.96,17.293,68.894,17.293z" />
</svg>
<p>icon boxes</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.7s'}">
<a href="element-icons.html" target="blank" class="element">
<svg style="margin-top: 11px; margin-bottom: 0;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="82px" height="82px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve">
<g>
<path fill="none" stroke="#666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M47.394,22.607c-3.421-3.416-7.55-5.125-12.393-5.125c-4.845,0-8.975,1.709-12.395,5.125c-3.418,3.418-5.125,7.55-5.125,12.394
c0,4.843,1.707,8.974,5.125,12.392c3.42,3.42,7.55,5.125,12.395,5.125c4.843,0,8.972-1.705,12.393-5.125
c3.418-3.418,5.125-7.547,5.125-12.392C52.519,30.156,50.812,26.025,47.394,22.607z" />
</g>
<rect x="33.347" y="25.068" fill="#666" width="2.5" height="3.312" />
<rect x="33.347" y="31.689" fill="#666" width="2.5" height="13.243" />
</svg>
<p>Icons</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.3s'}">
<a href="element-image-box.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 23px 0 10px 0;">
<g>
<path fill="#666" stroke="#666" stroke-width="0.5" stroke-miterlimit="10" d="M50.272,28.02 c2.645,0,4.795-2.152,4.795-4.796c0-2.643-2.15-4.795-4.795-4.795c-2.644,0-4.795,2.152-4.795,4.795 C45.478,25.868,47.629,28.02,50.272,28.02z M50.272,20.859c1.304,0,2.364,1.06,2.364,2.364c0,1.304-1.061,2.366-2.364,2.366 c-1.305,0-2.365-1.062-2.365-2.366C47.907,21.918,48.968,20.859,50.272,20.859z">
</path>
<path fill="#666" stroke="#666" stroke-width="0.5" stroke-miterlimit="10" d="M67.489,48.877h-2.307L54.438,38.352 c-0.471-0.461-1.223-0.463-1.696-0.004l-4.393,4.267L35.693,29.858c-0.456-0.46-1.269-0.463-1.726-0.003L15.089,48.877H12.81 c-0.67,0-1.215,0.553-1.215,1.225c0,0.67,0.545,1.225,1.215,1.225h2.732H54.12h10.634h2.735c0.671,0,1.215-0.555,1.215-1.225 C68.704,49.43,68.16,48.877,67.489,48.877z M53.586,40.886l8.189,7.991h-7.139l-4.507-4.648L53.586,40.886z M34.831,32.375 l16.372,16.501H18.459L34.831,32.375z">
</path>
</g>
<path fill="#666" stroke="#666" stroke-width="0.5" stroke-miterlimit="10" d="M71.29,7.464H8.965 c-2.678,0-4.857,2.124-4.857,4.803v42.144c0,2.68,2.18,4.804,4.857,4.804H71.29c2.681,0,4.901-2.124,4.901-4.804V12.268 C76.191,9.588,73.971,7.464,71.29,7.464z M73.742,54.411c0,1.339-1.11,2.491-2.452,2.491H8.965c-1.337,0-2.408-1.152-2.408-2.491 V12.268c0-1.339,1.071-2.491,2.408-2.491H71.29c1.342,0,2.452,1.151,2.452,2.491V54.411z">
</path>
<g>
<path fill="#666" stroke="#666" stroke-width="0.5" stroke-miterlimit="10" d="M64.387,64.242H15.912 c-0.689,0-1.25,0.561-1.25,1.25s0.561,1.25,1.25,1.25h48.475c0.689,0,1.25-0.561,1.25-1.25S65.076,64.242,64.387,64.242z">
</path>
<path fill="#666" stroke="#666" stroke-width="0.5" stroke-miterlimit="10" d="M58.925,71.77H21.374 c-0.689,0-1.25,0.561-1.25,1.25s0.561,1.25,1.25,1.25h37.551c0.689,0,1.25-0.561,1.25-1.25S59.614,71.77,58.925,71.77z">
</path>
</g>
</svg>
<p>Image Box</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.4s'}">
<a href="element-instagrams.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M45.657,20.508c0.198,0,0.366,0.167,0.366,0.364V45.67c0,0.197-0.168,0.365-0.366,0.365H20.86
c-0.197,0-0.364-0.168-0.364-0.365V20.873c0-0.198,0.167-0.365,0.364-0.365H45.657 M45.657,17.6H20.86
c-1.805,0-3.272,1.469-3.272,3.273V45.67c0,1.805,1.468,3.273,3.272,3.273l24.797-0.001c1.806,0,3.274-1.468,3.274-3.272V20.872
C48.932,19.068,47.463,17.6,45.657,17.6L45.657,17.6z" />
</g>
<g>
<path d="M79.138,20.508L79.138,20.508c0.198,0,0.366,0.166,0.366,0.364V45.67c0,0.197-0.168,0.365-0.366,0.365H54.342
c-0.199,0-0.365-0.168-0.365-0.365V20.872c0-0.197,0.166-0.364,0.365-0.364H79.138 M79.138,17.6H54.342
c-1.805,0-3.273,1.469-3.273,3.272V45.67c0,1.805,1.469,3.272,3.273,3.272h24.796c1.806,0,3.274-1.468,3.274-3.272V20.872
C82.412,19.068,80.943,17.6,79.138,17.6L79.138,17.6z" />
</g>
<g>
<path d="M45.657,53.965c0.198,0,0.366,0.167,0.366,0.365v24.796c0,0.198-0.168,0.366-0.366,0.366H20.86
c-0.197,0-0.364-0.168-0.364-0.366V54.33c0-0.198,0.167-0.365,0.364-0.365H45.657 M45.657,51.057H20.86
c-1.805,0-3.272,1.469-3.272,3.273v24.796c0,1.806,1.468,3.274,3.272,3.274h24.797c1.806,0,3.274-1.469,3.274-3.274V54.33
C48.932,52.525,47.463,51.057,45.657,51.057L45.657,51.057z" />
</g>
<g>
<path d="M79.138,53.965c0.198,0,0.366,0.167,0.366,0.365v24.796c0,0.198-0.168,0.366-0.366,0.366H54.342
c-0.199,0-0.365-0.168-0.365-0.366V54.33c0-0.198,0.166-0.365,0.365-0.365H79.138 M79.138,51.057H54.342
c-1.805,0-3.273,1.469-3.273,3.273v24.796c0,1.806,1.469,3.274,3.273,3.274h24.796c1.806,0,3.274-1.469,3.274-3.274V54.33
C82.412,52.525,80.943,51.057,79.138,51.057L79.138,51.057z" />
</g>
</svg>
<p>Instagrams</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.5s'}">
<a href="element-alerts.html" target="blank" class="element">
<svg class="pt-1 pb-1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="62px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve">
<g>
<path d="M64.029,66.5H5.968c-2.125,0-4.107-1.23-5.171-3.072c-1.063-1.844-1.063-4.173,0-6.016L29.828,7.107
C30.892,5.266,32.873,4.11,35,4.11c2.125,0,4.108,1.139,5.171,2.981l29.031,50.28c1.063,1.843,1.063,4.215,0.001,6.058
C68.138,65.271,66.156,66.5,64.029,66.5z M35,8.081c-0.71,0-1.37,0.381-1.725,0.995L4.244,59.359c-0.354,0.614-0.354,1.953,0,2.568
C4.6,62.541,5.261,63.5,5.968,63.5h58.062c0.711,0,1.37-0.959,1.726-1.572c0.354-0.615,0.354-1.665-0.002-2.279L36.724,9.22
C36.368,8.606,35.708,8.081,35,8.081z" />
</g>
<g>
<path d="M31.756,55.081c0-1.954,1.357-3.365,3.203-3.365c1.954,0,3.203,1.411,3.203,3.365
c0,1.901-1.249,3.365-3.203,3.365C33.059,58.446,31.756,56.982,31.756,55.081z M33.113,47.317l-0.76-26.059h5.211l-0.761,26.059
H33.113z" />
</g>
</svg>
<p>Notification</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.6s'}">
<a href="element-categories.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M84.238,27.372h-5.896h-5.469h-1.965v-9.729c0-2.558-2.08-4.639-4.637-4.639h-5.725H46.141h-5.72
c-2.558,0-4.639,2.081-4.639,4.639v9.729h-12.48c-0.7,0-1.267,0.566-1.267,1.267v17.7l-7.541,0.021l0.088,30.599l7.453-0.021v8.76
c0,0.701,0.566,1.266,1.267,1.266H72.38c0.072,0.013,0.141,0.033,0.216,0.033h11.522c0.166,0,0.323-0.043,0.473-0.104
c0.524-0.154,0.914-0.619,0.914-1.195V28.639C85.505,27.938,84.938,27.372,84.238,27.372z M82.972,82.996l-3.361-3.019V29.905
h3.361V82.996z M75.938,84.429l2.42-2.174l2.416,2.174H75.938z M77.076,29.905v50.098l-2.935,2.636V29.905H77.076z M68.376,17.644
v9.729h-3.188v-9.729c0-0.762-0.203-1.471-0.529-2.105h1.613C67.431,15.538,68.376,16.482,68.376,17.644z M60.548,15.538
c1.161,0,2.106,0.944,2.106,2.105v9.729H44.036v-9.729c0-1.161,0.943-2.105,2.104-2.105H60.548z M38.316,17.644
c0-1.161,0.943-2.105,2.104-2.105h1.61c-0.327,0.635-0.529,1.344-0.529,2.105v9.729h-3.186V17.644z M17.036,48.886l35.928-0.098
l7.406,12.74l-7.334,12.785l-35.928,0.104L17.036,48.886z M24.568,76.929l29.937-0.088l8.793-15.318l-8.879-15.273l-29.851,0.082
V29.905h11.214v4.609c-0.725,0.457-1.21,1.258-1.21,2.176c0,1.42,1.155,2.575,2.574,2.575c1.422,0,2.577-1.155,2.577-2.575
c0-0.998-0.575-1.854-1.407-2.282v-4.503h24.338v4.582c-0.752,0.451-1.262,1.265-1.262,2.203c0,1.42,1.155,2.575,2.577,2.575
c1.419,0,2.573-1.155,2.573-2.575c0-0.977-0.552-1.818-1.354-2.254v-4.531h6.418v54.523H24.568V76.929z" />
<path d="M57.041,61.255c-0.007-1.908-1.564-3.461-3.474-3.461h-0.01c-1.914,0.01-3.467,1.572-3.46,3.482
c0.006,1.904,1.559,3.456,3.478,3.456C55.485,64.732,57.041,63.173,57.041,61.255z M52.632,61.269
c-0.002-0.516,0.418-0.938,0.934-0.939l0.002-1.268v1.268c0.516,0,0.938,0.418,0.939,0.928c0,0.52-0.418,0.941-0.947,0.941
C53.05,62.198,52.632,61.782,52.632,61.269z" />
<path d="M37.108,57.079l-3.33-6.743l-3.327,6.743l-7.441,1.078l5.384,5.252l-1.268,7.41l6.652-3.5l6.657,3.5l-1.272-7.41
l5.385-5.25L37.108,57.079z M37.07,66.187l-3.292-1.729l-3.29,1.729l0.628-3.66l-2.662-2.598l3.679-0.533l1.646-3.336l1.647,3.336
l3.679,0.531l-2.663,2.6L37.07,66.187z" />
</g>
</svg>
<p>product categories</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.7s'}">
<a href="element-products.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M64.228,34.349H52.847c-0.787,0-1.423,0.636-1.423,1.423s0.636,1.422,1.423,1.422h11.381
c0.787,0,1.422-0.635,1.422-1.422S65.015,34.349,64.228,34.349z" />
<path d="M73.093,15.584l-2.129-0.623l-9.178-2.199c-0.13-0.03-0.264-0.046-0.396-0.046
c-0.802,0-1.492,0.54-1.677,1.308c-0.027,0.119-0.041,0.252-0.041,0.406l-0.006,1.13h-0.133c-0.765,3.226-4.75,5.69-9.534,5.69
c-4.785,0-8.769-2.465-9.534-5.69h-0.14v-1.13c0-0.162-0.013-0.287-0.04-0.4c-0.185-0.773-0.874-1.313-1.677-1.313
c-0.134,0-0.267,0.015-0.391,0.045l-9.267,2.222l-2.146,0.625c-2.111,0.413-12.709,4.007-14.089,34.31
c-0.02,0.469,0.153,0.931,0.473,1.263c0.323,0.34,0.776,0.533,1.242,0.533h9.666v31.008c0,2.514,2.046,4.561,4.562,4.561h42.681
c2.516,0,4.562-2.047,4.562-4.561V51.715h9.665c0.467,0,0.919-0.193,1.242-0.533c0.321-0.334,0.493-0.794,0.473-1.26
C85.905,19.612,75.306,16.022,73.093,15.584z M75.902,48.284v-9.666c0-0.946-0.77-1.717-1.716-1.717
c-0.945,0-1.715,0.771-1.715,1.717v45.236H27.53V38.618c0-0.946-0.771-1.717-1.716-1.717c-0.945,0-1.716,0.771-1.716,1.717v9.666
h-7.864l0.085-1.209c1.458-20.785,7.627-26.282,10.043-27.651l-0.041-0.311l1.133-0.136c0.09-0.011,0.178-0.029,0.266-0.055
l2.183-0.641l7.227-1.73l0.363,0.908c1.695,4.252,6.837,7.223,12.506,7.223c5.67,0,10.812-2.97,12.506-7.223l0.362-0.908
l7.28,1.745l2.236,0.657l0.147,0.023c0.382,0.084,9.342,2.336,11.147,28.098l0.086,1.209H75.902z" />
</g>
</svg>
<p>products</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.3s'}">
<a href="element-product-banner.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 23px 0 10px 0;">
<path fill="#1A1818" stroke="#666" stroke-width="0.5" stroke-miterlimit="10" d="M72.693,43.686V13.434 c0-2.648-2.199-4.803-4.901-4.803H5.466c-2.678,0-4.857,2.155-4.857,4.803v42.144c0,2.648,2.179,4.804,4.857,4.804h52.427 c-0.136-0.77-0.21-1.545-0.219-2.313H5.466c-1.305,0-2.408-1.141-2.408-2.491V13.434c0-1.35,1.103-2.491,2.408-2.491h62.326 c1.329,0,2.452,1.141,2.452,2.491v30.332C71.17,43.649,71.926,43.629,72.693,43.686z">
</path>
<path fill="#666" d="M78.684,63.363l-0.397-0.298l0.476-0.142c0.453-0.136,0.77-0.557,0.77-1.023 c0-0.508-0.366-0.948-0.871-1.049l-14.671-0.027l-0.262-1.249h13.1c0.625,0,1.788,0,2.159-1.684l2.079-9.446 c0.154-0.537,0.063-1.071-0.247-1.481c-0.334-0.438-0.888-0.699-1.48-0.699H60.955l-0.111-0.534c-0.174-1.11-0.96-1.767-2.105-1.767 l-4.458-0.002c-0.601,0-1.09,0.48-1.09,1.071s0.489,1.071,1.09,1.071l4.426,0.005l0.042,0.199l3.135,15.046 c0.16,0.631,0.468,1.085,0.912,1.34l0.389,0.223l-0.394,0.214c-1.007,0.547-1.633,1.586-1.633,2.711c0,1.721,1.421,3.12,3.167,3.12 s3.166-1.399,3.166-3.12c0-0.949-0.432-1.834-1.184-2.429l-0.564-0.446h9.603l-0.566,0.446c-0.753,0.594-1.185,1.479-1.185,2.429 c0,1.721,1.423,3.12,3.171,3.12c1.745,0,3.165-1.399,3.165-3.12C79.93,64.86,79.476,63.957,78.684,63.363z M61.403,48.405h17.454 l-1.997,9.029H63.282L61.403,48.405z M64.325,66.819c-0.549,0-0.995-0.438-0.995-0.978c0-0.54,0.446-0.979,0.995-0.979 c0.548,0,0.993,0.438,0.993,0.979C65.318,66.381,64.873,66.819,64.325,66.819z M76.765,66.819c-0.549,0-0.995-0.438-0.995-0.978 c0-0.54,0.446-0.979,0.995-0.979c0.547,0,0.992,0.438,0.992,0.979C77.757,66.381,77.312,66.819,76.765,66.819z">
</path>
<path fill="#666" d="M54.68,31.783c-0.309-0.411-1.098-0.62-2.344-0.62c-0.783,0-1.76,0.084-2.941,0.247l1.158-4.245 c0.133-0.486,0.064-0.993-0.189-1.428c-0.254-0.436-0.666-0.747-1.158-0.875c-0.055-0.015-5.873-1.506-12.547-1.506 c-7.356,0-12.281,1.417-12.487,1.478c-0.998,0.294-1.59,1.34-1.32,2.331l1.163,4.261c-3.121-0.438-4.883-0.321-5.392,0.359 c-0.229,0.306-0.257,0.706-0.074,1.069c1.63,3.249,1.627,5.572,1.626,6.823c0,0.769-0.001,1.323,0.411,1.696 c0.087,0.078,0.333,0.258,0.714,0.258c0.04,0,0.081-0.002,0.118-0.006c2.523-0.238,5.336-1.017,7.342-2.035 c1.161-0.589,1.656-1.604,1.502-3.012c1.751-0.371,4.099-0.762,6.238-0.762c0.127,0,0.253,0.001,0.381,0.004 c2.274,0.049,4.5,0.4,6.166,0.741c-0.16,1.417,0.334,2.438,1.498,3.029c2.01,1.019,4.824,1.797,7.344,2.034 c0.039,0.004,0.078,0.004,0.115,0.006c0.389,0,0.633-0.182,0.721-0.262c0.406-0.367,0.406-0.922,0.404-1.691 c-0.002-1.248-0.006-3.571,1.629-6.825C54.936,32.491,54.908,32.091,54.68,31.783z M44.49,36.883 c0.701,0.169,1.172,0.304,1.309,0.343c0.182,0.055,0.367,0.083,0.553,0.083c0.842,0,1.584-0.562,1.805-1.366l0.816-2.989 c1.277-0.194,2.674-0.32,3.598-0.32c0.156,0,0.305,0.004,0.453,0.012l0.182,0.01l-0.074,0.162c-1.49,3.241-1.486,5.596-1.484,6.86 l-0.004,0.45l-0.141-0.018c-2.201-0.274-4.607-0.972-6.281-1.821C44.818,38.083,44.426,37.776,44.49,36.883z M28.082,38.288 c-1.675,0.85-4.083,1.547-6.283,1.821l-0.141,0.018l-0.001-0.449c0.001-1.267,0.003-3.626-1.484-6.858l-0.074-0.161l0.181-0.011 c0.137-0.008,0.294-0.012,0.469-0.012c0.976,0,2.349,0.125,3.686,0.333l0.812,2.974c0.221,0.805,0.962,1.367,1.804,1.367 c0.188,0,0.373-0.027,0.545-0.081c0.058-0.017,0.511-0.146,1.211-0.318C28.858,37.876,28.375,38.137,28.082,38.288z M27.17,35.805 c-0.229,0.063-0.415-0.059-0.467-0.249l-2.396-8.778c-0.059-0.215,0.079-0.458,0.293-0.52c0.52-0.145,5.275-1.417,12.06-1.417 c6.253,0,11.572,1.306,12.158,1.455c0.104,0.026,0.189,0.092,0.242,0.184c0.053,0.092,0.068,0.198,0.043,0.296l-2.402,8.784 c-0.043,0.168-0.248,0.315-0.467,0.244c-0.186-0.056-4.605-1.365-9.32-1.469c-0.14-0.003-0.28-0.004-0.419-0.004 C32.066,34.33,27.363,35.746,27.17,35.805z">
</path>
</svg>
<p>Products + Banner</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.4s'}">
<a href="element-product-grid.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<path d="M18.387,18.974h0.99h19.228h0.991v1.021v4.087v1.022h-0.991V38.66v1.021h-0.99H20.368h-0.991V38.66V25.104h-0.99v-1.022 v-4.087V18.974z M20.368,21.018v2.043h17.246v-2.043H20.368z M21.359,25.104v12.534h15.264V25.104H21.359z">
</path>
<path d="M26.752,26.879h0.062c0.041,0,0.083,0,0.124,0h4.231c0.288,0,0.526,0.096,0.712,0.288c0.186,0.191,0.278,0.437,0.278,0.733 c0,0.299-0.093,0.543-0.278,0.734s-0.424,0.288-0.712,0.288h-4.231c-0.041,0-0.083,0-0.124,0c-0.247,0-0.475-0.097-0.681-0.288 c-0.207-0.191-0.311-0.436-0.311-0.734c0-0.256,0.094-0.479,0.279-0.67C26.287,27.038,26.504,26.921,26.752,26.879z">
</path>
<path d="M42.166,18.974h0.991h19.228h0.99v1.021v4.087v1.022h-0.99V38.66v1.021h-0.991H44.148h-0.991V38.66V25.104h-0.991v-1.022 v-4.087V18.974z M44.148,21.018v2.043h17.245v-2.043H44.148z M45.139,25.104v12.534h15.265V25.104H45.139z">
</path>
<path d="M50.531,26.879h0.063c0.04,0,0.082,0,0.124,0h4.23c0.288,0,0.526,0.096,0.712,0.288c0.187,0.191,0.279,0.437,0.279,0.733 c0,0.299-0.093,0.543-0.279,0.734c-0.186,0.191-0.424,0.288-0.712,0.288h-4.23c-0.042,0-0.084,0-0.124,0 c-0.248,0-0.476-0.097-0.682-0.288c-0.207-0.191-0.31-0.436-0.31-0.734c0-0.256,0.093-0.479,0.278-0.67 C50.067,27.038,50.284,26.921,50.531,26.879z">
</path>
<path d="M18.387,42.251h0.99h19.228h0.991v1.021v4.087v1.022h-0.991v13.556v1.022h-0.99H20.368h-0.991v-1.022V48.381h-0.99v-1.022 v-4.087V42.251z M20.368,44.293v2.045h17.246v-2.045H20.368z M21.359,48.381v12.534h15.264V48.381H21.359z">
</path>
<path d="M26.752,50.156h0.062c0.041,0,0.083,0,0.124,0h4.231c0.288,0,0.526,0.096,0.712,0.287s0.278,0.437,0.278,0.734 s-0.093,0.543-0.278,0.734s-0.424,0.287-0.712,0.287h-4.231c-0.041,0-0.083,0-0.124,0c-0.247,0-0.475-0.096-0.681-0.287 c-0.207-0.191-0.311-0.437-0.311-0.734c0-0.256,0.094-0.479,0.279-0.671C26.287,50.316,26.504,50.198,26.752,50.156z">
</path>
<path d="M42.166,42.251h0.991h19.228h0.99v1.021v4.087v1.022h-0.99v13.556v1.022h-0.991H44.148h-0.991v-1.022V48.381h-0.991v-1.022 v-4.087V42.251z M44.148,44.293v2.045h17.245v-2.045H44.148z M45.139,48.381v12.534h15.265V48.381H45.139z">
</path>
<path d="M50.531,50.156h0.063c0.04,0,0.082,0,0.124,0h4.23c0.288,0,0.526,0.096,0.712,0.287c0.187,0.191,0.279,0.437,0.279,0.734 s-0.093,0.543-0.279,0.734c-0.186,0.191-0.424,0.287-0.712,0.287h-4.23c-0.042,0-0.084,0-0.124,0c-0.248,0-0.476-0.096-0.682-0.287 c-0.207-0.191-0.31-0.437-0.31-0.734c0-0.256,0.093-0.479,0.278-0.671C50.067,50.316,50.284,50.198,50.531,50.156z">
</path>
</g>
</svg>
<p>Products Grid</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.5s'}">
<a href="element-product-single.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 23px 0 10px 0;">
<path fill="#666" stroke="#666" stroke-width="0.5" stroke-miterlimit="10" d="M72.693,45.686V15.434 c0-2.648-2.199-4.803-4.901-4.803H5.466c-2.678,0-4.857,2.155-4.857,4.803v42.144c0,2.648,2.179,4.804,4.857,4.804h52.427 c-0.136-0.77-0.21-1.545-0.219-2.313H5.466c-1.305,0-2.408-1.141-2.408-2.491V15.434c0-1.35,1.103-2.491,2.408-2.491h62.326 c1.329,0,2.452,1.141,2.452,2.491v30.332C71.17,45.649,71.926,45.629,72.693,45.686z">
</path>
<path fill="#666" d="M78.684,65.363l-0.397-0.298l0.476-0.142c0.453-0.136,0.77-0.557,0.77-1.023 c0-0.508-0.366-0.948-0.871-1.049l-14.671-0.027l-0.262-1.249h13.1c0.625,0,1.788,0,2.159-1.684l2.079-9.446 c0.154-0.537,0.063-1.071-0.247-1.481c-0.334-0.438-0.888-0.699-1.48-0.699H60.955l-0.111-0.534c-0.174-1.11-0.96-1.767-2.105-1.767 l-4.458-0.002c-0.601,0-1.09,0.48-1.09,1.071s0.489,1.071,1.09,1.071l4.426,0.005l0.042,0.199l3.135,15.046 c0.16,0.631,0.468,1.085,0.912,1.34l0.389,0.223l-0.394,0.214c-1.007,0.547-1.633,1.586-1.633,2.711c0,1.721,1.421,3.12,3.167,3.12 s3.166-1.399,3.166-3.12c0-0.949-0.432-1.834-1.184-2.429l-0.564-0.446h9.603l-0.566,0.446c-0.753,0.594-1.185,1.479-1.185,2.429 c0,1.721,1.423,3.12,3.171,3.12c1.745,0,3.165-1.399,3.165-3.12C79.93,66.86,79.476,65.957,78.684,65.363z M61.403,50.405h17.454 l-1.997,9.029H63.282L61.403,50.405z M64.325,68.819c-0.549,0-0.995-0.438-0.995-0.978c0-0.54,0.446-0.979,0.995-0.979 c0.548,0,0.993,0.438,0.993,0.979C65.318,68.381,64.873,68.819,64.325,68.819z M76.765,68.819c-0.549,0-0.995-0.438-0.995-0.978 c0-0.54,0.446-0.979,0.995-0.979c0.547,0,0.992,0.438,0.992,0.979C77.757,68.381,77.312,68.819,76.765,68.819z">
</path>
<g>
<path d="M34.364,29.794c0.884,0,1.603-0.718,1.603-1.601c0-0.883-0.719-1.602-1.603-1.602c-0.882,0-1.6,0.718-1.6,1.602 C32.764,29.076,33.482,29.794,34.364,29.794z M34.364,27.59c0.333,0,0.603,0.271,0.603,0.603s-0.271,0.603-0.603,0.603 c-0.332,0-0.602-0.271-0.602-0.603S34.032,27.59,34.364,27.59z">
</path>
<path d="M39.666,35.965h-0.66l-3.271-3.205c-0.186-0.183-0.509-0.184-0.697-0.002l-1.264,1.229l-3.809-3.84 c-0.182-0.182-0.528-0.183-0.709,0l-5.775,5.819h-0.649c-0.275,0-0.499,0.225-0.499,0.502s0.224,0.502,0.499,0.502h16.833 c0.275,0,0.499-0.225,0.499-0.502S39.94,35.965,39.666,35.965z M34.351,35.965h-9.48l4.74-4.778L34.351,35.965z M37.599,35.965 h-1.837l-1.264-1.303l0.886-0.857L37.599,35.965z">
</path>
<path d="M39.798,21.855H23.161c-2.068,0-3.75,1.682-3.75,3.75v12.722c0,2.068,1.682,3.75,3.75,3.75h16.638 c2.068,0,3.75-1.682,3.75-3.75V25.605C43.548,23.537,41.866,21.855,39.798,21.855z M42.048,38.327c0,1.241-1.009,2.25-2.25,2.25 H23.161c-1.241,0-2.25-1.009-2.25-2.25V25.605c0-1.241,1.009-2.25,2.25-2.25h16.638c1.241,0,2.25,1.009,2.25,2.25V38.327z">
</path>
<path d="M24.966,42.899h-3.805c-0.965,0-1.75,0.785-1.75,1.75v3.224c0,0.965,0.785,1.75,1.75,1.75h3.805 c0.965,0,1.75-0.785,1.75-1.75v-3.224C26.716,43.685,25.931,42.899,24.966,42.899z M25.216,47.873c0,0.136-0.114,0.25-0.25,0.25 h-3.805c-0.136,0-0.25-0.114-0.25-0.25v-3.224c0-0.136,0.114-0.25,0.25-0.25h3.805c0.136,0,0.25,0.114,0.25,0.25V47.873z">
</path>
<path d="M33.382,42.899h-3.805c-0.965,0-1.75,0.785-1.75,1.75v3.224c0,0.965,0.785,1.75,1.75,1.75h3.805 c0.965,0,1.75-0.785,1.75-1.75v-3.224C35.132,43.685,34.347,42.899,33.382,42.899z M33.632,47.873c0,0.136-0.114,0.25-0.25,0.25 h-3.805c-0.136,0-0.25-0.114-0.25-0.25v-3.224c0-0.136,0.114-0.25,0.25-0.25h3.805c0.136,0,0.25,0.114,0.25,0.25V47.873z">
</path>
<path d="M41.799,42.899h-3.805c-0.965,0-1.75,0.785-1.75,1.75v3.224c0,0.965,0.785,1.75,1.75,1.75h3.805 c0.964,0,1.749-0.785,1.749-1.75v-3.224C43.548,43.685,42.763,42.899,41.799,42.899z M42.048,47.873c0,0.136-0.114,0.25-0.249,0.25 h-3.805c-0.136,0-0.25-0.114-0.25-0.25v-3.224c0-0.136,0.114-0.25,0.25-0.25h3.805c0.135,0,0.249,0.114,0.249,0.25V47.873z">
</path>
<rect x="44.539" y="24.397" width="7.684" height="1.5"></rect>
<rect x="44.539" y="31.362" width="9.352" height="1.5"></rect>
<rect x="44.539" y="38.328" width="9.352" height="1.5"></rect>
<rect x="44.539" y="45.294" width="6.014" height="1.5"></rect>
</g>
</svg>
<p>Products + Single</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.6s'}">
<a href="element-product-tab.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 23px 0 10px 0;">
<path fill="#666" d="M73.545,65.363l-0.397-0.298l0.476-0.142c0.453-0.136,0.77-0.557,0.77-1.023 c0-0.508-0.366-0.948-0.871-1.049l-14.671-0.027l-0.262-1.249h13.1c0.625,0,1.788,0,2.159-1.684l2.079-9.446 c0.154-0.537,0.063-1.071-0.247-1.481c-0.334-0.438-0.888-0.699-1.48-0.699H55.816l-0.111-0.534c-0.174-1.11-0.96-1.767-2.105-1.767 l-4.458-0.002c-0.601,0-1.09,0.48-1.09,1.071s0.489,1.071,1.09,1.071l4.426,0.005l0.042,0.199l3.135,15.046 c0.16,0.631,0.468,1.085,0.912,1.34l0.389,0.223l-0.394,0.214c-1.007,0.547-1.633,1.586-1.633,2.711c0,1.721,1.421,3.12,3.167,3.12 s3.166-1.399,3.166-3.12c0-0.949-0.432-1.834-1.184-2.429l-0.564-0.446h9.603l-0.566,0.446c-0.753,0.594-1.185,1.479-1.185,2.429 c0,1.721,1.423,3.12,3.171,3.12c1.745,0,3.165-1.399,3.165-3.12C74.791,66.86,74.337,65.957,73.545,65.363z M56.265,50.405h17.454 l-1.997,9.029H58.144L56.265,50.405z M59.187,68.819c-0.549,0-0.995-0.438-0.995-0.978c0-0.54,0.446-0.979,0.995-0.979 c0.548,0,0.993,0.438,0.993,0.979C60.18,68.381,59.734,68.819,59.187,68.819z M71.626,68.819c-0.549,0-0.995-0.438-0.995-0.978 c0-0.54,0.446-0.979,0.995-0.979c0.547,0,0.992,0.438,0.992,0.979C72.618,68.381,72.173,68.819,71.626,68.819z">
</path>
<path fill="none" stroke="#666" stroke-width="2.5" stroke-miterlimit="10" d="M31.558,11.548h15.52h0.088 c1.949,0,3.063,0.938,3.525,2.291l0.15,0.528l1.664,5.863">
</path>
<path fill="none" stroke="#666" stroke-width="2.5" stroke-miterlimit="10" d="M15.956,11.548h15.491h0.111 c1.949,0,3.219,1.027,3.58,2.465l1.766,6.217">
</path>
<path stroke="#666" stroke-width="0.5" stroke-miterlimit="10" d="M9.473,59.401c-1.351,0-2.447-1.315-2.447-2.932V15.358 c0-1.473,1.097-2.671,2.447-2.671h6.922c1.283,0,2.169,0.533,2.429,1.456l2.039,7.227h42.444c1.416,0,2.568,1.179,2.568,2.629 v21.714h2.279V23.998c0-2.707-2.174-4.908-4.848-4.908H22.587l-1.569-5.561c-0.543-1.925-2.314-3.121-4.623-3.121H9.212v0.007 c-2.485,0.142-4.466,2.308-4.466,5.043V56.47c0,2.872,2.121,5.21,4.727,5.21h43.921l-0.59-2.278H9.473z">
</path>
</svg>
<p>Products Tab</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.7s'}">
<a href="element-single-product.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<path fill="#666" stroke="#666" stroke-width="0.25" stroke-miterlimit="10" d="M36.235,29.915 c1.403,0,2.544-1.142,2.544-2.543s-1.141-2.544-2.544-2.544c-1.401,0-2.542,1.142-2.542,2.544S34.833,29.915,36.235,29.915z M36.235,26.118c0.691,0,1.254,0.562,1.254,1.254c0,0.691-0.563,1.254-1.254,1.254s-1.254-0.563-1.254-1.254 C34.981,26.679,35.543,26.118,36.235,26.118z">
</path>
<path fill="#666" stroke="#666" stroke-width="0.25" stroke-miterlimit="10" d="M45.367,40.977h-1.225l-5.698-5.582 c-0.25-0.245-0.648-0.246-0.9-0.002l-2.329,2.264l-6.712-6.766c-0.242-0.244-0.673-0.245-0.915-0.001L17.576,40.977h-1.209 c-0.355,0-0.645,0.293-0.645,0.65c0,0.354,0.289,0.648,0.645,0.648h1.449h20.46h5.64h1.451c0.355,0,0.644-0.294,0.644-0.648 C46.011,41.27,45.723,40.977,45.367,40.977z M37.993,36.739l4.343,4.237H38.55l-2.391-2.465L37.993,36.739z M28.046,32.225 l8.683,8.751H19.363L28.046,32.225z">
</path>
</g>
<g>
<path fill="none" stroke="#666" stroke-width="2.25" stroke-miterlimit="10" d="M50.765,47c0,1.65-1.35,3-3,3h-33 c-1.65,0-3-1.35-3-3V20.745c0-1.65,1.35-3,3-3h33c1.65,0,3,1.35,3,3V47z">
</path>
</g>
<g>
<path fill="none" stroke="#666" stroke-width="2.25" stroke-miterlimit="10" d="M21.765,62c0,0.55-0.45,1-1,1h-8 c-0.55,0-1-0.45-1-1v-7c0-0.55,0.45-1,1-1h8c0.55,0,1,0.45,1,1V62z">
</path>
</g>
<g>
<path fill="none" stroke="#666" stroke-width="2.25" stroke-miterlimit="10" d="M36.265,62c0,0.55-0.45,1-1,1h-8 c-0.55,0-1-0.45-1-1v-7c0-0.55,0.45-1,1-1h8c0.55,0,1,0.45,1,1V62z">
</path>
</g>
<g>
<path fill="none" stroke="#666" stroke-width="2.25" stroke-miterlimit="10" d="M50.765,62c0,0.55-0.45,1-1,1h-8 c-0.55,0-1-0.45-1-1v-7c0-0.55,0.45-1,1-1h8c0.55,0,1,0.45,1,1V62z">
</path>
</g>
<line fill="none" stroke="#666" stroke-width="2.25" stroke-miterlimit="10" x1="53.765" y1="22.125" x2="67" y2="22.125">
</line>
<line fill="none" stroke="#666" stroke-width="2.25" stroke-miterlimit="10" x1="53.765" y1="34.125" x2="69.875" y2="34.125">
</line>
<line fill="none" stroke="#666" stroke-width="2.25" stroke-miterlimit="10" x1="53.765" y1="46.125" x2="69.875" y2="46.125">
</line>
<line fill="none" stroke="#666" stroke-width="2.25" stroke-miterlimit="10" x1="53.765" y1="58.125" x2="64.125" y2="58.125">
</line>
</svg>
<p>Single Product</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.3s'}">
<a href="element-slider.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<path fill="#666" d="M47.263,36.696c1.861,0,3.374-1.515,3.374-3.375c0-1.86-1.513-3.375-3.374-3.375 c-1.86,0-3.374,1.515-3.374,3.375C43.889,35.181,45.402,36.696,47.263,36.696z M47.263,31.657c0.917,0,1.664,0.746,1.664,1.664 c0,0.917-0.747,1.665-1.664,1.665s-1.664-0.747-1.664-1.665C45.599,32.402,46.346,31.657,47.263,31.657z">
</path>
<path fill="#666" d="M59.379,51.373h-1.623l-7.562-7.406c-0.33-0.325-0.86-0.326-1.193-0.003l-3.091,3.003l-8.906-8.978 c-0.321-0.323-0.893-0.325-1.214-0.001L22.504,51.373H20.9c-0.472,0-0.855,0.39-0.855,0.862c0,0.471,0.383,0.862,0.855,0.862h1.923 h27.148h7.483h1.925c0.473,0,0.854-0.392,0.854-0.862C60.233,51.763,59.852,51.373,59.379,51.373z M49.595,45.751l5.764,5.622 h-5.024l-3.171-3.271L49.595,45.751z M36.396,39.761l11.521,11.612H24.875L36.396,39.761z">
</path>
</g>
<path fill="#666" d="M60.518,19.837H19.725c-2.17,0-3.937,1.722-3.937,3.893v32.541c0,2.172,1.767,3.893,3.937,3.893h40.792 c2.173,0,3.973-1.721,3.973-3.893V23.73C64.49,21.559,62.69,19.837,60.518,19.837z M62.505,56.271c0,1.084-0.899,2.019-1.987,2.019 H19.725c-1.083,0-1.952-0.935-1.952-2.019V23.73c0-1.085,0.868-2.019,1.952-2.019h40.792c1.088,0,1.987,0.933,1.987,2.019V56.271z">
</path>
<path fill="#666" d="M8.187,22.812H2.731v1.633h5.455c0.947,0,1.732,0.813,1.732,1.76v28.142c0,0.945-0.785,1.759-1.732,1.759 H2.731v1.634h5.455c1.894,0,3.461-1.5,3.461-3.393V26.205C11.648,24.312,10.08,22.812,8.187,22.812z">
</path>
<path fill="#666" d="M72.006,22.812h5.454v1.633h-5.454c-0.948,0-1.732,0.813-1.732,1.76v28.142c0,0.945,0.784,1.759,1.732,1.759 h5.454v1.634h-5.454c-1.894,0-3.463-1.5-3.463-3.393V26.205C68.543,24.312,70.112,22.812,72.006,22.812z">
</path>
</svg>
<p>Slider</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.4s'}">
<a href="element-social-link.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<path fill="none" stroke="#666" stroke-width="2.25" stroke-miterlimit="10" d="M60.575,55.773c0,1.65-1.35,3-3,3H20.092 c-1.65,0-3-1.35-3-3V18.291c0-1.65,1.35-3,3-3h37.483c1.65,0,3,1.35,3,3V55.773z">
</path>
</g>
<g>
<g>
<path stroke="#666" stroke-width="0.5" stroke-miterlimit="10" d="M35.092,46.245c-2.53,0-4.877-0.685-6.976-2.037l-1.42-0.914 l1.682,0.152c0.297,0.027,0.633,0.041,1.011,0.041c1.574,0,3.032-0.4,4.349-1.19c-0.614-0.147-1.179-0.419-1.688-0.813 c-0.805-0.624-1.368-1.418-1.672-2.361l-0.194-0.603l0.63,0.063c0.053,0.006,0.104,0.011,0.156,0.015 c-0.39-0.265-0.745-0.589-1.062-0.973c-0.731-0.883-1.101-1.903-1.101-3.032v-0.811l0.625,0.37c0.133,0.078,0.27,0.148,0.408,0.21 c-0.159-0.206-0.303-0.424-0.435-0.655c-0.397-0.703-0.598-1.484-0.598-2.322c0-0.841,0.231-1.653,0.687-2.415l0.308-0.512 l0.373,0.467c1.048,1.317,2.351,2.381,3.87,3.161c1.374,0.704,2.848,1.128,4.391,1.264c-0.017-0.188-0.025-0.374-0.025-0.56 c0-0.853,0.216-1.662,0.642-2.407c0.426-0.746,1.014-1.341,1.745-1.768c1.331-0.777,3.018-0.84,4.346-0.228 c0.517,0.238,0.988,0.552,1.402,0.933c0.879-0.192,1.71-0.515,2.472-0.957l0.937-0.543l-0.333,1.03 c-0.187,0.571-0.46,1.084-0.82,1.533c0.282-0.093,0.566-0.2,0.848-0.323l1.324-0.573l-0.818,1.189 c-0.591,0.859-1.303,1.616-2.119,2.254c0.008,0.104,0.012,0.224,0.012,0.362c0,2.071-0.51,4.098-1.516,6.021 c-1.032,2.037-2.505,3.686-4.377,4.894C40.111,45.559,37.735,46.245,35.092,46.245z M29.986,44.298 c1.583,0.743,3.294,1.117,5.106,1.117c2.478,0,4.7-0.639,6.607-1.9c1.75-1.132,3.126-2.672,4.094-4.581 c0.945-1.809,1.423-3.705,1.423-5.642c0-0.294-0.021-0.408-0.03-0.444l-0.066-0.269l0.222-0.165c0.444-0.33,0.857-0.697,1.234-1.1 c-0.408,0.112-0.818,0.195-1.226,0.25l-1.925,0.256l1.652-1.02c0.523-0.323,0.938-0.712,1.254-1.177 c-0.588,0.244-1.202,0.429-1.837,0.553l-0.217,0.042l-0.156-0.156c-0.384-0.383-0.829-0.693-1.327-0.923 c-1.083-0.5-2.481-0.449-3.58,0.19c-0.604,0.353-1.089,0.845-1.443,1.463c-0.353,0.618-0.532,1.29-0.532,1.996 c0,0.311,0.026,0.627,0.078,0.938l0.084,0.506l-0.513-0.023c-1.841-0.087-3.599-0.554-5.223-1.388 c-1.433-0.736-2.686-1.708-3.731-2.894c-0.198,0.47-0.299,0.957-0.299,1.455c0,0.693,0.165,1.337,0.492,1.914 c0.332,0.586,0.771,1.078,1.306,1.46l1.129,0.808l-1.387-0.056c-0.518-0.021-1.019-0.127-1.497-0.316 c0.103,0.696,0.389,1.323,0.868,1.902c0.616,0.744,1.364,1.206,2.287,1.411l1.856,0.412l-1.859,0.397 c-0.474,0.102-0.945,0.143-1.426,0.134c0.267,0.532,0.648,0.986,1.153,1.377c0.672,0.521,1.432,0.772,2.325,0.772h1.211 l-0.957,0.743C33.608,43.528,31.877,44.185,29.986,44.298z">
</path>
</g>
</g>
</svg>
<p>Social Icons</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.5s'}">
<a href="element-subcategory.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<path d="M57.854,18.943c0-1.089-0.875-1.976-1.95-1.976H23.549c-1.075,0-1.95,0.887-1.95,1.976v21.614 c0,1.09,0.875,1.978,1.95,1.978h32.354c1.075,0,1.95-0.887,1.95-1.978V18.943z M55.599,40.249H23.854V19.253h31.745V40.249z">
</path>
<path d="M27.296,53.203h-11.15c-0.907,0-1.646,0.747-1.646,1.667v8.419c0,0.918,0.737,1.668,1.646,1.668h11.15 c0.906,0,1.646-0.748,1.646-1.668V54.87C28.941,53.95,28.203,53.203,27.296,53.203z M27.293,63.289H16.146v-8.418h11.15 L27.293,63.289z">
</path>
<path d="M45.576,53.203H34.424c-0.906,0-1.645,0.747-1.645,1.668v8.42c0,0.917,0.737,1.667,1.645,1.667h11.152 c0.906,0,1.646-0.748,1.646-1.667v-8.42C47.221,53.95,46.482,53.203,45.576,53.203z M45.572,63.289H34.424v-8.418h11.152 L45.572,63.289z">
</path>
<path d="M63.854,53.203H52.703c-0.906,0-1.646,0.747-1.646,1.668v8.42c0,0.917,0.738,1.667,1.646,1.667h11.151 c0.905,0,1.646-0.748,1.646-1.667v-8.42C65.5,53.95,64.762,53.203,63.854,53.203z M63.853,63.289H52.703v-8.418h11.151 L63.853,63.289z">
</path>
<path d="M22.27,49.313c0-0.286,0.374-0.604,0.91-0.604h15.724v3.336h1.646v-3.336h16.013c0.342,0,0.621,0.238,0.621,0.533v3.13 h1.645v-3.13c0-1.214-1.015-2.201-2.266-2.201H40.549v-3.496h-1.646v3.496H23.18c-1.409,0-2.555,1.02-2.555,2.271v3.06h1.646 L22.27,49.313L22.27,49.313z">
</path>
<path d="M45.237,24.105h-9.963l-0.062-0.302c-0.091-0.609-0.52-0.973-1.142-0.973h-2.41c-0.002,0-0.003,0-0.006,0 c-0.326,0-0.589,0.266-0.589,0.593c0,0.326,0.264,0.593,0.589,0.593c0.003,0,0.004-0.001,0.006-0.001l2.395,0.003l1.719,8.436 c0.124,0.497,0.389,0.771,0.789,0.858c-0.684,0.229-1.181,0.87-1.181,1.633c0,0.953,0.77,1.727,1.717,1.727 c0.945,0,1.715-0.773,1.715-1.727c0-0.716-0.436-1.331-1.054-1.593h5.419c-0.617,0.261-1.054,0.877-1.054,1.593 c0,0.953,0.77,1.727,1.715,1.727c0.946,0,1.716-0.773,1.716-1.727c0-0.716-0.436-1.331-1.053-1.593h0.237 c0.004,0,0.007,0.002,0.013,0.002c0.324,0,0.589-0.266,0.589-0.592s-0.262-0.588-0.582-0.593v-0.003H36.92l-0.141-0.693h7.097 c0.34,0,0.971,0,1.172-0.933l1.129-5.239c0.083-0.287,0.033-0.581-0.136-0.809C45.856,24.25,45.558,24.105,45.237,24.105z M43.843,34.404c0.297,0,0.538,0.243,0.538,0.541c0,0.299-0.241,0.541-0.538,0.541c-0.296,0-0.538-0.242-0.538-0.541 C43.305,34.647,43.546,34.404,43.843,34.404z M37.101,34.404c0.296,0,0.538,0.243,0.538,0.541c0,0.299-0.242,0.541-0.538,0.541 s-0.538-0.242-0.538-0.541C36.563,34.647,36.805,34.404,37.101,34.404z M43.896,30.289c-0.007,0-0.014,0-0.021,0h-7.341l-1.019-5 h9.46L43.896,30.289z">
</path>
</g>
</svg>
<p>Subcategories</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.6s'}">
<a href="element-svg-floating.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<polygon stroke="#666" stroke-width="0.1" stroke-miterlimit="10" points="21.215,45.612 13.114,45.612 13.114,17.026 50.79,17.026 50.79,19.813 52.717,19.813 52.717,15.1 11.188,15.1 11.188,47.538 21.215,47.538 ">
</polygon>
<path stroke="#666" stroke-width="0.1" stroke-miterlimit="10" d="M37.315,51.803H29.76c-2.834,0-5.141-2.306-5.141-5.14V28.356 c0-2.833,2.306-5.139,5.141-5.139h25.397c2.833,0,5.139,2.306,5.139,5.139v1.991c0.678,0.425,1.322,0.894,1.927,1.412v-3.403 c0-3.896-3.169-7.065-7.065-7.065H29.76c-3.897,0-7.067,3.169-7.067,7.065v18.307c0,3.896,3.17,7.066,7.067,7.066h8.79 C38.099,53.115,37.678,52.479,37.315,51.803z">
</path>
<g>
<path stroke="#666" stroke-width="0.1" stroke-miterlimit="10" d="M51.653,59.1c-8.265,0-14.988-6.723-14.988-14.987 c0-8.264,6.724-14.988,14.988-14.988c8.263,0,14.986,6.724,14.986,14.988C66.64,52.377,59.916,59.1,51.653,59.1z M51.653,31.05 c-7.203,0-13.062,5.86-13.062,13.062c0,7.203,5.859,13.062,13.062,13.062c7.2,0,13.06-5.858,13.06-13.062 C64.713,36.91,58.854,31.05,51.653,31.05z">
</path>
</g>
</svg>
<p>SVG Floating</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.7s'}">
<a href="element-tabs.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M65.924,67.172c0-0.594-0.354-1.109-0.859-1.344c0.627-0.088,0.984-0.137,0.768-0.137h-1.375H32.961H22.818
c-0.81,0-1.469,0.668-1.469,1.48c0,0.811,0.659,1.479,1.469,1.479h10.144h31.496h1.375c0.217,0-0.141-0.05-0.768-0.138
C65.57,68.279,65.924,67.766,65.924,67.172z" />
<path d="M22.818,52.041h6.087h33.523h6.086c0.809,0,1.469-0.67,1.469-1.482c0-0.811-0.66-1.478-1.469-1.478h-6.086H28.905h-6.087
c-0.81,0-1.469,0.667-1.469,1.478C21.349,51.371,22.008,52.041,22.818,52.041z" />
<path d="M74.6,57.387H22.818c-0.81,0-1.469,0.666-1.469,1.479c0,0.811,0.659,1.48,1.469,1.48H74.6c0.811,0,1.469-0.67,1.469-1.48
C76.068,58.053,75.41,57.387,74.6,57.387z" />
<path d="M84.678,18.738H15.27c-3.235,0-5.868,2.564-5.868,5.803v50.918c0,3.24,2.633,5.803,5.868,5.803h69.408
c3.238,0,5.922-2.563,5.922-5.801v-50.92C90.6,21.303,87.916,18.738,84.678,18.738z M87.641,75.461
c0,1.617-1.342,3.008-2.963,3.008H15.27c-1.616,0-2.91-1.391-2.91-3.01V38.165c0.167,0.066,0.346,0.106,0.536,0.106h74.737
c0.002,0,0.006-0.002,0.008-0.002V75.461z M87.641,35.313c-0.002,0-0.006-0.001-0.008-0.001H12.896c-0.19,0-0.369,0.04-0.536,0.106
V24.541c0-1.619,1.294-3.008,2.91-3.008h69.408c1.621,0,2.963,1.389,2.963,3.008V35.313z" />
<path d="M32.838,27.746H22.031c-0.744,0-1.348,0.604-1.348,1.351c0,0.745,0.604,1.351,1.348,1.351h10.807
c0.747,0,1.352-0.605,1.352-1.351C34.19,28.35,33.585,27.746,32.838,27.746z" />
<path d="M48.79,27.746h-0.902c-0.745,0-1.349,0.604-1.349,1.351c0,0.745,0.604,1.351,1.349,1.351h0.902
c0.745,0,1.349-0.605,1.349-1.351C50.139,28.35,49.534,27.746,48.79,27.746z" />
<path d="M39.785,27.746h-0.9c-0.747,0-1.351,0.604-1.351,1.351c0,0.745,0.604,1.351,1.351,1.351h0.9
c0.746,0,1.353-0.605,1.353-1.351C41.137,28.35,40.531,27.746,39.785,27.746z" />
<path d="M44.287,27.746h-0.901c-0.745,0-1.35,0.604-1.35,1.351c0,0.745,0.605,1.351,1.35,1.351h0.901
c0.747,0,1.35-0.605,1.35-1.351C45.637,28.35,45.034,27.746,44.287,27.746z" />
</g>
</svg>
<p>tabs</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.3s'}">
<a href="element-testimonials.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M84.41,37.332c0.581,0,1.054-0.671,1.054-1.481c0-0.813-0.473-1.48-1.054-1.48H44.918c-0.581,0-1.054,0.668-1.054,1.48
c0,0.811,0.473,1.481,1.054,1.481H84.41z" />
<path d="M35.122,44.165c0,0.811,0.473,1.481,1.056,1.481H84.41c0.581,0,1.054-0.671,1.054-1.481c0-0.813-0.473-1.48-1.054-1.48
H36.178C35.595,42.685,35.122,43.352,35.122,44.165z" />
<path d="M84.41,50.997H50.746c-0.583,0-1.056,0.669-1.056,1.484c0,0.81,0.473,1.479,1.056,1.479H84.41
c0.581,0,1.054-0.67,1.054-1.479C85.464,51.666,84.991,50.997,84.41,50.997z" />
<path d="M40.32,56.454l-9.714-1.412c-0.066-0.009-0.123-0.052-0.151-0.11l-4.346-8.805c-0.588-1.191-1.826-1.962-3.155-1.962
c-1.347,0-2.558,0.751-3.153,1.962l-4.346,8.805c-0.03,0.059-0.085,0.102-0.151,0.11l-9.716,1.412
c-1.335,0.194-2.423,1.11-2.839,2.393c-0.413,1.263-0.062,2.68,0.891,3.607l7.03,6.852c0.046,0.046,0.069,0.113,0.057,0.179
l-1.661,9.68c-0.224,1.309,0.326,2.657,1.401,3.438c0.604,0.439,1.319,0.674,2.066,0.674c0.57,0,1.136-0.141,1.637-0.405
l8.692-4.568c0.028-0.016,0.061-0.023,0.092-0.023c0.034,0,0.066,0.008,0.094,0.023l8.691,4.568
c0.501,0.265,1.068,0.405,1.637,0.405c0.747,0,1.461-0.234,2.067-0.674c1.075-0.78,1.625-2.129,1.399-3.438l-1.66-9.68
c-0.011-0.065,0.012-0.133,0.059-0.179l7.032-6.852c0.949-0.928,1.301-2.343,0.891-3.607C42.745,57.564,41.657,56.648,40.32,56.454
z M41.004,59.843l-8.879,8.655l2.096,12.222c0.012,0.074-0.018,0.152-0.08,0.198c-0.036,0.025-0.077,0.038-0.119,0.038
c-0.032,0-0.064-0.009-0.094-0.025l-10.975-5.769l-10.975,5.769c-0.03,0.017-0.062,0.025-0.094,0.025
c-0.041,0-0.082-0.013-0.119-0.038c-0.062-0.046-0.092-0.124-0.08-0.198l2.098-12.222l-8.879-8.655
c-0.057-0.053-0.077-0.133-0.052-0.206s0.089-0.126,0.164-0.139l12.271-1.781l5.487-11.119c0.034-0.07,0.104-0.112,0.18-0.112
c0.077,0,0.147,0.042,0.181,0.112l5.488,11.119l12.272,1.781c0.075,0.013,0.137,0.065,0.16,0.139
C41.079,59.71,41.06,59.79,41.004,59.843z" />
<path d="M91.497,18.037H25.334c-3.239,0-5.876,2.568-5.876,5.811v11.158c0.187-0.01,0.364,0,0.553,0c0.869,0,1.667-0.182,2.412,0
V23.848c0-1.62,1.294-3.012,2.912-3.012h66.163c1.625,0,2.966,1.392,2.966,3.012v42.903c0,1.621-1.341,3.013-2.966,3.013H87.47
h-2.308v2.798v9.084l-7.654-9.084l-2.359-2.798h-3.017H47.875c0.092,0.93,0.153,1.876,0,2.798h26.616L87.47,87.963V72.562h4.027
c3.244,0,5.927-2.568,5.927-5.811V23.848C97.424,20.605,94.741,18.037,91.497,18.037z" />
</g>
</svg>
<p>testimonials</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.4s'}">
<a href="element-titles.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M32.425,18.043h-2.268l-8.941,27.391h20.07L32.425,18.043z M31.284,22.751L37.806,42.9H24.71L31.284,22.751
z" />
<path d="M12.567,64.073h3.293c1.088,0,2.057-0.695,2.402-1.729l3.828-11.421h18.396l3.762,11.408
c0.342,1.039,1.313,1.741,2.406,1.741h3.287c0.816,0,1.586-0.396,2.063-1.061c0.475-0.667,0.6-1.521,0.334-2.295L36.397,14.266
c-0.35-1.022-1.313-1.712-2.396-1.712h-5.496c-1.084,0-2.045,0.689-2.396,1.712L10.171,60.718
c-0.266,0.773-0.141,1.628,0.334,2.295C10.981,63.677,11.747,64.073,12.567,64.073z M28.505,15.089h5.496L49.942,61.54h-3.287
l-4.336-13.15H20.267L15.86,61.54h-3.293L28.505,15.089z" />
</g>
<g>
<path d="M89.901,83.444H10v4.002l79.901-0.002c0.034,0,0.065-0.008,0.099-0.009v-3.982
C89.967,83.452,89.936,83.444,89.901,83.444z" />
<path d="M89.901,71.757H10v4.006h79.901c0.034,0,0.065-0.008,0.099-0.009v-3.988
C89.967,71.765,89.936,71.757,89.901,71.757z" />
</g>
<g>
<path d="M59.505,52.388h30.396c0.034,0,0.065-0.008,0.099-0.01v-3.982c-0.033-0.002-0.064-0.01-0.099-0.01H59.505
c-0.235,0-0.458,0.041-0.672,0.102v3.799C59.047,52.347,59.27,52.388,59.505,52.388z" />
<path d="M59.505,64.073h30.396c0.034,0,0.065-0.008,0.099-0.009v-3.983c-0.033-0.002-0.064-0.01-0.099-0.01
l-30.396,0.002c-0.235,0-0.458,0.041-0.672,0.102v3.797C59.047,64.032,59.27,64.073,59.505,64.073z" />
</g>
</svg>
<p>titles</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.5s'}">
<a href="element-typography.html" target="blank" class="element">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62px" height="62px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<rect x="37.195" y="76.181" fill="none" width="25.612" height="3.859" />
<path fill="none" d="M59.012,23.874c5.605,0,9.371,3.35,11.191,9.957l0.051,0.373c0.002,0.016,0.002,0.023,0,0.033l0.053,0.188
l1.189,4.975L71.1,19.958H28.901l-0.397,19.445l1.22-5.088c2.125-6.518,5.878-10.029,11.156-10.439l6.435-0.002v49.48h5.002
c0-15.418,0-49.48,0-49.48H59.012z" />
<path d="M55.143,26.698h3.869c4.193,0,6.951,2.527,8.422,7.723c0.018,0.289,0.068,0.543,0.152,0.77l1.689,7.072h5.104
l-0.512-25.129H26.134l-0.512,25.129h5.104l1.702-7.127c1.762-5.363,4.598-8.127,8.562-8.438h3.502v46.656H34.37v9.512h31.261
v-9.512H55.143C55.143,61.229,55.143,26.698,55.143,26.698z M62.807,76.181v3.859H37.195v-3.859H62.807z M47.316,73.354v-49.48
l-6.435,0.002c-5.278,0.41-9.031,3.922-11.156,10.439l-1.22,5.088l0.397-19.445H71.1l0.396,19.441l-1.189-4.975l-0.053-0.188
c0.002-0.01,0.002-0.018,0-0.033l-0.051-0.373c-1.82-6.607-5.586-9.957-11.191-9.957h-6.693c0,0,0,34.063,0,49.48H47.316z" />
</g>
</svg>
<p>typography</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.6s'}">
<a href="element-vendor.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 13px 0 0 0;">
<g>
<path d="M19.776,54.875h24.241V41.004H19.776V54.875z M29.226,52.804v-9.727h5.799v9.725h-5.799V52.804z M41.932,52.804h-4.823 v-9.727h4.823V52.804z M21.862,43.077h5.277v9.725h-5.277V43.077z">
</path>
<path d="M66.311,29.645c-0.163-0.35-0.34-0.738-0.541-1.18l-3.905-8.55l-0.087-0.154c-0.981-1.428-2.19-1.729-3.029-1.729 L19.384,18c-1.33,0-2.793,1.341-3.166,2.206l-3.779,8.273c-0.166,0.378-0.327,0.734-0.484,1.075 c-0.756,1.663-1.354,2.979-1.354,4.307l0.01,0.146c0.441,3.111,2.713,5.289,5.776,5.699v18.217c0,1.146,0.937,2.077,2.085,2.077 h42.553c1.147,0,2.086-0.931,2.086-2.077v-18.56c2.395-0.438,4.105-2.386,4.479-5.215l0.012-0.135 C67.601,32.436,67.114,31.384,66.311,29.645z M38.544,32.837c0,2.508-2.717,4.55-6.06,4.55c-2.923,0-5.298-1.875-5.499-4.232 l2.698-13.068l8.863,0.007v12.745L38.544,32.837L38.544,32.837z M40.627,20.092l8.403,0.007l2.708,13.033 c-0.161,2.365-2.411,4.255-5.181,4.255c-3.269,0-5.932-2.042-5.932-4.551L40.627,20.092L40.627,20.092z M12.688,33.793 c0.025-0.872,0.532-1.984,1.167-3.385c0.158-0.349,0.326-0.714,0.488-1.085l3.782-8.277c0.137-0.304,0.94-0.955,1.259-0.974 l8.17,0.008L24.92,32.833h-0.062c0,0.16-0.014,0.316-0.037,0.472l-0.025,0.12h0.001c-0.447,2.411-3.579,4.288-7.369,4.288 C14.874,37.716,13.063,36.215,12.688,33.793z M48.645,57.859V43.077h8.198v14.781L48.645,57.859L48.645,57.859z M58.926,57.923 V41.004H46.558v16.918H18.474V39.747c3.2-0.259,5.926-1.679,7.367-3.67c1.309,2.016,3.792,3.382,6.643,3.382 c3.041,0,5.694-1.364,7.092-3.381c1.378,2.017,3.987,3.381,6.982,3.381c2.767,0,5.179-1.397,6.416-3.451 c1.564,1.888,4.52,3.201,8.052,3.42v18.495H58.926z M62.067,37.386c-4.45,0-8.211-2.07-8.211-4.518h-0.042L51.159,20.1l7.584,0.007 c0.337,0,0.777,0.089,1.261,0.755l3.861,8.457c0.198,0.439,0.379,0.835,0.546,1.191c0.738,1.601,1.086,2.351,1.1,3.437 C65.205,36.102,63.919,37.386,62.067,37.386z">
</path>
</g>
</svg>
<p>Vendors</p>
</a>
</div>
<div class="appear-animate" data-animation-options="{'name':'zoomIn', 'delay':'.7s'}">
<a href="element-video.html" class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 80 80" xml:space="preserve" style="margin: 23px 0 10px 0;">
<path fill="#666" stroke="#030303" stroke-width="0.25" stroke-miterlimit="10" d="M73.005,12.557H7.871 c-2.81,0-5.096,2.228-5.096,5.039v44.206c0,2.812,2.286,5.039,5.096,5.039h65.134c2.813,0,5.142-2.228,5.142-5.039V17.596 C78.146,14.784,75.817,12.557,73.005,12.557z M75.577,61.802c0,1.405-1.165,2.612-2.572,2.612H7.871 c-1.403,0-2.527-1.207-2.527-2.612V17.596c0-1.405,1.124-2.612,2.527-2.612h65.134c1.407,0,2.572,1.207,2.572,2.612V61.802z">
</path>
<path fill="#666" d="M75.591,52.65H4.938c-0.702,0-1.274-0.581-1.274-1.285s0.572-1.283,1.274-1.283h70.653 c0.703,0,1.274,0.579,1.274,1.283S76.294,52.65,75.591,52.65z">
</path>
<g>
<path fill="#666" d="M35.175,43.462c-0.231,0-0.462-0.06-0.669-0.181c-0.414-0.238-0.668-0.68-0.668-1.157l0.002-16.251 c0-0.478,0.255-0.919,0.668-1.158c0.414-0.237,0.923-0.238,1.336-0.002l14.136,8.124c0.416,0.238,0.672,0.681,0.672,1.16 c0,0.479-0.256,0.921-0.672,1.16l-14.138,8.127C35.636,43.402,35.405,43.462,35.175,43.462z M36.516,28.185l-0.003,11.628 l10.117-5.815L36.516,28.185z">
</path>
</g>
<path fill="#666" d="M17.663,60.051h0.782c0.646,0,1.172-0.524,1.172-1.174c0-0.646-0.525-1.172-1.172-1.172h-0.782 c-0.646,0-1.172,0.526-1.172,1.172C16.491,59.526,17.017,60.051,17.663,60.051z">
</path>
<path fill="#666" d="M9.847,60.051h0.781c0.647,0,1.174-0.524,1.174-1.174c0-0.646-0.526-1.172-1.174-1.172H9.847 c-0.648,0-1.174,0.526-1.174,1.172C8.673,59.526,9.198,60.051,9.847,60.051z">
</path>
<path fill="#666" d="M13.754,60.051h0.782c0.649,0,1.173-0.524,1.173-1.174c0-0.646-0.523-1.172-1.173-1.172h-0.782 c-0.646,0-1.172,0.526-1.172,1.172C12.582,59.526,13.107,60.051,13.754,60.051z">
</path>
<path fill="#666" d="M71.123,60.051h0.783c0.646,0,1.171-0.524,1.171-1.174c0-0.646-0.524-1.172-1.171-1.172h-0.783 c-0.646,0-1.171,0.526-1.171,1.172C69.952,59.526,70.477,60.051,71.123,60.051z">
</path>
<g>
<path fill="none" d="M30.907,60.163c0.491,0.795,1.363,1.331,2.365,1.331c1.001,0,1.874-0.536,2.365-1.331H30.907z">
</path>
<path fill="none" d="M33.272,55.921c-1.141,0-2.121,0.69-2.552,1.674h5.104C35.393,56.611,34.412,55.921,33.272,55.921z">
</path>
<path fill="#666" d="M28.855,57.595h-3.215c-0.703,0-1.275,0.579-1.275,1.283s0.572,1.285,1.275,1.285h3.32 c-0.155-0.46-0.26-0.943-0.26-1.456C28.701,58.321,28.765,57.952,28.855,57.595z">
</path>
<path fill="#666" d="M65.577,57.595H37.689c0.091,0.357,0.153,0.727,0.153,1.112c0,0.513-0.104,0.996-0.26,1.456h27.994 c0.703,0,1.274-0.581,1.274-1.285S66.28,57.595,65.577,57.595z">
</path>
<path fill="#666" d="M37.689,57.595c-0.5-1.981-2.282-3.458-4.417-3.458s-3.918,1.477-4.417,3.458 c-0.091,0.357-0.154,0.727-0.154,1.112c0,0.513,0.104,0.996,0.26,1.456c0.611,1.804,2.303,3.115,4.312,3.115 c2.008,0,3.699-1.312,4.311-3.115c0.156-0.46,0.26-0.943,0.26-1.456C37.843,58.321,37.78,57.952,37.689,57.595z M33.272,61.494 c-1.002,0-1.874-0.536-2.365-1.331c-0.263-0.426-0.422-0.921-0.422-1.456c0-0.396,0.085-0.771,0.235-1.112 c0.431-0.983,1.411-1.674,2.552-1.674c1.14,0,2.12,0.69,2.552,1.674c0.149,0.341,0.235,0.717,0.235,1.112 c0,0.535-0.16,1.03-0.422,1.456C35.146,60.958,34.273,61.494,33.272,61.494z">
</path>
</g>
</svg>
<p>Video</p>
</a>
</div>
</div>
</div>
</section>
</div>
</main>
<footer class="footer purchase-section text-center float-bg" id="footer" style="background-image: url(landing/images/bg2.jpg); background-color: #212629; background-size: 110%;">
<div class="container mb-10 pb-3">
<div class="row justify-content-center cols-md-2 cols-lg-3 mb-10 pb-1">
<div class="mb-4">
<a class="icon-box shape-overlay appear-animate" data-animation-options="{
'name': 'zoomIn', 'delay': '.2s'
}" href="documentation.html">
<span class="icon-box-icon pt-1 pb-1">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="90px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M55.701,74.454h-6.063c-1.919,0-3.769,0.601-5.313,1.712v-52.52c0-2.93,2.383-5.313,5.313-5.313h29.726
v22.224c0,1.048,0.854,1.9,1.9,1.9s1.9-0.853,1.9-1.9V16.434c0-1.048-0.854-1.9-1.9-1.9H49.638c-2.845,0-5.489,1.314-7.213,3.552
c-1.724-2.237-4.368-3.552-7.213-3.552H2.314c-1.048,0-1.9,0.853-1.9,1.9v59.92c0,1.047,0.853,1.899,1.9,1.899h32.898
c2.93,0,5.313,2.384,5.313,5.313c0,1.049,0.853,1.901,1.9,1.901c1.048,0,1.9-0.853,1.9-1.901c0-2.929,2.383-5.313,5.313-5.313
h6.063c1.047,0,1.9-0.853,1.9-1.899C57.602,75.305,56.748,74.454,55.701,74.454z M40.524,76.166
c-1.543-1.111-3.394-1.712-5.313-1.712H4.213V18.333h30.999c2.93,0,5.313,2.384,5.313,5.313V76.166z" />
<path d="M33.744,25.928H10.896c-1.048,0-1.9,0.853-1.9,1.899c0,1.048,0.852,1.9,1.9,1.9h22.848
c1.048,0,1.899-0.853,1.899-1.9C35.643,26.78,34.792,25.928,33.744,25.928z" />
<path d="M33.744,34.86H10.896c-1.048,0-1.9,0.852-1.9,1.899s0.852,1.9,1.9,1.9h22.848
c1.048,0,1.899-0.853,1.899-1.9S34.792,34.86,33.744,34.86z" />
<path d="M33.744,43.792H10.896c-1.048,0-1.9,0.854-1.9,1.899c0,1.048,0.852,1.901,1.9,1.901h22.848
c1.048,0,1.899-0.854,1.899-1.901C35.643,44.646,34.792,43.792,33.744,43.792z" />
<path d="M72.557,25.928H50.979c-1.047,0-1.9,0.853-1.9,1.899c0,1.048,0.854,1.9,1.9,1.9h21.578
c1.045,0,1.898-0.853,1.898-1.9C74.455,26.78,73.602,25.928,72.557,25.928z" />
<path d="M74.455,36.76c0-1.048-0.854-1.899-1.898-1.899H50.979c-1.047,0-1.9,0.852-1.9,1.899s0.854,1.9,1.9,1.9
h21.578C73.602,38.66,74.455,37.808,74.455,36.76z" />
<path d="M50.979,43.792c-1.047,0-1.9,0.854-1.9,1.899c0,1.048,0.854,1.901,1.9,1.901H61.07
c1.049,0,1.9-0.854,1.9-1.901c0-1.046-0.852-1.899-1.9-1.899H50.979z" />
<path d="M33.744,52.725H10.896c-1.048,0-1.9,0.853-1.9,1.901c0,1.047,0.852,1.899,1.9,1.899h22.848
c1.048,0,1.899-0.853,1.899-1.899C35.643,53.577,34.792,52.725,33.744,52.725z" />
<path d="M95.877,58.743c-0.152,0-0.307,0.018-0.459,0.056c-1.016,0.254-1.637,1.286-1.383,2.302
c0.324,1.304,0.488,2.654,0.488,4.011c0,9.121-7.42,16.541-16.541,16.541c-3.355,0-6.59-1.002-9.352-2.897
c-0.496-0.342-1.152-0.428-1.721-0.223l-3.678,1.329l1.33-3.678c0.207-0.572,0.125-1.217-0.221-1.72
c-1.896-2.76-2.9-5.995-2.9-9.353c0-9.121,7.422-16.541,16.541-16.541c3.83,0,7.563,1.339,10.512,3.771
c0.34,0.277,0.768,0.432,1.207,0.432c0.57,0,1.105-0.252,1.469-0.691c0.664-0.808,0.549-2.008-0.26-2.675
c-3.627-2.989-8.219-4.635-12.928-4.635c-11.215,0-20.34,9.126-20.34,20.34c0,3.783,1.045,7.467,3.023,10.671l-2.383,6.598
c-0.25,0.689-0.076,1.471,0.441,1.988c0.508,0.507,1.314,0.688,1.99,0.443l6.598-2.384c3.203,1.979,6.887,3.024,10.67,3.024
c11.215,0,20.34-9.124,20.34-20.341c0-1.666-0.201-3.324-0.602-4.929C97.512,59.335,96.752,58.743,95.877,58.743z" />
<path d="M99.031,49.53c-0.359-0.359-0.838-0.557-1.344-0.557c-0.508,0-0.984,0.198-1.344,0.557L78.133,67.74
l-8.59-8.592c-0.359-0.359-0.838-0.558-1.346-0.558s-0.984,0.198-1.342,0.558c-0.359,0.358-0.557,0.835-0.557,1.343
c0,0.51,0.197,0.986,0.557,1.345l9.936,9.935c0.357,0.359,0.836,0.557,1.342,0.557c0.508,0,0.986-0.197,1.344-0.557l19.555-19.554
c0.357-0.357,0.555-0.834,0.555-1.342S99.389,49.889,99.031,49.53z" />
</g>
</svg>
</span>
<h3 class="icon-box-title ls-l text-white">Online Documentation</h3>
</a>
</div>
<div class="mb-4">
<a class="icon-box shape-overlay appear-animate" data-animation-options="{
'name': 'zoomIn', 'delay': '.3s'
}" href="documentation.html">
<span class="icon-box-icon pt-1 pb-1">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="90px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M62.02,41.336L44.17,31.079c-0.521-0.299-1.164-0.298-1.687,0.002c-0.522,0.302-0.844,0.859-0.844,1.463l-0.002,20.518
c0,0.604,0.321,1.16,0.843,1.461c0.262,0.153,0.553,0.229,0.845,0.229c0.291,0,0.582-0.075,0.842-0.225L62.02,44.266
c0.525-0.302,0.848-0.86,0.848-1.465C62.867,42.195,62.545,41.637,62.02,41.336z M45.015,50.144l0.003-14.682l12.771,7.339
L45.015,50.144z" />
<path d="M91.09,15.73H8.852c-3.547,0-6.434,2.813-6.434,6.362v55.814c0,3.55,2.886,6.362,6.434,6.362H91.09
c3.553,0,6.492-2.813,6.492-6.362V22.093C97.582,18.543,94.643,15.73,91.09,15.73z M94.338,77.907c0,1.773-1.473,3.298-3.248,3.298
H8.852c-1.771,0-3.191-1.524-3.191-3.298V66.353h88.677V77.907z M94.338,63.109H5.661V22.093c0-1.774,1.419-3.299,3.191-3.299
H91.09c1.775,0,3.248,1.524,3.248,3.299V63.109z" />
<path d="M21.215,75.696h0.988c0.816,0,1.479-0.662,1.479-1.482c0-0.815-0.663-1.479-1.479-1.479h-0.988
c-0.816,0-1.479,0.664-1.479,1.479C19.736,75.034,20.399,75.696,21.215,75.696z" />
<path d="M11.347,75.696h0.986c0.817,0,1.482-0.662,1.482-1.482c0-0.815-0.665-1.479-1.482-1.479h-0.986
c-0.819,0-1.482,0.664-1.482,1.479C9.864,75.034,10.528,75.696,11.347,75.696z" />
<path d="M16.28,75.696h0.988c0.82,0,1.48-0.662,1.48-1.482c0-0.815-0.661-1.479-1.48-1.479H16.28c-0.816,0-1.479,0.664-1.479,1.479
C14.8,75.034,15.463,75.696,16.28,75.696z" />
<path d="M88.713,75.696h0.99c0.814,0,1.479-0.662,1.479-1.482c0-0.815-0.664-1.479-1.479-1.479h-0.99
c-0.816,0-1.477,0.664-1.477,1.479C87.236,75.034,87.896,75.696,88.713,75.696z" />
<path d="M31.288,75.838h4.192c0.772,2.277,2.908,3.934,5.444,3.934c2.535,0,4.671-1.656,5.443-3.934h35.346
c0.887,0,1.607-0.733,1.607-1.623c0-0.889-0.721-1.62-1.607-1.62H46.5c-0.631-2.502-2.881-4.366-5.576-4.366
s-4.947,1.864-5.577,4.366h-4.059c-0.888,0-1.61,0.731-1.61,1.62C29.678,75.104,30.4,75.838,31.288,75.838z M37.702,72.595
c0.543-1.241,1.782-2.113,3.222-2.113c1.439,0,2.677,0.872,3.222,2.113c0.189,0.431,0.297,0.905,0.297,1.404
c0,0.676-0.202,1.301-0.533,1.839c-0.62,1.004-1.723,1.681-2.986,1.681c-1.265,0-2.366-0.677-2.986-1.681
c-0.332-0.538-0.533-1.163-0.533-1.839C37.405,73.5,37.512,73.025,37.702,72.595z" />
</g>
</svg>
</span>
<h3 class="icon-box-title ls-l text-white">Video Tutorials</h3>
</a>
</div>
<div class="mb-4">
<a class="icon-box shape-overlay appear-animate" data-animation-options="{
'name': 'zoomIn', 'delay': '.4s'
}" href="https://d-themes.com/support">
<span class="icon-box-icon pt-2 pb-2">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path d="M89.177,82.672c-1.083-3.555-6.909-6.533-12.547-9.414c-1.486-0.76-2.921-1.492-4.163-2.19
c-0.79-0.443-1.793-0.16-2.237,0.631c-0.444,0.792-0.162,1.793,0.63,2.235c1.275,0.718,2.748,1.47,4.274,2.249
c4.315,2.207,10.224,5.226,10.897,7.447c1.404,4.616,1.477,5.282,1.477,6.524c0,0.45-0.085,0.654-0.136,0.703
c-0.327,0.313-1.897,0.257-2.94,0.223c-0.511-0.02-1.039-0.036-1.57-0.036H17.137c-0.398,0-0.793,0.005-1.181,0.013
c-1.216,0.021-2.889,0.054-3.29-0.34c-0.096-0.096-0.156-0.316-0.171-0.624c0.133-0.61,0.621-2.785,1.589-6.525
c0.744-2.875,8.052-7.03,21.647-12.326c0.333-0.111,3.307-1.149,4.953-3.346c0.546-0.725,0.399-1.756-0.328-2.301
c-0.728-0.544-1.756-0.397-2.299,0.33c-0.875,1.165-2.729,1.983-3.441,2.226c-10.964,4.27-22.355,9.342-23.713,14.592
c-1.175,4.538-1.643,6.765-1.663,6.856c-0.022,0.11-0.034,0.226-0.034,0.337c0,1.319,0.389,2.371,1.159,3.126
c1.383,1.36,3.451,1.316,5.653,1.281c0.368-0.007,0.743-0.014,1.12-0.014h65.724c0.494,0,0.982,0.017,1.455,0.033
c0.474,0.019,0.938,0.035,1.393,0.035c1.529,0,2.92-0.188,3.946-1.177c0.753-0.731,1.14-1.763,1.14-3.066
C90.795,88.433,90.634,87.473,89.177,82.672z" />
<path d="M23.712,54.896h4.929c0.951,0,1.724-0.291,2.297-0.865c0.994-0.997,0.99-2.43,0.988-3.816V50.05
c0.264,0.174,0.539,0.327,0.823,0.438c0.887,2.215,1.898,3.804,2.962,5.476c0.3,0.469,0.604,0.949,0.912,1.45
c1.28,2.101,2.58,3.566,3.981,4.532c0.181,0.149,4.438,3.615,9.335,3.677c0.181,0.024,0.472,0.052,0.858,0.052
c1.63,0,4.967-0.496,8.984-3.824c1.278-0.987,2.437-2.373,3.648-4.363c0.325-0.531,0.648-1.039,0.967-1.538
c1.029-1.609,2.088-3.267,2.998-5.507c0.233-0.104,0.461-0.234,0.68-0.383v0.153c-0.005,1.388-0.009,2.82,0.987,3.818
c0.192,0.19,0.412,0.338,0.646,0.467c-0.109,3.866-1.074,11.367-4.697,12.657c-0.802-0.556-1.765-0.888-2.803-0.888
c-0.382,0-0.764,0.047-1.138,0.137l-7.992,1.899c-2.644,0.628-4.283,3.292-3.654,5.938c0.529,2.229,2.503,3.787,4.799,3.787
c0.383,0,0.764-0.046,1.137-0.134l7.992-1.902c2.645-0.629,4.284-3.29,3.653-5.935c-0.011-0.054-0.036-0.102-0.05-0.155
c5.077-2.613,5.915-11.222,6.032-15.006h3.3c2.238,0,5.421-1.612,6.609-4.05c2.146-4.733,2.146-10.167-0.019-14.949
c-1.17-2.396-4.354-4.005-6.591-4.005h-0.039C75.822,17.324,64.226,5.603,49.999,5.603c-14.228,0-25.823,11.722-26.25,26.289
h-0.038c-2.24,0-5.423,1.61-6.61,4.049c-2.147,4.734-2.147,10.168,0.02,14.948C18.291,53.285,21.473,54.896,23.712,54.896z
M62.591,72.795l-7.992,1.902c-0.873,0.2-1.777-0.367-1.979-1.22c-0.21-0.88,0.337-1.769,1.219-1.979l7.993-1.9
c0.124-0.028,0.25-0.044,0.376-0.044c0.755,0,1.428,0.531,1.604,1.263C64.02,71.698,63.473,72.585,62.591,72.795z M68.074,45.951
c-0.539,0.038-1.053,0.313-1.33,0.821c-0.234,0.427-0.661,0.694-0.825,0.717c-0.599,0.084-1.103,0.49-1.313,1.057
c-0.849,2.3-1.884,3.92-2.979,5.633c-0.331,0.52-0.666,1.045-1.004,1.598c-0.997,1.635-1.901,2.74-2.895,3.506
c-4.25,3.52-7.252,3.1-7.351,3.083c-0.102-0.019-0.206-0.028-0.311-0.028c-3.754,0-7.34-2.899-7.483-3.009
c-1.121-0.777-2.124-1.931-3.158-3.626c-0.319-0.521-0.634-1.018-0.945-1.505c-1.14-1.791-2.124-3.34-2.96-5.661
c-0.217-0.604-0.851-1.03-1.489-1.085c-0.159-0.015-0.595-0.274-0.828-0.699c-0.27-0.494-0.76-0.766-1.28-0.819v-5.826
c0.001,0,0.002,0,0.004,0c0.89,0,1.575-0.497,1.596-1.391c0.001-0.053,0.101-5.085,2.342-10.288
c2.888-6.715,7.703-10.122,14.488-10.122c16.387,0,16.437,19.245,16.439,20.065c0.001,0.906,1.279,1.633,1.279,1.633V45.951z
M76.287,35.179c1.163,0,3.069,0.995,3.616,2.116c1.759,3.876,1.759,8.32,0.021,12.151c-0.568,1.165-2.474,2.162-3.638,2.162
l-4.88-0.009c-0.05-0.344-0.049-0.949-0.049-1.38V36.566c0-0.435-0.001-1.048,0.051-1.388H76.287z M49.999,8.889
c12.415,0,22.541,10.247,22.964,23.003h-1.604c-0.757,0-1.396,0.192-1.916,0.557c-1.353-6.936-5.593-17.533-18.905-17.533
c-13.327,0-17.894,11.001-19.451,18.021c-0.05-0.059-0.092-0.123-0.149-0.18c-0.572-0.574-1.345-0.864-2.296-0.864h-1.605
C27.459,19.136,37.583,8.889,49.999,8.889z M20.075,37.339c0.567-1.165,2.474-2.16,3.637-2.16l4.878,0.009
c0.051,0.343,0.05,0.946,0.049,1.377v13.656c0.001,0.435,0.002,1.048-0.05,1.388h-4.877c-1.163,0-3.069-0.997-3.617-2.118
C18.339,45.615,18.339,41.171,20.075,37.339z" />
</g>
</svg>
</span>
<h3 class="icon-box-title ls-l text-white">Support Center</h3>
</a>
</div>
</div>
<h2 class="text-white ls-s font-weight-bold mb-0 appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.1s'
}">Build your website with Riode</h2>
<h3 class="text-white ls-m mb-6 font-weight-normal appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.2s'
}">Purchase now,
<b class="ls-s appear-animate" data-animation-options="{
'name': 'blurIn', 'delay': '.4s'
}">Only $19!</b>
</h3>
<ul class="list d-flex align-items-center justify-content-center text-grey font-weight-semi-bold mb-10 text-uppercase">
<li class="mb-2 appear-animate" data-animation-options="{
'name': 'blurIn', 'delay': '.3s'
}">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px" height="70px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<polygon points="46.224,60.709 43.333,60.684 34.528,51.877 37.45,48.957 44.819,56.33 62.513,39.291 65.378,42.266" />
</g>
</svg>
Super high performance
</li>
<li class="mb-2 appear-animate" data-animation-options="{
'name': 'blurIn', 'delay': '.4s'
}">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px" height="70px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<polygon points="46.224,60.709 43.333,60.684 34.528,51.877 37.45,48.957 44.819,56.33 62.513,39.291 65.378,42.266" />
</g>
</svg>
Free lifetime updates
</li>
<li class="mb-2 appear-animate" data-animation-options="{
'name': 'blurIn', 'delay': '.5s'
}">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px" height="70px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<polygon points="46.224,60.709 43.333,60.684 34.528,51.877 37.45,48.957 44.819,56.33 62.513,39.291 65.378,42.266" />
</g>
</svg>
Strict coding standards
</li>
</ul>
<a href="https://d-themes.com/buynow/riodehtml/" class="btn btn-lg btn-rounded btn-gradient gra-reversed appear-animate" data-animation-options="{
'name': 'fadeInUpShorter', 'delay': '.3s'
}" target="_blank">Buy Riode Now</a>
</div>
<div class="footer-bottom">
<p class="w-100 mb-0">@2022 Riode Template. All Rights Reserved</p>
</div>
</footer>
</div>
<a id="scroll-top" href="#top" title="Top" role="button" class="scroll-top custom-scroll-top"></a>
<div class="mobile-menu-wrapper">
<div class="mobile-menu-overlay">
</div>
<a class="mobile-menu-close" href="#">
<i class="close-icon"></i>
</a>
<div class="mobile-menu-container scrollable">
<ul class="mobile-menu mmenu-anim">
<li>
<a href="#sec-demos">Demos</a>
</li>
<li>
<a href="shop.html" class="active">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>
</li>
</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="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 & 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="element.html">Elements</a>
<ul style="display: none;">
<li>
<a href="#">Elements 1</a>
<ul>
<li><a href="element-accordions.html">Accordions</a></li>
<li><a href="element-alerts.html">Alert & 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="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>
</ul>
</div>
</div>
<link rel="stylesheet" type="text/css" href="landing/landing.min.css">
<script src="vendor/jquery/jquery.min.js"></script>
<script src="landing/landing-plugin.min.js"></script>
<script src="landing/landing.min.js"></script>
</body>
<!-- Mirrored from d-themes.com/html/riode/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Aug 2023 09:29:56 GMT -->
</html>
Zerion Mini Shell 1.0