SMAMUGAPAY/assets/template/docs/styleguide/icons-font.html

11685 lines
629 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="An impressive and flawless site template that includes various UI elements and countless features, attractive ready-made blocks and rich pages, basically everything you need to create a unique and professional website.">
<meta name="keywords" content="bootstrap 5, business, corporate, creative, gulp, marketing, minimal, modern, multipurpose, one page, responsive, saas, sass, seo, startup, html5 template, site template">
<meta name="author" content="elemis">
<title>Sandbox - Modern & Multipurpose Bootstrap 5 Template</title>
<link rel="shortcut icon" href="../../assets/img/favicon.png">
<link rel="stylesheet" href="../../assets/css/plugins.css">
<link rel="stylesheet" href="../../assets/css/style.css">
</head>
<body>
<div class="content-wrapper">
<header class="wrapper bg-soft-primary">
<nav class="navbar navbar-expand-lg center-nav transparent navbar-light">
<div class="container flex-lg-row flex-nowrap align-items-center">
<div class="navbar-brand w-100">
<a href="../../index.html">
<img src="../../assets/img/logo.png" srcset="../../assets/img/logo@2x.png 2x" alt="" />
</a>
</div>
<div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
<div class="offcanvas-header d-lg-none">
<h3 class="text-white fs-30 mb-0">Sandbox</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">
<ul class="navbar-nav">
<li class="nav-item dropdown dropdown-mega">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Demos</a>
<ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">
<li class="mega-menu-content mega-menu-scroll">
<ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-4 gy-lg-2 list-unstyled">
<li class="col">
<a class="dropdown-item" href="../../demo1.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi1.jpg" srcset="../../assets/img/demos/mi1@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 1</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo2.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi2.jpg" srcset="../../assets/img/demos/mi2@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 2</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo3.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi3.jpg" srcset="../../assets/img/demos/mi3@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 3</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo4.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi4.jpg" srcset="../../assets/img/demos/mi4@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 4</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo5.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi5.jpg" srcset="../../assets/img/demos/mi5@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 5</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo6.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi6.jpg" srcset="../../assets/img/demos/mi6@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 6</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo7.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi7.jpg" srcset="../../assets/img/demos/mi7@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 7</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo8.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi8.jpg" srcset="../../assets/img/demos/mi8@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 8</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo9.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi9.jpg" srcset="../../assets/img/demos/mi9@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 9</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo10.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi10.jpg" srcset="../../assets/img/demos/mi10@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 10</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo11.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi11.jpg" srcset="../../assets/img/demos/mi11@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 11</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo12.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi12.jpg" srcset="../../assets/img/demos/mi12@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 12</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo13.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi13.jpg" srcset="../../assets/img/demos/mi13@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 13</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo14.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi14.jpg" srcset="../../assets/img/demos/mi14@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 14</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo15.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi15.jpg" srcset="../../assets/img/demos/mi15@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 15</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo16.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi16.jpg" srcset="../../assets/img/demos/mi16@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 16</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo17.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi17.jpg" srcset="../../assets/img/demos/mi17@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 17</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo18.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi18.jpg" srcset="../../assets/img/demos/mi18@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 18</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo19.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi19.jpg" srcset="../../assets/img/demos/mi19@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 19</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo20.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi20.jpg" srcset="../../assets/img/demos/mi20@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 20</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo21.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi21.jpg" srcset="../../assets/img/demos/mi21@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 21</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo22.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi22.jpg" srcset="../../assets/img/demos/mi22@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 22</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo23.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi23.jpg" srcset="../../assets/img/demos/mi23@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 23</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo24.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi24.jpg" srcset="../../assets/img/demos/mi24@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 24</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo25.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi25.jpg" srcset="../../assets/img/demos/mi25@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 25</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo26.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi26.jpg" srcset="../../assets/img/demos/mi26@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 26</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo27.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi27.jpg" srcset="../../assets/img/demos/mi27@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 27</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo28.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi28.jpg" srcset="../../assets/img/demos/mi28@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 28</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo29.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi29.jpg" srcset="../../assets/img/demos/mi29@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 29</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo30.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi30.jpg" srcset="../../assets/img/demos/mi30@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 30</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo31.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi31.jpg" srcset="../../assets/img/demos/mi31@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 31</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo32.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi32.jpg" srcset="../../assets/img/demos/mi32@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 32</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo33.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi33.jpg" srcset="../../assets/img/demos/mi33@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 33</span>
</a>
</li>
<li class="col">
<a class="dropdown-item" href="../../demo34.html">
<figure class="rounded lift d-none d-lg-block"><img src="../../assets/img/demos/mi34.jpg" srcset="../../assets/img/demos/mi34@2x.jpg 2x" alt=""></figure>
<span class="d-lg-none">Demo 34</span>
</a>
</li>
</ul>
<!--/.row -->
<span class="d-none d-lg-flex"><i class="uil uil-direction"></i><strong>Scroll to view more</strong></span>
</li>
<!--/.mega-menu-content-->
</ul>
<!--/.dropdown-menu -->
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>
<ul class="dropdown-menu">
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Services</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="../../services.html">Services I</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../services2.html">Services II</a></li>
</ul>
</li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">About</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="../../about.html">About I</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../about2.html">About II</a></li>
</ul>
</li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="../../shop.html">Shop I</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../shop2.html">Shop II</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../shop-product.html">Product Page</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../shop-cart.html">Shopping Cart</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../shop-checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Contact</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="../../contact.html">Contact I</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../contact2.html">Contact II</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../contact3.html">Contact III</a></li>
</ul>
</li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Career</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="../../career.html">Job Listing I</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../career2.html">Job Listing II</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../career-job.html">Job Description</a></li>
</ul>
</li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Utility</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="../../404.html">404 Not Found</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../page-loader.html">Page Loader</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../signin.html">Sign In I</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../signin2.html">Sign In II</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../signup.html">Sign Up I</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../signup2.html">Sign Up II</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../terms.html">Terms</a></li>
</ul>
</li>
<li class="nav-item"><a class="dropdown-item" href="../../pricing.html">Pricing</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../onepage.html">One Page</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Projects</a>
<div class="dropdown-menu dropdown-lg">
<div class="dropdown-lg-content">
<div>
<h6 class="dropdown-header">Project Pages</h6>
<ul class="list-unstyled">
<li><a class="dropdown-item" href="../../projects.html">Projects I</a></li>
<li><a class="dropdown-item" href="../../projects2.html">Projects II</a></li>
<li><a class="dropdown-item" href="../../projects3.html">Projects III</a></li>
<li><a class="dropdown-item" href="../../projects4.html">Projects IV</a></li>
</ul>
</div>
<!-- /.column -->
<div>
<h6 class="dropdown-header">Single Projects</h6>
<ul class="list-unstyled">
<li><a class="dropdown-item" href="../../single-project.html">Single Project I</a></li>
<li><a class="dropdown-item" href="../../single-project2.html">Single Project II</a></li>
<li><a class="dropdown-item" href="../../single-project3.html">Single Project III</a></li>
<li><a class="dropdown-item" href="../../single-project4.html">Single Project IV</a></li>
</ul>
</div>
<!-- /.column -->
</div>
<!-- /auto-column -->
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="../../blog.html">Blog without Sidebar</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../blog2.html">Blog with Sidebar</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../blog3.html">Blog with Left Sidebar</a></li>
<li class="dropdown dropdown-submenu dropend"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog Posts</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="../../blog-post.html">Post without Sidebar</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../blog-post2.html">Post with Sidebar</a></li>
<li class="nav-item"><a class="dropdown-item" href="../../blog-post3.html">Post with Left Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown dropdown-mega">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blocks</a>
<ul class="dropdown-menu mega-menu mega-menu-dark mega-menu-img">
<li class="mega-menu-content">
<ul class="row row-cols-1 row-cols-lg-6 gx-0 gx-lg-6 gy-lg-4 list-unstyled">
<li class="col"><a class="dropdown-item" href="../../docs/blocks/about.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block1.svg" alt=""></div>
<span>About</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/blog.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block2.svg" alt=""></div>
<span>Blog</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/call-to-action.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block3.svg" alt=""></div>
<span>Call to Action</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/clients.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block4.svg" alt=""></div>
<span>Clients</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/contact.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block5.svg" alt=""></div>
<span>Contact</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/facts.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block6.svg" alt=""></div>
<span>Facts</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/faq.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block7.svg" alt=""></div>
<span>FAQ</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/features.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block8.svg" alt=""></div>
<span>Features</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/footer.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block9.svg" alt=""></div>
<span>Footer</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/hero.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block10.svg" alt=""></div>
<span>Hero</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/misc.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block17.svg" alt=""></div>
<span>Misc</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/navbar.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block11.svg" alt=""></div>
<span>Navbar</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/portfolio.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block12.svg" alt=""></div>
<span>Portfolio</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/pricing.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block13.svg" alt=""></div>
<span>Pricing</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/process.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block14.svg" alt=""></div>
<span>Process</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/team.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block15.svg" alt=""></div>
<span>Team</span>
</a>
</li>
<li class="col"><a class="dropdown-item" href="../../docs/blocks/testimonials.html">
<div class="rounded img-svg d-none d-lg-block p-4 mb-lg-2"><img class="rounded-0" src="../../assets/img/demos/block16.svg" alt=""></div>
<span>Testimonials</span>
</a>
</li>
</ul>
<!--/.row -->
</li>
<!--/.mega-menu-content-->
</ul>
<!--/.dropdown-menu -->
</li>
<li class="nav-item dropdown dropdown-mega">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Documentation</a>
<ul class="dropdown-menu mega-menu">
<li class="mega-menu-content">
<div class="row gx-0 gx-lg-3">
<div class="col-lg-4">
<h6 class="dropdown-header">Usage</h6>
<ul class="list-unstyled cc-2 pb-lg-1">
<li><a class="dropdown-item" href="../../docs/index.html">Get Started</a></li>
<li><a class="dropdown-item" href="../../docs/forms.html">Forms</a></li>
<li><a class="dropdown-item" href="../../docs/faq.html">FAQ</a></li>
<li><a class="dropdown-item" href="../../docs/changelog.html">Changelog</a></li>
<li><a class="dropdown-item" href="../../docs/credits.html">Credits</a></li>
</ul>
<h6 class="dropdown-header mt-lg-6">Styleguide</h6>
<ul class="list-unstyled cc-2">
<li><a class="dropdown-item" href="../../docs/styleguide/colors.html">Colors</a></li>
<li><a class="dropdown-item" href="../../docs/styleguide/fonts.html">Fonts</a></li>
<li><a class="dropdown-item" href="../../docs/styleguide/icons-svg.html">SVG Icons</a></li>
<li><a class="dropdown-item" href="../../docs/styleguide/icons-font.html">Font Icons</a></li>
<li><a class="dropdown-item" href="../../docs/styleguide/illustrations.html">Illustrations</a></li>
<li><a class="dropdown-item" href="../../docs/styleguide/backgrounds.html">Backgrounds</a></li>
<li><a class="dropdown-item" href="../../docs/styleguide/misc.html">Misc</a></li>
</ul>
</div>
<!--/column -->
<div class="col-lg-8">
<h6 class="dropdown-header">Elements</h6>
<ul class="list-unstyled cc-3">
<li><a class="dropdown-item" href="../../docs/elements/accordion.html">Accordion</a></li>
<li><a class="dropdown-item" href="../../docs/elements/alerts.html">Alerts</a></li>
<li><a class="dropdown-item" href="../../docs/elements/animations.html">Animations</a></li>
<li><a class="dropdown-item" href="../../docs/elements/avatars.html">Avatars</a></li>
<li><a class="dropdown-item" href="../../docs/elements/background.html">Background</a></li>
<li><a class="dropdown-item" href="../../docs/elements/badges.html">Badges</a></li>
<li><a class="dropdown-item" href="../../docs/elements/buttons.html">Buttons</a></li>
<li><a class="dropdown-item" href="../../docs/elements/card.html">Card</a></li>
<li><a class="dropdown-item" href="../../docs/elements/carousel.html">Carousel</a></li>
<li><a class="dropdown-item" href="../../docs/elements/dividers.html">Dividers</a></li>
<li><a class="dropdown-item" href="../../docs/elements/form-elements.html">Form Elements</a></li>
<li><a class="dropdown-item" href="../../docs/elements/image-hover.html">Image Hover</a></li>
<li><a class="dropdown-item" href="../../docs/elements/image-mask.html">Image Mask</a></li>
<li><a class="dropdown-item" href="../../docs/elements/lightbox.html">Lightbox</a></li>
<li><a class="dropdown-item" href="../../docs/elements/player.html">Media Player</a></li>
<li><a class="dropdown-item" href="../../docs/elements/modal.html">Modal</a></li>
<li><a class="dropdown-item" href="../../docs/elements/pagination.html">Pagination</a></li>
<li><a class="dropdown-item" href="../../docs/elements/progressbar.html">Progressbar</a></li>
<li><a class="dropdown-item" href="../../docs/elements/shadows.html">Shadows</a></li>
<li><a class="dropdown-item" href="../../docs/elements/shapes.html">Shapes</a></li>
<li><a class="dropdown-item" href="../../docs/elements/tables.html">Tables</a></li>
<li><a class="dropdown-item" href="../../docs/elements/tabs.html">Tabs</a></li>
<li><a class="dropdown-item" href="../../docs/elements/text-animations.html">Text Animations</a></li>
<li><a class="dropdown-item" href="../../docs/elements/text-highlight.html">Text Highlight</a></li>
<li><a class="dropdown-item" href="../../docs/elements/tiles.html">Tiles</a></li>
<li><a class="dropdown-item" href="../../docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>
<li><a class="dropdown-item" href="../../docs/elements/typography.html">Typography</a></li>
</ul>
</div>
<!--/column -->
</div>
<!--/.row -->
</li>
<!--/.mega-menu-content-->
</ul>
<!--/.dropdown-menu -->
</li>
</ul>
<!-- /.navbar-nav -->
<div class="offcanvas-footer d-lg-none">
<div>
<a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>
<br /> 00 (123) 456 78 90 <br />
<nav class="nav social social-white mt-4">
<a href="#"><i class="uil uil-twitter"></i></a>
<a href="#"><i class="uil uil-facebook-f"></i></a>
<a href="#"><i class="uil uil-dribbble"></i></a>
<a href="#"><i class="uil uil-instagram"></i></a>
<a href="#"><i class="uil uil-youtube"></i></a>
</nav>
<!-- /.social -->
</div>
</div>
<!-- /.offcanvas-footer -->
</div>
<!-- /.offcanvas-body -->
</div>
<!-- /.navbar-collapse -->
<div class="navbar-other w-100 d-flex ms-auto">
<ul class="navbar-nav flex-row align-items-center ms-auto">
<li class="nav-item dropdown language-select text-uppercase">
<a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="#">En</a></li>
<li class="nav-item"><a class="dropdown-item" href="#">De</a></li>
<li class="nav-item"><a class="dropdown-item" href="#">Es</a></li>
</ul>
</li>
<li class="nav-item d-none d-md-block">
<a href="../../contact.html" class="btn btn-sm btn-primary rounded-pill">Contact</a>
</li>
<li class="nav-item d-lg-none">
<button class="hamburger offcanvas-nav-btn"><span></span></button>
</li>
</ul>
<!-- /.navbar-nav -->
</div>
<!-- /.navbar-other -->
</div>
<!-- /.container -->
</nav>
<!-- /.navbar -->
</header>
<!-- /header -->
<section class="wrapper bg-soft-primary">
<div class="container pt-10 pb-12 pt-md-14 pb-md-16 text-center">
<div class="row">
<div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto">
<h1 class="display-1 mb-3">Unicons</h1>
<p class="lead px-xxl-6">Below you can find the list of 1110+ solid font icons. All these retina-ready icons can easily be styled by color, size, shadow, and anything possible with CSS. For more information on the icons please visit <a href="https://iconscout.com/unicons/explore/line" target="_blank" class="hover more">Unicons website</a></p>
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /section -->
<div class="container">
<div class="row">
<aside class="col-xl-2 sidebar doc-sidebar mt-md-0 py-16 d-none d-xl-block">
<div class="widget pb-3">
<h6 class="widget-title fs-17 mb-2">Usage</h6>
<nav id="collapse-usage">
<ul class="list-unstyled fs-sm lh-sm text-reset">
<li><a href="../../docs/index.html">Get Started</a></li>
<li><a href="../../docs/forms.html">Forms</a></li>
<li><a href="../../docs/faq.html">FAQ</a></li>
<li><a href="../../docs/changelog.html">Changelog</a></li>
<li><a href="../../docs/credits.html">Credits</a></li>
</ul>
</nav>
<!-- /nav -->
</div>
<!-- /.widget -->
<div class="widget pb-3">
<h6 class="widget-title fs-17 mb-2">Styleguide</h6>
<nav id="collapse-style">
<ul class="list-unstyled fs-sm lh-sm text-reset">
<li><a href="../../docs/styleguide/colors.html">Colors</a></li>
<li><a href="../../docs/styleguide/fonts.html">Fonts</a></li>
<li><a href="../../docs/styleguide/icons-svg.html">SVG Icons</a></li>
<li><a href="../../docs/styleguide/icons-font.html" class="active">Font Icons</a></li>
<li><a href="../../docs/styleguide/illustrations.html">Illustrations</a></li>
<li><a href="../../docs/styleguide/backgrounds.html">Backgrounds</a></li>
<li><a href="../../docs/styleguide/misc.html">Misc</a></li>
</ul>
</nav>
<!-- /nav -->
</div>
<!-- /.widget -->
<div class="widget pb-3">
<h6 class="widget-title fs-17 mb-2">Elements</h6>
<nav id="collapse-elements">
<ul class="list-unstyled fs-sm lh-sm text-reset">
<li><a href="../../docs/elements/accordion.html">Accordion</a></li>
<li><a href="../../docs/elements/alerts.html">Alerts</a></li>
<li><a href="../../docs/elements/animations.html">Animations</a></li>
<li><a href="../../docs/elements/avatars.html">Avatars</a></li>
<li><a href="../../docs/elements/background.html">Background</a></li>
<li><a href="../../docs/elements/badges.html">Badges</a></li>
<li><a href="../../docs/elements/buttons.html">Buttons</a></li>
<li><a href="../../docs/elements/card.html">Card</a></li>
<li><a href="../../docs/elements/carousel.html">Carousel</a></li>
<li><a href="../../docs/elements/dividers.html">Dividers</a></li>
<li><a href="../../docs/elements/form-elements.html">Form Elements</a></li>
<li><a href="../../docs/elements/image-hover.html">Image Hover</a></li>
<li><a href="../../docs/elements/image-mask.html">Image Mask</a></li>
<li><a href="../../docs/elements/lightbox.html">Lightbox</a></li>
<li><a href="../../docs/elements/player.html">Media Player</a></li>
<li><a href="../../docs/elements/modal.html">Modal</a></li>
<li><a href="../../docs/elements/pagination.html">Pagination</a></li>
<li><a href="../../docs/elements/progressbar.html">Progressbar</a></li>
<li><a href="../../docs/elements/shadows.html">Shadows</a></li>
<li><a href="../../docs/elements/shapes.html">Shapes</a></li>
<li><a href="../../docs/elements/tables.html">Tables</a></li>
<li><a href="../../docs/elements/tabs.html">Tabs</a></li>
<li><a href="../../docs/elements/text-animations.html">Text Animations</a></li>
<li><a href="../../docs/elements/text-highlight.html">Text Highlight</a></li>
<li><a href="../../docs/elements/tiles.html">Tiles</a></li>
<li><a href="../../docs/elements/tooltips-popovers.html">Tooltips & Popovers</a></li>
<li><a href="../../docs/elements/typography.html">Typography</a></li>
</ul>
</nav>
<!-- /nav -->
</div>
<!-- /.widget -->
</aside>
<!-- /column -->
<aside class="col-xl-2 order-xl-3 sidebar sticky-sidebar mt-md-0 py-16 d-none d-xl-block">
<div class="widget">
<h6 class="widget-title fs-17 mb-2 ps-xl-5">On this page</h6>
<nav class="ps-xl-5" id="sidebar-nav">
<ul class="list-unstyled fs-sm lh-sm text-reset">
<li><a class="nav-link scroll active" href="#arrows">Arrows</a></li>
<li><a class="nav-link scroll" href="#brand-logos">Brand Logos</a></li>
<li><a class="nav-link scroll" href="#business">Business</a></li>
<li><a class="nav-link scroll" href="#chat">Chat</a></li>
<li><a class="nav-link scroll" href="#cloud-web">Cloud and Web</a></li>
<li><a class="nav-link scroll" href="#communication">Communication</a></li>
<li><a class="nav-link scroll" href="#construction">Construction</a></li>
<li><a class="nav-link scroll" href="#content">Content</a></li>
<li><a class="nav-link scroll" href="#design-tools">Design Tools</a></li>
<li><a class="nav-link scroll" href="#devices">Devices</a></li>
<li><a class="nav-link scroll" href="#education">Education</a></li>
<li><a class="nav-link scroll" href="#emoji">Emoji</a></li>
<li><a class="nav-link scroll" href="#file-folder">File and Folder</a></li>
<li><a class="nav-link scroll" href="#location-map">Location and Map</a></li>
<li><a class="nav-link scroll" href="#medical">Medical</a></li>
<li><a class="nav-link scroll" href="#multimedia">Multimedia</a></li>
<li><a class="nav-link scroll" href="#photo-tools">Photography Tools</a></li>
<li><a class="nav-link scroll" href="#security">Security</a></li>
<li><a class="nav-link scroll" href="#shape">Shape</a></li>
<li><a class="nav-link scroll" href="#shopping">Shopping</a></li>
<li><a class="nav-link scroll" href="#sign-symbol">Sign and Symbol</a></li>
<li><a class="nav-link scroll" href="#sports">Sports</a></li>
<li><a class="nav-link scroll" href="#time">Time</a></li>
<li><a class="nav-link scroll" href="#transport">Transport</a></li>
<li><a class="nav-link scroll" href="#user-interface">User Interface</a></li>
<li><a class="nav-link scroll" href="#users">Users</a></li>
<li><a class="nav-link scroll" href="#weather">Weather</a></li>
</ul>
</nav>
<!-- /nav -->
</div>
<!-- /.widget -->
</aside>
<!-- /column -->
<div class="col-xl-8 order-xl-2">
<section id="arrows" class="wrapper pt-16">
<h2 class="mb-5">Arrows</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-center-h"></i>
<span>align-center-h</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-center-h&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-center-v"></i>
<span>align-center-v</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-center-v&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-angle-double-down"></i>
<span>angle-double-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-angle-double-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-angle-double-left"></i>
<span>angle-double-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-angle-double-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-angle-double-right"></i>
<span>angle-double-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-angle-double-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-angle-double-up"></i>
<span>angle-double-up</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-angle-double-up&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-angle-down"></i>
<span>angle-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-angle-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-angle-left"></i>
<span>angle-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-angle-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-angle-left-b"></i>
<span>angle-left-b</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-angle-left-b&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-angle-right"></i>
<span>angle-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-angle-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-angle-right-b"></i>
<span>angle-right-b</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-angle-right-b&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-angle-up"></i>
<span>angle-up</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-angle-up&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow"></i>
<span>arrow</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-break"></i>
<span>arrow-break</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-break&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-circle-down"></i>
<span>arrow-circle-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-circle-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-circle-left"></i>
<span>arrow-circle-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-circle-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-circle-right"></i>
<span>arrow-circle-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-circle-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-circle-up"></i>
<span>arrow-circle-up</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-circle-up&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-compress-h"></i>
<span>arrow-compress-h</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-compress-h&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-down"></i>
<span>arrow-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-down-left"></i>
<span>arrow-down-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-down-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-down-right"></i>
<span>arrow-down-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-down-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-from-right"></i>
<span>arrow-from-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-from-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-from-top"></i>
<span>arrow-from-top</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-from-top&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-growth"></i>
<span>arrow-growth</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-growth&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-left"></i>
<span>arrow-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-random"></i>
<span>arrow-random</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-random&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-resize-diagonal"></i>
<span>arrow-resize-diagonal</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-resize-diagonal&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-right"></i>
<span>arrow-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-to-bottom"></i>
<span>arrow-to-bottom</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-to-bottom&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-to-right"></i>
<span>arrow-to-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-to-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-up"></i>
<span>arrow-up</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-up&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-up-left"></i>
<span>arrow-up-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-up-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrow-up-right"></i>
<span>arrow-up-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrow-up-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-h"></i>
<span>arrows-h</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-h&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-h-alt"></i>
<span>arrows-h-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-h-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-left-down"></i>
<span>arrows-left-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-left-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-maximize"></i>
<span>arrows-maximize</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-maximize&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-merge"></i>
<span>arrows-merge</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-merge&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-resize"></i>
<span>arrows-resize</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-resize&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-resize-h"></i>
<span>arrows-resize-h</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-resize-h&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-resize-v"></i>
<span>arrows-resize-v</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-resize-v&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-right-down"></i>
<span>arrows-right-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-right-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-shrink-h"></i>
<span>arrows-shrink-h</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-shrink-h&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-shrink-v"></i>
<span>arrows-shrink-v</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-shrink-v&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-up-right"></i>
<span>arrows-up-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-up-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-v"></i>
<span>arrows-v</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-v&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-arrows-v-alt"></i>
<span>arrows-v-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-arrows-v-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-caret-right"></i>
<span>caret-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-caret-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chart-down"></i>
<span>chart-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chart-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-compress-alt"></i>
<span>compress-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-compress-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-compress-alt-left"></i>
<span>compress-alt-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-compress-alt-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-compress-arrows"></i>
<span>compress-arrows</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-compress-arrows&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-compress-point"></i>
<span>compress-point</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-compress-point&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-corner-down-left"></i>
<span>corner-down-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-corner-down-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-corner-down-right"></i>
<span>corner-down-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-corner-down-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-corner-down-right-alt"></i>
<span>corner-down-right-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-corner-down-right-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-corner-left-down"></i>
<span>corner-left-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-corner-left-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-corner-right-down"></i>
<span>corner-right-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-corner-right-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-corner-up-left"></i>
<span>corner-up-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-corner-up-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-corner-up-left-alt"></i>
<span>corner-up-left-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-corner-up-left-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-corner-up-right"></i>
<span>corner-up-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-corner-up-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-corner-up-right-alt"></i>
<span>corner-up-right-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-corner-up-right-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-direction"></i>
<span>direction</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-direction&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-download-alt"></i>
<span>download-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-download-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-enter"></i>
<span>enter</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-enter&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-exchange"></i>
<span>exchange</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-exchange&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-exchange-alt"></i>
<span>exchange-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-exchange-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-expand-alt"></i>
<span>expand-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-expand-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-expand-arrows"></i>
<span>expand-arrows</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-expand-arrows&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-expand-arrows-alt"></i>
<span>expand-arrows-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-expand-arrows-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-expand-from-corner"></i>
<span>expand-from-corner</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-expand-from-corner&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-expand-left"></i>
<span>expand-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-expand-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-expand-right"></i>
<span>expand-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-expand-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-export"></i>
<span>export</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-export&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-import"></i>
<span>import</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-import&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-left-arrow-from-left"></i>
<span>left-arrow-from-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-left-arrow-from-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-left-arrow-to-left"></i>
<span>left-arrow-to-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-left-arrow-to-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-maximize-left"></i>
<span>maximize-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-maximize-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-scaling-left"></i>
<span>scaling-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-scaling-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-scaling-right"></i>
<span>scaling-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-scaling-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-scroll"></i>
<span>scroll</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-scroll&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-scroll-h"></i>
<span>scroll-h</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-scroll-h&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shuffle"></i>
<span>shuffle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shuffle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sort"></i>
<span>sort</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sort&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sorting"></i>
<span>sorting</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sorting&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-top-arrow-from-top"></i>
<span>top-arrow-from-top</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-top-arrow-from-top&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-top-arrow-to-top"></i>
<span>top-arrow-to-top</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-top-arrow-to-top&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-upload-alt"></i>
<span>upload-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-upload-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="brand-logos" class="wrapper pt-16">
<h2 class="mb-5">Brand Logos</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-500px"></i>
<span>500px</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-500px&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-adobe"></i>
<span>adobe</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-adobe&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-adobe-alt"></i>
<span>adobe-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-adobe-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-amazon"></i>
<span>amazon</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-amazon&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-android"></i>
<span>android</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-android&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-android-alt"></i>
<span>android-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-android-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-apple"></i>
<span>apple</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-apple&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-apple-alt"></i>
<span>apple-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-apple-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-behance"></i>
<span>behance</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-behance&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-behance-alt"></i>
<span>behance-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-behance-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bing"></i>
<span>bing</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bing&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bitcoin"></i>
<span>bitcoin</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bitcoin&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bitcoin-alt"></i>
<span>bitcoin-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bitcoin-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-black-berry"></i>
<span>black-berry</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-black-berry&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-blogger"></i>
<span>blogger</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-blogger&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-blogger-alt"></i>
<span>blogger-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-blogger-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-css3-simple"></i>
<span>css3-simple</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-css3-simple&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-discord"></i>
<span>discord</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-discord&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-docker"></i>
<span>docker</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-docker&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dribbble"></i>
<span>dribbble</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dribbble&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dropbox"></i>
<span>dropbox</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dropbox&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-facebook"></i>
<span>facebook</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-facebook&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-facebook-f"></i>
<span>facebook-f</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-facebook-f&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-facebook-messenger"></i>
<span>facebook-messenger</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-facebook-messenger&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-facebook-messenger-alt"></i>
<span>facebook-messenger-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-facebook-messenger-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-github"></i>
<span>github</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-github&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-github-alt"></i>
<span>github-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-github-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-gitlab"></i>
<span>gitlab</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-gitlab&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-google"></i>
<span>google</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-google&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-google-drive"></i>
<span>google-drive</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-google-drive&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-google-drive-alt"></i>
<span>google-drive-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-google-drive-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-google-hangouts"></i>
<span>google-hangouts</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-google-hangouts&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-google-hangouts-alt"></i>
<span>google-hangouts-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-google-hangouts-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-google-play"></i>
<span>google-play</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-google-play&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-hipchat"></i>
<span>hipchat</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-hipchat&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-html3"></i>
<span>html3</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-html3&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-html3-alt"></i>
<span>html3-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-html3-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-html5"></i>
<span>html5</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-html5&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-html5-alt"></i>
<span>html5-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-html5-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-instagram"></i>
<span>instagram</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-instagram&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-instagram-alt"></i>
<span>instagram-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-instagram-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-intercom"></i>
<span>intercom</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-intercom&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-intercom-alt"></i>
<span>intercom-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-intercom-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-java-script"></i>
<span>java-script</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-java-script&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-line"></i>
<span>line</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-line&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-linkedin"></i>
<span>linkedin</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-linkedin&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-linkedin-alt"></i>
<span>linkedin-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-linkedin-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-linux"></i>
<span>linux</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-linux&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-lottiefiles"></i>
<span>lottiefiles</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-lottiefiles&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-lottiefiles-alt"></i>
<span>lottiefiles-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-lottiefiles-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-master-card"></i>
<span>master-card</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-master-card&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-medium-m"></i>
<span>medium-m</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-medium-m&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-microsoft"></i>
<span>microsoft</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-microsoft&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-okta"></i>
<span>okta</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-okta&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-opera"></i>
<span>opera</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-opera&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-opera-alt"></i>
<span>opera-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-opera-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pagelines"></i>
<span>pagelines</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pagelines&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pagerduty"></i>
<span>pagerduty</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pagerduty&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-paypal"></i>
<span>paypal</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-paypal&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-programming-language"></i>
<span>programming-language</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-programming-language&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-react"></i>
<span>react</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-react&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-reddit-alien-alt"></i>
<span>reddit-alien-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-reddit-alien-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-skype"></i>
<span>skype</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-skype&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-skype-alt"></i>
<span>skype-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-skype-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-slack"></i>
<span>slack</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-slack&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-slack-alt"></i>
<span>slack-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-slack-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-snapchat-alt"></i>
<span>snapchat-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-snapchat-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-snapchat-ghost"></i>
<span>snapchat-ghost</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-snapchat-ghost&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-snapchat-square"></i>
<span>snapchat-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-snapchat-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-swiggy"></i>
<span>swiggy</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-swiggy&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-telegram"></i>
<span>telegram</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-telegram&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-telegram-alt"></i>
<span>telegram-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-telegram-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tumblr"></i>
<span>tumblr</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tumblr&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tumblr-alt"></i>
<span>tumblr-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tumblr-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tumblr-square"></i>
<span>tumblr-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tumblr-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-twitter"></i>
<span>twitter</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-twitter&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-twitter-alt"></i>
<span>twitter-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-twitter-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-visual-studio"></i>
<span>visual-studio</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-visual-studio&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vk"></i>
<span>vk</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vk&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vk-alt"></i>
<span>vk-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vk-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vuejs"></i>
<span>vuejs</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vuejs&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vuejs-alt"></i>
<span>vuejs-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vuejs-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-whatsapp"></i>
<span>whatsapp</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-whatsapp&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-whatsapp-alt"></i>
<span>whatsapp-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-whatsapp-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-windows"></i>
<span>windows</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-windows&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wordpress"></i>
<span>wordpress</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wordpress&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wordpress-simple"></i>
<span>wordpress-simple</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wordpress-simple&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-youtube"></i>
<span>youtube</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-youtube&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="business" class="wrapper pt-16">
<h2 class="mb-5">Business</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-analysis"></i>
<span>analysis</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-analysis&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-analytics"></i>
<span>analytics</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-analytics&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bag"></i>
<span>bag</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bag&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bag-alt"></i>
<span>bag-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bag-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bill"></i>
<span>bill</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bill&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bitcoin-circle"></i>
<span>bitcoin-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bitcoin-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bitcoin-sign"></i>
<span>bitcoin-sign</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bitcoin-sign&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-briefcase"></i>
<span>briefcase</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-briefcase&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-briefcase-alt"></i>
<span>briefcase-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-briefcase-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-calculator-alt"></i>
<span>calculator-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-calculator-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-calendar-alt"></i>
<span>calendar-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chart"></i>
<span>chart</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chart&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chart-bar"></i>
<span>chart-bar</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chart-bar&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chart-bar-alt"></i>
<span>chart-bar-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chart-bar-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chart-growth"></i>
<span>chart-growth</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chart-growth&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chart-growth-alt"></i>
<span>chart-growth-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chart-growth-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chart-line"></i>
<span>chart-line</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chart-line&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chart-pie"></i>
<span>chart-pie</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chart-pie&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chart-pie-alt"></i>
<span>chart-pie-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chart-pie-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-coins"></i>
<span>coins</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-coins&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comparison"></i>
<span>comparison</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comparison&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-credit-card"></i>
<span>credit-card</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-credit-card&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-crosshair"></i>
<span>crosshair</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-crosshair&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-crosshair-alt"></i>
<span>crosshair-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-crosshair-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-crosshairs"></i>
<span>crosshairs</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-crosshairs&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dollar-alt"></i>
<span>dollar-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dollar-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dollar-sign"></i>
<span>dollar-sign</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dollar-sign&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dollar-sign-alt"></i>
<span>dollar-sign-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dollar-sign-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-euro"></i>
<span>euro</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-euro&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-euro-circle"></i>
<span>euro-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-euro-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-gold"></i>
<span>gold</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-gold&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-graph-bar"></i>
<span>graph-bar</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-graph-bar&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-hunting"></i>
<span>hunting</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-hunting&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-invoice"></i>
<span>invoice</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-invoice&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-lightbulb"></i>
<span>lightbulb</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-lightbulb&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-lightbulb-alt"></i>
<span>lightbulb-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-lightbulb-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-lira-sign"></i>
<span>lira-sign</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-lira-sign&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-money-bill"></i>
<span>money-bill</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-money-bill&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-money-bill-stack"></i>
<span>money-bill-stack</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-money-bill-stack&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-money-insert"></i>
<span>money-insert</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-money-insert&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-money-stack"></i>
<span>money-stack</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-money-stack&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-money-withdraw"></i>
<span>money-withdraw</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-money-withdraw&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-money-withdrawal"></i>
<span>money-withdrawal</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-money-withdrawal&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-moneybag"></i>
<span>moneybag</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-moneybag&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-moneybag-alt"></i>
<span>moneybag-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-moneybag-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-panel-add"></i>
<span>panel-add</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-panel-add&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-percentage"></i>
<span>percentage</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-percentage&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pound"></i>
<span>pound</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pound&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pound-circle"></i>
<span>pound-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pound-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-presentation-line"></i>
<span>presentation-line</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-presentation-line&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-puzzle-piece"></i>
<span>puzzle-piece</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-puzzle-piece&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-receipt"></i>
<span>receipt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-receipt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-receipt-alt"></i>
<span>receipt-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-receipt-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-rupee-sign"></i>
<span>rupee-sign</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-rupee-sign&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-schedule"></i>
<span>schedule</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-schedule&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-signal-alt-3"></i>
<span>signal-alt-3</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-signal-alt-3&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sitemap"></i>
<span>sitemap</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sitemap&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-suitcase"></i>
<span>suitcase</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-suitcase&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-suitcase-alt"></i>
<span>suitcase-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-suitcase-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-university"></i>
<span>university</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-university&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-usd-circle"></i>
<span>usd-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-usd-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-usd-square"></i>
<span>usd-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-usd-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-yen"></i>
<span>yen</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-yen&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-yen-circle"></i>
<span>yen-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-yen-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="chat" class="wrapper pt-16">
<h2 class="mb-5">Chat</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chat"></i>
<span>chat</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chat&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chat-bubble-user"></i>
<span>chat-bubble-user</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chat-bubble-user&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-chat-info"></i>
<span>chat-info</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-chat-info&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment"></i>
<span>comment</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-add"></i>
<span>comment-add</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-add&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt"></i>
<span>comment-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-block"></i>
<span>comment-alt-block</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-block&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-chart-lines"></i>
<span>comment-alt-chart-lines</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-chart-lines&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-check"></i>
<span>comment-alt-check</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-check&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-dots"></i>
<span>comment-alt-dots</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-dots&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-download"></i>
<span>comment-alt-download</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-download&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-edit"></i>
<span>comment-alt-edit</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-edit&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-exclamation"></i>
<span>comment-alt-exclamation</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-exclamation&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-heart"></i>
<span>comment-alt-heart</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-heart&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-image"></i>
<span>comment-alt-image</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-image&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-info"></i>
<span>comment-alt-info</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-info&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-lines"></i>
<span>comment-alt-lines</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-lines&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-lock"></i>
<span>comment-alt-lock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-lock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-medical"></i>
<span>comment-alt-medical</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-medical&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-message"></i>
<span>comment-alt-message</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-message&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-notes"></i>
<span>comment-alt-notes</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-notes&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-plus"></i>
<span>comment-alt-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-question"></i>
<span>comment-alt-question</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-question&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-redo"></i>
<span>comment-alt-redo</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-redo&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-search"></i>
<span>comment-alt-search</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-search&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-share"></i>
<span>comment-alt-share</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-share&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-shield"></i>
<span>comment-alt-shield</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-shield&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-upload"></i>
<span>comment-alt-upload</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-upload&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-verify"></i>
<span>comment-alt-verify</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-verify&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-block"></i>
<span>comment-block</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-block&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-chart-line"></i>
<span>comment-chart-line</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-chart-line&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-check"></i>
<span>comment-check</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-check&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-dots"></i>
<span>comment-dots</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-dots&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-download"></i>
<span>comment-download</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-download&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-edit"></i>
<span>comment-edit</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-edit&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-exclamation"></i>
<span>comment-exclamation</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-exclamation&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-heart"></i>
<span>comment-heart</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-heart&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-image"></i>
<span>comment-image</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-image&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-info"></i>
<span>comment-info</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-info&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-info-alt"></i>
<span>comment-info-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-info-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-lines"></i>
<span>comment-lines</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-lines&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-lock"></i>
<span>comment-lock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-lock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-medical"></i>
<span>comment-medical</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-medical&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-message"></i>
<span>comment-message</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-message&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-notes"></i>
<span>comment-notes</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-notes&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-plus"></i>
<span>comment-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-question"></i>
<span>comment-question</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-question&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-redo"></i>
<span>comment-redo</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-redo&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-search"></i>
<span>comment-search</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-search&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-share"></i>
<span>comment-share</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-share&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-shield"></i>
<span>comment-shield</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-shield&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-upload"></i>
<span>comment-upload</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-upload&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-verify"></i>
<span>comment-verify</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-verify&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comments"></i>
<span>comments</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comments&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comments-alt"></i>
<span>comments-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comments-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-share"></i>
<span>share</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-share&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="cloud-web" class="wrapper pt-16">
<h2 class="mb-5">Cloud and Web</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-brackets-curly"></i>
<span>brackets-curly</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-brackets-curly&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-browser"></i>
<span>browser</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-browser&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bug"></i>
<span>bug</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bug&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-channel"></i>
<span>channel</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-channel&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-channel-add"></i>
<span>channel-add</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-channel-add&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-block"></i>
<span>cloud-block</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-block&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-bookmark"></i>
<span>cloud-bookmark</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-bookmark&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-check"></i>
<span>cloud-check</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-check&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-computing"></i>
<span>cloud-computing</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-computing&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-data-connection"></i>
<span>cloud-data-connection</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-data-connection&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-database-tree"></i>
<span>cloud-database-tree</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-database-tree&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-download"></i>
<span>cloud-download</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-download&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-exclamation"></i>
<span>cloud-exclamation</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-exclamation&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-heart"></i>
<span>cloud-heart</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-heart&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-info"></i>
<span>cloud-info</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-info&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-lock"></i>
<span>cloud-lock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-lock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-question"></i>
<span>cloud-question</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-question&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-redo"></i>
<span>cloud-redo</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-redo&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-share"></i>
<span>cloud-share</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-share&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-shield"></i>
<span>cloud-shield</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-shield&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-slash"></i>
<span>cloud-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-times"></i>
<span>cloud-times</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-times&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-unlock"></i>
<span>cloud-unlock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-unlock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-upload"></i>
<span>cloud-upload</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-upload&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-wifi"></i>
<span>cloud-wifi</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-wifi&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-code-branch"></i>
<span>code-branch</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-code-branch&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-columns"></i>
<span>columns</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-columns&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-data-sharing"></i>
<span>data-sharing</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-data-sharing&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-database"></i>
<span>database</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-database&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-database-alt"></i>
<span>database-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-database-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-grid"></i>
<span>grid</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-grid&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-server"></i>
<span>server</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-server&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-server-alt"></i>
<span>server-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-server-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-server-connection"></i>
<span>server-connection</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-server-connection&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-server-network"></i>
<span>server-network</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-server-network&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-server-network-alt"></i>
<span>server-network-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-server-network-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-servers"></i>
<span>servers</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-servers&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-web-grid"></i>
<span>web-grid</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-web-grid&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-web-grid-alt"></i>
<span>web-grid-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-web-grid-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-web-section"></i>
<span>web-section</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-web-section&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-web-section-alt"></i>
<span>web-section-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-web-section-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-window"></i>
<span>window</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-window&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-window-grid"></i>
<span>window-grid</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-window-grid&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-window-maximize"></i>
<span>window-maximize</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-window-maximize&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-window-section"></i>
<span>window-section</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-window-section&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="communication" class="wrapper pt-16">
<h2 class="mb-5">Communication</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-calling"></i>
<span>calling</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-calling&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-desktop-cloud-alt"></i>
<span>desktop-cloud-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-desktop-cloud-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope"></i>
<span>envelope</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-add"></i>
<span>envelope-add</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-add&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-alt"></i>
<span>envelope-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-block"></i>
<span>envelope-block</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-block&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-bookmark"></i>
<span>envelope-bookmark</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-bookmark&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-check"></i>
<span>envelope-check</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-check&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-download"></i>
<span>envelope-download</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-download&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-download-alt"></i>
<span>envelope-download-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-download-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-edit"></i>
<span>envelope-edit</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-edit&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-exclamation"></i>
<span>envelope-exclamation</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-exclamation&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-heart"></i>
<span>envelope-heart</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-heart&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-info"></i>
<span>envelope-info</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-info&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-lock"></i>
<span>envelope-lock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-lock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-minus"></i>
<span>envelope-minus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-minus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-open"></i>
<span>envelope-open</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-open&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-question"></i>
<span>envelope-question</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-question&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-receive"></i>
<span>envelope-receive</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-receive&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-redo"></i>
<span>envelope-redo</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-redo&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-search"></i>
<span>envelope-search</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-search&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-send"></i>
<span>envelope-send</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-send&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-share"></i>
<span>envelope-share</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-share&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-shield"></i>
<span>envelope-shield</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-shield&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-star"></i>
<span>envelope-star</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-star&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-times"></i>
<span>envelope-times</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-times&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-upload"></i>
<span>envelope-upload</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-upload&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelope-upload-alt"></i>
<span>envelope-upload-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelope-upload-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-envelopes"></i>
<span>envelopes</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-envelopes&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-fast-mail"></i>
<span>fast-mail</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-fast-mail&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-fast-mail-alt"></i>
<span>fast-mail-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-fast-mail-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-forwaded-call"></i>
<span>forwaded-call</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-forwaded-call&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-incoming-call"></i>
<span>incoming-call</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-incoming-call&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-laptop-cloud"></i>
<span>laptop-cloud</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-laptop-cloud&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-laptop-connection"></i>
<span>laptop-connection</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-laptop-connection&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-mailbox"></i>
<span>mailbox</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-mailbox&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-mailbox-alt"></i>
<span>mailbox-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-mailbox-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-missed-call"></i>
<span>missed-call</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-missed-call&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-outgoing-call"></i>
<span>outgoing-call</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-outgoing-call&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-phone"></i>
<span>phone</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-phone&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-phone-alt"></i>
<span>phone-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-phone-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-phone-pause"></i>
<span>phone-pause</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-phone-pause&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-phone-slash"></i>
<span>phone-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-phone-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-phone-times"></i>
<span>phone-times</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-phone-times&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-phone-volume"></i>
<span>phone-volume</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-phone-volume&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-post-stamp"></i>
<span>post-stamp</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-post-stamp&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-postcard"></i>
<span>postcard</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-postcard&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-rss-alt"></i>
<span>rss-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-rss-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="construction" class="wrapper pt-16">
<h2 class="mb-5">Construction</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-constructor"></i>
<span>constructor</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-constructor&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-drill"></i>
<span>drill</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-drill&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-hard-hat"></i>
<span>hard-hat</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-hard-hat&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-jackhammer"></i>
<span>jackhammer</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-jackhammer&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-no-entry"></i>
<span>no-entry</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-no-entry&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-paint-tool"></i>
<span>paint-tool</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-paint-tool&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-screw"></i>
<span>screw</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-screw&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shovel"></i>
<span>shovel</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shovel&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tape"></i>
<span>tape</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tape&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-traffic-barrier"></i>
<span>traffic-barrier</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-traffic-barrier&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-trowel"></i>
<span>trowel</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-trowel&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wall"></i>
<span>wall</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wall&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wheel-barrow"></i>
<span>wheel-barrow</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wheel-barrow&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="content" class="wrapper pt-16">
<h2 class="mb-5">Content</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align"></i>
<span>align</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-alt"></i>
<span>align-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-center"></i>
<span>align-center</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-center&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-center-alt"></i>
<span>align-center-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-center-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-center-justify"></i>
<span>align-center-justify</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-center-justify&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-justify"></i>
<span>align-justify</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-justify&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-left"></i>
<span>align-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-left-justify"></i>
<span>align-left-justify</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-left-justify&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-letter-right"></i>
<span>align-letter-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-letter-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-right"></i>
<span>align-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-align-right-justify"></i>
<span>align-right-justify</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-align-right-justify&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bars"></i>
<span>bars</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bars&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bold"></i>
<span>bold</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bold&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-border-alt"></i>
<span>border-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-border-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-border-bottom"></i>
<span>border-bottom</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-border-bottom&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-border-clear"></i>
<span>border-clear</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-border-clear&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-border-horizontal"></i>
<span>border-horizontal</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-border-horizontal&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-border-inner"></i>
<span>border-inner</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-border-inner&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-border-left"></i>
<span>border-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-border-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-border-right"></i>
<span>border-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-border-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-border-top"></i>
<span>border-top</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-border-top&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-border-vertical"></i>
<span>border-vertical</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-border-vertical&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dialpad"></i>
<span>dialpad</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dialpad&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dialpad-alt"></i>
<span>dialpad-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dialpad-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-document-layout-center"></i>
<span>document-layout-center</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-document-layout-center&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-document-layout-left"></i>
<span>document-layout-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-document-layout-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-document-layout-right"></i>
<span>document-layout-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-document-layout-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-english-to-chinese"></i>
<span>english-to-chinese</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-english-to-chinese&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-font"></i>
<span>font</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-font&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-grip-horizontal-line"></i>
<span>grip-horizontal-line</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-grip-horizontal-line&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-hindi-to-chinese"></i>
<span>hindi-to-chinese</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-hindi-to-chinese&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-italic"></i>
<span>italic</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-italic&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-language"></i>
<span>language</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-language&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-left-indent"></i>
<span>left-indent</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-left-indent&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-left-indent-alt"></i>
<span>left-indent-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-left-indent-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-left-to-right-text-direction"></i>
<span>left-to-right-text-direction</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-left-to-right-text-direction&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-letter-chinese-a"></i>
<span>letter-chinese-a</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-letter-chinese-a&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-letter-english-a"></i>
<span>letter-english-a</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-letter-english-a&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-letter-hindi-a"></i>
<span>letter-hindi-a</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-letter-hindi-a&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-letter-japanese-a"></i>
<span>letter-japanese-a</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-letter-japanese-a&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-list-ui-alt"></i>
<span>list-ui-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-list-ui-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-list-ul"></i>
<span>list-ul</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-list-ul&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-paragraph"></i>
<span>paragraph</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-paragraph&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-right-indent-alt"></i>
<span>right-indent-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-right-indent-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-right-to-left-text-direction"></i>
<span>right-to-left-text-direction</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-right-to-left-text-direction&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sigma"></i>
<span>sigma</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sigma&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sort-amount-down"></i>
<span>sort-amount-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sort-amount-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sort-amount-up"></i>
<span>sort-amount-up</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sort-amount-up&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-subject"></i>
<span>subject</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-subject&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-text"></i>
<span>text</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-text&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-text-fields"></i>
<span>text-fields</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-text-fields&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-text-size"></i>
<span>text-size</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-text-size&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-text-strike-through"></i>
<span>text-strike-through</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-text-strike-through&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-underline"></i>
<span>underline</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-underline&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wrap-text"></i>
<span>wrap-text</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wrap-text&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="design-tools" class="wrapper pt-16">
<h2 class="mb-5">Design Tools</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-apps"></i>
<span>apps</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-apps&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-border-out"></i>
<span>border-out</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-border-out&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bring-bottom"></i>
<span>bring-bottom</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bring-bottom&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bring-front"></i>
<span>bring-front</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bring-front&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-brush-alt"></i>
<span>brush-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-brush-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-circle-layer"></i>
<span>circle-layer</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-circle-layer&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-compress"></i>
<span>compress</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-compress&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-compress-lines"></i>
<span>compress-lines</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-compress-lines&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-compress-v"></i>
<span>compress-v</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-compress-v&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-crop-alt"></i>
<span>crop-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-crop-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-crop-alt-rotate-left"></i>
<span>crop-alt-rotate-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-crop-alt-rotate-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-crop-alt-rotate-right"></i>
<span>crop-alt-rotate-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-crop-alt-rotate-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-exclude"></i>
<span>exclude</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-exclude&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-flip-h"></i>
<span>flip-h</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-flip-h&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-flip-h-alt"></i>
<span>flip-h-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-flip-h-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-flip-v"></i>
<span>flip-v</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-flip-v&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-flip-v-alt"></i>
<span>flip-v-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-flip-v-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-grids"></i>
<span>grids</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-grids&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-horizontal-align-center"></i>
<span>horizontal-align-center</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-horizontal-align-center&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-horizontal-align-left"></i>
<span>horizontal-align-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-horizontal-align-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-horizontal-align-right"></i>
<span>horizontal-align-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-horizontal-align-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-horizontal-distribution-center"></i>
<span>horizontal-distribution-center</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-horizontal-distribution-center&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-horizontal-distribution-left"></i>
<span>horizontal-distribution-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-horizontal-distribution-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-horizontal-distribution-right"></i>
<span>horizontal-distribution-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-horizontal-distribution-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-icons"></i>
<span>icons</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-icons&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-illustration"></i>
<span>illustration</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-illustration&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-resize-landscape"></i>
<span>image-resize-landscape</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-resize-landscape&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-resize-square"></i>
<span>image-resize-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-resize-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-layers-alt"></i>
<span>layers-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-layers-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-line-alt"></i>
<span>line-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-line-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-line-spacing"></i>
<span>line-spacing</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-line-spacing&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-minus-path"></i>
<span>minus-path</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-minus-path&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-object-group"></i>
<span>object-group</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-object-group&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-object-ungroup"></i>
<span>object-ungroup</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-object-ungroup&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-palette"></i>
<span>palette</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-palette&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-panorama-h"></i>
<span>panorama-h</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-panorama-h&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-panorama-h-alt"></i>
<span>panorama-h-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-panorama-h-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-panorama-v"></i>
<span>panorama-v</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-panorama-v&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pathfinder"></i>
<span>pathfinder</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pathfinder&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pathfinder-unite"></i>
<span>pathfinder-unite</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pathfinder-unite&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-repeat"></i>
<span>repeat</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-repeat&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-ruler"></i>
<span>ruler</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-ruler&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-ruler-combined"></i>
<span>ruler-combined</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-ruler-combined&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shrink"></i>
<span>shrink</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shrink&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-spin"></i>
<span>spin</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-spin&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-square-full"></i>
<span>square-full</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-square-full&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-table"></i>
<span>table</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-table&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-th"></i>
<span>th</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-th&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-th-large"></i>
<span>th-large</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-th-large&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-th-slash"></i>
<span>th-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-th-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vector-square"></i>
<span>vector-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vector-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vector-square-alt"></i>
<span>vector-square-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vector-square-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vertical-align-bottom"></i>
<span>vertical-align-bottom</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vertical-align-bottom&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vertical-align-center"></i>
<span>vertical-align-center</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vertical-align-center&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vertical-align-top"></i>
<span>vertical-align-top</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vertical-align-top&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vertical-distribute-bottom"></i>
<span>vertical-distribute-bottom</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vertical-distribute-bottom&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vertical-distribution-center"></i>
<span>vertical-distribution-center</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vertical-distribution-center&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-vertical-distribution-top"></i>
<span>vertical-distribution-top</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-vertical-distribution-top&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="devices" class="wrapper pt-16">
<h2 class="mb-5">Devices</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-circuit"></i>
<span>circuit</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-circuit&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-desktop"></i>
<span>desktop</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-desktop&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-desktop-alt"></i>
<span>desktop-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-desktop-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-hdd"></i>
<span>hdd</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-hdd&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-laptop"></i>
<span>laptop</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-laptop&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-mobile-android"></i>
<span>mobile-android</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-mobile-android&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-mobile-android-alt"></i>
<span>mobile-android-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-mobile-android-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-modem"></i>
<span>modem</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-modem&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-monitor"></i>
<span>monitor</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-monitor&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-mouse"></i>
<span>mouse</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-mouse&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-mouse-alt"></i>
<span>mouse-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-mouse-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-mouse-alt-2"></i>
<span>mouse-alt-2</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-mouse-alt-2&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-print"></i>
<span>print</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-print&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-processor"></i>
<span>processor</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-processor&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tablet"></i>
<span>tablet</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tablet&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-webcam"></i>
<span>webcam</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-webcam&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-weight"></i>
<span>weight</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-weight&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wifi-router"></i>
<span>wifi-router</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wifi-router&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="education" class="wrapper pt-16">
<h2 class="mb-5">Education</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-abacus"></i>
<span>abacus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-abacus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-atom"></i>
<span>atom</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-atom&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-award"></i>
<span>award</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-award&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-award-alt"></i>
<span>award-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-award-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-backpack"></i>
<span>backpack</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-backpack&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bell-school"></i>
<span>bell-school</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bell-school&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-book"></i>
<span>book</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-book&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-book-alt"></i>
<span>book-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-book-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-book-open"></i>
<span>book-open</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-book-open&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-brain"></i>
<span>brain</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-brain&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cell"></i>
<span>cell</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cell&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-diary"></i>
<span>diary</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-diary&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-diary-alt"></i>
<span>diary-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-diary-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dna"></i>
<span>dna</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dna&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-flask"></i>
<span>flask</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-flask&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-flask-potion"></i>
<span>flask-potion</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-flask-potion&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-game-structure"></i>
<span>game-structure</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-game-structure&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-graduation-cap"></i>
<span>graduation-cap</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-graduation-cap&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-medal"></i>
<span>medal</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-medal&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-meeting-board"></i>
<span>meeting-board</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-meeting-board&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-notebooks"></i>
<span>notebooks</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-notebooks&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-notes"></i>
<span>notes</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-notes&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-podium"></i>
<span>podium</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-podium&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-presentation"></i>
<span>presentation</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-presentation&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-presentation-check"></i>
<span>presentation-check</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-presentation-check&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-presentation-edit"></i>
<span>presentation-edit</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-presentation-edit&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-presentation-lines-alt"></i>
<span>presentation-lines-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-presentation-lines-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-presentation-minus"></i>
<span>presentation-minus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-presentation-minus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-presentation-play"></i>
<span>presentation-play</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-presentation-play&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-presentation-plus"></i>
<span>presentation-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-presentation-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-presentation-times"></i>
<span>presentation-times</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-presentation-times&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-robot"></i>
<span>robot</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-robot&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sperms"></i>
<span>sperms</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sperms&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-telescope"></i>
<span>telescope</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-telescope&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="emoji" class="wrapper pt-16">
<h2 class="mb-5">Emoji</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-angry"></i>
<span>angry</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-angry&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-annoyed"></i>
<span>annoyed</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-annoyed&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-annoyed-alt"></i>
<span>annoyed-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-annoyed-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-confused"></i>
<span>confused</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-confused&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dizzy-meh"></i>
<span>dizzy-meh</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dizzy-meh&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-emoji"></i>
<span>emoji</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-emoji&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-frown"></i>
<span>frown</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-frown&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-grin"></i>
<span>grin</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-grin&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-grin-tongue-wink"></i>
<span>grin-tongue-wink</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-grin-tongue-wink&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-grin-tongue-wink-alt"></i>
<span>grin-tongue-wink-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-grin-tongue-wink-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-kid"></i>
<span>kid</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-kid&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-laughing"></i>
<span>laughing</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-laughing&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-meh"></i>
<span>meh</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-meh&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-meh-alt"></i>
<span>meh-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-meh-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-meh-closed-eye"></i>
<span>meh-closed-eye</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-meh-closed-eye&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-nerd"></i>
<span>nerd</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-nerd&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-ninja"></i>
<span>ninja</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-ninja&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sad"></i>
<span>sad</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sad&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sad-cry"></i>
<span>sad-cry</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sad-cry&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sad-crying"></i>
<span>sad-crying</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sad-crying&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sad-dizzy"></i>
<span>sad-dizzy</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sad-dizzy&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sad-squint"></i>
<span>sad-squint</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sad-squint&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sick"></i>
<span>sick</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sick&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-silence"></i>
<span>silence</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-silence&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-silent-squint"></i>
<span>silent-squint</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-silent-squint&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-smile"></i>
<span>smile</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-smile&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-smile-beam"></i>
<span>smile-beam</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-smile-beam&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-smile-dizzy"></i>
<span>smile-dizzy</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-smile-dizzy&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-smile-squint-wink"></i>
<span>smile-squint-wink</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-smile-squint-wink&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-smile-squint-wink-alt"></i>
<span>smile-squint-wink-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-smile-squint-wink-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-smile-wink"></i>
<span>smile-wink</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-smile-wink&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-smile-wink-alt"></i>
<span>smile-wink-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-smile-wink-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-squint"></i>
<span>squint</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-squint&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-surprise"></i>
<span>surprise</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-surprise&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-unamused"></i>
<span>unamused</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-unamused&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="file-folder" class="wrapper pt-16">
<h2 class="mb-5">File and Folder</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-books"></i>
<span>books</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-books&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clipboard"></i>
<span>clipboard</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clipboard&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clipboard-alt"></i>
<span>clipboard-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clipboard-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clipboard-blank"></i>
<span>clipboard-blank</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clipboard-blank&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clipboard-notes"></i>
<span>clipboard-notes</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clipboard-notes&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-copy"></i>
<span>copy</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-copy&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-copy-alt"></i>
<span>copy-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-copy-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-copy-landscape"></i>
<span>copy-landscape</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-copy-landscape&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-document-info"></i>
<span>document-info</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-document-info&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file"></i>
<span>file</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-alt"></i>
<span>file-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-blank"></i>
<span>file-blank</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-blank&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-block-alt"></i>
<span>file-block-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-block-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-bookmark-alt"></i>
<span>file-bookmark-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-bookmark-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-check"></i>
<span>file-check</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-check&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-check-alt"></i>
<span>file-check-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-check-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-contract"></i>
<span>file-contract</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-contract&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-contract-dollar"></i>
<span>file-contract-dollar</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-contract-dollar&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-copy-alt"></i>
<span>file-copy-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-copy-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-download"></i>
<span>file-download</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-download&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-download-alt"></i>
<span>file-download-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-download-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-edit-alt"></i>
<span>file-edit-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-edit-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-exclamation"></i>
<span>file-exclamation</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-exclamation&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-exclamation-alt"></i>
<span>file-exclamation-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-exclamation-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-export"></i>
<span>file-export</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-export&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-graph"></i>
<span>file-graph</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-graph&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-heart"></i>
<span>file-heart</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-heart&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-import"></i>
<span>file-import</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-import&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-info-alt"></i>
<span>file-info-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-info-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-landscape"></i>
<span>file-landscape</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-landscape&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-landscape-alt"></i>
<span>file-landscape-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-landscape-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-lock-alt"></i>
<span>file-lock-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-lock-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-medical"></i>
<span>file-medical</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-medical&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-minus"></i>
<span>file-minus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-minus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-minus-alt"></i>
<span>file-minus-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-minus-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-network"></i>
<span>file-network</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-network&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-plus"></i>
<span>file-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-plus-alt"></i>
<span>file-plus-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-plus-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-question"></i>
<span>file-question</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-question&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-question-alt"></i>
<span>file-question-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-question-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-redo-alt"></i>
<span>file-redo-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-redo-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-search-alt"></i>
<span>file-search-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-search-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-share-alt"></i>
<span>file-share-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-share-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-shield-alt"></i>
<span>file-shield-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-shield-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-times"></i>
<span>file-times</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-times&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-times-alt"></i>
<span>file-times-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-times-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-upload"></i>
<span>file-upload</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-upload&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-upload-alt"></i>
<span>file-upload-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-upload-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-files-landscapes"></i>
<span>files-landscapes</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-files-landscapes&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-files-landscapes-alt"></i>
<span>files-landscapes-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-files-landscapes-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder"></i>
<span>folder</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-check"></i>
<span>folder-check</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-check&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-download"></i>
<span>folder-download</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-download&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-exclamation"></i>
<span>folder-exclamation</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-exclamation&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-heart"></i>
<span>folder-heart</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-heart&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-info"></i>
<span>folder-info</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-info&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-lock"></i>
<span>folder-lock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-lock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-medical"></i>
<span>folder-medical</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-medical&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-minus"></i>
<span>folder-minus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-minus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-network"></i>
<span>folder-network</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-network&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-open"></i>
<span>folder-open</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-open&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-plus"></i>
<span>folder-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-question"></i>
<span>folder-question</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-question&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-times"></i>
<span>folder-times</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-times&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-upload"></i>
<span>folder-upload</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-upload&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="location-map" class="wrapper pt-16">
<h2 class="mb-5">Location and Map</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-compass"></i>
<span>compass</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-compass&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-directions"></i>
<span>directions</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-directions&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-location-arrow"></i>
<span>location-arrow</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-location-arrow&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-location-arrow-alt"></i>
<span>location-arrow-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-location-arrow-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-location-pin-alt"></i>
<span>location-pin-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-location-pin-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-location-point"></i>
<span>location-point</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-location-point&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map"></i>
<span>map</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map-marker"></i>
<span>map-marker</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map-marker&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map-marker-alt"></i>
<span>map-marker-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map-marker-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map-marker-edit"></i>
<span>map-marker-edit</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map-marker-edit&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map-marker-info"></i>
<span>map-marker-info</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map-marker-info&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map-marker-minus"></i>
<span>map-marker-minus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map-marker-minus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map-marker-plus"></i>
<span>map-marker-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map-marker-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map-marker-question"></i>
<span>map-marker-question</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map-marker-question&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map-marker-shield"></i>
<span>map-marker-shield</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map-marker-shield&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map-pin"></i>
<span>map-pin</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map-pin&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map-pin-alt"></i>
<span>map-pin-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map-pin-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-navigator"></i>
<span>navigator</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-navigator&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sign-alt"></i>
<span>sign-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sign-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sign-left"></i>
<span>sign-left</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sign-left&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sign-right"></i>
<span>sign-right</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sign-right&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="medical" class="wrapper pt-16">
<h2 class="mb-5">Medical</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-ambulance"></i>
<span>ambulance</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-ambulance&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-assistive-listening-systems"></i>
<span>assistive-listening-systems</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-assistive-listening-systems&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-band-aid"></i>
<span>band-aid</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-band-aid&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-book-medical"></i>
<span>book-medical</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-book-medical&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-capsule"></i>
<span>capsule</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-capsule&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clinic-medical"></i>
<span>clinic-medical</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clinic-medical&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-coronavirus"></i>
<span>coronavirus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-coronavirus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-ear"></i>
<span>ear</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-ear&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-medical-alt"></i>
<span>file-medical-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-medical-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-head-side"></i>
<span>head-side</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-head-side&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-head-side-cough"></i>
<span>head-side-cough</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-head-side-cough&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-head-side-mask"></i>
<span>head-side-mask</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-head-side-mask&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-heart-medical"></i>
<span>heart-medical</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-heart-medical&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-heart-rate"></i>
<span>heart-rate</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-heart-rate&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-heartbeat"></i>
<span>heartbeat</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-heartbeat&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-hospital"></i>
<span>hospital</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-hospital&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-hospital-square-sign"></i>
<span>hospital-square-sign</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-hospital-square-sign&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-hospital-symbol"></i>
<span>hospital-symbol</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-hospital-symbol&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-house-user"></i>
<span>house-user</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-house-user&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-medical-drip"></i>
<span>medical-drip</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-medical-drip&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-medical-square"></i>
<span>medical-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-medical-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-medical-square-full"></i>
<span>medical-square-full</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-medical-square-full&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-medkit"></i>
<span>medkit</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-medkit&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-microscope"></i>
<span>microscope</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-microscope&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-monitor-heart-rate"></i>
<span>monitor-heart-rate</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-monitor-heart-rate&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-prescription-bottle"></i>
<span>prescription-bottle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-prescription-bottle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sanitizer"></i>
<span>sanitizer</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sanitizer&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sanitizer-alt"></i>
<span>sanitizer-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sanitizer-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shield-plus"></i>
<span>shield-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shield-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-social-distancing"></i>
<span>social-distancing</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-social-distancing&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-stethoscope"></i>
<span>stethoscope</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-stethoscope&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-stethoscope-alt"></i>
<span>stethoscope-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-stethoscope-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-store-slash"></i>
<span>store-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-store-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-stretcher"></i>
<span>stretcher</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-stretcher&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-syringe"></i>
<span>syringe</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-syringe&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tablets"></i>
<span>tablets</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tablets&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-thermometer"></i>
<span>thermometer</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-thermometer&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-toilet-paper"></i>
<span>toilet-paper</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-toilet-paper&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user-arrows"></i>
<span>user-arrows</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user-arrows&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user-md"></i>
<span>user-md</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user-md&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user-nurse"></i>
<span>user-nurse</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user-nurse&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-virus-slash"></i>
<span>virus-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-virus-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wheelchair-alt"></i>
<span>wheelchair-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wheelchair-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="multimedia" class="wrapper pt-16">
<h2 class="mb-5">Multimedia</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-airplay"></i>
<span>airplay</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-airplay&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-backward"></i>
<span>backward</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-backward&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bolt-slash"></i>
<span>bolt-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bolt-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-boombox"></i>
<span>boombox</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-boombox&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-camera"></i>
<span>camera</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-camera&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-camera-change"></i>
<span>camera-change</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-camera-change&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-camera-plus"></i>
<span>camera-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-camera-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clapper-board"></i>
<span>clapper-board</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clapper-board&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-compact-disc"></i>
<span>compact-disc</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-compact-disc&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-equal-circle"></i>
<span>equal-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-equal-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-film"></i>
<span>film</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-film&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-flower"></i>
<span>flower</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-flower&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-forward"></i>
<span>forward</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-forward&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-headphone-slash"></i>
<span>headphone-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-headphone-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-headphones"></i>
<span>headphones</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-headphones&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-headphones-alt"></i>
<span>headphones-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-headphones-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image"></i>
<span>image</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-block"></i>
<span>image-block</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-block&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-broken"></i>
<span>image-broken</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-broken&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-check"></i>
<span>image-check</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-check&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-download"></i>
<span>image-download</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-download&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-edit"></i>
<span>image-edit</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-edit&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-lock"></i>
<span>image-lock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-lock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-minus"></i>
<span>image-minus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-minus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-plus"></i>
<span>image-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-question"></i>
<span>image-question</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-question&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-redo"></i>
<span>image-redo</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-redo&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-search"></i>
<span>image-search</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-search&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-share"></i>
<span>image-share</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-share&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-shield"></i>
<span>image-shield</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-shield&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-times"></i>
<span>image-times</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-times&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-upload"></i>
<span>image-upload</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-upload&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-v"></i>
<span>image-v</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-v&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-images"></i>
<span>images</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-images&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-microphone-slash"></i>
<span>microphone-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-microphone-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-mountains"></i>
<span>mountains</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-mountains&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-music"></i>
<span>music</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-music&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-music-note"></i>
<span>music-note</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-music-note&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-music-tune-slash"></i>
<span>music-tune-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-music-tune-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pause"></i>
<span>pause</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pause&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pause-circle"></i>
<span>pause-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pause-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-picture"></i>
<span>picture</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-picture&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-play"></i>
<span>play</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-play&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-play-circle"></i>
<span>play-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-play-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-previous"></i>
<span>previous</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-previous&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-record-audio"></i>
<span>record-audio</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-record-audio&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-rss-interface"></i>
<span>rss-interface</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-rss-interface&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-scenery"></i>
<span>scenery</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-scenery&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-selfie"></i>
<span>selfie</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-selfie&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shutter"></i>
<span>shutter</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shutter&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shutter-alt"></i>
<span>shutter-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shutter-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-skip-forward"></i>
<span>skip-forward</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-skip-forward&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-skip-forward-alt"></i>
<span>skip-forward-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-skip-forward-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-skip-forward-circle"></i>
<span>skip-forward-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-skip-forward-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-slider-h"></i>
<span>slider-h</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-slider-h&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-slider-h-range"></i>
<span>slider-h-range</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-slider-h-range&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sliders-v"></i>
<span>sliders-v</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sliders-v&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sliders-v-alt"></i>
<span>sliders-v-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sliders-v-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-step-backward"></i>
<span>step-backward</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-step-backward&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-step-backward-alt"></i>
<span>step-backward-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-step-backward-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-step-backward-circle"></i>
<span>step-backward-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-step-backward-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-step-forward"></i>
<span>step-forward</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-step-forward&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-stop-circle"></i>
<span>stop-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-stop-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-ticket"></i>
<span>ticket</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-ticket&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-video"></i>
<span>video</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-video&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-video-question"></i>
<span>video-question</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-video-question&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="photo-tools" class="wrapper pt-16">
<h2 class="mb-5">Photography Tools</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bright"></i>
<span>bright</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bright&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-capture"></i>
<span>capture</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-capture&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-exposure-alt"></i>
<span>exposure-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-exposure-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-exposure-increase"></i>
<span>exposure-increase</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-exposure-increase&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-eye"></i>
<span>eye</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-eye&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-focus"></i>
<span>focus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-focus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-focus-add"></i>
<span>focus-add</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-focus-add&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-focus-target"></i>
<span>focus-target</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-focus-target&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="security" class="wrapper pt-16">
<h2 class="mb-5">Security</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-keyhole-circle"></i>
<span>keyhole-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-keyhole-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-keyhole-square"></i>
<span>keyhole-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-keyhole-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-keyhole-square-full"></i>
<span>keyhole-square-full</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-keyhole-square-full&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-lock"></i>
<span>lock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-lock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-lock-access"></i>
<span>lock-access</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-lock-access&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-lock-alt"></i>
<span>lock-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-lock-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-lock-open-alt"></i>
<span>lock-open-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-lock-open-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-padlock"></i>
<span>padlock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-padlock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shield"></i>
<span>shield</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shield&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shield-check"></i>
<span>shield-check</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shield-check&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shield-exclamation"></i>
<span>shield-exclamation</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shield-exclamation&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shield-question"></i>
<span>shield-question</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shield-question&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shield-slash"></i>
<span>shield-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shield-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-unlock"></i>
<span>unlock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-unlock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-unlock-alt"></i>
<span>unlock-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-unlock-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="shape" class="wrapper pt-16">
<h2 class="mb-5">Shape</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-circle"></i>
<span>circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-heart"></i>
<span>heart</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-heart&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-heart-alt"></i>
<span>heart-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-heart-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-octagon"></i>
<span>octagon</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-octagon&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pentagon"></i>
<span>pentagon</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pentagon&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-polygon"></i>
<span>polygon</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-polygon&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-square"></i>
<span>square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-square-shape"></i>
<span>square-shape</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-square-shape&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-star"></i>
<span>star</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-star&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-triangle"></i>
<span>triangle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-triangle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="shopping" class="wrapper pt-16">
<h2 class="mb-5">Shopping</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-archive"></i>
<span>archive</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-archive&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-credit-card-search"></i>
<span>credit-card-search</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-credit-card-search&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-gift"></i>
<span>gift</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-gift&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-label"></i>
<span>label</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-label&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-label-alt"></i>
<span>label-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-label-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pricetag-alt"></i>
<span>pricetag-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pricetag-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-qrcode-scan"></i>
<span>qrcode-scan</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-qrcode-scan&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shop"></i>
<span>shop</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shop&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shopping-bag"></i>
<span>shopping-bag</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shopping-bag&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shopping-basket"></i>
<span>shopping-basket</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shopping-basket&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shopping-cart"></i>
<span>shopping-cart</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shopping-cart&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-shopping-cart-alt"></i>
<span>shopping-cart-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-shopping-cart-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-store"></i>
<span>store</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-store&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-store-alt"></i>
<span>store-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-store-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tag"></i>
<span>tag</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tag&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tag-alt"></i>
<span>tag-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tag-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-transaction"></i>
<span>transaction</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-transaction&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="sign-symbol" class="wrapper pt-16">
<h2 class="mb-5">Sign and Symbol</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-accessible-icon-alt"></i>
<span>accessible-icon-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-accessible-icon-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-ban"></i>
<span>ban</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-ban&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-closed-captioning"></i>
<span>closed-captioning</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-closed-captioning&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-closed-captioning-slash"></i>
<span>closed-captioning-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-closed-captioning-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-copyright"></i>
<span>copyright</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-copyright&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-creative-commons-pd"></i>
<span>creative-commons-pd</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-creative-commons-pd&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-mars"></i>
<span>mars</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-mars&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-parking-circle"></i>
<span>parking-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-parking-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-parking-square"></i>
<span>parking-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-parking-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-registered"></i>
<span>registered</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-registered&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-servicemark"></i>
<span>servicemark</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-servicemark&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-trademark"></i>
<span>trademark</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-trademark&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-trademark-circle"></i>
<span>trademark-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-trademark-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-venus"></i>
<span>venus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-venus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wheelchair"></i>
<span>wheelchair</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wheelchair&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="sports" class="wrapper pt-16">
<h2 class="mb-5">Sports</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-baseball-ball"></i>
<span>baseball-ball</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-baseball-ball&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-basketball"></i>
<span>basketball</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-basketball&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-basketball-hoop"></i>
<span>basketball-hoop</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-basketball-hoop&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bowling-ball"></i>
<span>bowling-ball</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bowling-ball&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-club"></i>
<span>club</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-club&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-diamond"></i>
<span>diamond</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-diamond&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dice-five"></i>
<span>dice-five</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dice-five&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dice-four"></i>
<span>dice-four</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dice-four&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dice-one"></i>
<span>dice-one</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dice-one&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dice-six"></i>
<span>dice-six</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dice-six&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dice-three"></i>
<span>dice-three</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dice-three&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dice-two"></i>
<span>dice-two</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dice-two&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dumbbell"></i>
<span>dumbbell</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dumbbell&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-football"></i>
<span>football</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-football&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-football-ball"></i>
<span>football-ball</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-football-ball&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-golf-ball"></i>
<span>golf-ball</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-golf-ball&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-heart-sign"></i>
<span>heart-sign</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-heart-sign&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-kayak"></i>
<span>kayak</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-kayak&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-spade"></i>
<span>spade</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-spade&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-table-tennis"></i>
<span>table-tennis</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-table-tennis&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tennis-ball"></i>
<span>tennis-ball</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tennis-ball&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-trophy"></i>
<span>trophy</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-trophy&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-volleyball"></i>
<span>volleyball</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-volleyball&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="time" class="wrapper pt-16">
<h2 class="mb-5">Time</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clock"></i>
<span>clock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clock-eight"></i>
<span>clock-eight</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clock-eight&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clock-five"></i>
<span>clock-five</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clock-five&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clock-nine"></i>
<span>clock-nine</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clock-nine&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clock-seven"></i>
<span>clock-seven</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clock-seven&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clock-ten"></i>
<span>clock-ten</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clock-ten&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clock-three"></i>
<span>clock-three</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clock-three&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clock-two"></i>
<span>clock-two</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clock-two&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-stopwatch"></i>
<span>stopwatch</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-stopwatch&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-stopwatch-slash"></i>
<span>stopwatch-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-stopwatch-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-watch"></i>
<span>watch</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-watch&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-watch-alt"></i>
<span>watch-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-watch-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="transport" class="wrapper pt-16">
<h2 class="mb-5">Transport</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bus"></i>
<span>bus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bus-alt"></i>
<span>bus-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bus-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bus-school"></i>
<span>bus-school</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bus-school&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-car-sideview"></i>
<span>car-sideview</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-car-sideview&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-car-wash"></i>
<span>car-wash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-car-wash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-luggage-cart"></i>
<span>luggage-cart</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-luggage-cart&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-metro"></i>
<span>metro</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-metro&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-parcel"></i>
<span>parcel</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-parcel&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-ship"></i>
<span>ship</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-ship&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-subway"></i>
<span>subway</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-subway&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-subway-alt"></i>
<span>subway-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-subway-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-taxi"></i>
<span>taxi</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-taxi&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-truck"></i>
<span>truck</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-truck&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-truck-loading"></i>
<span>truck-loading</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-truck-loading&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="user-interface" class="wrapper pt-16">
<h2 class="mb-5">User Interface</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-0"></i>
<span>plus-0</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-0&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-3"></i>
<span>plus-3</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-3&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-6"></i>
<span>plus-6</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-6&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-10"></i>
<span>plus-10</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-10&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-12"></i>
<span>plus-12</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-12&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-13"></i>
<span>plus-13</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-13&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-16"></i>
<span>plus-16</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-16&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-17"></i>
<span>plus-17</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-17&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-18"></i>
<span>plus-18</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-18&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-21"></i>
<span>plus-21</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-21&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-adjust"></i>
<span>adjust</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-adjust&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-adjust-alt"></i>
<span>adjust-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-adjust-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-adjust-circle"></i>
<span>adjust-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-adjust-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-adjust-half"></i>
<span>adjust-half</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-adjust-half&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-anchor"></i>
<span>anchor</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-anchor&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-android-phone-slash"></i>
<span>android-phone-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-android-phone-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-ankh"></i>
<span>ankh</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-ankh&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-archive-alt"></i>
<span>archive-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-archive-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-archway"></i>
<span>archway</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-archway&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-asterisk"></i>
<span>asterisk</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-asterisk&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-at"></i>
<span>at</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-at&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-auto-flash"></i>
<span>auto-flash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-auto-flash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-baby-carriage"></i>
<span>baby-carriage</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-baby-carriage&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-backspace"></i>
<span>backspace</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-backspace&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bag-slash"></i>
<span>bag-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bag-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-balance-scale"></i>
<span>balance-scale</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-balance-scale&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bath"></i>
<span>bath</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bath&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-battery-bolt"></i>
<span>battery-bolt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-battery-bolt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-battery-empty"></i>
<span>battery-empty</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-battery-empty&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bed"></i>
<span>bed</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bed&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bed-double"></i>
<span>bed-double</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bed-double&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bell"></i>
<span>bell</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bell&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bell-slash"></i>
<span>bell-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bell-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bluetooth-b"></i>
<span>bluetooth-b</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bluetooth-b&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bolt"></i>
<span>bolt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bolt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bolt-alt"></i>
<span>bolt-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bolt-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bookmark"></i>
<span>bookmark</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bookmark&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bookmark-full"></i>
<span>bookmark-full</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bookmark-full&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-box"></i>
<span>box</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-box&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-brightness"></i>
<span>brightness</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-brightness&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-brightness-empty"></i>
<span>brightness-empty</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-brightness-empty&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-brightness-half"></i>
<span>brightness-half</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-brightness-half&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-brightness-low"></i>
<span>brightness-low</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-brightness-low&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-brightness-minus"></i>
<span>brightness-minus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-brightness-minus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-brightness-plus"></i>
<span>brightness-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-brightness-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-building"></i>
<span>building</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-building&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-bullseye"></i>
<span>bullseye</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-bullseye&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-calculator"></i>
<span>calculator</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-calculator&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-calendar-slash"></i>
<span>calendar-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-calendar-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-calender"></i>
<span>calender</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-calender&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-camera-slash"></i>
<span>camera-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-camera-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cancel"></i>
<span>cancel</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cancel&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-car"></i>
<span>car</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-car&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-car-slash"></i>
<span>car-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-car-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-card-atm"></i>
<span>card-atm</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-card-atm&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-check"></i>
<span>check</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-check-circle"></i>
<span>check-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-check-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-check-square"></i>
<span>check-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-check-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-coffee"></i>
<span>coffee</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-coffee&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cog"></i>
<span>cog</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cog&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-alt-slash"></i>
<span>comment-alt-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-alt-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-comment-slash"></i>
<span>comment-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-comment-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-create-dashboard"></i>
<span>create-dashboard</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-create-dashboard&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-crockery"></i>
<span>crockery</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-crockery&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cube"></i>
<span>cube</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cube&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-dashboard"></i>
<span>dashboard</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-dashboard&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-desktop-alt-slash"></i>
<span>desktop-alt-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-desktop-alt-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-desktop-slash"></i>
<span>desktop-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-desktop-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-draggabledots"></i>
<span>draggabledots</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-draggabledots&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-edit"></i>
<span>edit</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-edit&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-edit-alt"></i>
<span>edit-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-edit-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-elipsis-double-v-alt"></i>
<span>elipsis-double-v-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-elipsis-double-v-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-ellipsis-h"></i>
<span>ellipsis-h</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-ellipsis-h&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-ellipsis-v"></i>
<span>ellipsis-v</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-ellipsis-v&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-estate"></i>
<span>estate</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-estate&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-exclamation"></i>
<span>exclamation</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-exclamation&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-exclamation-circle"></i>
<span>exclamation-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-exclamation-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-exclamation-octagon"></i>
<span>exclamation-octagon</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-exclamation-octagon&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-exclamation-triangle"></i>
<span>exclamation-triangle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-exclamation-triangle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-external-link-alt"></i>
<span>external-link-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-external-link-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-eye-slash"></i>
<span>eye-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-eye-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-favorite"></i>
<span>favorite</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-favorite&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-feedback"></i>
<span>feedback</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-feedback&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-fidget-spinner"></i>
<span>fidget-spinner</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-fidget-spinner&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-lanscape-slash"></i>
<span>file-lanscape-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-lanscape-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-file-slash"></i>
<span>file-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-file-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-filter"></i>
<span>filter</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-filter&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-filter-slash"></i>
<span>filter-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-filter-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-fire"></i>
<span>fire</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-fire&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-folder-slash"></i>
<span>folder-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-folder-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-football-american"></i>
<span>football-american</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-football-american&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-glass"></i>
<span>glass</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-glass&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-glass-martini"></i>
<span>glass-martini</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-glass-martini&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-glass-martini-alt"></i>
<span>glass-martini-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-glass-martini-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-glass-martini-alt-slash"></i>
<span>glass-martini-alt-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-glass-martini-alt-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-glass-tea"></i>
<span>glass-tea</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-glass-tea&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-globe"></i>
<span>globe</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-globe&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-heart-break"></i>
<span>heart-break</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-heart-break&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-history"></i>
<span>history</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-history&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-history-alt"></i>
<span>history-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-history-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-home"></i>
<span>home</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-home&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-hourglass"></i>
<span>hourglass</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-hourglass&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-alt-slash"></i>
<span>image-alt-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-alt-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-image-slash"></i>
<span>image-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-image-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-inbox"></i>
<span>inbox</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-inbox&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-info"></i>
<span>info</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-info&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-info-circle"></i>
<span>info-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-info-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-key-skeleton"></i>
<span>key-skeleton</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-key-skeleton&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-key-skeleton-alt"></i>
<span>key-skeleton-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-key-skeleton-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-keyboard"></i>
<span>keyboard</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-keyboard&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-keyboard-alt"></i>
<span>keyboard-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-keyboard-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-keyboard-hide"></i>
<span>keyboard-hide</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-keyboard-hide&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-keyboard-show"></i>
<span>keyboard-show</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-keyboard-show&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-lamp"></i>
<span>lamp</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-lamp&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-layer-group"></i>
<span>layer-group</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-layer-group&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-layer-group-slash"></i>
<span>layer-group-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-layer-group-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-layers"></i>
<span>layers</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-layers&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-layers-slash"></i>
<span>layers-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-layers-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-life-ring"></i>
<span>life-ring</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-life-ring&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-link"></i>
<span>link</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-link&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-link-add"></i>
<span>link-add</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-link-add&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-link-alt"></i>
<span>link-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-link-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-link-broken"></i>
<span>link-broken</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-link-broken&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-link-h"></i>
<span>link-h</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-link-h&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-list-ol"></i>
<span>list-ol</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-list-ol&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-list-ol-alt"></i>
<span>list-ol-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-list-ol-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-lock-slash"></i>
<span>lock-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-lock-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-map-marker-slash"></i>
<span>map-marker-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-map-marker-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-megaphone"></i>
<span>megaphone</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-megaphone&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-message"></i>
<span>message</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-message&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-microphone"></i>
<span>microphone</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-microphone&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-minus"></i>
<span>minus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-minus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-minus-circle"></i>
<span>minus-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-minus-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-minus-square"></i>
<span>minus-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-minus-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-minus-square-full"></i>
<span>minus-square-full</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-minus-square-full&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-mobile-vibrate"></i>
<span>mobile-vibrate</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-mobile-vibrate&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-money-bill-slash"></i>
<span>money-bill-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-money-bill-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-multiply"></i>
<span>multiply</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-multiply&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-newspaper"></i>
<span>newspaper</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-newspaper&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-package"></i>
<span>package</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-package&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-paperclip"></i>
<span>paperclip</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-paperclip&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pen"></i>
<span>pen</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pen&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pizza-slice"></i>
<span>pizza-slice</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pizza-slice&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plane"></i>
<span>plane</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plane&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plane-arrival"></i>
<span>plane-arrival</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plane-arrival&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plane-departure"></i>
<span>plane-departure</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plane-departure&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plane-fly"></i>
<span>plane-fly</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plane-fly&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plug"></i>
<span>plug</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plug&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus"></i>
<span>plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-circle"></i>
<span>plus-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-plus-square"></i>
<span>plus-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-plus-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-power"></i>
<span>power</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-power&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-print-slash"></i>
<span>print-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-print-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-process"></i>
<span>process</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-process&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-pump"></i>
<span>pump</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-pump&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-question"></i>
<span>question</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-question&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-question-circle"></i>
<span>question-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-question-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-redo"></i>
<span>redo</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-redo&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-refresh"></i>
<span>refresh</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-refresh&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-restaurant"></i>
<span>restaurant</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-restaurant&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-rocket"></i>
<span>rocket</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-rocket&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-rope-way"></i>
<span>rope-way</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-rope-way&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-rotate-360"></i>
<span>rotate-360</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-rotate-360&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-rss"></i>
<span>rss</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-rss&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-save"></i>
<span>save</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-save&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-search"></i>
<span>search</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-search&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-search-alt"></i>
<span>search-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-search-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-search-minus"></i>
<span>search-minus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-search-minus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-search-plus"></i>
<span>search-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-search-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-setting"></i>
<span>setting</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-setting&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-share-alt"></i>
<span>share-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-share-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sign-in-alt"></i>
<span>sign-in-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sign-in-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sign-out-alt"></i>
<span>sign-out-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sign-out-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-signal"></i>
<span>signal</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-signal&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-signal-alt"></i>
<span>signal-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-signal-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-signin"></i>
<span>signin</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-signin&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-signout"></i>
<span>signout</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-signout&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sim-card"></i>
<span>sim-card</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sim-card&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-space-key"></i>
<span>space-key</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-space-key&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-spinner"></i>
<span>spinner</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-spinner&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-spinner-alt"></i>
<span>spinner-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-spinner-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-star-half-alt"></i>
<span>star-half-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-star-half-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-streering"></i>
<span>streering</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-streering&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sun"></i>
<span>sun</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sun&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-swatchbook"></i>
<span>swatchbook</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-swatchbook&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-swimmer"></i>
<span>swimmer</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-swimmer&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sync"></i>
<span>sync</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sync&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sync-exclamation"></i>
<span>sync-exclamation</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sync-exclamation&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sync-slash"></i>
<span>sync-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sync-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tachometer-fast"></i>
<span>tachometer-fast</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tachometer-fast&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tachometer-fast-alt"></i>
<span>tachometer-fast-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tachometer-fast-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tear"></i>
<span>tear</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tear&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-thumbs-down"></i>
<span>thumbs-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-thumbs-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-thumbs-up"></i>
<span>thumbs-up</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-thumbs-up&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-times"></i>
<span>times</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-times&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-times-circle"></i>
<span>times-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-times-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-times-square"></i>
<span>times-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-times-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-toggle-off"></i>
<span>toggle-off</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-toggle-off&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-toggle-on"></i>
<span>toggle-on</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-toggle-on&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-traffic-light"></i>
<span>traffic-light</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-traffic-light&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-trash"></i>
<span>trash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-trash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-trash-alt"></i>
<span>trash-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-trash-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-trees"></i>
<span>trees</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-trees&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tv-retro"></i>
<span>tv-retro</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tv-retro&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tv-retro-slash"></i>
<span>tv-retro-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tv-retro-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-umbrella"></i>
<span>umbrella</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-umbrella&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-upload"></i>
<span>upload</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-upload&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-utensils"></i>
<span>utensils</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-utensils&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-utensils-alt"></i>
<span>utensils-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-utensils-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-video-slash"></i>
<span>video-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-video-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-voicemail"></i>
<span>voicemail</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-voicemail&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-voicemail-rectangle"></i>
<span>voicemail-rectangle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-voicemail-rectangle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-volume"></i>
<span>volume</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-volume&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-volume-down"></i>
<span>volume-down</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-volume-down&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-volume-mute"></i>
<span>volume-mute</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-volume-mute&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-volume-off"></i>
<span>volume-off</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-volume-off&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-volume-up"></i>
<span>volume-up</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-volume-up&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wallet"></i>
<span>wallet</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wallet&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-water-drop-slash"></i>
<span>water-drop-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-water-drop-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-water-glass"></i>
<span>water-glass</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-water-glass&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wifi"></i>
<span>wifi</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wifi&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wifi-slash"></i>
<span>wifi-slash</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wifi-slash&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wrench"></i>
<span>wrench</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wrench&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-x"></i>
<span>x</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-x&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-x-add"></i>
<span>x-add</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-x-add&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-yin-yang"></i>
<span>yin-yang</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-yin-yang&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="users" class="wrapper pt-16">
<h2 class="mb-5">Users</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-book-reader"></i>
<span>book-reader</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-book-reader&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user"></i>
<span>user</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user-check"></i>
<span>user-check</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user-check&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user-circle"></i>
<span>user-circle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user-circle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user-exclamation"></i>
<span>user-exclamation</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user-exclamation&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user-location"></i>
<span>user-location</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user-location&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user-minus"></i>
<span>user-minus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user-minus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user-plus"></i>
<span>user-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user-square"></i>
<span>user-square</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user-square&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-user-times"></i>
<span>user-times</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-user-times&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-users-alt"></i>
<span>users-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-users-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
<section id="weather" class="wrapper py-16">
<h2 class="mb-5">Weather</h2>
<ul class="glyphs row row-cols-2 row-cols-md-4 row-cols-lg-5 gy-6 mb-0 text-center">
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-celsius"></i>
<span>celsius</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-celsius&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud"></i>
<span>cloud</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-drizzle"></i>
<span>cloud-drizzle</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-drizzle&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-hail"></i>
<span>cloud-hail</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-hail&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-meatball"></i>
<span>cloud-meatball</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-meatball&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-moon"></i>
<span>cloud-moon</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-moon&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-moon-hail"></i>
<span>cloud-moon-hail</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-moon-hail&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-moon-meatball"></i>
<span>cloud-moon-meatball</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-moon-meatball&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-moon-rain"></i>
<span>cloud-moon-rain</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-moon-rain&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-moon-showers"></i>
<span>cloud-moon-showers</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-moon-showers&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-rain"></i>
<span>cloud-rain</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-rain&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-rain-sun"></i>
<span>cloud-rain-sun</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-rain-sun&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-showers"></i>
<span>cloud-showers</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-showers&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-showers-alt"></i>
<span>cloud-showers-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-showers-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-showers-heavy"></i>
<span>cloud-showers-heavy</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-showers-heavy&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-sun"></i>
<span>cloud-sun</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-sun&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-sun-hail"></i>
<span>cloud-sun-hail</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-sun-hail&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-sun-meatball"></i>
<span>cloud-sun-meatball</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-sun-meatball&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-sun-rain"></i>
<span>cloud-sun-rain</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-sun-rain&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-sun-rain-alt"></i>
<span>cloud-sun-rain-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-sun-rain-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-sun-tear"></i>
<span>cloud-sun-tear</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-sun-tear&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-cloud-wind"></i>
<span>cloud-wind</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-cloud-wind&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-clouds"></i>
<span>clouds</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-clouds&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-desert"></i>
<span>desert</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-desert&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-fahrenheit"></i>
<span>fahrenheit</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-fahrenheit&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-forecastcloud-moon-tear"></i>
<span>forecastcloud-moon-tear</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-forecastcloud-moon-tear&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-moon"></i>
<span>moon</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-moon&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-moon-eclipse"></i>
<span>moon-eclipse</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-moon-eclipse&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-moonset"></i>
<span>moonset</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-moonset&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-mountains-sun"></i>
<span>mountains-sun</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-mountains-sun&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-n-a"></i>
<span>n-a</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-n-a&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-rainbow"></i>
<span>rainbow</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-rainbow&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-raindrops"></i>
<span>raindrops</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-raindrops&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-raindrops-alt"></i>
<span>raindrops-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-raindrops-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-snow-flake"></i>
<span>snow-flake</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-snow-flake&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-snowflake"></i>
<span>snowflake</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-snowflake&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-snowflake-alt"></i>
<span>snowflake-alt</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-snowflake-alt&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-sunset"></i>
<span>sunset</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-sunset&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-temperature"></i>
<span>temperature</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-temperature&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-temperature-empty"></i>
<span>temperature-empty</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-temperature-empty&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-temperature-half"></i>
<span>temperature-half</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-temperature-half&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-temperature-minus"></i>
<span>temperature-minus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-temperature-minus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-temperature-plus"></i>
<span>temperature-plus</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-temperature-plus&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-temperature-quarter"></i>
<span>temperature-quarter</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-temperature-quarter&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-temperature-three-quarter"></i>
<span>temperature-three-quarter</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-temperature-three-quarter&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-thunderstorm"></i>
<span>thunderstorm</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-thunderstorm&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-thunderstorm-moon"></i>
<span>thunderstorm-moon</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-thunderstorm-moon&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-thunderstorm-sun"></i>
<span>thunderstorm-sun</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-thunderstorm-sun&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-tornado"></i>
<span>tornado</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-tornado&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-water"></i>
<span>water</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-water&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wind"></i>
<span>wind</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wind&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wind-moon"></i>
<span>wind-moon</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wind-moon&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-wind-sun"></i>
<span>wind-sun</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-wind-sun&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-windsock"></i>
<span>windsock</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-windsock&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
<li class="col">
<div class="card h-100">
<div class="card-body">
<i class="uil uil-windy"></i>
<span>windy</span>
</div>
<div class="card-footer position-relative"><a class="stretched-link link-body btn-copy-icon" data-clipboard-text="&lt;i class=&quot;uil uil-windy&quot;&gt;&lt;/i&gt;">Copy</a></div>
</div>
</li>
</ul>
</section>
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.content-wrapper -->
<section class="wrapper bg-dark text-white">
<div class="container pt-14 pt-md-16 text-center">
<div class="row">
<div class="col-md-10 col-lg-9 col-xl-8 col-xxl-7 mx-auto">
<h2 class="display-3 text-white mt-3 mb-3 px-lg-8">Think unique and be creative. Make a difference with Sandbox.</h2>
<p class="lead fs-lg mb-6">Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.</p>
<a href="https://1.envato.market/NKGrx2" target="_blank" class="btn btn-lg btn-white rounded-pill mb-10">Buy Sandbox</a>
</div>
<!-- /column -->
</div>
<!-- /.row -->
<img class="img-fluid" src="../../assets/img/demos/f1.png" srcset="../../assets/img/demos/f1@2x.png 2x" alt="" />
</div>
<!-- /.container -->
</section>
<!-- /section -->
<div class="progress-wrap">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<script src="../../assets/js/plugins.js"></script>
<script src="../../assets/js/theme.js"></script>
</body>
</html>