ok

Mini Shell

Direktori : /proc/thread-self/root/home2/selectio/public_html/thecomponents.in/file/
Upload File :
Current File : //proc/thread-self/root/home2/selectio/public_html/thecomponents.in/file/element-icons.html

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

<!-- Mirrored from d-themes.com/html/riode/element-icons.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 19 Aug 2023 09:34:16 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,500,600,700'] }
        };
        (function (d) {
            var wf = d.createElement('script'), s = d.scripts[0];
            wf.src = 'js/webfont.js';
            wf.async = true;
            s.parentNode.insertBefore(wf, s);
        })(document);
    </script>
<link rel="stylesheet" type="text/css" href="vendor/fontawesome-free/css/all.min.css">

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

<link rel="stylesheet" type="text/css" href="css/style.min.css">
</head>
<body>
<div class="page-wrapper">
<header class="header">
<div class="header-top">
<div class="container">
<div class="header-left">
<p class="welcome-msg">Welcome to Riode store message or remove it!</p>
</div>
<div class="header-right">
<div class="dropdown">
<a href="#currency">USD</a>
<ul class="dropdown-box">
<li><a href="#USD">USD</a></li>
<li><a href="#EUR">EUR</a></li>
</ul>
</div>

<div class="dropdown ml-5">
<a href="#language">ENG</a>
<ul class="dropdown-box">
<li>
<a href="#USD">ENG</a>
</li>
<li>
<a href="#EUR">FRH</a>
</li>
</ul>
</div>

<span class="divider"></span>
<a href="contact-us.html" class="contact d-lg-show"><i class="d-icon-map"></i>Contact</a>
<a href="#" class="help d-lg-show"><i class="d-icon-info"></i> Need Help</a>
<a class="login-link" href="ajax/login.html" data-toggle="login-modal"><i class="d-icon-user"></i>Sign in</a>
<span class="delimiter">/</span>
<a class="register-link ml-0" href="ajax/login.html" data-toggle="login-modal">Register</a>

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

<div class="header-middle sticky-header fix-top sticky-content">
<div class="container">
<div class="header-left">
<a href="#" class="mobile-menu-toggle">
<i class="d-icon-bars2"></i>
</a>
<a href="demo1.html" class="logo">
<img src="images/logo.png" alt="logo" width="153" height="44" />
</a>

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

</div>
<div class="header-right">
<a href="tel:#" class="icon-box icon-box-side">
<div class="icon-box-icon mr-0 mr-lg-2">
<i class="d-icon-phone"></i>
</div>
<div class="icon-box-content d-lg-show">
<h4 class="icon-box-title">Call Us Now:</h4>
<p>0(800) 123-456</p>
</div>
</a>
<span class="divider"></span>
<div class="dropdown wishlist wishlist-dropdown off-canvas">
<a href="wishlist.html" class="wishlist-toggle">
<i class="d-icon-heart"></i>
</a>
<div class="canvas-overlay"></div>

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

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

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

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

</div>

</div>
<span class="divider"></span>
<div class="dropdown cart-dropdown type2 mr-0 mr-lg-2">
<a href="#" class="cart-toggle label-block link">
<div class="cart-label d-lg-show">
<span class="cart-name">Shopping Cart:</span>
<span class="cart-price">$0.00</span>
</div>
<i class="d-icon-bag"><span class="cart-count">2</span></i>
</a>

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

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

</div>

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

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

</div>

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

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

</div>
</div>
</li>
<li>
<a href="product.html">Products</a>
<div class="megamenu">
<div class="row">
<div class="col-6 col-sm-4 col-md-3">
<h4 class="menu-title">Product Pages</h4>
<ul>
<li><a href="product-simple.html">Simple Product</a></li>
<li><a href="product-featured.html">Featured &amp; On Sale</a></li>
<li><a href="product.html">Variable Product</a></li>
<li><a href="product-variable-swatch.html">Variation Swatch
Product</a></li>
<li><a href="product-grouped.html">Grouped Product </a></li>
<li><a href="product-external.html">External Product</a></li>
<li><a href="product-in-stock.html">In Stock Product</a></li>
<li><a href="product-out-stock.html">Out of Stock Product</a></li>
<li><a href="product-upsell.html">Upsell Products</a></li>
<li><a href="product-cross-sell.html">Cross Sell Products</a></li>
</ul>
</div>
<div class="col-6 col-sm-4 col-md-3">
<h4 class="menu-title">Product Layouts</h4>
<ul>
<li><a href="product-vertical.html">Vertical Thumb</a></li>
<li><a href="product-horizontal.html">Horizontal Thumb</a></li>
<li><a href="product-gallery.html">Gallery Type</a></li>
<li><a href="product-grid.html">Grid Images</a></li>
<li><a href="product-masonry.html">Masonry Images</a></li>
<li><a href="product-sticky.html">Sticky Info</a></li>
<li><a href="product-sticky-both.html">Left & Right Sticky</a></li>
<li><a href="product-left-sidebar.html">With Left Sidebar</a></li>
<li><a href="product-right-sidebar.html">With Right Sidebar</a></li>
<li><a href="product-full.html">Full Width Layout </a></li>
</ul>
</div>
<div class="col-6 col-sm-4 col-md-3">
<h4 class="menu-title">Product Features</h4>
<ul>
<li><a href="product-sale.html">Sale Countdown</a></li>
<li><a href="product-hurryup.html">Hurry Up Notification </a></li>
<li><a href="product-attribute-guide.html">Attribute Guide </a></li>
<li><a href="product-sticky-cart.html">Add Cart Sticky</a></li>
<li><a href="product-thumbnail-label.html">Labels on Thumbnail</a>
</li>
<li><a href="product-more-description.html">More Description
Tabs</a></li>
<li><a href="product-accordion-data.html">Data In Accordion</a></li>
<li><a href="product-tabinside.html">Data Inside</a></li>
<li><a href="product-video.html">Video Thumbnail </a></li>
<li><a href="product-360-degree.html">360 Degree Thumbnail </a></li>
</ul>
</div>
<div class="col-6 col-sm-4 col-md-3 menu-banner menu-banner2 banner banner-fixed">
<figure>
<img src="images/menu/banner-2.jpg" alt="Menu banner" width="221" height="330" />
</figure>
<div class="banner-content x-50 text-center">
<h3 class="banner-title text-white text-uppercase">Sunglasses</h3>
<h4 class="banner-subtitle font-weight-bold text-white mb-0">$23.00
-
$120.00</h4>
</div>
</div>

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

<main class="main">
<div class="page-header" style="background-image: url('images/shop/page-header-back.jpg'); background-color: #3C63A4;">
<h3 class="page-subtitle">Elements</h3>
<h1 class="page-title">Element Icons</h1>
<ul class="breadcrumb">
<li><a href="demo1.html"><i class="d-icon-home"></i></a></li>
<li class="delimiter">/</li>
<li><a href="element.html">Elements</a></li>
<li class="delimiter">/</li>
<li>Element Icons</li>
</ul>
</div>

<div class="page-content mt-10 pt-3">
<section class="sample-icons container">
<div class="title-wrap mb-6">
<h3 class="title title-center mb-2">Icons</h3>
<p class="text-center">Riode comes with Riode Icons and <a href="https://fontawesome.com/icons" rel="noopener noreferrer" class="text-primary">Font Awesome 5 Icons</a>
that can be used in
your website.</p>
</div>
<div class="row cols-xl-12 cols-md-6 cols-xs-4 cols-3 mb-4">
<div class="sample-icon-circle">
<i class="d-icon-officebag"></i>
</div>
<div class="sample-icon-circle">
<i class="d-icon-basketball1"></i>
</div>
<div class="sample-icon-circle">
<i class="d-icon-desktop"></i>
</div>
<div class="sample-icon-circle">
<i class="d-icon-headphone"></i>
</div>
<div class="sample-icon-circle">
<i class="d-icon-cook"></i>
</div>
<div class="sample-icon-circle">
<i class="d-icon-backpack"></i>
</div>
<div class="sample-icon-circle">
<i class="d-icon-gamepad1"></i>
</div>
<div class="sample-icon-circle">
<i class="d-icon-camera2"></i>
</div>
<div class="sample-icon-circle">
<i class="d-icon-tcard"></i>
</div>
<div class="sample-icon-circle">
<i class="d-icon-camera2"></i>
</div>
<div class="sample-icon-circle">
<i class="d-icon-category"></i>
</div>
<div class="sample-icon-circle">
<i class="d-icon-ball"></i>
</div>
</div>
<div class="tab tab-boxed tab-nav-boxed tab-outline">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" href="#donald-icons">Riode Icons</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#fontawesome-icons">Font Awesome</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active pb-2" id="donald-icons">
<div class="row cols-lg-4 sample-icon-list">
<div class="sample-icon">
<i class="d-icon-truck"></i>
<span class="name">d-icon-truck</span>
</div>
<div class="sample-icon">
<i class="d-icon-service"></i>
<span class="name">d-icon-service</span>
</div>
<div class="sample-icon">
<i class="d-icon-secure"></i>
<span class="name">d-icon-secure</span>
</div>
<div class="sample-icon">
<i class="d-icon-lock"></i>
<span class="name">d-icon-lock</span>
</div>
<div class="sample-icon">
<i class="d-icon-percent"></i>
<span class="name">d-icon-percent</span>
</div>
<div class="sample-icon">
<i class="d-icon-layer"></i>
<span class="name">d-icon-layer</span>
</div>
<div class="sample-icon">
<i class="d-icon-alert"></i>
<span class="name">d-icon-alert</span>
</div>
<div class="sample-icon">
<i class="d-icon-database"></i>
<span class="name">d-icon-database</span>
</div>
<div class="sample-icon">
<i class="d-icon-money"></i>
<span class="name">d-icon-money</span>
</div>
<div class="sample-icon">
<i class="d-icon-shoppingbag"></i>
<span class="name">d-icon-shoppingbag</span>
</div>
<div class="sample-icon">
<i class="d-icon-t-shirt1"></i>
<span class="name">d-icon-t-shirt1</span>
</div>
<div class="sample-icon">
<i class="d-icon-t-shirt2"></i>
<span class="name">d-icon-t-shirt2</span>
</div>
<div class="sample-icon">
<i class="d-icon-hat"></i>
<span class="name">d-icon-hat</span>
</div>
<div class="sample-icon">
<i class="d-icon-officebag"></i>
<span class="name">d-icon-officebag</span>
</div>
<div class="sample-icon">
<i class="d-icon-hadbag"></i>
<span class="name">d-icon-hadbag</span>
</div>
<div class="sample-icon">
<i class="d-icon-backpack"></i>
<span class="name">d-icon-backpack</span>
</div>
<div class="sample-icon">
<i class="d-icon-shoes"></i>
<span class="name">d-icon-shoes</span>
</div>
<div class="sample-icon">
<i class="d-icon-pillow"></i>
<span class="name">d-icon-pillow</span>
</div>
<div class="sample-icon">
<i class="d-icon-dress"></i>
<span class="name">d-icon-dress</span>
</div>
<div class="sample-icon">
<i class="d-icon-loungewear"></i>
<span class="name">d-icon-loungewear</span>
</div>
<div class="sample-icon">
<i class="d-icon-desktop"></i>
<span class="name">d-icon-desktop</span>
</div>
<div class="sample-icon">
<i class="d-icon-laptop"></i>
<span class="name">d-icon-laptop</span>
</div>
<div class="sample-icon">
<i class="d-icon-gamepad1"></i>
<span class="name">d-icon-gamepad1</span>
</div>
<div class="sample-icon">
<i class="d-icon-wireless"></i>
<span class="name">d-icon-wireless</span>
</div>
<div class="sample-icon">
<i class="d-icon-projector"></i>
<span class="name">d-icon-projector</span>
</div>
<div class="sample-icon">
<i class="d-icon-drone1"></i>
<span class="name">d-icon-drone1</span>
</div>
<div class="sample-icon">
<i class="d-icon-drone2"></i>
<span class="name">d-icon-drone2</span>
</div>
<div class="sample-icon">
<i class="d-icon-radio"></i>
<span class="name">d-icon-radio</span>
</div>
<div class="sample-icon">
<i class="d-icon-battery"></i>
<span class="name">d-icon-battery</span>
</div>
<div class="sample-icon">
<i class="d-icon-plugin"></i>
<span class="name">d-icon-plugin</span>
</div>
<div class="sample-icon">
<i class="d-icon-memory"></i>
<span class="name">d-icon-memory</span>
</div>
<div class="sample-icon">
<i class="d-icon-ball"></i>
<span class="name">d-icon-ball</span>
</div>
<div class="sample-icon">
<i class="d-icon-basketball1"></i>
<span class="name">d-icon-basketball1</span>
</div>
<div class="sample-icon">
<i class="d-icon-babycare"></i>
<span class="name">d-icon-babycare</span>
</div>
<div class="sample-icon">
<i class="d-icon-card"></i>
<span class="name">d-icon-card</span>
</div>
<div class="sample-icon">
<i class="d-icon-gamepad2"></i>
<span class="name">d-icon-gamepad2</span>
</div>
<div class="sample-icon">
<i class="d-icon-camera1"></i>
<span class="name">d-icon-camera1</span>
</div>
<div class="sample-icon">
<i class="d-icon-camera2"></i>
<span class="name">d-icon-camera2</span>
</div>
<div class="sample-icon">
<i class="d-icon-babywear"></i>
<span class="name">d-icon-babywear</span>
</div>
<div class="sample-icon">
<i class="d-icon-abacus"></i>
<span class="name">d-icon-abacus</span>
</div>
<div class="sample-icon">
<i class="d-icon-pot"></i>
<span class="name">d-icon-pot</span>
</div>
<div class="sample-icon">
<i class="d-icon-freezer"></i>
<span class="name">d-icon-freezer</span>
</div>
<div class="sample-icon">
<i class="d-icon-cook"></i>
<span class="name">d-icon-cook</span>
</div>
<div class="sample-icon">
<i class="d-icon-student"></i>
<span class="name">d-icon-student</span>
</div>
<div class="sample-icon">
<i class="d-icon-category"></i>
<span class="name">d-icon-category</span>
</div>
<div class="sample-icon">
<i class="d-icon-basketball2"></i>
<span class="name">d-icon-basketball2</span>
</div>
<div class="sample-icon">
<i class="d-icon-watch"></i>
<span class="name">d-icon-watch</span>
</div>
<div class="sample-icon">
<i class="d-icon-tcard"></i>
<span class="name">d-icon-tcard</span>
</div>
<div class="sample-icon">
<i class="d-icon-heartbeat"></i>
<span class="name">d-icon-heartbeat</span>
</div>
<div class="sample-icon">
<i class="d-icon-watch-round"></i>
<span class="name">d-icon-watch-round</span>
</div>
<div class="sample-icon">
<i class="d-icon-washbowl"></i>
<span class="name">d-icon-washbowl</span>
</div>
<div class="sample-icon">
<i class="d-icon-bridge-lamp"></i>
<span class="name">d-icon-bridge-lamp</span>
</div>
<div class="sample-icon">
<i class="d-icon-lamp"></i>
<span class="name">d-icon-lamp</span>
</div>
<div class="sample-icon">
<i class="d-icon-sofa"></i>
<span class="name">d-icon-sofa</span>
</div>
<div class="sample-icon">
<i class="d-icon-sofa2"></i>
<span class="name">d-icon-sofa2</span>
</div>
<div class="sample-icon">
<i class="d-icon-bed"></i>
<span class="name">d-icon-bed</span>
</div>
<div class="sample-icon">
<i class="d-icon-table"></i>
<span class="name">d-icon-table</span>
</div>
<div class="sample-icon">
<i class="d-icon-table-lamp"></i>
<span class="name">d-icon-table-lamp</span>
</div>
<div class="sample-icon">
<i class="d-icon-table-tv"></i>
<span class="name">d-icon-table-tv</span>
</div>
<div class="sample-icon">
<i class="d-icon-mirror"></i>
<span class="name">d-icon-mirror</span>
</div>
<div class="sample-icon">
<i class="d-icon-volume"></i>
<span class="name">d-icon-volume</span>
</div>
<div class="sample-icon">
<i class="d-icon-bars2"></i>
<span class="name">d-icon-bars2</span>
</div>
<div class="sample-icon">
<i class="d-icon-bars"></i>
<span class="name">d-icon-bars</span>
</div>
<div class="sample-icon">
<i class="d-icon-phone"></i>
<span class="name">d-icon-phone</span>
</div>
<div class="sample-icon">
<i class="d-icon-user"></i>
<span class="name">d-icon-user</span>
</div>
<div class="sample-icon">
<i class="d-icon-search"></i>
<span class="name">d-icon-search</span>
</div>
<div class="sample-icon">
<i class="d-icon-bag"></i>
<span class="name">d-icon-bag</span>
</div>
<div class="sample-icon">
<i class="d-icon-map"></i>
<span class="name">d-icon-map</span>
</div>
<div class="sample-icon">
<i class="d-icon-info"></i>
<span class="name">d-icon-info</span>
</div>
<div class="sample-icon">
<i class="d-icon-refresh"></i>
<span class="name">d-icon-refresh</span>
</div>
<div class="sample-icon">
<i class="d-icon-ruler"></i>
<span class="name">d-icon-ruler</span>
</div>
<div class="sample-icon">
<i class="d-icon-zoom"></i>
<span class="name">d-icon-zoom</span>
</div>
<div class="sample-icon">
<i class="d-icon-star"></i>
<span class="name">d-icon-star</span>
</div>
<div class="sample-icon">
<i class="d-icon-star-full"></i>
<span class="name">d-icon-star-full</span>
</div>
<div class="sample-icon">
<i class="d-icon-heart"></i>
<span class="name">d-icon-heart</span>
</div>
<div class="sample-icon">
<i class="d-icon-heart-full"></i>
<span class="name">d-icon-heart-full</span>
</div>
<div class="sample-icon">
<i class="d-icon-close"></i>
<span class="name">d-icon-close</span>
</div>
<div class="sample-icon">
<i class="d-icon-play-circle"></i>
<span class="name">d-icon-play-circle</span>
</div>
<div class="sample-icon">
<i class="d-icon-home"></i>
<span class="name">d-icon-home</span>
</div>
<div class="sample-icon">
<i class="d-icon-filter-2"></i>
<span class="name">d-icon-filter-2</span>
</div>
<div class="sample-icon">
<i class="d-icon-switch"></i>
<span class="name">d-icon-switch</span>
</div>
<div class="sample-icon">
<i class="d-icon-switch-left-on"></i>
<span class="name">d-icon-switch-left-on</span>
</div>
<div class="sample-icon">
<i class="d-icon-switch-right-on"></i>
<span class="name">d-icon-switch-right-on</span>
</div>
<div class="sample-icon">
<i class="d-icon-filter-2"></i>
<span class="name">d-icon-filter-2</span>
</div>
<div class="sample-icon">
<i class="d-icon-alert-solid"></i>
<span class="name">d-icon-alert-solid</span>
</div>
<div class="sample-icon">
<i class="d-icon-headphone"></i>
<span class="name">d-icon-headphone</span>
</div>
<div class="sample-icon">
<i class="d-icon-mode-grid"></i>
<span class="name">d-icon-mode-grid</span>
</div>
<div class="sample-icon">
<i class="d-icon-mode-list"></i>
<span class="name">d-icon-mode-list</span>
</div>
<div class="sample-icon">
<i class="d-icon-angle-left"></i>
<span class="name">d-icon-angle-left</span>
</div>
<div class="sample-icon">
<i class="d-icon-angle-right"></i>
<span class="name">d-icon-angle-right</span>
</div>
<div class="sample-icon">
<i class="d-icon-cancel"></i>
<span class="name">d-icon-cancel</span>
</div>
<div class="sample-icon">
<i class="d-icon-instagram"></i>
<span class="name">d-icon-instagram</span>
</div>
<div class="sample-icon">
<i class="d-icon-check"></i>
<span class="name">d-icon-check</span>
</div>
<div class="sample-icon">
<i class="d-icon-play-solid"></i>
<span class="name">d-icon-play-solid</span>
</div>
<div class="sample-icon">
<i class="d-icon-angle-right"></i>
<span class="name">d-icon-angle-right</span>
</div>
<div class="sample-icon">
<i class="d-icon-angle-up"></i>
<span class="name">d-icon-angle-up</span>
</div>
<div class="sample-icon">
<i class="d-icon-angle-down"></i>
<span class="name">d-icon-angle-down</span>
</div>
<div class="sample-icon">
<i class="d-icon-angle-left"></i>
<span class="name">d-icon-angle-left</span>
</div>
<div class="sample-icon">
<i class="d-icon-lightbulb"></i>
<span class="name">d-icon-lightbulb</span>
</div>
<div class="sample-icon">
<i class="d-icon-mobile"></i>
<span class="name">d-icon-mobile</span>
</div>
<div class="sample-icon">
<i class="d-icon-minus"></i>
<span class="name">d-icon-minus</span>
</div>
<div class="sample-icon">
<i class="d-icon-plus"></i>
<span class="name">d-icon-plus</span>
</div>
<div class="sample-icon">
<i class="d-icon-wifi"></i>
<span class="name">d-icon-wifi</span>
</div>
<div class="sample-icon">
<i class="d-icon-times"></i>
<span class="name">d-icon-times</span>
</div>
<div class="sample-icon">
<i class="d-icon-times-circle"></i>
<span class="name">d-icon-times-circle</span>
</div>
<div class="sample-icon">
<i class="d-icon-random"></i>
<span class="name">d-icon-random</span>
</div>
<div class="sample-icon">
<i class="d-icon-th-list"></i>
<span class="name">d-icon-th-list</span>
</div>
<div class="sample-icon">
<i class="d-icon-rocket"></i>
<span class="name">d-icon-rocket</span>
</div>
<div class="sample-icon">
<i class="d-icon-map-marker"></i>
<span class="name">d-icon-map-marker</span>
</div>
<div class="sample-icon">
<i class="d-icon-birthday-cake"></i>
<span class="name">d-icon-birthday-cake</span>
</div>
<div class="sample-icon">
<i class="d-icon-gift"></i>
<span class="name">d-icon-gift</span>
</div>
<div class="sample-icon">
<i class="d-icon-female"></i>
<span class="name">d-icon-female</span>
</div>
<div class="sample-icon">
<i class="d-icon-clock"></i>
<span class="name">d-icon-clock</span>
</div>
<div class="sample-icon">
<i class="d-icon-comments"></i>
<span class="name">d-icon-comments</span>
</div>
<div class="sample-icon">
<i class="d-icon-arrow-down"></i>
<span class="name">d-icon-arrow-down</span>
</div>
<div class="sample-icon">
<i class="d-icon-arrow-left"></i>
<span class="name">d-icon-arrow-left</span>
</div>
<div class="sample-icon">
<i class="d-icon-arrow-right"></i>
<span class="name">d-icon-arrow-right</span>
</div>
<div class="sample-icon">
<i class="d-icon-arrow-up"></i>
<span class="name">d-icon-arrow-up</span>
</div>
<div class="sample-icon">
<i class="d-icon-info-circle"></i>
<span class="name">d-icon-info-circle</span>
</div>
<div class="sample-icon">
<i class="d-icon-rotate-left"></i>
<span class="name">d-icon-rotate-left</span>
</div>
<div class="sample-icon">
<i class="d-icon-rotate-right"></i>
<span class="name">d-icon-rotate-right</span>
</div>
</div>
</div>
<div class="tab-pane pb-2" id="fontawesome-icons">
<h5 class="mb-3">Solid Icons</h5>
<div class="mb-4">
<div class="wpb_wrapper">
<div class="row fontawesome-icon-list cols-lg-4 cols-md-3 cols-xs-2 cols-1">
<div class="sample-icon"><i class="fas fa-ad"></i>
<span>ad</span>
</div>
<div class="sample-icon"><i class="fas fa-address-book"></i>
<span>address-book</span>
</div>
<div class="sample-icon"><i class="fas fa-address-card"></i>
<span>address-card</span>
</div>
<div class="sample-icon"><i class="fas fa-adjust"></i>
<span>adjust</span>
</div>
<div class="sample-icon"><i class="fas fa-air-freshener"></i>
<span>air-freshener</span>
</div>
<div class="sample-icon"><i class="fas fa-align-center"></i>
<span>align-center</span>
</div>
<div class="sample-icon"><i class="fas fa-align-justify"></i>
<span>align-justify</span>
</div>
<div class="sample-icon"><i class="fas fa-align-left"></i>
<span>align-left</span>
</div>
<div class="sample-icon"><i class="fas fa-align-right"></i>
<span>align-right</span>
</div>
<div class="sample-icon"><i class="fas fa-allergies"></i>
<span>allergies</span>
</div>
<div class="sample-icon"><i class="fas fa-ambulance"></i>
<span>ambulance</span>
</div>
<div class="sample-icon"><i class="fas fa-american-sign-language-interpreting"></i>
<span>american-sign-language-interpreting</span>
</div>
<div class="sample-icon"><i class="fas fa-anchor"></i>
<span>anchor</span>
</div>
<div class="sample-icon"><i class="fas fa-angle-double-down"></i>
<span>angle-double-down</span>
</div>
<div class="sample-icon"><i class="fas fa-angle-double-left"></i>
<span>angle-double-left</span>
</div>
<div class="sample-icon"><i class="fas fa-angle-double-right"></i>
<span>angle-double-right</span>
</div>
<div class="sample-icon"><i class="fas fa-angle-double-up"></i>
<span>angle-double-up</span>
</div>
<div class="sample-icon"><i class="fas fa-angle-down"></i>
<span>angle-down</span>
</div>
<div class="sample-icon"><i class="fas fa-angle-left"></i>
<span>angle-left</span>
</div>
<div class="sample-icon"><i class="fas fa-angle-right"></i>
<span>angle-right</span>
</div>
<div class="sample-icon"><i class="fas fa-angle-up"></i>
<span>angle-up</span>
</div>
<div class="sample-icon"><i class="fas fa-angry"></i>
<span>angry</span>
</div>
<div class="sample-icon"><i class="fas fa-ankh"></i>
<span>ankh</span>
</div>
<div class="sample-icon"><i class="fas fa-apple-alt"></i>
<span>apple-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-archive"></i>
<span>archive</span>
</div>
<div class="sample-icon"><i class="fas fa-archway"></i>
<span>archway</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-alt-circle-down"></i>
<span>arrow-alt-circle-down</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-alt-circle-left"></i>
<span>arrow-alt-circle-left</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-alt-circle-right"></i>
<span>arrow-alt-circle-right</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-alt-circle-up"></i>
<span>arrow-alt-circle-up</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-circle-down"></i>
<span>arrow-circle-down</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-circle-left"></i>
<span>arrow-circle-left</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-circle-right"></i>
<span>arrow-circle-right</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-circle-up"></i>
<span>arrow-circle-up</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-down"></i>
<span>arrow-down</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-left"></i>
<span>arrow-left</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-right"></i>
<span>arrow-right</span>
</div>
<div class="sample-icon"><i class="fas fa-arrow-up"></i>
<span>arrow-up</span>
</div>
<div class="sample-icon"><i class="fas fa-arrows-alt"></i>
<span>arrows-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-arrows-alt-h"></i>
<span>arrows-alt-h</span>
</div>
<div class="sample-icon"><i class="fas fa-arrows-alt-v"></i>
<span>arrows-alt-v</span>
</div>
<div class="sample-icon"><i class="fas fa-assistive-listening-systems"></i>
<span>assistive-listening-systems</span>
</div>
<div class="sample-icon"><i class="fas fa-asterisk"></i>
<span>asterisk</span>
</div>
<div class="sample-icon"><i class="fas fa-at"></i>
<span>at</span>
</div>
<div class="sample-icon"><i class="fas fa-atlas"></i>
<span>atlas</span>
</div>
<div class="sample-icon"><i class="fas fa-atom"></i>
<span>atom</span>
</div>
<div class="sample-icon"><i class="fas fa-audio-description"></i>
<span>audio-description</span>
</div>
<div class="sample-icon"><i class="fas fa-award"></i>
<span>award</span>
</div>
<div class="sample-icon"><i class="fas fa-baby"></i>
<span>baby</span>
</div>
<div class="sample-icon"><i class="fas fa-baby-carriage"></i>
<span>baby-carriage</span>
</div>
<div class="sample-icon"><i class="fas fa-backspace"></i>
<span>backspace</span>
</div>
<div class="sample-icon"><i class="fas fa-backward"></i>
<span>backward</span>
</div>
<div class="sample-icon"><i class="fas fa-bacon"></i>
<span>bacon</span>
</div>
<div class="sample-icon"><i class="fas fa-balance-scale"></i>
<span>balance-scale</span>
</div>
<div class="sample-icon"><i class="fas fa-ban"></i>
<span>ban</span>
</div>
<div class="sample-icon"><i class="fas fa-band-aid"></i>
<span>band-aid</span>
</div>
<div class="sample-icon"><i class="fas fa-barcode"></i>
<span>barcode</span>
</div>
<div class="sample-icon"><i class="fas fa-bars"></i>
<span>bars</span>
</div>
<div class="sample-icon"><i class="fas fa-baseball-ball"></i>
<span>baseball-ball</span>
</div>
<div class="sample-icon"><i class="fas fa-basketball-ball"></i>
<span>basketball-ball</span>
</div>
<div class="sample-icon"><i class="fas fa-bath"></i>
<span>bath</span>
</div>
<div class="sample-icon"><i class="fas fa-battery-empty"></i>
<span>battery-empty</span>
</div>
<div class="sample-icon"><i class="fas fa-battery-full"></i>
<span>battery-full</span>
</div>
<div class="sample-icon"><i class="fas fa-battery-half"></i>
<span>battery-half</span>
</div>
<div class="sample-icon"><i class="fas fa-battery-quarter"></i>
<span>battery-quarter</span>
</div>
<div class="sample-icon"><i class="fas fa-battery-three-quarters"></i>
<span>battery-three-quarters</span>
</div>
<div class="sample-icon"><i class="fas fa-bed"></i>
<span>bed</span>
</div>
<div class="sample-icon"><i class="fas fa-beer"></i>
<span>beer</span>
</div>
<div class="sample-icon"><i class="fas fa-bell"></i>
<span>bell</span>
</div>
<div class="sample-icon"><i class="fas fa-bell-slash"></i>
<span>bell-slash</span>
</div>
<div class="sample-icon"><i class="fas fa-bezier-curve"></i>
<span>bezier-curve</span>
</div>
<div class="sample-icon"><i class="fas fa-bible"></i>
<span>bible</span>
</div>
<div class="sample-icon"><i class="fas fa-bicycle"></i>
<span>bicycle</span>
</div>
<div class="sample-icon"><i class="fas fa-binoculars"></i>
<span>binoculars</span>
</div>
<div class="sample-icon"><i class="fas fa-biohazard"></i>
<span>biohazard</span>
</div>
<div class="sample-icon"><i class="fas fa-birthday-cake"></i>
<span>birthday-cake</span>
</div>
<div class="sample-icon"><i class="fas fa-blender"></i>
<span>blender</span>
</div>
<div class="sample-icon"><i class="fas fa-blender-phone"></i>
<span>blender-phone</span>
</div>
<div class="sample-icon"><i class="fas fa-blind"></i>
<span>blind</span>
</div>
<div class="sample-icon"><i class="fas fa-blog"></i>
<span>blog</span>
</div>
<div class="sample-icon"><i class="fas fa-bold"></i>
<span>bold</span>
</div>
<div class="sample-icon"><i class="fas fa-bolt"></i>
<span>bolt</span>
</div>
<div class="sample-icon"><i class="fas fa-bomb"></i>
<span>bomb</span>
</div>
<div class="sample-icon"><i class="fas fa-bone"></i>
<span>bone</span>
</div>
<div class="sample-icon"><i class="fas fa-bong"></i>
<span>bong</span>
</div>
<div class="sample-icon"><i class="fas fa-book"></i>
<span>book</span>
</div>
<div class="sample-icon"><i class="fas fa-book-dead"></i>
<span>book-dead</span>
</div>
<div class="sample-icon"><i class="fas fa-book-medical"></i>
<span>book-medical</span>
</div>
<div class="sample-icon"><i class="fas fa-book-open"></i>
<span>book-open</span>
</div>
<div class="sample-icon"><i class="fas fa-book-reader"></i>
<span>book-reader</span>
</div>
<div class="sample-icon"><i class="fas fa-bookmark"></i>
<span>bookmark</span>
</div>
<div class="sample-icon"><i class="fas fa-bowling-ball"></i>
<span>bowling-ball</span>
</div>
<div class="sample-icon"><i class="fas fa-box"></i>
<span>box</span>
</div>
<div class="sample-icon"><i class="fas fa-box-open"></i>
<span>box-open</span>
</div>
<div class="sample-icon"><i class="fas fa-boxes"></i>
<span>boxes</span>
</div>
<div class="sample-icon"><i class="fas fa-braille"></i>
<span>braille</span>
</div>
<div class="sample-icon"><i class="fas fa-brain"></i>
<span>brain</span>
</div>
<div class="sample-icon"><i class="fas fa-bread-slice"></i>
<span>bread-slice</span>
</div>
<div class="sample-icon"><i class="fas fa-briefcase"></i>
<span>briefcase</span>
</div>
<div class="sample-icon"><i class="fas fa-briefcase-medical"></i>
<span>briefcase-medical</span>
</div>
<div class="sample-icon"><i class="fas fa-broadcast-tower"></i>
<span>broadcast-tower</span>
</div>
<div class="sample-icon"><i class="fas fa-broom"></i>
<span>broom</span>
</div>
<div class="sample-icon"><i class="fas fa-brush"></i>
<span>brush</span>
</div>
<div class="sample-icon"><i class="fas fa-bug"></i>
<span>bug</span>
</div>
<div class="sample-icon"><i class="fas fa-building"></i>
<span>building</span>
</div>
<div class="sample-icon"><i class="fas fa-bullhorn"></i>
<span>bullhorn</span>
</div>
<div class="sample-icon"><i class="fas fa-bullseye"></i>
<span>bullseye</span>
</div>
<div class="sample-icon"><i class="fas fa-burn"></i>
<span>burn</span>
</div>
<div class="sample-icon"><i class="fas fa-bus"></i>
<span>bus</span>
</div>
<div class="sample-icon"><i class="fas fa-bus-alt"></i>
<span>bus-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-business-time"></i>
<span>business-time</span>
</div>
<div class="sample-icon"><i class="fas fa-calculator"></i>
<span>calculator</span>
</div>
<div class="sample-icon"><i class="fas fa-calendar"></i>
<span>calendar</span>
</div>
<div class="sample-icon"><i class="fas fa-calendar-alt"></i>
<span>calendar-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-calendar-check"></i>
<span>calendar-check</span>
</div>
<div class="sample-icon"><i class="fas fa-calendar-day"></i>
<span>calendar-day</span>
</div>
<div class="sample-icon"><i class="fas fa-calendar-minus"></i>
<span>calendar-minus</span>
</div>
<div class="sample-icon"><i class="fas fa-calendar-plus"></i>
<span>calendar-plus</span>
</div>
<div class="sample-icon"><i class="fas fa-calendar-times"></i>
<span>calendar-times</span>
</div>
<div class="sample-icon"><i class="fas fa-calendar-week"></i>
<span>calendar-week</span>
</div>
<div class="sample-icon"><i class="fas fa-camera"></i>
<span>camera</span>
</div>
<div class="sample-icon"><i class="fas fa-camera-retro"></i>
<span>camera-retro</span>
</div>
<div class="sample-icon"><i class="fas fa-campground"></i>
<span>campground</span>
</div>
<div class="sample-icon"><i class="fas fa-candy-cane"></i>
<span>candy-cane</span>
</div>
<div class="sample-icon"><i class="fas fa-cannabis"></i>
<span>cannabis</span>
</div>
<div class="sample-icon"><i class="fas fa-capsules"></i>
<span>capsules</span>
</div>
<div class="sample-icon"><i class="fas fa-car"></i>
<span>car</span>
</div>
<div class="sample-icon"><i class="fas fa-car-alt"></i>
<span>car-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-car-battery"></i>
<span>car-battery</span>
</div>
<div class="sample-icon"><i class="fas fa-car-crash"></i>
<span>car-crash</span>
</div>
<div class="sample-icon"><i class="fas fa-car-side"></i>
<span>car-side</span>
</div>
<div class="sample-icon"><i class="fas fa-caret-down"></i>
<span>caret-down</span>
</div>
<div class="sample-icon"><i class="fas fa-caret-left"></i>
<span>caret-left</span>
</div>
<div class="sample-icon"><i class="fas fa-caret-right"></i>
<span>caret-right</span>
</div>
<div class="sample-icon"><i class="fas fa-caret-square-down"></i>
<span>caret-square-down</span>
</div>
<div class="sample-icon"><i class="fas fa-caret-square-left"></i>
<span>caret-square-left</span>
</div>
<div class="sample-icon"><i class="fas fa-caret-square-right"></i>
<span>caret-square-right</span>
</div>
<div class="sample-icon"><i class="fas fa-caret-square-up"></i>
<span>caret-square-up</span>
</div>
<div class="sample-icon"><i class="fas fa-caret-up"></i>
<span>caret-up</span>
</div>
<div class="sample-icon"><i class="fas fa-carrot"></i>
<span>carrot</span>
</div>
<div class="sample-icon"><i class="fas fa-cart-arrow-down"></i>
<span>cart-arrow-down</span>
</div>
<div class="sample-icon"><i class="fas fa-cart-plus"></i>
<span>cart-plus</span>
</div>
<div class="sample-icon"><i class="fas fa-cash-register"></i>
<span>cash-register</span>
</div>
<div class="sample-icon"><i class="fas fa-cat"></i>
<span>cat</span>
</div>
<div class="sample-icon"><i class="fas fa-certificate"></i>
<span>certificate</span>
</div>
<div class="sample-icon"><i class="fas fa-chair"></i>
<span>chair</span>
</div>
<div class="sample-icon"><i class="fas fa-chalkboard"></i>
<span>chalkboard</span>
</div>
<div class="sample-icon"><i class="fas fa-chalkboard-teacher"></i>
<span>chalkboard-teacher</span>
</div>
<div class="sample-icon"><i class="fas fa-charging-station"></i>
<span>charging-station</span>
</div>
<div class="sample-icon"><i class="fas fa-chart-area"></i>
<span>chart-area</span>
</div>
<div class="sample-icon"><i class="fas fa-chart-bar"></i>
<span>chart-bar</span>
</div>
<div class="sample-icon"><i class="fas fa-chart-line"></i>
<span>chart-line</span>
</div>
<div class="sample-icon"><i class="fas fa-chart-pie"></i>
<span>chart-pie</span>
</div>
<div class="sample-icon"><i class="fas fa-check"></i>
<span>check</span>
</div>
<div class="sample-icon"><i class="fas fa-check-circle"></i>
<span>check-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-check-double"></i>
<span>check-double</span>
</div>
<div class="sample-icon"><i class="fas fa-check-square"></i>
<span>check-square</span>
</div>
<div class="sample-icon"><i class="fas fa-cheese"></i>
<span>cheese</span>
</div>
<div class="sample-icon"><i class="fas fa-chess"></i>
<span>chess</span>
</div>
<div class="sample-icon"><i class="fas fa-chess-bishop"></i>
<span>chess-bishop</span>
</div>
<div class="sample-icon"><i class="fas fa-chess-board"></i>
<span>chess-board</span>
</div>
<div class="sample-icon"><i class="fas fa-chess-king"></i>
<span>chess-king</span>
</div>
<div class="sample-icon"><i class="fas fa-chess-knight"></i>
<span>chess-knight</span>
</div>
<div class="sample-icon"><i class="fas fa-chess-pawn"></i>
<span>chess-pawn</span>
</div>
<div class="sample-icon"><i class="fas fa-chess-queen"></i>
<span>chess-queen</span>
</div>
<div class="sample-icon"><i class="fas fa-chess-rook"></i>
<span>chess-rook</span>
</div>
<div class="sample-icon"><i class="fas fa-chevron-circle-down"></i>
<span>chevron-circle-down</span>
</div>
<div class="sample-icon"><i class="fas fa-chevron-circle-left"></i>
<span>chevron-circle-left</span>
</div>
<div class="sample-icon"><i class="fas fa-chevron-circle-right"></i>
<span>chevron-circle-right</span>
</div>
<div class="sample-icon"><i class="fas fa-chevron-circle-up"></i>
<span>chevron-circle-up</span>
</div>
<div class="sample-icon"><i class="fas fa-chevron-down"></i>
<span>chevron-down</span>
</div>
<div class="sample-icon"><i class="fas fa-chevron-left"></i>
<span>chevron-left</span>
</div>
<div class="sample-icon"><i class="fas fa-chevron-right"></i>
<span>chevron-right</span>
</div>
<div class="sample-icon"><i class="fas fa-chevron-up"></i>
<span>chevron-up</span>
</div>
<div class="sample-icon"><i class="fas fa-child"></i>
<span>child</span>
</div>
<div class="sample-icon"><i class="fas fa-church"></i>
<span>church</span>
</div>
<div class="sample-icon"><i class="fas fa-circle"></i>
<span>circle</span>
</div>
<div class="sample-icon"><i class="fas fa-circle-notch"></i>
<span>circle-notch</span>
</div>
<div class="sample-icon"><i class="fas fa-city"></i>
<span>city</span>
</div>
<div class="sample-icon"><i class="fas fa-clinic-medical"></i>
<span>clinic-medical</span>
</div>
<div class="sample-icon"><i class="fas fa-clipboard"></i>
<span>clipboard</span>
</div>
<div class="sample-icon"><i class="fas fa-clipboard-check"></i>
<span>clipboard-check</span>
</div>
<div class="sample-icon"><i class="fas fa-clipboard-list"></i>
<span>clipboard-list</span>
</div>
<div class="sample-icon"><i class="fas fa-clock"></i>
<span>clock</span>
</div>
<div class="sample-icon"><i class="fas fa-clone"></i>
<span>clone</span>
</div>
<div class="sample-icon"><i class="fas fa-closed-captioning"></i>
<span>closed-captioning</span>
</div>
<div class="sample-icon"><i class="fas fa-cloud"></i>
<span>cloud</span>
</div>
<div class="sample-icon"><i class="fas fa-cloud-download-alt"></i>
<span>cloud-download-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-cloud-meatball"></i>
<span>cloud-meatball</span>
</div>
<div class="sample-icon"><i class="fas fa-cloud-moon"></i>
<span>cloud-moon</span>
</div>
<div class="sample-icon"><i class="fas fa-cloud-moon-rain"></i>
<span>cloud-moon-rain</span>
</div>
<div class="sample-icon"><i class="fas fa-cloud-rain"></i>
<span>cloud-rain</span>
</div>
<div class="sample-icon"><i class="fas fa-cloud-showers-heavy"></i>
<span>cloud-showers-heavy</span>
</div>
<div class="sample-icon"><i class="fas fa-cloud-sun"></i>
<span>cloud-sun</span>
</div>
<div class="sample-icon"><i class="fas fa-cloud-sun-rain"></i>
<span>cloud-sun-rain</span>
</div>
<div class="sample-icon"><i class="fas fa-cloud-upload-alt"></i>
<span>cloud-upload-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-cocktail"></i>
<span>cocktail</span>
</div>
<div class="sample-icon"><i class="fas fa-code"></i>
<span>code</span>
</div>
<div class="sample-icon"><i class="fas fa-code-branch"></i>
<span>code-branch</span>
</div>
<div class="sample-icon"><i class="fas fa-coffee"></i>
<span>coffee</span>
</div>
<div class="sample-icon"><i class="fas fa-cog"></i>
<span>cog</span>
</div>
<div class="sample-icon"><i class="fas fa-cogs"></i>
<span>cogs</span>
</div>
<div class="sample-icon"><i class="fas fa-coins"></i>
<span>coins</span>
</div>
<div class="sample-icon"><i class="fas fa-columns"></i>
<span>columns</span>
</div>
<div class="sample-icon"><i class="fas fa-comment"></i>
<span>comment</span>
</div>
<div class="sample-icon"><i class="fas fa-comment-alt"></i>
<span>comment-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-comment-dollar"></i>
<span>comment-dollar</span>
</div>
<div class="sample-icon"><i class="fas fa-comment-dots"></i>
<span>comment-dots</span>
</div>
<div class="sample-icon"><i class="fas fa-comment-medical"></i>
<span>comment-medical</span>
</div>
<div class="sample-icon"><i class="fas fa-comment-slash"></i>
<span>comment-slash</span>
</div>
<div class="sample-icon"><i class="fas fa-comments"></i>
<span>comments</span>
</div>
<div class="sample-icon"><i class="fas fa-comments-dollar"></i>
<span>comments-dollar</span>
</div>
<div class="sample-icon"><i class="fas fa-compact-disc"></i>
<span>compact-disc</span>
</div>
<div class="sample-icon"><i class="fas fa-compass"></i>
<span>compass</span>
</div>
<div class="sample-icon"><i class="fas fa-compress"></i>
<span>compress</span>
</div>
<div class="sample-icon"><i class="fas fa-compress-arrows-alt"></i>
<span>compress-arrows-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-concierge-bell"></i>
<span>concierge-bell</span>
</div>
<div class="sample-icon"><i class="fas fa-cookie"></i>
<span>cookie</span>
</div>
<div class="sample-icon"><i class="fas fa-cookie-bite"></i>
<span>cookie-bite</span>
</div>
<div class="sample-icon"><i class="fas fa-copy"></i>
<span>copy</span>
</div>
<div class="sample-icon"><i class="fas fa-copyright"></i>
<span>copyright</span>
</div>
<div class="sample-icon"><i class="fas fa-couch"></i>
<span>couch</span>
</div>
<div class="sample-icon"><i class="fas fa-credit-card"></i>
<span>credit-card</span>
</div>
<div class="sample-icon"><i class="fas fa-crop"></i>
<span>crop</span>
</div>
<div class="sample-icon"><i class="fas fa-crop-alt"></i>
<span>crop-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-cross"></i>
<span>cross</span>
</div>
<div class="sample-icon"><i class="fas fa-crosshairs"></i>
<span>crosshairs</span>
</div>
<div class="sample-icon"><i class="fas fa-crow"></i>
<span>crow</span>
</div>
<div class="sample-icon"><i class="fas fa-crown"></i>
<span>crown</span>
</div>
<div class="sample-icon"><i class="fas fa-crutch"></i>
<span>crutch</span>
</div>
<div class="sample-icon"><i class="fas fa-cube"></i>
<span>cube</span>
</div>
<div class="sample-icon"><i class="fas fa-cubes"></i>
<span>cubes</span>
</div>
<div class="sample-icon"><i class="fas fa-cut"></i>
<span>cut</span>
</div>
<div class="sample-icon"><i class="fas fa-database"></i>
<span>database</span>
</div>
<div class="sample-icon"><i class="fas fa-deaf"></i>
<span>deaf</span>
</div>
<div class="sample-icon"><i class="fas fa-democrat"></i>
<span>democrat</span>
</div>
<div class="sample-icon"><i class="fas fa-desktop"></i>
<span>desktop</span>
</div>
<div class="sample-icon"><i class="fas fa-dharmachakra"></i>
<span>dharmachakra</span>
</div>
<div class="sample-icon"><i class="fas fa-diagnoses"></i>
<span>diagnoses</span>
</div>
<div class="sample-icon"><i class="fas fa-dice"></i>
<span>dice</span>
</div>
<div class="sample-icon"><i class="fas fa-dice-d20"></i>
<span>dice-d20</span>
</div>
<div class="sample-icon"><i class="fas fa-dice-d6"></i>
<span>dice-d6</span>
</div>
<div class="sample-icon"><i class="fas fa-dice-five"></i>
<span>dice-five</span>
</div>
<div class="sample-icon"><i class="fas fa-dice-four"></i>
<span>dice-four</span>
</div>
<div class="sample-icon"><i class="fas fa-dice-one"></i>
<span>dice-one</span>
</div>
<div class="sample-icon"><i class="fas fa-dice-six"></i>
<span>dice-six</span>
</div>
<div class="sample-icon"><i class="fas fa-dice-three"></i>
<span>dice-three</span>
</div>
<div class="sample-icon"><i class="fas fa-dice-two"></i>
<span>dice-two</span>
</div>
<div class="sample-icon"><i class="fas fa-digital-tachograph"></i>
<span>digital-tachograph</span>
</div>
<div class="sample-icon"><i class="fas fa-directions"></i>
<span>directions</span>
</div>
<div class="sample-icon"><i class="fas fa-divide"></i>
<span>divide</span>
</div>
<div class="sample-icon"><i class="fas fa-dizzy"></i>
<span>dizzy</span>
</div>
<div class="sample-icon"><i class="fas fa-dna"></i>
<span>dna</span>
</div>
<div class="sample-icon"><i class="fas fa-dog"></i>
<span>dog</span>
</div>
<div class="sample-icon"><i class="fas fa-dollar-sign"></i>
<span>dollar-sign</span>
</div>
<div class="sample-icon"><i class="fas fa-dolly"></i>
<span>dolly</span>
</div>
<div class="sample-icon"><i class="fas fa-dolly-flatbed"></i>
<span>dolly-flatbed</span>
</div>
<div class="sample-icon"><i class="fas fa-donate"></i>
<span>donate</span>
</div>
<div class="sample-icon"><i class="fas fa-door-closed"></i>
<span>door-closed</span>
</div>
<div class="sample-icon"><i class="fas fa-door-open"></i>
<span>door-open</span>
</div>
<div class="sample-icon"><i class="fas fa-dot-circle"></i>
<span>dot-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-dove"></i>
<span>dove</span>
</div>
<div class="sample-icon"><i class="fas fa-download"></i>
<span>download</span>
</div>
<div class="sample-icon"><i class="fas fa-drafting-compass"></i>
<span>drafting-compass</span>
</div>
<div class="sample-icon"><i class="fas fa-dragon"></i>
<span>dragon</span>
</div>
<div class="sample-icon"><i class="fas fa-draw-polygon"></i>
<span>draw-polygon</span>
</div>
<div class="sample-icon"><i class="fas fa-drum"></i>
<span>drum</span>
</div>
<div class="sample-icon"><i class="fas fa-drum-steelpan"></i>
<span>drum-steelpan</span>
</div>
<div class="sample-icon"><i class="fas fa-drumstick-bite"></i>
<span>drumstick-bite</span>
</div>
<div class="sample-icon"><i class="fas fa-dumbbell"></i>
<span>dumbbell</span>
</div>
<div class="sample-icon"><i class="fas fa-dumpster"></i>
<span>dumpster</span>
</div>
<div class="sample-icon"><i class="fas fa-dumpster-fire"></i>
<span>dumpster-fire</span>
</div>
<div class="sample-icon"><i class="fas fa-dungeon"></i>
<span>dungeon</span>
</div>
<div class="sample-icon"><i class="fas fa-edit"></i>
<span>edit</span>
</div>
<div class="sample-icon"><i class="fas fa-egg"></i>
<span>egg</span>
</div>
<div class="sample-icon"><i class="fas fa-eject"></i>
<span>eject</span>
</div>
<div class="sample-icon"><i class="fas fa-ellipsis-h"></i>
<span>ellipsis-h</span>
</div>
<div class="sample-icon"><i class="fas fa-ellipsis-v"></i>
<span>ellipsis-v</span>
</div>
<div class="sample-icon"><i class="fas fa-envelope"></i>
<span>envelope</span>
</div>
<div class="sample-icon"><i class="fas fa-envelope-open"></i>
<span>envelope-open</span>
</div>
<div class="sample-icon"><i class="fas fa-envelope-open-text"></i>
<span>envelope-open-text</span>
</div>
<div class="sample-icon"><i class="fas fa-envelope-square"></i>
<span>envelope-square</span>
</div>
<div class="sample-icon"><i class="fas fa-equals"></i>
<span>equals</span>
</div>
<div class="sample-icon"><i class="fas fa-eraser"></i>
<span>eraser</span>
</div>
<div class="sample-icon"><i class="fas fa-ethernet"></i>
<span>ethernet</span>
</div>
<div class="sample-icon"><i class="fas fa-euro-sign"></i>
<span>euro-sign</span>
</div>
<div class="sample-icon"><i class="fas fa-exchange-alt"></i>
<span>exchange-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-exclamation"></i>
<span>exclamation</span>
</div>
<div class="sample-icon"><i class="fas fa-exclamation-circle"></i>
<span>exclamation-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-exclamation-triangle"></i>
<span>exclamation-triangle</span>
</div>
<div class="sample-icon"><i class="fas fa-expand"></i>
<span>expand</span>
</div>
<div class="sample-icon"><i class="fas fa-expand-arrows-alt"></i>
<span>expand-arrows-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-external-link-alt"></i>
<span>external-link-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-external-link-square-alt"></i>
<span>external-link-square-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-eye"></i>
<span>eye</span>
</div>
<div class="sample-icon"><i class="fas fa-eye-dropper"></i>
<span>eye-dropper</span>
</div>
<div class="sample-icon"><i class="fas fa-eye-slash"></i>
<span>eye-slash</span>
</div>
<div class="sample-icon"><i class="fas fa-fast-backward"></i>
<span>fast-backward</span>
</div>
<div class="sample-icon"><i class="fas fa-fast-forward"></i>
<span>fast-forward</span>
</div>
<div class="sample-icon"><i class="fas fa-fax"></i>
<span>fax</span>
</div>
<div class="sample-icon"><i class="fas fa-feather"></i>
<span>feather</span>
</div>
<div class="sample-icon"><i class="fas fa-feather-alt"></i>
<span>feather-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-female"></i>
<span>female</span>
</div>
<div class="sample-icon"><i class="fas fa-fighter-jet"></i>
<span>fighter-jet</span>
</div>
<div class="sample-icon"><i class="fas fa-file"></i>
<span>file</span>
</div>
<div class="sample-icon"><i class="fas fa-file-alt"></i>
<span>file-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-file-archive"></i>
<span>file-archive</span>
</div>
<div class="sample-icon"><i class="fas fa-file-audio"></i>
<span>file-audio</span>
</div>
<div class="sample-icon"><i class="fas fa-file-code"></i>
<span>file-code</span>
</div>
<div class="sample-icon"><i class="fas fa-file-contract"></i>
<span>file-contract</span>
</div>
<div class="sample-icon"><i class="fas fa-file-csv"></i>
<span>file-csv</span>
</div>
<div class="sample-icon"><i class="fas fa-file-download"></i>
<span>file-download</span>
</div>
<div class="sample-icon"><i class="fas fa-file-excel"></i>
<span>file-excel</span>
</div>
<div class="sample-icon"><i class="fas fa-file-export"></i>
<span>file-export</span>
</div>
<div class="sample-icon"><i class="fas fa-file-image"></i>
<span>file-image</span>
</div>
<div class="sample-icon"><i class="fas fa-file-import"></i>
<span>file-import</span>
</div>
<div class="sample-icon"><i class="fas fa-file-invoice"></i>
<span>file-invoice</span>
</div>
<div class="sample-icon"><i class="fas fa-file-invoice-dollar"></i>
<span>file-invoice-dollar</span>
</div>
<div class="sample-icon"><i class="fas fa-file-medical"></i>
<span>file-medical</span>
</div>
<div class="sample-icon"><i class="fas fa-file-medical-alt"></i>
<span>file-medical-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-file-pdf"></i>
<span>file-pdf</span>
</div>
<div class="sample-icon"><i class="fas fa-file-powerpoint"></i>
<span>file-powerpoint</span>
</div>
<div class="sample-icon"><i class="fas fa-file-prescription"></i>
<span>file-prescription</span>
</div>
<div class="sample-icon"><i class="fas fa-file-signature"></i>
<span>file-signature</span>
</div>
<div class="sample-icon"><i class="fas fa-file-upload"></i>
<span>file-upload</span>
</div>
<div class="sample-icon"><i class="fas fa-file-video"></i>
<span>file-video</span>
</div>
<div class="sample-icon"><i class="fas fa-file-word"></i>
<span>file-word</span>
</div>
<div class="sample-icon"><i class="fas fa-fill"></i>
<span>fill</span>
</div>
<div class="sample-icon"><i class="fas fa-fill-drip"></i>
<span>fill-drip</span>
</div>
<div class="sample-icon"><i class="fas fa-film"></i>
<span>film</span>
</div>
<div class="sample-icon"><i class="fas fa-filter"></i>
<span>filter</span>
</div>
<div class="sample-icon"><i class="fas fa-fingerprint"></i>
<span>fingerprint</span>
</div>
<div class="sample-icon"><i class="fas fa-fire"></i>
<span>fire</span>
</div>
<div class="sample-icon"><i class="fas fa-fire-alt"></i>
<span>fire-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-fire-extinguisher"></i>
<span>fire-extinguisher</span>
</div>
<div class="sample-icon"><i class="fas fa-first-aid"></i>
<span>first-aid</span>
</div>
<div class="sample-icon"><i class="fas fa-fish"></i>
<span>fish</span>
</div>
<div class="sample-icon"><i class="fas fa-fist-raised"></i>
<span>fist-raised</span>
</div>
<div class="sample-icon"><i class="fas fa-flag"></i>
<span>flag</span>
</div>
<div class="sample-icon"><i class="fas fa-flag-checkered"></i>
<span>flag-checkered</span>
</div>
<div class="sample-icon"><i class="fas fa-flag-usa"></i>
<span>flag-usa</span>
</div>
<div class="sample-icon"><i class="fas fa-flask"></i>
<span>flask</span>
</div>
<div class="sample-icon"><i class="fas fa-flushed"></i>
<span>flushed</span>
</div>
<div class="sample-icon"><i class="fas fa-folder"></i>
<span>folder</span>
</div>
<div class="sample-icon"><i class="fas fa-folder-minus"></i>
<span>folder-minus</span>
</div>
<div class="sample-icon"><i class="fas fa-folder-open"></i>
<span>folder-open</span>
</div>
<div class="sample-icon"><i class="fas fa-folder-plus"></i>
<span>folder-plus</span>
</div>
<div class="sample-icon"><i class="fas fa-font"></i>
<span>font</span>
</div>
<div class="sample-icon"><i class="fas fa-football-ball"></i>
<span>football-ball</span>
</div>
<div class="sample-icon"><i class="fas fa-forward"></i>
<span>forward</span>
</div>
<div class="sample-icon"><i class="fas fa-frog"></i>
<span>frog</span>
</div>
<div class="sample-icon"><i class="fas fa-frown"></i>
<span>frown</span>
</div>
<div class="sample-icon"><i class="fas fa-frown-open"></i>
<span>frown-open</span>
</div>
<div class="sample-icon"><i class="fas fa-funnel-dollar"></i>
<span>funnel-dollar</span>
</div>
<div class="sample-icon"><i class="fas fa-futbol"></i>
<span>futbol</span>
</div>
<div class="sample-icon"><i class="fas fa-gamepad"></i>
<span>gamepad</span>
</div>
<div class="sample-icon"><i class="fas fa-gas-pump"></i>
<span>gas-pump</span>
</div>
<div class="sample-icon"><i class="fas fa-gavel"></i>
<span>gavel</span>
</div>
<div class="sample-icon"><i class="fas fa-gem"></i>
<span>gem</span>
</div>
<div class="sample-icon"><i class="fas fa-genderless"></i>
<span>genderless</span>
</div>
<div class="sample-icon"><i class="fas fa-ghost"></i>
<span>ghost</span>
</div>
<div class="sample-icon"><i class="fas fa-gift"></i>
<span>gift</span>
</div>
<div class="sample-icon"><i class="fas fa-gifts"></i>
<span>gifts</span>
</div>
<div class="sample-icon"><i class="fas fa-glass-cheers"></i>
<span>glass-cheers</span>
</div>
<div class="sample-icon"><i class="fas fa-glass-martini"></i>
<span>glass-martini</span>
</div>
<div class="sample-icon"><i class="fas fa-glass-martini-alt"></i>
<span>glass-martini-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-glass-whiskey"></i>
<span>glass-whiskey</span>
</div>
<div class="sample-icon"><i class="fas fa-glasses"></i>
<span>glasses</span>
</div>
<div class="sample-icon"><i class="fas fa-globe"></i>
<span>globe</span>
</div>
<div class="sample-icon"><i class="fas fa-globe-africa"></i>
<span>globe-africa</span>
</div>
<div class="sample-icon"><i class="fas fa-globe-americas"></i>
<span>globe-americas</span>
</div>
<div class="sample-icon"><i class="fas fa-globe-asia"></i>
<span>globe-asia</span>
</div>
<div class="sample-icon"><i class="fas fa-globe-europe"></i>
<span>globe-europe</span>
</div>
<div class="sample-icon"><i class="fas fa-golf-ball"></i>
<span>golf-ball</span>
</div>
<div class="sample-icon"><i class="fas fa-gopuram"></i>
<span>gopuram</span>
</div>
<div class="sample-icon"><i class="fas fa-graduation-cap"></i>
<span>graduation-cap</span>
</div>
<div class="sample-icon"><i class="fas fa-greater-than"></i>
<span>greater-than</span>
</div>
<div class="sample-icon"><i class="fas fa-greater-than-equal"></i>
<span>greater-than-equal</span>
</div>
<div class="sample-icon"><i class="fas fa-grimace"></i>
<span>grimace</span>
</div>
<div class="sample-icon"><i class="fas fa-grin"></i>
<span>grin</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-alt"></i>
<span>grin-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-beam"></i>
<span>grin-beam</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-beam-sweat"></i>
<span>grin-beam-sweat</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-hearts"></i>
<span>grin-hearts</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-squint"></i>
<span>grin-squint</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-squint-tears"></i>
<span>grin-squint-tears</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-stars"></i>
<span>grin-stars</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-tears"></i>
<span>grin-tears</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-tongue"></i>
<span>grin-tongue</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-tongue-squint"></i>
<span>grin-tongue-squint</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-tongue-wink"></i>
<span>grin-tongue-wink</span>
</div>
<div class="sample-icon"><i class="fas fa-grin-wink"></i>
<span>grin-wink</span>
</div>
<div class="sample-icon"><i class="fas fa-grip-horizontal"></i>
<span>grip-horizontal</span>
</div>
<div class="sample-icon"><i class="fas fa-grip-lines"></i>
<span>grip-lines</span>
</div>
<div class="sample-icon"><i class="fas fa-grip-lines-vertical"></i>
<span>grip-lines-vertical</span>
</div>
<div class="sample-icon"><i class="fas fa-grip-vertical"></i>
<span>grip-vertical</span>
</div>
<div class="sample-icon"><i class="fas fa-guitar"></i>
<span>guitar</span>
</div>
<div class="sample-icon"><i class="fas fa-h-square"></i>
<span>h-square</span>
</div>
<div class="sample-icon"><i class="fas fa-hamburger"></i>
<span>hamburger</span>
</div>
<div class="sample-icon"><i class="fas fa-hammer"></i>
<span>hammer</span>
</div>
<div class="sample-icon"><i class="fas fa-hamsa"></i>
<span>hamsa</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-holding"></i>
<span>hand-holding</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-holding-heart"></i>
<span>hand-holding-heart</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-holding-usd"></i>
<span>hand-holding-usd</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-lizard"></i>
<span>hand-lizard</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-middle-finger"></i>
<span>hand-middle-finger</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-paper"></i>
<span>hand-paper</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-peace"></i>
<span>hand-peace</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-point-down"></i>
<span>hand-point-down</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-point-left"></i>
<span>hand-point-left</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-point-right"></i>
<span>hand-point-right</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-point-up"></i>
<span>hand-point-up</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-pointer"></i>
<span>hand-pointer</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-rock"></i>
<span>hand-rock</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-scissors"></i>
<span>hand-scissors</span>
</div>
<div class="sample-icon"><i class="fas fa-hand-spock"></i>
<span>hand-spock</span>
</div>
<div class="sample-icon"><i class="fas fa-hands"></i>
<span>hands</span>
</div>
<div class="sample-icon"><i class="fas fa-hands-helping"></i>
<span>hands-helping</span>
</div>
<div class="sample-icon"><i class="fas fa-handshake"></i>
<span>handshake</span>
</div>
<div class="sample-icon"><i class="fas fa-hanukiah"></i>
<span>hanukiah</span>
</div>
<div class="sample-icon"><i class="fas fa-hard-hat"></i>
<span>hard-hat</span>
</div>
<div class="sample-icon"><i class="fas fa-hashtag"></i>
<span>hashtag</span>
</div>
<div class="sample-icon"><i class="fas fa-hat-wizard"></i>
<span>hat-wizard</span>
</div>
<div class="sample-icon"><i class="fas fa-haykal"></i>
<span>haykal</span>
</div>
<div class="sample-icon"><i class="fas fa-hdd"></i>
<span>hdd</span>
</div>
<div class="sample-icon"><i class="fas fa-heading"></i>
<span>heading</span>
</div>
<div class="sample-icon"><i class="fas fa-headphones"></i>
<span>headphones</span>
</div>
<div class="sample-icon"><i class="fas fa-headphones-alt"></i>
<span>headphones-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-headset"></i>
<span>headset</span>
</div>
<div class="sample-icon"><i class="fas fa-heart"></i>
<span>heart</span>
</div>
<div class="sample-icon"><i class="fas fa-heart-broken"></i>
<span>heart-broken</span>
</div>
<div class="sample-icon"><i class="fas fa-heartbeat"></i>
<span>heartbeat</span>
</div>
<div class="sample-icon"><i class="fas fa-helicopter"></i>
<span>helicopter</span>
</div>
<div class="sample-icon"><i class="fas fa-highlighter"></i>
<span>highlighter</span>
</div>
<div class="sample-icon"><i class="fas fa-hiking"></i>
<span>hiking</span>
</div>
<div class="sample-icon"><i class="fas fa-hippo"></i>
<span>hippo</span>
</div>
<div class="sample-icon"><i class="fas fa-history"></i>
<span>history</span>
</div>
<div class="sample-icon"><i class="fas fa-hockey-puck"></i>
<span>hockey-puck</span>
</div>
<div class="sample-icon"><i class="fas fa-holly-berry"></i>
<span>holly-berry</span>
</div>
<div class="sample-icon"><i class="fas fa-home"></i>
<span>home</span>
</div>
<div class="sample-icon"><i class="fas fa-horse"></i>
<span>horse</span>
</div>
<div class="sample-icon"><i class="fas fa-horse-head"></i>
<span>horse-head</span>
</div>
<div class="sample-icon"><i class="fas fa-hospital"></i>
<span>hospital</span>
</div>
<div class="sample-icon"><i class="fas fa-hospital-alt"></i>
<span>hospital-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-hospital-symbol"></i>
<span>hospital-symbol</span>
</div>
<div class="sample-icon"><i class="fas fa-hot-tub"></i>
<span>hot-tub</span>
</div>
<div class="sample-icon"><i class="fas fa-hotdog"></i>
<span>hotdog</span>
</div>
<div class="sample-icon"><i class="fas fa-hotel"></i>
<span>hotel</span>
</div>
<div class="sample-icon"><i class="fas fa-hourglass"></i>
<span>hourglass</span>
</div>
<div class="sample-icon"><i class="fas fa-hourglass-end"></i>
<span>hourglass-end</span>
</div>
<div class="sample-icon"><i class="fas fa-hourglass-half"></i>
<span>hourglass-half</span>
</div>
<div class="sample-icon"><i class="fas fa-hourglass-start"></i>
<span>hourglass-start</span>
</div>
<div class="sample-icon"><i class="fas fa-house-damage"></i>
<span>house-damage</span>
</div>
<div class="sample-icon"><i class="fas fa-hryvnia"></i>
<span>hryvnia</span>
</div>
<div class="sample-icon"><i class="fas fa-i-cursor"></i>
<span>i-cursor</span>
</div>
<div class="sample-icon"><i class="fas fa-ice-cream"></i>
<span>ice-cream</span>
</div>
<div class="sample-icon"><i class="fas fa-icicles"></i>
<span>icicles</span>
</div>
<div class="sample-icon"><i class="fas fa-id-badge"></i>
<span>id-badge</span>
</div>
<div class="sample-icon"><i class="fas fa-id-card"></i>
<span>id-card</span>
</div>
<div class="sample-icon"><i class="fas fa-id-card-alt"></i>
<span>id-card-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-igloo"></i>
<span>igloo</span>
</div>
<div class="sample-icon"><i class="fas fa-image"></i>
<span>image</span>
</div>
<div class="sample-icon"><i class="fas fa-images"></i>
<span>images</span>
</div>
<div class="sample-icon"><i class="fas fa-inbox"></i>
<span>inbox</span>
</div>
<div class="sample-icon"><i class="fas fa-indent"></i>
<span>indent</span>
</div>
<div class="sample-icon"><i class="fas fa-industry"></i>
<span>industry</span>
</div>
<div class="sample-icon"><i class="fas fa-infinity"></i>
<span>infinity</span>
</div>
<div class="sample-icon"><i class="fas fa-info"></i>
<span>info</span>
</div>
<div class="sample-icon"><i class="fas fa-info-circle"></i>
<span>info-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-italic"></i>
<span>italic</span>
</div>
<div class="sample-icon"><i class="fas fa-jedi"></i>
<span>jedi</span>
</div>
<div class="sample-icon"><i class="fas fa-joint"></i>
<span>joint</span>
</div>
<div class="sample-icon"><i class="fas fa-journal-whills"></i>
<span>journal-whills</span>
</div>
<div class="sample-icon"><i class="fas fa-kaaba"></i>
<span>kaaba</span>
</div>
<div class="sample-icon"><i class="fas fa-key"></i>
<span>key</span>
</div>
<div class="sample-icon"><i class="fas fa-keyboard"></i>
<span>keyboard</span>
</div>
<div class="sample-icon"><i class="fas fa-khanda"></i>
<span>khanda</span>
</div>
<div class="sample-icon"><i class="fas fa-kiss"></i>
<span>kiss</span>
</div>
<div class="sample-icon"><i class="fas fa-kiss-beam"></i>
<span>kiss-beam</span>
</div>
<div class="sample-icon"><i class="fas fa-kiss-wink-heart"></i>
<span>kiss-wink-heart</span>
</div>
<div class="sample-icon"><i class="fas fa-kiwi-bird"></i>
<span>kiwi-bird</span>
</div>
<div class="sample-icon"><i class="fas fa-landmark"></i>
<span>landmark</span>
</div>
<div class="sample-icon"><i class="fas fa-language"></i>
<span>language</span>
</div>
<div class="sample-icon"><i class="fas fa-laptop"></i>
<span>laptop</span>
</div>
<div class="sample-icon"><i class="fas fa-laptop-code"></i>
<span>laptop-code</span>
</div>
<div class="sample-icon"><i class="fas fa-laptop-medical"></i>
<span>laptop-medical</span>
</div>
<div class="sample-icon"><i class="fas fa-laugh"></i>
<span>laugh</span>
</div>
<div class="sample-icon"><i class="fas fa-laugh-beam"></i>
<span>laugh-beam</span>
</div>
<div class="sample-icon"><i class="fas fa-laugh-squint"></i>
<span>laugh-squint</span>
</div>
<div class="sample-icon"><i class="fas fa-laugh-wink"></i>
<span>laugh-wink</span>
</div>
<div class="sample-icon"><i class="fas fa-layer-group"></i>
<span>layer-group</span>
</div>
<div class="sample-icon"><i class="fas fa-leaf"></i>
<span>leaf</span>
</div>
<div class="sample-icon"><i class="fas fa-lemon"></i>
<span>lemon</span>
</div>
<div class="sample-icon"><i class="fas fa-less-than"></i>
<span>less-than</span>
</div>
<div class="sample-icon"><i class="fas fa-less-than-equal"></i>
<span>less-than-equal</span>
</div>
<div class="sample-icon"><i class="fas fa-level-down-alt"></i>
<span>level-down-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-level-up-alt"></i>
<span>level-up-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-life-ring"></i>
<span>life-ring</span>
</div>
<div class="sample-icon"><i class="fas fa-lightbulb"></i>
<span>lightbulb</span>
</div>
<div class="sample-icon"><i class="fas fa-link"></i>
<span>link</span>
</div>
<div class="sample-icon"><i class="fas fa-lira-sign"></i>
<span>lira-sign</span>
</div>
<div class="sample-icon"><i class="fas fa-list"></i>
<span>list</span>
</div>
<div class="sample-icon"><i class="fas fa-list-alt"></i>
<span>list-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-list-ol"></i>
<span>list-ol</span>
</div>
<div class="sample-icon"><i class="fas fa-list-ul"></i>
<span>list-ul</span>
</div>
<div class="sample-icon"><i class="fas fa-location-arrow"></i>
<span>location-arrow</span>
</div>
<div class="sample-icon"><i class="fas fa-lock"></i>
<span>lock</span>
</div>
<div class="sample-icon"><i class="fas fa-lock-open"></i>
<span>lock-open</span>
</div>
<div class="sample-icon"><i class="fas fa-long-arrow-alt-down"></i>
<span>long-arrow-alt-down</span>
</div>
<div class="sample-icon"><i class="fas fa-long-arrow-alt-left"></i>
<span>long-arrow-alt-left</span>
</div>
<div class="sample-icon"><i class="fas fa-long-arrow-alt-right"></i>
<span>long-arrow-alt-right</span>
</div>
<div class="sample-icon"><i class="fas fa-long-arrow-alt-up"></i>
<span>long-arrow-alt-up</span>
</div>
<div class="sample-icon"><i class="fas fa-low-vision"></i>
<span>low-vision</span>
</div>
<div class="sample-icon"><i class="fas fa-luggage-cart"></i>
<span>luggage-cart</span>
</div>
<div class="sample-icon"><i class="fas fa-magic"></i>
<span>magic</span>
</div>
<div class="sample-icon"><i class="fas fa-magnet"></i>
<span>magnet</span>
</div>
<div class="sample-icon"><i class="fas fa-mail-bulk"></i>
<span>mail-bulk</span>
</div>
<div class="sample-icon"><i class="fas fa-male"></i>
<span>male</span>
</div>
<div class="sample-icon"><i class="fas fa-map"></i>
<span>map</span>
</div>
<div class="sample-icon"><i class="fas fa-map-marked"></i>
<span>map-marked</span>
</div>
<div class="sample-icon"><i class="fas fa-map-marked-alt"></i>
<span>map-marked-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-map-marker"></i>
<span>map-marker</span>
</div>
<div class="sample-icon"><i class="fas fa-map-marker-alt"></i>
<span>map-marker-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-map-pin"></i>
<span>map-pin</span>
</div>
<div class="sample-icon"><i class="fas fa-map-signs"></i>
<span>map-signs</span>
</div>
<div class="sample-icon"><i class="fas fa-marker"></i>
<span>marker</span>
</div>
<div class="sample-icon"><i class="fas fa-mars"></i>
<span>mars</span>
</div>
<div class="sample-icon"><i class="fas fa-mars-double"></i>
<span>mars-double</span>
</div>
<div class="sample-icon"><i class="fas fa-mars-stroke"></i>
<span>mars-stroke</span>
</div>
<div class="sample-icon"><i class="fas fa-mars-stroke-h"></i>
<span>mars-stroke-h</span>
</div>
<div class="sample-icon"><i class="fas fa-mars-stroke-v"></i>
<span>mars-stroke-v</span>
</div>
<div class="sample-icon"><i class="fas fa-mask"></i>
<span>mask</span>
</div>
<div class="sample-icon"><i class="fas fa-medal"></i>
<span>medal</span>
</div>
<div class="sample-icon"><i class="fas fa-medkit"></i>
<span>medkit</span>
</div>
<div class="sample-icon"><i class="fas fa-meh"></i>
<span>meh</span>
</div>
<div class="sample-icon"><i class="fas fa-meh-blank"></i>
<span>meh-blank</span>
</div>
<div class="sample-icon"><i class="fas fa-meh-rolling-eyes"></i>
<span>meh-rolling-eyes</span>
</div>
<div class="sample-icon"><i class="fas fa-memory"></i>
<span>memory</span>
</div>
<div class="sample-icon"><i class="fas fa-menorah"></i>
<span>menorah</span>
</div>
<div class="sample-icon"><i class="fas fa-mercury"></i>
<span>mercury</span>
</div>
<div class="sample-icon"><i class="fas fa-meteor"></i>
<span>meteor</span>
</div>
<div class="sample-icon"><i class="fas fa-microchip"></i>
<span>microchip</span>
</div>
<div class="sample-icon"><i class="fas fa-microphone"></i>
<span>microphone</span>
</div>
<div class="sample-icon"><i class="fas fa-microphone-alt"></i>
<span>microphone-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-microphone-alt-slash"></i>
<span>microphone-alt-slash</span>
</div>
<div class="sample-icon"><i class="fas fa-microphone-slash"></i>
<span>microphone-slash</span>
</div>
<div class="sample-icon"><i class="fas fa-microscope"></i>
<span>microscope</span>
</div>
<div class="sample-icon"><i class="fas fa-minus"></i>
<span>minus</span>
</div>
<div class="sample-icon"><i class="fas fa-minus-circle"></i>
<span>minus-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-minus-square"></i>
<span>minus-square</span>
</div>
<div class="sample-icon"><i class="fas fa-mitten"></i>
<span>mitten</span>
</div>
<div class="sample-icon"><i class="fas fa-mobile"></i>
<span>mobile</span>
</div>
<div class="sample-icon"><i class="fas fa-mobile-alt"></i>
<span>mobile-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-money-bill"></i>
<span>money-bill</span>
</div>
<div class="sample-icon"><i class="fas fa-money-bill-alt"></i>
<span>money-bill-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-money-bill-wave"></i>
<span>money-bill-wave</span>
</div>
<div class="sample-icon"><i class="fas fa-money-bill-wave-alt"></i>
<span>money-bill-wave-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-money-check"></i>
<span>money-check</span>
</div>
<div class="sample-icon"><i class="fas fa-money-check-alt"></i>
<span>money-check-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-monument"></i>
<span>monument</span>
</div>
<div class="sample-icon"><i class="fas fa-moon"></i>
<span>moon</span>
</div>
<div class="sample-icon"><i class="fas fa-mortar-pestle"></i>
<span>mortar-pestle</span>
</div>
<div class="sample-icon"><i class="fas fa-mosque"></i>
<span>mosque</span>
</div>
<div class="sample-icon"><i class="fas fa-motorcycle"></i>
<span>motorcycle</span>
</div>
<div class="sample-icon"><i class="fas fa-mountain"></i>
<span>mountain</span>
</div>
<div class="sample-icon"><i class="fas fa-mouse-pointer"></i>
<span>mouse-pointer</span>
</div>
<div class="sample-icon"><i class="fas fa-mug-hot"></i>
<span>mug-hot</span>
</div>
<div class="sample-icon"><i class="fas fa-music"></i>
<span>music</span>
</div>
<div class="sample-icon"><i class="fas fa-network-wired"></i>
<span>network-wired</span>
</div>
<div class="sample-icon"><i class="fas fa-neuter"></i>
<span>neuter</span>
</div>
<div class="sample-icon"><i class="fas fa-newspaper"></i>
<span>newspaper</span>
</div>
<div class="sample-icon"><i class="fas fa-not-equal"></i>
<span>not-equal</span>
</div>
<div class="sample-icon"><i class="fas fa-notes-medical"></i>
<span>notes-medical</span>
</div>
<div class="sample-icon"><i class="fas fa-object-group"></i>
<span>object-group</span>
</div>
<div class="sample-icon"><i class="fas fa-object-ungroup"></i>
<span>object-ungroup</span>
</div>
<div class="sample-icon"><i class="fas fa-oil-can"></i>
<span>oil-can</span>
</div>
<div class="sample-icon"><i class="fas fa-om"></i>
<span>om</span>
</div>
<div class="sample-icon"><i class="fas fa-otter"></i>
<span>otter</span>
</div>
<div class="sample-icon"><i class="fas fa-outdent"></i>
<span>outdent</span>
</div>
<div class="sample-icon"><i class="fas fa-pager"></i>
<span>pager</span>
</div>
<div class="sample-icon"><i class="fas fa-paint-brush"></i>
<span>paint-brush</span>
</div>
<div class="sample-icon"><i class="fas fa-paint-roller"></i>
<span>paint-roller</span>
</div>
<div class="sample-icon"><i class="fas fa-palette"></i>
<span>palette</span>
</div>
<div class="sample-icon"><i class="fas fa-pallet"></i>
<span>pallet</span>
</div>
<div class="sample-icon"><i class="fas fa-paper-plane"></i>
<span>paper-plane</span>
</div>
<div class="sample-icon"><i class="fas fa-paperclip"></i>
<span>paperclip</span>
</div>
<div class="sample-icon"><i class="fas fa-parachute-box"></i>
<span>parachute-box</span>
</div>
<div class="sample-icon"><i class="fas fa-paragraph"></i>
<span>paragraph</span>
</div>
<div class="sample-icon"><i class="fas fa-parking"></i>
<span>parking</span>
</div>
<div class="sample-icon"><i class="fas fa-passport"></i>
<span>passport</span>
</div>
<div class="sample-icon"><i class="fas fa-pastafarianism"></i>
<span>pastafarianism</span>
</div>
<div class="sample-icon"><i class="fas fa-paste"></i>
<span>paste</span>
</div>
<div class="sample-icon"><i class="fas fa-pause"></i>
<span>pause</span>
</div>
<div class="sample-icon"><i class="fas fa-pause-circle"></i>
<span>pause-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-paw"></i>
<span>paw</span>
</div>
<div class="sample-icon"><i class="fas fa-peace"></i>
<span>peace</span>
</div>
<div class="sample-icon"><i class="fas fa-pen"></i>
<span>pen</span>
</div>
<div class="sample-icon"><i class="fas fa-pen-alt"></i>
<span>pen-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-pen-fancy"></i>
<span>pen-fancy</span>
</div>
<div class="sample-icon"><i class="fas fa-pen-nib"></i>
<span>pen-nib</span>
</div>
<div class="sample-icon"><i class="fas fa-pen-square"></i>
<span>pen-square</span>
</div>
<div class="sample-icon"><i class="fas fa-pencil-alt"></i>
<span>pencil-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-pencil-ruler"></i>
<span>pencil-ruler</span>
</div>
<div class="sample-icon"><i class="fas fa-people-carry"></i>
<span>people-carry</span>
</div>
<div class="sample-icon"><i class="fas fa-pepper-hot"></i>
<span>pepper-hot</span>
</div>
<div class="sample-icon"><i class="fas fa-percent"></i>
<span>percent</span>
</div>
<div class="sample-icon"><i class="fas fa-percentage"></i>
<span>percentage</span>
</div>
<div class="sample-icon"><i class="fas fa-person-booth"></i>
<span>person-booth</span>
</div>
<div class="sample-icon"><i class="fas fa-phone"></i>
<span>phone</span>
</div>
<div class="sample-icon"><i class="fas fa-phone-slash"></i>
<span>phone-slash</span>
</div>
<div class="sample-icon"><i class="fas fa-phone-square"></i>
<span>phone-square</span>
</div>
<div class="sample-icon"><i class="fas fa-phone-volume"></i>
<span>phone-volume</span>
</div>
<div class="sample-icon"><i class="fas fa-piggy-bank"></i>
<span>piggy-bank</span>
</div>
<div class="sample-icon"><i class="fas fa-pills"></i>
<span>pills</span>
</div>
<div class="sample-icon"><i class="fas fa-pizza-slice"></i>
<span>pizza-slice</span>
</div>
<div class="sample-icon"><i class="fas fa-place-of-worship"></i>
<span>place-of-worship</span>
</div>
<div class="sample-icon"><i class="fas fa-plane"></i>
<span>plane</span>
</div>
<div class="sample-icon"><i class="fas fa-plane-arrival"></i>
<span>plane-arrival</span>
</div>
<div class="sample-icon"><i class="fas fa-plane-departure"></i>
<span>plane-departure</span>
</div>
<div class="sample-icon"><i class="fas fa-play"></i>
<span>play</span>
</div>
<div class="sample-icon"><i class="fas fa-play-circle"></i>
<span>play-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-plug"></i>
<span>plug</span>
</div>
<div class="sample-icon"><i class="fas fa-plus"></i>
<span>plus</span>
</div>
<div class="sample-icon"><i class="fas fa-plus-circle"></i>
<span>plus-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-plus-square"></i>
<span>plus-square</span>
</div>
<div class="sample-icon"><i class="fas fa-podcast"></i>
<span>podcast</span>
</div>
<div class="sample-icon"><i class="fas fa-poll"></i>
<span>poll</span>
</div>
<div class="sample-icon"><i class="fas fa-poll-h"></i>
<span>poll-h</span>
</div>
<div class="sample-icon"><i class="fas fa-poo"></i>
<span>poo</span>
</div>
<div class="sample-icon"><i class="fas fa-poo-storm"></i>
<span>poo-storm</span>
</div>
<div class="sample-icon"><i class="fas fa-poop"></i>
<span>poop</span>
</div>
<div class="sample-icon"><i class="fas fa-portrait"></i>
<span>portrait</span>
</div>
<div class="sample-icon"><i class="fas fa-pound-sign"></i>
<span>pound-sign</span>
</div>
<div class="sample-icon"><i class="fas fa-power-off"></i>
<span>power-off</span>
</div>
<div class="sample-icon"><i class="fas fa-pray"></i>
<span>pray</span>
</div>
<div class="sample-icon"><i class="fas fa-praying-hands"></i>
<span>praying-hands</span>
</div>
<div class="sample-icon"><i class="fas fa-prescription"></i>
<span>prescription</span>
</div>
<div class="sample-icon"><i class="fas fa-prescription-bottle"></i>
<span>prescription-bottle</span>
</div>
<div class="sample-icon"><i class="fas fa-prescription-bottle-alt"></i>
<span>prescription-bottle-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-print"></i>
<span>print</span>
</div>
<div class="sample-icon"><i class="fas fa-procedures"></i>
<span>procedures</span>
</div>
<div class="sample-icon"><i class="fas fa-project-diagram"></i>
<span>project-diagram</span>
</div>
<div class="sample-icon"><i class="fas fa-puzzle-piece"></i>
<span>puzzle-piece</span>
</div>
<div class="sample-icon"><i class="fas fa-qrcode"></i>
<span>qrcode</span>
</div>
<div class="sample-icon"><i class="fas fa-question"></i>
<span>question</span>
</div>
<div class="sample-icon"><i class="fas fa-question-circle"></i>
<span>question-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-quidditch"></i>
<span>quidditch</span>
</div>
<div class="sample-icon"><i class="fas fa-quote-left"></i>
<span>quote-left</span>
</div>
<div class="sample-icon"><i class="fas fa-quote-right"></i>
<span>quote-right</span>
</div>
<div class="sample-icon"><i class="fas fa-quran"></i>
<span>quran</span>
</div>
<div class="sample-icon"><i class="fas fa-radiation"></i>
<span>radiation</span>
</div>
<div class="sample-icon"><i class="fas fa-radiation-alt"></i>
<span>radiation-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-rainbow"></i>
<span>rainbow</span>
</div>
<div class="sample-icon"><i class="fas fa-random"></i>
<span>random</span>
</div>
<div class="sample-icon"><i class="fas fa-receipt"></i>
<span>receipt</span>
</div>
<div class="sample-icon"><i class="fas fa-recycle"></i>
<span>recycle</span>
</div>
<div class="sample-icon"><i class="fas fa-redo"></i>
<span>redo</span>
</div>
<div class="sample-icon"><i class="fas fa-redo-alt"></i>
<span>redo-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-registered"></i>
<span>registered</span>
</div>
<div class="sample-icon"><i class="fas fa-reply"></i>
<span>reply</span>
</div>
<div class="sample-icon"><i class="fas fa-reply-all"></i>
<span>reply-all</span>
</div>
<div class="sample-icon"><i class="fas fa-republican"></i>
<span>republican</span>
</div>
<div class="sample-icon"><i class="fas fa-restroom"></i>
<span>restroom</span>
</div>
<div class="sample-icon"><i class="fas fa-retweet"></i>
<span>retweet</span>
</div>
<div class="sample-icon"><i class="fas fa-ribbon"></i>
<span>ribbon</span>
</div>
<div class="sample-icon"><i class="fas fa-ring"></i>
<span>ring</span>
</div>
<div class="sample-icon"><i class="fas fa-road"></i>
<span>road</span>
</div>
<div class="sample-icon"><i class="fas fa-robot"></i>
<span>robot</span>
</div>
<div class="sample-icon"><i class="fas fa-rocket"></i>
<span>rocket</span>
</div>
<div class="sample-icon"><i class="fas fa-route"></i>
<span>route</span>
</div>
<div class="sample-icon"><i class="fas fa-rss"></i>
<span>rss</span>
</div>
<div class="sample-icon"><i class="fas fa-rss-square"></i>
<span>rss-square</span>
</div>
<div class="sample-icon"><i class="fas fa-ruble-sign"></i>
<span>ruble-sign</span>
</div>
<div class="sample-icon"><i class="fas fa-ruler"></i>
<span>ruler</span>
</div>
<div class="sample-icon"><i class="fas fa-ruler-combined"></i>
<span>ruler-combined</span>
</div>
<div class="sample-icon"><i class="fas fa-ruler-horizontal"></i>
<span>ruler-horizontal</span>
</div>
<div class="sample-icon"><i class="fas fa-ruler-vertical"></i>
<span>ruler-vertical</span>
</div>
<div class="sample-icon"><i class="fas fa-running"></i>
<span>running</span>
</div>
<div class="sample-icon"><i class="fas fa-rupee-sign"></i>
<span>rupee-sign</span>
</div>
<div class="sample-icon"><i class="fas fa-sad-cry"></i>
<span>sad-cry</span>
</div>
<div class="sample-icon"><i class="fas fa-sad-tear"></i>
<span>sad-tear</span>
</div>
<div class="sample-icon"><i class="fas fa-satellite"></i>
<span>satellite</span>
</div>
<div class="sample-icon"><i class="fas fa-satellite-dish"></i>
<span>satellite-dish</span>
</div>
<div class="sample-icon"><i class="fas fa-save"></i>
<span>save</span>
</div>
<div class="sample-icon"><i class="fas fa-school"></i>
<span>school</span>
</div>
<div class="sample-icon"><i class="fas fa-screwdriver"></i>
<span>screwdriver</span>
</div>
<div class="sample-icon"><i class="fas fa-scroll"></i>
<span>scroll</span>
</div>
<div class="sample-icon"><i class="fas fa-sd-card"></i>
<span>sd-card</span>
</div>
<div class="sample-icon"><i class="fas fa-search"></i>
<span>search</span>
</div>
<div class="sample-icon"><i class="fas fa-search-dollar"></i>
<span>search-dollar</span>
</div>
<div class="sample-icon"><i class="fas fa-search-location"></i>
<span>search-location</span>
</div>
<div class="sample-icon"><i class="fas fa-search-minus"></i>
<span>search-minus</span>
</div>
<div class="sample-icon"><i class="fas fa-search-plus"></i>
<span>search-plus</span>
</div>
<div class="sample-icon"><i class="fas fa-seedling"></i>
<span>seedling</span>
</div>
<div class="sample-icon"><i class="fas fa-server"></i>
<span>server</span>
</div>
<div class="sample-icon"><i class="fas fa-shapes"></i>
<span>shapes</span>
</div>
<div class="sample-icon"><i class="fas fa-share"></i>
<span>share</span>
</div>
<div class="sample-icon"><i class="fas fa-share-alt"></i>
<span>share-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-share-alt-square"></i>
<span>share-alt-square</span>
</div>
<div class="sample-icon"><i class="fas fa-share-square"></i>
<span>share-square</span>
</div>
<div class="sample-icon"><i class="fas fa-shekel-sign"></i>
<span>shekel-sign</span>
</div>
<div class="sample-icon"><i class="fas fa-shield-alt"></i>
<span>shield-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-ship"></i>
<span>ship</span>
</div>
<div class="sample-icon"><i class="fas fa-shipping-fast"></i>
<span>shipping-fast</span>
</div>
<div class="sample-icon"><i class="fas fa-shoe-prints"></i>
<span>shoe-prints</span>
</div>
<div class="sample-icon"><i class="fas fa-shopping-bag"></i>
<span>shopping-bag</span>
</div>
<div class="sample-icon"><i class="fas fa-shopping-basket"></i>
<span>shopping-basket</span>
</div>
<div class="sample-icon"><i class="fas fa-shopping-cart"></i>
<span>shopping-cart</span>
</div>
<div class="sample-icon"><i class="fas fa-shower"></i>
<span>shower</span>
</div>
<div class="sample-icon"><i class="fas fa-shuttle-van"></i>
<span>shuttle-van</span>
</div>
<div class="sample-icon"><i class="fas fa-sign"></i>
<span>sign</span>
</div>
<div class="sample-icon"><i class="fas fa-sign-in-alt"></i>
<span>sign-in-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-sign-language"></i>
<span>sign-language</span>
</div>
<div class="sample-icon"><i class="fas fa-sign-out-alt"></i>
<span>sign-out-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-signal"></i>
<span>signal</span>
</div>
<div class="sample-icon"><i class="fas fa-signature"></i>
<span>signature</span>
</div>
<div class="sample-icon"><i class="fas fa-sim-card"></i>
<span>sim-card</span>
</div>
<div class="sample-icon"><i class="fas fa-sitemap"></i>
<span>sitemap</span>
</div>
<div class="sample-icon"><i class="fas fa-skating"></i>
<span>skating</span>
</div>
<div class="sample-icon"><i class="fas fa-skiing"></i>
<span>skiing</span>
</div>
<div class="sample-icon"><i class="fas fa-skiing-nordic"></i>
<span>skiing-nordic</span>
</div>
<div class="sample-icon"><i class="fas fa-skull"></i>
<span>skull</span>
</div>
<div class="sample-icon"><i class="fas fa-skull-crossbones"></i>
<span>skull-crossbones</span>
</div>
<div class="sample-icon"><i class="fas fa-slash"></i>
<span>slash</span>
</div>
<div class="sample-icon"><i class="fas fa-sleigh"></i>
<span>sleigh</span>
</div>
<div class="sample-icon"><i class="fas fa-sliders-h"></i>
<span>sliders-h</span>
</div>
<div class="sample-icon"><i class="fas fa-smile"></i>
<span>smile</span>
</div>
<div class="sample-icon"><i class="fas fa-smile-beam"></i>
<span>smile-beam</span>
</div>
<div class="sample-icon"><i class="fas fa-smile-wink"></i>
<span>smile-wink</span>
</div>
<div class="sample-icon"><i class="fas fa-smog"></i>
<span>smog</span>
</div>
<div class="sample-icon"><i class="fas fa-smoking"></i>
<span>smoking</span>
</div>
<div class="sample-icon"><i class="fas fa-smoking-ban"></i>
<span>smoking-ban</span>
</div>
<div class="sample-icon"><i class="fas fa-sms"></i>
<span>sms</span>
</div>
<div class="sample-icon"><i class="fas fa-snowboarding"></i>
<span>snowboarding</span>
</div>
<div class="sample-icon"><i class="fas fa-snowflake"></i>
<span>snowflake</span>
</div>
<div class="sample-icon"><i class="fas fa-snowman"></i>
<span>snowman</span>
</div>
<div class="sample-icon"><i class="fas fa-snowplow"></i>
<span>snowplow</span>
</div>
<div class="sample-icon"><i class="fas fa-socks"></i>
<span>socks</span>
</div>
<div class="sample-icon"><i class="fas fa-solar-panel"></i>
<span>solar-panel</span>
</div>
<div class="sample-icon"><i class="fas fa-sort"></i>
<span>sort</span>
</div>
<div class="sample-icon"><i class="fas fa-sort-alpha-down"></i>
<span>sort-alpha-down</span>
</div>
<div class="sample-icon"><i class="fas fa-sort-alpha-up"></i>
<span>sort-alpha-up</span>
</div>
<div class="sample-icon"><i class="fas fa-sort-amount-down"></i>
<span>sort-amount-down</span>
</div>
<div class="sample-icon"><i class="fas fa-sort-amount-up"></i>
<span>sort-amount-up</span>
</div>
<div class="sample-icon"><i class="fas fa-sort-down"></i>
<span>sort-down</span>
</div>
<div class="sample-icon"><i class="fas fa-sort-numeric-down"></i>
<span>sort-numeric-down</span>
</div>
<div class="sample-icon"><i class="fas fa-sort-numeric-up"></i>
<span>sort-numeric-up</span>
</div>
<div class="sample-icon"><i class="fas fa-sort-up"></i>
<span>sort-up</span>
</div>
<div class="sample-icon"><i class="fas fa-spa"></i>
<span>spa</span>
</div>
<div class="sample-icon"><i class="fas fa-space-shuttle"></i>
<span>space-shuttle</span>
</div>
<div class="sample-icon"><i class="fas fa-spider"></i>
<span>spider</span>
</div>
<div class="sample-icon"><i class="fas fa-spinner"></i>
<span>spinner</span>
</div>
<div class="sample-icon"><i class="fas fa-splotch"></i>
<span>splotch</span>
</div>
<div class="sample-icon"><i class="fas fa-spray-can"></i>
<span>spray-can</span>
</div>
<div class="sample-icon"><i class="fas fa-square"></i>
<span>square</span>
</div>
<div class="sample-icon"><i class="fas fa-square-full"></i>
<span>square-full</span>
</div>
<div class="sample-icon"><i class="fas fa-square-root-alt"></i>
<span>square-root-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-stamp"></i>
<span>stamp</span>
</div>
<div class="sample-icon"><i class="fas fa-star"></i>
<span>star</span>
</div>
<div class="sample-icon"><i class="fas fa-star-and-crescent"></i>
<span>star-and-crescent</span>
</div>
<div class="sample-icon"><i class="fas fa-star-half"></i>
<span>star-half</span>
</div>
<div class="sample-icon"><i class="fas fa-star-half-alt"></i>
<span>star-half-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-star-of-david"></i>
<span>star-of-david</span>
</div>
<div class="sample-icon"><i class="fas fa-star-of-life"></i>
<span>star-of-life</span>
</div>
<div class="sample-icon"><i class="fas fa-step-backward"></i>
<span>step-backward</span>
</div>
<div class="sample-icon"><i class="fas fa-step-forward"></i>
<span>step-forward</span>
</div>
<div class="sample-icon"><i class="fas fa-stethoscope"></i>
<span>stethoscope</span>
</div>
<div class="sample-icon"><i class="fas fa-sticky-note"></i>
<span>sticky-note</span>
</div>
<div class="sample-icon"><i class="fas fa-stop"></i>
<span>stop</span>
</div>
<div class="sample-icon"><i class="fas fa-stop-circle"></i>
<span>stop-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-stopwatch"></i>
<span>stopwatch</span>
</div>
<div class="sample-icon"><i class="fas fa-store"></i>
<span>store</span>
</div>
<div class="sample-icon"><i class="fas fa-store-alt"></i>
<span>store-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-stream"></i>
<span>stream</span>
</div>
<div class="sample-icon"><i class="fas fa-street-view"></i>
<span>street-view</span>
</div>
<div class="sample-icon"><i class="fas fa-strikethrough"></i>
<span>strikethrough</span>
</div>
<div class="sample-icon"><i class="fas fa-stroopwafel"></i>
<span>stroopwafel</span>
</div>
<div class="sample-icon"><i class="fas fa-subscript"></i>
<span>subscript</span>
</div>
<div class="sample-icon"><i class="fas fa-subway"></i>
<span>subway</span>
</div>
<div class="sample-icon"><i class="fas fa-suitcase"></i>
<span>suitcase</span>
</div>
<div class="sample-icon"><i class="fas fa-suitcase-rolling"></i>
<span>suitcase-rolling</span>
</div>
<div class="sample-icon"><i class="fas fa-sun"></i>
<span>sun</span>
</div>
<div class="sample-icon"><i class="fas fa-superscript"></i>
<span>superscript</span>
</div>
<div class="sample-icon"><i class="fas fa-surprise"></i>
<span>surprise</span>
</div>
<div class="sample-icon"><i class="fas fa-swatchbook"></i>
<span>swatchbook</span>
</div>
<div class="sample-icon"><i class="fas fa-swimmer"></i>
<span>swimmer</span>
</div>
<div class="sample-icon"><i class="fas fa-swimming-pool"></i>
<span>swimming-pool</span>
</div>
<div class="sample-icon"><i class="fas fa-synagogue"></i>
<span>synagogue</span>
</div>
<div class="sample-icon"><i class="fas fa-sync"></i>
<span>sync</span>
</div>
<div class="sample-icon"><i class="fas fa-sync-alt"></i>
<span>sync-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-syringe"></i>
<span>syringe</span>
</div>
<div class="sample-icon"><i class="fas fa-table"></i>
<span>table</span>
</div>
<div class="sample-icon"><i class="fas fa-table-tennis"></i>
<span>table-tennis</span>
</div>
<div class="sample-icon"><i class="fas fa-tablet"></i>
<span>tablet</span>
</div>
<div class="sample-icon"><i class="fas fa-tablet-alt"></i>
<span>tablet-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-tablets"></i>
<span>tablets</span>
</div>
<div class="sample-icon"><i class="fas fa-tachometer-alt"></i>
<span>tachometer-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-tag"></i>
<span>tag</span>
</div>
<div class="sample-icon"><i class="fas fa-tags"></i>
<span>tags</span>
</div>
<div class="sample-icon"><i class="fas fa-tape"></i>
<span>tape</span>
</div>
<div class="sample-icon"><i class="fas fa-tasks"></i>
<span>tasks</span>
</div>
<div class="sample-icon"><i class="fas fa-taxi"></i>
<span>taxi</span>
</div>
<div class="sample-icon"><i class="fas fa-teeth"></i>
<span>teeth</span>
</div>
<div class="sample-icon"><i class="fas fa-teeth-open"></i>
<span>teeth-open</span>
</div>
<div class="sample-icon"><i class="fas fa-temperature-high"></i>
<span>temperature-high</span>
</div>
<div class="sample-icon"><i class="fas fa-temperature-low"></i>
<span>temperature-low</span>
</div>
<div class="sample-icon"><i class="fas fa-tenge"></i>
<span>tenge</span>
</div>
<div class="sample-icon"><i class="fas fa-terminal"></i>
<span>terminal</span>
</div>
<div class="sample-icon"><i class="fas fa-text-height"></i>
<span>text-height</span>
</div>
<div class="sample-icon"><i class="fas fa-text-width"></i>
<span>text-width</span>
</div>
<div class="sample-icon"><i class="fas fa-th"></i>
<span>th</span>
</div>
<div class="sample-icon"><i class="fas fa-th-large"></i>
<span>th-large</span>
</div>
<div class="sample-icon"><i class="fas fa-th-list"></i>
<span>th-list</span>
</div>
<div class="sample-icon"><i class="fas fa-theater-masks"></i>
<span>theater-masks</span>
</div>
<div class="sample-icon"><i class="fas fa-thermometer"></i>
<span>thermometer</span>
</div>
<div class="sample-icon"><i class="fas fa-thermometer-empty"></i>
<span>thermometer-empty</span>
</div>
<div class="sample-icon"><i class="fas fa-thermometer-full"></i>
<span>thermometer-full</span>
</div>
<div class="sample-icon"><i class="fas fa-thermometer-half"></i>
<span>thermometer-half</span>
</div>
<div class="sample-icon"><i class="fas fa-thermometer-quarter"></i>
<span>thermometer-quarter</span>
</div>
<div class="sample-icon"><i class="fas fa-thermometer-three-quarters"></i>
<span>thermometer-three-quarters</span>
</div>
<div class="sample-icon"><i class="fas fa-thumbs-down"></i>
<span>thumbs-down</span>
</div>
<div class="sample-icon"><i class="fas fa-thumbs-up"></i>
<span>thumbs-up</span>
</div>
<div class="sample-icon"><i class="fas fa-thumbtack"></i>
<span>thumbtack</span>
</div>
<div class="sample-icon"><i class="fas fa-ticket-alt"></i>
<span>ticket-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-times"></i>
<span>times</span>
</div>
<div class="sample-icon"><i class="fas fa-times-circle"></i>
<span>times-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-tint"></i>
<span>tint</span>
</div>
<div class="sample-icon"><i class="fas fa-tint-slash"></i>
<span>tint-slash</span>
</div>
<div class="sample-icon"><i class="fas fa-tired"></i>
<span>tired</span>
</div>
<div class="sample-icon"><i class="fas fa-toggle-off"></i>
<span>toggle-off</span>
</div>
<div class="sample-icon"><i class="fas fa-toggle-on"></i>
<span>toggle-on</span>
</div>
<div class="sample-icon"><i class="fas fa-toilet"></i>
<span>toilet</span>
</div>
<div class="sample-icon"><i class="fas fa-toilet-paper"></i>
<span>toilet-paper</span>
</div>
<div class="sample-icon"><i class="fas fa-toolbox"></i>
<span>toolbox</span>
</div>
<div class="sample-icon"><i class="fas fa-tools"></i>
<span>tools</span>
</div>
<div class="sample-icon"><i class="fas fa-tooth"></i>
<span>tooth</span>
</div>
<div class="sample-icon"><i class="fas fa-torah"></i>
<span>torah</span>
</div>
<div class="sample-icon"><i class="fas fa-torii-gate"></i>
<span>torii-gate</span>
</div>
<div class="sample-icon"><i class="fas fa-tractor"></i>
<span>tractor</span>
</div>
<div class="sample-icon"><i class="fas fa-trademark"></i>
<span>trademark</span>
</div>
<div class="sample-icon"><i class="fas fa-traffic-light"></i>
<span>traffic-light</span>
</div>
<div class="sample-icon"><i class="fas fa-train"></i>
<span>train</span>
</div>
<div class="sample-icon"><i class="fas fa-tram"></i>
<span>tram</span>
</div>
<div class="sample-icon"><i class="fas fa-transgender"></i>
<span>transgender</span>
</div>
<div class="sample-icon"><i class="fas fa-transgender-alt"></i>
<span>transgender-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-trash"></i>
<span>trash</span>
</div>
<div class="sample-icon"><i class="fas fa-trash-alt"></i>
<span>trash-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-trash-restore"></i>
<span>trash-restore</span>
</div>
<div class="sample-icon"><i class="fas fa-trash-restore-alt"></i>
<span>trash-restore-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-tree"></i>
<span>tree</span>
</div>
<div class="sample-icon"><i class="fas fa-trophy"></i>
<span>trophy</span>
</div>
<div class="sample-icon"><i class="fas fa-truck"></i>
<span>truck</span>
</div>
<div class="sample-icon"><i class="fas fa-truck-loading"></i>
<span>truck-loading</span>
</div>
<div class="sample-icon"><i class="fas fa-truck-monster"></i>
<span>truck-monster</span>
</div>
<div class="sample-icon"><i class="fas fa-truck-moving"></i>
<span>truck-moving</span>
</div>
<div class="sample-icon"><i class="fas fa-truck-pickup"></i>
<span>truck-pickup</span>
</div>
<div class="sample-icon"><i class="fas fa-tshirt"></i>
<span>tshirt</span>
</div>
<div class="sample-icon"><i class="fas fa-tty"></i>
<span>tty</span>
</div>
<div class="sample-icon"><i class="fas fa-tv"></i>
<span>tv</span>
</div>
<div class="sample-icon"><i class="fas fa-umbrella"></i>
<span>umbrella</span>
</div>
<div class="sample-icon"><i class="fas fa-umbrella-beach"></i>
<span>umbrella-beach</span>
</div>
<div class="sample-icon"><i class="fas fa-underline"></i>
<span>underline</span>
</div>
<div class="sample-icon"><i class="fas fa-undo"></i>
<span>undo</span>
</div>
<div class="sample-icon"><i class="fas fa-undo-alt"></i>
<span>undo-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-universal-access"></i>
<span>universal-access</span>
</div>
<div class="sample-icon"><i class="fas fa-university"></i>
<span>university</span>
</div>
<div class="sample-icon"><i class="fas fa-unlink"></i>
<span>unlink</span>
</div>
<div class="sample-icon"><i class="fas fa-unlock"></i>
<span>unlock</span>
</div>
<div class="sample-icon"><i class="fas fa-unlock-alt"></i>
<span>unlock-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-upload"></i>
<span>upload</span>
</div>
<div class="sample-icon"><i class="fas fa-user"></i>
<span>user</span>
</div>
<div class="sample-icon"><i class="fas fa-user-alt"></i>
<span>user-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-user-alt-slash"></i>
<span>user-alt-slash</span>
</div>
<div class="sample-icon"><i class="fas fa-user-astronaut"></i>
<span>user-astronaut</span>
</div>
<div class="sample-icon"><i class="fas fa-user-check"></i>
<span>user-check</span>
</div>
<div class="sample-icon"><i class="fas fa-user-circle"></i>
<span>user-circle</span>
</div>
<div class="sample-icon"><i class="fas fa-user-clock"></i>
<span>user-clock</span>
</div>
<div class="sample-icon"><i class="fas fa-user-cog"></i>
<span>user-cog</span>
</div>
<div class="sample-icon"><i class="fas fa-user-edit"></i>
<span>user-edit</span>
</div>
<div class="sample-icon"><i class="fas fa-user-friends"></i>
<span>user-friends</span>
</div>
<div class="sample-icon"><i class="fas fa-user-graduate"></i>
<span>user-graduate</span>
</div>
<div class="sample-icon"><i class="fas fa-user-injured"></i>
<span>user-injured</span>
</div>
<div class="sample-icon"><i class="fas fa-user-lock"></i>
<span>user-lock</span>
</div>
<div class="sample-icon"><i class="fas fa-user-md"></i>
<span>user-md</span>
</div>
<div class="sample-icon"><i class="fas fa-user-minus"></i>
<span>user-minus</span>
</div>
<div class="sample-icon"><i class="fas fa-user-ninja"></i>
<span>user-ninja</span>
</div>
<div class="sample-icon"><i class="fas fa-user-nurse"></i>
<span>user-nurse</span>
</div>
<div class="sample-icon"><i class="fas fa-user-plus"></i>
<span>user-plus</span>
</div>
<div class="sample-icon"><i class="fas fa-user-secret"></i>
<span>user-secret</span>
</div>
<div class="sample-icon"><i class="fas fa-user-shield"></i>
<span>user-shield</span>
</div>
<div class="sample-icon"><i class="fas fa-user-slash"></i>
<span>user-slash</span>
</div>
<div class="sample-icon"><i class="fas fa-user-tag"></i>
<span>user-tag</span>
</div>
<div class="sample-icon"><i class="fas fa-user-tie"></i>
<span>user-tie</span>
</div>
<div class="sample-icon"><i class="fas fa-user-times"></i>
<span>user-times</span>
</div>
<div class="sample-icon"><i class="fas fa-users"></i>
<span>users</span>
</div>
<div class="sample-icon"><i class="fas fa-users-cog"></i>
<span>users-cog</span>
</div>
<div class="sample-icon"><i class="fas fa-utensil-spoon"></i>
<span>utensil-spoon</span>
</div>
<div class="sample-icon"><i class="fas fa-utensils"></i>
<span>utensils</span>
</div>
<div class="sample-icon"><i class="fas fa-vector-square"></i>
<span>vector-square</span>
</div>
<div class="sample-icon"><i class="fas fa-venus"></i>
<span>venus</span>
</div>
<div class="sample-icon"><i class="fas fa-venus-double"></i>
<span>venus-double</span>
</div>
<div class="sample-icon"><i class="fas fa-venus-mars"></i>
<span>venus-mars</span>
</div>
<div class="sample-icon"><i class="fas fa-vial"></i>
<span>vial</span>
</div>
<div class="sample-icon"><i class="fas fa-vials"></i>
<span>vials</span>
</div>
<div class="sample-icon"><i class="fas fa-video"></i>
<span>video</span>
</div>
<div class="sample-icon"><i class="fas fa-video-slash"></i>
<span>video-slash</span>
</div>
<div class="sample-icon"><i class="fas fa-vihara"></i>
<span>vihara</span>
</div>
<div class="sample-icon"><i class="fas fa-volleyball-ball"></i>
<span>volleyball-ball</span>
</div>
<div class="sample-icon"><i class="fas fa-volume-down"></i>
<span>volume-down</span>
</div>
<div class="sample-icon"><i class="fas fa-volume-mute"></i>
<span>volume-mute</span>
</div>
<div class="sample-icon"><i class="fas fa-volume-off"></i>
<span>volume-off</span>
</div>
<div class="sample-icon"><i class="fas fa-volume-up"></i>
<span>volume-up</span>
</div>
<div class="sample-icon"><i class="fas fa-vote-yea"></i>
<span>vote-yea</span>
</div>
<div class="sample-icon"><i class="fas fa-vr-cardboard"></i>
<span>vr-cardboard</span>
</div>
<div class="sample-icon"><i class="fas fa-walking"></i>
<span>walking</span>
</div>
<div class="sample-icon"><i class="fas fa-wallet"></i>
<span>wallet</span>
</div>
<div class="sample-icon"><i class="fas fa-warehouse"></i>
<span>warehouse</span>
</div>
<div class="sample-icon"><i class="fas fa-water"></i>
<span>water</span>
</div>
<div class="sample-icon"><i class="fas fa-weight"></i>
<span>weight</span>
</div>
<div class="sample-icon"><i class="fas fa-weight-hanging"></i>
<span>weight-hanging</span>
</div>
<div class="sample-icon"><i class="fas fa-wheelchair"></i>
<span>wheelchair</span>
</div>
<div class="sample-icon"><i class="fas fa-wifi"></i>
<span>wifi</span>
</div>
<div class="sample-icon"><i class="fas fa-wind"></i>
<span>wind</span>
</div>
<div class="sample-icon"><i class="fas fa-window-close"></i>
<span>window-close</span>
</div>
<div class="sample-icon"><i class="fas fa-window-maximize"></i>
<span>window-maximize</span>
</div>
<div class="sample-icon"><i class="fas fa-window-minimize"></i>
<span>window-minimize</span>
</div>
<div class="sample-icon"><i class="fas fa-window-restore"></i>
<span>window-restore</span>
</div>
<div class="sample-icon"><i class="fas fa-wine-bottle"></i>
<span>wine-bottle</span>
</div>
<div class="sample-icon"><i class="fas fa-wine-glass"></i>
<span>wine-glass</span>
</div>
<div class="sample-icon"><i class="fas fa-wine-glass-alt"></i>
<span>wine-glass-alt</span>
</div>
<div class="sample-icon"><i class="fas fa-won-sign"></i>
<span>won-sign</span>
</div>
<div class="sample-icon"><i class="fas fa-wrench"></i>
<span>wrench</span>
</div>
<div class="sample-icon"><i class="fas fa-x-ray"></i>
<span>x-ray</span>
</div>
<div class="sample-icon"><i class="fas fa-yen-sign"></i>
<span>yen-sign</span>
</div>
<div class="sample-icon"><i class="fas fa-yin-yang"></i>
<span>yin-yang</span>
</div>
</div>
</div>
</div>
<h5 class="mb-3">Regular Icons</h5>
<div class="mb-4">
<div class="wpb_wrapper">
<div class="row fontawesome-icon-list cols-lg-4 cols-md-3 cols-xs-2 cols-1">
<div class="sample-icon"><i class="far fa-address-book"></i>
<span>address-book</span>
</div>
<div class="sample-icon"><i class="far fa-address-card"></i>
<span>address-card</span>
</div>
<div class="sample-icon"><i class="far fa-angry"></i>
<span>angry</span>
</div>
<div class="sample-icon"><i class="far fa-arrow-alt-circle-down"></i>
<span>arrow-alt-circle-down</span>
</div>
<div class="sample-icon"><i class="far fa-arrow-alt-circle-left"></i>
<span>arrow-alt-circle-left</span>
</div>
<div class="sample-icon"><i class="far fa-arrow-alt-circle-right"></i>
<span>arrow-alt-circle-right</span>
</div>
<div class="sample-icon"><i class="far fa-arrow-alt-circle-up"></i>
<span>arrow-alt-circle-up</span>
</div>
<div class="sample-icon"><i class="far fa-bell"></i>
<span>bell</span>
</div>
<div class="sample-icon"><i class="far fa-bell-slash"></i>
<span>bell-slash</span>
</div>
<div class="sample-icon"><i class="far fa-bookmark"></i>
<span>bookmark</span>
</div>
<div class="sample-icon"><i class="far fa-building"></i>
<span>building</span>
</div>
<div class="sample-icon"><i class="far fa-calendar"></i>
<span>calendar</span>
</div>
<div class="sample-icon"><i class="far fa-calendar-alt"></i>
<span>calendar-alt</span>
</div>
<div class="sample-icon"><i class="far fa-calendar-check"></i>
<span>calendar-check</span>
</div>
<div class="sample-icon"><i class="far fa-calendar-minus"></i>
<span>calendar-minus</span>
</div>
<div class="sample-icon"><i class="far fa-calendar-plus"></i>
<span>calendar-plus</span>
</div>
<div class="sample-icon"><i class="far fa-calendar-times"></i>
<span>calendar-times</span>
</div>
<div class="sample-icon"><i class="far fa-caret-square-down"></i>
<span>caret-square-down</span>
</div>
<div class="sample-icon"><i class="far fa-caret-square-left"></i>
<span>caret-square-left</span>
</div>
<div class="sample-icon"><i class="far fa-caret-square-right"></i>
<span>caret-square-right</span>
</div>
<div class="sample-icon"><i class="far fa-caret-square-up"></i>
<span>caret-square-up</span>
</div>
<div class="sample-icon"><i class="far fa-chart-bar"></i>
<span>chart-bar</span>
</div>
<div class="sample-icon"><i class="far fa-check-circle"></i>
<span>check-circle</span>
</div>
<div class="sample-icon"><i class="far fa-check-square"></i>
<span>check-square</span>
</div>
<div class="sample-icon"><i class="far fa-circle"></i>
<span>circle</span>
</div>
<div class="sample-icon"><i class="far fa-clipboard"></i>
<span>clipboard</span>
</div>
<div class="sample-icon"><i class="far fa-clock"></i>
<span>clock</span>
</div>
<div class="sample-icon"><i class="far fa-clone"></i>
<span>clone</span>
</div>
<div class="sample-icon"><i class="far fa-closed-captioning"></i>
<span>closed-captioning</span>
</div>
<div class="sample-icon"><i class="far fa-comment"></i>
<span>comment</span>
</div>
<div class="sample-icon"><i class="far fa-comment-alt"></i>
<span>comment-alt</span>
</div>
<div class="sample-icon"><i class="far fa-comment-dots"></i>
<span>comment-dots</span>
</div>
<div class="sample-icon"><i class="far fa-comments"></i>
<span>comments</span>
</div>
<div class="sample-icon"><i class="far fa-compass"></i>
<span>compass</span>
</div>
<div class="sample-icon"><i class="far fa-copy"></i>
<span>copy</span>
</div>
<div class="sample-icon"><i class="far fa-copyright"></i>
<span>copyright</span>
</div>
<div class="sample-icon"><i class="far fa-credit-card"></i>
<span>credit-card</span>
</div>
<div class="sample-icon"><i class="far fa-dizzy"></i>
<span>dizzy</span>
</div>
<div class="sample-icon"><i class="far fa-dot-circle"></i>
<span>dot-circle</span>
</div>
<div class="sample-icon"><i class="far fa-edit"></i>
<span>edit</span>
</div>
<div class="sample-icon"><i class="far fa-envelope"></i>
<span>envelope</span>
</div>
<div class="sample-icon"><i class="far fa-envelope-open"></i>
<span>envelope-open</span>
</div>
<div class="sample-icon"><i class="far fa-eye"></i>
<span>eye</span>
</div>
<div class="sample-icon"><i class="far fa-eye-slash"></i>
<span>eye-slash</span>
</div>
<div class="sample-icon"><i class="far fa-file"></i>
<span>file</span>
</div>
<div class="sample-icon"><i class="far fa-file-alt"></i>
<span>file-alt</span>
</div>
<div class="sample-icon"><i class="far fa-file-archive"></i>
<span>file-archive</span>
</div>
<div class="sample-icon"><i class="far fa-file-audio"></i>
<span>file-audio</span>
</div>
<div class="sample-icon"><i class="far fa-file-code"></i>
<span>file-code</span>
</div>
<div class="sample-icon"><i class="far fa-file-excel"></i>
<span>file-excel</span>
</div>
<div class="sample-icon"><i class="far fa-file-image"></i>
<span>file-image</span>
</div>
<div class="sample-icon"><i class="far fa-file-pdf"></i>
<span>file-pdf</span>
</div>
<div class="sample-icon"><i class="far fa-file-powerpoint"></i>
<span>file-powerpoint</span>
</div>
<div class="sample-icon"><i class="far fa-file-video"></i>
<span>file-video</span>
</div>
<div class="sample-icon"><i class="far fa-file-word"></i>
<span>file-word</span>
</div>
<div class="sample-icon"><i class="far fa-flag"></i>
<span>flag</span>
</div>
<div class="sample-icon"><i class="far fa-flushed"></i>
<span>flushed</span>
</div>
<div class="sample-icon"><i class="far fa-folder"></i>
<span>folder</span>
</div>
<div class="sample-icon"><i class="far fa-folder-open"></i>
<span>folder-open</span>
</div>
<div class="sample-icon"><i class="far fa-frown"></i>
<span>frown</span>
</div>
<div class="sample-icon"><i class="far fa-frown-open"></i>
<span>frown-open</span>
</div>
<div class="sample-icon"><i class="far fa-futbol"></i>
<span>futbol</span>
</div>
<div class="sample-icon"><i class="far fa-gem"></i>
<span>gem</span>
</div>
<div class="sample-icon"><i class="far fa-grimace"></i>
<span>grimace</span>
</div>
<div class="sample-icon"><i class="far fa-grin"></i>
<span>grin</span>
</div>
<div class="sample-icon"><i class="far fa-grin-alt"></i>
<span>grin-alt</span>
</div>
<div class="sample-icon"><i class="far fa-grin-beam"></i>
<span>grin-beam</span>
</div>
<div class="sample-icon"><i class="far fa-grin-beam-sweat"></i>
<span>grin-beam-sweat</span>
</div>
<div class="sample-icon"><i class="far fa-grin-hearts"></i>
<span>grin-hearts</span>
</div>
<div class="sample-icon"><i class="far fa-grin-squint"></i>
<span>grin-squint</span>
</div>
<div class="sample-icon"><i class="far fa-grin-squint-tears"></i>
<span>grin-squint-tears</span>
</div>
<div class="sample-icon"><i class="far fa-grin-stars"></i>
<span>grin-stars</span>
</div>
<div class="sample-icon"><i class="far fa-grin-tears"></i>
<span>grin-tears</span>
</div>
<div class="sample-icon"><i class="far fa-grin-tongue"></i>
<span>grin-tongue</span>
</div>
<div class="sample-icon"><i class="far fa-grin-tongue-squint"></i>
<span>grin-tongue-squint</span>
</div>
<div class="sample-icon"><i class="far fa-grin-tongue-wink"></i>
<span>grin-tongue-wink</span>
</div>
<div class="sample-icon"><i class="far fa-grin-wink"></i>
<span>grin-wink</span>
</div>
<div class="sample-icon"><i class="far fa-hand-lizard"></i>
<span>hand-lizard</span>
</div>
<div class="sample-icon"><i class="far fa-hand-paper"></i>
<span>hand-paper</span>
</div>
<div class="sample-icon"><i class="far fa-hand-peace"></i>
<span>hand-peace</span>
</div>
<div class="sample-icon"><i class="far fa-hand-point-down"></i>
<span>hand-point-down</span>
</div>
<div class="sample-icon"><i class="far fa-hand-point-left"></i>
<span>hand-point-left</span>
</div>
<div class="sample-icon"><i class="far fa-hand-point-right"></i>
<span>hand-point-right</span>
</div>
<div class="sample-icon"><i class="far fa-hand-point-up"></i>
<span>hand-point-up</span>
</div>
<div class="sample-icon"><i class="far fa-hand-pointer"></i>
<span>hand-pointer</span>
</div>
<div class="sample-icon"><i class="far fa-hand-rock"></i>
<span>hand-rock</span>
</div>
<div class="sample-icon"><i class="far fa-hand-scissors"></i>
<span>hand-scissors</span>
</div>
<div class="sample-icon"><i class="far fa-hand-spock"></i>
<span>hand-spock</span>
</div>
<div class="sample-icon"><i class="far fa-handshake"></i>
<span>handshake</span>
</div>
<div class="sample-icon"><i class="far fa-hdd"></i>
<span>hdd</span>
</div>
<div class="sample-icon"><i class="far fa-heart"></i>
<span>heart</span>
</div>
<div class="sample-icon"><i class="far fa-hospital"></i>
<span>hospital</span>
</div>
<div class="sample-icon"><i class="far fa-hourglass"></i>
<span>hourglass</span>
</div>
<div class="sample-icon"><i class="far fa-id-badge"></i>
<span>id-badge</span>
</div>
<div class="sample-icon"><i class="far fa-id-card"></i>
<span>id-card</span>
</div>
<div class="sample-icon"><i class="far fa-image"></i>
<span>image</span>
</div>
<div class="sample-icon"><i class="far fa-images"></i>
<span>images</span>
</div>
<div class="sample-icon"><i class="far fa-keyboard"></i>
<span>keyboard</span>
</div>
<div class="sample-icon"><i class="far fa-kiss"></i>
<span>kiss</span>
</div>
<div class="sample-icon"><i class="far fa-kiss-beam"></i>
<span>kiss-beam</span>
</div>
<div class="sample-icon"><i class="far fa-kiss-wink-heart"></i>
<span>kiss-wink-heart</span>
</div>
<div class="sample-icon"><i class="far fa-laugh"></i>
<span>laugh</span>
</div>
<div class="sample-icon"><i class="far fa-laugh-beam"></i>
<span>laugh-beam</span>
</div>
<div class="sample-icon"><i class="far fa-laugh-squint"></i>
<span>laugh-squint</span>
</div>
<div class="sample-icon"><i class="far fa-laugh-wink"></i>
<span>laugh-wink</span>
</div>
<div class="sample-icon"><i class="far fa-lemon"></i>
<span>lemon</span>
</div>
<div class="sample-icon"><i class="far fa-life-ring"></i>
<span>life-ring</span>
</div>
<div class="sample-icon"><i class="far fa-lightbulb"></i>
<span>lightbulb</span>
</div>
<div class="sample-icon"><i class="far fa-list-alt"></i>
<span>list-alt</span>
</div>
<div class="sample-icon"><i class="far fa-map"></i>
<span>map</span>
</div>
<div class="sample-icon"><i class="far fa-meh"></i>
<span>meh</span>
</div>
<div class="sample-icon"><i class="far fa-meh-blank"></i>
<span>meh-blank</span>
</div>
<div class="sample-icon"><i class="far fa-meh-rolling-eyes"></i>
<span>meh-rolling-eyes</span>
</div>
<div class="sample-icon"><i class="far fa-minus-square"></i>
<span>minus-square</span>
</div>
<div class="sample-icon"><i class="far fa-money-bill-alt"></i>
<span>money-bill-alt</span>
</div>
<div class="sample-icon"><i class="far fa-moon"></i>
<span>moon</span>
</div>
<div class="sample-icon"><i class="far fa-newspaper"></i>
<span>newspaper</span>
</div>
<div class="sample-icon"><i class="far fa-object-group"></i>
<span>object-group</span>
</div>
<div class="sample-icon"><i class="far fa-object-ungroup"></i>
<span>object-ungroup</span>
</div>
<div class="sample-icon"><i class="far fa-paper-plane"></i>
<span>paper-plane</span>
</div>
<div class="sample-icon"><i class="far fa-pause-circle"></i>
<span>pause-circle</span>
</div>
<div class="sample-icon"><i class="far fa-play-circle"></i>
<span>play-circle</span>
</div>
<div class="sample-icon"><i class="far fa-plus-square"></i>
<span>plus-square</span>
</div>
<div class="sample-icon"><i class="far fa-question-circle"></i>
<span>question-circle</span>
</div>
<div class="sample-icon"><i class="far fa-registered"></i>
<span>registered</span>
</div>
<div class="sample-icon"><i class="far fa-sad-cry"></i>
<span>sad-cry</span>
</div>
<div class="sample-icon"><i class="far fa-sad-tear"></i>
<span>sad-tear</span>
</div>
<div class="sample-icon"><i class="far fa-save"></i>
<span>save</span>
</div>
<div class="sample-icon"><i class="far fa-share-square"></i>
<span>share-square</span>
</div>
<div class="sample-icon"><i class="far fa-smile"></i>
<span>smile</span>
</div>
<div class="sample-icon"><i class="far fa-smile-beam"></i>
<span>smile-beam</span>
</div>
<div class="sample-icon"><i class="far fa-smile-wink"></i>
<span>smile-wink</span>
</div>
<div class="sample-icon"><i class="far fa-snowflake"></i>
<span>snowflake</span>
</div>
<div class="sample-icon"><i class="far fa-square"></i>
<span>square</span>
</div>
<div class="sample-icon"><i class="far fa-star"></i>
<span>star</span>
</div>
<div class="sample-icon"><i class="far fa-star-half"></i>
<span>star-half</span>
</div>
<div class="sample-icon"><i class="far fa-sticky-note"></i>
<span>sticky-note</span>
</div>
<div class="sample-icon"><i class="far fa-stop-circle"></i>
<span>stop-circle</span>
</div>
<div class="sample-icon"><i class="far fa-sun"></i>
<span>sun</span>
</div>
<div class="sample-icon"><i class="far fa-surprise"></i>
<span>surprise</span>
</div>
<div class="sample-icon"><i class="far fa-thumbs-down"></i>
<span>thumbs-down</span>
</div>
<div class="sample-icon"><i class="far fa-thumbs-up"></i>
<span>thumbs-up</span>
</div>
<div class="sample-icon"><i class="far fa-times-circle"></i>
<span>times-circle</span>
</div>
<div class="sample-icon"><i class="far fa-tired"></i>
<span>tired</span>
</div>
<div class="sample-icon"><i class="far fa-trash-alt"></i>
<span>trash-alt</span>
</div>
<div class="sample-icon"><i class="far fa-user"></i>
<span>user</span>
</div>
<div class="sample-icon"><i class="far fa-user-circle"></i>
<span>user-circle</span>
</div>
<div class="sample-icon"><i class="far fa-window-close"></i>
<span>window-close</span>
</div>
<div class="sample-icon"><i class="far fa-window-maximize"></i>
<span>window-maximize</span>
</div>
<div class="sample-icon"><i class="far fa-window-minimize"></i>
<span>window-minimize</span>
</div>
<div class="sample-icon"><i class="far fa-window-restore"></i>
<span>window-restore</span>
</div>
</div>
</div>
</div>
<h5 class="mb-3">Brands Icons</h5>
<div class="mb-4">
<div class="wpb_wrapper">
<div class="row fontawesome-icon-list cols-lg-4 cols-md-3 cols-xs-2 cols-1">
<div class="sample-icon"><i class="fab fa-500px"></i>
<span>500px</span>
</div>
<div class="sample-icon"><i class="fab fa-accessible-icon"></i>
<span>accessible-icon</span>
</div>
<div class="sample-icon"><i class="fab fa-accusoft"></i>
<span>accusoft</span>
</div>
<div class="sample-icon"><i class="fab fa-acquisitions-incorporated"></i>
<span>acquisitions-incorporated</span>
</div>
<div class="sample-icon"><i class="fab fa-adn"></i>
<span>adn</span>
</div>
<div class="sample-icon"><i class="fab fa-adobe"></i>
<span>adobe</span>
</div>
<div class="sample-icon"><i class="fab fa-adversal"></i>
<span>adversal</span>
</div>
<div class="sample-icon"><i class="fab fa-affiliatetheme"></i>
<span>affiliatetheme</span>
</div>
<div class="sample-icon"><i class="fab fa-algolia"></i>
<span>algolia</span>
</div>
<div class="sample-icon"><i class="fab fa-alipay"></i>
<span>alipay</span>
</div>
<div class="sample-icon"><i class="fab fa-amazon"></i>
<span>amazon</span>
</div>
<div class="sample-icon"><i class="fab fa-amazon-pay"></i>
<span>amazon-pay</span>
</div>
<div class="sample-icon"><i class="fab fa-amilia"></i>
<span>amilia</span>
</div>
<div class="sample-icon"><i class="fab fa-android"></i>
<span>android</span>
</div>
<div class="sample-icon"><i class="fab fa-angellist"></i>
<span>angellist</span>
</div>
<div class="sample-icon"><i class="fab fa-angrycreative"></i>
<span>angrycreative</span>
</div>
<div class="sample-icon"><i class="fab fa-angular"></i>
<span>angular</span>
</div>
<div class="sample-icon"><i class="fab fa-app-store"></i>
<span>app-store</span>
</div>
<div class="sample-icon"><i class="fab fa-app-store-ios"></i>
<span>app-store-ios</span>
</div>
<div class="sample-icon"><i class="fab fa-apper"></i>
<span>apper</span>
</div>
<div class="sample-icon"><i class="fab fa-apple"></i>
<span>apple</span>
</div>
<div class="sample-icon"><i class="fab fa-apple-pay"></i>
<span>apple-pay</span>
</div>
<div class="sample-icon"><i class="fab fa-artstation"></i>
<span>artstation</span>
</div>
<div class="sample-icon"><i class="fab fa-asymmetrik"></i>
<span>asymmetrik</span>
</div>
<div class="sample-icon"><i class="fab fa-atlassian"></i>
<span>atlassian</span>
</div>
<div class="sample-icon"><i class="fab fa-audible"></i>
<span>audible</span>
</div>
<div class="sample-icon"><i class="fab fa-autoprefixer"></i>
<span>autoprefixer</span>
</div>
<div class="sample-icon"><i class="fab fa-avianex"></i>
<span>avianex</span>
</div>
<div class="sample-icon"><i class="fab fa-aviato"></i>
<span>aviato</span>
</div>
<div class="sample-icon"><i class="fab fa-aws"></i>
<span>aws</span>
</div>
<div class="sample-icon"><i class="fab fa-bandcamp"></i>
<span>bandcamp</span>
</div>
<div class="sample-icon"><i class="fab fa-behance"></i>
<span>behance</span>
</div>
<div class="sample-icon"><i class="fab fa-behance-square"></i>
<span>behance-square</span>
</div>
<div class="sample-icon"><i class="fab fa-bimobject"></i>
<span>bimobject</span>
</div>
<div class="sample-icon"><i class="fab fa-bitbucket"></i>
<span>bitbucket</span>
</div>
<div class="sample-icon"><i class="fab fa-bitcoin"></i>
<span>bitcoin</span>
</div>
<div class="sample-icon"><i class="fab fa-bity"></i>
<span>bity</span>
</div>
<div class="sample-icon"><i class="fab fa-black-tie"></i>
<span>black-tie</span>
</div>
<div class="sample-icon"><i class="fab fa-blackberry"></i>
<span>blackberry</span>
</div>
<div class="sample-icon"><i class="fab fa-blogger"></i>
<span>blogger</span>
</div>
<div class="sample-icon"><i class="fab fa-blogger-b"></i>
<span>blogger-b</span>
</div>
<div class="sample-icon"><i class="fab fa-bluetooth"></i>
<span>bluetooth</span>
</div>
<div class="sample-icon"><i class="fab fa-bluetooth-b"></i>
<span>bluetooth-b</span>
</div>
<div class="sample-icon"><i class="fab fa-btc"></i>
<span>btc</span>
</div>
<div class="sample-icon"><i class="fab fa-buromobelexperte"></i>
<span>buromobelexperte</span>
</div>
<div class="sample-icon"><i class="fab fa-buysellads"></i>
<span>buysellads</span>
</div>
<div class="sample-icon"><i class="fab fa-canadian-maple-leaf"></i>
<span>canadian-maple-leaf</span>
</div>
<div class="sample-icon"><i class="fab fa-cc-amazon-pay"></i>
<span>cc-amazon-pay</span>
</div>
<div class="sample-icon"><i class="fab fa-cc-amex"></i>
<span>cc-amex</span>
</div>
<div class="sample-icon"><i class="fab fa-cc-apple-pay"></i>
<span>cc-apple-pay</span>
</div>
<div class="sample-icon"><i class="fab fa-cc-diners-club"></i>
<span>cc-diners-club</span>
</div>
<div class="sample-icon"><i class="fab fa-cc-discover"></i>
<span>cc-discover</span>
</div>
<div class="sample-icon"><i class="fab fa-cc-jcb"></i>
<span>cc-jcb</span>
</div>
<div class="sample-icon"><i class="fab fa-cc-mastercard"></i>
<span>cc-mastercard</span>
</div>
<div class="sample-icon"><i class="fab fa-cc-paypal"></i>
<span>cc-paypal</span>
</div>
<div class="sample-icon"><i class="fab fa-cc-stripe"></i>
<span>cc-stripe</span>
</div>
<div class="sample-icon"><i class="fab fa-cc-visa"></i>
<span>cc-visa</span>
</div>
<div class="sample-icon"><i class="fab fa-centercode"></i>
<span>centercode</span>
</div>
<div class="sample-icon"><i class="fab fa-centos"></i>
<span>centos</span>
</div>
<div class="sample-icon"><i class="fab fa-chrome"></i>
<span>chrome</span>
</div>
<div class="sample-icon"><i class="fab fa-cloudscale"></i>
<span>cloudscale</span>
</div>
<div class="sample-icon"><i class="fab fa-cloudsmith"></i>
<span>cloudsmith</span>
</div>
<div class="sample-icon"><i class="fab fa-cloudversify"></i>
<span>cloudversify</span>
</div>
<div class="sample-icon"><i class="fab fa-codepen"></i>
<span>codepen</span>
</div>
<div class="sample-icon"><i class="fab fa-codiepie"></i>
<span>codiepie</span>
</div>
<div class="sample-icon"><i class="fab fa-confluence"></i>
<span>confluence</span>
</div>
<div class="sample-icon"><i class="fab fa-connectdevelop"></i>
<span>connectdevelop</span>
</div>
<div class="sample-icon"><i class="fab fa-contao"></i>
<span>contao</span>
</div>
<div class="sample-icon"><i class="fab fa-cpanel"></i>
<span>cpanel</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons"></i>
<span>creative-commons</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-by"></i>
<span>creative-commons-by</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-nc"></i>
<span>creative-commons-nc</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-nc-eu"></i>
<span>creative-commons-nc-eu</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-nc-jp"></i>
<span>creative-commons-nc-jp</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-nd"></i>
<span>creative-commons-nd</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-pd"></i>
<span>creative-commons-pd</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-pd-alt"></i>
<span>creative-commons-pd-alt</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-remix"></i>
<span>creative-commons-remix</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-sa"></i>
<span>creative-commons-sa</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-sampling"></i>
<span>creative-commons-sampling</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-sampling-plus"></i>
<span>creative-commons-sampling-plus</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-share"></i>
<span>creative-commons-share</span>
</div>
<div class="sample-icon"><i class="fab fa-creative-commons-zero"></i>
<span>creative-commons-zero</span>
</div>
<div class="sample-icon"><i class="fab fa-critical-role"></i>
<span>critical-role</span>
</div>
<div class="sample-icon"><i class="fab fa-css3"></i>
<span>css3</span>
</div>
<div class="sample-icon"><i class="fab fa-css3-alt"></i>
<span>css3-alt</span>
</div>
<div class="sample-icon"><i class="fab fa-cuttlefish"></i>
<span>cuttlefish</span>
</div>
<div class="sample-icon"><i class="fab fa-d-and-d"></i>
<span>d-and-d</span>
</div>
<div class="sample-icon"><i class="fab fa-d-and-d-beyond"></i>
<span>d-and-d-beyond</span>
</div>
<div class="sample-icon"><i class="fab fa-dashcube"></i>
<span>dashcube</span>
</div>
<div class="sample-icon"><i class="fab fa-delicious"></i>
<span>delicious</span>
</div>
<div class="sample-icon"><i class="fab fa-deploydog"></i>
<span>deploydog</span>
</div>
<div class="sample-icon"><i class="fab fa-deskpro"></i>
<span>deskpro</span>
</div>
<div class="sample-icon"><i class="fab fa-dev"></i>
<span>dev</span>
</div>
<div class="sample-icon"><i class="fab fa-deviantart"></i>
<span>deviantart</span>
</div>
<div class="sample-icon"><i class="fab fa-dhl"></i>
<span>dhl</span>
</div>
<div class="sample-icon"><i class="fab fa-diaspora"></i>
<span>diaspora</span>
</div>
<div class="sample-icon"><i class="fab fa-digg"></i>
<span>digg</span>
</div>
<div class="sample-icon"><i class="fab fa-digital-ocean"></i>
<span>digital-ocean</span>
</div>
<div class="sample-icon"><i class="fab fa-discord"></i>
<span>discord</span>
</div>
<div class="sample-icon"><i class="fab fa-discourse"></i>
<span>discourse</span>
</div>
<div class="sample-icon"><i class="fab fa-dochub"></i>
<span>dochub</span>
</div>
<div class="sample-icon"><i class="fab fa-docker"></i>
<span>docker</span>
</div>
<div class="sample-icon"><i class="fab fa-draft2digital"></i>
<span>draft2digital</span>
</div>
<div class="sample-icon"><i class="fab fa-dribbble"></i>
<span>dribbble</span>
</div>
<div class="sample-icon"><i class="fab fa-dribbble-square"></i>
<span>dribbble-square</span>
</div>
<div class="sample-icon"><i class="fab fa-dropbox"></i>
<span>dropbox</span>
</div>
<div class="sample-icon"><i class="fab fa-drupal"></i>
<span>drupal</span>
</div>
<div class="sample-icon"><i class="fab fa-dyalog"></i>
<span>dyalog</span>
</div>
<div class="sample-icon"><i class="fab fa-earlybirds"></i>
<span>earlybirds</span>
</div>
<div class="sample-icon"><i class="fab fa-ebay"></i>
<span>ebay</span>
</div>
<div class="sample-icon"><i class="fab fa-edge"></i>
<span>edge</span>
</div>
<div class="sample-icon"><i class="fab fa-elementor"></i>
<span>elementor</span>
</div>
<div class="sample-icon"><i class="fab fa-ello"></i>
<span>ello</span>
</div>
<div class="sample-icon"><i class="fab fa-ember"></i>
<span>ember</span>
</div>
<div class="sample-icon"><i class="fab fa-empire"></i>
<span>empire</span>
</div>
<div class="sample-icon"><i class="fab fa-envira"></i>
<span>envira</span>
</div>
<div class="sample-icon"><i class="fab fa-erlang"></i>
<span>erlang</span>
</div>
<div class="sample-icon"><i class="fab fa-ethereum"></i>
<span>ethereum</span>
</div>
<div class="sample-icon"><i class="fab fa-etsy"></i>
<span>etsy</span>
</div>
<div class="sample-icon"><i class="fab fa-expeditedssl"></i>
<span>expeditedssl</span>
</div>
<div class="sample-icon"><i class="fab fa-facebook"></i>
<span>facebook</span>
</div>
<div class="sample-icon"><i class="fab fa-facebook-f"></i>
<span>facebook-f</span>
</div>
<div class="sample-icon"><i class="fab fa-facebook-messenger"></i>
<span>facebook-messenger</span>
</div>
<div class="sample-icon"><i class="fab fa-facebook-square"></i>
<span>facebook-square</span>
</div>
<div class="sample-icon"><i class="fab fa-fantasy-flight-games"></i>
<span>fantasy-flight-games</span>
</div>
<div class="sample-icon"><i class="fab fa-fedex"></i>
<span>fedex</span>
</div>
<div class="sample-icon"><i class="fab fa-fedora"></i>
<span>fedora</span>
</div>
<div class="sample-icon"><i class="fab fa-figma"></i>
<span>figma</span>
</div>
<div class="sample-icon"><i class="fab fa-firefox"></i>
<span>firefox</span>
</div>
<div class="sample-icon"><i class="fab fa-first-order"></i>
<span>first-order</span>
</div>
<div class="sample-icon"><i class="fab fa-first-order-alt"></i>
<span>first-order-alt</span>
</div>
<div class="sample-icon"><i class="fab fa-firstdraft"></i>
<span>firstdraft</span>
</div>
<div class="sample-icon"><i class="fab fa-flickr"></i>
<span>flickr</span>
</div>
<div class="sample-icon"><i class="fab fa-flipboard"></i>
<span>flipboard</span>
</div>
<div class="sample-icon"><i class="fab fa-fly"></i>
<span>fly</span>
</div>
<div class="sample-icon"><i class="fab fa-font-awesome"></i>
<span>font-awesome</span>
</div>
<div class="sample-icon"><i class="fab fa-font-awesome-alt"></i>
<span>font-awesome-alt</span>
</div>
<div class="sample-icon"><i class="fab fa-font-awesome-flag"></i>
<span>font-awesome-flag</span>
</div>
<div class="sample-icon"><i class="fab fa-fonticons"></i>
<span>fonticons</span>
</div>
<div class="sample-icon"><i class="fab fa-fonticons-fi"></i>
<span>fonticons-fi</span>
</div>
<div class="sample-icon"><i class="fab fa-fort-awesome"></i>
<span>fort-awesome</span>
</div>
<div class="sample-icon"><i class="fab fa-fort-awesome-alt"></i>
<span>fort-awesome-alt</span>
</div>
<div class="sample-icon"><i class="fab fa-forumbee"></i>
<span>forumbee</span>
</div>
<div class="sample-icon"><i class="fab fa-foursquare"></i>
<span>foursquare</span>
</div>
<div class="sample-icon"><i class="fab fa-free-code-camp"></i>
<span>free-code-camp</span>
</div>
<div class="sample-icon"><i class="fab fa-freebsd"></i>
<span>freebsd</span>
</div>
<div class="sample-icon"><i class="fab fa-fulcrum"></i>
<span>fulcrum</span>
</div>
<div class="sample-icon"><i class="fab fa-galactic-republic"></i>
<span>galactic-republic</span>
</div>
<div class="sample-icon"><i class="fab fa-galactic-senate"></i>
<span>galactic-senate</span>
</div>
<div class="sample-icon"><i class="fab fa-get-pocket"></i>
<span>get-pocket</span>
</div>
<div class="sample-icon"><i class="fab fa-gg"></i>
<span>gg</span>
</div>
<div class="sample-icon"><i class="fab fa-gg-circle"></i>
<span>gg-circle</span>
</div>
<div class="sample-icon"><i class="fab fa-git"></i>
<span>git</span>
</div>
<div class="sample-icon"><i class="fab fa-git-square"></i>
<span>git-square</span>
</div>
<div class="sample-icon"><i class="fab fa-github"></i>
<span>github</span>
</div>
<div class="sample-icon"><i class="fab fa-github-alt"></i>
<span>github-alt</span>
</div>
<div class="sample-icon"><i class="fab fa-github-square"></i>
<span>github-square</span>
</div>
<div class="sample-icon"><i class="fab fa-gitkraken"></i>
<span>gitkraken</span>
</div>
<div class="sample-icon"><i class="fab fa-gitlab"></i>
<span>gitlab</span>
</div>
<div class="sample-icon"><i class="fab fa-gitter"></i>
<span>gitter</span>
</div>
<div class="sample-icon"><i class="fab fa-glide"></i>
<span>glide</span>
</div>
<div class="sample-icon"><i class="fab fa-glide-g"></i>
<span>glide-g</span>
</div>
<div class="sample-icon"><i class="fab fa-gofore"></i>
<span>gofore</span>
</div>
<div class="sample-icon"><i class="fab fa-goodreads"></i>
<span>goodreads</span>
</div>
<div class="sample-icon"><i class="fab fa-goodreads-g"></i>
<span>goodreads-g</span>
</div>
<div class="sample-icon"><i class="fab fa-google"></i>
<span>google</span>
</div>
<div class="sample-icon"><i class="fab fa-google-drive"></i>
<span>google-drive</span>
</div>
<div class="sample-icon"><i class="fab fa-google-play"></i>
<span>google-play</span>
</div>
<div class="sample-icon"><i class="fab fa-google-wallet"></i>
<span>google-wallet</span>
</div>
<div class="sample-icon"><i class="fab fa-gratipay"></i>
<span>gratipay</span>
</div>
<div class="sample-icon"><i class="fab fa-grav"></i>
<span>grav</span>
</div>
<div class="sample-icon"><i class="fab fa-gripfire"></i>
<span>gripfire</span>
</div>
<div class="sample-icon"><i class="fab fa-grunt"></i>
<span>grunt</span>
</div>
<div class="sample-icon"><i class="fab fa-gulp"></i>
<span>gulp</span>
</div>
<div class="sample-icon"><i class="fab fa-hacker-news"></i>
<span>hacker-news</span>
</div>
<div class="sample-icon"><i class="fab fa-hacker-news-square"></i>
<span>hacker-news-square</span>
</div>
<div class="sample-icon"><i class="fab fa-hackerrank"></i>
<span>hackerrank</span>
</div>
<div class="sample-icon"><i class="fab fa-hips"></i>
<span>hips</span>
</div>
<div class="sample-icon"><i class="fab fa-hire-a-helper"></i>
<span>hire-a-helper</span>
</div>
<div class="sample-icon"><i class="fab fa-hooli"></i>
<span>hooli</span>
</div>
<div class="sample-icon"><i class="fab fa-hornbill"></i>
<span>hornbill</span>
</div>
<div class="sample-icon"><i class="fab fa-hotjar"></i>
<span>hotjar</span>
</div>
<div class="sample-icon"><i class="fab fa-houzz"></i>
<span>houzz</span>
</div>
<div class="sample-icon"><i class="fab fa-html5"></i>
<span>html5</span>
</div>
<div class="sample-icon"><i class="fab fa-hubspot"></i>
<span>hubspot</span>
</div>
<div class="sample-icon"><i class="fab fa-imdb"></i>
<span>imdb</span>
</div>
<div class="sample-icon"><i class="fab fa-instagram"></i>
<span>instagram</span>
</div>
<div class="sample-icon"><i class="fab fa-intercom"></i>
<span>intercom</span>
</div>
<div class="sample-icon"><i class="fab fa-internet-explorer"></i>
<span>internet-explorer</span>
</div>
<div class="sample-icon"><i class="fab fa-invision"></i>
<span>invision</span>
</div>
<div class="sample-icon"><i class="fab fa-ioxhost"></i>
<span>ioxhost</span>
</div>
<div class="sample-icon"><i class="fab fa-itunes"></i>
<span>itunes</span>
</div>
<div class="sample-icon"><i class="fab fa-itunes-note"></i>
<span>itunes-note</span>
</div>
<div class="sample-icon"><i class="fab fa-java"></i>
<span>java</span>
</div>
<div class="sample-icon"><i class="fab fa-jedi-order"></i>
<span>jedi-order</span>
</div>
<div class="sample-icon"><i class="fab fa-jenkins"></i>
<span>jenkins</span>
</div>
<div class="sample-icon"><i class="fab fa-jira"></i>
<span>jira</span>
</div>
<div class="sample-icon"><i class="fab fa-joget"></i>
<span>joget</span>
</div>
<div class="sample-icon"><i class="fab fa-joomla"></i>
<span>joomla</span>
</div>
<div class="sample-icon"><i class="fab fa-js"></i>
<span>js</span>
</div>
<div class="sample-icon"><i class="fab fa-js-square"></i>
<span>js-square</span>
</div>
<div class="sample-icon"><i class="fab fa-jsfiddle"></i>
<span>jsfiddle</span>
</div>
<div class="sample-icon"><i class="fab fa-kaggle"></i>
<span>kaggle</span>
</div>
<div class="sample-icon"><i class="fab fa-keybase"></i>
<span>keybase</span>
</div>
<div class="sample-icon"><i class="fab fa-keycdn"></i>
<span>keycdn</span>
</div>
<div class="sample-icon"><i class="fab fa-kickstarter"></i>
<span>kickstarter</span>
</div>
<div class="sample-icon"><i class="fab fa-kickstarter-k"></i>
<span>kickstarter-k</span>
</div>
<div class="sample-icon"><i class="fab fa-korvue"></i>
<span>korvue</span>
</div>
<div class="sample-icon"><i class="fab fa-laravel"></i>
<span>laravel</span>
</div>
<div class="sample-icon"><i class="fab fa-lastfm"></i>
<span>lastfm</span>
</div>
<div class="sample-icon"><i class="fab fa-lastfm-square"></i>
<span>lastfm-square</span>
</div>
<div class="sample-icon"><i class="fab fa-leanpub"></i>
<span>leanpub</span>
</div>
<div class="sample-icon"><i class="fab fa-less"></i>
<span>less</span>
</div>
<div class="sample-icon"><i class="fab fa-line"></i>
<span>line</span>
</div>
<div class="sample-icon"><i class="fab fa-linkedin"></i>
<span>linkedin</span>
</div>
<div class="sample-icon"><i class="fab fa-linkedin-in"></i>
<span>linkedin-in</span>
</div>
<div class="sample-icon"><i class="fab fa-linode"></i>
<span>linode</span>
</div>
<div class="sample-icon"><i class="fab fa-linux"></i>
<span>linux</span>
</div>
<div class="sample-icon"><i class="fab fa-lyft"></i>
<span>lyft</span>
</div>
<div class="sample-icon"><i class="fab fa-magento"></i>
<span>magento</span>
</div>
<div class="sample-icon"><i class="fab fa-mailchimp"></i>
<span>mailchimp</span>
</div>
<div class="sample-icon"><i class="fab fa-mandalorian"></i>
<span>mandalorian</span>
</div>
<div class="sample-icon"><i class="fab fa-markdown"></i>
<span>markdown</span>
</div>
<div class="sample-icon"><i class="fab fa-mastodon"></i>
<span>mastodon</span>
</div>
<div class="sample-icon"><i class="fab fa-maxcdn"></i>
<span>maxcdn</span>
</div>
<div class="sample-icon"><i class="fab fa-medapps"></i>
<span>medapps</span>
</div>
<div class="sample-icon"><i class="fab fa-medium"></i>
<span>medium</span>
</div>
<div class="sample-icon"><i class="fab fa-medium-m"></i>
<span>medium-m</span>
</div>
<div class="sample-icon"><i class="fab fa-medrt"></i>
<span>medrt</span>
</div>
<div class="sample-icon"><i class="fab fa-meetup"></i>
<span>meetup</span>
</div>
<div class="sample-icon"><i class="fab fa-megaport"></i>
<span>megaport</span>
</div>
<div class="sample-icon"><i class="fab fa-mendeley"></i>
<span>mendeley</span>
</div>
<div class="sample-icon"><i class="fab fa-microsoft"></i>
<span>microsoft</span>
</div>
<div class="sample-icon"><i class="fab fa-mix"></i>
<span>mix</span>
</div>
<div class="sample-icon"><i class="fab fa-mixcloud"></i>
<span>mixcloud</span>
</div>
<div class="sample-icon"><i class="fab fa-mizuni"></i>
<span>mizuni</span>
</div>
<div class="sample-icon"><i class="fab fa-modx"></i>
<span>modx</span>
</div>
<div class="sample-icon"><i class="fab fa-monero"></i>
<span>monero</span>
</div>
<div class="sample-icon"><i class="fab fa-napster"></i>
<span>napster</span>
</div>
<div class="sample-icon"><i class="fab fa-neos"></i>
<span>neos</span>
</div>
<div class="sample-icon"><i class="fab fa-nimblr"></i>
<span>nimblr</span>
</div>
<div class="sample-icon"><i class="fab fa-nintendo-switch"></i>
<span>nintendo-switch</span>
</div>
<div class="sample-icon"><i class="fab fa-node"></i>
<span>node</span>
</div>
<div class="sample-icon"><i class="fab fa-node-js"></i>
<span>node-js</span>
</div>
<div class="sample-icon"><i class="fab fa-npm"></i>
<span>npm</span>
</div>
<div class="sample-icon"><i class="fab fa-ns8"></i>
<span>ns8</span>
</div>
<div class="sample-icon"><i class="fab fa-nutritionix"></i>
<span>nutritionix</span>
</div>
<div class="sample-icon"><i class="fab fa-odnoklassniki"></i>
<span>odnoklassniki</span>
</div>
<div class="sample-icon"><i class="fab fa-odnoklassniki-square"></i>
<span>odnoklassniki-square</span>
</div>
<div class="sample-icon"><i class="fab fa-old-republic"></i>
<span>old-republic</span>
</div>
<div class="sample-icon"><i class="fab fa-opencart"></i>
<span>opencart</span>
</div>
<div class="sample-icon"><i class="fab fa-openid"></i>
<span>openid</span>
</div>
<div class="sample-icon"><i class="fab fa-opera"></i>
<span>opera</span>
</div>
<div class="sample-icon"><i class="fab fa-optin-monster"></i>
<span>optin-monster</span>
</div>
<div class="sample-icon"><i class="fab fa-osi"></i>
<span>osi</span>
</div>
<div class="sample-icon"><i class="fab fa-page4"></i>
<span>page4</span>
</div>
<div class="sample-icon"><i class="fab fa-pagelines"></i>
<span>pagelines</span>
</div>
<div class="sample-icon"><i class="fab fa-palfed"></i>
<span>palfed</span>
</div>
<div class="sample-icon"><i class="fab fa-patreon"></i>
<span>patreon</span>
</div>
<div class="sample-icon"><i class="fab fa-paypal"></i>
<span>paypal</span>
</div>
<div class="sample-icon"><i class="fab fa-penny-arcade"></i>
<span>penny-arcade</span>
</div>
<div class="sample-icon"><i class="fab fa-periscope"></i>
<span>periscope</span>
</div>
<div class="sample-icon"><i class="fab fa-phabricator"></i>
<span>phabricator</span>
</div>
<div class="sample-icon"><i class="fab fa-phoenix-framework"></i>
<span>phoenix-framework</span>
</div>
<div class="sample-icon"><i class="fab fa-phoenix-squadron"></i>
<span>phoenix-squadron</span>
</div>
<div class="sample-icon"><i class="fab fa-php"></i>
<span>php</span>
</div>
<div class="sample-icon"><i class="fab fa-pied-piper"></i>
<span>pied-piper</span>
</div>
<div class="sample-icon"><i class="fab fa-pied-piper-alt"></i>
<span>pied-piper-alt</span>
</div>
<div class="sample-icon"><i class="fab fa-pied-piper-hat"></i>
<span>pied-piper-hat</span>
</div>
<div class="sample-icon"><i class="fab fa-pied-piper-pp"></i>
<span>pied-piper-pp</span>
</div>
<div class="sample-icon"><i class="fab fa-pinterest"></i>
<span>pinterest</span>
</div>
<div class="sample-icon"><i class="fab fa-pinterest-p"></i>
<span>pinterest-p</span>
</div>
<div class="sample-icon"><i class="fab fa-pinterest-square"></i>
<span>pinterest-square</span>
</div>
<div class="sample-icon"><i class="fab fa-playstation"></i>
<span>playstation</span>
</div>
<div class="sample-icon"><i class="fab fa-product-hunt"></i>
<span>product-hunt</span>
</div>
<div class="sample-icon"><i class="fab fa-pushed"></i>
<span>pushed</span>
</div>
<div class="sample-icon"><i class="fab fa-python"></i>
<span>python</span>
</div>
<div class="sample-icon"><i class="fab fa-qq"></i>
<span>qq</span>
</div>
<div class="sample-icon"><i class="fab fa-quinscape"></i>
<span>quinscape</span>
</div>
<div class="sample-icon"><i class="fab fa-quora"></i>
<span>quora</span>
</div>
<div class="sample-icon"><i class="fab fa-r-project"></i>
<span>r-project</span>
</div>
<div class="sample-icon"><i class="fab fa-raspberry-pi"></i>
<span>raspberry-pi</span>
</div>
<div class="sample-icon"><i class="fab fa-ravelry"></i>
<span>ravelry</span>
</div>
<div class="sample-icon"><i class="fab fa-react"></i>
<span>react</span>
</div>
<div class="sample-icon"><i class="fab fa-reacteurope"></i>
<span>reacteurope</span>
</div>
<div class="sample-icon"><i class="fab fa-readme"></i>
<span>readme</span>
</div>
<div class="sample-icon"><i class="fab fa-rebel"></i>
<span>rebel</span>
</div>
<div class="sample-icon"><i class="fab fa-red-river"></i>
<span>red-river</span>
</div>
<div class="sample-icon"><i class="fab fa-reddit"></i>
<span>reddit</span>
</div>
<div class="sample-icon"><i class="fab fa-reddit-alien"></i>
<span>reddit-alien</span>
</div>
<div class="sample-icon"><i class="fab fa-reddit-square"></i>
<span>reddit-square</span>
</div>
<div class="sample-icon"><i class="fab fa-redhat"></i>
<span>redhat</span>
</div>
<div class="sample-icon"><i class="fab fa-renren"></i>
<span>renren</span>
</div>
<div class="sample-icon"><i class="fab fa-replyd"></i>
<span>replyd</span>
</div>
<div class="sample-icon"><i class="fab fa-researchgate"></i>
<span>researchgate</span>
</div>
<div class="sample-icon"><i class="fab fa-resolving"></i>
<span>resolving</span>
</div>
<div class="sample-icon"><i class="fab fa-rev"></i>
<span>rev</span>
</div>
<div class="sample-icon"><i class="fab fa-rocketchat"></i>
<span>rocketchat</span>
</div>
<div class="sample-icon"><i class="fab fa-rockrms"></i>
<span>rockrms</span>
</div>
<div class="sample-icon"><i class="fab fa-safari"></i>
<span>safari</span>
</div>
<div class="sample-icon"><i class="fab fa-sass"></i>
<span>sass</span>
</div>
<div class="sample-icon"><i class="fab fa-schlix"></i>
<span>schlix</span>
</div>
<div class="sample-icon"><i class="fab fa-scribd"></i>
<span>scribd</span>
</div>
<div class="sample-icon"><i class="fab fa-searchengin"></i>
<span>searchengin</span>
</div>
<div class="sample-icon"><i class="fab fa-sellcast"></i>
<span>sellcast</span>
</div>
<div class="sample-icon"><i class="fab fa-sellsy"></i>
<span>sellsy</span>
</div>
<div class="sample-icon"><i class="fab fa-servicestack"></i>
<span>servicestack</span>
</div>
<div class="sample-icon"><i class="fab fa-shirtsinbulk"></i>
<span>shirtsinbulk</span>
</div>
<div class="sample-icon"><i class="fab fa-shopware"></i>
<span>shopware</span>
</div>
<div class="sample-icon"><i class="fab fa-simplybuilt"></i>
<span>simplybuilt</span>
</div>
<div class="sample-icon"><i class="fab fa-sistrix"></i>
<span>sistrix</span>
</div>
<div class="sample-icon"><i class="fab fa-sith"></i>
<span>sith</span>
</div>
<div class="sample-icon"><i class="fab fa-sketch"></i>
<span>sketch</span>
</div>
<div class="sample-icon"><i class="fab fa-skyatlas"></i>
<span>skyatlas</span>
</div>
<div class="sample-icon"><i class="fab fa-skype"></i>
<span>skype</span>
</div>
<div class="sample-icon"><i class="fab fa-slack"></i>
<span>slack</span>
</div>
<div class="sample-icon"><i class="fab fa-slack-hash"></i>
<span>slack-hash</span>
</div>
<div class="sample-icon"><i class="fab fa-slideshare"></i>
<span>slideshare</span>
</div>
<div class="sample-icon"><i class="fab fa-snapchat"></i>
<span>snapchat</span>
</div>
<div class="sample-icon"><i class="fab fa-snapchat-ghost"></i>
<span>snapchat-ghost</span>
</div>
<div class="sample-icon"><i class="fab fa-snapchat-square"></i>
<span>snapchat-square</span>
</div>
<div class="sample-icon"><i class="fab fa-soundcloud"></i>
<span>soundcloud</span>
</div>
<div class="sample-icon"><i class="fab fa-sourcetree"></i>
<span>sourcetree</span>
</div>
<div class="sample-icon"><i class="fab fa-speakap"></i>
<span>speakap</span>
</div>
<div class="sample-icon"><i class="fab fa-spotify"></i>
<span>spotify</span>
</div>
<div class="sample-icon"><i class="fab fa-squarespace"></i>
<span>squarespace</span>
</div>
<div class="sample-icon"><i class="fab fa-stack-exchange"></i>
<span>stack-exchange</span>
</div>
<div class="sample-icon"><i class="fab fa-stack-overflow"></i>
<span>stack-overflow</span>
</div>
<div class="sample-icon"><i class="fab fa-staylinked"></i>
<span>staylinked</span>
</div>
<div class="sample-icon"><i class="fab fa-steam"></i>
<span>steam</span>
</div>
<div class="sample-icon"><i class="fab fa-steam-square"></i>
<span>steam-square</span>
</div>
<div class="sample-icon"><i class="fab fa-steam-symbol"></i>
<span>steam-symbol</span>
</div>
<div class="sample-icon"><i class="fab fa-sticker-mule"></i>
<span>sticker-mule</span>
</div>
<div class="sample-icon"><i class="fab fa-strava"></i>
<span>strava</span>
</div>
<div class="sample-icon"><i class="fab fa-stripe"></i>
<span>stripe</span>
</div>
<div class="sample-icon"><i class="fab fa-stripe-s"></i>
<span>stripe-s</span>
</div>
<div class="sample-icon"><i class="fab fa-studiovinari"></i>
<span>studiovinari</span>
</div>
<div class="sample-icon"><i class="fab fa-stumbleupon"></i>
<span>stumbleupon</span>
</div>
<div class="sample-icon"><i class="fab fa-stumbleupon-circle"></i>
<span>stumbleupon-circle</span>
</div>
<div class="sample-icon"><i class="fab fa-superpowers"></i>
<span>superpowers</span>
</div>
<div class="sample-icon"><i class="fab fa-supple"></i>
<span>supple</span>
</div>
<div class="sample-icon"><i class="fab fa-suse"></i>
<span>suse</span>
</div>
<div class="sample-icon"><i class="fab fa-teamspeak"></i>
<span>teamspeak</span>
</div>
<div class="sample-icon"><i class="fab fa-telegram"></i>
<span>telegram</span>
</div>
<div class="sample-icon"><i class="fab fa-telegram-plane"></i>
<span>telegram-plane</span>
</div>
<div class="sample-icon"><i class="fab fa-tencent-weibo"></i>
<span>tencent-weibo</span>
</div>
<div class="sample-icon"><i class="fab fa-the-red-yeti"></i>
<span>the-red-yeti</span>
</div>
<div class="sample-icon"><i class="fab fa-themeco"></i>
<span>themeco</span>
</div>
<div class="sample-icon"><i class="fab fa-themeisle"></i>
<span>themeisle</span>
</div>
<div class="sample-icon"><i class="fab fa-think-peaks"></i>
<span>think-peaks</span>
</div>
<div class="sample-icon"><i class="fab fa-trade-federation"></i>
<span>trade-federation</span>
</div>
<div class="sample-icon"><i class="fab fa-trello"></i>
<span>trello</span>
</div>
<div class="sample-icon"><i class="fab fa-tripadvisor"></i>
<span>tripadvisor</span>
</div>
<div class="sample-icon"><i class="fab fa-tumblr"></i>
<span>tumblr</span>
</div>
<div class="sample-icon"><i class="fab fa-tumblr-square"></i>
<span>tumblr-square</span>
</div>
<div class="sample-icon"><i class="fab fa-twitch"></i>
<span>twitch</span>
</div>
<div class="sample-icon"><i class="fab fa-twitter"></i>
<span>twitter</span>
</div>
<div class="sample-icon"><i class="fab fa-twitter-square"></i>
<span>twitter-square</span>
</div>
<div class="sample-icon"><i class="fab fa-typo3"></i>
<span>typo3</span>
</div>
<div class="sample-icon"><i class="fab fa-uber"></i>
<span>uber</span>
</div>
<div class="sample-icon"><i class="fab fa-ubuntu"></i>
<span>ubuntu</span>
</div>
<div class="sample-icon"><i class="fab fa-uikit"></i>
<span>uikit</span>
</div>
<div class="sample-icon"><i class="fab fa-uniregistry"></i>
<span>uniregistry</span>
</div>
<div class="sample-icon"><i class="fab fa-untappd"></i>
<span>untappd</span>
</div>
<div class="sample-icon"><i class="fab fa-ups"></i>
<span>ups</span>
</div>
<div class="sample-icon"><i class="fab fa-usb"></i>
<span>usb</span>
</div>
<div class="sample-icon"><i class="fab fa-usps"></i>
<span>usps</span>
</div>
<div class="sample-icon"><i class="fab fa-ussunnah"></i>
<span>ussunnah</span>
</div>
<div class="sample-icon"><i class="fab fa-vaadin"></i>
<span>vaadin</span>
</div>
<div class="sample-icon"><i class="fab fa-viacoin"></i>
<span>viacoin</span>
</div>
<div class="sample-icon"><i class="fab fa-viadeo"></i>
<span>viadeo</span>
</div>
<div class="sample-icon"><i class="fab fa-viadeo-square"></i>
<span>viadeo-square</span>
</div>
<div class="sample-icon"><i class="fab fa-viber"></i>
<span>viber</span>
</div>
<div class="sample-icon"><i class="fab fa-vimeo"></i>
<span>vimeo</span>
</div>
<div class="sample-icon"><i class="fab fa-vimeo-square"></i>
<span>vimeo-square</span>
</div>
<div class="sample-icon"><i class="fab fa-vimeo-v"></i>
<span>vimeo-v</span>
</div>
<div class="sample-icon"><i class="fab fa-vine"></i>
<span>vine</span>
</div>
<div class="sample-icon"><i class="fab fa-vk"></i>
<span>vk</span>
</div>
<div class="sample-icon"><i class="fab fa-vnv"></i>
<span>vnv</span>
</div>
<div class="sample-icon"><i class="fab fa-vuejs"></i>
<span>vuejs</span>
</div>
<div class="sample-icon"><i class="fab fa-weebly"></i>
<span>weebly</span>
</div>
<div class="sample-icon"><i class="fab fa-weibo"></i>
<span>weibo</span>
</div>
<div class="sample-icon"><i class="fab fa-weixin"></i>
<span>weixin</span>
</div>
<div class="sample-icon"><i class="fab fa-whatsapp"></i>
<span>whatsapp</span>
</div>
<div class="sample-icon"><i class="fab fa-whatsapp-square"></i>
<span>whatsapp-square</span>
</div>
<div class="sample-icon"><i class="fab fa-whmcs"></i>
<span>whmcs</span>
</div>
<div class="sample-icon"><i class="fab fa-wikipedia-w"></i>
<span>wikipedia-w</span>
</div>
<div class="sample-icon"><i class="fab fa-windows"></i>
<span>windows</span>
</div>
<div class="sample-icon"><i class="fab fa-wix"></i>
<span>wix</span>
</div>
<div class="sample-icon"><i class="fab fa-wizards-of-the-coast"></i>
<span>wizards-of-the-coast</span>
</div>
<div class="sample-icon"><i class="fab fa-wolf-pack-battalion"></i>
<span>wolf-pack-battalion</span>
</div>
<div class="sample-icon"><i class="fab fa-wordpress"></i>
<span>wordpress</span>
</div>
<div class="sample-icon"><i class="fab fa-wordpress-simple"></i>
<span>wordpress-simple</span>
</div>
<div class="sample-icon"><i class="fab fa-wpbeginner"></i>
<span>wpbeginner</span>
</div>
<div class="sample-icon"><i class="fab fa-wpexplorer"></i>
<span>wpexplorer</span>
</div>
<div class="sample-icon"><i class="fab fa-wpforms"></i>
<span>wpforms</span>
</div>
<div class="sample-icon"><i class="fab fa-wpressr"></i>
<span>wpressr</span>
</div>
<div class="sample-icon"><i class="fab fa-xbox"></i>
<span>xbox</span>
</div>
<div class="sample-icon"><i class="fab fa-xing"></i>
<span>xing</span>
</div>
<div class="sample-icon"><i class="fab fa-xing-square"></i>
<span>xing-square</span>
</div>
<div class="sample-icon"><i class="fab fa-y-combinator"></i>
<span>y-combinator</span>
</div>
<div class="sample-icon"><i class="fab fa-yahoo"></i>
<span>yahoo</span>
</div>
<div class="sample-icon"><i class="fab fa-yandex"></i>
<span>yandex</span>
</div>
<div class="sample-icon"><i class="fab fa-yandex-international"></i>
<span>yandex-international</span>
</div>
<div class="sample-icon"><i class="fab fa-yarn"></i>
<span>yarn</span>
</div>
<div class="sample-icon"><i class="fab fa-yelp"></i>
<span>yelp</span>
</div>
<div class="sample-icon"><i class="fab fa-yoast"></i>
<span>yoast</span>
</div>
<div class="sample-icon"><i class="fab fa-youtube"></i>
<span>youtube</span>
</div>
<div class="sample-icon"><i class="fab fa-youtube-square"></i>
<span>youtube-square</span>
</div>
<div class="sample-icon"><i class="fab fa-zhihu"></i>
<span>zhihu</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="element-section bg-white mt-2 pt-10 pb-10">
<div class="container">
<p class="text-center text-uppercase ls-s mb-1">For your new website design.</p>
<h2 class="title title-center ls-s mb-8">Riode Elements</h2>
<div class="row elements justify-content-center">
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-accordions.html" class="element-type">
<div class="element element-accordian">
<svg 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" xml:space="preserve">
<rect x="16.396" y="18.941" width="67.209" height="4.045"></rect>
<rect x="16.396" y="33.459" width="38.751" height="4.044"></rect>
<rect x="16.396" y="47.977" width="51.376" height="4.048"></rect>
<rect x="16.396" y="62.496" width="66.043" height="4.047"></rect>
<rect x="16.396" y="77.016" width="39.376" height="4.043"></rect>
</svg>
<p>accordions</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-banner.html" class="element-type">
<div class="element element-icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="62px" viewBox="0 0 80 62" xml:space="preserve" style="margin: -8px 0 8px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-banner-effect.html" class="element-type">
<div class="element element-icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="73px" height="73px" viewBox="0 0 80 73" xml:space="preserve">
<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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-blog-posts.html" class="element-type">
<div class="element element-blog">
<svg 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" 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">
</path>
<rect x="19.478" y="45.364" width="58.937" height="2.52"></rect>
<rect x="39.083" y="54.756" width="39.331" height="2.519"></rect>
<rect x="39.083" y="63.35" width="3.632" height="2.52"></rect>
<rect x="19.478" y="71.946" width="19.862" height="2.519"></rect>
<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>
<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>
<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>
<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">
</path>
<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">
</path>
</g>
</svg>
<p>blog posts</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-breadcrumb.html" class="element-type">
<div class="element element-icon">
<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: 2px 0 0 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-buttons.html" class="element-type">
<div class="element element-button">
<svg 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" 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">
</path>
</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">
</path>
</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>
<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">
</path>
</svg>
<p>buttons</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-cta.html" class="element-type">
<div class="element element-cta">
<svg 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" 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">
</path>
</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">
</path>
<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">
</path>
</g>
</svg>
<p>call to action</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-countdown.html" class="element-type">
<div class="element element-icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="73px" height="73px" viewBox="0 0 80 80" xml:space="preserve">
<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="#000000" stroke-width="2" stroke-miterlimit="10" cx="39.969" cy="43.788" rx="21.24" ry="20.912">
</ellipse>
<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="39.969" y1="22.876" x2="39.969" y2="17.406"></line>
</g>
<path fill="none" stroke="#000000" 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-counter.html" class="element-type">
<div class="element element-icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="73px" height="73px" viewBox="0 0 80 80" xml:space="preserve">
<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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-creative-grid.html" class="element-type">
<div class="element element-icon">
<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: 0 0 -18px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-animation.html" class="element-type">
<div class="element element-icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="73px" height="73px" viewBox="0 0 80 80" xml:space="preserve">
<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="#000000" 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="#000000" stroke-width="2" stroke-miterlimit="10" x1="47.474" y1="34.857" x2="52.712" y2="55.848"></line>
</svg>
<p>Entrance Effect</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-floating.html" class="element-type">
<div class="element element-icon">
<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: -10px 0 -8px 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="#000000" 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-hotspot.html" class="element-type">
<div class="element element-icon">
<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: 4px 0 -2px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-icon-boxes.html" class="element-type">
<div class="element element-icon-box">
<svg 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" 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>
<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>
<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">
</path>
</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">
</path>
</svg>
<p>icon boxes</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-icons.html" class="element-type">
<div class="element element-icon">
<svg 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" 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">
</path>
</g>
<rect x="33.347" y="25.068" fill="#666" width="2.5" height="3.312"></rect>
<rect x="33.347" y="31.689" fill="#666" width="2.5" height="13.243"></rect>
</svg>
<p class="mt-1">Icons</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-image-box.html" class="element-type">
<div class="element element-icon">
<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: 0 0 2px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-instagrams.html" class="element-type">
<div class="element">
<svg 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" 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">
</path>
</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">
</path>
</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">
</path>
</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">
</path>
</g>
</svg>
<p>Instagrams</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-alerts.html" class="element-type">
<div class="element">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="pt-1 pb-1" x="0px" y="0px" width="50px" height="62px" viewBox="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">
</path>
</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">
</path>
</g>
</svg>
<p>Notification</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-categories.html" class="element-type">
<div class="element element-category">
<svg 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" 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>
<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>
<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">
</path>
</g>
</svg>
<p>product categories</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-products.html" class="element-type">
<div class="element element-product">
<svg 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" 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>
<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">
</path>
</g>
</svg>
<p>products</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-product-banner.html" class="element-type">
<div class="element element-product">
<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: 5px 0 -3px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-product-grid.html" class="element-type">
<div class="element element-product">
<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: -9px 0 -9px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-product-single.html" class="element-type">
<div class="element element-product">
<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: 4px 0 -2px 0;">
<path fill="#666" stroke="#000000" 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-product-tab.html" class="element-type">
<div class="element element-product">
<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: 5px 0 -3px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-single-product.html" class="element-type">
<div class="element element-product">
<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: -11px 0 -7px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-slider.html" class="element-type">
<div 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: -9px 0 -9px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-social-link.html" class="element-type">
<div class="element element-tab">
<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: -6px 0 -12px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-subcategory.html" class="element-type">
<div class="element element-tab">
<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: -10px 0 -8px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-svg-floating.html" class="element-type">
<div class="element element-tab">
<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: -1px 0 -17px 0;">
<polygon stroke="#000000" 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="#000000" 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="#000000" 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-tabs.html" class="element-type">
<div class="element element-tab">
<svg 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" 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>
<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>
<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>
<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>
<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>
<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>
<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>
<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">
</path>
</g>
</svg>
<p>tabs</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-testimonials.html" class="element-type">
<div class="element element-testimonial">
<svg 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" 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>
<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>
<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>
<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>
<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">
</path>
</g>
</svg>
<p>testimonials</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-titles.html" class="element-type">
<div class="element element-title active">
<svg 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" 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>
<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">
</path>
</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>
<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">
</path>
</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>
<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">
</path>
</g>
</svg>
<p>titles</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-typography.html" class="element-type">
<div class="element element-typography">
<svg 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" xml:space="preserve">
<g>
<rect x="37.195" y="76.181" fill="none" width="25.612" height="3.859">
</rect>
<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>
<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">
</path>
</g>
</svg>
<p>typography</p>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-vendor.html" class="element-type">
<div class="element element-video">
<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: -9px 0 -9px 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>
</div>
</a>
</div>
<div class="col-xl-5col col-lg-3 col-md-4 col-sm-6 col-12">
<a href="element-video.html" class="element-type">
<div class="element element-typography">
<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: 1px 0 1px 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>
</div>
</a>
</div>
</div>

</div>
</section>
</div>
</main>

<footer class="footer">
<div class="container">
<div class="footer-top">
<div class="row align-items-center">
<div class="col-lg-3">
<a href="demo1.html" class="logo-footer">
<img src="images/logo-footer.png" alt="logo-footer" width="154" height="43" />
</a>

</div>
<div class="col-lg-9">
<div class="widget widget-newsletter form-wrapper form-wrapper-inline">
<div class="newsletter-info mx-auto mr-lg-2 ml-lg-4">
<h4 class="widget-title">Subscribe to our Newsletter</h4>
<p>Get all the latest information, Sales and Offers.</p>
</div>
<form action="#" class="input-wrapper input-wrapper-inline">
<input type="email" class="form-control" name="email" id="email" placeholder="Email address here..." required />
<button class="btn btn-primary btn-rounded btn-md ml-2" type="submit">subscribe<i class="d-icon-arrow-right"></i></button>
</form>
</div>

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

<div class="footer-middle">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="widget widget-info">
<h4 class="widget-title">Contact Info</h4>
<ul class="widget-body">
<li>
<label>Phone:</label>
<a href="tel:#">Toll Free (123) 456-7890</a>
</li>
<li>
<label>Email:</label>
<a href="https://d-themes.com/cdn-cgi/l/email-protection#ec818d8580ac9e85838889c28f8381"><span class="__cf_email__" data-cfemail="d0bdb1b9bc90a2b9bfb4b5feb3bfbd">[email&#160;protected]</span></a>
</li>
<li>
<label>Address:</label>
<a href="#">123 Street Name, City, England</a>
</li>
<li>
<label>WORKING DAYS / HOURS:</label>
</li>
<li>
<a href="#">Mon - Sun / 9:00 AM - 8:00 PM</a>
</li>
</ul>
</div>

</div>
<div class="col-lg-3 col-md-6">
<div class="widget ml-lg-4">
<h4 class="widget-title">My Account</h4>
<ul class="widget-body">
<li>
<a href="about-us.html">About Us</a>
</li>
<li>
<a href="#">Order History</a>
</li>
<li>
<a href="#">Returns</a>
</li>
<li>
<a href="#">Custom Service</a>
</li>
<li>
<a href="#">Terms &amp; Condition</a>
</li>
</ul>
</div>

</div>
<div class="col-lg-3 col-md-6">
<div class="widget ml-lg-4">
<h4 class="widget-title">Contact Info</h4>
<ul class="widget-body">
<li>
<a href="#">Sign in</a>
</li>
<li>
<a href="cart.html">View Cart</a>
</li>
<li>
<a href="wishlist.html">My Wishlist</a>
</li>
<li>
<a href="#">Track My Order</a>
</li>
<li>
<a href="#">Help</a>
</li>
</ul>
</div>

</div>
<div class="col-lg-3 col-md-6">
<div class="widget widget-instagram">
<h4 class="widget-title">Instagram</h4>
<figure class="widget-body row">
<div class="col-3">
<img src="images/instagram/01.jpg" alt="instagram 1" width="64" height="64" />
</div>
<div class="col-3">
<img src="images/instagram/02.jpg" alt="instagram 2" width="64" height="64" />
</div>
<div class="col-3">
<img src="images/instagram/03.jpg" alt="instagram 3" width="64" height="64" />
</div>
<div class="col-3">
<img src="images/instagram/04.jpg" alt="instagram 4" width="64" height="64" />
</div>
<div class="col-3">
<img src="images/instagram/05.jpg" alt="instagram 5" width="64" height="64" />
</div>
<div class="col-3">
<img src="images/instagram/06.jpg" alt="instagram 6" width="64" height="64" />
</div>
<div class="col-3">
<img src="images/instagram/07.jpg" alt="instagram 7" width="64" height="64" />
</div>
<div class="col-3">
<img src="images/instagram/08.jpg" alt="instagram 8" width="64" height="64" />
</div>
</figure>
</div>

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

<div class="footer-bottom">
<div class="footer-left">
<figure class="payment">
<img src="images/payment.png" alt="payment" width="159" height="29" />
</figure>
</div>
<div class="footer-center">
<p class="copyright">Riode eCommerce &copy; 2022. All Rights Reserved</p>
</div>
<div class="footer-right">
<div class="social-links">
<a href="#" class="social-link social-facebook fab fa-facebook-f"></a>
<a href="#" class="social-link social-twitter fab fa-twitter"></a>
<a href="#" class="social-link social-linkedin fab fa-linkedin-in"></a>
</div>
</div>
</div>

</div>
</footer>

</div>

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

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

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

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

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

<ul class="mobile-menu mmenu-anim">
<li>
<a href="demo1.html">Home</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>
</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 &amp; On Sale</a></li>
<li><a href="product.html">Variable Product</a></li>
<li><a href="product-variable-swatch.html">Variation Swatch
Product</a></li>
<li><a href="product-grouped.html">Grouped Product </a></li>
<li><a href="product-external.html">External Product</a></li>
<li><a href="product-in-stock.html">In Stock Product</a></li>
<li><a href="product-out-stock.html">Out of Stock Product</a></li>
<li><a href="product-upsell.html">Upsell Products</a></li>
<li><a href="product-cross-sell.html">Cross Sell Products</a></li>
</ul>
</li>
<li>
<a href="#">Product Layouts</a>
<ul>
<li><a href="product-vertical.html">Vertical Thumb</a></li>
<li><a href="product-horizontal.html">Horizontal Thumb</a></li>
<li><a href="product-gallery.html">Gallery Type</a></li>
<li><a href="product-grid.html">Grid Images</a></li>
<li><a href="product-masonry.html">Masonry Images</a></li>
<li><a href="product-sticky.html">Sticky Info</a></li>
<li><a href="product-sticky-both.html">Left & Right Sticky</a></li>
<li><a href="product-left-sidebar.html">With Left Sidebar</a></li>
<li><a href="product-right-sidebar.html">With Right Sidebar</a></li>
<li><a href="product-full.html">Full Width Layout </a></li>
</ul>
</li>
<li>
<a href="#">Product Features</a>
<ul>
<li><a href="product-sale.html">Sale Countdown</a></li>
<li><a href="product-hurryup.html">Hurry Up Notification </a></li>
<li><a href="product-attribute-guide.html">Attribute Guide </a></li>
<li><a href="product-sticky-cart.html">Add Cart Sticky</a></li>
<li><a href="product-thumbnail-label.html">Labels on Thumbnail</a>
</li>
<li><a href="product-more-description.html">More Description
Tabs</a></li>
<li><a href="product-accordion-data.html">Data In Accordion</a></li>
<li><a href="product-tabinside.html">Data Inside</a></li>
<li><a href="product-video.html">Video Thumbnail </a>
</li>
<li><a href="product-360-degree.html">360 Degree Thumbnail </a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Pages</a>
<ul>
<li><a href="about-us.html">About</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="account.html">Login</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="error-404.html">Error 404</a>
<ul>
<li><a href="error-404.html">Error 404-1</a></li>
<li><a href="error-404-1.html">Error 404-2</a></li>
<li><a href="error-404-2.html">Error 404-3</a></li>
<li><a href="error-404-3.html">Error 404-4</a></li>
</ul>
</li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li>
<a href="blog-classic.html">Blog</a>
<ul>
<li><a href="blog-classic.html">Classic</a></li>
<li><a href="blog-listing.html">Listing</a></li>
<li>
<a href="#">Grid</a>
<ul>
<li><a href="blog-grid-2col.html">Grid 2 columns</a></li>
<li><a href="blog-grid-3col.html">Grid 3 columns</a></li>
<li><a href="blog-grid-4col.html">Grid 4 columns</a></li>
<li><a href="blog-grid-sidebar.html">Grid sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Masonry</a>
<ul>
<li><a href="blog-masonry-2col.html">Masonry 2 columns</a></li>
<li><a href="blog-masonry-3col.html">Masonry 3 columns</a></li>
<li><a href="blog-masonry-4col.html">Masonry 4 columns</a></li>
<li><a href="blog-masonry-sidebar.html">Masonry sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Mask</a>
<ul>
<li><a href="blog-mask-grid.html">Blog mask grid</a></li>
<li><a href="blog-mask-masonry.html">Blog mask masonry</a></li>
</ul>
</li>
<li>
<a href="post-single.html">Single Post</a>
</li>
</ul>
</li>
<li>
<a href="element.html">Elements</a>
<ul>
<li>
<a href="#">Elements 1</a>
<ul>
<li><a href="element-accordions.html">Accordions</a></li>
<li><a href="element-alerts.html">Alert &amp; Notification</a></li>
<li><a href="element-banner-effect.html">Banner Effect
</a></li>
<li><a href="element-banner.html">Banner
</a></li>
<li><a href="element-blog-posts.html">Blog Posts</a></li>
<li><a href="element-breadcrumb.html">Breadcrumb
</a></li>
<li><a href="element-buttons.html">Buttons</a></li>
<li><a href="element-cta.html">Call to Action</a></li>
<li><a href="element-countdown.html">Countdown
</a></li>
</ul>
</li>
<li>
<a href="#">Elements 2</a>
<ul>
<li><a href="element-counter.html">Counter </a></li>
<li><a href="element-creative-grid.html">Creative Grid
</a></li>
<li><a href="element-animation.html">Entrance Effect
</a></li>
<li><a href="element-floating.html">Floating
</a></li>
<li><a href="element-hotspot.html">Hotspot
</a></li>
<li><a href="element-icon-boxes.html">Icon Boxes</a></li>
<li><a href="element-icons.html">Icons</a></li>
<li><a href="element-image-box.html">Image box
</a></li>
<li><a href="element-instagrams.html">Instagrams</a></li>
</ul>
</li>
<li>
<a href="#">Elements 3</a>
<ul>
<li><a href="element-categories.html">Product Category</a></li>
<li><a href="element-products.html">Products</a></li>
<li><a href="element-product-banner.html">Products + Banner
</a></li>
<li><a href="element-product-grid.html">Products + Grid
</a></li>
<li><a href="element-product-single.html">Product Single
</a>
</li>
<li><a href="element-product-tab.html">Products + Tab
</a></li>
<li><a href="element-single-product.html">Single Product
</a></li>
<li><a href="element-slider.html">Slider
</a></li>
<li><a href="element-social-link.html">Social Icons </a></li>
</ul>
</li>
<li>
<a href="#">Elements 4</a>
<ul>
<li><a href="element-subcategory.html">Subcategory
</a></li>
<li><a href="element-svg-floating.html">Svg Floating
</a></li>
<li><a href="element-tabs.html">Tabs</a></li>
<li><a href="element-testimonials.html">Testimonials
</a></li>
<li><a href="element-titles.html">Title</a></li>
<li><a href="element-typography.html">Typography</a></li>
<li><a href="element-vendor.html">Vendor
</a></li>
<li><a href="element-video.html">Video
</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="https://d-themes.com/buynow/riode.html">Buy Riode!</a></li>
</ul>

</div>
</div>

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

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

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

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

Zerion Mini Shell 1.0